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%}
form.move_labels .widget,.move_labels form .widget{position:relative;padding-top:var(--form_gap, 10px)}form.move_labels .widget:not(.widget-checkbox, .widget-radio) input,form.move_labels .widget:not(.widget-checkbox, .widget-radio) textarea,form.move_labels .widget:not(.widget-checkbox, .widget-radio) select,.move_labels form .widget:not(.widget-checkbox, .widget-radio) input,.move_labels form .widget:not(.widget-checkbox, .widget-radio) textarea,.move_labels form .widget:not(.widget-checkbox, .widget-radio) select{width:100%;padding:var(--form_input_padding, 6px);line-height:1.469}form.move_labels .widget-text label,form.move_labels .widget-textarea label,form.move_labels .widget-password label,.move_labels form .widget-text label,.move_labels form .widget-textarea label,.move_labels form .widget-password label{color:var(--font_color, #444);position:absolute;top:var(--form_gap, 10px);left:0;padding:var(--form_input_padding, 6px);transform-origin:left;border:1px solid transparent;line-height:1.469;transition-property:top, left, width, background, border-radius, padding, line-height, font-size;transition-duration:0.25s;transition-timing-function:ease-in-out}form.move_labels .widget-text label.select,form.move_labels .widget-textarea label.select,form.move_labels .widget-password label.select,.move_labels form .widget-text label.select,.move_labels form .widget-textarea label.select,.move_labels form .widget-password label.select{display:none}form.move_labels .widget-text.active label,form.move_labels .widget-textarea.active label,form.move_labels .widget-password.active label,.move_labels form .widget-text.active label,.move_labels form .widget-textarea.active label,.move_labels form .widget-password.active label{top:calc(var(--form_gap) - 13px);left:6px;font-size:13px;width:auto;background:#fff;border-radius:3px;padding:0 2px;line-height:1}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@media (min-width:1024px){body.fullscreen_mobile_nav header nav,body:not(.fullscreen_mobile_nav) .navicon{display:none}}@media (max-width:1023px){#header nav.mod_navigation{display:none}}.mobile_navigation_wrapper .mod_navigation{display:flex;position:fixed;z-index:9;transition:left 0.5s ease-in-out, right 0.5s ease-in-out;overflow:visible;width:100%}.mobile_navigation_wrapper .mod_navigation ul{margin-bottom:0}.mobile_navigation_wrapper .mod_navigation li{list-style:none}.mobile_navigation_wrapper .mod_navigation.no_counter .submenu_toggle span{opacity:0}.mobile_navigation_wrapper .mod_navigation.no_buttons_right .submenu_toggle{border:0}html.js_mobile_navigation_open,html.js_mobile_navigation_open body{overflow:hidden}html .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:-100%}html .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation .level_1{right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:-100%}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:0}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left) .level_1{right:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:0}.mobile_navigation_wrapper .mod_navigation .level_1{top:calc(var(--initial_header_height, 100px) * 1px);height:calc(100% - ( var(--initial_header_height, 100px) * 1px ));margin:0;position:fixed;max-width:440px;box-sizing:border-box;z-index:9;overflow-y:scroll;transition:right 0.3s ease 0s, left 0.3s ease 0s;padding:20px 0px 20px 30px;width:100%;border-left:1px solid #ddd;background:#f8f8f8}.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation li{position:relative}.mobile_navigation_wrapper .mod_navigation li.submenu>a,.mobile_navigation_wrapper .mod_navigation li.submenu>strong,.mobile_navigation_wrapper .mod_navigation li.submenu>span{padding-right:80px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active) .submenu_toggle:before{content:"";width:375px;height:46px;position:absolute;right:0px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active)>a{pointer-events:none}.mobile_navigation_wrapper .mod_navigation li a,.mobile_navigation_wrapper .mod_navigation li strong,.mobile_navigation_wrapper .mod_navigation li>span{display:block;color:#444;line-height:1;padding:14px;border-bottom:1px solid #ddd;text-decoration:none;transition:padding 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul{opacity:0;margin:0;padding:0 0 0 30px;overflow:hidden;line-height:1;transition:opacity 0.3s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul li>a,.mobile_navigation_wrapper .mod_navigation li ul li>strong,.mobile_navigation_wrapper .mod_navigation li ul li>span{color:#666;display:block;border:0;padding:0 0 0 12px;font-size:0;transition:all 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul.open{opacity:1}.mobile_navigation_wrapper .mod_navigation li ul.open>li>a,.mobile_navigation_wrapper .mod_navigation li ul.open>li>strong,.mobile_navigation_wrapper .mod_navigation li ul.open>li>span{padding:14px;border-bottom:1px solid #ddd;font-size:var(--font_size, 1em)}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle{position:absolute;box-sizing:border-box;right:0;top:0;border-left:1px solid #ddd;color:#666;width:80px;cursor:pointer;padding:14px;display:flex;align-items:flex-start;justify-content:center}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle span{pointer-events:none;line-height:1}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle svg{pointer-events:none;width:1em;height:1em;margin-bottom:0;margin-left:5px;transition:transform 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle.open svg{transform:rotate(90deg)}.navicon{--line_top: 8px;--padding: 15px;cursor:pointer;position:relative;padding:var(--padding);right:-10px;-webkit-tap-highlight-color:transparent}.navicon .inside{position:relative;width:30px;height:calc(var(--line_top) + var(--padding) - 4px);background:rgba(255, 255, 255, 0);border-radius:3px;z-index:9}.navicon .inside .lines{position:absolute;width:30px;height:2px;border-radius:5px;background-color:#000}.navicon .inside .line_top{top:0px;transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_0 200ms}.navicon .inside .line_middle{top:var(--line_top);transition:transform ease 200ms}.navicon .inside .line_bottom{top:calc(var(--line_top) * 2);transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_16 200ms}.js_mobile_navigation_open .navicon .inside .line_top{top:var(--line_top);transform:rotate(-45deg);transition:all ease 200ms, transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_middle{top:var(--line_top);transform:rotate(-45deg);transition:transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_bottom{top:var(--line_top);transform:rotate(45deg);transition:all ease 200ms, transform 200ms ease 200ms}@keyframes top_8_to_0{0%{top:var(--line_top)}100%{top:0}}@keyframes top_8_to_16{0%{top:var(--line_top)}100%{top:calc(var(--line_top) * 2)}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation{top:0;width:100vw;max-width:100vw;height:100vh;height:100svh;background:#fff;overflow:visible;overflow-x:scroll;transition:left 0.4s ease-in-out, right 0.4s ease-in-out}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{display:flex;flex-wrap:wrap;position:relative;top:80px;width:1000px;max-width:100%;justify-content:space-between;height:900px;max-height:100%;margin:auto;padding:0;background:none;border:0;list-style:none}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{height:auto;margin:0;display:block}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 strong.active{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 li a:hover{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:50%;max-width:400px}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:100%;margin-top:40px}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li:first-child{margin-top:0}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span{font-size:25px;font-weight:200}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span:hover{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2{padding:15px;list-style:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2 strong.active{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:1em;line-height:2;font-weight:700;color:var(--color_1);padding:0}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:20px}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul{opacity:1;padding:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span{padding:14px;border:0;font-size:var(--font_size, 1em)}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span.active{background:transparent !important}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>span{border:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .submenu_toggle{display:none}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
body {
    font-size: 20px;
    color: #000;
    letter-spacing: 1px;
    font-family: "Source Sans 3", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
}

/* ========== Überschriften ========== */
h1 {
    margin-bottom: 0;
    color: #1f1e1e;
    font-weight: 800;
    font-size: 3rem;
    line-height: 3.1rem;
}
.nobigpicture h1{
	margin-top:80px;
}
h2 {
    margin-bottom: 0;
    color: #1f1e1e;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 2.6rem;
}

h3 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.85rem;
}

/* ========== Links ========== */
a {
    text-decoration: none;
    color: #4ca125;
}

a:hover {
    color: #000;
}

/* ========== Tabelle ========== */
table,
table td {
    border: none;
}



/*
body.skills tr:nth-of-type(even) {
    background-color: #f5f5f5;
}
*/
@media (max-width: 1023px) {
}
/* ========================================= */
/* ========== Viewport max. 768px ========== */

@media (max-width: 768px) {
    h1 {
        font-size: 2.4rem;
        line-height: 2.5rem;
    }
    h2 {
        font-size: 2.25rem;
        line-height: 2.35rem;
    }
    div.homeoverlay {
        display:none;
    }
}
/* ========== Header ========== */
header {
    width: 100%;
    height: 120px; /* Standardhöhe */
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    box-shadow: 0px 7px 8px -3px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center; /* Vertikale Zentrierung */
    justify-content: space-between; /* Logo links, Navigation horizontal zentriert */
    padding: 0 00px;
    z-index:2000;
    transition:  0.1s ease-out;
    overflow: visible;
}

/* Kleinere Höhe beim Scrollen */
.scrolly header {
    height: 80px;
    transition: 0.5s ease-out;
}
/* ========== Wrapper für Logo und Navigation ========== */
header .inside {
    width: 100%; /* Damit die Elemente sich über die gesamte Header-Breite verteilen können */
    margin: 0 auto; /* Zentriert den Inhalt */
    display: flex;
    align-items: center; /* Zentriert Logo & Navigation vertikal */
    justify-content: space-between; /* Lässt Logo links und Navigation mittig */
    position: relative;
}
/* ========== Logo ========== */
#logo {
    flex-shrink: 0; /* Verhindert, dass das Logo skaliert wird */
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Linksbündig */
    height: 100%;
}

