body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

.custom {
  padding: 24px 0 98px;
}
/*
section {
  padding: 5rem /* 0*/;
/*}*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* ============================================================
   font.css – zahngesundheit-husum
   Modernisiert: kein @media screen, keine Legacy-Formate
   (.eot, .svg, local()), font-display: swap ergänzt
   ============================================================ */

/* alegreya-sans-sc-regular - latin */
@font-face {
    font-family: 'Alegreya Sans SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* ANNAHME: Pfad 1:1 aus Original übernommen – nach Umzug/Konsolidierung prüfen,
       ob der Ordner "fonts-1" relativ zur neuen CSS-Datei noch stimmt */
    src: url('../../files/fonts-1/alegreya-sans-sc-v8-latin-regular.woff2') format('woff2');
}

/* nunito-sans-regular - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../files/fonts-1/nunito-sans-v4-latin-regular.woff2') format('woff2');
}

/* ============================================================
   main.css – zahngesundheit-husum
   Mobile-first | Contao 5.7
   Breakpoints:
     Mobile:            < 769px  (Basis, kein Query)
     Tablet:             769px – 1199px
     Desktop:           >= 1200px

   HINWEIS ZUR KONSOLIDIERUNG: Das alte CSS nutzte range-gebundene
   Media Queries (z. B. min-width:768 UND max-width:991), die NICHT
   kaskadierten – jeder Breakpoint war eine isolierte "Insel". Das
   neue mobile-first-Schema kaskadiert (Tablet erbt von Mobile,
   Desktop erbt von Tablet). Bei Eigenschaften, die im Original nur
   auf einem einzigen Breakpoint gesetzt waren, wurde deshalb an den
   Nachbar-Breakpoints ein expliziter Reset ergänzt, wo nötig – diese
   Stellen sind mit ANNAHME markiert und sollten in Schritt 7.
   (Testen bei 320/768/1200px) gezielt geprüft werden.
   ============================================================ */


/* ===========================================================
   1. BASE / MOBILE (< 769px)
   =========================================================== */

html {
    height: 100%;
    min-height: 100%;
}
body {
    background-color: #f8f9fa;
    font: 16px 'Nunito Sans', sans-serif;
    color: #666;
}

nav{
    border-bottom:1px solid #ddd;
}

/* ANNAHME: line-height mobil aus naviControl-1 (1.2rem) übernommen,
   Original-Basiswert aus Standard.css war 1.7rem – siehe Tablet-Reset unten */
p {
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: left;
}

h1, h2, h3 {
    font-family: 'Alegreya Sans SC', sans-serif;
    color: #013567;
}

h1 {
    margin-top: 0;
    margin-bottom: 2rem !important;
    font-size: 1.8333rem;
    text-align: center;
}

h2 {
    margin-top: 0;
    margin-bottom: 1rem !important;
    font-size: 1.3rem;
}

h3 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.content-inside.center.first.last.block div.aos-init.aos-animate p a {
    border-bottom: 1px dotted;
    text-decoration: none;
    color: #878787 !important;
}

#wrapper a:hover,
#wrapper a:focus {
    color: rgba(0, 0, 0, .7);
    text-decoration: none;
}

.checkbox_container.mandatory span label#lbl_11_0 a {
    color: #fff !important;
    border-bottom: 1px dotted #fff;
}

.checkbox_container.mandatory span label#lbl_11_0 a:hover {
    font-weight: bold;
    color: #fff !important;
    border-bottom: 1px dotted #fff;
}

.impr-ds {
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.impr-ds h4 {
    font-size: 1rem !important;
    line-height: 1.3rem !important;
    font-weight: 900 !important;
}

.impr-ds li {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: square;
    margin-left: 1rem;
}

.flex,
.zweispaltig {
    display: flex;
    flex-direction: column;
}

.flex1 { flex: 1; }
.flex2 { flex: 2; }
.flex5 { flex: 5; }

/* Contao 5: .ce_headline → .content-headline (von Angelika am
   Live-DOM bestätigt, 18.09.2026) */
.flex5 h4,
h4.content-headline.flex5 {
    font-size: 1rem;
}

.mb1 {
    margin-bottom: 1rem;
}

.osm {
    margin-top: -32px;
    padding-left: 1rem;
    color: #eee;
}

.center {
    text-align: center;
}

section {
    padding: 1rem !important;
}

section#praxis-aussen.even {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section.even {
    background-color: #e5eef7;
}

