legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
body,form,figure {
    margin: 0;
    padding: 0
}

img {
    border: 0
}

header,footer,nav,section,aside,article,figure,figcaption {
    display: block
}

body {
    font-size: 100.01%
}

select,input,textarea {
    font-size: 99%
}

#container,.inside {
    position: relative
}

#main,#left,#right {
    float: left;
    position: relative
}

#main {
    width: 100%
}

#left {
    margin-left: -100%
}

#right {
    margin-right: -100%
}

#footer {
    clear: both
}

#main .inside {
    min-height: 1px
}

.ce_gallery>ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.ce_gallery>ul li {
    float: left
}

.ce_gallery>ul li.col_first {
    clear: left
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.block {
    overflow: hidden
}

.clear,#clear {
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both
}

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.custom {
    display: block
}

#container:after,.custom:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 767px) {
    #wrapper {
        margin:0;
        width: auto
    }

    #container {
        padding-left: 0;
        padding-right: 0
    }

    #main,#left,#right {
        float: none;
        width: auto
    }

    #left {
        right: 0;
        margin-left: 0
    }

    #right {
        margin-right: 0
    }
}

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

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ie8 img {
    width: auto
}

.audio_container audio {
    max-width: 100%
}

.video_container video {
    max-width: 100%;
    height: auto
}

.responsive {
    position: relative;
    height: 0
}

.responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive.ratio-169 {
    padding-bottom: 56.25%
}

.responsive.ratio-1610 {
    padding-bottom: 62.5%
}

.responsive.ratio-219 {
    padding-bottom: 42.8571%
}

.responsive.ratio-43 {
    padding-bottom: 75%
}

.responsive.ratio-32 {
    padding-bottom: 66.6666%
}

@import '/assets/colorbox/css/colorbox.min.css';@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/theme/fonts/noto-sans-v26-latin-300.eot');
    src: local(''),url(../../theme/fonts/noto-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'),url('../../files/theme/fonts/noto-sans-v26-latin-300.woff2') format('woff2'),url('../../files/theme/fonts/noto-sans-v26-latin-300.woff') format('woff'),url('../../files/theme/fonts/noto-sans-v26-latin-300.ttf') format('truetype'),url('../../files/theme/fonts/noto-sans-v26-latin-300.svg#NotoSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/noto-sans-v26-latin-regular.eot');
    src: local(''),url('../../files/theme/fonts/noto-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'),url('../../files/theme/fonts/noto-sans-v26-latin-regular.woff2') format('woff2'),url('../../files/theme/fonts/noto-sans-v26-latin-regular.woff') format('woff'),url('../../files/theme/fonts/noto-sans-v26-latin-regular.ttf') format('truetype'),url('../../files/theme/fonts/noto-sans-v26-latin-regular.svg#NotoSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/theme/fonts/noto-sans-v26-latin-700.eot');
    src: local(''),url('../../files/theme/fonts/noto-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'),url('../../files/theme/fonts/noto-sans-v26-latin-700.woff2') format('woff2'),url('../../files/theme/fonts/noto-sans-v26-latin-700.woff') format('woff'),url('../../files/theme/fonts/noto-sans-v26-latin-700.ttf') format('truetype'),url('../../files/theme/fonts/noto-sans-v26-latin-700.svg#NotoSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Lalezar';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/lalezar-v14-latin-regular.eot');
    src: local(''),url(../..'/theme/fonts/lalezar-v14-latin-regular.eot?#iefix') format('embedded-opentype'),url('../../files/theme/fonts/lalezar-v14-latin-regular.woff2') format('woff2'),url('../../files/theme/fonts/lalezar-v14-latin-regular.woff') format('woff'),url('../../files/theme/fonts/lalezar-v14-latin-regular.ttf') format('truetype'),url('../../files/theme/fonts/lalezar-v14-latin-regular.svg#Lalezar') format('svg')
}

.font {
    font-weight: 400;
    font-family: 'Noto Sans',Verdana,Geneva,sans-serif;
    font-display: swap
}

.bold,strong,b {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.regular {
    font-weight: 400
}

.light {
    font-weight: 300
}

.font_extra {
    font-family: 'Lalezar';
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

input:required,textarea:required {
    box-shadow: none
}

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

.clearfix {
    zoom:1}

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

:focus {
    outline: none
}

h1,h2,h3,input,textarea,keygen,select,button {
    font-weight: 400;
    font-family: 'Noto Sans',Verdana,Geneva,sans-serif;
    font-display: swap
}

.color_c1 {
    color: #5b8e31
}

.cbar_disable .cbar_inner {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 140%
}

#cbar_cookiebar_ecce {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 120%;
    font-weight: 400;
    font-family: 'Noto Sans',Verdana,Geneva,sans-serif;
    font-display: swap;
    color: #555;
    z-index: 9999;
    position: fixed;
    overflow: hidden;
    pointer-events: none;
    max-height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#cbar_cookiebar_ecce button {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 120%
}

#cbar_cookiebar_ecce .cbar_titel {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 120%
}

#cbar_cookiebar_ecce .cbar-cookie-info,#cbar_cookiebar_ecce .cbar_footer {
    font-size: 15px;
    font-size: .9399999999999999rem;
    line-height: 120%
}

#cbar_cookiebar_ecce .cbar_titel {
    color: #b0afaf;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 10px
}

#cbar_cookiebar_ecce.active {
    display: block
}

#cbar_cookiebar_ecce input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

#cbar_cookiebar_ecce input+label {
    display: block;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px;
    padding-left: 60px;
    position: relative
}

#cbar_cookiebar_ecce input+label:before {
    position: absolute;
    left: 10px;
    top: 6px;
    content: '';
    border: 2px solid #7d7c7c;
    background: #ddd;
    border-radius: 10px;
    display: inline-block;
    height: 18px;
    width: 35px;
    line-height: 100%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#cbar_cookiebar_ecce input+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 14px;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: #7d7c7c;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#cbar_cookiebar_ecce input:checked+label:before {
    border-color: #5b8e31;
    background: #df8586
}

