#imprint h1 { text-align: left; color: var(--orange) !important; margin-top: 40px !important; }
#imprint h2 { font-size: 1.25em; margin-top: 40px !important; margin-bottom: 20px; text-decoration: underline; }
#imprint b { margin-top: 20px; display: block; }
#imprint a { text-decoration: none; color: var(--blue); }
#imprint ul { list-style: disc; margin-bottom: 18px; }
#imprint ul li { margin-left: 20px; }
#imprint p.underline { text-decoration: underline; margin-top: 20px; }

#wartung { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999999999999; background: var(--white); display: flex; justify-content: center; align-items: center; flex-direction: column; display: none; }
#wartung img { height: 60px; display: block; margin-bottom: 40px; }
#wartung p { font-size: 1.25em; color: var(--orange); }

.termin { display: none; }


a.thin { font-weight: 400 !important; text-decoration: none !important; }
strong { font-weight: bolder !important; }

.acc.btn { display: none; justify-content: flex-end; align-items: center; padding: 14px; height: 66px; width: 100%; position: absolute; right: 0; top: 0; }
.acc.content p.nomargin.mobile, .acc.content p.mobile { display: none; }

@media only screen and (max-width: 948px) {
.acc.btn { display: flex; }
.acc.btn img { height: 8px; width: auto; }
.acc.content { overflow: hidden; height: 0; width: 100%; text-align: center; }
.acc.content .frame { padding: 14px 0; }
.acc.content p.nomargin.desktop, .p-verah.desktop { display: none !important; }
.acc.content p.nomargin.mobile, .acc.content p.mobile { display: inherit; }
}



/*----------------------------------------------------------------------------------
ROOT
----------------------------------------------------------------------------------*/
.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.bold { font-weight: 700; }
.nomargin { margin: 0 !important; }
.hide { opacity: 0; pointer-events: none; }
.br-mobile { display: none; }

#hinweisbanner { position: fixed; top: 80px; left: 0; width: 100%; height: auto; background: var(--orange); padding: var(--pad-div); z-index: 998; text-align: center; color: var(--white); }
#hinweisbanner p { color: var(--white) !important; margin: 0 !important; }


/*----------------------------------------------------------------------------------
SECTION
----------------------------------------------------------------------------------*/
body { background: var(--white); }
section { position: relative; z-index: 1; overflow: hidden; }
#startseite { height: 100vh; padding: 0; }
#ueber-uns { height: auto; padding: var(--pad-section); background: var(--lightblue); }
#team { height: auto; padding: var(--pad-section-btm); }
#kontakt { height: auto; padding: var(--pad-section); background: var(--lightblue); }
#footer { height: auto; padding: var(--pad-section); padding-bottom: 20px; background: var(--orange); }
#imprint { height: auto; padding: var(--pad-section); }

@media only screen and (max-width: 948px) {
#startseite { height: auto; padding-bottom: 40px; }
#kontakt { padding-bottom: 20px !important; }
#team { padding-top: 60px !important; }
#ueber-uns { padding-bottom: 80px !important; }
}
/*----------------------------------------------------------------------------------
STARTSEITE
----------------------------------------------------------------------------------*/
.home-container { height: calc(100% - 120px); margin-top: 120px; }
.home-container img { width: 90%; height: calc(100% - 141px); object-fit: cover; margin: 0 auto; border-radius: var(--radius); }
.home-container .information { background: var(--white); height: auto; width: 100%; padding: 30px 5%; }
.home-container .information .bold { display: inline-block; min-width: 48px; } 
.home-container .information .orange.bold { width: auto; }
.home-container .information a { color: var(--blue); }
.mobile.buttonbox { display: none; }