#logo img {
    width:320px;
    transition: width 0.5s ease-out;
}
.scrolly #logo img {
    width:220px;
}


/* ========== Navigation ========== */
#main-navi {
    flex-grow: 1; /* Navigation nimmt den restlichen Platz ein */
    display: flex;
    justify-content: center; /* Horizontal mittig */
    align-items: center; /* Vertikal mittig */
    transition: transform 0.5s ease-out; /* Weicher Übergang */
    margin-right: 2%;
}

/* ========== Navigationselemente ========== */
#main-navi ul.level_1{
    padding:0;
}
#main-navi ul.level_1 > li {
    margin: 0 15px;
    display:inline-block;
    padding-top: 58px;
    padding-bottom: 34px;
}
.scrolly #main-navi ul.level_1 > li {
    padding-top: 26px;
    padding-bottom: 26px;
}
#main-navi ul li.trail a,
#main-navi ul li strong {
     color: #727a32;
}

#main-navi ul li a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease-in-out;
}

#main-navi ul li a:hover {
    color: #727a32;
}

/* Standardzustand: Untermenü ausgeblendet */
nav.mod_navigation ul.level_2 {
    max-width: 340px;
    left: -35000px;
    position: absolute;
    overflow: hidden;
    display: none;
    margin: 0;
    padding: 0;
    z-index: 9000;
}