#cbar_cookiebar_ecce input:checked+label:after {
    background: #5b8e31;
    left: 31px
}

#cbar_cookiebar_ecce input:disabled:checked+label:before {
    border-color: #d6d5d5;
    background: #fff
}

#cbar_cookiebar_ecce input:disabled:checked+label:after {
    background: #d6d5d5
}

#cbar_cookiebar_ecce .cbar_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 60px;
    z-index: 9999;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

#cbar_cookiebar_ecce a {
    color: #555;
    text-decoration: none
}

#cbar_cookiebar_ecce .cbar_inner {
    padding: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    background: #fff;
    display: inline-block;
    width: 100%;
    max-width: 800px;
    max-height: 100%;
    overflow-y: auto;
    pointer-events: auto;
    text-align: left
}

#cbar_cookiebar_ecce .cbar_head {
    margin-bottom: 20px
}

#cbar_cookiebar_ecce .cbar_buttons {
    text-align: center
}

#cbar_cookiebar_ecce button {
    padding: 10px 20px;
    color: #FFF;
    background: #f4f4f4;
    border: 2px solid #b0afaf;
    margin: 2.5px;
    cursor: pointer
}

#cbar_cookiebar_ecce button.accept {
    background: #5b8e31;
    border-color: #5b8e31
}

#cbar_cookiebar_ecce button.deny {
    background: #b0afaf;
    border-color: #b0afaf
}

#cbar_cookiebar_ecce button.optionen {
    background: #FFF;
    color: #b0afaf
}

#cbar_cookiebar_ecce button.save {
    color: #555;
    background: #FFF
}

#cbar_cookiebar_ecce .cbar_groups {
    display: none;
    margin-top: 20px
}

#cbar_cookiebar_ecce .cbar_groups.active {
    display: block
}

#cbar_cookiebar_ecce .cbar_group {
    margin-bottom: 40px
}

#cbar_cookiebar_ecce .cbar_group p {
    color: #8a8989;
    padding: 10px;
    margin: 0;
    padding-top: 0;
    padding-left: 60px
}

#cbar_cookiebar_ecce .cbar_group .cbar-cookie-info {
    padding-left: 60px;
    color: #8a8989
}

#cbar_cookiebar_ecce .cbar_group .cbar-cookie-info strong {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#cbar_cookiebar_ecce .cbar_group .cbar-cookie-info>div {
    margin-bottom: 5px
}

#cbar_cookiebar_ecce .cbar_group .cbar-cookie-info>div:last-child {
    margin-bottom: 0
}

#cbar_cookiebar_ecce .cbar_group_head {
    margin-bottom: 10px
}

#cbar_cookiebar_ecce .cbar_group_head label {
    background: #ddd;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111
}

#cbar_cookiebar_ecce .cbar_group_head p {
    padding-top: 10px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid #ddd
}

#cbar_cookiebar_ecce .cbar_cookie {
    border-bottom: 1px solid #b0afaf;
    margin-bottom: 10px;
    padding-bottom: 10px
}

#cbar_cookiebar_ecce .cbar_cookie:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

#cbar_cookiebar_ecce .cbar_footer {
    margin-top: 20px;
    font-style: italic
}

#cbar_cookiebar_ecce .cbar_footer ul {
    font-style: normal;
    margin-top: 10px;
    list-style: none;
    text-align: center
}

#cbar_cookiebar_ecce .cbar_footer ul li {
    display: inline-block;
    padding-left: 40px
}

#cbar_cookiebar_ecce .cbar_footer ul li a {
    color: #b0afaf
}

#cbar_cookiebar_ecce .cbar_footer ul li:first-child {
    padding-left: 0
}

.cbar_disable {
    position: relative;
    z-index: 10;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cbar_disable .cbar_inner {
    zoom:1;padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    color: #555
}

.cbar_disable .cbar_inner:before,.cbar_disable .cbar_inner:after {
    content: "";
    display: table
}

.cbar_disable .cbar_inner:after {
    clear: both
}

.cbar_disable .cbar_inner a {
    color: #5b8e31
}

.cbar_disable .cbar_inner .cbar_col_1 {
    float: left;
    text-align: center;
    width: 30%
}

.cbar_disable .cbar_inner .cbar_col_1 img {
    width: 228px;
    max-width: 100%
}

.cbar_disable .cbar_inner .cbar_col_2 {
    float: right;
    width: 70%;
    padding: 20px
}

.cbar_disable .cbar_inner strong {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width: 600px) {
    #cbar_cookiebar_ecce .cbar_buttons button {
        display:block;
        width: 100%;
        margin: 0;
        margin-bottom: 10px
    }

    #cbar_cookiebar_ecce .cbar_buttons button:last-child {
        margin: 0
    }

    #cbar_cookiebar_ecce .cbar_inner {
        padding: 10px
    }

    #cbar_cookiebar_ecce .cbar_wrap {
        bottom: 0px
    }

    #cbar_cookiebar_ecce {
        word-wrap: break-word
    }

    .cbar_disable .cbar_inner,#cbar_cookiebar_ecce,#cbar_cookiebar_ecce button {
        font-size: 16px;
        font-size: 1rem;
        line-height: 120%
    }

    #cbar_cookiebar_ecce .cbar_titel {
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 120%
    }

    #cbar_cookiebar_ecce .cbar-cookie-info,#cbar_cookiebar_ecce .cbar_footer {
        font-size: 14px;
        font-size: .88rem;
        line-height: 120%
    }
}

#cboxOverlay {
    background: #000;
    background: rgba(0,0,0,0.8)
}

#colorbox {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
    overflow: visible
}

#colorbox.popup #cboxWrapper #cboxContent {
    padding: 0;
    overflow: hidden;
    width: 100% !important
}

