/* 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);
    }
    /* 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: 1px 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: 1px 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);
    }
    .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);
    }
    .uk-accordion-title:focus, .uk-accordion-title:hover {
        color: var(--color-black);
    }
    .uk-accordion-title::before {
        background-image: url('../pix/icons/arrow_big_down.svg');
    }
    .uk-open > .uk-accordion-title::before {
        background-image: url('../pix/icons/arrow_big_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');
    }
    /* 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:400px ;
          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, .aussteller-projekt-list a:focus {
        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;

    }