/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.eot');
  src: local(''),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-600.eot');
  src: local(''),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.eot');
  src: local(''),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.eot');
  src: local(''),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'),
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/source-sans-pro-v14-latin-ext_latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
 /* source-sans-pro-700 - latin-ext_latin */
 @font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin-ext_latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v14-latin-ext_latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



/* Variables */
:root {

    /*--icon-x-twitter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18.078" viewBox="0 0 20 18.078"><path id="Icon_simple-x" data-name="Icon simple-x" d="M15.751.961h3.067l-6.7,7.658L20,19.038H13.828l-4.833-6.32-5.532,6.32H.4l7.167-8.192L0,.962H6.328L10.7,6.738ZM14.675,17.2h1.7L5.405,2.7H3.582Z" transform="translate(0 -0.961)"/></svg>');
*/


    /* Font Family */
    --font-sans-serif: 'Source Sans Pro',sans-serif;
    /* Size */
    --font-size-button: 1.25rem; /* 20px */
    --font-size-teaser: 1.25rem; /* 20px */
    --font-size-text: 1.125rem; /* 18px */
    --font-size-h4:  1.375rem; /* 22px */
    --font-size-h3: 1.5rem; /* 24px */
    --font-size-h2: 2.625rem; /* 42px */
    --font-size-h1: 3.875rem; /* 62px */
    --font-size-page-title: var(--font-size-h1);


    /* weight */
    --font-normal: 400;
    --font-bold: 600;
    --font-extra-bold: 700;

    --font-style: regular;

    /* Colors */
    --color-black: #2b2b2b;
    --color-white: #ffffff;
/*

    --color-c3: #ff900b;
*/
    --color-degrade-c1: #e5006f;
    --color-degrade-c2: #ff900b;

    --color-c1: #0073be;
    --color-c2: #ffa50f;
    --color-c3: #ffa50f;

    --color-bluelight: #E8F1F7;
    --color-greylight: #D6D6D6;

    --rgb-c2: 94,180,108;
    --opacity-15: .15;

    /* Footer Color */
    --color-bg-c1: #004586;
    --color-bg-c2: #9b55ff;

    /* Line Height */
    --global--line-height-body: 1.7;
    --global--line-height-heading: 1.3;
    --global--line-height-page-title: 1.1;

    --line-height-teaser: 1.6;
    --line-height-h2: 1.1;
}