#colorbox.popup #cboxWrapper #cboxContent #cboxLoadedContent {
    width: 100% !important
}

#colorbox #cboxWrapper {
    overflow: visible
}

#colorbox #cboxWrapper #cboxContent {
    overflow: visible;
    margin: 0;
    border-radius: 8px;
    background: #FFF;
    padding: 20px 20px 40px 20px
}

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
    border: 0
}

#colorbox #cboxWrapper #cboxContent #cboxLoadingGraphic {
    background-image: url('/media/extern/ajax-loader_white.gif')
}

#colorbox #cboxWrapper #cboxContent #cboxNext,#colorbox #cboxWrapper #cboxContent #cboxPrevious,#colorbox #cboxWrapper #cboxContent #cboxTitle,#colorbox #cboxWrapper #cboxContent #cboxCurrent,#colorbox #cboxWrapper #cboxContent #cboxClose {
    font-weight: 400;
    font-family: 'Noto Sans',Verdana,Geneva,sans-serif;
    font-display: swap;
    color: #222;
    text-indent: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 105%;
    text-align: left;
    display: inline-block
}

#colorbox #cboxWrapper #cboxContent #cboxNext,#colorbox #cboxWrapper #cboxContent #cboxPrevious,#colorbox #cboxWrapper #cboxContent #cboxClose {
    font-size: 32px;
    font-size: 2rem;
    line-height: 105%;
    color: #5b8e31;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px;
    bottom: 0px;
    z-index: 10
}

#colorbox #cboxWrapper #cboxContent #cboxClose {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 10px;
    display: block;
    background: none;
    width: auto;
    height: auto;
    z-index: 50
}

#colorbox #cboxWrapper #cboxContent #cboxNext {
    background: none;
    right: 40px;
    z-index: 10;
    display: inline-block;
    text-indent: 0;
    width: auto;
    height: auto;
    top: auto;
    left: auto
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious {
    display: inline-block;
    background: none;
    right: 70px;
    left: auto;
    z-index: 10;
    text-indent: 0;
    width: auto;
    height: auto;
    top: auto
}

#colorbox #cboxWrapper #cboxContent #cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0;
    color: #AAA;
    opacity: .5;
    font-size: 13px;
    font-size: .8100000000000001rem;
    line-height: 110%
}

#colorbox #cboxWrapper #cboxContent #cboxTitle {
    margin: 0;
    top: auto;
    left: 20px;
    bottom: 10px;
    width: auto;
    right: 0;
    z-index: 5;
    padding-right: 100px;
    pointer-events: none;
    background: rgba(255,255,255,0.3)
}

@media (max-width: 840px) {
    #colorbox #cboxWrapper #cboxContent #cboxTitle {
        font-size:13px;
        font-size: .8100000000000001rem;
        line-height: 110%
    }

    #colorbox #cboxWrapper #cboxContent {
        padding-left: 10px;
        padding-right: 10px
    }

    #colorbox #cboxWrapper #cboxContent #cboxTitle {
        left: 10px
    }
}

html {
    font-size: 16px;
    overflow-x: hidden
}

body {
    min-height: 100vh;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    font-family: 'Noto Sans',Verdana,Geneva,sans-serif;
    font-display: swap;
    background: #f1ebdb;
    color: #333
}

ul {
    list-style: none
}

a {
    display: inline-block;
    color: #5b8e31;
    transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in
}

.padding_top_0x {
    padding-top: 0 !important
}

.padding_bottom_0x {
    padding-bottom: 0 !important
}

.mod_article>.article_inside {
    zoom:1;width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    display: block
}

.mod_article>.article_inside:before,.mod_article>.article_inside:after {
    content: "";
    display: table
}

.mod_article>.article_inside:after {
    clear: both
}

#main #article_maps {
    padding: 0
}

#main #article_maps>.article_inside {
    max-width: 100%
}

#main #article_maps>.article_inside #map {
    margin: 0
}

body.page_haus-arista #header,body.page_haus-attina #header {
    background: #FFF
}

body.page_haus-arista #header .ce_sliderStart:after,body.page_haus-attina #header .ce_sliderStart:after {
    background-image: url(/files/theme/img/sandkante_weiss.png)
}

#header .mod_article>.article_inside {
    zoom:1;width: 100%;
    max-width: 1400px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    display: block;
    font-size: 17px;
    font-size: 1.06rem;
    line-height: 115%
}

#header .mod_article>.article_inside:before,#header .mod_article>.article_inside:after {
    content: "";
    display: table
}

#header .mod_article>.article_inside:after {
    clear: both
}

#header .mod_article .ce_text {
    z-index: 30;
    position: absolute;
    left: -20px;
    top: 100px;
    width: 100%
}

#header .mod_article .ce_text .text {
    zoom:1;width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    display: block
}

#header .mod_article .ce_text .text:before,#header .mod_article .ce_text .text:after {
    content: "";
    display: table
}

#header .mod_article .ce_text .text:after {
    clear: both
}

#header .mod_article .ce_text .text p {
    color: #FFF;
    font-size: 38px;
    font-size: 2.38rem;
    line-height: 120%;
    padding: 10px 20px;
    display: inline-block;
    background: rgba(161,42,44,0.8)
}

#header .mod_article .ce_text .text .font_big {
    font-size: 34px;
    font-size: 2.38rem;
    line-height: 110%;
    color:#fff;
}

#header .mod_article .ce_text .text h4 {
	font-size:1.60rem !important;
	color:#fff;
	    line-height: 110%;

}

#header .mod_article .ce_text.highlight {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

#header .mod_article .ce_text.highlight h1 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
    margin: 0 auto;
    max-width: 800px;
    font-size: 42px;
    font-size: 2.63rem;
    line-height: 115%;
    text-shadow: 0px 2px 10px #222
}

#header #bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 80
}

