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}
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%}
@charset "UTF-8";/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
      var(--mm-min-size),
      var(--mm-size),
      var(--mm-max-size)
  )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
      calc(-1 * var(--mm-max-size)),
      calc(-1 * var(--mm-size)),
      calc(-1 * var(--mm-min-size))
  )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
#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}
.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}
/* ========================================
   gallery-creator.css
   Gallery Creator Module Styles
   TRUE MOBILE-FIRST with CSS VARIABLES
   ======================================== */

/* ========================================
   CSS VARIABLES (matching styles.css)
   ======================================== */

:root {
  /* Main Colors */
  --color-background:#252743;     /* Dunkelblau - vorher:#252743;   */
  --color-main:/* #EDCD4D;  */ #febe00;      /* Maisgelb */
  --color-text-dark: #252743;       /* Dunkelblau - Text */
  --color-accent: #A0203A;          /* Weinrot - Bilder-Hintergrund */
  --color-cream: #F5F5DC;           /* Beige/Cremeweiß - figcaption */
  
 /* Accent Color Variations */
  --color-accent-light: rgba(160, 32, 58, 0.08);   /* Leichter Hintergrund */
  --color-accent-hover: rgba(160, 32, 58, 0.15);   /* Hover-Zustand */
  
  /* Shadows */
  --shadow-dark: rgba(37, 39, 67, 0.3);
  --shadow-medium: rgba(0, 0, 0, 0.3);
   --shadow-light: rgba(0, 0, 0, 0.1); 
}



/* ========================================
   1. GALLERY CREATOR - ALBUM LIST VIEW
   Mobile Base (0-767px)
   ======================================== */

/* Album List Container */
.gc-album-list-view ul.gc-album-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gc-album-list-view .gc-album-list-item {
  background-color: var(--color-accent-light);
  padding: 1.5rem;
  border-radius: 2px;  /* Du hattest auf 2px geändert */
  box-shadow: 0 2px 8px var(--shadow-light);
  transition: all 0.3s ease;
}

.gc-album-list-view .gc-album-list-item:hover {
  background-color: var(--color-accent-hover);
  box-shadow: 0 6px 16px var(--shadow-medium);
  transform: translateY(-3px);
}


/* Album List Headings */
.gc-album-list h4 {
  color: var(--color-text-dark);
  font-size: 1rem;
}

/* Album List Links */
.gc-album-list a {
  color: var(--color-text-dark);
}

a.gc-album-list-link figure{
  text-align:center;
}


/* Album Facts */
.gc-album-list-facts {
  text-align: center;
}

/* ========================================
   2. IMAGE WRAPPER WITH OVERLAY
   Mobile Base
   ======================================== */

.image-wrapper {
  position: relative;
  overflow: hidden;
}

.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.image-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.image-wrapper:hover .image-overlay {
  opacity: 1;
}

.image-wrapper:hover img {
  transform: scale(1.05);
}

/* ========================================
   3. GALLERY CREATOR - DETAIL VIEW (WEINROT CARDS)
   Mobile Base (0-767px)
   ======================================== */

/* Detail Picture List - Mobile: 1 Spalte */
.gc-album-detail-picture-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  justify-content: center;
  padding: 1rem 0;
}

/* Figure Container - Weinrot Card */
.gc-album-detail-picture-list-item figure {
  background-color: var(--color-accent);
  padding: 0.5rem;
  box-shadow: 0 4px 12px var(--shadow-medium);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 350px;
  margin: 0;

}

/* Link Container */
.gc-album-detail-picture-list-item figure a {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Images */
.gc-album-detail-picture-list-item img {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Figure Captions */
.gc-album-detail-picture-list-item figcaption {
  color: var(--color-cream);
  text-align: center;
  line-height: 1.5;
  padding-top: 1rem;
}

/* ========================================
   4. TABLET PORTRAIT (768px+)
   ======================================== */

@media (min-width: 1024px) {  /* Auf 1024px erhöhen! */
  /* Album List wird horizontal */
  .inhalt-bild ul.gc-album-list {
    flex-direction: row;
    flex-wrap:wrap;
  }

  /* Detail Picture List - 2 Spalten */
  .gc-album-detail-picture-list {
    grid-template-columns: repeat(2, 200px);
  }
}



/* ========================================
   5. TABLET LANDSCAPE (1024px+)
   ======================================== */

@media (min-width: 1024px) {
  /* Optional: 3 Spalten auf größeren Tablets */
  /* Uncomment if you want 3 columns on larger tablets:
  .gc-album-detail-picture-list {
    grid-template-columns: repeat(3, 280px);
  }
  */
}

/* ========================================
   6. DESKTOP (1440px+)
   ======================================== */

@media (min-width: 1440px) {
 /* Detail Picture List - 3 Spalten */
  .gc-album-detail-picture-list {
    grid-template-columns: repeat(2, 15vw);
  }
}




/* Colorobx */
#cboxWrapper {
  overflow: visible !important;
  min-height: auto !important;
}


#cboxTitle {
  visibility: hidden;
  top:-14px;
}