body, html {
    height: 100%;
}
body {
    color: var(--color-black);
    font-family: var(--font-sans-serif);
    font-size: var(--font-size-text);
    font-weight: var(--font-normal);
    line-height: var(--global--line-height-body);
}
.light {
    font-weight: var(--font-normal) !important;
}
a, .header .uk-navbar-nav > li > a {
    color: var(--color-c1);
}
a:hover, a:focus {
    color: var(--color-c2);
}
.uk-logo img {
    max-width: 190px;
}
.schriftzug {
    height: auto;
    width: 744px;
}
/*footer a, footer a:hover {
    color: var(--color-white);
}*/
header.c1 {
    background: var(--color-c1);
    color: var(--color-white);
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

span.fokusselect::before {
    content: url(../pix/icons/filter.svg);
    padding-right: 10px;
    position: relative;
    top: 9px;
}
span.fokusselect.uk-text-lead {
    color: var(--color-c1);
}

header.c1::before {
    content: url(../pix/icons/add_cal.svg);
    padding-right: 10px;
    position:relative;
    top:13px;
}
.headerical {
    padding-bottom: 20px;
    padding-top:5px;
}
.datum p {
    background: var(--color-c2);
    color: var(--color-white);
}
.mit-verlauf {
  background-image: url("../pix/IT2025_Hintergrund_Teaser_Verlauf.svg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.mit-verlauf0 {
    background: linear-gradient(90deg,  #EC8B61, #F9B603);
}
.mit-verlauf1 {
    background: linear-gradient(90deg, #E6693D, #EC8A62);
}
.mit-verlauf2 {
    background: linear-gradient(90deg, #1C9957, #66AC78);
}
.mit-verlauf3 {
    background: linear-gradient(90deg, #0075BE, #048ACC);
}
.mit-verlauf4 {
    background: linear-gradient(90deg, var(--color-c2), var(--color-c1));
}



/* .last-container,
.paragraph:last-of-type  {
    background-image: url(../pix/IMG_Footer.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding-bottom: 150px;
} */
.paragraph-aussteller:last-of-type {
    background:none;
}


div:nth-child(2 of .paragraph-programm) {
    background-color: var(--color-bluelight);
}

.background,
.pdj:last-of-type {
    background-color: var(--color-bluelight);
}
.hintergrund-netz0 {
    background-image: url(../pix/hintergrund_netz_001.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.hintergrund-netz1 {
    background-image: url(../pix/hintergrund_netz_002.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.hintergrund-netz2 {
    background-image: url(../pix/IT2025_Hintergrund_Teaser_Grafik-links.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.hintergrund-verlauf-kreis {
  background-image: url(../pix/IT2025_Hintergrund_Teaser_Grafik-rechts.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.hintergrund-polygones {
    background-image: url(../pix/Hintergrund_Polygone_24.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.footer {
    background: linear-gradient(270deg, var(--color-bg-c2), var(--color-bg-c1));
    color: var(--color-white);
    font-size: var(--font-size-text);
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer .copyright, .footer .social-media {
    display: flex;
    align-items: center;
}
.footer a, .footer .uk-navbar-nav > li > a {
    color: var(--color-white);
    font-size: var(--font-size-text);
    text-transform: none;
}
.footer a:hover, .footer .uk-navbar-nav > li > a:hover {
    text-decoration: underline;
}
.webinar-details p {
    font-size: var(--font-size-text);
    padding: 0;
}
.thumbnail, .thumbnailgrid {
    border: 2px solid var(--color-bluelight);
}


.thumbs3 img {
    padding:0;
}

.thumbnailgrid img {
    padding:0;
}


@media only screen and (min-width: 961px) {
    .thumbnail  {
        border: 2px solid var(--color-bluelight);
    }
    .thumbnailgrid  {
        border: 2px solid var(--color-bluelight);
    }
    .m6 {
        margin-top:-6px;
    }

}

.icon-groesse {
width: 120px;
}
.header-maxwidth {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.fixed {
    position: fixed !important;
    top: -40px !important;
}
.header {
    position: absolute;
    max-width: 1440px;
    top: 0;
    width: 100%;
    z-index: 499;
}
.uk-light.c1 {
    background: var(--color-c1);
    font-size: var(--font-size-text);
}
/* filter Dropdown Menü */
.filter .uk-dropdown-nav li:hover, .filter .uk-dropdown-nav li:focus {
    background-color: var(--color-bluelight);
    color: var(--color-c1);
}
.filter .uk-dropdown-nav > li > a {
    color: var(--color-black);
}
.filter .uk-dropdown-nav > li.uk-active > a, .filter .uk-dropdown-nav > li > a:focus, .filter .uk-dropdown-nav > li > a:hover {
    color: var(--color-c1);
}
/* table footer Erfolsgsbeispiele */
footer .uk-table li {
    display: inline;
    margin-right: 10px;
}
footer .uk-table td {
    color: var(--color-c1);
    padding: 0 0 20px 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
footer td.uk-width-small {
    width: 200px;
}
footer .uk-table a {
    text-decoration: underline;
}
footer {
    color: var(--color-c1);
    font-size: var(--font-size-text);
}
.paragraph-aussteller .uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) {
  border-top: 0;
}
/* UI Kit */
.header .uk-navbar-container:not(.uk-navbar-transparent) {
    background: var(--color-white);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}
.header .uk-navbar-nav > li {
    margin: 0 15px;
}
.header .uk-navbar-nav > li > a {
    border-bottom: 3px solid var(--color-white);
    font-family: var(--font-sans-serif);
    font-size: var(--font-size-teaser);
    font-weight: var(--font-bold);
    min-height: 40px;
    padding: 0;
}
.header .uk-navbar-nav > li > a.is-active {
    border-bottom: 3px solid var(--color-c1);
}
.dropdown-nav .uk-button {
    background: transparent;
    color: var(--color-c1);
    text-transform: uppercase;
}
/* button */
.uk-button-large {
    font-size: var(--font-size-text);
    font-weight: var(--font-bold);
    line-height: 1;
    padding: .85rem 2rem .85rem 1rem;
}
.uk-button-default {
    color: var(--color-c1);
    border: 1px solid var(--color-c1);
    background-color: white;
}
.uk-button {
    font-size: var(--font-size-button);
    text-transform: none;
}
.uk-button .uk-icon {
    padding: 0 .25rem 0 0;
}
.uk-button-default:focus, .uk-button-default:hover {
    color: var(--color-c2);
    border-color: var(--color-c2);
}
/* button für den Dropdown Filter */
.uk-button-secondary, .uk-button-secondary:hover, .uk-button-secondary:focus {
    background-color: transparent;
    color: var(--color-black);
    font-size: var(--font-size-text);
    border: none;
}
/*.uk-light .uk-button-default {
    border-color: rgba(var(--color-white),1);
}
.uk-light .uk-button-default:focus, .uk-light .uk-button-default:hover {
    color: rgba(var(--color-white),.7);
    border-color: rgba(var(--color-white),.7);
}*/

/* label */
.uk-label {
    background-color: var(--color-c2);
    border-radius: 0;
    font-size: var(--font-size-h4);
    font-weight: var(--font-bold);
    padding: .5rem 2rem;
    text-transform: none;
}
a.uk-label {
    padding: .5rem 0;
}
a.uk-label:hover, a.uk-label:active, a.uk-label:focus {
    background-color: var(--color-c1);
    text-decoration: none;
    color: white;
}

a.uk-label:visited  {
    background-color: var(--color-c2);
    text-decoration: none;
    color: white;
}
.webinarend {
    background-color: var(--color-bluelight);
    color:  var(--color-c1);
}
.programm .uk-label {
    font-size: var(--font-size-text);
}
.webinar-details .uk-label {
    background-color: transparent;
    color: var(--color-black);
    font-size: var(--font-size-text);
    font-weight: var(--font-normal);
    padding: 0;
}
hr {
    margin: 0;
}
.uk-background-muted, .uk-section-muted {
    background-color: var(--color-bluelight);
    color: var(--color-c1);
}
.uk-background-primary {
    background-color: var(--color-c1);
}
.uk-light, .uk-light footer, .uk-light .uk-text-lead {
    color: var(--color-white);
}
.uk-card {
    background: var(--color-white);
}
/* Headlines */
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans-serif);
}
h1, h2, h3, h4, .uk-h2, .uk-h3 {
    color: var(--color-c1);
    font-weight: var(--font-bold);
}
h1 {
    font-size: var(--font-size-page-title);
    text-transform: uppercase;
    color: white;
}
h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    text-transform: uppercase;

}

.uk-h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    text-transform: none;
}
h3, .uk-h3 {
    font-size: var(--font-size-h3);
}
h4 {
    font-size: var(--font-size-h4);
}
.uk-h4 {
    color: var(--color-c2);
    font-size: var(--font-size-teaser);
    font-weight: var(--font-bold);
    text-transform: uppercase;
}
.uk-text-lead {
    color: var(--color-black);
    font-size: var(--font-size-teaser);
    line-height: var(--line-height-teaser);
}
/* Slideshow */
.uk-slidenav {
    background: var(--color-white);
    color: var(--color-c1);
    padding: 20px;
}
.uk-icon-button {
    width: 50px;
    height: 50px;
    background: var(--color-white);
    color: var(--color-c1);
}
.uk-icon-button:focus, .uk-icon-button:hover, .uk-slidenav:focus, .uk-slidenav:hover {
    background: var(--color-white);
    color: var(--color-c2);
}
/* accordion */
.uk-accordion {
    background-color: var(--color-white);
}
.uk-accordion-title {
    color: var(--color-black);
    font-weight: var(--font-bold);
}
.programm-group-item .uk-accordion-title {
  background-color: var(--color-bluelight);
  color: var(--color-c1);
  text-transform: uppercase;
}
.uk-accordion-title.uk-light, .uk-accordion-title.uk-light:focus, .uk-accordion-title.uk-light:hover  {
    color: var(--color-white);
    border-bottom: 1px solid var(--color-white);
}
li .uk-accordion-title {
    border-bottom: 1px solid var(--color-bluelight);
}
li.uk-open .uk-accordion-title {
    border-bottom: 1px solid var(--color-white);
}
li.programm-group-item.uk-open .uk-accordion-title {
    background-color: var(--color-c1);
    color: var(--color-white);
}
li.programm-group-item .uk-accordion-title:focus, li.programm-group-item .uk-accordion-title:hover {
  color: var(--color-white);
  background-color: var(--color-c1);
}
.uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_down.svg');
}
li.programm-group-item .uk-accordion-title:hover::before {
    background-image: url('../pix/icons/arrow_big_white_down.svg');
}
.uk-open > .uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_up.svg');
}
.programm-group-item.uk-open > .uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_white_up.svg');
}
.verlaeufe .uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_white_down.svg');
}
.verlaeufe .uk-open > .uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_white_up.svg');
}
.programm-group-item .uk-container>:last-child {
  padding-bottom: 0;
}

  /* list */
.uk-list-bullet > ::before
 {
    background-image: url('../pix/icons/check.svg');
    background-size: 35px 35px;
}
/* iCal */
a.ical::before {
    content: url('../pix/icons/add_cal_blau.svg');
    padding-right: 10px;
    vertical-align: middle;
    vertical-align: -50%;
}
.uk-light a.ical::before {
    content: url('../pix/icons/add_cal.svg');
}
.infobox a.ical::before {
    padding-left: 10px;
    padding-top: 3px;
    float: right;
}
.infobox a.ical:hover {
    opacity: .7;
    text-decoration: none;
}
abbr[title] {
    text-decoration: none;
    cursor: help;
    border-bottom: 2px dotted var(--color-black);
}
.uk-breadcrumb > * > * {
    font-size: var(--font-size-text);
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: ">";
    font-size: var(--font-size-text);
}
.uk-totop {
    background-color: var(--color-black);
    padding: 15px 10px;
}
/* Nav - small devices */
.uk-dropdown-nav > li > a {
    color: var(--color-c1);
}
.uk-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li > a:hover {
    color: var(--color-c2);
}
.uk-dropdown-nav.dropdown-nav, .uk-dropdown-nav {
    font-size: var(--font-size-teaser);
}

#scrolltotopbutton {
    position: relative;
    bottom:80px;
    text-align: right;
    height: 0;
    margin-right:30px;
}
.webinare-top {
    margin-top:160px;
}


@media only screen and (max-width: 640px) {
    h2 {
        font-size: 30px;
        /* overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;  */
    }

    .aussteller-projekt-list .uk-button span {
                overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    };
}

@media only screen and (min-width: 640px) {
    .icon-groesse {
    max-width: 120px;
    }




}
@media only screen and (max-width: 960px) {
    .height-large {
        height: 350px;
    }
    h1 {
        font-size: var(--font-size-h2);
        text-align: center;
    }

    .headercontentimg {
        margin-top: 40px;
        height:250px;
    }
    #imageheader {
        padding-top:40px !important;
    }
    #scrolltotopbutton {
        position: fixed;
        bottom: 80px;
        text-align: right;
        height: 0;
        right: 10px;
        margin-right:0;
        display:none;
    }
    .bsgrid {
        display:none;
    }
    .webinare-top {
        margin-top:100px;
    }


}
@media only screen and (max-width: 1200px) {
    #mainheader {
        top:-40px;
        position:fixed;
    }
}
@media only screen and (min-width: 961px) {
    .height-large {
        height: 450px;
    }
    .uk-logo img {
        max-width: 242px;
    }
    .padding-accordion-title {
        padding: 30px 26px 25px;
    }


}
@media only screen and (min-width: 1200px) {
    .height-large {
        height: 760px;
    }
    .shrinkToFit {
        cursor: zoom-in;
     }
    /* .slide {
        margin-top:90px !important;
        margin-bottom:70px !important;
    } */
    .fixed {
        position: fixed !important;
        top: -40px !important;
    }
    .teasertwo {
        height: 640px;
    }
    .auftakt {
        font-size:34px;
    }
}
.teasertwo {
    background-size: cover !important;
}

button[aria-expanded="true"]{
    display: inline-block;
  }
button.button_toogle_main[aria-expanded="true"] {
    display: none;
}
.line-height-remove {
    line-height: normal;
}

.paragraph-programm hr:last-of-type {
    display:none;
}

.playplay {
    opacity: 0.5;
    -webkit-filter: invert(.75); /* safari 6.0 - 9.0 */
            filter: invert(.75);
}

.menufootermobile ul {
    list-style: none;
    padding-left:0;
}
.teaserone h2 {
    font-weight: var(--font-extra-bold);
}

.slideshowdots {
    position:relative;
    top:-60px;
}


.uk-dotnav>.uk-active>* {
    background-color: white;
}
.uk-dotnav>*>* {
    width:13px;
    height:13px;
}
.uk-accordion-content ul li {

    list-style: disc;

    }
.paragr-67 h2 {
    text-transform: none !important;
}

@media only screen and (max-width: 1200px) {
    #mainheader {
        top:-40px;
        position:fixed;
    }
}

.tat181 .subheadlinett { display:none;}


/* WEBFORM */

.progress-step.is-active .progress-marker::before,
.progress-step:hover .progress-marker::before  {
    border: 2px solid var(--color-c1);
    background-color: var(--color-c2) !important;
}
.progress-step .progress-marker::before,
.progress-step .progress-marker::before  {
    border: 2px solid var(--color-c1);
    background-color: var(--color-c1) !important;
}
.progress-step .progress-marker {
    color:transparent;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress-tracker .progress-step .progress-marker::after {
    background-color: var(--color-c1);
}
.progress-marker::after {
    height: 2px;
    top:13px;
}
.progress-title {
    color: var(--color-c1);
    font-weight: bold;

}
.webform-submission-ausstellerbefragung-form div div.progress-title {
    text-align: center !important;
}


.webform-submission-besucher-anmeldung-form input[type=text],
.webform-submission-besucher-anmeldung-form input[type=email],
.webform-submission-besucher-anmeldung-form input[type=checkbox],
.webform-submission-mdb-anmeldung-form input[type=text],
.webform-submission-mdb-anmeldung-form input[type=email],
.webform-submission-mdb-anmeldung-form input[type=checkbox],
.webform-submission-mdb-anmeldung-form textarea,
.webform-submission-presse-anmeldung-form input[type=text],
.webform-submission-presse-anmeldung-form input[type=email],
.webform-submission-presse-anmeldung-form input[type=checkbox],
.webform-submission-presse-anmeldung-form textarea,
.webform-submission-ausstellerbefragung-form input[type=text],
.webform-submission-ausstellerbefragung-form input[type=email],
.webform-submission-ausstellerbefragung-form input[type=checkbox],
.webform-submission-ausstellerbefragung-form select,
.webform-submission-ausstellerbefragung-form textarea,
.webform-email
 {
    border: 1px solid var(--color-c1);
    color: var(--color-c1);
}

.webform-submission-besucher-anmeldung-form .hinweise,
.webform-submission-mdb-anmeldung-form .hinweise {
    font-size: 80%;
    color: grey;
}

.webform-submission-besucher-anmeldung-form .hinweiseblue,
.webform-submission-mdb-anmeldung-form .hinweiseblue {
    background-color: var(--color-c1);
    color: white;
}

.webform-submission-besucher-anmeldung-form .hinweiseblue a,
.webform-submission-besucher-anmeldung-form .hinweiseblue a:hover,
.webform-submission-mdb-anmeldung-form .hinweiseblue a,
.webform-submission-mdb-anmeldung-form .hinweiseblue a:hover  {
    color:white;
    text-decoration: underline;
}
.webform-submission-ausstellerbefragung-form div div{
    text-align: left !important;
}

.featuremap {
    height:100%;
}

.featuremap iframe {
      height:660px ;
      width:100%;
      border:0;
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
      filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
        -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}


.featuremap iframe  .place-card {
    display:none !important;
}


.webform-button--preview, .webform-button--previous, .webform-button--submit, .webformconfirmation {
    background-image: url('../pix/icons/arrowright.png');
    background-repeat: no-repeat;
    background-position: 16px center;
    padding: .85rem 2rem .85rem 3.5rem;
    background-size: 30px;
    margin-top: 40px;
    line-height: 1;
}
.webform-button--next, .webform-button--submit,  .webform-button--next,   .webform-button--next,  .webformconfirmation {
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding: .85rem 3.5rem .85rem 2rem;
    background-size: 30px;
    background-image: url('../pix/icons/arrowright.png');
    margin-top: 40px;
    line-height: 1;
}
.webform-button--preview:hover, .webform-button--previous:hover, .webform-button--submit:hover, .webformconfirmation:hover {
    background-image: url('../pix/icons/arrowrighto.png');
}

.webform-button--previous {
    background-image: url('../pix/icons/arrowleft.png');
    margin-top: 40px;

}
.webform-button--previous:hover {
    background-image: url('../pix/icons/arrowlefto.png');
}



.webform-button--next:hover {
    background-image: url('../pix/icons/arrowrighto.png');
}
.cookiefirst-cookie-declaration h2 {
    font-family: var(--font-sans-serif);
    font-size: var(--font-size-h4);
}

.paragraph-aussteller .uk-accordion-title[aria-expanded="true"], .paragraph-aussteller .aussteller-h2 {
    background-color: var(--color-c1);
    color: var(--color-white);
    }

/* .action-flag .uk-icon svg path  {
    fill: red;
    color: blue;
    fill: green;

} */
.action-flag .uk-icon-button,
.action-flag .uk-icon-button:focus,
.action-flag .uk-icon-button:hover{
    fill: red;
    color: blue;
    fill: green;
}
/* .uk-icon-button:focus,
.uk-icon-button:hover,
.uk-slidenav:focus,
.uk-slidenav:hover {
    background: var(--color-white);
    color: var(--color-c2);
} */

/* .action-unflag .uk-icon {
    background-color: var(--color-c1);
    color: var(--color-white);
}


.action-flag .uk-icon:hover svg path  {
    background-color: var(--color-c1);
    fill: var(--color-c1)
} */


 /* a.uk-icon[uk-icon="heart"]:hover svg path {
    fill: var(--color-c1)
    }
 .aussteller-h2 a.uk-icon[uk-icon="heart"]:hover svg path {
      fill: var(--color-c1)
} */


.js-flag-message {
    display: none;
  }

  .ajax-progress-throbber {
    display: none;
}

.bg-highlighted {
    background-color: var(--color-c2);
}
.bg-highlighted .uk-navbar-item {
    min-height: 50px;
    }
.bg-highlighted .uk-search-navbar .uk-search-input {
    font-size: 1rem;
  }
.bg-highlighted .uk-search-input, .bg-highlighted .uk-search-icon {
    color: var(--color-c1);
  }

  .bg-highlighted .uk-search-icon:hover {
    color: var(--color-c3);
  }
  a.uk-label.uk-background-muted, a.uk-label.uk-background-muted:visited {
    background-color: var(--color-bluelight);
    color: var(--color-c1);
  }
  .paragraph-aussteller .uk-accordion-title {
    color: var(--color-c1);
  }
  .paragraph-aussteller ul.uk-accordion > li {
    border: 1px solid var(--color-bluelight);
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
  }
  .like, .like a, .bg-transparent .uk-accordion-title {
      color: var(--color-c1);
  }
  .like {
      position: relative;
      z-index: 10;
      float: right;
      font-weight: normal;
  }

  .paragraph-aussteller li.uk-open .uk-accordion-title,  .paragraph-aussteller .aussteller-h2 {
    background-color: var(--color-c1);
    color: var(--color-white);
  }
  .plan .uk-close, .paragraph-aussteller li.uk-open .uk-accordion-title .like,
  .paragraph-aussteller li.uk-open .uk-accordion-title .like a,
  .paragraph-aussteller li.uk-open  .uk-accordion-title  .uk-text-meta,
  .paragraph-aussteller .aussteller-h2 .uk-text-meta,
  .aussteller-projekt-list a:hover .uk-text-meta,
  .aussteller-projekt-list a:focus .uk-text-meta {
    color: var(--color-white);
  }
 .paragraph-aussteller .uk-open > .uk-accordion-title::before {
    background-image: url('../pix/icons/arrow_big_white_up.svg');
}
.paragraph-aussteller p.zum-projekt a::before {
    content: '';
    display: inline-block;
    background-image: url('../pix/icons/cube-blue.svg');
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: -3px;
}
.paragraph-aussteller p.zum-projekt a:hover::before {
    background-image: url('../pix/icons/cube-green.svg');
}
.paragraph-aussteller p.position a::before {
    content: '';
    display: inline-block;
    background-image: url('../pix/icons/position-blue.svg');
    width: 12px;
    height: 16px;
    margin-right: 14px;
    margin-bottom: -3px;
}
.paragraph-aussteller p.position a:hover::before {
    background-image: url('../pix/icons/position-green.svg');
}
.plan .uk-modal-dialog {
    /* width:800px; */
    width: 1200px;
    text-align: center;
}
.plan .uk-modal-dialog img {
    max-height: 100vh;
    margin: -113px 0;
    padding: 113px 0;
    width: auto;
}

.plan .uk-modal-header {
    background: var(--color-c1);
  }
.plan .uk-modal-header h2.uk-modal-title{
    font-size: var(--font-size-text);
    border-bottom:  none;
    color: var(--color-white);
  }
  .paragraph-aussteller img.mini-logo {
      margin-right: 20px;
      height: 50px;
      width: auto;
  }
  .paragraph-aussteller .uk-text-meta, .aussteller-projekt-list a .uk-text-meta {
    color: var(--color-black);
  }

 /* a.uk-icon[uk-icon="heart"]:hover svg path {
    fill: var(--color-c1)
    }
 .aussteller-h2 a.uk-icon[uk-icon="heart"]:hover svg path {
      fill: var(--color-c1)
} */
 .uk-accordion-content .uk-icon.uk-icon-button {
background-color: var(--color-c1);
color: var(--color-white);
      }
/* .uk-accordion-content .uk-icon[uk-icon="heart"]:hover svg path, .uk-accordion-content .uk-icon[uk-icon="heart"]:focus svg path {
    fill: var(--color-white)
} */
.bg-highlighted .uk-accordion-content ul li {
    list-style: none;
    }
.bg-highlighted .uk-accordion-title::before {
        background-image: url('../pix/icons/chevron-down.svg');
        margin-left: 3px;
      }
.bg-highlighted .uk-open .uk-accordion-title::before {
              background-image: url('../pix/icons/chevron-up.svg');
              margin-left: 3px;
            }
.auswahl > * {
        display: inline-block;
      }
.auswahl a:hover {
    text-decoration: none;
}
.auswahl .uk-button-default {
    color: var(--color-c1);
    border: 1px solid var(--color-c2);
  }
  .auswahl .uk-button-default:focus, .auswahl .uk-button-default:hover {
    color: var(--color-c2);
    border-color: var(--color-c1);
  }
  .aussteller-h3 {
    font-size: var(--font-size-text);
  }
  .paragraph-aussteller td:first-of-type {
    width: 15%;
  }
  .position > .uk-button-primary {
      background-color: var(--color-c2);
  }
  .position > .uk-button-primary:hover {
      background-color: var(--color-c1);
  }

p.position a.uk-button-primary::before, p.position a.uk-button-primary:hover::before {
    background-image: url('../pix/icons/position-white.svg');
}
.aussteller-projekt-list .uk-button {
    line-height: var(--line-height-h2);
}
.aussteller-projekt-list a {
    font-weight: var(--font-bold);
    border: 1px solid var(--color-bluelight);
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.aussteller-projekt-list a:hover {
    background-color: var(--color-c1);
    color: var(--color-white);
    border: 1px solid var(--color-c1);
}
.paragraph-aussteller .uk-accordion li .uk-accordion-title {
    border-bottom: none;
}



/* ICONS Heart */
.action-flag a .uk-icon[uk-icon="heart"],
.action-unflag a .uk-icon[uk-icon="heart"],
.uk-accordion-content .action-unflag a.uk-icon[uk-icon="heart"].uk-icon-button {

    background-color: white;
    /* border: 2px solid var(--color-c1); */

}

.action-flag a .uk-icon[uk-icon="heart"] svg path,
.action-unflag a:active .uk-icon[uk-icon="heart"] svg path {
    fill: white;
    color: var(--color-c1);

}

.action-unflag a .uk-icon[uk-icon="heart"] svg path,
.action-flag a:active .uk-icon[uk-icon="heart"] svg path
 {
    fill:  var(--color-c2);
    color: var(--color-c2);
}

.action-unflag a .uk-icon[uk-icon="heart"],
.action-flag a .uk-icon[uk-icon="heart"]
 {
    cursor: pointer;
}



.action-flag a:hover .uk-icon[uk-icon="heart"] svg path,
.action-unflag a:hover .uk-icon[uk-icon="heart"] svg path {
    fill: var(--color-c1);
    color: var(--color-c1);

}
.textflagged,
.textunflagged {
    padding-left:10px;
}

.action-flag .textflagged,
.action-unflag .textunflagged {
    display: none;

}


.action-flag a:hover ,
.action-unflag a:hover{
    color: var(--color-c1);
    text-decoration:none;
}

em {
    color: initial;
}

.zoom img:hover {
    /* transform: scale(1.5); */
  }


.uk-accordion-title .textflagged,
.uk-accordion-title .textunflagged {
    display: none;
}


/* .facet-item label { */
    /* width: 90%; */
    /* display: inline-table; */
/* } */
/* .facet-item input { */
    /* width: 8%;; */
/* } */
/*  */

.paragraph-aussteller .uk-accordion li .uk-accordion-title::before {
    margin-right: 20px;
}
.paragraph-aussteller .uk-accordion li.uk-open .uk-accordion-title::before {
    margin-top: 15px;
}
.paragraph-aussteller li.uk-open .uk-accordion-title a {
    color: var(--color-white);
  }
  .paragraph-aussteller li .uk-accordion-title:hover {
    cursor: pointer;
}
.paragraph-aussteller li.uk-open .uk-accordion-title .action-flag a .uk-icon[uk-icon="heart"], .paragraph-aussteller li.uk-open .uk-accordion-title .action-unflag a .uk-icon[uk-icon="heart"], .uk-accordion-content .action-unflag a.uk-icon[uk-icon="heart"].uk-icon-button {
    background-color: transparent;
  }

  .paragraph-aussteller li.uk-open .uk-accordion-title .action-flag a:hover .uk-icon[uk-icon="heart"] svg path, .paragraph-aussteller li.uk-open .uk-accordion-title .action-unflag a:hover .uk-icon[uk-icon="heart"] svg path {
    fill: var(--color-white);
    color: var(--color-white);
  }
.sortierung-bereich a[aria-expanded="true"] span.uk-icon {
    transform: rotate(180deg);
}
.sortierung-bereich .uk-list-striped > * {
    padding: 5px 20px;
  }
.sortierung-bereich .uk-list-striped > :nth-of-type(2n+1) {
    background: rgba(var(--rgb-c2),var(--opacity-15));
  }
.sortierung-bereich .uk-list-striped > :nth-of-type(2n+1) {
    border-top: 1px solid var(--color-c2);
    border-bottom: 1px solid var(--color-c2);
  }
.sortierung-bereich .uk-dropdown {
    border-bottom: 1px solid var(--color-c2);
    border-left: 1px solid var(--color-c2);
    border-right: 1px solid var(--color-c2);
  }
.sortierung-bereich .uk-dropdown .uk-checkbox, .sortierung-bereich .uk-dropdown .uk-radio {
    border: 1px solid var(--color-c2);
  }

 .aussteller-projekt-list .flag a {
    box-shadow: none;
    border:none;
  }
  .aussteller-projekt-list .flag a:hover {
    box-shadow: none;
    border:none;
    background:none;
  }

@media screen and (min-width: 640px)
{
    .paragraph-aussteller .uk-accordion li .uk-accordion-title::before {
        margin-top: 10px;
    }
}


.x-twitter {
    height: 14px;
}

.linkedinicon {
    height: 22px;
}

.footermenutext {
display: flex;
align-items: center;
min-height: 80px;

}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}



.gallery .uk-slider .uk-slider-items > div img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

.gallery .uk-slider .uk-grid-small {
  margin-left: -10px;
}
.gallery .uk-slider .uk-grid-small > * {
  padding-left: 10px;
}

.gallery .uk-slider {
  overflow: visible;
}

.gallery .uk-slider .uk-slider-items > div img {
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
  transform-origin: center center;
}

.gallery .uk-slider .uk-slider-items > div:hover img {
  transform: scale(1.2);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  z-index: 5;
}
.gallery .uk-slider .uk-slider-items > div {
  position: relative;
  z-index: 1;
}
.gallery .uk-slider .uk-slider-items > div:hover {
  z-index: 10;
}

.paragraph-bildreihe {
  margin: 30px 0;
}

.paragraph-bildreihe__item img {
  width: 100%;
  height: auto;
  display: block;
}


/* Rückblickslider */

.paragraph-rueckblick-slider {
  background: var(--color-bluelight);
  padding: 40px 0 60px;
}

.rueckblick-slider__title {
  margin-bottom: 40px;
}


.rueckblick-item {
  display: none;

}
.uk-active .rueckblick-item {
  display: flex;
  background: #fff;
  flex-direction: column;
  height: 100%;
}

.rueckblick-item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.rueckblick-item__body {
  padding: 20px;
}

.rueckblick-item__title {
  font-size: 1.25rem;
  font-weight: var(--font-bold);
  line-height: 1.4;
  text-transform: uppercase;
}

.rueckblick-item__button {
  padding: 0 20px 0 10px;
}
@media only screen and (max-width: 960px) {
  .rueckblick-item__button {
    line-height: initial;
    font-size: 1rem;
  }
}

.rueckblick-slider .uk-position-relative {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Projekte + Aussteller */

.projekt-accordeon-item__flag .textflagged, .projekt-accordeon-item__flag .textunflagged {
  display: none;
}
.projekt-accordeon-item-wrapper {
  position: relative;
}
.projekt-accordeon-item__flag {
  position: absolute;
  top: 15px;
  right: 55px;
  z-index: 2;
}
.projekt-accordeon-item__stand {
  padding-right: 44px;
}

/* Webinare Flipcards */
.webinar-grid {
  margin-top: 2rem;
}

.webinar-grid-item {
  list-style: none;
}

.webinar-card-inner {
  position: relative;
  padding-bottom: 65%;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}

.webinar-card:hover .webinar-card-inner,
.webinar-card:focus-within .webinar-card-inner {
  transform: rotateY(180deg);
}

.webinar-card-front,
.webinar-card-back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backface-visibility: hidden;
  border: 1px solid var(--color-c1);
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}
.webinar-card-front .webinar-card-image img {
  max-width: 100%;
  height: auto;
}
.webinar-card-back {
  transform: rotateY(180deg);
  background: var(--color-c1);
  color: var(--color-white);
}
.webinar-card-back .uk-button.uk-button-default {
  background: var(--color-c1);
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
.webinar-card-back .uk-button.uk-button-default:hover {
  background: var(--color-white);
  color: var(--color-c1);
}
.webinar-card-content {
  margin-top: 10px;
}
.webinar-card-content h3 {
  color: var(--color-white);
  line-height: 1.8rem;
}
@media only screen and (max-width: 960px) {
  .webinar-card-content h3 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

/* Besuche - Hintergrund (= Programm ohne Accordeon)  */
.paragraph-programm-noaccordion .programm .uk-grid.uk-background-muted {
  position: relative;
  z-index: 1;
  background: none;
}

.paragraph-programm-noaccordion .programm .uk-grid.uk-background-muted::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: -41px; /* entspricht hr-Margin oben */
  bottom: -41px; /* entspricht hr-Margin unten */
  background-color: var(--color-bluelight);
  z-index: -1;
}

.paragraph-programm-noaccordion .programm .uk-grid.uk-background-muted + hr.uk-margin-medium {
  margin-top: 0;
}

/* CK-Editor: Links als Button */
.backarrow::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  background: url('/themes/custom/innotag/pix/icons/arrowleft.png') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.forwardarrow::after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.5em;
  background: url('/themes/custom/innotag/pix/icons/arrowright.png') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}