#header #bar>.inside {
    zoom:1;width: 100%;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
    position: relative;
    display: block;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
    grid-auto-rows: 1fr;
    color: #FFF
}

#header #bar>.inside:before,#header #bar>.inside:after {
    content: "";
    display: table
}

#header #bar>.inside:after {
    clear: both
}

#header #bar>.inside:before,#header #bar>.inside:after {
    content: none
}

#header #bar>.inside .ce_text {
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
    grid-auto-rows: 1fr
}

#header #bar>.inside .ce_text:before,#header #bar>.inside .ce_text:after {
    content: none
}

#header #bar>.inside .ce_text .layout_muschel_1,#header #bar>.inside .ce_text .layout_muschel_2 {
    display: none
}

#header #bar>.inside .ce_text>* {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    justify-content: left
}

#header #bar>.inside .ce_text .text a {
    padding: 5px 10px
}

#header #bar>.inside #logo {
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 120%;
    -webkit-transform: translateX(-90px);
    -moz-transform: translateX(-90px);
    -ms-transform: translateX(-90px);
    -o-transform: translateX(-90px);
    transform: translateX(-90px)
}

#header #bar>.inside .mod_navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    justify-content: right
}

#header #bar>.inside .mod_navigation li {
    display: inline-block;
    background:#fff;
}

#header #bar>.inside .mod_navigation li a,#header #bar>.inside .mod_navigation li strong {
    padding: 5px 6px
}

#header #bar>.inside .mod_navigation li.active strong {
    background: #FFF;
    color: #5b8e31
}

#header #bar>.inside a {
    color: #5b8e31;
    text-decoration: none
}

#header .ce_sliderStart {
    position: relative
}

#header .ce_sliderStart:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 40;
    width: 100%;
    background: #f1ebdb;
    height: 38px
}

#header .ce_sliderStart:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 100%;
    background-image: url('/files/theme/img/sandkante.png');
    background-size: 1400px 110px;
    background-position: left top;
    height: 110px
}

#main #bewertungen .ce_sliderStart .slider-control {
    display: none
}

.ce_sliderStart {
    zoom:1;overflow: hidden;
    position: relative;
    z-index: 2;
    padding-bottom: 40px
}

.ce_sliderStart:before,.ce_sliderStart:after {
    content: "";
    display: table
}

.ce_sliderStart:after {
    clear: both
}

.ce_sliderStart .content-slider {
    position: relative
}

.ce_sliderStart .slider-wrapper {
    position: relative;
    zoom:1;transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out
}

.ce_sliderStart .slider-wrapper:before,.ce_sliderStart .slider-wrapper:after {
    content: "";
    display: table
}

.ce_sliderStart .slider-wrapper:after {
    clear: both
}

.ce_sliderStart .slider-wrapper>div {
    display: none
}

.ce_sliderStart .slider-wrapper>div:first-child {
    display: block
}

.ce_sliderStart.init .slider-wrapper>div {
    float: left;
    display: block
}

.ce_sliderStart .ce_image img {
    width: 100%;
    min-height: 200px;
    object-fit: cover
}

.ce_sliderStart .slider-control {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -20px;
    z-index: 100;
    pointer-events: none
}

.ce_sliderStart .slider-control>a {
    position: absolute;
    pointer-events: all;
    pointer-events: none;
    top: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
    text-indent: -2000px
}

.ce_sliderStart .slider-control>a.slider-prev {
    left: 0
}

.ce_sliderStart .slider-control>a.slider-next {
    right: 0
}

.ce_sliderStart .slider-control .slider-menu {
    position: absolute;
    left: 0;
    display: block;
    bottom: 0;
    right: 0;
    text-align: center;
    z-index: 50;
    padding-top: 20px;
    padding-bottom: 20px
}

.ce_sliderStart .slider-control .slider-menu>span {
    position: relative;
    pointer-events: all;
    display: inline-block;
    margin: 2.5px;
    border-radius: 100%;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #FFF;
    overflow: hidden;
    border: 2px solid #5b8e31
}

.ce_sliderStart .slider-control .slider-menu>span.active {
    background: #5b8e31;
    pointer-events: none
}

.ce_sliderStart .slider-control .slider-menu>span:hover {
    background: #c93537
}

#main .ce_sliderStart {
    padding-bottom: 0
}

#main .ce_sliderStart .slider-control {
    bottom: 0
}

#header .ce_sliderStart {
    padding-bottom: 0
}

#header .ce_sliderStart .slider-control {
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px
}

.mm_spalten.grid_2 {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr
}

.mm_spalten.grid_2:before,.mm_spalten.grid_2:after {
    content: none
}

.mm_spalten.grid_3 {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr
}

.mm_spalten.grid_3:before,.mm_spalten.grid_3:after {
    content: none
}

.mm_spalten.grid_4 {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr
}

.mm_spalten.grid_4:before,.mm_spalten.grid_4:after {
    content: none
}

.mm_spalten>div {
    overflow: hidden
}

.center_height {
    display: flex;
    align-items: center;
    min-height: 100%
}

h1 {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 125%
}

h1.color_c1 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto
}

h2 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 115%
}

.font_big {
    font-size: 25px;
    font-size: 1.56rem;
    line-height: 125%
}

a.btn {
    display: inline-block;
    padding-left: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5b8e31
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 115%;
    position: relative
}

a.btn:before {
    position: absolute;
    left: 0;
    top: 50%;
    transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 36px;
    transform-origin: center;
    background-image: url('/files/theme/img/muschel.svg');
    -webkit-transform: translateY(-50%) rotate(90deg) scale(1);
    -moz-transform: translateY(-50%) rotate(90deg) scale(1);
    -ms-transform: translateY(-50%) rotate(90deg) scale(1);
    -o-transform: translateY(-50%) rotate(90deg) scale(1);
    transform: translateY(-50%) rotate(90deg) scale(1)
}