@media only screen and (max-width: 1238px) {
.home-container img { width: 95%; }
.home-container .information { padding: 30px 2.5%; }
}
@media only screen and (max-width: 1128px) {
.home-container .information .bold { min-width: 42px; } 
}
@media only screen and (max-width: 1028px) {
.home-container img { width: 100%; }
.home-container .information .sprech .bold { min-width: 32px; } 
}
@media only screen and (max-width: 948px) {
.home-container { margin-top: 100px; }
.home-container img { height: calc(100% - 324px); }
.home-container .information { padding: 20px 2.5%; flex-wrap: wrap; flex-direction: column; }
.home-container .information .col { width: 100%; text-align: center; }
.home-container .information .col:first-of-type, .home-container .information .col:nth-child(2) { margin-bottom: 20px; }
.home-container .information .bold { min-width: inherit; }
.home-container .information .col br.last { display: none; }
.col.sprech { text-align: left !important; max-width: 230px; }
.mobile.buttonbox { display: inherit; margin-top: 20px; margin-bottom: 2px; }
}
/*----------------------------------------------------------------------------------
ÜBER UNS
----------------------------------------------------------------------------------*/
.about-container { height: auto; width: 100%; padding: var(--pad-container); row-gap: 40px; flex-wrap: wrap; margin-top: 40px; }
.about-container .col { position: relative; height: auto; width: calc(33.33% - 30px); background: var(--white); border-radius: var(--radius); padding: var(--pad-div); align-self: stretch; aspect-ratio : 1 / 1; }
.about-container .col.img { padding: 0 !important; }
.about-container .col.img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: var(--radius); }
.about-container .col .icon { width: 50px; height: 50px; margin: 0 auto 5% auto; }
.about-container .col h3 { text-align: center; margin-bottom: 5%; }
.about-container .col ul { list-style: disc; padding-inline-start: 20px; width: fit-content; margin: 0 auto; }
.about-container .col ul li { width: fit-content; }
.about-container .col button { display: block; margin: 20px auto 0 auto; }

@media only screen and (max-width: 1238px) {
.about-container .col { width: calc(33.33% - 20px); }
}
@media only screen and (max-width: 1128px) {
.about-container .col.img { display: none; }
.about-container .col { width: calc(50% - 20px); aspect-ratio: unset; }
}
@media only screen and (max-width: 948px) {
.about-container { row-gap: 12px; }
.about-container .col { width: 100%; align-self: auto; display: flex; justify-content: flex-around; align-items: center; flex-wrap: wrap; }
.about-container .col .icon { margin: 0 5% 0 0; width: 42px; height: 42px; }
.about-container .col h3 { position: relative; left: -21px; margin: 0 auto 0 auto; }
}
/*----------------------------------------------------------------------------------
TEAM
----------------------------------------------------------------------------------*/
.teambox { display: flex; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; gap: 40px; margin: 40px auto 0 auto; max-width: 1500px; }
.teambox .col { position: relative; min-width: calc(20% - 40px); max-width: 230px; flex: 0; overflow: hidden; }
.teambox .col .head { width: 100%; height: 260px; border-radius: var(--radius); }
.teambox .col .head img { width: 100%; height: 100%; margin: 0 auto; object-fit: cover; object-position: top center; border-radius: var(--radius); }
.teambox .col .content { padding: var(--pad-div-top); text-align: center; }
.teambox .col button { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); }

.subteam { overflow: hidden; }
.subteam .teambox { max-height: 368px; }
.subteam .overlay { z-index: 10; content:''; width: 100%; height: 370px; position: absolute; bottom: 0; left: 0; background: var(--gradient-transparent); }
.subteam .overlay button { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); padding: 20px; }
.teambox br.mobile { display: none; }

.slick-prev, .slick-next, .slick-dots button { box-shadow: none !important; z-index: 9999999; top: calc(50% - 24px); }
.slick-next { right: 0; }
.slick-prev { left: 0; }
.slick-prev:before, .slick-next:before { color: var(--blue) !important; }
.slick-dots { bottom: -6px; }
.slick-dots li button:before { color: var(--black) !important; }
.slick-dots li.slick-active button:before { color: var(--blue) !important; }

.team-slide [type=button]:focus, .team-slide [type=button]:hover, .team-slide [type=submit]:focus, .team-slide [type=submit]:hover, .team-slide button:focus, .team-slide button:hover { background: inherit !important; }

