/* EMPORE
_______________________________*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=d6c1a4c8-f8ef-4f4a-a8c7-6cfd291f6dd5");

@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src        : url("fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueW01-ThinCn_673383";
    src        : url("fonts/07c0e1c6-6a3d-4c99-8311-b77b3223bbaa.woff2") format("woff2"), url("fonts/3d0bfb88-4887-4fd3-a16f-34ae15cbfe25.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueW01-67MdCn_692710";
    src        : url("fonts/423db818-6ba7-4789-995f-1f2d7f6018df.woff2") format("woff2"), url("fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueW01-77BdCn_692722";
    src        : url("fonts/ab23c239-fb66-406e-bce6-f0f260f5a217.woff2") format("woff2"), url("fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff") format("woff");
}

b,
strong {
    font-weight: bold;
}

li {
    max-width: 100%;
}

.tm-page {
    display: none;
}

.uk-modal-body {
    display: flow-root; 
    padding: 20px 40px 20px 20px;
}

.tm-header:not(.home .tm-header) {
    position            : relative;
    z-index             : 90;
    /*     height       : 170px; */
    background          : rgb(26, 26, 26) !important;
    /*     margin-bottom: 40px; */
}

.uk-navbar-container {
    height       : 163px;
    border-bottom: 20px solid #9C162A;
    box-shadow   : 0 10px 15px 0 rgb(0 0 0 / 10%);
    background   : rgb(26, 26, 26) !important;
}

@media (max-width: 1300px) {
    .tm-header:not(.home .tm-header) {
        height: 100px;
    }

    .uk-navbar-container,
    .tm-header-mobile {
        height: 70px;
    }

    .uk-grid-divider.uk-grid-column-small>*,
    .uk-grid-divider.uk-grid-small>* {
        margin-bottom: 5px;
    }
}

 .uk-logo img {
    width     : 260px;
    margin-top: -10px;
    transition: all .1s ease-out;
} 



.uk-navbar-sticky .uk-container {
    margin-top: 0;
}



.uk-navbar-sticky,
.tm-header:has(.uk-navbar-sticky) {
    height: 100px;
}

@media (max-width: 1300px) {

    .uk-navbar-sticky,
    .tm-header:has(.uk-navbar-sticky) {
        height: 70px;
    }

}

.uk-logo::after {
    font-family: "HelveticaNeueW01-67MdCn_692710" !important;
    font-weight: normal !important;
    content    : "DAS VERANSTALTUNGSZENTRUM DER NORDHEIDE";
    display    : block;
    position   : absolute;
    font-size  : .73rem;
    margin-left: -2px;
    color      : white;
    top        : 215px;
    opacity    : 1;
}


@media screen and (max-width: 1300px) {
    .uk-logo::after {
        display: none;
    }
}

.uk-navbar-sticky .uk-logo::after {
    opacity: 0;
}

.totop {
    display : none;
    position: fixed;
    right   : 0;
    bottom  : 0;
    z-index : 999;
}


.footer {
    position: relative;
}

.fon {
    text-align: right;
    margin-top: -20px;
}

.uk-navbar-sticky .fon {
    text-align: right;
    margin-top: 40px;
}

.uk-navbar-left {
    width: 100%;
}

.uk-navbar-nav {
    width     : 690px;
    margin-top: 53px !important;
}

.uk-navbar-right {
    width      : 190px;
    height     : 100px;
    padding-top: 16px;
}

.uk-navbar-sticky .uk-navbar-right {
    margin-top: -128px !important;
}

@media (max-width: 1300px) {
    .m-spacer {
        height:20px;
    }
}

@media (max-width: 1300px) {

    .uk-navbar-right,
    .uk-navbar-sticky .uk-navbar-right {
        margin-top: -30px !important;
    }
}

.uk-navbar-sticky .uk-navbar-nav {
    margin-top: -75px !important;
}

.header-img {
    margin-top: -50px;
    position  : relative;
}

.uk-search .uk-search-icon {
    left: 10px;
}

.home .uk-navbar-container::after {
    background-repeat: no-repeat;
    background-size  : 106vw;
    height           : 100px;
}

.page .uk-navbar-sticky::after,
.single-product .uk-navbar-sticky::after {
    height: 0;
    top   : 0px;
}

.uk-h1,
.uk-heading-small,
.uk-heading-medium {
    color     : #fff !important;
    background: #9C162A;
    padding   : 3px 10px 0px 10px;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 15%);
    width     : fit-content;
}

.uk-heading-small.uk-text-primary {
    color     : #fff !important;
    background: hsla(0, 0%, 0%, .6);
    padding   : 3px 10px 0px 10px;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 15%);
    width     : fit-content;
}

#koekjeWidget #koekjeButtons * {
    border-radius: 0 !important;
}

.uk-hr,
hr {
    border-top: 4px solid #9C162A;
}