a.btn:hover:before {
    -webkit-transform: translateY(-50%) rotate(90deg) scale(1.25);
    -moz-transform: translateY(-50%) rotate(90deg) scale(1.25);
    -ms-transform: translateY(-50%) rotate(90deg) scale(1.25);
    -o-transform: translateY(-50%) rotate(90deg) scale(1.25);
    transform: translateY(-50%) rotate(90deg) scale(1.25)
}

#main .inside_wrap {
    position: relative;
    z-index: 5
}

#main .inside_wrap>*,#main>.inside>* {
    margin-bottom: 40px
}

#main .inside_wrap>*:last-child,#main>.inside>*:last-child {
    margin-bottom: 0
}

#main .mod_article {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2
}

#main .mod_article.bg_muschel .inside_wrap>* {
    position: relative;
    z-index: 5
}

#main .mod_article.bg_muschel .inside_wrap .ce_text.withimage {
    background: none
}



#main .mod_article.bg_abdruecke {
    background: #FFF;
    padding-bottom: 80px;
    padding-top: 40px;
    position: relative;
    background-image: url('/files/theme/img/fussabdruck.png');
    background-repeat: no-repeat;
    background-size: 1354px 834px;
    background-position: center 78px
}

#main .mod_article.bg_abdruecke>.article_inside {
    z-index: 5;
    position: relative
}

#main .mod_article.bg_abdruecke:before {
    content: '';
    display: block;
    width: 100%;
    height: 184px;
    background-image: url('/files/theme/img/sandkante_v2.png');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

#main .mod_article.bg_abdruecke .ce_text.withimage {
    background: none
}

#main .mod_article.layout_sandkante_v2_bottom {
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative
}

#main .mod_article.layout_sandkante_v2_bottom>.article_inside {
    padding-bottom: 80px
}

#main .mod_article.layout_sandkante_v2_bottom:after {
    content: '';
    display: block;
    width: 100%;
    height: 184px;
    background-image: url('/files/theme/img/sandkante_v2_unten.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0
}

#main .mod_article.bg_baige .inside_wrap>* {
    margin-bottom: 80px
}

#main .mod_article.bg_baige .inside_wrap>*:last-child {
    margin-bottom: 0
}

#main .mod_article .ce_text.withimage {
    background: #FFF;
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr
}

#main .mod_article .ce_text.withimage:before,#main .mod_article .ce_text.withimage:after {
    content: none
}

#main .mod_article .ce_text.withimage h2 {
    color: #5b8e31;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 46px;
    font-size: 2.88rem;
    line-height: 115%
}

#main .mod_article .ce_text.withimage .text {
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 20px;
    padding-bottom: 60px;
    position: relative
}

#main .mod_article .ce_text.withimage .text a.btn {
    position: absolute;
    right: 0;
    bottom: 20px
}

#main .mod_article .ce_text.withimage.image_float_left .text a.btn {
    right: 40px
}

#main .mod_article .ce_text.withimage.image_float_right .text {
    padding-right: 0;
    padding-left: 40px
}

#main .mod_article .ce_text.withimage.image_float_above {
    background: none
}

#main .mod_article .ce_text.withimage.image_float_above .text {
    padding: 0;
    margin: 0
}

#main .mod_article .ce_text.imagesize_3 {
    grid-gap: 20px;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr
}

#main .mod_article .mm_spalten .ce_text {
    padding-top: 0
}

#main .mod_article .mm_spalten .ce_text .text {
    padding: 0
}

#main .mod_article.bg_white {
    background: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0
}

#main .mod_article.bg_white .mm_spalten.grid_2 {
    margin-bottom: 80px
}

#main .mod_article.bg_white .mm_spalten.grid_2:last-child {
    margin-bottom: 0
}

#main .mod_article.bg_white .mm_spalten.grid_2 .ce_text {
    padding-top: 40px
}

#main .mod_article.bg_white .mm_spalten.grid_2 .ce_text h2 {
    font-size: 30px;
    font-size: 1.88rem;
    line-height: 130%
}

#main .mod_article.bg_red {
    background: #5b8e31;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
    color: #FFF
}

#main .mod_article.bg_red .mm_spalten.grid_2 {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 2fr 3fr;
    grid-template-columns: 2fr 3fr;
    grid-auto-rows: 1fr
}

#main .mod_article.bg_red .mm_spalten.grid_2:before,#main .mod_article.bg_red .mm_spalten.grid_2:after {
    content: none
}

#main .mod_article.bg_red a {
    color: #FFF
}

#main .mod_article.bg_red a.btn {
    background: #FFF;
    color: #5b8e31;
    display: inline-block;
    padding: 10px 20px;
    padding-left: 60px;
    margin-left: 10px
}

#main .mod_article.bg_red a.btn:first-child {
    margin-left: 0
}

#main .mod_article.bg_red a.btn:before {
    left: 14px
}

#main .image_container img.circle {
    border-radius: 100%
}

#main .ce_text.font_smaller h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 140%
}

#main .ce_text.withimage {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
    grid-auto-rows: 1fr;
    grid-template-areas: 'left right'
}

#main .ce_text.withimage:before,#main .ce_text.withimage:after {
    content: none
}

#main .ce_text.withimage.image_float_above {
    display: block
}

#main .ce_text.withimage.image_float_above>* {
    margin-bottom: 20px
}

#main .ce_text.withimage.image_float_above>*:last-child {
    margin-bottom: 0
}

#main .ce_text.withimage.image_float_right .image_container {
    grid-area: right
}

#main .ce_text.withimage.image_float_right .text {
    grid-area: left
}

#main .ce_text h2 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    font-size: 2.81rem;
    line-height: 115%
}

#main .ce_text h3 {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 115%
}

#main .ce_text .text>* {
    margin-bottom: 20px
}

#main .ce_text .text>*:last-child {
    margin-bottom: 0
}

#touristische_highlights .inside_wrap {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto
}