@media only screen and (max-width: 1238px) {
.teambox { gap: 30px; }
.teambox .col .head { height: 234px; }
}
@media only screen and (max-width: 1128px) {
.teambox .col .head { height: 214px; }
}
@media only screen and (max-width: 1075px) {
.teambox .br-mobile { display: inherit; }
}
@media only screen and (max-width: 948px) {
.subteam { overflow: visible; position: relative; max-width: 90%; margin: 0 auto; }
.teambox { gap: 12px; max-width: 100%; justify-content: center; }
.teambox .col { max-width: inherit; display: inline-flex !important; flex-direction: column; justify-content: center; align-items: center; }
.teambox .content { max-width: 170px; }
.teambox .col .head { height: 168px; min-width: inherit; max-width: 148px; }
.teambox .col .head img { max-height: 168px; max-width: 148px; }
.subteam .teambox { margin-top: 12px; max-height: inherit; display: inline-block; opacity: 0; position: absolute; z-index: -1; }
.subteam .teambox .col { width: auto; max-width: inherit !important; min-width: inherit !important; }
.subteam .overlay { position: relative; height: 64px; background: transparent; margin-bottom: 80px; margin-top: 20px; }
.subteam .overlay button { top: 0; }
.teambox br.mobile { display: inherit; }
}
@media only screen and (max-width: 848px) {
.teambox { max-width: 648px; }
.teambox .col, .subteam .teambox .col { max-width: 120px !important; min-width: 120px !important; }
.teambox .col .head { height: 120px; min-width: inherit; max-width: 120px; }
.subteam { text-align: center; }
.slick-slide { text-align: center; }
.slick-dots { bottom: -20px; }
.teambox .col button { bottom: 72px; }
}
@media only screen and (max-width: 684px) {
.teambox { max-width: 515px; }
.teambox .content { font-size: 0.95em; }
.subteam { display: flex; }
.subteam .teambox { max-width: 264px; }
.slick-next { right: -20px; }
.slick-prev { left: -20px; }
}
@media only screen and (max-width: 408px) {
.teambox .col, .subteam .teambox .col { max-width: 110px !important; min-width: 110px !important; }
.teambox .col .head { height: 110px; min-width: inherit; max-width: 110px; }
.subteam .teambox { max-width: 244px; }
}
/*----------------------------------------------------------------------------------
KONTAKT
----------------------------------------------------------------------------------*/
.kontaktbox { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; border-radius: var(--radius); overflow: hidden; }
.kontaktbox .col.map { width: 60%; height: auto; align-self: stretch; }
.kontaktbox .col.kontakt { width: 40%; background: var(--white); padding: var(--pad-div); align-self: center; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; }
.kontaktbox .col.kontakt .iconbox { width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; }
.kontaktbox .col.kontakt .iconbox img { width: 34px; height: 34px; margin: 6px 16px 0 0; }
.kontaktbox .col.kontakt span.bold { display: inline-block; min-width: 48px; }
.kontaktbox .col.kontakt p { margin: 0 !important; } 
.kontaktbox .col.kontakt a { font-weight: 700; color: var(--blue); text-decoration: underline; }
.kontaktbox .col.map iframe { width: 100%; height: 100%; }

.footer-logo { position: absolute; bottom: -2px; right: 5%; width: auto; height: 45px; }