/* Dropdown anzeigen beim Hover */
nav.mod_navigation li:hover .level_2 {
    width: auto;
    height: auto;
    left: auto;
    overflow: visible;
    display: block;
    background-color: #553a36;
    border-top: 1px solid #000;
    z-index: 9000;
    box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.6);
}
#header nav.mod_navigation li:hover .level_2{
    top: 140px;
}
.scrolly #header nav.mod_navigation li:hover .level_2 {
    top: 100px;
}
/* Styling für die li-Elemente im Level 2 */
nav.mod_navigation ul.level_2 li {
    width: 100%;
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    box-sizing: border-box; /* Stellt sicher, dass padding/rand nicht die Breite überschreiten */
}
nav.mod_navigation ul.level_2 li:hover,
nav.mod_navigation ul.level_2 li.active {
    background-color:#FFF;
}
nav.mod_navigation ul.level_2 li.active {
    padding-top:6px;
    padding-bottom:6px;
}

nav.mod_navigation ul.level_2 li a {
    display: block;
    margin: 0;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: normal;
    color: #fff !important;
}

nav.mod_navigation ul.level_2 li:hover a {
    color: #553a36 !important;
    
}

nav.mod_navigation ul.level_2 li strong.active {
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 400;
}
/* ========== Sprachwechsler ========== */
/* Sprachwechsler platzieren */
header .mod_changelanguage {
    position: absolute;
    top: 30px;
    right: 50px;
    display: flex;
    align-items: center;
}

/* Sprachwechsler-Links */
header .mod_changelanguage ul {
    list-style: none;
    display: flex;
    gap: 10px; /* Abstand zwischen den Sprachen */
    margin: 0;
    padding: 0;
}

/* Sprachwechsler-Elemente */
header .mod_changelanguage li {
    display: inline-block;
}