section.last {
    background-color: #013567;
}

section.last h2,
section.last h3,
section.last p {
    color: #efefef;
}

.content-inside {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.content-inside-top {
    flex-direction: column-reverse;
}

.content-inside-kontakt {
    flex-direction: column;
}


.content-gallery ul li {
    list-style-type: none;

}

.midblue {
    color: #73a0ca;
}

#wrapper {
    margin-top: 12vh;
}

/* Liste */
.liste ul li {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    background-image: none !important;
    list-style-type: square;
    margin-bottom: 0.5rem;
}

/* Slider-Textbox */
.slider-textbox.box-text.content-text {
    display: none;
    
}
@media (min-width: 794px) {
    .slider-textbox.box-text.content-text {
        display: block;
    }
}


/* Akkordeon (jQuery-UI-Stil)
   ce_text → content-text bestätigt umgestellt. ANNAHME: für
   "ce_accordionSingle" und "ce_accordion" selbst liegt mir keine
   bestätigte Contao-5-Umbenennung vor (evtl. content-accordion o.ä.)
   – bitte im DOM/Template Studio gegenprüfen wie bei den anderen
   ce_*-Klassen. Bis dahin beide Varianten geführt. */
.ce_accordionSingle.ce_accordion.content-text,
.ce_accordionSingle.ce_accordion.ce_text {
    min-height: 2rem;
    margin-bottom: .5rem;
}

.ui-accordion-icons {
    font-size: 1rem;
    font-weight: bold;
}

.accordion p {
    font-size: .8rem;
}

.ui-accordion-icons:after {
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    content: '\f107';
    font-size: 1rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Kontaktseite */
.kontakt {
    flex-direction: column;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#kontakt img {
    width: auto;
    height: 7rem;
}

#kontakt p {
    margin-bottom: .3rem;
    line-height: 1.2rem;
}

#kontakt a {
    margin-bottom: .3rem;
    color: #fff;
    font-weight: bold;
}

#kontakt a:hover {
    margin-bottom: .3rem;
    color: #DAE8F3;
}

/* Formular-Checkbox */
fieldset#ctrl_11.checkbox_container.mandatory span {
    display: flex;
    margin-top: 0.5rem;
    color: #fff;
}

fieldset#ctrl_11.checkbox_container.mandatory span label#lbl_11_0 {
    margin-left: 1rem;
    line-height: 1rem;
}

/* Slick */
ul.slick-dots {
    display: flex;
}

/* Back-to-top-Button */
.back-to-top {
    background-color: #73A0CA;
    position: fixed;
    bottom: 10px;
    right: 20px;
    padding: 1rem;
    border-radius: 3px;
    transition: .3s;
    color: #fff;
}

/* Bild-Hover-Textbox */
.hovertext {
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: #fff;
    font-size: 1rem;
    color: #fff;
    overflow: hidden;
}

.hovertext * {
    box-sizing: border-box;
    transition: all 0.45s ease;
}

.hovertext:before,
.hovertext:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgba(1, 53, 103, 0.7);
    content: '';
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 0;
}

.hovertext:before,
.hovertext:after {
    transform: scaleY(2);
}

.hovertext img {
    max-width: 100%;
    vertical-align: top;
    backface-visibility: hidden;
}

.hovertext figcaption {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: flex;
    line-height: 1.1em;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    z-index: 2;
    transition-delay: 0s;
}

.hovertext span {
    display: block;
    font-weight: 700;
}

.hovertext a {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3;
}

.hovertext.hover > img {
    opacity: 0.7;
}

.hovertext:hover:before,
.hovertext.hover:before,
.hovertext:hover:after,
.hovertext.hover:after {
    transform: scale(1);
    opacity: 1;
}