@media only screen and (max-width: 1238px) {
.kontaktbox .col.kontakt .iconbox img { width: 28px; height: 28px; margin: 6px 12px 0 0; }
.footer-logo { right: 2.5%; }
}
@media only screen and (max-width: 948px) {
.footer-logo { height: 32px; }
.kontaktbox { flex-direction: column; }
.kontaktbox .col.map { width: 100%; align-self: auto; height: 400px; }
.kontaktbox .col.kontakt { width: 100%; align-self: auto; gap: 12px; }
.kontaktbox .col.kontakt .iconbox { width: auto; text-align: center; }
.kontaktbox .col.kontakt .iconbox img { display: none; }
.kontaktbox .col.kontakt .iconbox:first-of-type { margin-top: 20px; }
.kontaktbox .col.kontakt .iconbox:last-of-type { margin-bottom: 20px; }
.kontaktbox .iconbox.mobile { display: none !important; }
.kontaktbox .col.kontakt span.bold { min-width: inherit; }
}
/*----------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------*/
#head { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: var(--white); z-index: 999; }
.headbox { height: 100%; display: flex; justify-content: space-between; align-items: center; padding: var(--pad-lr); }
.headbox .logo img { height: 58px; width: auto; }
.headbox .menu { display: flex; justify-content: space-between; align-items: center; }
.headbox .menu a { color: var(--blue); margin-right: 30px; text-decoration: none; }
.headbox .menu a:last-of-type { margin-right: 0; }

button { border-radius: var(--radius); background: var(--orange); padding: 2px 8px; color: var(--white); border: none; cursor: pointer !important; }
.termin { margin-right: 30px; }
.rezept { margin-right: 0; }

@media only screen and (max-width: 948px) {
.headbox .logo img { height: 52px; }
}
/*----------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------*/
.imprint { width: 100%; text-align: center; color: var(--white) !important; }
.imprint a { color: var(--white) !important; text-decoration: none; font-size: inherit; }
/*----------------------------------------------------------------------------------
BURGER MENU
----------------------------------------------------------------------------------*/
.burger-menu { width: 50px; height: 50px; position: relative; display: inline-block; cursor: pointer; z-index: 9999999; display: none; }

.burger .icon { height: 5px; width: 38px; top: 23px; left: 6px; background: var(--blue); border-radius: 0; position: absolute; }
.burger .icon::before, .burger .icon::after { position: absolute; left: 0;  height: 5px; width: 38px; background: var(--blue); border-radius: 0; content: ""; }
.burger .icon::before { top: -12px; }
.burger .icon::after { top: 12px; }
.burger p { margin: 0; position: absolute; bottom: -10px; font-size: 0.55em; left: 50%; transform: translateX(-50%); }
.burger.open p { display: none; }

.burger.open { background: var(--white); }
.burger.open .icon { background: transparent !important; }
.burger.open .icon::before, .burger.open .icon::after { background: var(--orange); height: 5px; border-radius: 0; }
.burger.open .icon::before { transform: rotateZ(45deg) translate(9px, 8px); }
.burger.open .icon::after { transform: rotateZ(-405deg) translate(9px, -9px); }

#menu-container { z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--white); display: flex; justify-content: center; flex-direction: column; align-items: center; opacity: 0; pointer-events: none; visibility: hidden; }
#menu-container.active { opacity: 1; pointer-events: all; visibility: visible; }
#folding-menu, #folding-menu li { width: 100%; text-align: center; } 
#folding-menu li a { text-decoration: none; margin: 30px 0; display: block; color: var(--blue); font-weight: 500; }

#menu-container .buttonbox { display: flex; flex-direction: column; justify-content: center; margin-top: 20px; }
#menu-container .buttonbox .termin { margin: 0 !important; }

@media only screen and (max-width: 948px) {
.desk { display: none; }
.burger-menu { display: inherit; }
}
/*----------------------------------------------------------------------------------
POPUP
----------------------------------------------------------------------------------*/
.p-overlay { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; height: 95%; background: var(--lightblue); opacity: 0; z-index: -1; }
.popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: fit-content; max-height: 90%; background: var(--white); opacity: 0; z-index: -1; border-radius: var(--radius); border: 1px solid #F08727; max-width: 1300px; overflow-x: hidden; }
.popup.p5 { max-width: 900px; }

.popup .head { position: sticky; top: 0; left: 0; width: 100%; height: auto; display: flex; justify-content: flex-end; padding: 0 10px 0 20px; z-index: 999999; }
.popup h3 { text-align: center; margin-bottom: 40px; }
.popup .content { position: relative; padding: 0 20px 20px 20px; }
.popup a { color: var(--blue); font-size: 0.85em; }
.popup .pop-img { border: var(--radius); }