/* Sprachwechsler-Icons */
header .mod_changelanguage a {
    width: 18px;
    height: 12px;
    display: block;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Flaggen als Hintergrundbilder */
header .mod_changelanguage .lang-de a {
    background-image: url("../../files/layout/de.gif");
    width:30px;
    height:auto;
}

header .mod_changelanguage .lang-fr a {
    background-image: url("../../files/layout/fr.gif");
    width:28px;
    height:auto;
}

/* ========================================= */
/* ========== Viewport max. 1023px ========== */

@media (max-width: 1023px) {

/* ========== Navigation ========== */
    .navicon {
        right: 28px;
        top: 10px;
        padding:0;
    }

    nav.mod_navigation {
        flex-direction: column;
        align-items: flex-start;
    }

    nav.mod_navigation ul.level_1 {
        flex-direction: column;
        width: 94%;
    }
    .scrolly nav.mod_navigation ul.level_1 {
        margin-top:-38px;
    }
    #main-navi ul.level_1 > li,
    .scrolly #main-navi ul.level_1 > li {
        width: 94%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

/* Submenü sichtbar machen, wenn die Klasse 'open' gesetzt ist */
nav.mod_navigation ul.level_2 {
    position: static; /* Nicht mehr absolut */
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none; /* Standardmäßig verstecken */
    box-shadow: none;
    background-color: transparent;
}
nav.mod_navigation li:hover .level_2{
    border:none;
    display:none;
}
nav.mod_navigation ul.level_1 li.open ul.level_2 {
    display: block; /* Zeigen, wenn geöffnet */
    box-shadow: none;
    background-color: transparent;
}

/* Submenü-Styling anpassen */
nav.mod_navigation ul.level_2 li {
    width: 100%;
    padding-left:8px;
    font-size: 18px;
}

nav.mod_navigation ul.level_2 li a {
    padding: 14px 20px;
    display: block;
    color: #553a36 !important;

}
nav.mod_navigation ul.level_2 li:hover a {
    color: #553a36;
}
    
/* ========== Sprachwechsler ========== */
/* Sprachwechsler platzieren */
    header .mod_changelanguage {
        top: 0px;
        right: 31px;
    }
}
/* ========================================= */
/* ========== Viewport max. 768px ========== */

@media (max-width: 768px) {

/* ========== Header ========== */
    header {
        height: 90px; /* Standardhöhe */
    }

/* Kleinere Höhe beim Scrollen */
    .scrolly header {
        height: 70px;
    }
	
/* ========== Logo ========== */
    #logo img {
        width:200px;
        transition: width 0.5s ease-out;
    }
    .scrolly #logo img {
        width:160px;
    }
    #main-navi ul.level_1 {
        padding-top:6px;
    }
    .scrolly nav.mod_navigation ul.level_1 {
        margin-top:-20px;
    }
	.navicon {
        right: 30px;
        margin-top:8px;
    }

}

/* =========== Container ========== */
#container {
    margin-top:100px;
    margin-bottom:80px;
}
.scrolly #container {
    margin-top:80px;
}

/* =========== Artikel ========== */
.mod_article {
    width:80%;
    margin-right:auto;
    margin-left:auto;
}
.mod_article#bigpicture {
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    position: relative;
}
/* =========== Inhaltselemente ========== */
.ce_image,
.mod_login,
.ce_text,
.ce_headline,
.ce_gallery,
.kacheln,
.ce_hyperlink,
.ce_list,
.ce_player,
.ce_form,
.sbb{
    max-width:1024px;
    margin-right:auto;
    margin-left:auto;
}

/* =========== Video auf Startseite ========== */
.mod_article#bigpicture .video_container {
    width:100%;
    max-width:100%;
    position:relative;
    overflow:hidden;
    aspect-ratio: 16 / 9;
}
.mod_article#bigpicture img {
    width:100%;
    height:auto;
    position:relative;
}
.mod_article#bigpicture video,
.mod_article .content-player video{
    width:100%;
    height:100%;
    object-fit: cover;
}
.mod_article#bigpicture .ce_player {
    margin-top:0;
    max-width:none;
}
.mod_article#bigpicture .ce_player {
    margin-top:0;
}
/* =========== Video Overlay Text ========== */
div.homeoverlay {
    left:2%;
    top:45%;
    position:absolute;
    padding:2%;
    background-color: rgba(85, 58, 54, 0.9);
    border-top-right-radius:45px;
    border-bottom-left-radius:45px;
    pointer-events: none;
}
div.homeoverlay h1 {
    display:block;
    margin-top:0;
    color:#fff;
    font-size: 3rem;
}
div.homeoverlay h1 span {
    display:block;
    font-size:32px;
    font-weight:400;
}
/* =========== BigPicture ========== */
#bigpicture .ce_image {
    width:100%;
    height:auto;
    max-width:100%;
    margin-top:-30px;
}
#bigpicture .ce_image img{
    width:100%;
}
/* =========== Bildergalerie ========== */
.content-gallery ul,
.content-gallery figure,
.kacheln {
    margin-top:30px;
}
.content-gallery ul li {
    width:33%;
    height:auto;
    display:inline-block;
}
.content-gallery>ul li.col_first{
    clear: none;
}
div.content-gallery figure {
    padding:4px;
}
div.content-gallery figure img {
    border-radius:4px;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);    
}
/* =========== Kacheln der Ferienwohnungen ========== */
.kacheln ul {
    margin:0;
    padding:0;
}
.kacheln li {
    width:30%;
    display:inline-block;
    margin:1%;
    padding-bottom:8px;
    -webkit-box-shadow: 0px 4px 9px 1px rgba(0,0,0,0.42);
    box-shadow: 0px 4px 9px 1px rgba(0,0,0,0.42);
}
.kacheln li:hover {
    -webkit-box-shadow: 0px 4px 9px 1px rgba(0,0,0,0.8);
        box-shadow: 0px 4px 9px 1px rgba(0,0,0,0.8);
}
.kacheln h3 {
    width:90%;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    font-size:26px;
    color:#553a36;
}
.kacheln h3 span {
    display:block;
    margin-top:0;
    margin-bottom:6px;
    text-align:center;
    font-size:26px;
}
.kacheln p {
    width:90%;
    display:block;
    margin:0 auto;
    font-size:18px;
    color:#553a36;
}

