/**
 * Theme Name:        mtA-Theme
 * Description:       Custom theme description...
 * Version:           0.95
 * Author:            loewn
 * Author URI:        https://loewn.de
 */


.menu_count{
    display: none;
}

:root{
    --thewidth: 1200px;
    --headerheight : 70vh;
    --ss_bold: 'robotobold';
    --ss_light: 'robotolight';
    --col_yellow: #e3a41a;
    --col_pink: #7E2D62;
    --col_blue: #283462;
    --col_green: #4b8a6d;
    --col_grey: #3e3e3d;
    --fs_small: 14px;
    --fs_norm: 20px;
    --fs_big: 32px;
    --fs_verybig: 42px;
    --fs_nav: 24px;
    --fs_h3: 28px;
}

#dummy{
    display: none;
}

html,
body{
    padding: 0;
    margin: 0;
    font-family: 'robotolight';
    font-size: var(--fs_norm);
    color: #3e3e3d;
}

#edit_box{
    position: fixed;
    bottom: 70px;
    right: 10px;
    background-color: var(--col_pink);
    font-family: 'robotobold';
    z-index: 999999;
    color: #fff;
    transform: rotate(90deg);
    padding: 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#edit_box:HOVER{
    background-color: var(--col_yellow);
}


.mobileonly{
    display: none!important;
}

body.shownav{
    overflow: hidden;
}

*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

*::-moz-selection {
    background: var(--col_pink);
    color: #ffffff;
}

*::selection {
    background: var(--col_pink);
    color: #ffffff;
}
*::-moz-selection {
    background: var(--col_pink);
    color: #ffffff;
}
*::-webkit-selection {
    background: var(--col_pink);
    color: #ffffff;
}

.thewidth{
    position: relative;
    width: var(--thewidth);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

b,strong{
    font-weight: normal;
    font-family: 'robotobold';
}


a{
    text-decoration: none;
    color: inherit;
}

h1,
h2{
    font-weight: normal;
    font-family: var(--ss_light);
    font-size: var(--fs_big);
    margin: 0;
    margin-bottom: 15px;
    margin-top: 10px;
    line-height: 1.1;
}

main h1,
main h2{
    font-size: var(--fs_verybig);
}


h1 b, h1 strong,
h2 b, h2 strong{
    font-family: var(--ss_bold);
}
main h1 b, main h1 strong,
main h2 b, main h2 strong{
    color: var(--col_pink);
}

main h1,
main h2,
main h3,
main h4,
main h5{
    text-align: left;
}

main h1{
    margin-bottom: 40px;
}
main h2{
    margin: 40px auto 20px auto;
}

main h3{
    margin: 20px auto 10px auto;
    font-size: var(--fs_h3);
    display: inherit;
    line-height: 1.2;
}

main h2 + p {
    margin-top: 30px;
}

main hr{
    width: 40%;
    height: 4px;
    background-color: #eee;
    border: 0;
    margin: 70px auto;
}

h1,h2,h3,h4,h5,p{
    margin: 0 auto;
}

.small_hl{
    display: block;
    font-size: var(--fs_nav);
}

p{
    margin: 0;
    margin-bottom: 15px;
}

main ul,
main ul li{
    list-style: square;
    hyphens: auto;
}

main ul{
    margin: 20px auto;
}

main ul li{
    margin-bottom: 5px;
}

main ul li::MARKER{
    color: var(--col_green);
}

main ol{
    max-width: var(--thewidth);
    margin: 20px auto;
    padding: 0;
    list-style-type: none;
    padding-left: 20px;
}

.olreset1{
    counter-set: step-counter 1;
}
main ol li{
    color: var(--col_grey);
    font-family: 'robotolight';
    counter-increment: step-counter;
    margin-bottom: 10px;
}
main ol li ol li{
    counter-increment: step-counter2;
}
main ol li ol li ol li{
    counter-increment: step-counter3;
}

main ol li::before {
    content: counter(step-counter)'.';
    margin-right: 10px;
    color: var(--col_green);
    font-family: 'robotobold';
}

main ol li ul{
    margin: 10px auto;
}

main ol li ul li{
    counter-increment: none;
    margin-bottom: 5px;
}

main ol li ul li:BEFORE{
    display: none;
}

main ol li ol li::before {
     content: counter(step-counter)'.'counter(step-counter2);
}
main ol li ol li ol li::before {
     content: counter(step-counter)'.'counter(step-counter2)'.'counter(step-counter3);
}

main ol li ol{
    padding-left: 20px;
    margin: 10px auto;
}

main p{
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 1.4;
    -ms-hyphens: auto;
        hyphens: auto;
    hyphenate-limit-chars: 6 3 2;
}

main ul li a,
main ol li a,
main p a{
    color: var(--col_pink);
    text-decoration: underline;
    font-family: 'robotobold';
}

main ul li a:HOVER,
main ol li a:HOVER,
main p a:HOVER{
    color: var(--col_yellow);
}

h3{
    font-weight: normal;
    font-family: 'robotolight';
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 0;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 3px;
}

header{
    position: absolute;
    top: 0;
    width: 100vw;
    height: var(--headerheight);
    background-color: #111;
}

.header_navi{
    position: absolute;
    top: 0;
    left: 0;
    height: var(--headerheight);
    width: calc((100vw - var(--thewidth)) / 2);
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    cursor: pointer;
}

.header_navi:BEFORE{
    position: absolute;
    height: 58px;
    line-height: 58px;
    width: 58px;
    font-size: 30px;
    bottom: 100px;
    left: 70px;
    color: #fff;
    text-align: center;
    opacity: .7;
	-webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.header_navi:HOVER:BEFORE{
    font-size: 55px;
    opacity: 1;
}

#header_prev:BEFORE{
    left: auto;
    right: 70px;
}

#header_next{
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}

.header_navi img{
    position: absolute;
    top: 80%;
    left: 50%;
    width: 20px;
    height: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
	-webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 0.5;

}

.header_navi:HOVER img{
    width: 30px;
    opacity: 1;
}


#header_progress_limit{
    height: 50px;
    width: 100vw;
    position: absolute;
    bottom: 0;
    z-index: 200;
    overflow: hidden;
}

#header_progress_box{
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

#header_progress{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 10px;
    padding-top: 0;
    z-index: 10;
}

#header_progress .progressborder{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 10px;
    border: 2px solid #fff;
	-webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
	transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

#header_progress div.active{
    background-color: rgba(255,255,255,0.3);
    -webkit-box-flex: 2.5;
        -ms-flex: 2.5;
            flex: 2.5;
}

#header_progress:BEFORE,
#header_progress:AFTER{
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 25px;
    background-color: #fff;
}

#header_progress:AFTER{
    left: 100%;
}

#header_progress:BEFORE{
    left: -100vw;
}

.progress{
    position: absolute;
    height: 100%;
    width: 0;
    background-color: #fff;
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.active .progress{
    -webkit-transition: none;
    transition: none;
}

#header_slider{
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    width: calc(100vw * var(--slidercount));
}

#header_slider.next{
	-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translate3d(-100vw,0,0);
            transform: translate3d(-100vw,0,0);
}
#header_slider.prev2{
    -webkit-transform: translate3d(-100vw,0,0);
            transform: translate3d(-100vw,0,0);
}
#header_slider.prev{
	-webkit-transition: -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.9s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}


.sliderbox{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; 
}


.sliderbox .slider_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transform: translate3d(0,calc(var(--lwn_scroll) * 0.3),0);
            transform: translate3d(0,calc(var(--lwn_scroll) * 0.3),0);
}

.sliderbox .slider_bg video.gray,
.sliderbox .slider_bg .lwn_has_filter video,
.sliderbox .slider_bg .lwn_has_filter img{
    -webkit-filter: saturate(0);
            filter: saturate(0);
    position: absolute;
    top: 0;
}


.sliderbox .slider_bg video,
.sliderbox .slider_bg img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.sliderbox h3{
    font-weight: normal;
    font-family: var(--ss_light);
    font-size: var(--fs_big);
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    border: 0;
    min-width: 100%;
}

.sliderbox,
.sliderbox_filter,
.sliderbox_img{
    position: relative;
    width: 100vw;
    height: 100%;
    background-size: cover;
    background-position: center center;
}


