#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} @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} @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } @charset "UTF-8"; /** * Contao Open Source CMS * * Copyright (c) 2005-2013 Leo Feyer * * @package Core * @link https://contao.org * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */ /** * Reset the margin and padding of the block elements */ 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; } /** * Basic element formatting */ table { border-spacing: 0; border-collapse: collapse; } caption, th, td { text-align: left; text-align: start; /* see #4596 */ vertical-align: top; } abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; } blockquote, q { quotes: none; } fieldset, img { 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; } /** * Default font settings */ input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; } pre, code { font-family: Monaco, monospace; } table { font-size: inherit; } caption, th { font-weight: bold; } body, form { margin: 0; padding: 0; } img { border: 0; margin: 0; padding: 0; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } #main { width: 100%; } #main .inside { min-height: 1px; /* see #4893 */ } /** * Flexible images (videos see #4896) * * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries */ img { border: 0; padding: 0; margin: 0; } .ie7 img { -ms-interpolation-mode: bicubic; } .ie8 img { width: auto; /* see #5789 */ } /** * Format the Contao image galleries (now rendered as unordered lists) */ .ce_gallery ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } .ce_gallery li { float: left; } .ce_gallery li.col_first { clear: left; } /** * Clear floats */ .block { overflow: hidden; } .clear, #clear { height: 1px; clear: both; margin-top: -1px; } /** * Hide invisible elements */ .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } /** * Custom layout sections */ .custom { display: block; } #container:after, .custom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* nunito-sans-300 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; src: url("../../files/daten/fonts/nunito-sans-v3-latin-300.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Light"), local("NunitoSans-Light"), url("../../files/daten/fonts/nunito-sans-v3-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-300.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-300.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-300.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-300.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-300italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 300; src: url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Light Italic"), local("NunitoSans-LightItalic"), url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-300italic.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-regular - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: url("../../files/daten/fonts/nunito-sans-v3-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../../files/daten/fonts/nunito-sans-v3-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-regular.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-regular.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-regular.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; src: url("../../files/daten/fonts/nunito-sans-v3-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Italic"), local("NunitoSans-Italic"), url("../../files/daten/fonts/nunito-sans-v3-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-italic.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-italic.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-italic.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-italic.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-700 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; src: url("../../files/daten/fonts/nunito-sans-v3-latin-700.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("../../files/daten/fonts/nunito-sans-v3-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-700.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-700.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-700.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-700.svg#NunitoSans") format("svg"); /* Legacy iOS */ } /* nunito-sans-700italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 700; src: url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Nunito Sans Bold Italic"), local("NunitoSans-BoldItalic"), url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.woff2") format("woff2"), url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.woff") format("woff"), url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.ttf") format("truetype"), url("../../files/daten/fonts/nunito-sans-v3-latin-700italic.svg#NunitoSans") format("svg"); /* Legacy iOS */ } html { font-family: 'Nunito Sans', sans-serif; font-size: 100%; font-weight: 400; color: #4d4d60; line-height: 1.3em; overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media (min-width: 1140px) { html { line-height: 1.5em; } } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-big, .page { padding-left: 0%; padding-right: 0%; } @media (min-width: 0) and (max-width: 700px) { .page-big, .page { padding-left: 5%; padding-right: 5%; } } .mod_navigation ul.level_2 div.level_2, .page-big, .page { max-width: 100%; margin-left: auto; margin-right: auto; } .mod_navigation ul.level_2 div.level_2:after, .page-big:after, .page:after { content: " "; display: block; clear: both; } @media (min-width: 730px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 700px; } } @media (min-width: 730px) and (max-width: 990px) { .page-3 { width: 700px; } } @media (min-width: 990px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 960px; } } @media (min-width: 1180px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 1140px; } } @media (min-width: 1640px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 1440px; } } @media (min-width: 1920px) { .page-big { width: 1900px; } } .rtl { float: right; clear: both; } .mod_navigation ul.level_2 div.level_2 { clear: both; overflow: hidden; } .new-line { clear: both; } .verlauf-1 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f848c+0,30656b+42,30656b+42,3f848c+97 */ background: #3f848c; /* Old browsers */ background: -moz-linear-gradient(left, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f848c', endColorstr='#3f848c',GradientType=1 ); /* IE6-9 */ } #main .list-1 ol { list-style-type: decimal; padding-left: 15px; } #main .list-1 ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } #main .list-1 ul li { margin-left: 1.2em; padding-left: 0.1em; list-style: disc; list-style-position: outside; } @media (min-width: 960px) { #main .list-1 ul li { padding-left: 1em; margin-left: 1.1em; } } #main .list-2 ol { list-style-type: decimal; } #main .list-2 ol li { color: #000; margin-left: 17px; padding-left: 5px; text-indent: 0px; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0.75em; } @media (min-width: 960px) { #main .list-2 ol li { font-size: 20px; font-size: 1.25rem; padding-left: 10px; } } #main .list-2 ol li::before { width: 30px; height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #30656b; } .margin-1 { margin: 0.5em; } @media (min-width: 700px) { .margin-1 { margin: 1em 1em 0.2em 1em; } } .margin-2 { margin-top: 1rem; margin-bottom: 0.8rem; } @media (min-width: 960px) { .margin-2 { margin-top: 1.3333333333rem; margin-bottom: 1.0666666667rem; } } @media (min-width: 1140px) { .margin-2 { margin-top: 2rem; margin-bottom: 1.6rem; } } @media (min-width: 1140px) { .margin-2 { margin-top: 4rem; margin-bottom: 3.2rem; } } .padd-1 { padding: 0.5em; } @media (min-width: 700px) { .padd-1 { padding: 1em 1em 0.2em 1em; } } .padd-2 { padding-top: 1rem; padding-bottom: 0.8rem; } @media (min-width: 960px) { .padd-2 { padding-top: 1.3333333333rem; padding-bottom: 1.0666666667rem; } } @media (min-width: 1140px) { .padd-2 { padding-top: 2rem; padding-bottom: 1.6rem; } } @media (min-width: 1140px) { .padd-2 { padding-top: 4rem; padding-bottom: 3.2rem; } } .padd-3 { padding: 0.65em; } @media (min-width: 700px) { .padd-3 { padding: 1em; } } @media (min-width: 1140px) { .padd-3 { padding: 1em; } } .btn-1 { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { .btn-1 { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } .btn-1 a { color: #fff; } .btn-1:hover, .btn-1.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #header .btn-2, #main .btn-2 { color: #fff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #29927d; border: 1px solid #29927d; font-weight: 700; width: 100%; } @media (min-width: 0) and (max-width: 600px) { #header .btn-2, #main .btn-2 { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } @media (min-width: 600px) { #header .btn-2, #main .btn-2 { padding: 0.65em 2em; } } #header .btn-2 a, #main .btn-2 a { color: #fff; width: 100%; } #header .btn-2:hover, #header .btn-2.active, #main .btn-2:hover, #main .btn-2.active { color: #fff; background-color: #32b298; border: 1px solid #32b298; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } .ce_hyperlink.btn-1 a { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { .ce_hyperlink.btn-1 a { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } .ce_hyperlink.btn-1 a a { color: #fff; } .ce_hyperlink.btn-1 a:hover, .ce_hyperlink.btn-1 a.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #main .btn-2-2 { color: #fff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #29927d; border: 1px solid #29927d; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { #main .btn-2-2 { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; width: 100%; } } @media (min-width: 600px) { #main .btn-2-2 { padding: 0.65em 2em; } } #main .btn-2-2 a { color: #fff; } #main .btn-2-2:hover, #main .btn-2-2.active { color: #fff; background-color: #32b298; border: 1px solid #32b298; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } .btn-4 { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #3d8087; border: 1px solid #3d8087; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { .btn-4 { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } @media (min-width: 600px) { .btn-4 { padding: 0.65em 2em; } } .btn-4 a { color: #fff; } .btn-4:hover, .btn-4.active { color: #fff; background-color: #499aa3; border: 1px solod #499aa3; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #main #matomo-opt-out { display: flex; flex-wrap: wrap; } #main #matomo-opt-out p { width: 100%; display: block; } #main #matomo-opt-out input { width: 30px; height: 30px; margin-right: 10px; } #main #matomo-opt-out label { width: calc(100% -40px); } @media (min-width: 0) and (max-width: 700px) { .box-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-1-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-2-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-3-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-4 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-4-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-5 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-5-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-6 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-6-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-7 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-7-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-8 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-12 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-12-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .col-50 { display: block; width: 100%; } @media (min-width: 700px) { .col-50 { width: 50%; float: left; } } .box-1 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-1 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-1 { width: 5.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-1-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-1-rtl { width: 5.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { .box-2 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-2-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-2-rtl { width: 13.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-2-2 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-3 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-3 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-3-rtl { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 9.7222222222%; } } @media (min-width: 960px) { .box-3-rtl { width: 22.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 0) and (max-width: 960px) { .bg-weiss.box-4:first-child { margin-top: 0em; } } @media (min-width: 0) and (max-width: 960px) { .bg-weiss.box-4 { margin-top: 1em; } } @media (min-width: 700px) { .box-4 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-4 { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-4-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-4-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { .box-4-2 { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-4-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { .box-4-rtl { width: 30.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-5 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-5 { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-5-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-5-rtl { width: 38.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 0) and (max-width: 960px) { .box-6:first-child { margin-top: 0em; } } @media (min-width: 0) and (max-width: 960px) { .box-6 { margin-top: 1em; } } @media (min-width: 700px) { .box-6 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-6 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-6 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-6-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-6-rtl { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-6-rtl { width: 47.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-7 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-7 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-7 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-7-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-7-rtl { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-7-rtl { width: 55.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-8 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-8 { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-8 { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-8-rtl { width: 63.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-9 { width: 72.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-9-rtl { width: 72.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-10 { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-10-rtl { width: 80.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-10-2 { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-11 { width: 88.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-11-rtl { width: 88.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-12 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 1180px) { .box-12-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 1180px) { .box-12-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-mitte { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 1140px) { .box-mitte { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 9.7222222222%; } } @media (min-width: 1440px) { .box-mitte { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 18.0555555556%; } } .box-mitte-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 990px) { .box-mitte-2 { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 18.0555555556%; } } @media (min-width: 1440px) { .box-mitte-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 26.3888888889%; } } @media (min-width: 990px) { .offset-1 { margin-left: 9.7222222222%; } } @media (min-width: 990px) { .offset-2 { margin-left: 18.0555555556%; } } @media (min-width: 990px) { .offset-3 { margin-left: 26.3888888889%; } } @media (min-width: 990px) { .offset-4 { margin-left: 34.7222222222%; } } @media (min-width: 990px) { .offset-5 { margin-left: 43.0555555556%; } } @media (min-width: 990px) { .offset-6 { margin-left: 51.3888888889%; } } @media (min-width: 990px) { .offset-7 { margin-left: 59.7222222222%; } } @media (min-width: 990px) { .offset-8 { margin-left: 68.0555555556%; } } @media (min-width: 990px) { .offset-9 { margin-left: 76.3888888889%; } } @media (min-width: 990px) { .offset-10 { margin-left: 84.7222222222%; } } @media (min-width: 990px) { .offset-11 { margin-left: 93.0555555556%; } } @media (min-width: 990px) { .offset-12 { margin-left: 101.388888889%; } } h1, h2, h3, h4, h5, p { margin-bottom: 0.8rem; padding-left: 1px; } #main img, ul, ol, video, table { margin-bottom: 0.8rem; } #main .no-margin img { margin-bottom: -8px; } video.no-margin, table.no-margin, ol.no-margin, ul.no-margin, h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, p.no-margin { margin-bottom: 0em; } p.headline-1, h1 { font-size: 18px; font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5em; } @media (min-width: 700px) { p.headline-1, h1 { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 960px) { p.headline-1, h1 { font-size: 24px; font-size: 1.5rem; } } @media (min-width: 1140px) { p.headline-1, h1 { font-size: 32px; font-size: 2rem; line-height: 1.2em; } } p.headline-2, h2 { font-size: 17px; font-size: 1.0625rem; font-weight: 700; line-height: 1.4em; } @media (min-width: 700px) { p.headline-2, h2 { font-size: 20px; font-size: 1.25rem; } } @media (min-width: 960px) { p.headline-2, h2 { font-size: 22px; font-size: 1.375rem; } } .h2-2 h2, h2.h2-2 { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.4em; } @media (min-width: 960px) { .h2-2 h2, h2.h2-2 { font-size: 17px; font-size: 1.0625rem; } } @media (min-width: 700px) { .h2-2 h2, h2.h2-2 { font-size: 18px; font-size: 1.125rem; } } p.headline-3, h3 { font-weight: 700; font-size: 17px; font-size: 1.0625rem; } @media (min-width: 700px) { p.headline-3, h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.25em; } } @media (min-width: 0) and (max-width: 960px) { h4 { margin-bottom: 0em; } } label, li, p { font-size: 15px; font-size: 0.9375rem; } @media (min-width: 700px) { label, li, p { font-size: 16px; font-size: 1rem; } } @media (min-width: 1140px) { label, li, p { font-size: 17px; font-size: 1.0625rem; } } .p-1 h2 + p, h2 + h3 { margin-top: 0.8rem; } .p-1 p, p.p-1 { font-size: 17px; font-size: 1.0625rem; font-weight: 300; } @media (min-width: 700px) { .p-1 p, p.p-1 { font-size: 20px; font-size: 1.25rem; line-height: 1.5em; } } @media (min-width: 1140px) { .p-1 p, p.p-1 { font-size: 22px; font-size: 1.375rem; } } .p-2 p, p.p-2 { font-size: 17px; font-size: 1.0625rem; } @media (min-width: 700px) { .p-2 p, p.p-2 { font-size: 20px; font-size: 1.25rem; } } .p-3 p, p.p-3 { color: #30656b; font-size: 14px; font-size: 0.875rem; } @media (min-width: 700px) { .p-3 p, p.p-3 { font-size: 18px; font-size: 1.125rem; } } p.error { background-color: red; color: #fff; padding: 0.25em 0.5em; } #main a { color: #29927d; text-decoration: none; font-weight: 700; } #main a:hover { color: #18564a; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } .fett { font-weight: 900; } .light { font-weight: 300; } @media (min-width: 700px) { .right { text-align: right; } } @media (min-width: 700px) { .center { text-align: center; } } .color-1 { color: #30656b; } .color-2 { color: #cdb470; } .color-2 { color: #29927d; } .float_left { float: left; } small { font-size: 14px; font-size: 0.875rem; } hr { border-left: none; border-right: none; border-bottom: none; } strong { font-weight: 700; } span.name { width: 80px; display: block; float: left; } span.number { webkit-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; } .border-1 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #30656b; } .border-2 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cdb470; } .caption { margin-bottom: 0.8rem; text-align: left; font-weight: 300; font-style: italic; } .mt-1 { margin-top: 1em; } .mt-2 { margin-top: 1em; } @media (min-width: 960px) { .mt-2 { margin-top: 1.5em; } } @media (min-width: 1140px) { .mt-2 { margin-top: 3em; } } .mt-3 { margin-top: 1em; } @media (min-width: 960px) { .mt-3 { margin-top: 2em; } } @media (min-width: 1140px) { .mt-3 { margin-top: 4em; } } .mb-0 { margin-bottom: 0.25em; } .mb-1 { margin-bottom: 0.8em; } .mb-2 { margin-bottom: 1em; } @media (min-width: 960px) { .mb-2 { margin-bottom: 1.5em; } } @media (min-width: 1140px) { .mb-2 { margin-bottom: 2em; } } .mb-3 { margin-bottom: 1em; } @media (min-width: 960px) { .mb-3 { margin-bottom: 2em; } } @media (min-width: 1140px) { .mb-3 { margin-bottom: 4em; } } @media (min-width: 0) and (max-width: 600px) { .s-none { display: none !important; } } @media (min-width: 0) and (max-width: 700px) { .m-none { display: none !important; } } @media (min-width: 0) and (max-width: 960px) { .l-none { display: none !important; } } @media (min-width: 0) and (max-width: 1140px) { .xl-none { display: none !important; } } .image30 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image30 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image30 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image30 .image_container img { width: 30%; height: auto; } } .image40 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image40 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image40 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image40 .image_container img { width: 40%; height: auto; } } .image50 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image50 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image50 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image50 .image_container img { width: 50%; height: auto; } } .image60 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image60 .image_container img { width: 60%; height: auto; } } @media (min-width: 600px) { .image60 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image60 .image_container img { width: 60%; height: auto; } } .image70 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image70 .image_container img { width: 60%; height: auto; } } @media (min-width: 600px) { .image70 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image70 .image_container img { width: 70%; height: auto; } } .image80 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image80 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image80 .image_container img { width: 60%; height: auto; } } @media (min-width: 960px) { .image80 .image_container img { width: 80%; height: auto; } } .img-full .image_container, .image100 .image_container { text-align: center; } .img-full .image_container img, .image100 .image_container img { width: 100%; height: auto; } #header .nav-01 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-top: 0.8em; } @media (min-width: 0) and (max-width: 989px) { #header .nav-01 { display: none !important; } } #header .nav-01 ul { margin-bottom: 0em; } #header .nav-01 ul li { font-size: 16px; font-size: 1rem; margin-left: 0.15em; margin-right: 0.15em; display: inline-block; } @media (min-width: 1180px) { #header .nav-01 ul li { margin-left: 0.2em; margin-right: 0.2em; } } @media (min-width: 1440px) { #header .nav-01 ul li { font-size: 17px; font-size: 1.0625rem; } } @media (min-width: 1700px) { #header .nav-01 ul li { margin-left: 0.2em; margin-right: 0.2em; font-size: 18px; font-size: 1.125rem; } } #header .nav-01 ul li a { display: block; color: #fff; text-decoration: none; padding: 0.5em 0.7em 0.5em 0.3em; font-weight: 700; } #header .nav-01 ul li a:hover { color: #cdb470; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } #header .nav-01 ul li.first { margin-left: 0; } #header .nav-01 ul li.first strong, #header .nav-01 ul li.first a { padding-left: 0; } #header .nav-01 ul li.last { margin-right: 0; } #header .nav-01 ul li.last a, #header .nav-01 ul li.last strong { padding-right: 0; } #header .nav-01 ul li.submenu { background-image: url("../../files/daten/icon/icon-submenu.png"); background-image: none, url("../../files/daten/icon/icon-submenu.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 8px 4px; background-position: center right; } #header .nav-01 ul li.active strong, #header .nav-01 ul li.trail a { color: #cdb470; display: block; padding: 0.5em 0.7em 0.5em 0.3em; } #header .nav-01 ul.level_2 { position: absolute; z-index: 1001; opacity: 0; max-height: 0; overflow: hidden; } #header .nav-01 ul.level_2 li { display: block; } #header .nav-01 ul.level_2 li.first { margin-left: 0; } #header .nav-01 .submenu:hover ul.level_2 { opacity: 1; width: 300px; max-height: 100%; background-color: #fff; padding: 1em 1em 0.2em 1em; margin: 0; text-align: left; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.27); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.27); } #header .nav-01 .submenu:hover ul.level_2 li { display: block; color: #30656b; padding: 0; margin: 0; margin-bottom: 0.8em; font-size: 16px; font-size: 1rem; } #header .nav-01 .submenu:hover ul.level_2 li a { font-weight: 400; color: #30656b; padding: 0; display: block; } #header .nav-01 .submenu:hover ul.level_2 li a:hover { color: #102325; } #header .nav-01 .submenu:hover ul.level_2 li.active strong.active { padding: 0; margin: 0; color: #102325; font-weight: 700; } #header .nav-02 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #header .nav-02 ul li a, #header .nav-02 ul li.active strong { float: left; display: block; padding: 1.3em 0.5em 1em 0.5em; } @media (min-width: 0) and (max-width: 700px) { #header .nav-02 ul li a, #header .nav-02 ul li.active strong { overflow: hidden; height: 50px; width: 25%; text-align: center; line-height: 1.25em; } } @media (min-width: 960px) { #header .nav-02 ul li a, #header .nav-02 ul li.active strong { padding: 1em 1em; } } @media (min-width: 1140px) { #header .nav-02 ul li a, #header .nav-02 ul li.active strong { padding: 1.5em 2em; } } #header .nav-02 ul li { padding: 0; margin: 0; font-size: 10px; font-size: 0.625rem; } @media (min-width: 700px) { #header .nav-02 ul li { font-size: 16px; font-size: 1rem; } } @media (min-width: 960px) { #header .nav-02 ul li { font-size: 18px; font-size: 1.125rem; } } #header .nav-02 ul li a { color: #4d4d4d; text-decoration: none; font-weight: 400; border-right: 1px solid #fff; } #header .nav-02 ul li a:hover { background-color: #efefef; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } #header .nav-02 ul li.unterseite.trail a, #header .nav-02 ul li.active strong { background-color: #fff; font-weight: 700; color: #30656b; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.75); border-right: none; } @media (min-width: 0) and (max-width: 990px) { #main .mod_breadcrumb { display: none !important; } } #main .mod_breadcrumb ul { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; padding-top: 1em; padding-bottom: 1em; margin-bottom: 0em; } #main .mod_breadcrumb ul li { display: inline-block; font-weight: 400; color: #29927d; font-size: 14px; font-size: 0.875rem; } #main .mod_breadcrumb ul li a { font-weight: 700; color: #29927d; text-decoration: none; margin-right: 0.4em; } #main .mod_breadcrumb ul li a:hover { color: #30656b; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } #main .mod_customnav ul { margin-bottom: 0em; } /** * Damit die mobile Navigation nur einmal eingebunden wird, habe ich dies via Javascript realisiert. * Anbei die entsprechenden Selektoren die angepasst werden müssen, damit diese quasi matchen. * Hintergrund ist, dass die mobile Navigation durch das Javascript kopieren zusätzlich noch ein
li */ .mm-list > li, .mm-liste > div > li { position: relative; } /* alt .mm-list, .mm-list > li */ .mm-list, .mm-list > li, .mm-list > div > li { list-style: none; display: block; padding: 0; margin: 0; } /* alt .mm-list > li > a, .mm-list > li > span */ .mm-list > li > a, .mm-list > li > span, .mm-list > div > li > a, .mm-list > div > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } /* alt .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after */ .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after, .mm-list > div > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } /* alt .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after */ .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after, .mm-list > div > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } /* alt .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after */ .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after, .mm-list > div > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } /* alt ..mm-menu .mm-list > li:after */ .mm-menu .mm-list > li:after, .mm-menu .mm-list > div > li:after { border-color: rgba(0, 0, 0, 0.15); } #header { background-color: #30656b; color: #fff; background-repeat: no-repeat; background-position: top center; } #header .padd-5 { padding-top: 0.25em; padding-bottom: 0.25em; } #header .padd-5 a { color: #fff; } @media (min-width: 990px) and (max-width: 1140px) { #header { background-image: url("../../files/daten/bilder/02%20text/bg-angeln-2.jpg"); } } @media (min-width: 1140px) and (max-width: 1440px) { #header { background-image: url("../../files/daten/bilder/02%20text/bg-angeln-1.jpg"); } } @media (min-width: 1440px) { #header { background-image: url("../../files/daten/bilder/02%20text/bg-angeln.jpg"); } } #header .kasse .logo { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; text-align: left; margin-top: 0.5em; } #header .kasse .logo img { width: 90px; } #header .kasse .nav-back { width: 47.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; text-align: right; margin-top: 4em; } @media (min-width: 960px) { #header .kasse .nav-back { margin-top: 2.5em; } } #header .kasse .nav-back a { color: #fff; text-decoration: none; font-weight: 900; } #header .kasse .nav-back a:before { content: "< "; } #header .logo { width: 100%; text-align: center; display: block; float: left; margin-left: 1.3888888889%; } @media (min-width: 990px) { #header .logo { width: 25%; text-align: left; margin-top: 0.5em; } } #header .logo img { width: 90px; height: auto; } @media (min-width: 0) and (max-width: 989px) { #header .logo img { margin-top: 1em; margin-bottom: 1em; } } @media (min-width: 990px) { #header .logo img { margin-top: 0em; width: 150px; } } @media (min-width: 0) and (max-width: 989px) { #header .mobile-nav { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; padding-bottom: 0.5em; } } #header .mobile-nav .mobile { width: 22%; display: block; float: left; } @media (min-width: 600px) { #header .mobile-nav .mobile { width: 20%; } } #header .mobile-nav .mobile a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #cdb470; display: block; width: 100%; float: left; color: #cdb470; padding-top: 0.5em; padding-bottom: 0.5em; background-image: url("../../files/daten/icon/icon-menu.png"); background-image: none, url("../../files/daten/icon/icon-menu.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 47px 23px; height: 44px; background-position: center center; } @media (min-width: 990px) { #header .mobile-nav .mobile a { display: none !important; } } #header .mobile-nav .suche { width: 22%; display: block; float: left; } @media (min-width: 0) and (max-width: 989px) { #header .mobile-nav .suche { margin-left: 4%; } } @media (min-width: 990px) { #header .mobile-nav .suche { width: 47.22222222222%; margin-top: 4em; } } #header .mobile-nav .suche input { width: 85%; display: block; float: left; background-color: #fff; padding: 8px; height: 45px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid white; } @media (min-width: 0) and (max-width: 989px) { #header .mobile-nav .suche input { display: none !important; } } #header .mobile-nav .suche button.submit { height: 44px; width: 100%; background-image: url("../../files/daten/icon/icon-lupe.png"); background-image: none, url("../../files/daten/icon/icon-lupe.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 22px 23px; background-position: center center; } @media (min-width: 0) and (max-width: 990px) { #header .mobile-nav .suche button.submit { background-color: #3d8087; border: 1px solid #3d8087; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } } @media (min-width: 990px) { #header .mobile-nav .suche button.submit { width: 13%; margin-left: 2%; display: block; float: left; padding: 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cdb470; background-color: #cdb470; cursor: pointer; } } #header .mobile-nav .suche button.submit:hover { background-color: #dac896; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } #header .mobile-nav .meta { font-size: 14px; font-size: 0.875rem; font-weight: 300; display: block; text-align: right; float: right; width: 50%; } @media (min-width: 990px) { #header .mobile-nav .meta { margin-top: 4.5em; width: 25%; margin-right: 1.3888888889%; } } #header .mobile-nav .meta .konto { width: 46%; display: block; float: left; } @media (min-width: 990px) { #header .mobile-nav .meta .konto { margin-left: 18%; } } #header .mobile-nav .meta .konto a { text-align: center; width: 100%; display: block; padding-left: 0.15em; padding-right: 0.15em; color: #fff; text-decoration: none; } #header .mobile-nav .meta .mod_iso_cart { width: 46%; display: block; float: right; } @media (min-width: 990px) { #header .mobile-nav .meta .mod_iso_cart { width: 30%; } } #header .mobile-nav .meta .mod_iso_cart a { text-align: center; text-decoration: none; width: 100%; padding-left: 0.15em; padding-right: 0.15em; } .slider-1 { position: relative; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .slider-1 .content-slider { width: 100%; margin-left: auto; margin-right: auto; } .slider-1 .content-slider img { width: 100%; height: auto; } .slider-1 .slider-control { position: static; height: 0; } .slider-1 .slider-control a { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; background-color: #4d4d60; color: #fff; padding: 0.75em; font-size: 18px; font-size: 1.125rem; position: absolute; display: block; } @media (min-width: 960px) { .slider-1 .slider-control a { padding: 1.75em; font-size: 26px; font-size: 1.625rem; } } .slider-1 .slider-control a:before { display: block; } .slider-1 .slider-control a:hover { opacity: 0.5; } @media (min-width: 0) and (max-width: 700px) { .dlh_googlemap { width: 100% !important; height: 250px !important; } } .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_player video { width: 100% !important; height: auto !important; } .ce_youtube .inside, .ce_youtube .mejs-video, .ce_youtube .mejs__video { margin-left: auto; margin-right: auto; } .ce_youtube .mejs-video, .ce_youtube .mejs__video { width: 100% !important; height: auto !important; padding-top: 56.25%; } .ce_youtube .mejs-audio, .ce_youtube .mejs__audio { margin-top: 30px; } .ce_youtube .mejs-audio audio, .ce_youtube .mejs__audio audio { height: auto; } .ce_youtube .mejs-overlay, .ce_youtube .mejs-poster, .ce_youtube .mejs__overlay, .ce_youtube .mejs__poster { width: 100% !important; height: 100% !important; } .ce_youtube .mejs-video .mejs-mediaelement video, .ce_youtube .mejs-video .mejs-mediaelement .me-plugin, .ce_youtube .mejs-video .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube .mejs__video .mejs__mediaelement video, .ce_youtube .mejs__video .mejs__mediaelement .me__plugin, .ce_youtube .mejs__video .mejs__mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_youtube iframe { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube2 { position: relative; width: 100%; height: auto; } .ce_youtube2 iframe { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube2.padding-1 { margin-top: 0; padding-bottom: 56.25%; } .ce_accordion.first .toggler { border-top: 1px solid #30656b; } .ce_accordion .toggler { cursor: pointer; padding: 1.15rem 0; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; } .ce_accordion .toggler h3 { margin-bottom: 0em; } .ce_accordion .ui-accordion-header { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .ce_accordion .ui-accordion-header .ui-icon { font-weight: 300; font-size: 36px; font-size: 2.25rem; } .ce_accordion .ui-accordion-header .ui-icon:before { content: "+"; } .ce_accordion .ui-accordion-header-active .ui-icon:before { content: "-"; } .ce_accordion .toggler.active, .ce_accordion .toggler:hover { background-color: #f2f2f2; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .ce_accordion .ui-accordion-content div { margin-top: 1rem; } .ce_accordion .ui-accordion-content div ul li { border-bottom: 1px solid #f2f2f2; margin-top: 0.5rem; padding-bottom: 0.5rem; } #main .mod_sitemap ul.level_1 li { margin-top: 1em; } #main .mod_sitemap ul.level_2 li { margin-top: 0; } #main .mod_sitemap ul.level_2 li.submenu { margin-top: 1em; } #main .mod_sitemap ul.level_2 a { font-weight: 400; } #main .mod_sitemap ul.level_3 li { margin-top: 0em; } #main .mod_sitemap ul.level_3 a { font-weight: 400; color: #4d4d4d; } #main .ce_gallery-1 ul { text-align: center; padding-top: 0.75em; } #main .ce_gallery-1 ul li { float: left; display: block; width: 20%; margin-left: 2.5%; margin-right: 2.5%; } #main .ce_gallery-1 ul li img { width: 100%; height: auto; } #main .gallerie-1 ul { display: flex; flex-wrap: wrap; text-align: center; } #main .gallerie-1 ul li { border: 1px solid #f2f2f2; padding: 1rem; width: 100%; margin-bottom: 1rem; overflow: hidden; } @media (min-width: 990px) { #main .gallerie-1 ul li { height: 320px; width: 31%; margin-left: 1%; margin-right: 1%; } } #main .gallerie-1 ul li img { width: 100%; height: auto; margin-bottom: 0; } #main .mod_search { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { #main .mod_search { width: 72.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_search input.text { width: 100%; border: 1px solid #30656b; background-color: #f2f2f2; margin-bottom: 0.8em; display: block; padding: 0.65em; } @media (min-width: 700px) { #main .mod_search input.text { width: 75%; float: left; margin-bottom: 0em; } } #main .mod_search button.submit { width: 100%; background-color: #30656b; color: #fff; border: 1px solid #30656b; padding: 0.58em; cursor: pointer; font-weight: 900; text-transform: uppercase; } @media (min-width: 700px) { #main .mod_search button.submit { width: 22%; float: right; } } #main .mod_search input.submit:hover { background-color: #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #main .mod_search .even { margin-top: 2em; margin-bottom: 2em; } #main .mod_search p.header { padding-bottom: 0.75em; display: block; font-size: 14px; font-size: 0.875rem; } #main .mod_search h3 { margin-bottom: 0.25em; } #main .mod_search h3 span { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } #main .mod_search p.url { font-size: 14px; font-size: 0.875rem; } .bg-grau { background-color: #f2f2f2; } .bg-grau-2 { background-color: #4d4d4d; } .bg-grau-2 { background-color: #4d4d60; } .bg-color-1 { background-color: #30656b; } .bg-color-2 { background-color: #cdb470; } #header .bg-color-1 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f848c+0,30656b+42,30656b+42,3f848c+97 */ background: #3f848c; /* Old browsers */ background: -moz-linear-gradient(left, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3f848c 0%, #30656b 42%, #30656b 42%, #3f848c 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f848c', endColorstr='#3f848c',GradientType=1 ); /* IE6-9 */ text-align: center; } @media (min-width: 0) and (max-width: 600px) { #header .bg-color-1 { font-size: 14px; font-size: 0.875rem; } } #main .bg-color-1 { background-color: #30656b; } #main .bg-color-1 h1, #main .bg-color-1 h2, #main .bg-color-1 h3, #main .bg-color-1 h4, #main .bg-color-1 h5, #main .bg-color-1 h6, #main .bg-color-1 span.light, #main .bg-color-1 p, #main .bg-color-1 a, #main .bg-color-1 em { color: #fff; } #main .bg-color-2 { background-color: #cdb470; } #main .bg-color-2 h1, #main .bg-color-2 h2, #main .bg-color-2 h3, #main .bg-color-2 h4, #main .bg-color-2 h5, #main .bg-color-2 h6, #main .bg-color-2 span.light, #main .bg-color-2 p, #main .bg-color-2 a, #main .bg-color-2 em { color: #fff; } #main .bg-color-3 { background-color: #29927d; } #main .bg-color-3 h1, #main .bg-color-3 h2, #main .bg-color-3 h3, #main .bg-color-3 h4, #main .bg-color-3 h5, #main .bg-color-3 h6, #main .bg-color-3 span.light, #main .bg-color-3 p, #main .bg-color-3 a, #main .bg-color-3 em { color: #fff; } .bg-angeln { background-color: #30656b; background-image: url("../../files/daten/bilder/02%20text/bg-angeln.jpg"); background-repeat: no-repeat; background-position: top center; } .bg-angeln h1, .bg-angeln p { color: #fff; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-text, .mod_newsletterSubscribeNotificationCenter .widget.widget-text, .mod_unsubscribe .widget.widget-text, .mod_subscribe .widget.widget-text { clear: both; } .mod_newsletterUnsubscribeNotificationCenter legend, .mod_newsletterSubscribeNotificationCenter legend, .mod_unsubscribe legend, .mod_subscribe legend { padding: 0.25em 0.35em; width: 100%; display: block; margin: 1em 0; border: 1px solid #4d4d60; } @media (min-width: 960px) { .mod_newsletterUnsubscribeNotificationCenter legend, .mod_newsletterSubscribeNotificationCenter legend, .mod_unsubscribe legend, .mod_subscribe legend { border: none; background-color: #cccccc; } } .mod_newsletterUnsubscribeNotificationCenter .radio_container legend, .mod_newsletterSubscribeNotificationCenter .radio_container legend, .mod_unsubscribe .radio_container legend, .mod_subscribe .radio_container legend { padding: 0; margin: 0; width: 100%; display: block; line-height: 2em; } .mod_newsletterUnsubscribeNotificationCenter label, .mod_newsletterSubscribeNotificationCenter label, .mod_unsubscribe label, .mod_subscribe label { width: 100%; display: block; padding-top: 0.35em; padding-bottom: 0.35em; margin-bottom: 0.8em; font-weight: 400; color: #29927d; } @media (min-width: 960px) { .mod_newsletterUnsubscribeNotificationCenter label, .mod_newsletterSubscribeNotificationCenter label, .mod_unsubscribe label, .mod_subscribe label { width: 30%; float: left; } } .mod_newsletterUnsubscribeNotificationCenter .radio_container, .mod_newsletterSubscribeNotificationCenter .radio_container, .mod_unsubscribe .radio_container, .mod_subscribe .radio_container { margin-bottom: 1em; } .mod_newsletterUnsubscribeNotificationCenter .radio_container label, .mod_newsletterSubscribeNotificationCenter .radio_container label, .mod_unsubscribe .radio_container label, .mod_subscribe .radio_container label { width: 10%; float: left; } .mod_newsletterUnsubscribeNotificationCenter .radio_container input.checkbox, .mod_newsletterSubscribeNotificationCenter .radio_container input.checkbox, .mod_unsubscribe .radio_container input.checkbox, .mod_subscribe .radio_container input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } .mod_newsletterUnsubscribeNotificationCenter textarea, .mod_newsletterUnsubscribeNotificationCenter select, .mod_newsletterUnsubscribeNotificationCenter input, .mod_newsletterSubscribeNotificationCenter textarea, .mod_newsletterSubscribeNotificationCenter select, .mod_newsletterSubscribeNotificationCenter input, .mod_unsubscribe textarea, .mod_unsubscribe select, .mod_unsubscribe input, .mod_subscribe textarea, .mod_subscribe select, .mod_subscribe input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; width: 100%; font-size: 18px; font-size: 1.125rem; width: 100%; height: 100%; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #29927d; padding: 0.35em; margin-bottom: 0.8em; } @media (min-width: 960px) { .mod_newsletterUnsubscribeNotificationCenter textarea, .mod_newsletterUnsubscribeNotificationCenter select, .mod_newsletterUnsubscribeNotificationCenter input, .mod_newsletterSubscribeNotificationCenter textarea, .mod_newsletterSubscribeNotificationCenter select, .mod_newsletterSubscribeNotificationCenter input, .mod_unsubscribe textarea, .mod_unsubscribe select, .mod_unsubscribe input, .mod_subscribe textarea, .mod_subscribe select, .mod_subscribe input { width: 70%; } } .mod_newsletterUnsubscribeNotificationCenter select, .mod_newsletterSubscribeNotificationCenter select, .mod_unsubscribe select, .mod_subscribe select { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); cursor: pointer; background-image: url("../../files/daten/icon/icon-down.png"); background-image: none, url("../../files/daten/icon/icon-down.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 14px 6px; background-position: right 10px center; } .mod_newsletterUnsubscribeNotificationCenter textarea, .mod_newsletterSubscribeNotificationCenter textarea, .mod_unsubscribe textarea, .mod_subscribe textarea { min-height: 100px; } .mod_newsletterUnsubscribeNotificationCenter textarea:focus, .mod_newsletterUnsubscribeNotificationCenter select:focus, .mod_newsletterUnsubscribeNotificationCenter input:focus, .mod_newsletterSubscribeNotificationCenter textarea:focus, .mod_newsletterSubscribeNotificationCenter select:focus, .mod_newsletterSubscribeNotificationCenter input:focus, .mod_unsubscribe textarea:focus, .mod_unsubscribe select:focus, .mod_unsubscribe input:focus, .mod_subscribe textarea:focus, .mod_subscribe select:focus, .mod_subscribe input:focus { border: 1px solid #30656b; } .mod_newsletterUnsubscribeNotificationCenter input.checkbox, .mod_newsletterSubscribeNotificationCenter input.checkbox, .mod_unsubscribe input.checkbox, .mod_subscribe input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } .mod_newsletterUnsubscribeNotificationCenter input.radio, .mod_newsletterSubscribeNotificationCenter input.radio, .mod_unsubscribe input.radio, .mod_subscribe input.radio { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; border: 1px solid #737373; } .mod_newsletterUnsubscribeNotificationCenter input.checkbox:checked, .mod_newsletterUnsubscribeNotificationCenter input.radio:checked, .mod_newsletterSubscribeNotificationCenter input.checkbox:checked, .mod_newsletterSubscribeNotificationCenter input.radio:checked, .mod_unsubscribe input.checkbox:checked, .mod_unsubscribe input.radio:checked, .mod_subscribe input.checkbox:checked, .mod_subscribe input.radio:checked { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; background-image: url("../../files/daten/icon/icon-point.png"); background-image: none, url("../../files/daten/icon/icon-point.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 7px 7px; background-position: center center; border: 1px solid #30656b; } .mod_newsletterUnsubscribeNotificationCenter input.captcha, .mod_newsletterSubscribeNotificationCenter input.captcha, .mod_unsubscribe input.captcha, .mod_subscribe input.captcha { width: 15%; display: inline; margin-right: 10px; } .mod_newsletterUnsubscribeNotificationCenter .widget-checkbox .checkbox_container > span, .mod_newsletterSubscribeNotificationCenter .widget-checkbox .checkbox_container > span, .mod_unsubscribe .widget-checkbox .checkbox_container > span, .mod_subscribe .widget-checkbox .checkbox_container > span { display: flex; flex-wrap: wrap; } .mod_newsletterUnsubscribeNotificationCenter .widget-checkbox .checkbox_container > span input, .mod_newsletterSubscribeNotificationCenter .widget-checkbox .checkbox_container > span input, .mod_unsubscribe .widget-checkbox .checkbox_container > span input, .mod_subscribe .widget-checkbox .checkbox_container > span input { width: 20px; } .mod_newsletterUnsubscribeNotificationCenter .widget-checkbox .checkbox_container > span label, .mod_newsletterSubscribeNotificationCenter .widget-checkbox .checkbox_container > span label, .mod_unsubscribe .widget-checkbox .checkbox_container > span label, .mod_subscribe .widget-checkbox .checkbox_container > span label { width: calc(100% - 40px); } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader, .mod_unsubscribe .widget.widget-fineuploader, .mod_subscribe .widget.widget-fineuploader { margin-bottom: 2rem; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader label, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader label, .mod_unsubscribe .widget.widget-fineuploader label, .mod_subscribe .widget.widget-fineuploader label { width: 100%; clear: both; float: none; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader .qq-total-progress-bar-container, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader .qq-total-progress-bar-container, .mod_unsubscribe .widget.widget-fineuploader .qq-total-progress-bar-container, .mod_subscribe .widget.widget-fineuploader .qq-total-progress-bar-container { display: block; width: 100%; background: #f2f2f2; padding: 0em; margin: 0; margin-bottom: 1em; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-list, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-list, .mod_unsubscribe .widget.widget-fineuploader .qq-upload-list, .mod_subscribe .widget.widget-fineuploader .qq-upload-list { margin-top: 1em; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button, .mod_unsubscribe .widget.widget-fineuploader .qq-upload-button, .mod_subscribe .widget.widget-fineuploader .qq-upload-button { width: 100%; border: 1px solid #30656b; padding-top: 1rem; padding-bottom: 1rem; background-color: #f5efe1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 1rem; color: #000; font-weight: 700; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button input, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button input, .mod_unsubscribe .widget.widget-fineuploader .qq-upload-button input, .mod_subscribe .widget.widget-fineuploader .qq-upload-button input { width: 100%; } .mod_newsletterUnsubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button input:hover, .mod_newsletterSubscribeNotificationCenter .widget.widget-fineuploader .qq-upload-button input:hover, .mod_unsubscribe .widget.widget-fineuploader .qq-upload-button input:hover, .mod_subscribe .widget.widget-fineuploader .qq-upload-button input:hover { background-color: #30656b; } .mod_newsletterUnsubscribeNotificationCenter span.captcha_text, .mod_newsletterSubscribeNotificationCenter span.captcha_text, .mod_unsubscribe span.captcha_text, .mod_subscribe span.captcha_text { font-style: italic; } .mod_newsletterUnsubscribeNotificationCenter button.submit, .mod_newsletterUnsubscribeNotificationCenter input.submit, .mod_newsletterSubscribeNotificationCenter button.submit, .mod_newsletterSubscribeNotificationCenter input.submit, .mod_unsubscribe button.submit, .mod_unsubscribe input.submit, .mod_subscribe button.submit, .mod_subscribe input.submit { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { .mod_newsletterUnsubscribeNotificationCenter button.submit, .mod_newsletterUnsubscribeNotificationCenter input.submit, .mod_newsletterSubscribeNotificationCenter button.submit, .mod_newsletterSubscribeNotificationCenter input.submit, .mod_unsubscribe button.submit, .mod_unsubscribe input.submit, .mod_subscribe button.submit, .mod_subscribe input.submit { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } .mod_newsletterUnsubscribeNotificationCenter button.submit a, .mod_newsletterUnsubscribeNotificationCenter input.submit a, .mod_newsletterSubscribeNotificationCenter button.submit a, .mod_newsletterSubscribeNotificationCenter input.submit a, .mod_unsubscribe button.submit a, .mod_unsubscribe input.submit a, .mod_subscribe button.submit a, .mod_subscribe input.submit a { color: #fff; } .mod_newsletterUnsubscribeNotificationCenter button.submit:hover, .mod_newsletterUnsubscribeNotificationCenter button.submit.active, .mod_newsletterUnsubscribeNotificationCenter input.submit:hover, .mod_newsletterUnsubscribeNotificationCenter input.submit.active, .mod_newsletterSubscribeNotificationCenter button.submit:hover, .mod_newsletterSubscribeNotificationCenter button.submit.active, .mod_newsletterSubscribeNotificationCenter input.submit:hover, .mod_newsletterSubscribeNotificationCenter input.submit.active, .mod_unsubscribe button.submit:hover, .mod_unsubscribe button.submit.active, .mod_unsubscribe input.submit:hover, .mod_unsubscribe input.submit.active, .mod_subscribe button.submit:hover, .mod_subscribe button.submit.active, .mod_subscribe input.submit:hover, .mod_subscribe input.submit.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } .mod_newsletterUnsubscribeNotificationCenter p.confirm, .mod_newsletterSubscribeNotificationCenter p.confirm, .mod_unsubscribe p.confirm, .mod_subscribe p.confirm { background-color: #30656b; color: #fff; padding: 0.5rem 1rem; display: block; } .mod_newsletterUnsubscribeNotificationCenter .formbody, .mod_newsletterSubscribeNotificationCenter .formbody, .mod_unsubscribe .formbody, .mod_subscribe .formbody { display: flex; flex-wrap: wrap; justify-content: space-between; } .mod_newsletterUnsubscribeNotificationCenter .formbody input, .mod_newsletterUnsubscribeNotificationCenter .formbody button, .mod_newsletterSubscribeNotificationCenter .formbody input, .mod_newsletterSubscribeNotificationCenter .formbody button, .mod_unsubscribe .formbody input, .mod_unsubscribe .formbody button, .mod_subscribe .formbody input, .mod_subscribe .formbody button { height: 50px !important; } .mod_newsletterUnsubscribeNotificationCenter .formbody .widget-text, .mod_newsletterSubscribeNotificationCenter .formbody .widget-text, .mod_unsubscribe .formbody .widget-text, .mod_subscribe .formbody .widget-text { width: 100%; } @media (min-width: 700px) { .mod_newsletterUnsubscribeNotificationCenter .formbody .widget-text, .mod_newsletterSubscribeNotificationCenter .formbody .widget-text, .mod_unsubscribe .formbody .widget-text, .mod_subscribe .formbody .widget-text { width: 75%; } .mod_newsletterUnsubscribeNotificationCenter .formbody .widget-text input, .mod_newsletterSubscribeNotificationCenter .formbody .widget-text input, .mod_unsubscribe .formbody .widget-text input, .mod_subscribe .formbody .widget-text input { width: 95% !important; } } .mod_newsletterUnsubscribeNotificationCenter .formbody .widget-submit, .mod_newsletterSubscribeNotificationCenter .formbody .widget-submit, .mod_unsubscribe .formbody .widget-submit, .mod_subscribe .formbody .widget-submit { width: 100%; margin-bottom: 1rem; } @media (min-width: 700px) { .mod_newsletterUnsubscribeNotificationCenter .formbody .widget-submit, .mod_newsletterSubscribeNotificationCenter .formbody .widget-submit, .mod_unsubscribe .formbody .widget-submit, .mod_subscribe .formbody .widget-submit { width: 25%; } } .mod_article { padding-top: 1rem; padding-bottom: 0.8rem; margin-top: 0; margin-bottom: 0; } @media (min-width: 960px) { .mod_article { padding-top: 1.3333333333rem; padding-bottom: 1.0666666667rem; } } @media (min-width: 1140px) { .mod_article { padding-top: 2rem; padding-bottom: 1.6rem; } } @media (min-width: 1140px) { .mod_article { padding-top: 4rem; padding-bottom: 3.2rem; } } .mod_article.no-margin { padding-top: 0em; padding-bottom: 0em; } .mod_article.no-margin-b { padding-bottom: 0em; } .mod_article.no-margin-t { padding-top: 0em; } #main .widget.widget-text { clear: both; } #main legend { padding: 0.25em 0.35em; width: 100%; display: block; margin: 1em 0; border: 1px solid #4d4d60; } @media (min-width: 960px) { #main legend { border: none; background-color: #cccccc; } } #main .radio_container legend { padding: 0; margin: 0; width: 100%; display: block; line-height: 2em; } #main label { width: 100%; display: block; padding-top: 0.35em; padding-bottom: 0.35em; margin-bottom: 0.8em; font-weight: 400; color: #29927d; } @media (min-width: 960px) { #main label { width: 30%; float: left; } } #main .radio_container { margin-bottom: 1em; } #main .radio_container label { width: 10%; float: left; } #main .radio_container input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } #main textarea, #main select, #main input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; width: 100%; font-size: 18px; font-size: 1.125rem; width: 100%; height: 100%; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #29927d; padding: 0.35em; margin-bottom: 0.8em; } @media (min-width: 960px) { #main textarea, #main select, #main input { width: 70%; } } #main select { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); cursor: pointer; background-image: url("../../files/daten/icon/icon-down.png"); background-image: none, url("../../files/daten/icon/icon-down.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 14px 6px; background-position: right 10px center; } #main textarea { min-height: 100px; } #main textarea:focus, #main select:focus, #main input:focus { border: 1px solid #30656b; } #main input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } #main input.radio { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; border: 1px solid #737373; } #main input.checkbox:checked, #main input.radio:checked { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; background-image: url("../../files/daten/icon/icon-point.png"); background-image: none, url("../../files/daten/icon/icon-point.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 7px 7px; background-position: center center; border: 1px solid #30656b; } #main input.captcha { width: 15%; display: inline; margin-right: 10px; } #main .widget-checkbox .checkbox_container > span { display: flex; flex-wrap: wrap; } #main .widget-checkbox .checkbox_container > span input { width: 20px; } #main .widget-checkbox .checkbox_container > span label { width: calc(100% - 40px); } #main .widget.widget-fineuploader { margin-bottom: 2rem; } #main .widget.widget-fineuploader label { width: 100%; clear: both; float: none; } #main .widget.widget-fineuploader .qq-total-progress-bar-container { display: block; width: 100%; background: #f2f2f2; padding: 0em; margin: 0; margin-bottom: 1em; } #main .widget.widget-fineuploader .qq-upload-list { margin-top: 1em; } #main .widget.widget-fineuploader .qq-upload-button { width: 100%; border: 1px solid #30656b; padding-top: 1rem; padding-bottom: 1rem; background-color: #f5efe1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 1rem; color: #000; font-weight: 700; } #main .widget.widget-fineuploader .qq-upload-button input { width: 100%; } #main .widget.widget-fineuploader .qq-upload-button input:hover { background-color: #30656b; } #main span.captcha_text { font-style: italic; } #main button.submit, #main input.submit { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { #main button.submit, #main input.submit { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } #main button.submit a, #main input.submit a { color: #fff; } #main button.submit:hover, #main button.submit.active, #main input.submit:hover, #main input.submit.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } .ce_text ol { list-style-type: decimal; padding-left: 15px; } .ce_text ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } .ce_text ul li { margin-left: 1.2em; padding-left: 0.1em; list-style: disc; list-style-position: outside; } @media (min-width: 960px) { .ce_text ul li { padding-left: 1em; margin-left: 1.1em; } } .flex-center { display: flex; flex-wrap: wrap; align-items: center; } .header-img { overflow: hidden; text-align: center; margin-bottom: -7px; max-height: 650px; } @media (min-width: 1440px) { .header-img { width: 100%; max-height: 650px; } } @media (min-width: 2000px) { .header-img { width: 1920px; height: 650px; margin-left: auto; margin-right: auto; } } .header-img img { width: 100%; height: auto; } @media (min-width: 1180px) { .box-header-1 { position: absolute; margin-top: 8em; } } @media (min-width: 1440px) { .box-header-1 { margin-top: 15em; } } @media (min-width: 1600px) { .box-header-1 { margin-top: 24em; } } .box-header-1 .text { width: 700px; display: block; background-color: #fff; } .box-header-1 .text h1, .box-header-1 .text p { color: #29927d; } .box-header-1 .text p { margin-bottom: 0em; } .box-header-1 .claim { margin-top: 5px; background-color: #30656b; padding: 0.25em 0.5em; color: #29927d; font-size: 16px; font-size: 1rem; width: 110px; overflow: hidden; font-weight: 700; } @media (min-width: 700px) { .box-header-1 .claim { font-size: 18px; font-size: 1.125rem; } } .download-1 { position: absolute; margin-top: 1em; } @media (min-width: 600px) { .download-1 .image_container { float: left; display: block; } } .download-1 .text { background-color: #30656b; color: #29927d; padding: 0.4em 0.75em; } @media (min-width: 0) and (max-width: 600px) { .download-1 .text { margin-top: -1em; } } @media (min-width: 600px) { .download-1 .text { float: left; display: block; margin-top: 234px; } } .download-1 .text a { background-image: url(../../files/daten/icon/icon-download.png); background-repeat: no-repeat; background-position: center right; padding: 1em 2em 1em 0em; font-size: 18px; font-size: 1.125rem; } #main .icons-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 0) and (max-width: 800px) { #main .icons-1 { display: none !important; } } #main .icons-1 ul li { display: block; width: 100%; float: left; } @media (min-width: 700px) { #main .icons-1 ul li { width: 33.3333%; } } #main .icons-1 ul li a { color: #30656b; display: block; padding: 1.5em 0 1.5em 50px; } #main .box-t { display: flex; flex-wrap: wrap; } #main .box-t .box-team { margin-top: 1em; margin-bottom: 1em; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); } @media (min-width: 600px) { #main .box-t .box-team { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1180px) { #main .box-t .box-team { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1640px) { #main .box-t .box-team { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .box-t .box-team .ce_text { margin-left: 1em; margin-right: 1em; width: auto; } #main .box-t .box-team .ce_text li { list-style: none !important; padding: 0; margin: 0; } #main .box-team-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); } @media (min-width: 600px) { #main .box-team-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1180px) { #main .box-team-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1640px) { #main .box-team-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .box-team-2 .ce_text { margin-left: 1em; margin-right: 1em; width: auto; } #main .box-team-2 .ce_text li { list-style: none !important; padding: 0; margin: 0; } #main .kommentare-2 { display: flex; flex-wrap: wrap; } #main .kommentare-2 .comment { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; background-color: #fff; margin-top: 1rem; margin-bottom: 1rem; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #30656b; padding: 1rem; } #main .kommentare-2 .comment .sterne { width: 50%; display: flex; } #main .kommentare-2 .comment .sterne svg { width: 30px; height: 32px; } #main .kommentare-2 .comment p.info { font-size: 12px; font-size: 0.75rem; color: #737272; } #main .hersteller { padding: 1rem; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); } #main .hersteller img { margin-bottom: 0; } #main .hersteller .text { padding: 1rem 0; } .mod_iso_messages { clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .mod_iso_messages .iso_info { background-color: red; padding: 0.25rem; display: block; color: #fff; font-weight: 700; } #iso_ajaxBox .mod_iso_messages .iso_info { color: #000 !important; } .icons { vertical-align: middle; } .icons img { height: 35px; width: auto; } .icons p { font-weight: 700; margin-top: 7px; font-size: 14px; font-size: 0.875rem; margin-bottom: 0em; } #main .mod_iso_productreader .product-infos { margin-top: 1rem; border: 1px solid #4d4d4d; padding: 1rem; padding-bottom: 0.1rem; } #main .mod_iso_productreader .product-infos p { color: #4d4d4d; font-size: 14px; font-size: 0.875rem; } #main .mod_iso_productreader .product-infos p:first-child { text-transform: uppercase; } #main .mod_iso_productreader .bewertung { display: flex; flex-wrap: wrap; } #main .mod_iso_productreader .bewertung a { display: flex; flex-wrap: wrap; margin-bottom: 1rem; text-decoration: underline; } #main .mod_iso_productreader .bewertung .stern-1 { width: 16px; height: 15px; position: relative; } #main .mod_iso_productreader .bewertung .stern-2 { width: 16px; height: 15px; position: relative; } #main .mod_iso_productreader .bewertung .stern-2 .stern-2-1, #main .mod_iso_productreader .bewertung .stern-2 .stern-2-2 { position: absolute; overflow: hidden; } #main .mod_iso_productreader .bewertung .stern-2 .stern-2-2 svg { width: 16px; height: 15px; } #main .mod_iso_productreader .text-lieferzeit { background-color: #30656b; color: #fff; padding: 1em 1em 0 1em; margin-bottom: 0.8em; } #main .mod_iso_productreader .col-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { #main .mod_iso_productreader .col-1 { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1440px) { #main .mod_iso_productreader .col-1 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_productreader .col-1 img { width: 100%; height: auto; } @media (min-width: 0) and (max-width: 959px) { #main .mod_iso_productreader .col-1 .image-thumb { display: flex; justify-content: space-between; max-height: 100px; overflow: hidden; margin-bottom: 1rem; } } #main .mod_iso_productreader .col-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .mod_iso_productreader .col-2 ol { list-style-type: decimal; padding-left: 15px; } #main .mod_iso_productreader .col-2 ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } #main .mod_iso_productreader .col-2 ul li { margin-left: 1.2em; padding-left: 0.1em; list-style: disc; list-style-position: outside; } @media (min-width: 960px) { #main .mod_iso_productreader .col-2 ul li { padding-left: 1em; margin-left: 1.1em; } } @media (min-width: 960px) { #main .mod_iso_productreader .col-2 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1440px) { #main .mod_iso_productreader .col-2 { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_productreader .col-2 .price { font-size: 17px; font-size: 1.0625rem; font-weight: 900; } @media (min-width: 700px) { #main .mod_iso_productreader .col-2 .price { font-size: 20px; font-size: 1.25rem; } } #main .mod_iso_productreader .col-2 .baseprice { font-size: 14px; font-size: 0.875rem; } #main .mod_iso_productreader .col-2 .description { margin-top: 1em; } #main .mod_iso_productreader .col-2 .sku { color: #29927d; margin-bottom: 0.5em; } #main .mod_iso_productreader .col-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 0) and (max-width: 1440px) { #main .mod_iso_productreader .col-3 { margin-top: 0.5em; padding-top: 0.8em; border-top: 1px solid #29927d; } } @media (min-width: 960px) { #main .mod_iso_productreader .col-3 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 43.0555555556%; } } @media (min-width: 1440px) { #main .mod_iso_productreader .col-3 { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_productreader .col-3 .options { width: 100%; display: block; } #main .mod_iso_productreader .col-3 .options select { width: 100%; margin-bottom: 1em; } @media (min-width: 960px) { #main .mod_iso_productreader .col-3 .options select { width: 50%; } } #main .mod_iso_productreader .col-3 .options label { width: 100%; margin-bottom: 0.1em; color: #29927d; } @media (min-width: 960px) { #main .mod_iso_productreader .col-3 .options label { width: 50%; margin-bottom: 1em; } } #main .mod_iso_productreader .col-3 .options .widget-radio legend span { display: inline-block; margin: 0; padding: 0; } #main .mod_iso_productreader .col-3 .options .widget-radio span { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #f2f2f2; padding-top: 0.5rem; padding-bottom: 0.5rem; } #main .mod_iso_productreader .col-3 .options .widget-radio span input, #main .mod_iso_productreader .col-3 .options .widget-radio span label { margin: 0; } #main .mod_iso_productreader .col-3 .options .widget-radio span label { padding: 0; margin-left: 10px; } #main .mod_iso_productreader .col-3 .submit_container .quantity_container { margin-bottom: 1em; } #main .mod_iso_productreader .col-3 .submit_container .quantity_container input, #main .mod_iso_productreader .col-3 .submit_container .quantity_container label { width: 50%; } #main .mod_iso_productreader .col-3 .submit_container input.submit { width: 100%; } #main .mod_iso_productlist.deal { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { #main .mod_iso_productlist.deal { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_productlist.deal .product_list .product { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; background-color: #fff; } #main .mod_iso_productlist .product_list { display: flex; flex-wrap: wrap; } #main .mod_iso_productlist .product_list .product { margin-top: 1em; margin-bottom: 1em; width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); padding: 0.65em; } @media (min-width: 700px) { #main .mod_iso_productlist .product_list .product { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #main .mod_iso_productlist .product_list .product { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { #main .mod_iso_productlist .product_list .product { padding: 1em; } } @media (min-width: 1140px) { #main .mod_iso_productlist .product_list .product { padding: 1em; } } #main .mod_iso_productlist .product_list .product .image_container { text-align: center; overflow: hidden; height: 80px; } @media (min-width: 400px) { #main .mod_iso_productlist .product_list .product .image_container { height: 115px; } } @media (min-width: 600px) { #main .mod_iso_productlist .product_list .product .image_container { height: 200px; } } @media (min-width: 700px) { #main .mod_iso_productlist .product_list .product .image_container { height: 200px; } } #main .mod_iso_productlist .product_list .product .image_container img { width: 100%; height: auto; } @media (min-width: 700px) { #main .mod_iso_productlist .product_list .product h3 { height: 60px; display: block; } } #main .mod_iso_productlist .product_list .product .sku { margin-top: 0.8em; color: #29927d; } #main .mod_iso_productlist .product_list .product .details { margin-top: 0.8em; } #main .mod_iso_productlist .product_list .product .details a { text-align: center; color: #fff; width: 100%; } #main .mod_iso_productlist .product_list .product .price.special_price .price { margin: 0; height: auto; } #main .mod_iso_productlist .product_list .product .baseprice { font-size: 12px; font-size: 0.75rem; color: #4d4d4d; } #main .mod_iso_productlist .product_list .product .price { margin-top: 0.8em; font-size: 17px; font-size: 1.0625rem; font-weight: 900; } @media (min-width: 700px) { #main .mod_iso_productlist .product_list .product .price { font-size: 20px; font-size: 1.25rem; height: 48px; } } #main .mod_iso_productlist .product_list .product .rabatt { position: absolute; height: 40px; width: 40px; background-color: #cdb470; padding: 9px; font-weight: 900; color: #fff; font-size: 20px; font-size: 1.25rem; } #main a.delete, #main a.remove, #main a.edit { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #29927d; color: #fff; padding: 0.15em 0.35em; font-size: 14px; font-size: 0.875rem; margin-bottom: 0.5em; } #main a.edit:hover { background-color: dakren(#29927d, 10%); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } #main a.delete, #main a.remove { background-color: #30656b; } #main a.delete:hover, #main a.remove:hover { background-color: dakren(#30656b, 10%); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } @media (min-width: 0) and (max-width: 960px) { #main .mod_iso_orderhistory { /* Hide table headers (but not display: none;, for accessibility) */ /* Label the data */ } #main .mod_iso_orderhistory table, #main .mod_iso_orderhistory thead, #main .mod_iso_orderhistory tbody, #main .mod_iso_orderhistory th, #main .mod_iso_orderhistory td, #main .mod_iso_orderhistory tr { display: block; } #main .mod_iso_orderhistory thead tr { position: absolute; top: -9999px; left: -9999px; } #main .mod_iso_orderhistory tr { border: 1px solid #ccc; } #main .mod_iso_orderhistory td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } #main .mod_iso_orderhistory td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } #main .mod_iso_orderhistory td:nth-of-type(1):before { content: "Bestelldatum"; } #main .mod_iso_orderhistory td:nth-of-type(2):before { content: "Bestellnummer"; } #main .mod_iso_orderhistory td:nth-of-type(3):before { content: "Gesamt"; } #main .mod_iso_orderhistory td:nth-of-type(4):before { content: "eingegangen"; } #main .mod_iso_orderhistory td:nth-of-type(5):before { content: "Details"; margin-bottom: 1em; } } @media (min-width: 960px) { #main .mod_iso_orderhistory { /* Zebra striping */ } #main .mod_iso_orderhistory table { width: 100%; border-collapse: collapse; } #main .mod_iso_orderhistory thead tr th { background: #4d4d4d; } #main .mod_iso_orderhistory tr:nth-of-type(odd) { background: #f2f2f2; } #main .mod_iso_orderhistory th { background: #4d4d4d; color: white; font-weight: bold; } #main .mod_iso_orderhistory td, #main .mod_iso_orderhistory th { padding: 6px; border: 1px solid #30656b; text-align: left; } } #main .review.orderproducts, #main .mod_iso_cart { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .review.orderproducts .formbody table, #main .mod_iso_cart .formbody table { border-top: 1px solid #badce0; } #main .review.orderproducts .formbody table tbody tr, #main .mod_iso_cart .formbody table tbody tr { border-bottom: 1px solid #badce0; } #main .review.orderproducts .formbody table tfoot tr.total, #main .mod_iso_cart .formbody table tfoot tr.total { border-top: 1px solid #badce0; border-bottom: 1px solid #30656b; } #main .review.orderproducts .formbody table, #main .mod_iso_cart .formbody table { width: 100%; border-collapse: collapse; margin-bottom: 1em; } @media (min-width: 700px) { #main .review.orderproducts .formbody table td, #main .review.orderproducts .formbody table th, #main .mod_iso_cart .formbody table td, #main .mod_iso_cart .formbody table th { padding: 10px; text-align: left; } #main .review.orderproducts .formbody table tr.foot_last, #main .mod_iso_cart .formbody table tr.foot_last { font-weight: 700; } #main .review.orderproducts .formbody table .image_container img, #main .mod_iso_cart .formbody table .image_container img { width: 100%; height: auto; } #main .review.orderproducts .formbody table tfoot a.edit, #main .review.orderproducts .formbody table tbody a.edit, #main .mod_iso_cart .formbody table tfoot a.edit, #main .mod_iso_cart .formbody table tbody a.edit { display: none !important; } #main .review.orderproducts .formbody table tfoot a.remove, #main .review.orderproducts .formbody table tbody a.remove, #main .mod_iso_cart .formbody table tfoot a.remove, #main .mod_iso_cart .formbody table tbody a.remove { text-align: right; margin-bottom: 0.5em; } #main .review.orderproducts .formbody table tfoot td.image, #main .review.orderproducts .formbody table tbody td.image, #main .mod_iso_cart .formbody table tfoot td.image, #main .mod_iso_cart .formbody table tbody td.image { width: 10%; } #main .review.orderproducts .formbody table tfoot td.name, #main .review.orderproducts .formbody table tbody td.name, #main .mod_iso_cart .formbody table tfoot td.name, #main .mod_iso_cart .formbody table tbody td.name { width: 50%; } #main .review.orderproducts .formbody table tfoot td.quantity, #main .review.orderproducts .formbody table tbody td.quantity, #main .mod_iso_cart .formbody table tfoot td.quantity, #main .mod_iso_cart .formbody table tbody td.quantity { width: 10%; text-align: center; } #main .review.orderproducts .formbody table tfoot td.quantity input, #main .review.orderproducts .formbody table tbody td.quantity input, #main .mod_iso_cart .formbody table tfoot td.quantity input, #main .mod_iso_cart .formbody table tbody td.quantity input { background-color: #fff; } #main .review.orderproducts .formbody table tfoot td.price, #main .review.orderproducts .formbody table tbody td.price, #main .mod_iso_cart .formbody table tfoot td.price, #main .mod_iso_cart .formbody table tbody td.price { width: 10%; text-align: right; } #main .review.orderproducts .formbody table tfoot td.price.total, #main .review.orderproducts .formbody table tbody td.price.total, #main .mod_iso_cart .formbody table tfoot td.price.total, #main .mod_iso_cart .formbody table tbody td.price.total { display: 10%; } #main .review.orderproducts .formbody table tfoot td.remove, #main .review.orderproducts .formbody table tfoot td.actions, #main .review.orderproducts .formbody table tbody td.remove, #main .review.orderproducts .formbody table tbody td.actions, #main .mod_iso_cart .formbody table tfoot td.remove, #main .mod_iso_cart .formbody table tfoot td.actions, #main .mod_iso_cart .formbody table tbody td.remove, #main .mod_iso_cart .formbody table tbody td.actions { width: 10%; } #main .review.orderproducts .formbody table tfoot td.name, #main .mod_iso_cart .formbody table tfoot td.name { text-align: right; } } @media (min-width: 0) and (max-width: 700px) { #main .review.orderproducts .formbody table table, #main .mod_iso_cart .formbody table table { width: 100%; min-width: 100%; border-collapse: collapse; } #main .review.orderproducts .formbody table table::after, #main .review.orderproducts .formbody table table::before, #main .mod_iso_cart .formbody table table::after, #main .mod_iso_cart .formbody table table::before { box-sizing: border-box; } #main .review.orderproducts .formbody table tbody, #main .mod_iso_cart .formbody table tbody { font-size: 12px; font-size: 0.75rem; } #main .review.orderproducts .formbody table tbody li, #main .mod_iso_cart .formbody table tbody li { font-size: 12px; font-size: 0.75rem; } #main .review.orderproducts .formbody table tbody tr.product, #main .mod_iso_cart .formbody table tbody tr.product { margin-top: 1em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: none; } #main .review.orderproducts .formbody table tbody tr.product td.image, #main .mod_iso_cart .formbody table tbody tr.product td.image { width: 20%; } #main .review.orderproducts .formbody table tbody tr.product td.image .image_container, #main .mod_iso_cart .formbody table tbody tr.product td.image .image_container { text-align: left; } #main .review.orderproducts .formbody table tbody tr.product td.image .image_container img, #main .mod_iso_cart .formbody table tbody tr.product td.image .image_container img { width: 90%; height: auto; } #main .review.orderproducts .formbody table tbody tr.product td.name, #main .mod_iso_cart .formbody table tbody tr.product td.name { width: 40%; } #main .review.orderproducts .formbody table tbody tr.product td.quantity, #main .mod_iso_cart .formbody table tbody tr.product td.quantity { width: 15%; } #main .review.orderproducts .formbody table tbody tr.product td.quantity input, #main .mod_iso_cart .formbody table tbody tr.product td.quantity input { background-color: #fff; width: 100%; } #main .review.orderproducts .formbody table tbody tr.product td.price, #main .mod_iso_cart .formbody table tbody tr.product td.price { padding-left: 0%; width: 15%; text-align: right; } #main .review.orderproducts .formbody table tbody tr.product td.price.total, #main .mod_iso_cart .formbody table tbody tr.product td.price.total { width: 0; padding-left: 0; display: none !important; } #main .review.orderproducts .formbody table tbody tr.product td.tax, #main .mod_iso_cart .formbody table tbody tr.product td.tax { display: none !important; } #main .review.orderproducts .formbody table tbody tr.product td.actions, #main .mod_iso_cart .formbody table tbody tr.product td.actions { width: 100%; margin-bottom: 1rem; } #main .review.orderproducts .formbody table tfoot, #main .mod_iso_cart .formbody table tfoot { margin-top: 1em; font-size: 12px; font-size: 0.75rem; } #main .review.orderproducts .formbody table tfoot td, #main .mod_iso_cart .formbody table tfoot td { padding-right: 0px; } #main .review.orderproducts .formbody table tfoot td.col_first, #main .review.orderproducts .formbody table tfoot td.tax, #main .review.orderproducts .formbody table tfoot td.col_last, #main .mod_iso_cart .formbody table tfoot td.col_first, #main .mod_iso_cart .formbody table tfoot td.tax, #main .mod_iso_cart .formbody table tfoot td.col_last { display: none !important; } #main .review.orderproducts .formbody table tfoot td.price, #main .mod_iso_cart .formbody table tfoot td.price { text-align: right; } #main .review.orderproducts .formbody table tfoot td.price.total, #main .mod_iso_cart .formbody table tfoot td.price.total { text-align: right; } #main .review.orderproducts .formbody table tfoot tr.foot_2 td.col_4, #main .mod_iso_cart .formbody table tfoot tr.foot_2 td.col_4 { font-weight: 700; } } #main .review.orderproducts table.kopfzeile, #main .mod_iso_cart table.kopfzeile { width: 100%; border-collapse: collapse; } @media (min-width: 0) and (max-width: 700px) { #main .review.orderproducts table.kopfzeile, #main .mod_iso_cart table.kopfzeile { display: none !important; } } @media (min-width: 700px) { #main .review.orderproducts table.kopfzeile, #main .mod_iso_cart table.kopfzeile { background-color: #f2f2f2; margin-bottom: 0em; } #main .review.orderproducts table.kopfzeile th, #main .mod_iso_cart table.kopfzeile th { border: 1px solid #f2f2f2; } #main .review.orderproducts table.kopfzeile th.col_1, #main .mod_iso_cart table.kopfzeile th.col_1 { width: 60%; } #main .review.orderproducts table.kopfzeile th.col_2, #main .mod_iso_cart table.kopfzeile th.col_2 { width: 13%; } } @media (min-width: 1180px) { #main .review.orderproducts .submit_container, #main .mod_iso_cart .submit_container { width: 50%; float: right; display: block; } } #main .review.orderproducts .submit_container input.submit.button_update, #main .mod_iso_cart .submit_container input.submit.button_update { background-color: #30656b; border: 1px solid #30656b; } @media (min-width: 700px) { #main .review.orderproducts .submit_container input.submit.button_update, #main .mod_iso_cart .submit_container input.submit.button_update { width: 40%; float: left; } } @media (min-width: 700px) { #main .review.orderproducts .submit_container input.submit.button_checkout, #main .mod_iso_cart .submit_container input.submit.button_checkout { width: 50%; display: block; float: right; } } #main .review.orderproducts .submit_container input.cart, #main .mod_iso_cart .submit_container input.cart { font: 0/0 a; text-shadow: none; color: transparent; border: none; display: none !important; visibility: hidden; } #main .review.orderproducts .coupon, #main .mod_iso_cart .coupon { clear: both; display: block; } #main .mod_iso_checkout .steps { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 0) and (max-width: 700px) { #main .mod_iso_checkout .steps { margin-top: 0.8em; margin-bottom: 0.8em; } } #main .mod_iso_checkout .steps ol { list-style: none; padding-left: 0; margin: 0; } #main .mod_iso_checkout .steps ol li { color: #4897a0; margin: 0; } #main .mod_iso_checkout .steps ol li .active { font-weight: 700; color: #30656b; } @media (min-width: 0) and (max-width: 700px) { #main .mod_iso_checkout .steps ol li { width: 100%; padding-left: 0; margin-left: 0; } } @media (min-width: 700px) { #main .mod_iso_checkout .steps ol li { padding-top: 25px; padding-bottom: 25px; width: 25%; display: inline-block; float: left; font-size: 14px; font-size: 0.875rem; } } @media (min-width: 960px) { #main .mod_iso_checkout .steps ol li { font-size: 16px; font-size: 1rem; } } @media (min-width: 1140px) { #main .mod_iso_checkout .steps ol li.passed:before, #main .mod_iso_checkout .steps ol li.active:before { width: 30px; height: 30px; background-color: #cdb470; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #4d4d60; display: block; } #main .mod_iso_checkout .steps ol li:before { width: 30px; height: 30px; background-color: #4897a0; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #fff; display: block; margin-bottom: 0.5em; } } @media (min-width: 700px) { #main .mod_iso_checkout .steps ol li.address:before { content: ""; } #main .mod_iso_checkout .steps ol li.shipping:before { content: ""; } #main .mod_iso_checkout .steps ol li.payment:before { content: ""; } #main .mod_iso_checkout .steps ol li.review:before { content: ""; } } #main .mod_iso_checkout .address.shippingaddress { margin-top: 1em; } @media (min-width: 0) and (max-width: 600px) { #main .mod_iso_checkout img.paypal-1 { width: 100%; height: auto; } } #main .mod_iso_checkout .paymentmethod, #main .mod_iso_checkout .shippingmethod, #main .mod_iso_checkout .address.billingaddress, #main .mod_iso_checkout .address.shippingaddress { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; padding: 0.5em; background-color: #fff; } @media (min-width: 700px) { #main .mod_iso_checkout .paymentmethod, #main .mod_iso_checkout .shippingmethod, #main .mod_iso_checkout .address.billingaddress, #main .mod_iso_checkout .address.shippingaddress { padding: 1em 1em 0.2em 1em; } } #main .mod_iso_checkout .paymentmethod label, #main .mod_iso_checkout .shippingmethod label { font-weight: 700; } #main .mod_iso_checkout .paymentmethod label p, #main .mod_iso_checkout .shippingmethod label p { font-weight: 400; } #main .mod_iso_checkout .widget span label { width: 80%; margin-bottom: 1em; } #main .mod_iso_checkout .widget span input { clear: both; } #main .mod_iso_checkout .submit_container { margin-top: 1em; clear: both; } #main .mod_iso_checkout .submit_container input.submit.confirm, #main .mod_iso_checkout .submit_container input.submit.next { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 0) and (max-width: 600px) { #main .mod_iso_checkout .submit_container input.submit.confirm, #main .mod_iso_checkout .submit_container input.submit.next { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } #main .mod_iso_checkout .submit_container input.submit.confirm a, #main .mod_iso_checkout .submit_container input.submit.next a { color: #fff; } #main .mod_iso_checkout .submit_container input.submit.confirm:hover, #main .mod_iso_checkout .submit_container input.submit.confirm.active, #main .mod_iso_checkout .submit_container input.submit.next:hover, #main .mod_iso_checkout .submit_container input.submit.next.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } @media (min-width: 700px) { #main .mod_iso_checkout .submit_container input.submit.confirm, #main .mod_iso_checkout .submit_container input.submit.next { width: 38.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; margin-top: 1em; } } @media (min-width: 1180px) { #main .mod_iso_checkout .submit_container input.submit.confirm, #main .mod_iso_checkout .submit_container input.submit.next { width: 22.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } #main .mod_iso_checkout .submit_container input.submit.previous { color: #fff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #29927d; border: 1px solid #29927d; font-weight: 700; width: 100%; margin-top: 1em; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; background-color: #30656b; border: 1px solid #30656b; } @media (min-width: 0) and (max-width: 600px) { #main .mod_iso_checkout .submit_container input.submit.previous { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } @media (min-width: 600px) { #main .mod_iso_checkout .submit_container input.submit.previous { padding: 0.65em 2em; } } #main .mod_iso_checkout .submit_container input.submit.previous a { color: #fff; width: 100%; } #main .mod_iso_checkout .submit_container input.submit.previous:hover, #main .mod_iso_checkout .submit_container input.submit.previous.active { color: #fff; background-color: #32b298; border: 1px solid #32b298; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } @media (min-width: 700px) { #main .mod_iso_checkout .submit_container input.submit.previous { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1180px) { #main .mod_iso_checkout .submit_container input.submit.previous { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_checkout .order-header { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .mod_iso_checkout .formbody { clear: both; display: flex; flex-wrap: wrap; } @media (min-width: 0) and (max-width: 990px) { #main .mod_iso_checkout .formbody .orderinfo { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_iso_checkout .formbody .orderinfo h2 { margin-top: 1em; } @media (min-width: 990px) { #main .mod_iso_checkout .formbody .orderinfo { width: 33%; } } #main .mod_iso_checkout .formbody .orderinfo a.edit { margin-bottom: 1em; } #main .mod_iso_checkout .formbody .orderinfo .shipping_method, #main .mod_iso_checkout .formbody .orderinfo .billing_address { padding: 0.5em; background-color: #fff; display: block; margin-bottom: 6px; } @media (min-width: 700px) { #main .mod_iso_checkout .formbody .orderinfo .shipping_method, #main .mod_iso_checkout .formbody .orderinfo .billing_address { padding: 1em 1em 0.2em 1em; } } #main .mod_iso_checkout .formbody .orderinfo .shipping_method .info, #main .mod_iso_checkout .formbody .orderinfo .shipping_method .vcard, #main .mod_iso_checkout .formbody .orderinfo .billing_address .info, #main .mod_iso_checkout .formbody .orderinfo .billing_address .vcard { margin-bottom: 1em; } #main .mod_iso_checkout .formbody .orderinfo .payment_method { margin-top: 1px solid #f2f2f2; background-color: #fff; padding: 0.5em; } @media (min-width: 700px) { #main .mod_iso_checkout .formbody .orderinfo .payment_method { padding: 1em 1em 0.2em 1em; } } #main .mod_iso_checkout .formbody .orderinfo .payment_method .info { margin-bottom: 1em; } #main .mod_iso_checkout .formbody .orderconditions { clear: both; background-color: #fff; padding: 0.5em; margin-top: 6px; } @media (min-width: 0) and (max-width: 990px) { #main .mod_iso_checkout .formbody .orderconditions { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #main .mod_iso_checkout .formbody .orderconditions { width: 66%; margin-left: 33.5%; } } @media (min-width: 700px) { #main .mod_iso_checkout .formbody .orderconditions { padding: 1em 1em 0.2em 1em; } } #main .mod_iso_checkout .formbody .orderconditions h3 { margin-top: 0; font-size: 16px; font-size: 1rem; } @media (min-width: 0) and (max-width: 700px) { #main .mod_iso_checkout .formbody .orderconditions p, #main .mod_iso_checkout .formbody .orderconditions a, #main .mod_iso_checkout .formbody .orderconditions .checkbox_container { font-size: 12px; font-size: 0.75rem; } #main .mod_iso_checkout .formbody .orderconditions p label, #main .mod_iso_checkout .formbody .orderconditions a label, #main .mod_iso_checkout .formbody .orderconditions .checkbox_container label { font-size: 12px; font-size: 0.75rem; width: 100%; } } #main .mod_iso_checkout .formbody .orderproducts { margin-top: 6px; } @media (min-width: 0) and (max-width: 990px) { #main .mod_iso_checkout .formbody .orderproducts { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #main .mod_iso_checkout .formbody .orderproducts { width: 66%; margin: 0; margin-left: 0.5%; margin-top: 6.4em; } } @media (min-width: 0) and (max-width: 700px) { #main .mod_iso_checkout .formbody .orderproducts table tbody { font-size: 11px; font-size: 0.6875rem; } #main .mod_iso_checkout .formbody .orderproducts table tbody li { font-size: 11px; font-size: 0.6875rem; } } #main .mod_iso_checkout .formbody .orderproducts table tbody tr { padding: 1em; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 6px solid #f2f2f2; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td { padding: 0; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.image { width: 30%; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.image img { width: 90%; height: auto; margin-bottom: -6px; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.name { width: 30%; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.quantity { width: 8%; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.price { width: 10%; text-align: right; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.price.total { width: 15%; text-align: right; } #main .mod_iso_checkout .formbody .orderproducts table tbody tr td.tax { width: 7%; text-align: right; color: #50a7b1; } #main .mod_iso_checkout .formbody .orderproducts table tfoot { clear: both; padding: 1em; } @media (min-width: 0) and (max-width: 700px) { #main .mod_iso_checkout .formbody .orderproducts table tfoot { font-size: 11px; font-size: 0.6875rem; } } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr.foot_first { padding-top: 0.8em; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr { padding: 0.2em 1em; clear: both; display: flex; flex-wrap: wrap; justify-content: space-between; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td { padding: 0; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td.col_0 { width: 0; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td.col_1 { width: 68%; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td.col_3 { width: 10%; text-align: right; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td.col_4 { width: 15%; text-align: right; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr td.col_5 { text-align: right; width: 7%; color: #50a7b1; } #main .mod_iso_checkout .formbody .orderproducts table tfoot tr.foot_last td.name, #main .mod_iso_checkout .formbody .orderproducts table tfoot tr.foot_last td.price.total { padding-top: 1em; } @media (min-width: 700px) { #main .mod_iso_checkout .formbody .orderproducts table tfoot tr.foot_last td.name, #main .mod_iso_checkout .formbody .orderproducts table tfoot tr.foot_last td.price.total { font-size: 24px; font-size: 1.5rem; } } #main .mod_iso_checkout .review h3 { margin-top: 0.5em; } #main .orderproducts { background-color: #fff; } #main .orderproducts .info_container { padding: 0.65em; } @media (min-width: 700px) { #main .orderproducts .info_container { padding: 1em; } } @media (min-width: 1140px) { #main .orderproducts .info_container { padding: 1em; } } #main .orderproducts .info_container, #main .mod_iso_orderdetails .info_container { margin-top: 1em; margin-bottom: 1em; } #main .orderproducts h2.bestellung-eingegangen, #main .mod_iso_orderdetails h2.bestellung-eingegangen { font-weight: 400; color: #4d4d60; margin-bottom: 0.25em; } #main .orderproducts td, #main .orderproducts th, #main .mod_iso_orderdetails td, #main .mod_iso_orderdetails th { padding: 10px; text-align: left; } #main .orderproducts tr.foot_last, #main .mod_iso_orderdetails tr.foot_last { font-weight: 700; } #main .orderproducts .image_container img, #main .mod_iso_orderdetails .image_container img { width: 80px; height: auto; } #main .mod_iso_addressbook .vcard { margin-top: 0.8em; } #main .coupon { margin-top: 1em; padding-top: 1em; border-top: 1px solid #30656b; } #main .coupon h2 { display: block; } #main .coupon form { width: 100%; } @media (min-width: 960px) { #main .coupon form { width: 70%; } } #main .coupon form label { width: 0; } @media (min-width: 700px) { #main .coupon form input.text { width: 65%; display: block; float: left; padding: 0.65em 0.25em; } } #main .coupon form input.submit { color: #fff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #29927d; border: 1px solid #29927d; font-weight: 700; width: 100%; } @media (min-width: 0) and (max-width: 600px) { #main .coupon form input.submit { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } @media (min-width: 600px) { #main .coupon form input.submit { padding: 0.65em 2em; } } #main .coupon form input.submit a { color: #fff; width: 100%; } #main .coupon form input.submit:hover, #main .coupon form input.submit.active { color: #fff; background-color: #32b298; border: 1px solid #32b298; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } @media (min-width: 700px) { #main .coupon form input.submit { width: 30%; display: block; float: right; } } p.failed { background-color: red; color: #fff; padding: 0.25em; } p.sucess { background-color: green; color: #fff; padding: 0.25em; } #main .mod_iso_productfilter { border-bottom: 1px solid #30656b; padding-bottom: 1em; margin-bottom: 1em; } #main .mod_iso_productfilter label { width: 100%; display: block; } @media (min-width: 960px) { #main .mod_iso_productfilter input.text { float: left; width: 65%; } } #main .mod_iso_productfilter input.submit { display: block; padding-top: 0.35em; padding-bottom: 0.35em; } @media (min-width: 960px) { #main .mod_iso_productfilter input.submit { float: right; width: 30%; } } #main .mod_iso_productfilter a.clear_filters { display: block; clear: both; } .process { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #iso_ajaxBox { width: 80%; left: 10%; font-family: 'Nunito Sans', sans-serif; } @media (min-width: 600px) { #iso_ajaxBox { width: 80%; left: 10%; } } @media (min-width: 700px) { #iso_ajaxBox { width: 50%; left: 25%; } } @media (min-width: 990px) { #iso_ajaxBox { width: 40%; left: 30%; } } @media (min-width: 1640px) { #iso_ajaxBox { width: 20%; left: 40%; } } #main .mod_comments { clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .mod_comments .bewertung-2 { width: 100%; background-color: #cdb470; padding: 1.2rem; color: #fff; margin-right: 2.75%; float: left; display: flex; flex-wrap: wrap; } @media (min-width: 960px) { #main .mod_comments .bewertung-2 { width: 22.9%; } } #main .mod_comments .bewertung-2 .col-1 { margin-left: 0; width: 100%; display: block; font-size: 55px; font-size: 3.4375rem; margin-top: 1rem; font-weight: 700; } #main .mod_comments .bewertung-2 .col-2 { width: 100%; display: block; margin-top: 1.25rem; } #main .mod_comments .box-bewertung-2 { width: 100%; } @media (min-width: 0) and (max-width: 960px) { #main .mod_comments .box-bewertung-2 { clear: both; } } @media (min-width: 960px) { #main .mod_comments .box-bewertung-2 { width: 74.3%; float: right; } } #main .mod_comments .box-bewertung-2 .kommentare { border: 1px solid #cccccc; padding: 1rem 2rem 1rem 2rem; margin-bottom: 2rem; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default:first-child { border-top: none !important; margin-bottom: 0; padding-top: 0; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #cccccc; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .head { display: flex; justify-content: space-around; flex-wrap: warp; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .head .sterne { width: 50%; display: flex; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .head .sterne svg { width: 30px; height: 32px; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .head .info { width: 50%; text-align: right; color: #b2b2b2; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .comment { margin-top: 0.5rem; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default p.info { font-size: 12px; font-size: 0.75rem; color: #737272; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .reply { border-top: 1px solid #cccccc; padding-left: 20px; } #main .mod_comments .box-bewertung-2 .kommentare .comment_default .reply p.info { margin-top: 1rem; margin-bottom: 0; } #main .mod_comments .box-bewertung-2 .mod_login button.submit { width: auto; padding: 0.65em 1em; } #main .mod_comments .box-bewertung-2 .form legend { background-color: none !important; } #main .mod_comments .box-bewertung-2 .form #ctrl_nickname { border-bottom: 1px solid #cccccc; } #main .mod_comments .box-bewertung-2 .form #ctrl_nickname legend { margin-top: 2em; background-color: #fff; font-weight: 700; font-size: 17px; font-size: 1.0625rem; } @media (min-width: 700px) { #main .mod_comments .box-bewertung-2 .form #ctrl_nickname legend { font-size: 20px; font-size: 1.25rem; line-height: 1.25em; } } #main .mod_comments .box-bewertung-2 .form #ctrl_nickname legend span { display: inline; } #main .mod_comments .box-bewertung-2 .form .radio_sterne { display: flex; flex-wrap: wrap; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label { display: inline-block; width: 25px; text-align: center; cursor: pointer; margin-right: 10px; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label input { display: none !important; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label svg { cursor: pointer; width: 30px; height: 32px; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label svg .st1 { fill: #e7dcbc; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label svg.no-active .st1 { fill: #e7dcbc; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label svg.active .st1 { fill: #cdb470; } #main .mod_comments .box-bewertung-2 .form .radio_sterne label svg:hover .st1 { fill: #cdb470; } #main .mod_comments .box-bewertung-2 .form #ctrl_notify span, #main .mod_comments .box-bewertung-2 .form .radio_container span { display: flex; align-items: baseline; margin-top: 1rem; margin-bottom: 1rem; } #main .mod_comments .box-bewertung-2 .form #ctrl_notify span input, #main .mod_comments .box-bewertung-2 .form .radio_container span input { margin: 0; } #main .mod_comments .box-bewertung-2 .form #ctrl_notify span label, #main .mod_comments .box-bewertung-2 .form .radio_container span label { margin: 0; padding: 0; margin-left: 0.5rem; width: 100%; } #main .mod_comments .box-bewertung-2 .form button.submit { width: auto; padding: 0.65em 1em; } #main .mod_iso_cumulativefilter ul li { display: flex; align-items: center; } #main .mod_iso_cumulativefilter ul li span.label { margin-right: 15px; } #main .mod_iso_cumulativefilter ul li ul { margin-top: 0.5rem; } #main .mod_iso_cumulativefilter ul li ul li { display: inline-block; margin-right: 5px; } #main .mod_iso_cumulativefilter ul li ul li a.active { background-color: #cdb470; color: #fff; } #main .mod_iso_cumulativefilter ul li ul li a { background-color: #f2f2f2; display: block; color: #000; padding: 0.35rem 1rem; } .icon-download { background-image: url("../../files/daten/icon/icon-download.png"); background-image: none, url("../../files/daten/icon/icon-download.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 50px 50px; } .icon-download a { display: block; padding: 25px; margin-bottom: 0.75em; } .icon-qualitaet { background-image: url("../../files/daten/icon/icon-qualitaet.png"); background-image: none, url("../../files/daten/icon/icon-qualitaet.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 40px 40px; background-position: left center; } .icon-versand { background-image: url("../../files/daten/icon/icon-versand.png"); background-image: none, url("../../files/daten/icon/icon-versand.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 40px 40px; background-position: left center; } #main .news-1 { clear: both; display: flex; flex-wrap: wrap; } #main .news-1 .layout_latest { background-color: #fff; margin-top: 0.8rem; margin-bottom: 0.8rem; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { #main .news-1 .layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #main .news-1 .layout_latest { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .news-1 .layout_latest .image_container img { width: 100%; height: auto; } #main .news-1 .layout_latest .text { padding: 0rem 1rem; } #main .news-1 .layout_latest .text p.info { color: #ccc; margin-bottom: 0.35rem; } #main .news-2 { clear: both; display: flex; flex-wrap: wrap; } #main .news-2 .layout_latest { margin-top: 0.8rem; margin-bottom: 0.8rem; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; border: 1px solid #cdb470; } @media (min-width: 700px) { #main .news-2 .layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { #main .news-2 .layout_latest { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { #main .news-2 .layout_latest .image { height: 250px; overflow: hidden; object-fit: cover; } } @media (min-width: 960px) { #main .news-2 .layout_latest .image { height: 155px; } } @media (min-width: 990px) { #main .news-2 .layout_latest .image { height: 200px; } } @media (min-width: 1180px) { #main .news-2 .layout_latest .image { height: 250px; } } @media (min-width: 1640px) { #main .news-2 .layout_latest .image { height: 300px; } } #main .news-2 .layout_latest .image img { width: 100%; height: auto; } #main .news-2 .layout_latest .text { margin-top: 1rem; padding: 0rem 1rem; } #main .news-2 .layout_latest .text p.info { color: #ccc; margin-bottom: 0.35rem; } #footer .social ul li { margin-bottom: 1rem; display: inline-block; margin-right: 0.5em; } #footer .widget.widget-text { clear: both; } #footer legend { padding: 0.25em 0.35em; width: 100%; display: block; margin: 1em 0; border: 1px solid #4d4d60; } @media (min-width: 960px) { #footer legend { border: none; background-color: #cccccc; } } #footer .radio_container legend { padding: 0; margin: 0; width: 100%; display: block; line-height: 2em; } #footer label { width: 100%; display: block; padding-top: 0.35em; padding-bottom: 0.35em; margin-bottom: 0.8em; font-weight: 400; color: #29927d; } @media (min-width: 960px) { #footer label { width: 30%; float: left; } } #footer .radio_container { margin-bottom: 1em; } #footer .radio_container label { width: 10%; float: left; } #footer .radio_container input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } #footer textarea, #footer select, #footer input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; width: 100%; font-size: 18px; font-size: 1.125rem; width: 100%; height: 100%; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #29927d; padding: 0.35em; margin-bottom: 0.8em; } @media (min-width: 960px) { #footer textarea, #footer select, #footer input { width: 70%; } } #footer select { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); cursor: pointer; background-image: url("../../files/daten/icon/icon-down.png"); background-image: none, url("../../files/daten/icon/icon-down.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 14px 6px; background-position: right 10px center; } #footer textarea { min-height: 100px; } #footer textarea:focus, #footer select:focus, #footer input:focus { border: 1px solid #30656b; } #footer input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } #footer input.radio { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; border: 1px solid #737373; } #footer input.checkbox:checked, #footer input.radio:checked { width: 13px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.5em; background-image: url("../../files/daten/icon/icon-point.png"); background-image: none, url("../../files/daten/icon/icon-point.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 7px 7px; background-position: center center; border: 1px solid #30656b; } #footer input.captcha { width: 15%; display: inline; margin-right: 10px; } #footer .widget-checkbox .checkbox_container > span { display: flex; flex-wrap: wrap; } #footer .widget-checkbox .checkbox_container > span input { width: 20px; } #footer .widget-checkbox .checkbox_container > span label { width: calc(100% - 40px); } #footer .widget.widget-fineuploader { margin-bottom: 2rem; } #footer .widget.widget-fineuploader label { width: 100%; clear: both; float: none; } #footer .widget.widget-fineuploader .qq-total-progress-bar-container { display: block; width: 100%; background: #f2f2f2; padding: 0em; margin: 0; margin-bottom: 1em; } #footer .widget.widget-fineuploader .qq-upload-list { margin-top: 1em; } #footer .widget.widget-fineuploader .qq-upload-button { width: 100%; border: 1px solid #30656b; padding-top: 1rem; padding-bottom: 1rem; background-color: #f5efe1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 1rem; color: #000; font-weight: 700; } #footer .widget.widget-fineuploader .qq-upload-button input { width: 100%; } #footer .widget.widget-fineuploader .qq-upload-button input:hover { background-color: #30656b; } #footer span.captcha_text { font-style: italic; } #footer button.submit, #footer input.submit { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; cursor: pointer; font-weight: 500; display: inline-block; background-color: #cdb470; border: 1px solid #cdb470; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { #footer button.submit, #footer input.submit { padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } #footer button.submit a, #footer input.submit a { color: #fff; } #footer button.submit:hover, #footer button.submit.active, #footer input.submit:hover, #footer input.submit.active { color: #fff; background-color: #d8c48e; border: 1px solid #d8c48e; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #footer .image-1 img { width: 200px; height: auto; } @media (min-width: 990px) { #footer .image-1 img { width: 100%; } } #footer .kasse .col-1 { text-align: center; margin-top: 2em; } #footer .kasse .col-1 a, #footer .kasse .col-1 p.headline-2 { font-size: 22px; font-size: 1.375rem; } #footer .kasse .col-1, #footer .kasse .col-2, #footer .kasse .col-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #footer .kasse .col-3 { text-align: center; } @media (min-width: 0) and (max-width: 540px) { #footer .kasse .col-3 img { width: 100%; height: auto; } } #footer .kasse .col-2 { margin-top: 2em; border-top: 1px solid #29927d; } #footer .kasse .col-2 .mod_customnav { text-align: center; margin-top: 1em; } #footer .kasse .col-2 .mod_customnav ul li { margin-left: 0.5em; margin-right: 0.5em; display: inline-block; font-size: 16px; font-size: 1rem; } #footer .kasse .col-2 .mod_customnav ul li.first { margin-left: 0; } #footer .kasse .col-2 .mod_customnav ul li.last { margin-right: 0; } #footer .bg-1 { padding-top: 1rem; padding-bottom: 0.8rem; background-color: #d9d8d8; } @media (min-width: 960px) { #footer .bg-1 { padding-top: 1.3333333333rem; padding-bottom: 1.0666666667rem; } } @media (min-width: 1140px) { #footer .bg-1 { padding-top: 2rem; padding-bottom: 1.6rem; } } @media (min-width: 1140px) { #footer .bg-1 { padding-top: 4rem; padding-bottom: 3.2rem; } } #footer .col-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 990px) { #footer .col-1 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #footer .col-1 .tel { color: #30656b; font-size: 22px; font-size: 1.375rem; font-weight: 700; display: block; } #footer .col-1 a { font-weight: 700; color: #30656b; font-size: 18px; font-size: 1.125rem; display: block; } #footer .col-1 a.link-2 { font-size: 16px; font-size: 1rem; font-weight: 400; } #footer .col-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { #footer .col-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #footer .col-2 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #footer .col-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { #footer .col-3 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #footer .col-3 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #footer .col-3 li { display: block; width: 42%; float: left; } #footer .col-3 li img { width: 100%; height: auto; } #footer .col-3 li.last { float: right; margin-right: 0; } #footer a { text-decoration: none; color: #4d4d60; } #footer a:hover { color: #6f6f8a; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } #footer a.sctive { font-weight: 700; } #footer .top-link { margin-top: 1em; clear: both; width: 100%; display: block; } @media (min-width: 990px) { #footer .top-link { margin-top: 5em; } } #footer .top-link a { color: #fff; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; font-weight: 500; display: inline-block; background-color: #29927d; border: 1px solid #29927d; font-weight: 700; width: 100%; width: 100%; background-image: url(../../files/daten/icon/icon-acc-02.png); background-repeat: no-repeat; background-position: right 10px center; } @media (min-width: 0) and (max-width: 600px) { #footer .top-link a { width: 100%; padding-top: 0.65em; padding-bottom: 0.65em; text-align: center; } } @media (min-width: 600px) { #footer .top-link a { padding: 0.65em 2em; } } #footer .top-link a a { color: #fff; width: 100%; } #footer .top-link a:hover, #footer .top-link a.active { color: #fff; background-color: #32b298; border: 1px solid #32b298; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #footer .bg-2 { background-color: #29927d; color: #fff; padding-top: 0.5em; padding-bottom: 0.5em; } #footer .bg-2 .copy { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; font-size: 12px; font-size: 0.75rem; }