/* =========== Ferienwohungen ========== */

.ferienwohnung h1{
    margin-top: 70px;
}

.content-list.angebot ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px; 
    margin: 0;
    padding: 30px 0 0;
    list-style-type: none;
}

.content-list.angebot ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}
.content-list.angebot ul li.last {
    margin: 0; 
    padding: 0;
    white-space: nowrap;
}
.content-list.angebot ul li.last strong{
    margin-left: -10px;
    margin-right: -10px; 
    color:#553a36;
}
.content-list.angebot ul li img {
    flex-shrink: 0;
}
/* ========== Anfrage versendet Inhaltselement ========== */
.av .ce_text{
	margin-top:40px;
}
.av .ce_text figure{
	margin-right:20px;
}

/* =========== Facebook ========== */
.sbb{
	margin-top:40px;
}

/* ========================================= */
/* ========== Viewport max. 1023px ========== */

@media (max-width: 1023px) {

    div.homeoverlay {
        border-top-right-radius:24px;
        border-bottom-left-radius:24px;

    }
    div.homeoverlay h1 {
        font-size: 2rem;
    }
    div.homeoverlay h1 span {
        font-size:1.25rem;
    }
    .kacheln li {
        width:47%;
    }
    /*
    .ce_list.angebot ul {
        grid-template-columns: 1fr 1fr; 
    }
        */
     /* 
    .mod_article {
        width:90%;
    }
  
    #container {
        margin-top:90px!Important;
    }
    */
}
/* ========================================= */
/* ========== Viewport max. 768px ========== */

@media (max-width: 768px) {
    #container {
        margin-top:90px;
    }
    div.homeoverlay {
        display:none;
    }
    .hometitle {
        display:block!Important;
    }
    .ce_gallery ul li {
        width:50%;
    }
    .mod_article {
        width:90%;
    }
    .kacheln li {
        width:98%;
        margin-bottom:20px;
    }
    .ferienwohnung h1{
        margin-top: 40px;
    }
}
footer {
    width:100%;
    display:block;
    padding-top:60px;
    background-color:#553a36;
    color:#fff;
}
#footer .footercontent {
    width:80%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:40px;
}
#footer h2 {
    color:#fff;
}
#footer .footercontent ul {
    padding:0;
    list-style-type:none;
}
#footer .footercontent .box ul li span {
    min-width:74px;
    display:inline-block;
}
#footer .footercontent .box.zwei {
    text-align:center;
}
#footer .footercontent .box.drei {
    text-align:right;
}
footer a {
    text-decoration:none;
    color:#fff;
}
footer a:hover {
    text-decoration:none;
    color:#d1d1d1;
}

/* 04-footer.css */
footer #copyright {
    width:100%;
    display:block;
    padding-top:8px;
    padding-bottom:8px;
    vertical-align:middle;
    text-align:center;
    background-color:#553a36;
    border-top:1px solid rgba(0,0,0,.5);
    border-right:0px solid rgba(0,0,0,.5);
    border-bottom:0px solid rgba(0,0,0,.5);
    border-left:0px solid rgba(0,0,0,.5);
    font-size:14px;
    color:rgba(255,255,255,.75);
}
#footer .box {
    width:32%;
    display:inline-block;
    vertical-align:top;
}
/* ========================================= */
/* ========== Viewport max. 768px ========== */