.hovertext:hover figcaption,
.hovertext.hover figcaption {
    opacity: 1;
    transition-delay: 0.1s;
}

figure.hovertext {
    background-color: #e5eef7;
}


/* Team-Galerie */
#team .content-gallery ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#team .content-gallery ul li div.hovertext figure{
    margin-bottom:0;
}

#start .portrait-tp {
    padding: 8rem 0 0;
}

#spektrum div.flex:nth-child(3) {
    text-align: center;
}

.flex-direction-nav a::before {
    font-size: 1.5rem !important;
    color: #fff !important;
}

/* Jobs / Stellenanzeige */
#Stellenanzeige {
    width: 90%;
}

.outside {
    list-style-position: outside;
}

.job {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.job ul li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
}

.job li {
    display: block;
    padding-left: 20px;
    position: relative;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.job li:before {
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    content: '\f118';
    color: #003468;
    padding-top: 0.2rem;
    top: 0;
    left: 0;
    position: absolute;
    text-rendering: auto;
}

li.online-termin-toggle {
    background-color: #679AC9;
    border-radius: 3px;
    padding: 8px 10px;
    margin-left: 1vw;
    margin-right: 1vw;
}

a.online-termin-toggle {
    color: #fff;
    font-weight: bold;
}

a.online-termin-toggle:hover {
    color: #fff;
}

.container {
    max-width: 100% !important;
}

#folgeseite {
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-top: 10rem;
}

#article-26 .slider-textbox .reihe {
    bottom: inherit;
    position: relative;
}

#article-26 #Stellenanzeige {
    width: 90%;
}


/* ===========================================================
   2. TABLET (769px – 1199px)
   =========================================================== */

@media (min-width: 769px) {

    /* ANNAHME: p-line-height wieder auf Standard.css-Basiswert
       zurückgesetzt (siehe Hinweis oben) */
    p {
        line-height: 1.7rem;
    }

    /* ANNAHME: beide alten Tablet-Varianten (Hochkant + Quer) hatten
       hier denselben Wert – kein Konflikt */
    h1 {
        font-size: 1.5rem !important;
    }

    h2 {
        font-size: 1.3rem !important;
    }

    /* ANNAHME: Portrait-Wert (14vh) als Default übernommen,
       alter Landscape-Wert war 25vh – bei breiteren Tablets/kleinen
       Laptops im Querformat ggf. anpassen */
    .custom {
        height: 14vh;
    }

    .content-inside {
        width: 80%;
    }

    .content-inside-top {
        width: 80%;
    }

    .slider-textbox .reihe {
        padding: 1rem;
        bottom: 0.5vh;
    }

    .box-links,
    .box-rechts,
    .box-mitte {
        padding: 0 !important;
    }

    .box-text p,
    .box-text h3 {
        font-size: 90%;
    }

    #kontakt p {
        font-size: .8rem;
    }

    #kontakt h3 {
        margin-top: 0;
    }

    #article-26 .reihe {
        bottom: inherit;
        position: relative;
    }

    #article-26 #Stellenanzeige {
        width: 90%;
    }

    /* ACHTUNG: Vor "content-gallery" fehlt ein Punkt (.content-gallery),
       die Regel greift deshalb aktuell NICHT. Bewusst unverändert
       gelassen, weil sie sonst das Team-Layout im Tablet-Bereich ändern
       würde (vermutlich gemeint: "#team .content-gallery ul", wie im
       Desktop-Block unten). */
    content-gallery ul {
        flex-direction: row;
        gap: 1rem;
    }

    /* Leistungen ("Was wir für Sie tun", #spektrum) ab Tablet:
       Icon links, Text daneben und linksbündig (hebt die Zentrierung
       aus der Mobile-Basis auf). Ab 1200px stehen die drei Spalten
       nebeneinander (.flex { flex-direction: row } im Desktop-Block),
       darunter bleibt es einspaltig. */
    #spektrum div.flex:nth-child(3) {
        text-align: left;
    }

    #spektrum [id^="leistungen-"] > .flex {
        flex-direction: row;
        align-items: center;
        margin-bottom: 1rem;
    }

    #spektrum [id^="leistungen-"] .content-image {
        flex: 0 0 auto;
    }

    #spektrum [id^="leistungen-"] figure {
        margin: 0;
    }

    #spektrum [id^="leistungen-"] h4 {
        margin: 0 0 0 1rem;
    }

} /* Ende Tablet-Media-Query (hier fehlte vorher die schließende Klammer) */