.sliderbox.active .sliderbox_filter svg{
    -webkit-transform: translate3d(0,calc(var(--lwn_scroll) * 0.1),0);
            transform: translate3d(0,calc(var(--lwn_scroll) * 0.1),0);
}

.sliderbox_img{
    z-index: 10;
}

.sliderbox_filter,
.sliderbox_img{
    position: absolute;
    top: 0;
    left: 0;
}

.sliderbox_cont{
    color: #fff;
    z-index: 30;
    height: 100%;
}

.lwn_button,
button{
    position: relative;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px 12px 20px;
    line-height: 1;
    background-color: transparent;
    font-family: var(--ss_bold);
    font-size: inherit;
    cursor: pointer;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    display: inline-block;
}

.lwn_button:AFTER,
button:AFTER{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--col_yellow);
	-webkit-transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    z-index: -1;
    -webkit-transform: scale3d(0,0,1) skew(70deg);
            transform: scale3d(0,0,1) skew(70deg);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    transform-box: border-box;
    opacity: 0;
}

.lwn_button:HOVER:AFTER,
button:HOVER:AFTER{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    opacity: 1;
}

.sliderbox_cont_box{
    position: absolute;
    bottom: 0;
    padding-bottom: 70px;
    -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56), -webkit-transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}

.sliderbox_cont_box p{
    margin-bottom: 0;
}

.active .sliderbox_cont_box{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}



/*
.sliderbox_cont_box button{
    transform: translate3d(0,300%,0);
	transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}

.active .sliderbox_cont_box button{
    transform: translate3d(0,0,0);
	transition: transform 0.6s cubic-bezier(0.36, 0, 0.66, -0.56);
}
*/


.sliderbox_img img{   
    -webkit-filter: saturate(0);   
            filter: saturate(0);
    -o-object-fit: cover;
       object-fit: cover;
}

.sliderbox_filter{
    background-image: url('pix/bg.jpg');
    background-size: 500vw 100%;
    background-position: 0 0;
    z-index: 11;
    mix-blend-mode: multiply;
}


.lines{
    opacity: 0.35;
}
.linesbox path{
    stroke-dasharray: var(--pathlength);
    stroke-dashoffset: var(--pathlength);
	-webkit-transition: all var(--anitime) cubic-bezier(0.61, 1, 0.88, 1);
	transition: all var(--anitime) cubic-bezier(0.61, 1, 0.88, 1);
    stroke-width: 7px!important;
}

.linesbox svg{
   visibility: hidden;
}

.active .linesbox svg{
    visibility: visible;
}


.active .linesbox path{
    stroke-dashoffset: 0;
}

#line1{
    height: 300px;
    position: absolute;
    right: 0;
    bottom: 170px;
    width: 55%;
}

.linesbox svg{
    height: 100%;
    right: -10px;
    position: absolute;
    width: auto;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}


.out .linesbox svg{
    -webkit-transform: translate3d(70%,0,0);
            transform: translate3d(70%,0,0);
}


#line2{
    max-height: 500px;
    position: absolute;
    right: 400px;
    top: 0;
}

#line3{
    max-height: 500px;
    position: absolute;
    left: 150px;
    bottom: 0;
}

#line4{
    max-width: 500px;
    position: absolute;
    left: 0;
    bottom: 80px;
}

#line5{
    max-height: 500px;
    position: absolute;
    right: 40px;
    bottom: 0;
}


#header_xtra{
    position: absolute;
    top: 0;
    z-index: 100;
}

.searchbox{
    position: absolute;
    right: 0;
    top: 120px;
}

.searchbox_input_box{
    position: relative;
}
.searchbox_result_box{
    position: absolute;
    right: 0;
    text-align: right;
}

.searchbox_result_list{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 5px;
}

.searchbox_input{
    position: relative;
}

.searchbox_input:BEFORE{
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
}

.searchbox_result{
    display: none;
    margin-bottom: 5px;
}

.searchbox_result a{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.searchbox_result_name{
    background-color: rgba(0,0,0,0.3);
    white-space: nowrap;
    padding: 8px 20px 8px 20px;
    line-height: 1;
    overflow: hidden; 
    text-overflow: ellipsis;
    border: 2px solid rgba(255,255,255,0.5);
    border-right: 0;
    max-width: 450px;
    font-family: var(--ss_bold);
    color: #fff;
}

.searchbox_result_icon{
    position: relative;
    bottom: 0;
    right: 0;
    width: 43px;
    height: 40px;
    border: 2px solid rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.3);
}

.searchbox_result_icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    width: 50%;
    height: auto;
}



.searchbox_result a:HOVER .searchbox_result_icon{
    border-color: #fff;
}

.searchbox_result a:HOVER .searchbox_result_icon img{
    width: 70%;
}

.searchbox_result a:HOVER .searchbox_result_name{
    background-color: var(--col_pink);
    border-color: #fff;
}


#nav_bg_box .searchbox{
    right: auto;
    left: 0;
    top: 200px;
}

.submit_search{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    aspect-ratio: 1/1;
    background-color: rgba(0,0,0,0.5);
    border: 2px solid #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.145 18.29c-5.042 0-9.145-4.102-9.145-9.145s4.103-9.145 9.145-9.145 9.145 4.103 9.145 9.145-4.102 9.145-9.145 9.145zm0-15.167c-3.321 0-6.022 2.702-6.022 6.022s2.702 6.022 6.022 6.022 6.023-2.702 6.023-6.022-2.702-6.022-6.023-6.022zm9.263 12.443c-.817 1.176-1.852 2.188-3.046 2.981l5.452 5.453 3.014-3.013-5.42-5.421z" style="fill: white;"/></svg>');
    background-size: 40% 40%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.submit_search:HOVER{
    background-size: 50% 50%;
}

.searchbox input{
    background-color: transparent;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    width: 300px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    line-height: 1;
}

.searchbox input:FOCUS{
    outline: none;
    background-color: rgba(255,255,255,0.2);
}

/*
.loader {
  --color-1: #fff;
  --size: 0.6px;

  color: var(--color-1);
  position: relative;
  font-size: calc(11 * var(--size));
  background: var(--color-1);
  -webkit-animation: escaleY 1s infinite ease-in-out;
          animation: escaleY 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2em;
  background: var(--color-1);
  width: 1em;
  height: 4em;
  -webkit-animation: escaleY 1s infinite ease-in-out;
          animation: escaleY 1s infinite ease-in-out;
}
.loader:before {
  left: -2em;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

@-webkit-keyframes escaleY {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}

@keyframes escaleY {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}
*/


#nav_scroll_box{
    height: 100%;
}

.shownav #nav_scroll_box{
    height: auto;
}
nav{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 80px;
    /*
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
    */
    z-index: 9999;
    border-top: 4px solid var(--col_pink);
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

#nav_bg{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    background-color: rgba(0,0,0,0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    z-index: -1;
	-webkit-transition: height 0.6s cubic-bezier(0.83, 0, 0.17, 1);
	transition: height 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}

.shownav .open #nav_bg{
    -webkit-transition: none;
    transition: none;
}


.shownav #nav_bg{
    height: 100vh!important;
}

.nav nav{
    height: 42px;
}

.ullvl1 li a{
    position: relative;
    padding: 0 20px;
}

.ullvl1 > li > a:AFTER{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #fff;
    opacity: 0.3;
}

.ullvl1 > li:NTH-CHILD(1) > a:AFTER{
    display: none;
}


.ullvl2,
.ullvl3{
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0;
    /*visibility: hidden;*/
}

.more:BEFORE{
    position: absolute;
    font-size: 12px;
    right: 4px;
    top: 9px;
    opacity: 0.5;
}

.more:HOVER:BEFORE{
    opacity: 1;
    color: #fff;
}

.nosubmenu .more:BEFORE{
    display: none;
}

.nosubmenu ul{
    display: none;
}

.open .nosubmenu ul{
    display: block;
}


.ullvl2{
    top: calc(100% - 10px);
    padding-left: 10px;
}

#nav .ullvl2 > li a{
    margin-right: 40px!important;
}

.nav_more_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--col_yellow);
    text-align: center;
    line-height: 34px;
    color: #fff;
    z-index: 99;
    cursor: pointer;
    display: none;
}

.open .nav_more_button{
    display: block;
}

