:root {
--headerHeight: 150px;
}
:root {
--headerHeightForOverlay: 0px;
}
@media screen and (max-width: 767px) {
:root {
--oc-padding-horizontal: -35px;
}
} .nomargin {margin: 0};
.section-with-border {
border-top: 3px solid var(--contrast);
border-bottom: 3px solid var(--contrast);
}
a {
text-decoration: underline;
}
h1 a, h2 a, h3 a, h4 a, .a-unstyled a {
text-decoration: none;
}
h1, h2, h3, h4 {
word-break: normal;
overflow-wrap: normal;
} .gb-button:not(.unstyled) {
border: 2px solid;
padding: 10px 15px;
color: var(--contrast-2);
}
.gb-button:not(.unstyled):hover {
background: var(--accent);
}
.bg-contrast-3 {
background: var(--contrast-3);
}
.content-ul {
list-style: none; 
margin: 0 0 1.5em 1.5em;
}
.content-ul li::before {
content: "\2022"; 
color: var(--accent); 
font-weight: bold; 
display: inline-block; 
width: 1.5em; 
margin-left: -1.5em; 
}  .site-header {z-index: 999;}
@media screen and (min-width: 1200px) {
.navigation-stick {
max-width: 1920px;
margin: 0 auto;
padding: 0px;
}
.site-header {
border-bottom: 3px solid var(--contrast);
}
.main-navigation .inside-navigation {
height: 100%;
justify-content: flex-end;
margin: 0;
}
.inside-header {
height: 150px;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
padding: 0;
}
.site-logo {
display: flex;
flex:2;
flex-direction: column;
width: 15%;	
border-right: 3px solid black;
padding: 20px;
justify-content: center;
align-items: center;
}
#primary-menu,
#primary-menu > ul {
flex: 1;
justify-content: center;
}
.top-bar, #site-navigation {
width: 85%;
display: flex;
flex-direction: column;
}	
#site-navigation {
flex: 1;
margin: auto;
}	
} .main-navigation ul ul {box-shadow: none;}
@media screen and (min-width: 1200px) {
.main-navigation ul ul {width: auto;} #menu-main, #primary-menu, #menu-main > li {height: 100%;}
#menu-main > li {
display: flex;
align-items: center;
}
.main-navigation li.menu-item-has-children_ {position: static;}
.main-navigation .wrap-drowdown {
display: block;
position: fixed;
background: var(--contrast);
left: 0;
right: 0;
top: var(--headerHeight);
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 70px 50px;
height: auto;
opacity: 1;
}
.main-navigation .wrap-drowdown > ul.sub-menu {
left: 0;
right: 0;
height: auto;
width: 100%;
box-shadow: none;
opacity: 1;
position: relative;
overflow: auto;
pointer-events: auto;
max-width: 1700px;
float: none;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-around;
}
.wrap-drowdown > ul.sub-menu_ > li.dropdown-headline {
margin-bottom: 15px;
}
.wrap-drowdown > ul.sub-menu > li {
width: auto;
}
.wrap-drowdown > ul.sub-menu_ li a {
display: inline-block; 
border-bottom: 1px solid transparent;
}
.main-navigation .main-nav ul ul li a,
.main-navigation .main-nav ul li.menu-item-has-children>a {
padding: 5px 0;
white-space: nowrap;
}
.wrap-drowdown > ul.sub-menu > li a {
border-bottom: 1px solid transparent;
}
.wrap-drowdown > ul.sub-menu > li a:hover,
.wrap-drowdown > ul.sub-menu > li.current-menu-item > a {
border-bottom: 1px solid #fff;
}
.wrap-drowdown > ul.sub-menu > li.dropdown-headline > a {
font-weight: 700;
}
.wrap-drowdown > ul.sub-menu span.dropdown-menu-toggle {
display: none;
} .wrap-drowdown ul ul {
position: relative;
opacity: 1;
left: 0;
height: auto;
margin-top: 15px;
}
.main-navigation ul {
box-shadow: none;
}
.main-navigation:not(.toggled) ul ul li:hover>ul {
left: auto;
}
} nav.is_stuck.main-navigation .main-nav ul li.menu-item-has-children>a {padding: 0 !important;}
.c-quicknav .quickinfo-notdienst,
.c-quicknav .quickinfo-more {
transition: all .3s ease-Out;
}
.c-quicknav .quickinfo-notdienst.narrow {
flex-basis: 35%;
}
.c-quicknav .quickinfo-more.wide {
background: var(--accent);
}
.c-quicknav .btn-show-bereitschaftszeiten a {
font-family: Zedou;
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
text-transform: none;
}
@media screen and (max-width: 768px) {
.c-quicknav .btn-show-bereitschaftszeiten a {
font-size: 18px;
}
}
@media screen and (min-width: 1200px) {
.navigation-branding img {
height: 90px;
}
.main-navigation .c-quicknav {
border-left: 3px solid var(--contrast);
}
.sticky-enabled .main-navigation.is_stuck {
box-shadow: none;
border-bottom: 3px solid var(--contrast);
}
.main-navigation.is_stuck .c-quicknav {
height: 90px;
flex-basis: 25.5%;
}
.nav-float-right .navigation-stick .navigation-branding {
width: 15%;
justify-content: center;
border-right: 3px solid var(--contrast);
height: 90px;
} .c-quicknav .gb-icon path, .c-quicknav .gb-icon circle {transition: fill .3s ease;}
.has-icon-notdienst .gb-icon .st0 {
fill: #454545 !important;	
}
.has-icon-notdienst .gb-icon .st2 {
fill: #f2f2f2 !important;	
}
.has-icon-notdienst .gb-icon .st3 {
fill: #f2f2f2 !important;		
}
.has-icon-notdienst:hover .gb-icon .st2 {
fill: #f1d647 !important;
}
.has-icon-notdienst:hover .gb-icon .st3 {
fill: #ffffff !important;		
} .has-icon-info .gb-icon .st0 {
fill: #f2f2f2 !important;	
}
.has-icon-info:hover .gb-icon .st0 {
fill: #f1d647 !important;
}
.wide .has-icon-info .gb-icon .st0 {
fill: #f1d647 !important;
}
}
@media screen and (max-width: 1199px) {
#mobile-header {
border-bottom: 3px solid var(--contrast);
}
#mobile-header > .inside-navigation {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
#mobile-header .site-logo.mobile-header-logo {
flex: 0 0 25%;
margin: 0;
justify-content: center;
}
#mobile-header .xs-header-wrap .menu-toggle {
display: inline-flex;
display: inline-flex;
justify-content: end;
padding: 10px 20px;
border-bottom: 3px solid var(--contrast);
}
#mobile-header .xs-header-wrap {
flex: 0 0 75%;
display: flex;
flex-direction: column-reverse;
align-items: stretch;
border-left: 3px solid var(--contrast);
}
#mobile-header .xs-header-wrap .c-quicknav {
flex: 1 0 100%;
width: auto;
align-items: end;
}
#mobile-header .xs-header-wrap .c-quicknav > .gb-container {
flex: 0 0 50%;
} #sticky-placeholder {
height: 95px;
max-width: 95%;
overflow: hidden;
}
}
@media screen and (max-width: 1199px) {
#mobile-header .xs-header-wrap .c-quicknav .gb-icon {
display: none;
}
.quickinfo-more {position: static;}
.c-quicknav {position: relative;}
} @media screen and (min-width: 1200px) and (max-width: 1400px) {
.main-navigation .main-nav ul li a {
padding-left: 15px;
padding-right: 15px;
font-size: 22px;
}
.menu-item-has-children .dropdown-menu-toggle {
padding-right: 0;
}
} #generate-slideout-menu ul ul {
padding-left: 15px;	
box-shadow: none;
margin-bottom: 10px;
}
#generate-slideout-menu ul ul ul {
padding-left: 15px;
}
#generate-slideout-menu.slideout-navigation button.slideout-exit {
text-align: right; 
font-size: 28px;
}
#generate-slideout-menu .dropdown-menu-toggle {
font-size: 22px;
color: var(--contrast);
} .xs-header-social {
display: none;
}
@media screen and (max-width: 1199px) {
.xs-header-social {
display: block;
position: absolute;
left: 33%;
top: 10px;
}
} .portal-hero_headline {
position: absolute;
left: 40px;
top: 50%;
width: 50%;
transform: translateY(-50%);
}
.portal-hero_video {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.portal-hero_video > video {
height: 320px;
width: auto;
}
}
@media screen and (min-width: 1400px) {
.portal-hero_headline {
width: 50%;
font-size: 120px !important;
}
}  .wrapper-topic-navigation {
border-top: 3px solid var(--contrast);
border-right: 3px solid var(--contrast);
}
.topic-item {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
}
.topic-item h3 {
color: #fff;
transition: all .2s ease;
}
.topic-item-plain-accent-2 {
background: var(--accent-2);
}
.topic-item-plain-contrast {
background: var(--contrast);
} @media screen and (max-width: 767px) {
.wrapper-topic-navigation {
border: 3px solid var(--contrast);
}
.wrapper-topic-navigation > .topic-item.xs-6:not(:first-child),
.wrapper-topic-navigation > .topic-item.xs-w-50:not(:first-child){
border-left: 3px solid var(--contrast);
}
.wrapper-topic-navigation > .topic-item:not(:last-child) {
border-bottom: 3px solid var(--contrast);
}
.topic-item h3.gb-headline-text {
font-size: 22px;
}
.topic-item {
width: 100%;
}
.topic-item.xs-w-50 {
width: 50%;
}	
.topic-item.xs-6 {
width: 50%;
aspect-ratio: 1 / 1;
height: auto;
}
.topic-item.xs-ratio-3-2 {
aspect-ratio: 3 / 2;
height: auto;
}
.topic-item.xs-ratio-2-3 {
aspect-ratio: 2 / 3;
height: auto;
}
}
@media screen and (min-width: 768px) {
.topic-item:before {
content:'';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: background .9s ease; }
.topic-item:hover:before {
background: rgba(255,255,255,0.7);
transition: background .2s ease;
}
.topic-item h3 {
font-size: 28px;
z-index: 999;
pointer-events: none;
}
.topic-item:hover h3 {
color: var(--contrast);
transition: all .5s ease;
} .wrapper-topic-navigation > .topic-item {
border-left: 3px solid var(--contrast);
border-bottom: 3px solid var(--contrast);
}
.wrapper-topic-navigation__ > .topic-item:nth-child(3n+1) {
border-left: none;
}
}
@media screen and (min-width: 1200px) {
.topic-item {
height: 500px;
}
} .velden-slider {
margin: 25px 0;
}
.velden-slider.velden-slider_nomargin {
margin: 0;
}
.velden-slider.velden-slider_nopadding {
padding: 0;
}
.velden-slider .slick-list {
padding: 0 25px 0 25px;
}
.velden-slider.velden-slider_nopadding .slick-list {
padding: 0;
}
.velden-slider .slick-track {
display: flex;
}
.velden-slider .slick-track > .slick-slide {
border: 3px solid var(--contrast);
position: relative;
height: auto;
margin: 0 5px;
padding: 0;
}
.velden-slider .slick-dots {
bottom: -35px;
}
.velden-slider .slick-dots li button:before {
font-size: 15px;
color: var(--contrast-2);
}
.velden-slider .slick-dots li.slick-active button:before {
color: var(--accent);
} .velden-slider .discount {
position: absolute;
left: 0;
top: 0;
line-height: 1.2;
font-size: 1.4em;
padding-left: 20px;
padding-right: 20px;
color: #fff;
border-color: var(--contrast);
border-style: solid;
border-width: 0 3px 3px 0;
background: var(--accent);
transform: translateX(-100%);
transition-delay: .5s;
transition: all .5s ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.velden-slider .slick-active .discount {
transform: translateX(0);
}
@media screen and (min-width: 768px) {
.velden-slider .slick-list {
padding: 0 50px 0 50px;
}
.velden-slider {
margin: 40px 0;
}
}
@media screen and (min-width: 1024px) {
.velden-slider {
margin: 50px 0;
}
.velden-slider .slick-list {
padding: 0 100px 0 100px;
}
} .velden-slider.news-slider .news-thumb {
height: 250px !important;
width: 100% !important;
background-size: cover;
}
.velden-slider.news-slider .slick-slide {
background: #fafafa;
padding-bottom: 70px;
}
.velden-slider.news-slider .slick-slide .gb-button {
position: absolute;
bottom: 15px;
left: 20px;
right: 20px;
} blockquote.wp-block-quote {
border-left: 10px solid #F1D64750;
} .btn-dropdown-panel {
cursor: pointer; 
}
.dropdown-panel {
position: absolute;
left: -3px;
right: 0;
top: 100%;
color: var(--contrast);
font-size: 15px;
z-index: 999;
display: none;
}
.dropdown-panel a {
font-size: inherit;
font-weight: inherit;
text-transform: none;
font-family: inherit;
display: inline-block;
text-decoration: underline;
}
.dropdown-panel p {
margin-bottom: 10px;
}
.dropdown-panel > p:last-child {
margin-bottom: 0;
} .gb-block-image img {
vertical-align: middle;
block-size: auto;
}
.img-ratio-1-1 {
aspect-ratio: 1/1;
}
.img-ratio-2-1 {
aspect-ratio: 2/1;
}
.img-ratio-1-2 {
aspect-ratio: 1/2;
}  body:not(.single) article.post {padding-bottom: 0 !important; }
body:not(.single) article.post > .inside-article {
border: 3px solid var(--contrast);
padding: 0 !important;
}
body:not(.single) article.post > .inside-article .post-image {
border-bottom: 3px solid var(--contrast);
margin-bottom: 0;
}
@media screen and (max-width: 980px) {
body:not(.single) .resize-featured-image .post-image img {
height: 290px;
object-fit: contain;
}
}
body:not(.single) .resize-featured-image .post-image img {vertical-align: bottom; width: 100%;}
body:not(.single) article.post > .inside-article .entry-header {
padding: 30px 10px 20px 10px;
text-align: center;
}
body:not(.single) article.post > .inside-article .entry-summary {
padding: 0 20px 30px 20px;
text-align: center;
margin: 0;
} @media screen and (min-width: 1024px) {
body.post-template-default.single .post {
padding: 20px;
}
}
body.post-template-default.single .featured-image {
text-align: left;
}
body.post-template-default.single footer.entry-meta {
clear: both;
display: block;
}
body.post-template-default.single footer.entry-meta .post-navigation {
border: 2px solid var(--contrast-3);
clear: both;
padding: 10px 15px;
display: inline-block;
}
@media screen and (min-width: 1200px) {
body.post-template-default.single .post {
padding: 40px;
}
body.post-template-default.single #right-sidebar > .inside-right-sidebar {
border-left: 3px solid var(--contrast);
position: sticky;
top: 100px;
}
}
@media screen and (max-width: 1200px) {
body.blog #block-3 {
padding: 0;
}
} body.blog #content {
display: flex;
flex-direction: column-reverse;
row-gap: 40px;
}
body.blog #content > div {
width: 100%;
}
body.blog #content > div ul.wp-block-categories {
display: flex;
column-gap: 25px;
}
body.blog #content > div ul.wp-block-categories li {
background: #f2f2f2;
padding: 10px;
margin: 0;
}
body.blog #content > div ul.wp-block-categories li a {
text-decoration: none;
}
@media screen and (max-width: 980px) {	
body.blog #content > div ul.wp-block-categories {
flex-direction: column;
row-gap: 10px;
}
} .forminator-description {
font-weight: 300 !important;
font-size: 14px !important;
}
.forminator-input, .forminator-textarea {
background-color: #e3e3e3 !important;
color: #333 !important;
font-size: 18px;
}
.forminator-input::placeholder, .forminator-textarea::placeholder {
font-weight: 300;
opacity: 0.75;
font-size: 17px !important;
} 
.forminator-ui .forminator-multi-upload {
background-color: #e3e3e3 !important;
}
.forminator-checkbox__label > p {
color: #707070 !important;
font-size: 16px !important;
}
.forminator-checkbox__label > p a {
text-decoration: underline;
}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box  {
background-color: #e3e3e3 !important;
}
.forminator-button.gb-button {
background: none;
border: 2px solid var(--contrast) !important;
padding: 10px 15px !important;
}
.forminator-button.gb-button:hover {
background: var(--accent);
border: 2px solid var(--contrast);
box-shadow: none !important;
}
.forminator-ui#forminator-module-2010.forminator-design--flat .forminator-error-message {
background-color: #F9E4E8;
color: #ff0000;
font-size: 13px;
font-family: inherit;
} .btn-show-bereitschaftszeiten {
cursor: pointer;
}
.overlay_bereitschaft {
top: var(--headerHeightForOverlay);
left: 0;
right: 0;
transition: transform .3s cubic-bezier(.2,.68,.43,.99);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
position: fixed;
z-index: 100;
border-bottom: 3px solid var(--contrast);
transform: translate3d(0,-100%,0);
}
.overlay_bereitschaft.is-visible {
transform: translate3d(0,0,0);
height: 80%;
}
.btn-close-bereitschafts-overlay {
position: absolute;
right: 10%;
top: 10%;
} .site-logo.mobile-header-logo, 
.mobile-header-navigation .site-logo.mobile-header-logo img{
height: 70px !important;
}