body.colorbox-open {
    overflow: hidden;
}

#cboxLoadedContent{
  background:transparent!important;
}

@media (orientation: landscape) {
  #cboxPrevious {
    left: -40px;
  }
  #cboxNext {
    right: -40px;
  }
}

/* Colorbox Navigation Buttons - angepasst an Swiper-Stil */
#cboxClose {
  background: none !important;
  width: 40px !important;
  height: 40px !important;
  top: -15px !important;
  right: -15px !important;
  text-indent: -9999px;
  position: absolute;
}

#cboxClose::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  background: var(--color-cream);
  transform: translate(-50%, -50%) rotate(45deg);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.8));
}

#cboxClose::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  background: var(--color-cream);
  transform: translate(-50%, -50%) rotate(-45deg);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.8));
}
/*
#cboxPrevious,
#cboxNext {
  background: rgba(160, 32, 58, 0.7);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  top: 50% !important;
  margin-top: -20px !important;
font-size: 0 !important;
  color: var(--color-main);
  font-size: 1.2rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
}*/
/*

#cboxPrevious {
  left: -50px !important;
}

#cboxNext {
  right: -50px !important;
}

#cboxPrevious::after {
  content: '❮';
  color: var(--color-main);
   text-indent: 0;
  display: block;
  font-size: 1.2rem;
}

#cboxNext::after {
  content: '❯';
  color: var(--color-main);
  text-indent: 0;
  display: block;
  font-size: 1.2rem;
}
*/


/* Colorbox Navigation Buttons Ausprobieren*/
#cboxPrevious,
#cboxNext {
  background: rgba(160, 32, 58, 0.7) !important;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  top: 50% !important;
  margin-top: -20px !important;
  color: transparent !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cboxPrevious {
  left: -40px !important;
}

#cboxNext {
  right: -40px !important;
}

/* Pfeil-Element */
#cboxPrevious::after,
#cboxNext::after {
  content: '';
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  border-color: rgba(255, 255, 255, 1);
  border-style: solid;
  border-width: 3px 3px 0 0;
}

/* Next: Pfeil rechts */
#cboxNext::after {
  transform: rotate(45deg);
  left: 12px;
}

/* Previous: Pfeil links (gespiegelt) */
#cboxPrevious::after {
  transform: rotate(-135deg);
  left: 16px;
}
/* Colorbox Buttons: Portrait-Handy */
@media (max-width: 480px) and (orientation: portrait) {
  #cboxPrevious {
    left: -20px !important;
  }
  #cboxNext {
    right: -20px !important;
  }
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}


/* ========================================
   styles.css - MAIN STYLESHEET
   TRUE MOBILE-FIRST with CSS VARIABLES (2025)
   
   Breakpoints:
     • Mobile:           0 – 767px
     • Tablet Portrait:  768px – 1023px
     • Tablet Landscape: 1024px – 1439px
     • Desktop:          ≥ 1440px
   ======================================== */

/* ========================================
   0. CSS VARIABLES (Color Palette)
   ======================================== */

:root {
  /* Main Colors */
  --color-background: #003153;      /* Dunkelblau - Seitenhintergrund */
  --color-main: #febe00;            /* Maisgelb - Hauptfläche */
  --color-text-dark: #252743;       /* Dunkelblau - Text */
  --color-text-light: #fff;         /* Weiß - heller Text */
  --color-accent: #A0203A;          /* Weinrot - Bilder-Hintergrund */
  --color-cream: #F5F5DC;           /* Beige/Cremeweiß - figcaption */
  
  /* Secondary Colors */
  --color-border: #aaa;
  --color-hover: #fae289;           /* Helleres Gelb für Hover */
  --color-yellow-light: #f5d96b;    /* Helleres Gelb */
  
  /* Shadows */
  --shadow-darkest: rgba(37, 39, 67, 0.6);
  --shadow-dark: rgba(37, 39, 67, 0.3);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-light: rgba(0, 0, 0, 0.1);
  
  /* Accordion Colors */
  --color-accordion-bg: #333;
  --color-accordion-content-bg: #2a2a2a;
  
  --swiper-theme-color: var(--color-accent);
}