ul:not(.uk-subnav-pill):not(.uk-pagination):not(.uk-navbar-nav):not(.uk-slideshow-items):not(.uk-dotnav):not(.uk-tab) li:not(.menu-item):not(.el-item):not(.uk-nav) {
    margin: 20px 0;
    width : max-content;
}

ul.uk-subnav-pill li {
    margin: 5px 0;
}

ul:not(.uk-pagination):not(.uk-navbar-nav):not(.uk-slideshow-items):not(.uk-dotnav):not(.uk-tab) {
    list-style: none;
}

.uk-navbar-dropdown {
    transition: top .1s;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 50%);
}

.uk-navbar-dropdown {
    top: 163px !important;
}

.uk-sticky-below .uk-navbar-dropdown {
    padding-top: 40px;
    top        : 100px !important;
}


.uk-navbar-dropdown li a[href="#dead"],
.uk-navbar-dropdown li a[href="#dead"]:hover {
    pointer-events: none !important;
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
    text-decoration: underline;
    color          : #d7edfc;
}

@media (max-width: 1300px) {
    .uk-nav-default>li>a {
        font-size: 20px;
    }
}
 
:not(#footer) ul:not(.uk-pagination):not(.uk-navbar-nav):not(.uk-slideshow-items):not(.uk-dotnav):not(.uk-tab):not(.uk-subnav) li:not(.menu-item)::before {
    content    : "\258E";
    color      : #9C162A;
    font-weight: bold;
    float:left;
}


.uk-text-background {
    background: unset;
    color     : inherit !important;
}

.fs-grid-loadmore-item {
    visibility: hidden;
}

@media (max-width: 1300px) {
    #koekjeReload {
        display: none;
    }
}

#koekjeButtons button {
    color        : white !important;
    border-radius: 50px;
}

.tm-page .uk-section:nth-last-of-type(3):not(#henkst-section) {
    padding-bottom: 180px !important;
}

.tm-header-mobile .uk-logo {
    width    : 40vw;
    max-width: 130px;
}

#seminar-nav .uk-subnav-divider>::before {
    height: 45px;
}


.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
    transition: 1s;
}

.uk-card-primary .uk-h3::before {
    height    : 25px;
    background: white;
    transition: all .2s linear;
}

.uk-card-primary .uk-h4::before {
    height    : 18px;
    background: white;
    transition: all .2s linear;
}

.uk-card-primary:hover .uk-h3::before,
.uk-card-primary:hover .uk-h4::before {
    width      : 30px;
    margin-left: -40px;
}

.uk-card-primary:hover .uk-h3,
.uk-card-primary:hover .uk-h4 {
    padding-left: 25px;
}

.raum-grid .fs-grid-text-1 {
    margin-left: 15px;
    margin-top : -42px !important;
}

.wpcf7-spinner {
    display: none;
}

.event-slider div {
    position: relative;
}

.fs-grid-nested-1 .fs-grid-fieldset {
    background   : #9C162A;
    margin-top   : 5px;
    width        : fit-content;
    padding-right: 20px;
    margin-left  : 18px;
}

.fs-grid-nested-3 .fs-grid-fieldset {
    background : rgba(0, 0, 0, .3);
    margin-top : 5px;
    width      : fit-content;
    padding    : 2px 10px;
    margin-left: 18px;
}

.fs-grid-nested-3 .fs-grid-fieldset:hover {
    background: rgba(0, 0, 0, .5);
}

.fs-grid-nested-4-container {
    position: absolute!important;
    background: #9C162A;
    width: fit-content !important;
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 30px;
    right: 0;
    bottom: 40px;
    line-height: 1;
    font-family: 'HelveticaNeueW01-67MdCn_692710';
}

/* .filter-grid .fs-grid-nested-4-container {
    right: unset;
    left: 0;
    font-size: 34px;
} */

.fs-grid-nested-4 {
    margin-top: 0 !important;
}

.uk-slider .fs-grid-nested-4-container {
    bottom: 20px;
}

/* .filter-grid .fs-grid-nested-4-container {
    right: 870px;
    top  : 46px;
}

@media (max-width: 1680px) {
    .filter-grid .fs-grid-nested-4-container {

    }
}
 */
.uk-nav>li>a {
    padding: 0 10px;
}

.uk-navbar-sticky .uk-navbar-nav>li>a::before {
    margin-top: 20px;
}

/* .uk-dropdown-nav.uk-dropdown.uk-open {
    top:0!important;
} */

.fs-filter-state.uk-active {
    background: #9C162A;
    color: white;
}

.uk-tab .uk-active {
    background: #9C162A;
    color: white;
}

/* DESKTOP ONLY
_______________________________*/

@media (min-width: 1300px) {
    .hero-section {
        padding-bottom: 0;
    }

    .event-button,
    .event-button:hover {
        position: relative;
        top     : -343px;
        height  : 302px;
    }
}

.sub-nav {
    position: relative;
    z-index : 15;
}

.event-time span,
.event-date span,
.event-location span {
    top     : -4px;
    position: relative;
}