.nav_more_button:HOVER{
    background-color: var(--col_pink);
}

.open #nav_scroll_box{
    position: absolute;
    top: 75px;
    width: 50%;
    height: calc(100vh - 150px);
    right: 0;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    z-index: 99;
}

.ullvl1 > li{
    padding-bottom: 25px;
}


#nav .ullvl2 li,
#nav .ullvl3 li{
    display: block;
}

#nav .ullvl2 li{
    padding-left: 10px;
}

#nav .ullvl2 li a,
#nav .ullvl3 li a{
    position: relative;
    width: inherit;
    margin: 0;
    display: block;
    padding: 5px 20px 5px 5px;
    line-height: 1;
}

#nav a.active{
    font-family: var(--ss_bold);
}
#nav a:HOVER{
    color: var(--col_yellow);
}

.ullvl2,
.ullvl3,
.ullvl2 li,
.ullvl3 li{
    opacity: 0;
	-webkit-transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
}

.ullvl1 > li:HOVER > ul > li,
.ullvl1 > li:HOVER > ul,
.ullvl2 > li:HOVER > ul,
.ullvl2 > li:HOVER > ul > li{
    opacity: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    visibility: visible;
    pointer-events: all;
    z-index: 5;
}

.ullvl1 > li:HOVER > ul > li:NTH-CHILD(1),
.ullvl2 > li:HOVER > ul > li:NTH-CHILD(1){
    -webkit-transition-delay: .15s;
            transition-delay: .15s;
}
.ullvl1 > li:HOVER > ul > li:NTH-CHILD(2),
.ullvl2 > li:HOVER > ul > li:NTH-CHILD(2){
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(3),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(3){
    -webkit-transition-delay: .45s;
            transition-delay: .45s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(4),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(4){
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(5),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(5){
    -webkit-transition-delay: .75s;
            transition-delay: .75s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(6),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(6){
    -webkit-transition-delay: .9s;
            transition-delay: .9s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(7),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(7){
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(8),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(8){
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(9),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(9){
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(10),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(10){
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(11),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(11){
    -webkit-transition-delay: 1.65s;
            transition-delay: 1.65s;
}
.ullvl1 >li:HOVER > ul > li:NTH-CHILD(12),
.ullvl2 >li:HOVER > ul > li:NTH-CHILD(12){
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
}

#nav .ullvl3{
    left: 100%;
    top: 0;
}

#nav li:HOVER .ullvl2{
    visibility: visible;
}

#nav li .ullvl2 li:HOVER .ullvl3 {
    visibility: visible;
}

.shownav nav{
    border-width: 12px;
}

#nav_overflow{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}

.shownav #nav_overflow{
    height: 100vh;
}


#nav{
    position: absolute;
    right: 0;
    top: 24px;
    list-style: none;
    margin: 0;
    font-size: 0;
    color: #fff;
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;
    z-index: 10;
}

.nav #nav{
    opacity: 0;
    top: 0;
    -webkit-transform: translate3d(0,-102%,0);
            transform: translate3d(0,-102%,0);
}

#nav li{
    position: relative;
    list-style: none;
    display: inline-block;
    font-size: 20px;
    font-family: var(--ss_light);
    white-space: nowrap;
}


.shownav #nav{
    -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    opacity: 0;
}

.open #nav{
    opacity: 1;
    top: 0;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    position: relative;
    text-align: right;
    padding-bottom: 30px;
}


.open #nav li{
    display: block;
    padding: 0;
    visibility: visible;
}

.shownav #nav li,
.shownav #nav li a{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

.shownav .ullvl3{
    height: 0;
    overflow: hidden;
}

.open #nav li a{
    padding: 0;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1;
    font-size: var(--fs_big);
    white-space: initial;
}

.open .ullvl3 li a {
    font-size: var(--fs_nav)!important;
}

.open #nav li a:BEFORE,
.open #nav li a:AFTER{
    display: none;
}

.open #nav li ul{
    visibility: visible;
    padding-left: 10px;
    opacity: 1;
}

.open .ullvl2 li, open .ullvl3 li{
    opacity: 1;
}

.open .ullvl2{
    margin-top: 10px;
}

.open .ullvl2, .open .ullvl3{
    position: relative;
    left: 0!important;
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 1px;
}

.open .ullvl3{
    margin-bottom: 0;
    padding-bottom: 0;
	transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.open .ullvl2 > li:HOVER > ul:AFTER{
    background-color: #fff;
}

.open .ullvl2:HOVER li{
    opacity: 0.5
}

.open .ullvl2 li:HOVER,
.open .ullvl2 li:HOVER ul li{
    opacity: 1
}

.open .ullvl1 > li > a{
    background-color: var(--col_pink);
    padding: 10px 40px 10px 40px!important;
}

#nav_slider_box{
    width: 100vw;
    height: 100%;
    overflow: hidden;
}

#navbox{
    position: relative;
    height: 100%;
}

#logo{
    position: relative;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 10;
    width: 0;
}

#logo .logolink{
    display: block;
}

.nav #logo{
    cursor: pointer;
}

#logo_bg{
    position: absolute;
    top: 100%;
    left: -15px;
    width: 78px;
    height: 38px;
    background-color: rgba(0,0,0,0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-transform: scale3d(1,0,1);
            transform: scale3d(1,0,1);
    z-index: 9999;
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}
.nav #logo_bg{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
}

.shownav #logo_bg{
    top: 100vh;
    -webkit-transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}

.navani #logo_bg{
    -webkit-transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}

#menubutton{
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    -webkit-transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    cursor: pointer;
    z-index: 10;
}

#menubutton:AFTER{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 0;
    background-color: var(--col_pink);
    -webkit-transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.6s cubic-bezier(0.83, 0, 0.17, 1);
    z-index: -1;
}

.shownav #menubutton{
    height: 52px;
    width: 52px;
}

.shownav #menubutton:AFTER{
    height: 100%;
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}


#menubutton svg{
    width: auto;
    height: 90%;
    top: 5%;
    left: 5%;
    position: relative;
}

#menubutton:HOVER svg{
    height: 100%;
    top: 0;
    left: 0;
}

.line {
    fill: none;
    stroke: white;
    stroke-width: 8;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.shownav #menubutton:HOVER .line{
    stroke-width: 12px;
}


.line1 {
    stroke-dasharray: 60 207;
}
.line2 {
    stroke-dasharray: 60 60;
}
.line3 {
    stroke-dasharray: 40 207;
}

.shownav #menubutton .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
}
.shownav #menubutton .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
}

.shownav #menubutton .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
}

#menubutton svg path{
    -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    opacity: 0;
}


.nav #menubutton svg path:NTH-CHILD(1){
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav #menubutton svg path:NTH-CHILD(2){
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.nav #menubutton svg path:NTH-CHILD(3){
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.shownav #menubutton svg path{
    -webkit-transition-delay: 0s!important;
            transition-delay: 0s!important;
}

.nav #menubutton svg path{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


#nav_bg_box_overflow{
    position: absolute;
    height: 0;
    width: 100%;
    overflow: hidden;
	-webkit-transition: height 0.6s cubic-bezier(0.83, 0, 0.17, 1);
	transition: height 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}

.shownav #nav_bg_box_overflow{
    height: 100vh;
}

#nav_bg_box{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
}


#logo svg{
    position: absolute;
    height: 46px;
    width: auto;
    z-index: 99999;
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

#Background{
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
}

#logo_icon{
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

#logo_text{
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.nav #logo #logo_text{
    opacity: 0;
}

.shownav #logo svg{
    height: 70px;
}

.shownav #logo #logo_text{
    opacity: 1;
}

.nav #logo:HOVER #logo_icon{
    opacity: 0;
}
.nav #logo:HOVER #Background{
    opacity: 1; 
}


main{
    position: relative;
    min-height: 100vh;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #fff;
    z-index: 10;
    margin-top: var(--headerheight);
}

main .lwn_button,
main button{
    color: #2b2b2b;
    border-color: #2b2b2b;
}

main .lwn_button:before{
    display: none;
}

main h3{
}