/* ========================================
   1. FONTS
   ======================================== */

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/files/Technik/fonts/inter/inter-v20-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/files/Technik/fonts/inter/inter-v20-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/files/Technik/fonts/inter/inter-v20-latin-700.woff2') format('woff2');
}

/* ========================================
   2. GLOBAL BASE - MOBILE FIRST (0-767px)
   ======================================== */

body {
  font: 75% 'Inter', sans-serif;
  color: var(--color-text-dark);
  letter-spacing: 0.03rem;
}

#main .inside {
  min-height: 0;
}

/* Typography */
p {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 2.3rem;
  hyphens: none;
  letter-spacing: 0.05rem;
}



a {
  line-height: 1.5rem;
  color: var(--color-text-dark);
}

h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 2rem;
  color: var(--color-text-dark);
  margin-bottom: 2rem;
}

h3 {
  font: 1.5rem 'Inter', sans-serif;
  letter-spacing: 0.04rem;
}

#home h3 {
  margin-bottom: 0.5rem;
}

#kontakt h3 {
  margin: 2rem 0 0.5rem;
}

h4 {
  font: 1.2rem/1.5rem 'Inter', sans-serif;
  letter-spacing: 0.04rem;
}

.initial {
  float: left;
  margin-top: -3px;
  padding: 0 10px 0 0;
  font-size: 400%;
  line-height: 1;
}



/*Bilder in Galerien einstellen*/
.inhalt-bild .height-200 img{
  height:200px;
}

/*Eventlist ersten Header mit Datum ausblenden*/
.mod_eventlist .header {
  display:none;
}



/* ========================================
   3. LAYOUT CONTAINER
   ======================================== */

.custom {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-background);
  min-height: 100vh;
}

#Kopf,
#Navi,
#Inhalt,
#Fuss,
#Inhalt-start {
  width: 95%;
}

#Inhalt {
  margin-top: 1rem;
}

/* ========================================
   4. HEADER
   ======================================== */

#Kopf {
  height: 13rem;
}

#Kopf .inside {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#Kopf .logo h1 a {
  color: var(--color-text-light);
  font-size: 2.5rem;
  line-height: 1.2;
  text-decoration: none;
}

/* Extra Small Screens */
@media (max-width: 379px) {
  #Kopf .logo h1 a {
    font-size: 2rem;
  }
}

/* ========================================
   4a. NAVIGATION
   ======================================== */

/* Mobile Navigation visible by default */
#naviMobile,
#naviMiniMobile {
  display: block;
}

#naviDesktop,
#Inhalt-start {
  display: none;
}

#Inhalt-start-mobil {
  display: block;
}

#naviMiniMobile {
  margin-right: 0.5rem;
  transition: transform 0.3s ease;
  padding-top: 2rem;
}

#naviMiniMobile.mmenu-open {
  transform: rotate(90deg);
}

.flex-row {
  display: flex;
  flex-direction: column;
  margin-right: 10%;
}

.mod_customnav ul.level_1 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.mod_customnav ul.level_1 a {
  font-weight: normal;
  text-decoration: none;
  color: var(--color-main);
}

/* FOUC-FIX */
#naviMobile:not(.mm-menu) {
  display: none !important;
}

/* Hamburger Icon */
.hamburger {
  width: 30px;
  height: 24px;
  position: relative;
  cursor: pointer;
  padding-top: 2rem;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--color-text-light);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);  /* smoother! */
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 10px;
}

.hamburger span:nth-child(3) {
  top: 20px;
}

/* Animation zu X - wenn mmenu geöffnet ist */
.mm-wrapper--opened .hamburger span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
}

.mm-wrapper--opened .hamburger span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.mm-wrapper--opened .hamburger span:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg);
}

/*=========================================
   5. Footer
   =======================================*/
   
#Fuss{
  margin-bottom:1rem;
}

#Fuss .mod_customnav ul.level_1 {
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