/* ===========================================================
   SLIDER-INFOBOXEN (ab 794px) – 20.09.2026
   Die Boxen (.slider-textbox) werden ab 794px eingeblendet (siehe
   "Slider-Textbox" oben). Ihr Overlay-Styling (blaue Boxen, absolut
   ins Slider-Bild hinein) stand vorher erst im Desktop-Block ab
   1200px – dadurch erschienen die Texte zwischen 794 und 1199px
   ungestylt und weiß auf hellem Grund UNTER dem Slider. Deshalb
   hier ab 794px, der Desktop-Block erbt es unverändert.
   =========================================================== */

@media (min-width: 794px) {

    .reihe div.container {
        display: flex;
    }

    /* bottom in % statt vh: Die Höhe des Sliders hängt von der BREITE
       des Fensters ab (Bild-Seitenverhältnis), nicht von dessen Höhe.
       Mit vh (früher 15vh) rutschten die Boxen bei hohen Fenstern (iPad
       hochkant) viel zu weit ins Bild. % bezieht sich auf die Höhe der
       Section (= Slider) und skaliert deshalb passend zum Bild.
       8% entspricht bei 1210x834 ca. 50px (= 6vh).
       Zusatz für flache Querformat-Handys (z. B. 960x432): Dort ist der
       Slider höher als das sichtbare Fenster, die Boxen lägen dann
       unterhalb des sichtbaren Bereichs. max(8%, calc(100% - 88vh + 1rem))
       schiebt sie bei Bedarf so weit hoch, dass ihre Unterkante im
       ersten Bildschirm liegt (88vh = Fensterhöhe abzüglich #wrapper-
       margin-top 12vh). Bei hohen/breiten Fenstern greift weiter 8%.
       Die drei bottom-Zeilen sind ein Fallback für ältere Browser
       (svh = Höhe bei eingeblendeter Browserleiste). */
    .slider-textbox .reihe {
        width: 100%;
        padding: 1rem;
        bottom: 8%;
        bottom: max(8%, calc(100% - 88vh + 1rem));
        bottom: max(8%, calc(100% - 88svh + 1rem));
        left: 0;
        position: absolute;
        z-index: 100;
    }

    .slider-textbox .container {
        display: flex;
    }

    .box-links,
    .box-mitte,
    .box-rechts {
        padding: .5rem;
        background-color: rgba(1, 53, 103, .7);
        display: flex;
        flex: 1;
    }

    .box-mitte {
        margin-right: .5rem;
        margin-left: .5rem;
    }

    .box-text {
        border-left: 1px solid rgba(221, 221, 221, .4);
        flex: 2;
    }

    .box-icon {
        flex: 1;
    }

    .slider-textbox p {
        margin-bottom: 0;
        padding: .5rem;
        font-size: .8rem;
        line-height: 1rem;
        color: #fff;
    }

    .box-text a {
        white-space: nowrap;
        border-bottom: 1px dotted #fff;
        font-size: .8rem;
        font-weight: bold;
        color: #fff;
    }

    .slider-textbox h3 {
        padding-left: .5rem;
        margin-top: 0.5rem !important;
        font-size: 1.3rem;
        font-weight: bold;
        color: #fff;
    }
}


/* Slider-Infoboxen kompakter im Tablet-Bereich (794 – 1199px):
   Dort stehen die drei Boxen eng nebeneinander und waren mit
   ~160px Höhe zu mächtig. Kleineres Icon, etwas kleinere Schrift
   (12px / Überschrift ~17px), engere Abstände -> Boxen ca. 100-117px
   hoch (statt ~162px). Ab 1200px gelten wieder die vollen Werte.
   Zum Feinjustieren: .box-icon (Icon-Breite) und die font-size-Werte. */