#touristische_highlights .inside_wrap:before,#touristische_highlights .inside_wrap:after {
    content: none
}

#touristische_highlights .inside_wrap .ce_text.intro,#touristische_highlights .inside_wrap .ce_text.more {
    grid-column-start: 1;
    grid-column-end: 4
}

#touristische_highlights .inside_wrap h3 {
    min-height: 2.6em
}

#touristische_highlights .inside_wrap .ce_text.withimage {
    display: none
}

#touristische_highlights .inside_wrap .ce_text.withimage .text {
    padding-right: 40px
}

#touristische_highlights .inside_wrap .ce_text.withimage:nth-child(2) {
    display: block
}

#touristische_highlights .inside_wrap .ce_text.withimage:nth-child(3) {
    display: block
}

#touristische_highlights .inside_wrap .ce_text.withimage:nth-child(4) {
    display: block
}

#main .mod_article#bewertungen {
    padding-top: 40px
}

#main .mod_article#bewertungen .ce_sliderStart {
    margin-bottom: 0;
    overflow: hidden
}

#main .mod_article#bewertungen .ce_sliderStart .slider-control .slider-menu {
    text-align: right
}

#main .mod_article#bewertungen .ce_sliderStart .text {
    position: relative;
    padding-left: 60px
}

#main .mod_article#bewertungen .ce_sliderStart .text:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 47px;
    height: 36px;
    background-image: url('/files/theme/img/zitat.png');
    background-size: contain;
    background-repeat: no-repeat
}

#main .mod_article#bewertungen .ce_sliderStart p {
    margin: 0;
    font-size: 23px;
    font-size: 1.44rem;
    line-height: 125%
}

#main .mod_article#bewertungen .ce_sliderStart em {
    font-size: 16px;
    font-size: 1rem;
    line-height: 115%;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



#extern_popup {
    position: fixed;
    z-index: 99999;
    left: 0;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(255,255,255,0.75)
}

#extern_popup.active {
    opacity: 1 !important
}

#extern_popup.active .inside {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

#extern_popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 44px;
    height: 44px;
    cursor: pointer
}

#extern_popup .close span {
    display: block;
    position: absolute;
    height: 2px;
    width: 60%;
    background: #AAA;
    border-radius: 9px;
    opacity: 1;
    left: 10%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#extern_popup .close span:nth-child(2),#extern_popup .close span:nth-child(3) {
    top: 20px
}

#extern_popup .close span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

#extern_popup .close span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#extern_popup .close span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#extern_popup .close span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

#extern_popup .inside {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    position: relative;
    border-radius: 10px;
    padding: 40px 20px;
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
    background: #f1ebdb;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.4)
}

#extern_popup .inside p {
    margin-bottom: 40px
}

.einfaden_wrapper .einfaden {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in
}

.einfaden_wrapper .einfaden.gefadet {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

#touristische_highlights .image_container .caption {
    display: none
}

#touristische_highlights .ce_text {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in
}

#touristische_highlights .ce_text.intro,#touristische_highlights .ce_text.more {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

#touristische_highlights .ce_text.gefadet {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

#muschelsammlung {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%
}

#muschelsammlung .inside {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 1400px
}

#muschelsammlung div {
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat
}

#muschelsammlung .m1 {
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 232px;
    height: 206px;
    top: 5%;
    left: -70px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#muschelsammlung .m2 {
    background-image: url('/files/layout/elemente/muschel_2.svg');
    width: 214px;
    height: 154px;
    left: -50px;
    top: 30%
}

#muschelsammlung .m3 {
    background-image: url('/files/layout/elemente/muschel_3.svg');
    top: 0;
    left: 44%;
    width: 152px;
    height: 136px;
    opacity: .2;
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    -o-transform: rotate(115deg);
    transform: rotate(115deg)
}

#muschelsammlung .m4 {
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 760px;
    height: 680px;
    top: 8%;
    left: 20%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: .1;
    mix-blend-mode: luminosity
}

#muschelsammlung .m5 {
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 232px;
    height: 206px;
    top: 10%;
    opacity: .5;
    right: 4%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

#muschelsammlung .m6 {
    background-image: url('/files/layout/elemente/muschel_2.svg');
    width: 142.66666667px;
    height: 102.66666667px;
    top: 25%;
    right: 4%;
    opacity: .2;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg)
}

#muschelsammlung .m7 {
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 152px;
    height: 136px;
    top: 35%;
    left: 60%;
    opacity: .2;
    -webkit-transform: rotate(26deg);
    -moz-transform: rotate(26deg);
    -ms-transform: rotate(26deg);
    -o-transform: rotate(26deg);
    transform: rotate(26deg)
}

#muschelsammlung .m8 {
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 232px;
    height: 206px;
    top: 45%;
    opacity: .85;
    left: 7%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

#muschelsammlung .m9 {
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 1160px;
    height: 1030px;
    top: 48%;
    opacity: .4;
    left: 9%;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg)
}

#muschelsammlung .m10 {
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 232px;
    height: 206px;
    top: 55%;
    opacity: .85;
    right: 2%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#muschelsammlung .m11 {
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 152px;
    height: 136px;
    top: 72%;
    left: 47%;
    opacity: .3;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg)
}

#muschelsammlung .m12 {
    background-image: url('/files/layout/elemente/muschel_2.svg');
    width: 214px;
    height: 154px;
    opacity: .5;
    left: -30px;
    top: 70%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

#muschelsammlung .m13 {
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 182.4px;
    height: 163.2px;
    top: 88%;
    left: 2%;
    opacity: .15;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

#muschelsammlung .m14 {
    background-image: url('/files/layout/elemente/muschel_2.svg');
    width: 214px;
    height: 154px;
    opacity: .5;
    right: -10px;
    top: 90%;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

#layout_muschel_1 {
    opacity: .25;
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 152px;
    height: 136px;
    position: absolute;
    left: 35%;
    margin: 0 !important;
    top: 60px;
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg)
}