#Fuss .mod_customnav ul.level_1 li strong,
#Fuss .mod_customnav ul.level_1 li a {
  color: #EDCD4D;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#Fuss .mod_customnav ul.level_1 li a:visited {
  color: #EDCD4D;
}

#Fuss .mod_customnav ul.level_1 li a:hover {
  color: #febe00;
}

/* ========================================
   6. CONTENT AREAS
   ======================================== */

/* Inhalt - Mobile: Column Layout */
#Inhalt .inside {
  background-color: var(--color-main);
  display: flex;
  flex-direction: column;
}

.inhalt-text {
  padding: 1rem;
  flex: 1;
  border: 1px solid var(--color-border);
  margin: 0.5rem;
  box-shadow: 3px 3px 5px var(--shadow-dark);
}

.inhalt-bild{
  flex: 1;
}

/* Tabelle */
.inhalt-text td {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid rgba(102, 102, 102, 0.9);
  font-size: 0.95rem;
  line-height: 1.4rem;
}

.inhalt-text td:first-child {
  width: 35%;
  white-space: nowrap;
}

/* Articles */
#article-1 {
  margin-top: 1rem;
}

.mod_article.inhalt-bild {
  padding: 1rem;
}

/* ========================================
   7. ACCORDION
   ======================================== */

.ce_accordion.handorgel {
  margin: 2rem 0;
  background: var(--color-accordion-bg);
}

.ce_accordion .toggler {
  background: linear-gradient(135deg, #EDCD4D 20%, var(--color-yellow-light) 100%);
  border-bottom: 2px solid var(--color-accent);
  transition: background 0.3s ease;
}

.ce_accordion .toggler:hover {
  background: linear-gradient(135deg, var(--color-yellow-light) 0%, var(--color-hover) 100%);
}

.ce_accordion .toggler button {
  width: 100%;
  padding: 0.5rem 3.5rem 0.5rem 0.8rem;
  background: transparent;
  border: none;
  text-align: left;
  font-size: 0.95rem;
  font-weight: 700;
  color: #222;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ce_accordion .toggler button::before {
  content: '▼';
  position: absolute;
  right: 0.8rem;
  transition: transform 0.3s ease;
  font-size: 1rem;
  color: #222;
  font-weight: bold;
}

.ce_accordion .toggler button[aria-expanded="true"]::before {
  transform: rotate(180deg);
  color: #000;
}

.ce_accordion .accordion {
  background: var(--color-accordion-bg);
  overflow: hidden;
  transition: height 0.6s cubic-bezier(0.4, 0, 0.2, 1);  /* war 0.4s ease */
  border-top: 2px solid #EDCD4D;
}

.ce_accordion .accordion > div {
  padding: 0.8rem 1rem;
  background: linear-gradient(180deg, var(--color-accordion-bg) 0%, var(--color-accordion-content-bg) 100%);
}

.ce_accordion .content-text {
  color: #EDCD4D;
}

.ce_accordion .rte p {
  margin: 0.5rem 0;
  padding-left: 1.2rem;
  position: relative;
  color: #EDCD4D;
  line-height: 1.6;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.ce_accordion .rte p::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #EDCD4D;
  font-weight: bold;
  font-size: 1.2rem;
  transition: all 0.2s ease;
}

.ce_accordion .rte p:hover {
  color: var(--color-hover);
  padding-left: 1.5rem;
}

.ce_accordion .rte p:hover::before {
  color: var(--color-hover);
  transform: scale(1.2);
}

.ce_accordion .toggler button:focus-visible {
  outline: 3px solid var(--color-hover);
  outline-offset: 3px;
}

.ce_accordion + .ce_accordion {
  margin-top: 0.5rem;
}

/* ========================================
   8. UTILITY CLASSES
   ======================================== */

.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

.arrow-img {
  transition: transform 0.3s ease;
}

.bildmitschatten img {
  box-shadow: 3px 3px 5px var(--shadow-darkest);
}

.bildmitschatten figure {
  text-align: center;
}

/* ========================================
   9. STANDARD GALLERY mit grid
   ======================================== */

.content-gallery ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
  padding: 0;
  margin: 0;
  list-style: none;
}

.content-gallery ul > li {
  width: auto;
  min-width: 0;
  text-align: center;
}

.content-gallery ul > li figure {
  display: inline-block;
  margin: 0;
}

.content-gallery ul > li img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.content-gallery ul > li:hover img {
  transform: scale(1.1);
  box-shadow: 0 4px 12px var(--shadow-medium);
}