@media (max-width: 768px) {
	footer {
	    padding-top:20px;
	}
	#footer .footercontent {
	    width:90%;
	}
	#footer .box {
	    width:100%;
	    display:block;
	}
	#footer .footercontent .box.eins,
	#footer .footercontent .box.zwei {
		 border-bottom: 1px solid #000;
	}
	#footer .footercontent .box.eins,
	#footer .footercontent .box.drei{
		 text-align:center;
	}
}
fieldset {
    border:none;
    padding:0;
}
.half {
    width:47.5%;
    display:inline-block;
    margin-right:1.75%;
    margin-left:0;
}
.select.half.stop {
    width:49%;
    display:block;
    margin-right:1.75%;
    margin-left:0;
}
.third {
    width:31%;
    display:inline-block;
    margin-right:1.75%;
    margin-left:0;
}
form.move_labels .widget:not(.widget-checkbox) input,
form.move_labels .widget:not(.widget-checkbox) textarea,
form.move_labels .widget:not(.widget-checkbox) select,
.move_labels form .widget:not(.widget-checkbox) input,
.move_labels form .widget:not(.widget-checkbox) textarea,
.move_labels form .widget:not(.widget-checkbox) select {
    line-height:2;
}
form.move_labels .widget-text label,
form.move_labels .widget-textarea label,
form.move_labels .widget-password label,
.move_labels form .widget-text label,
.move_labels form .widget-textarea label,
.move_labels form .widget-password label {
    width:100%;
    margin-top:6px;
    padding-left:10px!important;
}
form.move_labels .widget-text.active label,
form.move_labels .widget-textarea.active label,
form.move_labels .widget-password.active label,
.move_labels form .widget-text.active label,
.move_labels form .widget-textarea.active label,
.move_labels form .widget-password.active label {
    margin-top:0;
    color:#3ea303;
}
select,
input,
textarea {
    font-size:18px;
}
form.move_labels .widget:not(.widget-checkbox) select {
    padding-top:14px;
    padding-bottom:14px;
    padding-left:6px;
}


.widget-checkbox span {
    display:block;
}
.widget-text.third label {
    width:100%;
}
.widget-calendar.half {
    width:49.55%;
    display:inline-block;
    margin-right:0;
}
.widget-calendar div {
    padding-right:1.75%;
    border:1px solid #000;
    border-radius:4px;
}
.widget-calendar div input {
    display:inline-block;
    width:89.5%!Important
}
.widget-calendar div a {
    display:inline-block;
}
input.flatpickr-input {
    border:none!Important;
}
.widget-textarea {
    width:98.25%;
}
form button {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400;
    background-color: #FFF;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.5s ease, color 0.3s ease;
    border:1px solid #919191;
}

form button:hover {
    color: #FFF;
    background-color: #553a36;
}
label[for="ctrl_14"],
label[for="ctrl_13"],
label[for="ctrl_31"],
label[for="ctrl_32"] {
    position: static !important;
    display: block;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: inherit !important;
}
label[for="ctrl_14"],
label[for="ctrl_13"],
label[for="ctrl_31"],
label[for="ctrl_32"] {
    position: static !important;
    display: block;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: inherit !important;
}
.widget-text.active label[for="ctrl_14"],
.widget-text.active label[for="ctrl_13"],
.widget-text.active label[for="ctrl_31"],
.widget-text.active label[for="ctrl_32"] {
    margin-top: 0 !important;
    color: inherit !important;
}
/* ========================================= */
/* ========== Viewport max. 1024px ========== */

@media (max-width: 1024px) {
    .half{
        width: 46.5%;
        margin-right: 2.75%;
    }
    .third {
        width: 30%;
        margin-right: 2.75%;
        font-size: 15px;
    }
    .select.half.stop{
        width: 49%;
    }
    .widget-calendar div input{
        width: 85.5% ! Important;
    }
    .widget-textarea {
        width: 97.25%;
    }
}   
/* ========================================= */
/* ========== Viewport max. 768px ========== */

@media (max-width: 768px) {
    .select.half.stop,
    form.move_labels .widget-calendar,
    .move_labels form .widget-calendar{
        display:block;
        width:100%!Important;
    }
    form.move_labels .widget,
    .move_labels form .widget{
        display:block;
        width:94%;
    }
    .widget-calendar div input{
        width: 84.5%!Important;
    }
    form button{
        width:105%;
    }
}