#layout_muschel_2 {
    opacity: .25;
    margin: 0;
    background-image: url('/files/layout/elemente/muschel_3.svg');
    width: 228px;
    height: 204px;
    position: absolute;
    right: 50%;
    margin: 0 !important;
    bottom: 100px;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px)
}

#layout_muschel_3 {
    pointer-events: none;
    opacity: .7;
    display: inline-block;
    background-image: url('/files/layout/elemente/muschel.svg');
    width: 348px;
    height: 309px;
    position: absolute;
    left: 50%;
    top: 400px;
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    transform: translateX(400px)
}

.ce_text .layout_muschel_1,.ce_text .layout_muschel_2 {
    display: none
}

#main .mod_article.bg_baige {
    margin-bottom: 0;
    padding-bottom: 80px;
    overflow: visible
}

#main .mod_article.bg_baige .ce_text {
    position: relative;
    z-index: 5
}

#main .mod_article.bg_baige .ce_text.muschel_1 {
    overflow: visible
}

#main .mod_article.bg_baige .ce_text.muschel_1 .text {
    position: relative
}



#main .mod_article.bg_baige .ce_text.muschel_2 {
    overflow: visible
}



#main .mod_article.bg_baige .ce_text.muschel_3 {
    overflow: visible
}

#main .mod_article.bg_baige .ce_text.muschel_3 .text {
    position: relative
}



.ce_gallery ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto
}

.ce_gallery ul:before,.ce_gallery ul:after {
    content: none
}

#footer {
    padding: 40px;
    position: relative;
    overflow: hidden
}

#footer:before {
    position: absolute;
    left: -80px;
    top: -80px;
    opacity: .2;
    right: -80px;
    bottom: -80px;
    content: '';
    display: block;
    filter: blur(1px);
    background-image: url('/files/layout/wismarbucht1850.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply
}

#footer>.inside {
    zoom:1;width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    display: block;
    color: #5b8e31
}

#footer>.inside:before,#footer>.inside:after {
    content: "";
    display: table
}

#footer>.inside:after {
    clear: both
}

#footer>.inside .mm_spalten.grid_4 {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr
}

#footer>.inside .mm_spalten.grid_4:before,#footer>.inside .mm_spalten.grid_4:after {
    content: none
}

#footer>.inside .mm_spalten.grid_4 strong {
    margin-bottom: 20px;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 115%
}

#footer>.inside .mm_spalten.grid_4 li {
    margin-bottom: 20px
}

#footer>.inside .mm_spalten.grid_4 li:last-child {
    margin-bottom: 0
}

#footer>.inside .mm_spalten.grid_2 .mm_spalten_next .ce_text {
    text-align: right
}

#footer>.inside .mm_spalten.grid_2 .mm_spalten_next .ce_text li {
    display: inline-block;
    margin-left: 40px
}

#footer>.inside .mm_spalten.grid_2 .mm_spalten_next .ce_text li:first-child {
    margin-left: 0
}

#footer>.inside>.ce_text {
    margin-top: 80px;
    margin-bottom: 40px
}

#footer>.inside a {
    color: #5b8e31;
    text-decoration: none
}

#footer>.inside>* {
    margin-bottom: 20px
}

#footer>.inside>*:last-child {
    margin-bottom: 0
}

@media (max-width: 1200px) {
    #header #bar>.inside #logo {
        -webkit-transform:translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    #main .mod_article>.article_inside {
        padding-left: 20px;
        padding-right: 20px
    }

    #main .mod_article#article_maps>.article_inside {
        padding-left: 0;
        padding-right: 0
    }
}

#menu {
    display: none
}

@media (max-width: 999px) {
    #menu {
        position:fixed;
        z-index: 9999;
        display: inline-block;
        top: 10px;
        right: 10px;
        background: #FFF;
        border-radius: 4px;
        width: 45px;
        height: 45px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer
    }

    #menu span {
        display: block;
        position: absolute;
        height: 5px;
        width: 80%;
        background: #5b8e31;
        border-radius: 9px;
        opacity: 1;
        left: 10%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    #menu span:nth-child(1) {
        top: 8px
    }

    #menu span:nth-child(2),#menu span:nth-child(3) {
        top: 20px
    }

    #menu span:nth-child(4) {
        top: 32px
    }

    #header #bar>.inside .mod_navigation {
        display: block;
        transition: all .15s ease-in;
        -webkit-transition: all .15s ease-in;
        position: fixed;
        z-index: 999;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #header #bar>.inside .mod_navigation:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #444;
        opacity: .85
    }

    #header #bar>.inside .mod_navigation ul.level_1 {
        position: relative
    }

    #header #bar>.inside .mod_navigation ul.level_1 li {
        display: block;
        margin-bottom: 10px
    }

    #header #bar>.inside .mod_navigation ul.level_1 li:last-child {
        margin-bottom: 0
    }

    #header #bar>.inside .mod_navigation ul.level_1 li a,#header #bar>.inside .mod_navigation ul.level_1 li strong {
        background: #FFF;
        padding: 10px 20px;
        color: #5b8e31;
        display: inline-block
    }

    #header #bar>.inside .mod_navigation ul.level_1 li.active a,#header #bar>.inside .mod_navigation ul.level_1 li.active strong {
        background: #5b8e31;
        color: #FFF
    }

    html.menu_open #menu span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%
    }

    html.menu_open #menu span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    html.menu_open #menu span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    html.menu_open #menu span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%
    }

    html.menu_open #header #bar>.inside .mod_navigation {
        left: 0
    }

    #main .mod_article .ce_text.withimage h2,#main .ce_text h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 115%
    }

    #main .mod_article.bg_red .mm_spalten.grid_2 {
        display: block
    }

    #main .mod_article.bg_red .mm_spalten.grid_2 .center_height,#main .mod_article.bg_red .mm_spalten.grid_2 .ce_text {
        display: block;
        text-align: center
    }

    #main .mod_article.bg_red .mm_spalten.grid_2 .mm_spalten_first {
        margin-bottom: 10px
    }

    #main .mod_article.bg_red .mm_spalten.grid_2 p {
        text-align: center !important
    }

    .mm_spalten.grid_2 {
        display: block
    }

    .mm_spalten.grid_2 .float_right,.mm_spalten.grid_2 .float_left {
        float: none
    }

    .mm_spalten.grid_2>* {
        margin-bottom: 20px
    }

    .mm_spalten.grid_2>*:last-child {
        margin-bottom: 0
    }

    .mm_spalten.grid_2 .content-slider a {
        display: block
    }

    .mm_spalten.grid_2 .content-slider .slider-menu {
        bottom: 40px
    }

    #main .mod_article.bg_white .mm_spalten.grid_2 .ce_text {
        padding-top: 0 !important
    }

    #main .image_container img.circle {
        max-width: 200px
    }

    #footer>.inside .mm_spalten.grid_4 {
        display: block
    }

    #footer>.inside .mm_spalten.grid_4>div:nth-child(2),#footer>.inside .mm_spalten.grid_4>div:nth-child(3),#footer>.inside .mm_spalten.grid_4>div:nth-child(4) {
        display: none
    }
}