.content-gallery ul > li figcaption {
  display: block;
  width: auto;
  max-width: 100%;
  word-wrap: break-word;
  margin-top: 0.3rem;
  font-size: 0.9rem;
  text-align: center;
}

/*==========================================
9b.Standard-Galerie mit Flex für gleich hohe Bilder, egal ob quer- oder hochformat
===========================================*/
.gallery-flex ul {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: flex-start;
}

.gallery-flex ul > li {
  display: block;
}

.gallery-flex ul > li img {
  display: block;
  width: auto;
  max-width: none;
  height: 200px;
  margin: 0 auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* ========================================
   10. SWIPER GALLERY
   ======================================== */
   
 /* Verstecke die Standard-Figcaption vom Figure-Element */
.gallery-swiper-main figure figcaption {
  display: none !important;
}



/* Haupt-Slider */
.gallery-swiper-main {
  /*max-width: 85%; /* Statt 100% */
  margin: 0 auto 1rem;
  width: 100%;
  background: var(--color-accent);
  /*padding: 0.5rem;*/
  height: 400px;
}



.gallery-swiper-main .swiper-slide {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  background: transparent;
  height: 100%;
}

.gallery-swiper-main .swiper-slide figure {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


/* Alle Bilder - Basis */
.gallery-swiper-main .swiper-slide img {
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}



.gallery-swiper-main .swiper-slide img.portrait {
  max-width: 60% !important;
}


/* Caption als OVERLAY über dem Bild
.swiper-slide-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  color: var(--color-cream);
  padding: 0.6rem 0.8rem;
  font-size: 0.85rem;
  text-align: center;
  z-index: 10;
  backdrop-filter: blur(3px); 
} */

/* Caption UNTER dem Swiper-Container */
.swiper-slide-caption {
  position: relative; /* Statt absolute */
  bottom: auto;
  left: auto;
  right: auto;
  background: rgba(0, 0, 0, 0.9);
  color: var(--color-cream);
  padding: 0.8rem 1rem;
  font-size: 0.9rem;
  text-align: center;
  z-index: 10;
  margin-top: 0; /* Direkt an Container anschließend */
  width:100%;
}



/* Thumbnails */
.gallery-swiper-thumbs {
  width: 100%;
}

.gallery-swiper-thumbs .swiper-slide {
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.3s;
}

.gallery-swiper-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid var(--color-main);
}

.gallery-swiper-thumbs .swiper-slide:hover {
  opacity: 0.8;
}

.gallery-swiper-thumbs .swiper-slide img {
  width: 100%;
  height: 80px;
  object-fit: cover;
}
/* Caption unter den Thumbnails zentrieren */
.gallery-swiper-thumbs figcaption {
  /*text-align: center;*/
  display:none;
}

/* Navigation Buttons - Hauptbild */
.gallery-swiper-main .swiper-button-prev,
.gallery-swiper-main .swiper-button-next {
  color: var(--color-main);
  opacity: 0.8;
  background: var(--color-accent);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.gallery-swiper-main .swiper-button-prev:after,
.gallery-swiper-main .swiper-button-next:after {
  font-size: 20px;
  font-weight: bold;
}

.gallery-swiper-main .swiper-button-prev:hover,
.gallery-swiper-main .swiper-button-next:hover {
  background: var(--color-accent);
  border: 1px solid var(--color-main);
}

/* Navigation Buttons - Thumbnails */
.gallery-swiper-thumbs .swiper-button-prev-thumbs,
.gallery-swiper-thumbs .swiper-button-next-thumbs {
  color: var(--color-main);
  background: rgba(37, 39, 67, 0.9);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.gallery-swiper-thumbs .swiper-button-prev-thumbs:after,
.gallery-swiper-thumbs .swiper-button-next-thumbs:after {
  font-size: 10px;
  font-weight: bold;
}

.gallery-swiper-thumbs .swiper-button-prev-thumbs:hover,
.gallery-swiper-thumbs .swiper-button-next-thumbs:hover {
  background: rgba(37, 39, 67, 0.9);
  transform: scale(1.1);
}



/* ========================================
   11. SLIDER COMPONENT
   ======================================== */

.slider-nav-thumbnails .slick-container {
  display: flex;
}

.slider-nav-thumbnails .slick-slide.slick-active.slick-current {
  position: relative;
}

.slider-nav-thumbnails .slick-slide.slick-active.slick-current:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 50% rgba(255, 255, 255, 0.3);
}

.slider-nav-thumbnails figcaption {
  display: none;
}

.slick-slider {
  display: flex;
}

.slick-slider button.slick-prev,
.slick-slider button.slick-next {
  background-color: transparent;
}

/* ========================================
   12. MEDIA QUERIES
   ======================================== */

/* Mobile Layout Helpers */
@media (max-width: 1023px) {
  .flex {
    display: flex;
    flex-direction: column;
  }

  .flex-end {
    flex-direction: column;
    align-items: center;
  }

  .arrow-img {
    transform: rotate(90deg);
    margin-top: 1rem;
  }
}

/* ========================================
   TABLET PORTRAIT (768px+)
   ======================================== */

@media (min-width: 768px) {
  /* Container */
  #Kopf,
  #Navi,
  #Inhalt,
  #Fuss,
  #Inhalt-start {
    width: 90%;
  }

  /* Header */
  #Kopf {
    height: 12rem;
  }

  /* Navigation */
  .flex-row {
    flex-direction: row;
    justify-content: space-between;
  }

  /* Gallery */
  .content-gallery ul {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  /* Swiper größer */
  .gallery-swiper-main {
    height: 500px;
  }
  .gallery-swiper-main .swiper-slide img {
    max-height: calc(100% - 5rem); /* Platz für Caption */
  }
  
  .swiper-slide-caption {
    font-size: 0.8rem;
    padding: 0.6rem 0.8rem;
  }

  /* Accordion */
  .ce_accordion .toggler button {
    padding: 0.6rem 3.5rem 0.6rem 1.5rem;
    font-size: 1.1rem;
    letter-spacing: 1px;
  }

  .ce_accordion .toggler button::before {
    right: 1rem;
    font-size: 1.2rem;
  }

  .ce_accordion .accordion > div {
    padding: 1rem 2rem;
  }

  .ce_accordion .rte p {
    padding-left: 1.5rem;
    font-size: 1rem;
    line-height: 1.8;
  }

  .ce_accordion .rte p:hover {
    padding-left: 1.8rem;
  }

  .caption {
    padding-left: 1rem;
  }

 
}

/* ========================================
   TABLET LANDSCAPE (1024px+)
   ======================================== */

@media (min-width: 1024px) {
  /* Header */
  #Kopf {
    height: 7.5rem;
  }

  /* Inhalt wird row */
  #Inhalt .inside {
    flex-direction: row;
    flex-wrap: wrap;
  }

  /* Flex-end horizontal */
  .flex-end {
    flex-direction: row;
    justify-content: flex-end;
  }

  /* Pfeil normal */
  .arrow-img {
    transform: none;
    margin-top: 0;
  }

  /* Content Layout */
  
  .inhalt-text {
    flex:1.1;
    min-width:47%;
    margin: 1rem;
    padding: 2.5rem 2.5rem 1rem;
  }
  
  .inhalt-bild {
    flex: 0.9;
    min-width:33%;
  }
 
  /* Tabelle */
  .inhalt-text td {
    padding: 1rem 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .inhalt-text td:first-child {
    width: auto;
  }

  /* Articles */
  #article-1 {
    margin-top: 3rem;
  }

  .mod_article.inhalt-bild {
    padding: 3rem 1rem 1rem;
  }

  /* Gallery */
  .content-gallery ul {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  /* Swiper */
  .gallery-swiper-main {
    height: 650px;
  }
  
   .gallery-swiper-main .swiper-slide img {
    max-height: calc(100% - 5rem); /* Platz für Caption */
  }
  
  /* Header flex nebeneinander */
  .flex {
    display: flex;
    flex-direction: row;
  }
}