.verah-container { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.verah-container img { width: 50%; }
.verah-container div { width: 50%; }
.popup.p4 img { border-radius: var(--radius); }

.p-close { width: 50px; height: 50px; display: inline-block; cursor: pointer; z-index: 9999999; position: relative; }
.p-close .icon { height: 5px; width: 38px; top: 23px; left: 6px; background: transparent; border-radius: 0; position: absolute; }
.p-close .icon::before, .p-close .icon::after { position: absolute; left: 0; height: 5px; width: 28px; background: var(--orange); border-radius: 0; content: ""; }
.p-close .icon::before { top: -12px; transform: rotateZ(45deg) translate(9px, 8px); }
.p-close .icon::after { top: 12px; transform: rotateZ(-405deg) translate(9px, -9px); }

.link-sammlung { display: flex; justify-content: center; align-items: flex-start; gap: 40px; }
.link-sammlung .col { width: fit-content; }
.link-sammlung .col p.title { max-width: 350px; color: var(--blue); font-weight: 700; margin-top: 40px; }
.link-sammlung .col p.title strong { font-weight: 700 !important; }
.link-sammlung .col p { padding-left: 8px; }
.link-sammlung .col p.title:first-of-type { margin-top: 0 !important; }

.historie-box { display: block; width: 100%; }
.historie-box div.image { display: flex; gap: 30px; width: auto; height: 250px; margin-bottom: 30px; } 
.historie-box div.historie { width: 100%; padding-top: 0; }
.historie-box img { display: block; height: 100%; width: auto; margin-bottom: 0; object-fit: contain; }
.historie-box img.first { width: 25%; }
.historie-box img.second { width: 50%; }
.historie-box img.third { width: 25%; }

@media only screen and (max-width: 975px) {
.link-sammlung .col p.title { max-width: 272px; }
}
@media only screen and (max-width: 948px) {
.historie-box div.image { gap: 12px; height: 180px; margin-bottom: 20px; }
.historie-box img.second { width: calc(50% - 24px); }
}
@media only screen and (max-width: 775px) {
.link-sammlung { flex-direction: column; }
.link-sammlung .col { width: 100%; }
.link-sammlung .col:second-of-type { margin-top: 40px; }
.link-sammlung .col p.title { max-width: inherit; }

.verah-container { flex-direction: column; gap: 12px; }
.verah-container img { width: 100%; }
.verah-container div { width: 100%; }
}
@media only screen and (max-width: 675px) {
.popup { min-width: 95%; }
}
/*----------------------------------------------------------------------------------
AKTUELLES
----------------------------------------------------------------------------------*/
#aktuelles { height: auto; padding: var(--pad-section); background: var(--lightblue); margin-top: 80px; position: static !important; }

#aktuelles-box { display: block; height: auto; width: 100%; max-width: 1100px; margin: 60px auto 0 auto; background: var(--white); border-radius: var(--radius); overflow: hidden; } 

.aktuelles-teaser { display: flex; justify-content: space-around; align-items: flex-start; border-bottom: 1px solid; border-color: var(--blue); }
.aktuelles-teaser:last-of-type { border: none !important; }
.aktuelles-teaser.hidden { visibility: hidden; opacity: 0; display: none; }
.aktuelles-teaser img { height: 317px; width: 50%; min-width: 50%; object-fit: cover; }
.aktuelles-teaser .teaser { position: relative; width: 50%; padding: 20px; align-self: stretch; }
.aktuelles-teaser h2 { font-size: 2.5em; }
.aktuelles-teaser button { position: absolute; bottom: 20px; left: 20px; }

@media only screen and (max-width: 948px) {
.aktuelles-teaser img { height: 267px; width: 40%; min-width: 40%; }
.aktuelles-teaser .teaser { width: 60%; padding: 12px; }
}
@media only screen and (max-width: 647px) {
#aktuelles { padding-left: 0; padding-right: 0; }
.aktuelles-teaser { flex-direction: column; }
.aktuelles-teaser img { height: 204px; width: 100%; min-width: 100%; }
.aktuelles-teaser .teaser { width: 100%; padding: 12px; }
.aktuelles-teaser button { position: relative; left: 0; bottom: 0; margin-bottom: 12px; }
}
/*----------------------------------------------------------------------------------
REZEPTWUNSCH
----------------------------------------------------------------------------------*/
#rezeptwunsch { height: auto; padding: var(--pad-section); background: var(--lightblue); margin-top: 80px; }

#rezept-box { display: inline-block; height: auto; width: 100%; padding: var(--pad-container); margin-top: 60px; background: var(--white); border-radius: var(--radius); } 
#rezept-box h2 { margin: 40px 0 !important; font-size: 3em; } 
.rezept-width { max-width: 900px; margin: 0 auto 60px auto; }

#rezeptblocker { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--orange); padding: var(--pad-div); z-index: 9999999999; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; }
#rezeptblocker p { color: var(--white) !important; }

span.star { color: var(--orange); }

#formbox { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: 40px 0 0 0; }
#formbox label { line-height: 1.45; }
#formbox .col-1, #formbox .col-1 label { width: 100%; }
#formbox .col-2 { width: 50%; }
#formbox .col-2.birth label { width: 88%; }

#formbox label input, #formbox textarea, #formbox select { margin-top: 8px; }

#formbox input[type="text"], #formbox input[type="tel"], #formbox input[type="email"] { width: 94%; margin-right: 6%; margin-bottom: 20px; }
#formbox .last input[type="text"] { width: 94%; }
#formbox textarea { width: 94%; margin-bottom: 20px; }
#formbox input[type="date"], #formbox select { margin-bottom: 20px; }
#formbox select { width: 94%; }
#formbox input[type="text"], input[type="email"], #formbox textarea, #formbox input[type="tel"], #formbox input[type="date"], #formbox select { outline: none; border-radius: 0px; padding: 6px 12px; background: var(--white); border: 3px solid; border-color: var(--orange); }
#formbox .wpcf7-acceptance label { display: inline-flex; justify-content: flex-start; align-items: flex-start; }
#formbox .privacy { display: inline-block; line-height: 1.25; margin: 0 20px; font-size: 0.65em; }
#formbox .privacy a { color: var(--black); text-decoration: none; } 
#formbox .wpcf7-submit, input[type=submit] { border-radius: var(--radius); background: var(--orange); padding: 8px 20px; color: var(--white); border: none; font-size: 1em; display: block; margin: 20px auto 0 auto; }
input[type=checkbox], input[type=radio] { accent-color: var(--orange) !important;  border-color: var(--orange) !important; }
input[type="checkbox"]::before { content: ''; position: absolute; border: 1px solid; border-color: orange; width: 13px; height: 13px; border-radius: 2px; }
.wpcf7-not-valid { border-color: red !important; }
.wpcf7-not-valid-tip { display: none !important; }
.wpcf7 form .wpcf7-response-output { margin: 0; border: none !important; }
.wpcf7-list-item { margin: 0 !important; }
.wpcf7 form .wpcf7-response-output { background: var(--orange) !important; color: var(--white); padding: 10px !important; }
.wpcf7 form.sent .wpcf7-response-output { text-align: center; }

@media only screen and (max-width: 1238px) {
#formbox .birth input { width: 90.4%; }
}
@media only screen and (max-width: 948px) {
#rezeptwunsch h1 { margin-bottom: 0 !important; }
#formbox { flex-direction: column; justify-content: center; align-items: center; }
#formbox .col-2 { width: inherit; }
#formbox input[type=text], #formbox input[type=tel], #formbox input[type=email] { width: 100%; margin-right: 0; }
#formbox textarea, #formbox select { width: 100% !important; }
#formbox input[type=date] { width: 113%; }
#formbox input[type=text], input[type=email], #formbox textarea, #formbox input[type=tel], #formbox input[type=date], #formbox select, #formbox .col-2, #formbox .col-1 { max-width: 350px; }
#rezept-box ul { padding-left: 16px; }
}
/*----------------------------------------------------------------------------------
REZEPTWUNSCH POPUP
----------------------------------------------------------------------------------*/
.popup.rezept { opacity: 1; z-index: 99999999; top: 0; left: 0; max-width: inherit; max-height: inherit; width: 100%; height: 100%; transform: none; display: flex; justify-content: center; align-items: flex-start; }
.popup.rezept.close { display: none; opacity: 0; visibility: hidden; }
.popup.rezept .content { max-width: 1300px; }
.popup.rezept button { display: block; margin: 0 auto; }
.popup.rezept p { margin-bottom: 12px; }

/*----------------------------------------------------------------------------------
CSS RESET
----------------------------------------------------------------------------------*/
header#header, header.header, footer#footer, #sidebar { display: none; }
.entry-content .attachment-full.size-full.wp-post-image { display: none; }

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
html, body { height: 100%; }
body { line-height: calc(1em + 0.5rem); text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; }
.entry-content { position: relative; }
h1, h2, h3, h4, h5, h6, p { overflow-wrap: break-word; }
ul[role='list'], ol[role='list'] { list-style: none; }
img, picture, video, canvas, svg, iframe { display: block; max-width: 100%; }
a:not([class]) { text-decoration-skip-ink: auto; }
a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }
input, button, textarea, select { font: inherit; }
strong { font-weight: bolder; }
:where(button, [type='button' i], [type='reset' i], [type='submit' i]) { -webkit-appearance: button; }
small { font-size: 80%; }
table { border-collapse: collapse; border-spacing: 0; caption-side: bottom; }
textarea { white-space: revert; }
@media (prefers-reduced-motion: no-preference) {  html:focus-within { scroll-behavior: smooth; }  }
@media (prefers-reduced-motion: reduce) {  html:focus-within { scroll-behavior: auto; }  }
/*----------------------------------------------------------------------------------
COLOR THEME
----------------------------------------------------------------------------------*/
:root {
  --black: #09112e;
  --white: #FBFCFD;
  --orange: #F08727;
  --blue: #457492;
  --lightblue: #E9EFF5;
  --gradient-transparent: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(233,239,245,1));

  --radius: 8px;

  --pad-section: 80px 5% 80px 5%;
  --pad-section-btm: 80px 5% 0 5%;
  --pad-container: 0 40px 0 40px;
  --pad-lr: 0 5% 0 5%;
  --pad-div: 20px;
  --pad-div-top: 20px 0;
}
@media only screen and (max-width: 1238px) {
:root {
  --pad-section: 80px 2.5% 80px 2.5%;
  --pad-section-btm: 80px 2.5% 0 2.5%;
  --pad-lr: 0 2.5% 0 2.5%;
  --pad-div: 20px 14px;
  --pad-div-top: 14px 0;
}
}
@media only screen and (max-width: 948px) {
:root {
  --pad-section: 60px 2.5% 60px 2.5%;
  --pad-container: 0 2.5% 0 2.5%;
  --pad-div: 12px;
  --pad-div-top: 12px 0;
}
}
/*----------------------------------------------------------------------------------
CSS RESET
----------------------------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
html, body { height: 100%; }
body { line-height: calc(1em + 0.5rem); text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; }
.entry-content { position: relative; }
h1, h2, h3, h4, h5, h6, p { overflow-wrap: break-word; }
ul[role='list'], ol[role='list'] { list-style: none; }
p:empty { display: none; }
img, picture, video, canvas, svg, iframe { display: block; max-width: 100%; }
a:not([class]) { text-decoration-skip-ink: auto; }
a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }
input, button, textarea, select { font: inherit; }
strong { font-weight: bolder; }
:where(button, [type='button' i], [type='reset' i], [type='submit' i]) { -webkit-appearance: button; }
small { font-size: 80%; }
table { border-collapse: collapse; border-spacing: 0; caption-side: bottom; }
textarea { white-space: revert; }
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background-color: unset; }
@media (prefers-reduced-motion: no-preference) {  html:focus-within { scroll-behavior: smooth; }  }
@media (prefers-reduced-motion: reduce) {  html:focus-within { scroll-behavior: auto; }  }
body:not([class*=elementor-page-]) .site-main { padding: 0 !important; }
/*-- ALLGEMEIN || FONT --*/
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed { margin: 0; display: block; }
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail { width: 100%; height: 100%; max-height: 364px; object-fit: cover; }
/*----------------------------------------------------------------------------------
MAX-WIDTH PAGE
----------------------------------------------------------------------------------*/
.entry-content, .headbox, .footerbox, .doc-home { max-width: 2000px; margin: 0 auto; }
@media only screen and (min-width: 2000px) {
#head { left: 50%; transform: translateX(-50%); }
}
/*----------------------------------------------------------------------------------
ALLGEMEIN || FONT
----------------------------------------------------------------------------------*/
@font-face {
  font-family: "Outfit";
  src: url('/elements/Outfit/Outfit-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}
body { font-size: 19px !important; }
body, p, div, span { color: var(--blue); font-family: "Outfit", sans-serif !important; font-style: normal; }
a { font-family: "Outfit", sans-serif !important; font-style: normal; }

h1, h2, h3, h4, h2 span, strong { font-family: "Outfit", sans-serif !important; font-style: normal; letter-spacing: normal !important; font-weight: normal; margin-top: 0 !important; line-height: 1; }
h1 { font-size: 3.8em; font-weight: 400; margin-bottom: 30px; } 
h2, .popup h3 { font-size: 3.8em; font-weight: 400 !important; margin-bottom: 30px; }
h3 { font-size: 1.25em; font-weight: 700 !important; color: var(--blue) !important; }

#kontakt h2 { margin-bottom: 60px; }
.teambox .col .content { font-weight: 600 !important; color: var(--orange) !important; }

.orange { color: var(--orange) !important; }
.white { color: var(--white) !important; }
.blue { color: var(--blue) !important; }
.center { text-align: center; }
.small { font-size: 0.75em; }
p { letter-spacing: 0.25px; line-height: 1.45; margin-bottom: 12px; }
a { cursor: pointer; }
b { font-weight: 700 !important; }

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background-color: var(--orange); }

@media only screen and (max-width: 1238px) {
body { font-size: 17px !important; }
}
@media only screen and (max-width: 1028px) {
body { font-size: 16px !important; }
h1 { font-size: 3.1em; } 
h2, .popup h3 { font-size: 3.1em; }
}
@media only screen and (max-width: 948px) {
h1 { font-size: 2.5em; } 
h2, .popup h3 { font-size: 2.5em; }
.about-container .col h3 { font-size: 1em; }
}
@media only screen and (max-width: 448px) {
h1 { font-size: 1.75em; }
h2, .popup h3 { font-size: 1.75em; }
.about-container .col h3 { font-size: 0.95em; }
}

/*----------------------------------------------------------------------------------
SHADOW || TRANSITION
----------------------------------------------------------------------------------*/
#head, #hinweisbanner { 
  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.31),
              0 0 0 1px hsla(230, 13%, 9%, 0.025),
              0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
              0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
              0 3.5px 6px hsla(230, 13%, 9%, 0.09);
}
.home-container img, .about-container .col, .about-container .col.img img, .teambox .col .head img, button, .kontaktbox, #footer, .popup {
    box-shadow: rgba(0, 0, 0, 0.015) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.025) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.009) 0px 4px 2px, rgba(0, 0, 0, 0.023) 0px 8px 4px;
}


.slick-prev:before, .slick-next:before, .newsbox .col .content a img, #hinweisbanner, .burger.open .icon::before, .burger.open .icon::after, #menu-container { 
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}





/*---  HIDE ELEMENTOR THEME ---*/
.page-header, .elementor { display: none; }
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main { max-width: inherit !important; margin: 0 !important; }