.box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box div{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.box div img{
    max-width: 50vw;
}

.box1cont{
    max-width: calc(var(--thewidth) / 2);
    float: right;
    height: 100%;
    padding-right: 20px;
}
.box2cont{
    max-width: calc(var(--thewidth) / 2);
    float: left;
    height: 100%;
    padding-left: 20px;
}

.img2 img{
    max-width: 600px!important;
    float: right;
}

.vcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.fullbox{
    margin-top: 120px;
    margin-bottom: 120px;
}

.fullimage{
    width: 100vw;
    height: auto;
    display: block;
    margin-top: 30px;
}


#verbund{
    text-align: justify;
}

#user_start_box,
#verbund_start_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.hl_tag{
    position: relative;
    background-color: var(--col_green);
    display: inline-block;
    padding: 5px 10px;
    padding-left: 40px;
    line-height: 1;
    color: #fff;
    margin-bottom: 20px;
}

.hl_tag:BEFORE{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    aspect-ratio: 1/1;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 30px;
}

#kurs{
    text-align: justify;
}

#kurs h2,
#verbund h2{
    margin-top: 40px;
    margin-bottom: 20px;
}

#start_box_cont h1{
    margin-bottom: 30px;
    text-align: left;
}

#start_box_cont{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
aside{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-top: 4px solid var(--col_grey);
    width: 350px;
    max-width: 350px;
}

.aside_scroll_box{
    -webkit-transform: translate3d(0,var(--lwn_aside_offset),0);
            transform: translate3d(0,var(--lwn_aside_offset),0);
}

#aside_bg{
    background-color: #eee;
    padding: 30px;
}

#verbund_aside_logo{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 4px solid #fff;
}

#verbund_aside_logo img{
    display: block;
    width: 100%;
    height: auto;
}

.verbund_meta_box{
    margin-top: 80px;
}

.aside_details{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 4px solid #fff;
}

.aside_detail{
    position: relative;
    line-height: 1;
    margin-bottom: 10px;
    z-index: 1;
}


.aside_goto:BEFORE,
.aside_detail:BEFORE{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    aspect-ratio: 1/1;
    background-color: #fff;
    font-size: 20px;
    max-height: 36px;
    text-align: center;
    line-height: 36px;
}

.aside_goto{
    position: relative;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    z-index: 1;
}

.aside_goto:AFTER{
    content: '';
    position: absolute;
    top: -4px;
    left: -34px;
    width: 0;
    height: calc(100% + 8px);
    background-color: var(--col_yellow);
    z-index: -1;
    opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.aside_goto:HOVER:AFTER{
    opacity: 1;
    width: calc(100% + 38px);
}

.aside_details .verbund_goto:LAST-OF-TYPE,
.aside_details .verbund_detail:LAST-OF-TYPE{
    margin-bottom: 0;
}

.aside_detail_legende{
    font-size: var(--fs_small);
    margin-bottom: 2px;
    opacity: 0.7;
}


.aside_detail_info{
    font-family: 'robotobold';
    text-align: left;
}

.aside_detail_info.light{
    font-family: 'robotolight';
}

.verbund_meta_box_hl{
    position: relative;
    width: var(--thewidth);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.verbund_meta_box_hl_icon{
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: auto;
    aspect-ratio: 1/1;
    background-color: #eee;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    font-size: 20px;
}

.verbund_meta_box_hl_icon:HOVER{
    background-color: var(--col_yellow);
    font-size: 28px;
}

.verbund_meta_box_hl_icon a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}


.partner_parent_box,
.course_parent_box,
.people_parent_box{
    --thepeoplegap: 30px;
    --thecoursegap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--thepeoplegap);
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


.partner_box,
.course_box,
.people_box{
    -ms-flex-preferred-size: calc(20% - var(--thepeoplegap) * 4 / 5);
        flex-basis: calc(20% - var(--thepeoplegap) * 4 / 5);
    position: relative;
    aspect-ratio: 1/1;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    cursor: pointer;
    background-size: cover;
    outline-offset: -4px;
	-webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    outline: 0 solid transparent;
    overflow: hidden;
}

.partner_box{
    aspect-ratio: auto;
    max-height: 100px;
}

.partner_box img{
    position: relative;
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    top: 3px;
    left: 3px;
    -o-object-fit: contain;
       object-fit: contain;
	-webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

#partner  .partner_box{
    background-color: transparent;
}

#partner  .partner_box:HOVER ~ .partner_box img,
#partner  .partner_box:has(~ .partner_box:HOVER) img{
    opacity: 0.5;
    -webkit-filter: blur(2px);
            filter: blur(2px);
}


.course_box{
    position: relative;
    -ms-flex-preferred-size: calc(33.333% - var(--thecoursegap) * 2 / 3);
        flex-basis: calc(33.333% - var(--thecoursegap) * 2 / 3);
    aspect-ratio: 5/3;
    background-color: #eee;
}

.people_box h3,
.course_box h3{
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    padding: 5px;
    line-height: 1.1;
    background-color: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    font-family: 'robotobold';
    color: var(--col_grey);
    border: 0;
    font-size: inherit;
    z-index: 5;
    margin: 0;
}

.course_box .course_lvl{
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 5;
    font-size: var(--fs_small);
}

.course_box .clourse_lvl_text{
    display: none;
}

.course_box .course_lvl_icon{
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 25px;
}

.people_box a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.people_box .people_img_box{
    z-index: 0;
    position: relative;
}

.people_box_icon{
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 9;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    width: 28px;
    height: 28px;
    backdrop-filter: blur(5px);
    text-align: center;
    line-height: 29px;
}

.course_box .lwn_imgbox img,
.people_box .people_img_box img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.course_box:HOVER .lwn_imgbox img,
.people_box:HOVER .people_img_box img{
    -webkit-transform:  rotate(2deg) scale(1.15);
        -ms-transform:  rotate(2deg) scale(1.15);
            transform:  rotate(2deg) scale(1.15);
}


.people_box h3 span{
    display: block;
    font-size: var(--fs_small);
    font-family: 'robotolight';
}

.people_box:HOVER,
.course_box:HOVER{
    outline: 4px solid var(--col_yellow);
    outline-offset: 4px;
}

.course_box_time{
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    padding: 3px 7px;
    line-height: 1;
    background-color: var(--col_pink);
    color: #fff;
    font-size: var(--fs_small);
    font-family: 'robotobold';
    z-index: 10;
}

.course_media{
    width: 100%;
    height: 100%;
}

.course_media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videobox{
    position: relative;
    background-color: #eee;
    padding: 20px;
    margin-bottom: 70px;
}

#video_kurs{
    border-top: 4px solid var(--col_grey);
    margin-top: 70px;
    padding-top: 70px;
    border-bottom: 4px solid var(--col_grey);
    margin-bottom: 70px;
    padding-bottom: 70px;
}

#video_kurs .videobox:LAST-OF-TYPE{
    margin-bottom: 0;
}

.video_id{
    color: #eee;
    position: absolute;
    right: 0;
    top: -37px;
    font-family: 'robotobold';
    font-size: 42px;
    line-height: 1;
}

.videobox h2{
    margin-top: 0!important;
    margin-bottom: 20px!important;
    text-align: left;
}

.video_player{
    position: relative;
    background-color: #fff;
    aspect-ratio: 16/9;
    cursor: pointer;
    margin-bottom: 30px;
}

.video_player_thumbnail{
    outline-offset: -4px;
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    outline: 0 solid transparent;
}

.video_player_thumbnail:HOVER{
    outline: 4px solid var(--col_yellow);
    outline-offset: 4px;
}


.video_player iframe{
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
}

.video_player img{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.video_player_playbutton{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
    z-index: 9;
    font-size: 50px;
    text-align: center;
    line-height: 84px;
    color: #fff;
    pointer-events: none;
}

.video_player:HOVER .video_player_playbutton{
    color: var(--col_yellow);
}

.video_player_text{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
    padding: 10px;
    font-size: var(--fs_small);
    font-family: 'robotobold';
    z-index: 9;
    text-align: center;
    pointer-events: none;
}

.video_next_course{
    border-top: 4px solid var(--col_grey);
    padding-top: 70px;
}

.video_next_course h3{
    display: block;
    font-family: 'robotobold';
    font-size: var(--fs_nav);
}
 
.video_next_course p{
    margin-bottom: 4px;
}

#course_jobs{
    margin-top: 20px;
}