/* ------------------------------------------------------
   Tablet Portrait Swiper (500px - 1023px)
   ------------------------------------------------------*/

@media (min-width: 500px) and (max-width: 1023px) {
  .gallery-swiper-main .swiper-slide img {
    max-width: 55% !important;
    max-height: calc(100% - 5rem);
  }

  .gallery-swiper-main .swiper-slide img.portrait {
    max-width: 38% !important;
  }

  .gallery-swiper-main .swiper-slide img.portrait-narrow {
    max-width: 28% !important;
  }
}

/* ------------------------------------------------------
   Landscape-Modus: Container-Höhe und Caption (alle Geräte)
   ------------------------------------------------------*/

@media (orientation: landscape) and (max-height: 600px) {
  .gallery-swiper-main {
    height: 350px;
  }

  .swiper-slide-caption {
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
    line-height: 1.2;
  }
}

/* ------------------------------------------------------
   Landscape-Modus: Handy quer (bis 999px)
   ------------------------------------------------------*/

@media (orientation: landscape) and (max-height: 600px) and (max-width: 999px) {
  .gallery-swiper-main .swiper-slide img {
    max-width: 50% !important;
    max-height: calc(100% - 2rem) !important;
  }

  .gallery-swiper-main .swiper-slide img.portrait {
    max-width: 30% !important;
    max-height: calc(100% - 3rem) !important;
  }

  .gallery-swiper-main .swiper-slide img.portrait-narrow {
    max-width: 25% !important;
    max-height: calc(100% - 3rem) !important;
  }
}