@media (min-width: 794px) and (max-width: 1199.98px) {

    .slider-textbox .reihe {
        padding: .5rem 1rem;
    }

    .box-mitte {
        margin-right: .4rem;
        margin-left: .4rem;
    }

    .box-icon {
        flex: 0 0 3.5rem;
    }

    .box-icon img {
        max-width: 100%;
        height: auto;
    }

    .box-text {
        flex: 1 1 0;
    }

    .slider-textbox h3 {
        padding-left: .4rem;
        margin-top: .35rem !important;
        font-size: 1.05rem;
    }

    .slider-textbox p {
        padding: .25rem .4rem;
        font-size: .75rem;
        line-height: 1.05rem;
    }

    .box-text a {
        font-size: .75rem;
    }
}


/* ===========================================================
   3. DESKTOP (>= 1200px)
   =========================================================== */

@media (min-width: 1200px) {

    /* ANNAHME: Original hatte auf diesem Breakpoint keine eigene
       h1/h2/p-Regel (isolierte Range-Queries kaskadierten nicht) –
       hier explizit auf den alten Basiswert zurückgesetzt, damit
       Desktop wieder wie früher aussieht statt den Tablet-Wert zu erben */
    p {
        line-height: 1.7rem;
    }

    h1 {
        font-size: 1.8333rem !important;
    }

    h2 {
        font-size: 1.6667rem !important;
    }

    .content-inside {
        width: 69%;
    }
    .flex{
        flex-direction: row;
    }
    .tel {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }

    .small p {
        margin: 0;
        padding: 0;
        font-size: .8rem;
        line-height: 1.2rem;
    }

    #leistungen-1 h4,
    #leistungen-2 h4,
    #leistungen-3 h4,
    #leistungen-4 h4 {
        margin-left: 1rem;
    }
    
    #team  .content-gallery ul{
        flex-direction:row;
        gap:1rem;
    }

}

/* ===========================================================
   FLACHE QUERFORMAT-HANDYS (z. B. 960x432) – 22.10.2026
   Die Infoboxen stehen unter dem Slider statt darüber,
   damit sie keine Gesichter im Bild verdecken.
   =========================================================== */
@media (min-width: 794px) and (max-height: 500px) {
    .slick-slide img {
        width: 100%;
        height: calc(100vh - 84px);
        object-fit: cover;
        object-position: 50% 8%;
    }
        
    .slider-textbox .reihe {
        position: relative;
        bottom: auto;
        padding: .5rem 1rem 1rem;
    }
}

/* Icons in den blauen Slider-Boxen mittig; mittlere Box nicht breiter
   als die anderen (white-space:nowrap im Link) */
@media (min-width: 794px) {
    .box-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box-icon img {
        display: block;
    }
    .box-links,
    .box-mitte,
    .box-rechts {
        min-width: 0;
    }
}


/* ===========================================================
   RESERVE – aktuell ungenutzte/unklare Regeln
   Nicht löschen, bei Bedarf nach oben verschieben.
   =========================================================== */

/* Alte iPhone-/Tablet-Landscape-Sonderregel (device-width 480–640px,
   veraltete Media-Feature-Syntax). ANNAHME: dürfte auf aktuellen
   Geräten nicht mehr greifen – vor dem Löschen prüfen, ob noch alte
   Tablets im Einsatz sind, die das brauchen. */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    nav,
    #navi-desktop-meta {
        display: none;
    }
    #header > div > div.header-zeile1 {
        display: none;
    }
    #header-zeile1-mobile {
        width: 100%;
        background-color: #f5f7fa;
        display: flex;
        justify-content: space-between;
    }
    #header-zeile2 {
        width: 100% !important;
        height: 11rem;
    }
    .svg-inline--fa.fa-border {
        font-size: 1.2rem;
    }
}