#filterbox{
    position: relative;
    padding: 40px;
    background-color: var(--col_pink);
    margin-top: 200px;
    z-index: 999;
}

#filterbox .autosuggest_box{
    max-width: 100%;
}

#filterbox:BEFORE{
    content: '';
    position: absolute;
    top: -100px;
    left: 25%;
    width: 50%;
    height: 4px;
    background-color: var(--col_green);
}

#show_filter{
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
    padding: 10px 20px;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    cursor: pointer;
    font-size: var(--fs_small);
    display: none;
}

#show_filter:HOVER{
    background-color: var(--col_yellow);
}

.conpost_box{
    margin-top: 20px;
    padding: 4px;
    display: flex;
    gap: 20px;
}

.conpost_box .lwn_button{
    font-size: 16px;
}

.conpost_img{
    width: 350px;
    flex-shrink: 0;
}

.conpost_date{
    font-size: var(--fs_small);
}

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

.conpost_hl{
    font-size: var(--fs_nav);
    margin-bottom: 5px;
    margin-top: 5px;
}

.post_connect{
    margin-top: 100px;
}

.post_connect p{
    margin-top: 0;
}

.post_connect h2{
    margin-bottom: 10px;
}

.connected_content_box{
    margin-top: 100px;
    position: relative;
}

.connected_content_box .post_connect:NTH-CHILD(1) h2:BEFORE{
    content: '';
    position: absolute;
    top: -40px;
    margin-left: -20px;
    width: 150px;
    height: 8px;
    background-color: var(--col_green);
}

.conpost_teaser{
    line-height: 1.2;
    font-size: 16px;
}

#user_image{
    position: relative;
    width: calc(100% + 20px);
    left: -10px;
    top: -10px;
    height: auto;
    aspect-ratio: 1/1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 4px solid #fff;
}

#user_image img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

#user_name h1{
    margin-bottom: 10px;
}

.user_function{
    font-size: var(--fs_nav);
}

#user_name{
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#user_name:AFTER{
    content: '';
    position: absolute;
    bottom: 0;
    width: 150px;
    height: 4px;
    background-color: var(--col_green);
}

/*TMP*/

#formtest{
    background-color: var(--col_blue);
}

/*

.course_box:BEFORE{
    position: absolute;
    width: 42px;
    height: 42px;
    top: 4px;
    right: 4px;
    background-color: rgba(0,0,0,0.3);
    color: #FFF;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    text-align: center;
    line-height: 42px;
    font-size: 28px;
}
*/



.course_lvl_icons{
}

.course_lvl_icon{
    display: inline-block;
    opacity: 0.3;
    background-color: #fff;
    font-size: 24px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.course_lvl_box{
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 4px solid #fff;
}

.clourse_lvl_text{
    font-size: var(--fs_small);
}

.course_lvl{
    display: flex;
}

.clourse_lvl_icons{
    margin-left: auto;
    font-size: 0;
}

.courseislvl1 .icon-lvl1,
.courseislvl2 .icon-lvl2,
.courseislvl3 .icon-lvl3{
    opacity: 1;
}

.course_time_box{
    position: relative;
    background-color: var(--col_pink);
    padding: 15px 34px;
    line-height: 1;
    color: #fff;
    font-family: robotobold;
    width: calc(100% + 68px);
    left: -34px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.course_time_box:BEFORE{
    position: absolute;
    right: 42px;
}

#buchung_bg{
    background-color: var(--col_blue);
    padding: 70px 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#buchungsbox h3{
    font-size: var(--fs_nav);
    border: 0;
    color: #fff;
    margin-bottom: 30px;
}

.booking_disclaimer{
    color: #fff;
    margin-top: 0;
    margin-bottom: 40px;
}

#buchungsbox .lwn_button{
    margin-top: 30px;
}

#buchungsbox a{
    color: var(--col_yellow);
}
#buchungsbox a:HOVER{
    color: #fff;
}

#buchungsbox textarea{
    height: 120px;
}

#buchungsbox input,
#buchungsbox textarea{
    color: #fff;
}

#buchungsbox .wpcf7 form .wpcf7-response-output {
    background-color: var(--col_yellow);
}

#buchungsbox input:FOCUS,
#buchungsbox textarea:FOCUS{
    border-color: #fff;
}

#buchungsbox .wpcf7-text.wpcf7-not-valid, 
#buchungsbox .wpcf7-textarea.wpcf7-not-valid {
    border-color: #ff0000;
}

#buchungsbox .wpcf7-not-valid-tip{
    color: #ff0000;
}

.paginationbox{
    position: relative;
    margin-top: 100px;
}

.paginationbox:BEFORE{
    content: '';
    position: absolute;
    top: -30px;
    left: -30px;
    width: 150px;
    height: 8px;
    background-color: var(--col_green);
}


#bg404{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(pix/microtec-academy-404-bg.jpg);
    background-size: cover;
}

#bg404 h1,
#bg404 h1 b{
    color: #fff;
    text-align: center;
}

#center404{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}

#center404 .lwn_button{
    color: #fff;
    border-color: #fff;
}


.wpcf7-form{
    color: #fff;
    border-left: 4px solid #fff;
    padding-left: 30px;
    padding-top: 30px;
}

.wpcf7-form label{
    font-size: var(--fs_small);
    width: 100%;
    position: relative;
    display: block;
}

.wpcf7-text,
.wpcf7-textarea{
    width: 100%;
    font-size: var(--fs_norm);
    background: transparent;
    border: 2px solid #fff;
    padding: 5px 10px;
    line-height: 1;
    font-family: 'robotolight';
}

.wpcf7-textarea{
    resize: none;
    height: 300px;
}

.wpcf7-text:FOCUS,
.wpcf7-textarea:FOCUS{
    outline: none;
    border-color: var(--col_pink);
    background-color: rgba(255,255,255,0.2);
}

.wpcf7-text.wpcf7-not-valid,
.wpcf7-textarea.wpcf7-not-valid{
    border-color: var(--col_grey);
}


.wpcf7-form p{
    position: relative;
    margin: 0;
    padding: 0;
    flex: 1;
    padding-bottom: 30px;
}

.wpcf7-form-control-wrap{
    display: block;
}

.wpcf7-form p .label{
    color: var(--col_grey);
    padding: 2px 5px;
    line-height: 1;
    background-color: #fff;
    margin-bottom: 5px;
    font-family: 'robotolight';
}

#buchungsbox .lwn_button.wpcf7-submit {
    margin-top: 0;
    border-color: #fff;
    color: #fff;
}

#buchungsbox .lwn_button.wpcf7-submit:HOVER {
    background-color: rgba(255,255,255,0.4);
}

.formbox{
    display: flex;
    gap: 20px;
}

.formbox_half{
    width: calc(50% - 10px);
}

.wpcf7-not-valid-tip{
    font-size: var(--fs_small);
    color: var(--col_grey);
    font-family: 'robotobold';
    position: absolute;
    top: -20px;
    right: 0;
}

.wpcf7-checkbox label{
    font-size: var(--fs_norm);
}

.wpcf7-checkbox input{
    display: none;
}

.wpcf7-checkbox{
    position: relative;
}

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

.wpcf7-checkbox label{
    padding-left: 35px;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M24,0L24,24L0,24L0,0L24,0ZM22,2L2,2L2,22L22,22L22,2Z" style="fill: white;"/></svg>');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 0 2px;
}
.wpcf7-checkbox label:has(> input:CHECKED){
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M24,5.834L12.051,17.783L5.687,11.419L8.515,8.59L12.051,12.126L24,0.177L24,5.834ZM24,8.662L24,24L0,24L0,0L21.348,0L19.348,2L2,2L2,22L22,22L22,10.662L24,8.662Z" style="fill: white;"/></svg>');
}

.wpcf7 form .wpcf7-response-output{
    margin: 0;
    border: 0;
    background-color: var(--col_grey);
    color: #fff;
    padding: 10px 20px;
}

#kurskontakt{
    padding: 50px 40px;
    background-color: #eee; 
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

#kurskontakt .wpcf7-form{
    border: 0;
    padding: 0;
    color: var(--col_grey);
}

#kurskontakt .wpcf7-form p .label{
    background-color: var(--col_grey);
    color: #fff;
}

#kurskontakt .wpcf7-text,
#kurskontakt .wpcf7-textarea{
    border-color: var(--col_grey);
}