/* ------------------------------------------------------
   Landscape-Modus: Tablet quer (ab 1000px)
   ------------------------------------------------------*/

@media (orientation: landscape) and (max-height: 600px) and (min-width: 1000px) {
  .gallery-swiper-main .swiper-slide img {
    max-width: 70% !important;
    max-height: calc(100% - 2rem) !important;
  }

  .gallery-swiper-main .swiper-slide img.portrait {
    max-width: 30% !important;
    max-height: calc(100% - 3rem) !important;
  }

  .gallery-swiper-main .swiper-slide img.portrait-narrow {
    max-width: 25% !important;
    max-height: calc(100% - 3rem) !important;
  }
}
/* ========================================
   DESKTOP (1440px+)
   ======================================== */

@media (min-width: 1440px) {
  /* Header */
  #Kopf {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #Kopf .inside {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  #Kopf .logo h1 a {
    font-size: 3.5rem;
  }

  /* Navigation Switch */
  #naviMobile,
  #naviMiniMobile,
  #Inhalt-start-mobil {
    display: none;
  }

  #naviDesktop,
  #Inhalt-start {
    display: block;
  }

  /* Desktop Navigation */
  #naviDesktop {
    overflow: visible;
  }

  ul.main-menu.level_1 {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }

  ul.main-menu.level_1 > li > a,
  ul.main-menu.level_1 > li > span {
    color: var(--color-text-light);
    text-decoration: none;
    padding: 0.75rem;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
  }

  ul.main-menu.level_1 li.submenu {
    position: relative;
  }

  ul.main-menu.level_1 li.submenu > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f3f3f3;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    z-index: 9999;
    box-shadow: 2px 2px 6px var(--shadow-medium);
  }

  ul.main-menu.level_1 li.submenu.open > ul {
    display: block;
  }

  ul.main-menu.level_1 li.submenu ul li a {
    display: block;
    padding: 0.5rem 1rem;
    color: var(--color-text-dark);
    text-decoration: none;
  }

  ul.main-menu.level_1 li.submenu ul li a:hover {
    background-color: #ddd;
  }

  ul.main-menu.level_1 li.submenu > a.menu-trigger::after {
    content: ' ▼';
    font-size: 0.7rem;
  }

  /* Content */
  .inhalt-text {
    flex:1.2;
    min-width:47%;
    padding: 3rem 3rem 1rem;
  }


  .inhalt-bild {
    flex: 0.8;
    min-width:33%;
  }


  .flex {
    display: flex;
    flex-direction: row;
  }

  /* Gallery Exact Columns */
  .content-gallery--cols-1 > ul { grid-template-columns: repeat(1, 1fr); }
  .content-gallery--cols-2 > ul { grid-template-columns: repeat(2, 1fr); }
  .content-gallery--cols-3 > ul { grid-template-columns: repeat(3, 1fr); }
  .content-gallery--cols-4 > ul { grid-template-columns: repeat(4, 1fr); }
  .content-gallery--cols-5 > ul { grid-template-columns: repeat(5, 1fr); }
  .content-gallery--cols-6 > ul { grid-template-columns: repeat(6, 1fr); }
  .content-gallery--cols-7 > ul { grid-template-columns: repeat(7, 1fr); }
  .content-gallery--cols-8 > ul { grid-template-columns: repeat(8, 1fr); }
  .content-gallery--cols-9 > ul { grid-template-columns: repeat(9, 1fr); }

  .content-gallery > ul > li {
    padding: 0.5rem;
  }
}