/* iphone.css: leere Media Query ohne Inhalt, ersatzlos entfernt */
/* ============================================================
   navigation.css – zahngesundheit-husum
   Mobile-first | Breakpoints einheitlich mit Luftsport-Gruppe:
     Mobile:   < 769px  (Basis, kein Query)
     Tablet:    769px – 1199px
     Desktop:  >= 1200px

   GEKLÄRT (per Claude-in-Chrome-Analyse + Template-Quelltext, 18.09.2026):
   Es gibt NUR EIN aktives Navigationssystem – ein individuelles,
   Bootstrap-basiertes Custom-Template im Theme (klassisches
   "Scrolling Nav"-Muster: #mainNav, #navbarResponsive, .navbar-nav,
   .nav-link, .nav-item, js-scroll-trigger für Onepage-Scrollspy).
   Contao selbst bindet das nur als technischen Modul-Wrapper ein
   (id="nav"/class="mod_navigation" – reiner Container ohne eigene
   Optik); das alte Level_1/Level_2-CSS für die Contao-Standard-
   ausgabe entspricht NICHT dem tatsächlich gerenderten Markup und
   wurde daher in die RESERVE-Sektion verschoben statt übernommen.
   Tatsächlich verwendete Bootstrap-Breakpoint-Klasse ist
   navbar-expand-xl (nicht -lg, wie in einer der Original-Dateien
   stand – korrigiert).
   ============================================================ */

/* Sichtbarkeits-Steuerung Termin-Button (Mobile-Basis) */
.only-desktop {
    display: none;
}

.only-mobile {
    display: block;
}

/* Desktop (>= 1200px) */
@media (min-width: 1200px) {
    .only-desktop {
        display: list-item;
    }

    .only-mobile {
        display: none;
    }
}

/* ===========================================================
   BASIS / MOBILE (< 769px)
   =========================================================== */

/* Meta-Navigation (Fußzeile: Impressum/Datenschutz – eigenständiges,
   zweites <nav>-Element, per Chrome-Analyse bestätigt) */
.mod_customnav ul {
    display: flex;
}

.mod_customnav ul li {
    margin-right: 1rem;
    font-size: .8rem;
    text-decoration: none;
}

.mod_customnav ul li a:link,
.mod_customnav ul li a:visited,
#navi-desktop-meta > ul > li.active {
    color: #4d4d4b;
    justify-content: flex-end;
    font-size: .8rem !important;
}

.mod_customnav ul.level_1 {
    display: flex;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.mod_customnav ul.level_1 li {
    margin-right: 1rem;
}

.mod_customnav a {
    font-size: 1.1rem;
    line-height: 1.7rem;
    text-decoration: none;
    color: rgba(0, 0, 0, .5);
}



/* Bootstrap-Navbar (siehe Hinweis oben) */
#navbarResponsive {
    width: 90%;
}

/* FIX Desktop-Navigation (20.09.2026): Diese beiden Regeln gelten nur
   noch unterhalb von 1200px (Hamburger-Menü). Vorher galten sie auch
   auf dem Desktop und haben dort das Menü mit max-height: 0 komplett
   versteckt (navbar-expand-xl setzt ab 1200px keine Klasse "show"). */
@media (max-width: 1199.98px) {
    #navbarResponsive.collapse {
        display: block !important;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    #navbarResponsive.collapse.show {
        max-height: 380px; /* großzügig, muss nur größer sein als der tatsächliche Inhalt */
    }
}

/* FIX Menü-Animation (19.09.2026):
   #mainNav .container ist unterhalb von 1200px eine Flex-SPALTE
   (siehe unten). Bootstraps ".navbar-collapse { flex-basis: 100% }"
   überstimmt dort die "height", die Bootstrap-JS beim Auf-/Zuklappen
   animiert – das Menü sprang deshalb ohne Übergang auf. Mit
   flex-basis: auto (flex: 0 0 auto) greift die height-Animation.
   Ab 1200px gilt unverändert "#navbarResponsive { flex: 2.5 }" (Desktop). */
@media (max-width: 1199.98px) {
    #navbarResponsive {
        flex: 0 0 auto;
    }

    /* Dauer/Verlauf der Auf-/Zuklapp-Animation (Bootstrap-Standard: 0.35s).
       Bootstrap-JS liest die Dauer aus dieser Regel, beides bleibt synchron.
       Zum Feinjustieren nur die Sekundenzahl ändern (z. B. 0.5s – 0.8s). */
    #navbarResponsive.collapsing {
        transition: height 0.65s ease-in-out;
    }
}