#kurskontakt .wpcf7-text.wpcf7-not-valid,
#kurskontakt .wpcf7-textarea.wpcf7-not-valid{
    border-color: #ff0000;
}

#kurskontakt .wpcf7-text:FOCUS,
#kurskontakt .wpcf7-textarea:FOCUS,
.wpcf7-text.wpcf7-not-valid:FOCUS,
.wpcf7-textarea.wpcf7-not-valid:FOCUS{
    border-color: var(--col_pink);
}

#kurskontakt .wpcf7-text:FOCUS,
#kurskontakt .wpcf7-textarea:FOCUS{
    background-color: #fff;
}

footer{
    position: relative;
    min-height: 450px;
    width: 100vw;
    border-top: 8px solid var(--col_pink);
    margin-bottom: 150px;
    z-index: 10;
    overflow: hidden;
    -webkit-box-shadow: 0 7px 5px 0 rgba(0,0,0,0.4);
            box-shadow: 0 7px 5px 0 rgba(0,0,0,0.4)
}

footer img{
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

#footer_bottom{
    position: absolute;
    bottom: 0;
    width: 100vw;
    color: #fff;
    text-align: center;
    z-index: 99;
    font-size: 14px;
}

#footer_bottom_madeby_box{
    position: absolute;
    height: 100%;
    top: 0;
}

#footer_bottom_content{
    z-index: 10;
}

#footer_bottom_content_text{
    position: relative;
    z-index: 20;
    padding: 10px;
    max-width: calc(100% - 40px);
    
}

#footer_bottom_madeby{
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 11;    
    font-size: 24px;
}

#footer_bottom_madeby a{
    display: block;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer_bottom_madeby a span{
    position: absolute;
    -webkit-transform: translate3d(-50%,0,0) scale(1);
            transform: translate3d(-50%,0,0) scale(1);
	-webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
	transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    opacity: 0.7;
}
#footer_bottom_madeby:HOVER a span{
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.7);
            transform: translate3d(-50%,-50%,0) scale(1.7);
    opacity: 1;
}


#footer_bottom_madeby:BEFORE,
#footer_bottom_madeby:AFTER{
    content: '';
    position: absolute;
    display: block;
    width: 100vw;
    height: 100%;
    top: 0;
    right: -100vw;
    background-color: rgba(0,0,0,0.3);
    z-index: -1;
    pointer-events: none;
	-webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
	transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

#footer_bottom_madeby:BEFORE{
    right: auto;
    left: -100vw;
}

#footer_bottom_madeby:hover:BEFORE{
    left: calc(-100vw - 15px);
}

#footer_bottom_madeby:hover:AFTER{
    right: calc(-100vw - 15px);
}



#footerimg_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    -webkit-transform: translate3d(0,var(--lwn_footer_offset),0);
            transform: translate3d(0,var(--lwn_footer_offset),0);
}

.footerbg{
    -webkit-filter: saturate(0);
            filter: saturate(0);
}

@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: translate3d(-50%,-50%,0) rotate(360deg); 
                transform: translate3d(-50%,-50%,0) rotate(360deg); 
    } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: translate3d(-50%,-50%,0) rotate(360deg); 
                transform: translate3d(-50%,-50%,0) rotate(360deg); 
    } 
}

#footercontent{
    position: relative;
    z-index: 9;
    color: #fff;
    width: 100%;
    height: 100%;
}

#footercontent h4{
    font-size: var(--fs_nav);
    margin-bottom: 10px;
    font-family: 'robotobold';
    font-weight: normal;
}

#footercontent .thewidth{
    height: 100%;
}

.footer_padding{
    padding: 80px 0 80px 0;
}

.footer_nav2{
    margin-top: 70px;
    text-align: center;
}

.footercontent_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footercontent_subbox{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.footercontent_box1{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}

.footer_socialmedia_box{
    margin-top: 50px;
}

.footer_socialmedia_box h4{
    font-family: 'robotolight'!important;
}

.footersublinklist,
.footersublinklist li{
    list-style: square;
    padding: 0;
    margin: 0;
    line-height: 1.1;
}

.footersublinklist li{
    margin-bottom: 7px;
}

.footersublinklist{
    margin-bottom: 30px;
    margin-left: 20px;
}

.footer_contact_headline{
    position: relative;
}
.footer_contact_headline:BEFORE{
    -webkit-transform: translateX(calc(-100% - 5px));
        -ms-transform: translateX(calc(-100% - 5px));
            transform: translateX(calc(-100% - 5px));
    position: absolute;
    font-size: 28px;
    top: 3px;
}

.footersublinklist li *{
    vertical-align: top;
}
footer p a span,
footer li a span{
}

footer p a,
footer li a{
    position: relative;
}

#socialname b{
    position: relative;
}

#socialname b:BEFORE{
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    background-color: var(--col_yellow);
    z-index: -1;
}

footer p a{
    --foelw : 100%;
    --foelh : 100%;
}

footer p a:BEFORE,
footer p span a:BEFORE,
footer li a span:BEFORE{
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(var(--foelw) + 8px);
    height: calc(var(--foelh) + 8px);
    z-index: -1;
    display: block;
}

footer p a:HOVER:BEFORE,
footer p span a:HOVER:BEFORE,
footer li a:HOVER span:BEFORE{
    background-color: var(--col_yellow);

}

#sociallink_ul,
#sociallink_ul li{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

#sociallink_ul li{
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

#sociallink_ul li a{
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    color: #fff;
    font-size: 24px;
    opacity: 0.7
}

#sociallink_ul li a:BEFORE{
    font-size: 42px;
}

#sociallink_ul li a:HOVER{
    opacity: 1;
}

#sponsor{
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 150px;
    z-index: 1;
    font-size: 14px;
    z-index: -1;
    display: none;
}

.nav #sponsor{
    display: block;
}

#sponsor .thewidth{
    height: 100%;
}

.sponsor_box{
    position: relative;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.sponsor_box1{
    position: relative;
    height: 100%;
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
}
.sponsor_box2{
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.sponsor_box2 img{
    height: 100%;
    width: auto;
    float: right;
}



#oriquali{
    margin-bottom: 40px;
}

#oriquali2 h3{
    position: absolute;
    top: 50%;
    z-index: 1;
    text-align: center;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
    padding: 0;
    margin: 0;
}

#oriquali2 .lwn_flexparent{
    overflow: visible;
}

#oriquali2 .lwn_flexchild{
    outline: 0 solid var(--col_yellow);
    outline-offset: -4px;
	-webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
#oriquali2 .lwn_flexchild:HOVER{
    outline: 4px solid var(--col_yellow);
    outline-offset: 4px;
    z-index: 100;
}
.lwn_has_filter img, 
video.gray,
.lwn_has_filter video {
    position: absolute;
    top: 0;
    -webkit-filter: saturate(0);
            filter: saturate(0);
}


.lwn_filter{
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    background-image: url(pix/bg.jpg);
    background-size: 100% 100%;
}

.lwn_filter.filter2{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    width: 120%;
    height: auto;
    aspect-ratio: 1/1;
    will-change: transform;
    -webkit-animation:spin 30s linear infinite;
            animation:spin 30s linear infinite;
}

.lwn_filter.filter3{
    background-size: 300% 100%;
    background-position: 0 0;
}

.lwn_filter.filter4{
    background-size: 300% 100%;
    background-position: -100% 0;
}

.lwn_filter.filter5{
    background-size: 300% 100%;
    background-position: -200% 0;
}

.lwn_filter.filter6{
    background-size: 300% 200%;
    background-position: 0 0;
}

.lwn_filter.filter7{
    background-size: 300% 200%;
    background-position: 0 -100%;
}

.lwn_filter.filter8{
    background-size: 300% 200%;
    background-position: -100% 0;
}

.lwn_filter.filter9{
    background-size: 300% 200%;
    background-position: -100% -100%;
}

.lwn_filter.filter10{
    background-size: 300% 200%;
    background-position: -200% 0;
}
.lwn_filter.filter11{
    background-size: 300% 200%;
    background-position: -200% -100%;
}
.lwn_filter.filter12{
    background-size: calc(var(--slidercount) * 100%) 100% ;
    background-position: calc(-100% * var(--slidercounter)) -100%;
}