.uk-list {
    font-size: 16px;
}

.footer .uk-list {
    font-size: 14px;
}

@media (min-width: 1500px) {
.uk-navbar-sticky .uk-logo {
    transform       : scale(.63);
        transform-origin: top left;
}
}



/* LAPTOP ONLY
_______________________________*/

@media (max-width: 1500px) {
    .uk-logo::after {
        top        : 138px;
    }    
    .uk-navbar-nav>li>a {
        padding: 0 10px;
        font-size: 20px;
    }
    .uk-navbar-nav {
        width: 630px;
    }
    .uk-navbar-nav>li.uk-active>a::before, .uk-navbar-nav>li:hover>a::before, .uk-navbar-nav>li>a[aria-expanded=true]::before {
        height: 50px;
    }
    .uk-width-small\@s {
        width: 107px;
    }
    .uk-logo img {
        transform       : scale(.63);
        transform-origin: top left;
    }

    
}


/* PHONE ONLY
_______________________________*/

@media (max-width: 1300px) {

    .uk-first-column:first-of-type .uk-list {
        margin-bottom : 10px;
        padding-bottom: 10px;
        border-bottom : 1px solid rgba(255, 255, 255, .3);
    }

    .uk-button-primary {
        line-height: 22px;
        padding    : 10px 30px;
    }

    .uk-button-primary .uk-icon {
        display: none;
    }

    .uk-text-lead {
        font-size: 18px;
    }

}




/* SIDE BUTTONS
    _______________________________*/

.side-buttons {
    z-index         : 90;
    position        : fixed;
    right           : -92px;
    top             : 24vh;
    border          : 5px #9C162A solid;
    background-color: #9C162A;
    box-shadow      : 0 10px 15px 0 rgb(0 0 0 / 10%);
    transition      : all 0.1s;

}

.side-buttons .uk-grid {
    margin-right: 0;
    flex-flow   : column;
}

.side-buttons .uk-grid-margin {
    margin: 0;
}

.side-buttons>div>div {
    margin : 0;
    padding: 15px 10px 15px 15px;
}

.side-buttons svg {
    color     : #fff;
    transition: all 0.1s;
}

.side-buttons>div>div:hover svg {
    transform: scale(1.2);
}

.side-buttons .uk-first-column:not(:last-child) {
    border-bottom: 1px #fff solid;
}

.uk-tile-primary:not(.uk-preserve-color) {
    color: #fff;
}

.cart-contents,
.cart-contents:hover {
    text-decoration: none;
}

.cart-contents {
    position      : absolute;
    top           : -35px;
    right         : -15px;
    font-family   : Arial, Helvetica, sans-serif;
    font-weight   : normal;
    vertical-align: middle;
    text-align    : center;
    height        : 15px;
    width         : 25px;
}

.cart-contents-count {
    color        : #33acbb;
    border       : 1px #33acbb solid;
    background   : white;
    border-radius: 50%;
    padding      : 1px;
    font-size    : 12px;
    line-height  : 16px;
    height       : 15px;
    width        : 15px;
}

@media (max-width: 1300px) {
    .side-buttons {
        display: none;
    }
}

@media (max-width: 1500px) {
    .side-buttons {
        transform: scale(.6);
        right    : -88px;
    }
}


/* KONTAKTFORMULAR
    _______________________________*/

input,
textarea,
select {
    padding      : 10px;
    padding-left : 20px;
    padding-right: 20px;
    border       : #ccc solid 1px;
    border-radius: 10px;
}

input[type=text],
input[type=email],
.wpcf7 input[type="tel"],
textarea {
    max-width: 90%;
}


.wpcf7-list-item,
.wpcf7-list-item-label {
    padding: 10px;
    cursor : pointer;
}

input[type=checkbox],
input[type=radio] {
    transform: scale(1.5);
    cursor   : pointer;
}

@media (max-width: 1300px) {

    input[type=text],
    input[type=email],
    .wpcf7 input[type="tel"],
    textarea {
        max-width: 87%;
        width    : unset;
    }
}

div.wpcf7-response-output {
    border: 0 !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

.wpcf7-list-item {
    margin: 0;
}

.container {
    display          : -webkit-flex;
    display          : flex;
    -webkit-flex-flow: row wrap;
    flex-flow        : row wrap;
    flex-basis       : 50%;
    justify-content  : space-between;
}

.item {
    width      : 50%;
    line-height: 1.6;
    margin     : 10px 0;
}

.anrede {
    margin-right: 5%;
}

.item-s input {
    width       : 60px;
    margin-right: 20px;
}

.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
}

.item .wpcf7-text,
textarea {
    width      : 95%;
    font-size  : 18px;
    font-family: 'Quicksand';
}

@media (max-width: 1300px) {
    .container {
        display: block;
    }

    .item {
        width        : 100%;
        margin-bottom: 10px;
    }
}

/* input[name="institution"] {
    max-width: 45%;
} */