/* Barrierefreiheit: wer im Betriebssystem "Animationen reduzieren"
   eingestellt hat, bekommt weiterhin kein Animieren */
@media (prefers-reduced-motion: reduce) {
    #navbarResponsive.collapsing {
        transition: none;
    }
}

/* Job-Link "Wir suchen DICH!" im Header (a.hovertext-job, mit figcaption) */
.hovertext-job {
    width: 100px;
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    overflow: hidden;
}

.hovertext-job * {
    box-sizing: border-box;
    transition: all 0.45s ease;
}

.hovertext-job:before,
.hovertext-job:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: rgba(1, 53, 103, 0.7);
    border-top: 50px solid rgba(0, 0, 0, 0.5);
    border-bottom: 50px solid rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    content: '';
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 0;
    transform: scaleY(2);
}

.hovertext-job img {
    max-width: 100%;
    vertical-align: top;
    backface-visibility: hidden;
}

.hovertext-job figcaption {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    line-height: 1.1em;
    display: table-cell;
    vertical-align: middle;
    opacity: 0;
    z-index: 2;
    padding-top: 1.5rem;
}

.hovertext-job span {
    display: block;
    font-weight: 700;
}

.hovertext-job a {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3;
}

.hovertext-job:hover {
    transform: scale(1.5) translateY(39px);
    transition: all 0.3s ease;
}

.hovertext-job:hover > img {
    opacity: 0.7;
}

.hovertext-job:hover:before,
.hovertext-job:hover:after {
    transform: scale(1);
    opacity: 1;
}

.hovertext-job:hover figcaption {
    opacity: 1;
    transition-delay: 0.1s;
}

#mainNav .container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.navi-reihe1 {
    display: flex;
    justify-content:space-between;
    align-self: stretch;   /* überschreibt Bootstraps align-items: center */

}

li.nav-item {
    margin-top: .3rem;
    margin-bottom: .3rem;
    font-size: .8rem;
    line-height: 1rem;
}

/* Logo */
.logo {
    width: 150px;
    height: auto;
}


/* ===========================================================
   TABLET (769px – 1199px)
   =========================================================== */

@media (min-width: 769px) {

    /* Bewusst weiterhin column: #navbarResponsive bleibt bis 1200px
       (navbar-expand-xl) eingeklappt; row erst ab Desktop, siehe unten */
    #mainNav .container {
        flex-direction: column;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: 0 !important;
    }
}


/* ===========================================================
   HEADER MOBIL + TABLET (< 1200px) – Logo, Termin-Button und
   Hamburger in EINER Zeile (20.09.2026)
   Vorher: #mainNav .container war eine Spalte (Logo+Hamburger,
   darunter der Termin-Button) -> Header ca. 187px hoch, jetzt
   ca. 57-65px (bis 414px Breite). Das Menü klappt weiterhin in einer
   eigenen Zeile darunter auf.
   Technik: .navi-reihe1 (enthält Logo + Hamburger) wird mit
   "display: contents" aufgelöst, damit Logo, Termin-Button
   (.only-mobile) und Hamburger direkt Flex-Items von .container sind
   und per "order" in die gewünschte Reihenfolge kommen.
   Unter 340px Breite rutscht der Termin-Button (der immer sichtbar
   bleiben soll) in eine zweite Zeile unter Logo + Hamburger.
   =========================================================== */