main .lwn_button{
    margin-top: 10px;
}

.clear{
    clear: both;
}

.lwn_block{
    margin: 30px auto 200px auto;
}

.lwn_newslist .lwn_flexchild{
    border: 2px solid #2b2b2b;
}

.lwn_newslist .lwn_flexchild .lwn_newstext{
    padding: 15px;
    padding-bottom: 50px;
}

.lwn_flexchild .lwn_newslist h3{
    padding: 0;
    margin: 0;
    border: 0;
    font-family: var(--ss_bold);
}


.lwn_newslist .lwn_flexchild .lwn_button{
    bottom: 8px;
    right: 8px;
}


.lwn_newslist .lwn_imgbox{
    border-bottom: 2px solid #2b2b2b;
}


.lwn_block_repeater h3{
    font-family: var(--ss_bold);
    border: 0;
}

.no_caption{
    display: none;
}


#microtecfuer h3{
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    padding: 0;
    margin: 0;
    pointer-events: none;
    color: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition: all 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
    white-space: nowrap;
}

#microtecfuer img{
    -webkit-filter: saturate(0);
            filter: saturate(0);
}

#microtecfuer .lwn_cutclass{
    mix-blend-mode: multiply;
}

#microtecfuer .lwn_flexchild:AFTER{
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    height: 42px;
    width: 42px;
    background-size: cover;
    z-index: 99;
}

#microtecfuer .lwn_flexchild:NTH-CHILD(1):AFTER{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c2.757 0 5 2.243 5 5.001 0 2.756-2.243 5-5 5s-5-2.244-5-5c0-2.758 2.243-5.001 5-5.001zm0-2c-3.866 0-7 3.134-7 7.001 0 3.865 3.134 7 7 7s7-3.135 7-7c0-3.867-3.134-7.001-7-7.001zm6.369 13.353c-.497.498-1.057.931-1.658 1.302 2.872 1.874 4.378 5.083 4.972 7.346h-19.387c.572-2.29 2.058-5.503 4.973-7.358-.603-.374-1.162-.811-1.658-1.312-4.258 3.072-5.611 8.506-5.611 10.669h24c0-2.142-1.44-7.557-5.631-10.647z" style="fill: white;"/></svg>');
}
#microtecfuer .lwn_flexchild:NTH-CHILD(2):AFTER{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 24h-24v-18h6v6l6-4v4.008l6-4.008v4.017l6-4.017v16zm-20-16h-2v14h20v-10l-6 4v-4l-6 4v-4l-6 4v-8zm11 12h-2v-3h2v3zm-4 0h-2v-3h2v3zm-4 0h-2v-3h2v3zm12 0h-2v-3h2v3zm-16-15h-1c.198-2.182 1.785-4 3.5-4 .246 0 .478.059.683.164.316-.687 1.011-1.164 1.817-1.164s1.501.477 1.817 1.164c.205-.105.437-.164.683-.164.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5c-.246 0-.478-.059-.683-.164-.316.687-1.011 1.164-1.817 1.164-2.345 0-3.722-2.951-5 0z" style="fill: white;"/></svg>');
}
#microtecfuer .lwn_flexchild:NTH-CHILD(3):AFTER{
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M23 24h-22v-2h1v-7h-2l3-9h5.429l2.571-2.203v-3.797h5l-1 1.491 1 1.509h-4l3.571 3h5.429l3 9h-2v7h1v2zm-12-5h-1v4h1v-4zm3 0h-1v4h1v-4zm6-4h-16v7h4v-5h8v5h4v-7zm-15 4h2v2h-2v-2zm14 0v2h-2v-2h2zm-14-3h2v2h-2v-2zm12 0h2v2h-2v-2zm.905-8l-1.297 1.513-4.608-3.949-4.608 3.949-1.297-1.513h-1.653l-1.667 5h18.45l-1.667-5h-1.653zm-5.905-.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5zm0 1.5h-.763v1.8h1.763v-.8h-1v-1z" style="fill: white;"/></svg>');
}

#microtecfuer .lwn_flexchild:NTH-CHILD(1){
    background-color: var(--col_pink);
}
#microtecfuer .lwn_flexchild:NTH-CHILD(2){
    background-color: var(--col_yellow);
}

#microtecfuer .lwn_flexchild:NTH-CHILD(3){
    background-color: var(--col_green);
}

#microtecfuer .lwn_flexchild:HOVER h3{
    font-size: 32px;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}


#mta_verbundpartner img {
    -o-object-fit: contain;
       object-fit: contain;
}

#mta_verbundpartner:HOVER img {
    opacity: 0.5;
}

#mta_verbundpartner .lwn_flexchild:HOVER img {
    opacity: 1;
}


#mta_newsletter .lwn_textbox_overlay{
    width: var(--thewidth);
    background-image: none;
    clip-path: none;
    padding: 40px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    border-top: 4px solid #fff;
}

#mta_newsletter .lwn_flexchild{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

#mta_newsletter input{
    border: 2px solid #fff;
    background-color: transarent;
    padding: 10px 10px 12px 10px;
    font-size: inherit;
    color: #fff;
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
}

#mta_newsletter input:FOCUS{
    border-color: var(--col_pink);
    outline: none;
    background-color: rgba(255,255,255,0.3);
}

#nl_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding-top: 40px;
}

#nl_flex .lwn_button{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    margin: 0;
    border-color: #fff;
    color: #fff;
}

#search_flex{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
}

#search_category{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap: 30px;
    z-index: 1;
    padding: 30px;
}

#search_category > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#search_category > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

#search_category > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

#search_category > *:nth-child(4){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

#search_category > *:nth-child(5){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

#search_category > *:nth-child(6){
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

#search_category > *:nth-child(7){
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

#search_category > *:nth-child(8){
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

#search_category > *:nth-child(9){
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.cat_hl_icon{
    position: relative;
}

.cat_hl_icon:BEFORE{
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(calc(-100% - 10px));
    color: var(--col_green);
}

#mta_search_box .autosuggest_box{
    max-width: 100%;
}

#search_content{
    position: relative;
    padding: 30px;
    padding-left: 0;
    color: #fff;
    z-index: 10;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}

#mta_search_hl{
    display: block;
    color: #fff;
    font-size: var(--fs_big);
    border: none;
    font-family: 'robotobold';
    border-left: 4px solid #fff;
    padding: 5px 0 5px 10px;
}


#search_category .search_category_icon{
    position: relative;
    aspect-ratio: 1/1;
    background-color:rgba(255,255,255,0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.3s cubic-bezier(0.83, 0, 0.17, 1);
    cursor: pointer;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

#search_category .search_category_icon:HOVER{
    background-color: var(--col_yellow);
}

.search_category_center_icon{
    position: absolute;
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    line-height: 95px;
    text-align: center;
    font-size: 40px;
    background-color: transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.83, 0, 0.17, 1);
    transition: all 0.3s cubic-bezier(0.83, 0, 0.17, 1);
    pointer-events: none;
}

#search_category .search_category_icon:HOVER .search_category_center_icon{
    color: #fff;
}

#search_category .search_category_icon:HOVER .search_category_center_icon{
    font-size: 50px;
}

#search_category > .search_category_icon:HOVER ~ .search_category_icon,
#search_category > .search_category_icon:has(~ .search_category_icon:HOVER){
    background-color:rgba(255,255,255,0.3);
}

#mta_search_info{
    position: absolute;
    top: 30px;
    left: 0;
    right: 30px;
    opacity: 0;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
}

.info #mta_search_info{
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

#mta_search_search{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    padding: 30px 30px 30px 0;
}

.info #mta_search_search{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    opacity: 0;
}

.mta_search_count{
    display: inline-block;
    color: var(--col_grey);
    line-height: 1;
    display: none;
}
.mta_search_count span{
    background-color: #fff;
    padding: 5px 10px;
}

#mta_search_bg_overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(pix/bg.jpg);
    background-size: 100% 100%;
    z-index: 1;
    mix-blend-mode: multiply;
}

#mta_search_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.mta_searchbox_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: saturate(0);
}

#mta_search_bg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.33, 1, 0.68, 1);
	transition: opacity 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}

#mta_search_bg .active img{
    opacity: 1;
}

.autosuggest_box{
    position: relative;
    max-width: 400px;
}