@media (max-width: 780px) {
    #header .mod_article .ce_text.highlight h1,#header .mod_article .ce_text .text .font_big {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 115%
    }

    #main .mod_article#bewertungen .ce_sliderStart p {
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 125%
    }

    #touristische_highlights .inside_wrap {
        display: block
    }

    #touristische_highlights .inside_wrap>* {
        margin-bottom: 40px
    }

    #touristische_highlights .inside_wrap>*:last-child {
        margin-bottom: 0
    }

    #touristische_highlights .inside_wrap h3 {
        min-height: auto
    }

    #main .mod_article.bg_baige .inside_wrap>* {
        margin-bottom: 40px
    }
}

@media (max-width: 640px) {
    a.btn {
        font-size:18px;
        font-size: 1.13rem;
        line-height: 115%
    }

    #header .ce_sliderStart .ce_image img {
        min-height: 300px
    }

    #header #bar>.inside {
        display: block;
        padding-right: 60px
    }

    #header #bar>.inside .ce_text {
        display: -ms-grid;
        display: grid;
        grid-gap: 0;
        -ms-grid-columns: 50px 1fr;
        grid-template-columns: 50px 1fr;
        grid-auto-rows: 1fr
    }

    #header #bar>.inside .ce_text:before,#header #bar>.inside .ce_text:after {
        content: none
    }

    #header #bar>.inside #logo {
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 115%
    }

    #main .ce_text.font_smaller h2 {
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 140%
    }

    #main .mod_article.bg_red a.btn {
        display: block;
        margin: 0;
        margin-bottom: 10px
    }

    #main .mod_article.bg_red a.btn:last-child {
        margin-bottom: 0
    }

    #main .mod_article .ce_text.withimage {
        display: block
    }

    #main .mod_article .ce_text.withimage .float_right,#main .mod_article .ce_text.withimage .float_left {
        float: none
    }

    #main .mod_article .ce_text.withimage .image_container {
        margin-bottom: 0
    }

    #main .mod_article .ce_text.withimage .image_container img {
        width: 100%
    }

    #main .mod_article .ce_text.withimage .image_container a {
        display: block
    }

    #main .mod_article .ce_text.withimage .text {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #main .mod_article .ce_text.withimage .text a.btn {
        position: relative;
        right: auto;
        bottom: auto
    }

    #main .mod_article .ce_text.withimage.image_float_left .text a.btn {
        position: relative;
        right: auto
    }

    #main .mod_article.bg_baige .ce_text.withimage .text {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    #main .mod_article.mobile_center .image_container {
        text-align: center
    }

    #main .mod_article.mobile_center .text {
        text-align: center
    }

    #main #touristische_highlights .ce_text {
        display: none
    }

    #main #touristische_highlights .ce_text.intro,#main #touristische_highlights .ce_text.more,#main #touristische_highlights .ce_text:nth-child(2),#main #touristische_highlights .ce_text:nth-child(3),#main #touristische_highlights .ce_text:nth-child(4) {
        display: block
    }

    #header #bar>.inside {
        padding: 10px
    }
}

@media (max-width: 500px) {
    .ce_gallery ul {
        display:-ms-grid;
        display: grid;
        grid-gap: 20px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-auto-rows: auto
    }

    .ce_gallery ul:before,.ce_gallery ul:after {
        content: none
    }

    #main .ce_text.font_smaller h2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 140%
    }
}


.nav--main .level_2 {
   position: absolute;
   left: auto;
   z-index: 1001;
   opacity: 0;
   max-height: 0;
   transition: opacity 0.2s 1s, max-height 0s 1.2s;
}

.nav--main .submenu:hover .level_2 {
   opacity: 1;
   max-height: 100%;
   transition-delay: 0s;
}

.nav--main .level_2 li {
	display:block !important;
	    padding: 4px 5px;
    margin-top: 5px;
    text-align:left;
}

.belegungskalender h3 {
	text-align:center;
	margin-bottom: 15px;
    margin-top: 15px;
}

.googlemap {
	text-align:center;
}

.copyright {
	background:#fff;
	color:#5b8e31;
	text-align:center;
	padding:15px 25px;
}

#header #bar>.inside .mod_navigation .level_1 li a, #header #bar>.inside .mod_navigation .level_1 li strong {
	font-size:1.15rem;
}

#header #bar>.inside .mod_navigation .level_2 li a, #header #bar>.inside .mod_navigation .level_2 li strong {
	font-size:1.05rem;
}

#header #bar>.inside .mod_navigation .level_1 li a, #header #bar>.inside .mod_navigation .level_1 li strong {
    font-size: 1.05rem;
}