@media (max-width: 1199.98px) {

    #mainNav .container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0 .5rem;
    }

    #mainNav .navi-reihe1 {
        display: contents;
    }

    #mainNav .navbar-brand {
        order: 1;
        margin-right: 0;
        padding: 0;
    }

    /* Logo skaliert mit der Breite (76px bei ~300px, max. 150px) */
    #mainNav .logo {
        width: clamp(76px, 25vw, 150px);
    }

    #mainNav .only-mobile {
        order: 2;
    }

    #mainNav .only-mobile ul {
        margin: 0;
    }

    #mainNav li.online-termin-toggle {
        margin: 0;
        padding: 6px 8px;
    }

    #mainNav a.online-termin-toggle {
        font-size: .8rem;
        white-space: nowrap;
    }

    #mainNav .navbar-toggler {
        order: 3;
        flex: 0 0 auto;
        padding: .25rem .5rem;
    }

    #mainNav .navbar-toggler-icon {
        width: 1.5em;
        height: 1.5em;
    }

    /* Menü: eigene Zeile darunter, weiterhin 90% breit und mittig
       (überschreibt das flex: 0 0 auto aus dem Animations-Fix oben) */
    #navbarResponsive {
        order: 4;
        flex: 0 0 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Sehr schmale Handys (< 340px): Der Termin-Button bleibt immer
   sichtbar (inkl. Kalender-Icon) und rutscht bewusst in eine eigene,
   zweite Zeile unter Logo + Hamburger, statt dass etwas wegfällt. */
@media (max-width: 339.98px) {
    #mainNav .navbar-toggler {
        order: 2;
    }

    #mainNav .only-mobile {
        order: 3;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        margin-top: .25rem;
    }
}


/* ===========================================================
   DESKTOP (>= 1200px)
   =========================================================== */

@media (min-width: 1200px) {

    #mainNav .container {
        flex-direction: row;
    }

    .logo {
        width: 220px
    }

    /* ANNAHME: #logo als eigener Container taucht im gefundenen
       Template-Ausschnitt nicht auf (dort nur img.logo innerhalb
       .navbar-brand) – evtl. Rest aus einer älteren Theme-Version.
       Vor dem Testen prüfen, ob #logo im DOM überhaupt existiert. */
    #logo > div:nth-child(1) > h2:nth-child(2) {
        color: #8a7031;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        font-size: 1rem !important;
        font-weight: 300 !important;
    }

    /* Bootstrap-Reset */
    #navbarResponsive.collapse.navbar-collapse ul.navbar-nav {
        width: 100%;
        justify-content: space-around;
    }

    .navi-reihe1 {
        flex: 0.5;
    }

    #navbarResponsive {
        flex: 2.5;
    }


    ul.navbar-nav {
        flex: 3;
    }
}


/* ===========================================================
   RESERVE – laut Chrome-Analyse (18.09.2026) vermutlich unbenutzt
   =========================================================== */

/* Contao-Standard-Ausgabe für mod_navigation (ul.level_1/level_2).
   Das Theme überschreibt die Modul-Ausgabe mit einem eigenen
   Bootstrap-Custom-Template (siehe oben) – dieses Level-CSS greift
   daher vermutlich ins Leere. Vor dem endgültigen Löschen einmal im
   DevTools/Elements-Tab nach ".level_1"/".level_2" suchen, um ganz
   sicherzugehen. */
#nav.mod_navigation {
    padding: .5rem 1.5rem .5rem 2rem;
    background-color: #faf5f1;
    border-top: 1px solid #e7e3d6;
}

#nav ul {
    display: flex;
    justify-content: space-between;
}

#nav ul.level_1 > li,
#nav ul.level_1 > li a {
    font-size: 1.2rem;
    text-decoration: none;
    color: #f47c00;
    font-weight: 400;
}

#nav .level_2 > li {
    padding: .5rem .6rem;
    background-color: #fff;
}

#nav ul.level_2 > li,
#nav ul.level_2 > li a {
    font-size: 1rem;
    text-decoration: none;
}

#nav .level_2 > li a:hover {
    color: #8a7031;
}

/* Untermenü-Sprechblasen-Pfeil – passt zu keinem im Template
   gefundenen Element (kein .subnav_box), vermutlich ebenfalls Rest
   einer älteren Nav-Variante */
.subnav_box:after,
.subnav_box:before {
    width: 0;
    height: 0;
    bottom: 100%;
    position: absolute;
    left: 30%;
    border: solid transparent;
    content: " ";
    pointer-events: none;
}

.subnav_box:after {
    margin-left: -20px;
    border: 20px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}

.subnav_box:before {
    margin-left: -21px;
    border: 21px;
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #cccccc;
}