header .autosuggest_box{
    font-size: var(--fs_small);
    width: 350px;
}

.autosuggest_loader{
    position: absolute;
    top: 0;
    right: 70px;
    z-index: 99;
    display: none;
}

.autosuggest_input_box{
    backdrop-filter: blur(10px);
}

.autosuggest_icon{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    aspect-ratio: 1/1;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    line-height: var(--search-height);
    color: #fff;
}

.autosuggest_result_box{
    position: absolute;
    padding-top: 10px;
    color: #fff;
}

.autosuggest_result{
    margin-bottom: 5px;
}

.autosuggest_result_icon,
.autosuggest_result_name{
    border: 2px solid #fff;
    padding: 2px 5px 0px 5px;
    line-height: 1;
    background-color: rgba(0,0,0,0.3);
    backdrop-filter: blur(5px);
}

.autosuggest_result_name{
    padding-top: 4px;
}

.autosuggest_result_name,
.autosuggest_result_icon_lvl{
    margin-left: -2px;
}

.autosuggest_result_link:HOVER .autosuggest_result_name,
.autosuggest_result_link:HOVER .autosuggest_result_icon{
    background-color: var(--col_yellow);
}

.autosuggest_result_icon{
    aspect-ratio: 1/1;
    text-align: center;
}

.autosuggest_result_icon:BEFORE{
    line-height: var(--result_height);
}

.autosuggest_result_link{
    white-space: nowrap;
}

.autosuggest_result_icon_box,
.autosuggest_result_link{
    display: flex;
}

.loader {
    --color-1: #fff;
    --size: 0.5px;

    color: var(--color-1);
    position: relative;
    font-size: calc(11 * var(--size));
    background: var(--color-1);
    animation: escaleY 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
    animation-delay: -0.16s;
    top: 0;
    transform: translateY(calc(50% + 4px));
    transform-origin: center center;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 2em;
    background: var(--color-1);
    width: 1em;
    height: 4em;
    animation: escaleY 1s infinite ease-in-out;
}
.loader:before {
    left: -2em;
    animation-delay: -0.32s;
}

@keyframes escaleY {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.autosuggest_input_box input{
    width: calc(100%);
    padding: 10px 20px;
    line-height: 1;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: inherit;
    font-family: inherit;
    outline: none;
}


.autosuggest_input_box input:FOCUS{
    background-color: rgba(255,255,255,0.3);
}




.lwn_download{
    background-color: var(--col_yellow);
}

.lwn_download_icon,
.lwn_download_table tr td:first-child,
.lwn_download_type,
.lwn_download_table tr td{
    border-color: var(--col_yellow);
}

.lwn_download_table tr td a:hover{
    background-color: rgba(255,255,255,0.3);
}

.lwn_download_icon{
    background-color: rgba(0,0,0,0.7);
}




.is_mobile h1,
.is_mobile h2,
.is_mobile h3,
.is_mobile h4,
.is_mobile h5,
.is_mobile p{
    padding: 0 15px;
    hyphens: auto;
}

.is_mobile .verbund_meta_box_hl h2,
.is_mobile #footercontent h4{
    padding: 0;
}

.is_mobile #footer_bottom_content_text{
    padding: 10px 0;
    font-size: 12px;
}

.is_mobile #sponsor p{
    font-size: 12px;
    padding-left: 0;
}

.is_mobile #nav{
    text-align: left;
    opacity: 0;
    top: 0;
}

.is_mobile .open #nav{
    opacity: 1;
}

.is_mobile.shownav nav{
    border-width: 4px;
}

.is_mobile.shownav #logo svg{
    height: 46px;
}

.is_mobile .ullvl2,
.is_mobile .ullvl3,
.is_mobile .ullvl2 li,
.is_mobile .ullvl3 li{
    pointer-events: all;
}

.is_mobile .sliderbox_cont_box{
    padding-bottom: 30px;
}

.is_mobile .sliderbox_cont_box p{
    display: none;
}


.is_mobile .sliderbox_cont_box h3{
    padding: 0;
}

.is_mobile .footer_contact_headline:BEFORE{
    display: none;
}



.is_mobile .open #nav_scroll_box{
    width: 100%;
}

.is_mobile .open #nav_scroll_box{
    height: calc(100% - 95px);
    right: 30px;
}

.is_mobile #menubutton{
    right: 15px;
}

.is_mobile #microtecfuer{
    max-width: 100%;
} 

.is_mobile #search_flex{
    display: block;
}

.is_mobile #mta_search_info{
    display: none;
}

.is_mobile #search_category{
    gap: 15px;
    padding: 15px;
}

.is_mobile #mta_search_search{
    position: relative;
    padding: 15px;
}

.is_mobile #search_content{
    padding: 0;
    padding-bottom: 15px;
}

.is_mobile aside{
    margin-bottom: 50px;
}

@media only screen and (max-width: 1280px) {    

    :root{
        --thewidth: 1024px;
    }
}

@media only screen and (max-width: 1100px) {    

    .header_navi{
        display: none;
    }
}

@media only screen and (max-width: 1048px) {    

     :root{
        --thewidth: 100%;
    }
    
    /*
    #nav{
        display: none;
    }
    */
    
    .thewidth{
        padding: 0 40px;
    }
    
    .box{
        display: block;
    }
    
    .box div img,
    .box1cont{
        max-width: 100%;
    }
    
    main .vcenter{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    .box2cont,
    .box1cont{
        float: none;
    }
    
    .box2cont,
    .img2 img{
        max-width: 100%!important;
        float: none;
    }
    
    .box1{
        padding: 40px 20px 40px 20px;
    }
    
}

@media only screen and (max-width: 800px) {
    
    body{
        font-size: 16px;
    }
    #logo{
        position: absolute;
        left: 15px;
    }
    
    .searchbox{
        display: none;
    }
    
    h1{
        font-size: 32px;
    }
    
    .thewidth{
        padding: 0 15px;
    }
    
    .sliderbox p{
        line-height: 1
    }
    
    #menubutton svg path{
        opacity: 1;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    /*
    #menubutton{
        position: absolute;
        right: 20px;
        height: 70%;
        width: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    */
    
    #header_progress{
        width: 250px;
    }
    
    .partner_parent_box,
    .course_parent_box,
    .people_parent_box{
        --thepeoplegap: 20px;
        --thecoursegap: 20px;
    }
    
    .partner_box, 
    .course_box, 
    .people_box {
        flex-basis: calc(50% - var(--thepeoplegap) * 1 / 2);
    }
}

@media only screen and (max-width: 590px) {
    
    :root{
        --lwn_xtrawidth: 0;
        --lwn_mainpadding: 15px;
        --thepeoplegap: 15px;
        --thecoursegap: 15px;
        --fs_verybig: 24px;
        --fs_nav: 18px;
    }
    
    #user_start_box,
    #verbund_start_box{
        display: block;
    }
    
    .conpost_box{
        display: block;
        margin-bottom: 40px;
    }
    
    .conpost_img{
        width: 100%;
        margin-bottom: 5px;
    }
    
    aside{
        width: auto;
        max-width: auto;
    }
    
    #buchungsbox h3,
    #buchung p,
    .footercontent_text p,
    #kurskontakt p,
    #start_box_cont h1,
    #verbund_start_box h1,
    .conpost_hl{
        padding: 0!important;
    }
    
    .formbox_half{
        width: 100%;
    }
    
    .wpcf7-form{
        padding: 15px;
    }
    
    .small_hl{
        font-size: var(--fs_small);    
    }
    
    main{
        padding-top: 50px;
    }
    
    .footercontent_box{
        display: block;
    }
    
    .footercontent_subbox{
        margin-bottom: 30px;
    }
    
    #nav li,
    #nav li a{
        font-size: 24px!important;
    }
    
    .course_parent_box{
        display: block;
    }
    
    .course_box{
        margin-bottom: 15px;
    }
    
    #kurskontakt{
        padding: 40px 10px;
    }
    
    .formbox{
        display: block
    }
    
    .formbox p{
        margin-bottom: 20px;
    }
    
    .sponsor_box2 img{
        height: auto;
        max-width: 100%;
    }
    
    .sponsor_box1 br{
        display: none;
    }
    
    .open .ullvl1 > li > a{
        margin-left: -30px;
    }

}