/* RESET - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* RESET Ergänzungen */
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
p {text-wrap: pretty;}
h1, h2, h3, h4, h5, h6 {text-wrap: balance;}

/* WEBSITE-STYLE */
div.tbcontainer,
div.container {  
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
    }

/* GRUNDDESIGN */
html, body {scroll-behavior: smooth;}
a:active, a:focus {outline: none;}
summary {cursor:pointer; color: #FABB00;}
summary:focus {outline: none;}
.versteckt, .smallshow {display: none;}
header {z-index: 100;}

/* HINTERGRÜNDE & BOX-STYLE */
.bgwhite, div .bgwhite, section .bgwhite {background-color: #ffffff;}
.bgblue, div .bgblue, section .bgblue {background-color: #005e86;}
.bglightbrown, div .bglightbrown, section .bglightbrown {background-color: #F8F5F1;}

.bordershadow1 {padding: 25px; border-radius: 10px; box-shadow: 0 0 15px -5px rgba(0,0,0,0.3);}
.borderbox {border:solid 1px #BCBCBD; padding: 25px 25px 25px 25px;}
.borderbox.bblue {border:solid 1px #005e86; border-top: solid 9px #005e86;}
.borderbox.borange {border:solid 1px #ffcc00; border-top: solid 9px #ffcc00;}
.borderbox.bpetrol {border:solid 1px #0D5E6B; border-top: solid 9px #0D5E6B;}
.borderbox.bbeere {border:solid 1px #941981; border-top: solid 9px #941981;}
.borderbox.bcyan {border:solid 1px #20A1B7; border-top: solid 9px #20A1B7;}
.borderbox.blight2brown {border:solid 1px #E9D9C4; border-top: solid 9px #E9D9C4;}

/* HEADER */
header {padding-top: 25px; padding-bottom: 15px;}

header .container {display: flex; gap: 1rem;}
.divlogo {flex: 0 0 355px; width: 355px;}
.divnav {flex: 1; min-width: 0;} 

/* HERO */
.startseite .tbcontainer {position: relative; overflow: hidden; z-index:0;}
.startseite .tbcontainer img {max-width:1280px; width: 100%; height: auto;}
.startseite .titelbild_content {position: absolute; top:10%; left: 5%; width:50%;}

.unterseite .tbcontainer {display: flex; gap: 3rem; flex-wrap: wrap;}
.unterseite .titelbild_content {flex:2; padding-top:19px;}
.unterseite .titelbild_image {flex:1;}

.leadseite .titelbild_content {flex:1; padding-top:19px;}
.leadseite .titelbild_image {flex:1;}


/* FOOTER */
footer {margin-top: 15px; padding-top: 15px; padding-bottom: 15px; border-top: 3px solid #d6d6d4;}
section.nospacebottomfooter {padding-top: 65px; padding-bottom: 0px; margin-bottom: 5px;}

/* SECTIONS */
section {padding-top: 50px; padding-bottom: 50px;}
section.nospacetop {padding-top: 0px; padding-bottom: 50px;}
section.nospacebottom {padding-top: 50px; padding-bottom: 0px;}
section.nospace {padding-top: 0px; padding-bottom: 0px;}


.whitespacetop20 {background: url(../images/whitespace20.jpg) top left repeat-x;}
.whitespacetop25 {background: url(../images/whitespace25.jpg) top left repeat-x;}
.whitespacetop50 {background: url(../images/whitespace50.jpg) top left repeat-x;}

/* SPALTEN */
.text60p {width: 60%;}
.text80p {width: 80%;}

.spalten {display: flex; gap: 2.5rem; flex-wrap: wrap;}
.spalte {flex:1;}
.asym21 .zweispaltig1  {flex: 2;}
.asym21 .zweispaltig2 {flex: 1;}
.asym12 .zweispaltig1  {flex: 1;}
.asym12 .zweispaltig2 {flex: 2;}

.reihenboxen {
    display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;
}

.kundenstimmen .reihenboxen {
    display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
}

 .reihenboxen .spalte {flex: 1 1 300px; max-width: 400px; min-width: 250px; box-sizing: border-box;}

.reihenboxen .boxkundenstimme {
    width: 19%;
    min-width: 200px;
    padding: 25px;
    margin-left: 8px;    
    margin-right: 8px;
    margin-bottom: 15px;
    background-color: #ffffff;
}

/* Aufzählungen */
ul.textlist {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 15px;
    margin-bottom: 0px;
}

ul.textlist ul.textlistsub {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 30px;
    margin-bottom: 0px;
}

ul.check01 {list-style-type:none; margin-left: 15px;}
ul.check01 li:before { content: "\2714" " "; color:#008638; margin-left: -15px;}
ul.check01 li.nix:before { content: "\2718" " "; color:#b70a06; margin-left: -15px;}

ul.check02 {list-style-type:none; margin-left: 15px;}
ul.check02 li:before { content: "\2718" " "; color:#b70a06; margin-left: -15px;}

ul.check03 {list-style-type:none; margin-left: 25px;}
ul.check03 li:before { content: "👉" " "; color:#b70a06; margin-left: -25px;}

/* ABSTÄNDE */
.abstandvor5 {margin-top: 5px;}
.abstandvor7 {margin-top: 7px;}
.abstandvor10 {margin-top: 10px;}
.abstandvor15 {margin-top: 15px;}
.abstandvor20 {margin-top: 20px;}
.abstandvor25 {margin-top: 25px;}
.abstandvor30 {margin-top: 30px;}
.abstandvor35 {margin-top: 35px;}
.abstandvor40 {margin-top: 40px;}
.abstandvor45 {margin-top: 45px;}
.abstandvor50 {margin-top: 50px;}
.abstandvor55 {margin-top: 55px;}
.abstandvor60 {margin-top: 60px;}
.abstandvor70 {margin-top: 70px;}
.abstandvor80 {margin-top: 80px;}
.abstandvor90 {margin-top: 90px;}
.abstandvor100 {margin-top: 100px;}
.abstand0 {margin-bottom: 0px;}
.abstand5 {margin-bottom: 5px;}
.abstand7 {margin-bottom: 7px;}
.abstand10 {margin-bottom: 10px;}
.abstand15 {margin-bottom: 15px;}
.abstand20 {margin-bottom: 20px;}
.abstand25 {margin-bottom: 25px;}
.abstand30 {margin-bottom: 30px;}
.abstand35 {margin-bottom: 35px;}
.abstand40 {margin-bottom: 40px;}
.abstand35 {margin-bottom: 35px;}
.abstand40 {margin-bottom: 40px;}
.abstand45 {margin-bottom: 45px;}
.abstand50 {margin-bottom: 50px;}
.abstand55 {margin-bottom: 55px;}
.abstand60 {margin-bottom: 60px;}
.abstand70 {margin-bottom: 70px;}
.abstand80 {margin-bottom: 80px;}
.abstand90 {margin-bottom: 90px;}
.abstand100 {margin-bottom: 100px;}

.abstandvorneg5 {margin-top: -5px;}
.abstandvorneg10 {margin-top: -10px;}
.abstandvorneg20 {margin-top: -20px;}
.abstandnachneg10 {margin-bottom: -10px;}
.abstandnachneg20 {margin-bottom: -20px;}

.paddingtop15 {padding-top: 15px;}
.paddingtop50 {padding-top: 50px;}

.paddingtb50 {padding-top: 50px; padding-bottom: 50px;}
.paddingtb30 {padding-top: 30px; padding-bottom: 30px;}
.paddinglr25 {padding-left: 25px; padding-bottom: 25px;}
.paddingall25 {padding: 25px;}

.paddingt5 {padding-top: 5px;}
.paddingt10 {padding-top: 10px;}
.paddingt20 {padding-top: 20px;}

.paddingb25 {padding-bottom: 25px;}
.paddingb35 {padding-bottom: 35px;}

.negmargintop25 {margin-top: -25px;}
.negmargintop65 {margin-top: -65px;}
.negmargintop85 {margin-top: -85px;}
.negmargintop95 {margin-top: -95px;}
.negmarginbottom25 {margin-bottom: -25px;}
.negmarginbottom40 {margin-bottom: -40px;}

/* BILDANPASSUNGEN */
img.imgcenter, .imgcenter {display: block; margin-left: auto; margin-right: auto;}

img.testimonimg {display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
img.imgicon55h {height: 100%; max-height:40px; width: auto;}
img.socmediaicon {max-width:15px; width: 100%; height: auto; }

img.imgpodcast {width: 100%; max-width:235px; height: auto;}

img.img45 {width: 100%; max-width:45px; height: auto;}
img.img125 {width: 100%; max-width:125px; height: auto;}
img.img175 {width: 100%; max-width:175px; height: auto;}
img.img200 {width: 100%; max-width:200px; height: auto;}
img.img215 {width: 100%; max-width:215px; height: auto;}
img.img250 {width: 100%; max-width:250px; height: auto;}
img.img255 {width: 100%; max-width:255px; height: auto;}
img.img275 {width: 100%; max-width:275px; height: auto;}
img.img280 {width: 100%; max-width:280px; height: auto;}
img.img320 {width: 100%; max-width:320px; height: auto;}
img.img325 {width: 100%; max-width:325px; height: auto;}
img.img350 {width: 100%; max-width:350px; height: auto;}
img.img355 {width: 100%; max-width:355px; height: auto;}
img.img375 {width: 100%; max-width:375px; height: auto;}
img.img397 {width: 100%; max-width:397px; height: auto;}
img.img400 {width: 100%; max-width:400px; height: auto;}
img.img420 {width: 100%; max-width:420px; height: auto;}
img.img450 {width: 100%; max-width:450px; height: auto;}
img.img500 {width: 100%; max-width:500px; height: auto;}
img.img550 {width: 100%; max-width:550px; height: auto;}
img.img600 {width: 100%; max-width:600px; height: auto;}
img.img640 {width: 100%; max-width:640px; height: auto;}
img.img745 {width: 100%; max-width:745px; height: auto;}
img.img750 {width: 100%; max-width:750px; height: auto;}
img.img765 {width: 100%; max-width:765px; height: auto;}
img.img775 {width: 100%; max-width:775px; height: auto;}
img.img875 {width: 100%; max-width:875px; height: auto;}

img.img950 {width: 100%; max-width:950px; height: auto;}
img.img980 {width: 100%; max-width:980px; height: auto;}
img.img1024 {width: 100%; max-width:1024px; height: auto;}
img.img1280 {width: 100%; max-width:1280px; height: auto; display: block; margin-left: auto; margin-right: auto;}
img.img128080p {width: 80%; max-width:1280px; height: auto; display: block; margin-left: auto; margin-right: auto;}
img.width80pcenter {width:80%; display: block; margin-left: auto; margin-right: auto;}
img.imgfullwidth {width:100%; height: auto;}

img.iconabout {height: 35px; width: auto;}

img.smallhide {display: block;}
img.smallshow {display: none;}

/* SCROLL-TOP */
.scroll-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border: 0px;
    background-color: #cfd1d2;
    opacity: 0.8;
    z-index:99;
    text-align: center;
}
.scroll-top:hover {background-color: #5DA172;}


/* TYPOLOAD */
@font-face {
font-family: 'MontserratLight'; font-display: swap;
src: url('../typo/Montserrat-Light.ttf');}

@font-face {
font-family: 'MontserratRegular'; font-display: swap;
src: url('../typo/Montserrat-Regular.ttf');}

@font-face {
font-family: 'MontserratRegularItalic'; font-display: swap;
src: url('../typo/Montserrat-Italic.ttf');}

@font-face {
font-family: 'MontserratMedium'; font-display: swap;
src: url('../typo/Montserrat-Medium.ttf');}

@font-face {
font-family: 'MontserratSemiBold'; font-display: swap;
src: url('../typo/Montserrat-SemiBold.ttf');}

@font-face {
font-family: 'MontserratSemiBoldItalic'; font-display: swap;
src: url('../typo/Montserrat-SemiBoldItalic.ttf');}

@font-face {
font-family: 'MontserratBold'; font-display: swap;
src: url('../typo/Montserrat-Bold.ttf');}

@font-face {
font-family: 'MontserratExtraBold'; font-display: swap;
src: url('../typo/Montserrat-ExtraBold.ttf');}

@font-face {
font-family: 'MontserratBlack'; font-display: swap;
src: url('../typo/Montserrat-Black.ttf');}

/* Typo-Formatierungen */
p, li, label, summary, span.ptext, #error-message, label.entry__label {
    line-height: 150%;
	font-size: 0.95rem; 
	font-family:MontserratRegular,verdana,sans-serif;
	color: #3b3b3a;
    text-align: left;
}

footer p {line-height: 105%; font-size: 0.8rem; }

a:link,
a:active,
a:visited {color: #005e86; text-decoration:underline;}
a:hover {color: #c4aa91; text-decoration: underline;}

h1.headline {
    line-height: 105%;
	font-size:3.0rem; 
	font-family:MontserratSemiBold,verdana,sans-serif;
	color: #c4aa91;
    text-align: left;
    margin-bottom: 20px;
}
.unterseite h1.headline {font-size:2.25rem; color: #005e86;}

p.headtease {
    line-height: 145%;
	font-size: 1.1rem; 
	font-family:MontserratSemiBold,verdana,sans-serif;
	color: #ffffff;
    text-align: left;
    margin-bottom: 15px;
}
.unterseite p.headtease {color: #c4aa91;} 

p.headsub {
    line-height: 145%;
	font-size: 1.1rem; 
	font-family:MontserratLight,verdana,sans-serif;
	color: #ffffff;
    text-align: left;
    margin-bottom: 10px;
}
.unterseite p.headsub {color: #000000;} 


h2 {
    line-height: 150%;
	font-size: 1.20rem; 
	font-family:MontserratSemiBold,verdana,sans-serif;
	color: #3b3b3a;
    text-align: left;
    margin-bottom: 12px;
}

.unterseite h2 {
    line-height: 125%;
	font-size: 1.50rem; 
	font-family:MontserratSemiBold,verdana,sans-serif;
	color: #3b3b3a;
    text-align: left;
    margin-bottom: 12px;
}

h2 span.h2klein {font-size: 1.05rem; font-family:MontserratRegular,verdana,sans-serif;}

h2.altstyle {font-size: 1.45rem; margin-bottom: 25px;}

h2.linie {padding-bottom: 10px; background: url(../images/icon_linieblue150_2.gif) no-repeat bottom left; margin-bottom: 35px;}

h3 {
    line-height: 130%;
	font-size: 1.10rem; 
	font-family:MontserratSemiBold,verdana,sans-serif;
	color: #3b3b3a;
    text-align: left;
    margin-bottom: 7px;
}

h3.h3plus {font-size: 1.5rem;}

nav a:link,
nav a:active,
nav a:visited {font-size:0.9rem; text-decoration: none; line-height: 100%; color: #005e86;}
nav a:hover {color: #c4aa91; text-decoration: none;} 

nav .dropdown-label {font-size:0.8rem;}

nav li, nav a {padding-bottom: 5px;}
nav ul ul li {padding-left: 15px; padding-bottom: 5px;}

.bannertextbig {line-height: 150%; font-size: 1.45rem;}
.bannertextmed {line-height: 150%; font-size: 1.25rem;}

.centertext, .centertext p, .centertext h1, .centertext h2, .centertext h3, .centertext h4, .centertext h5, #produktseite p.headbig.centertext {text-align: center;}
.lefttext, .lefttext p, .lefttext h1, .lefttext h2, .lefttext h3, .lefttext h4, .lefttext h5 {text-align: left;}
.righttext, .righttext p, .righttext h1, .righttext h2, .righttext h3, .righttext h4, .righttext h5 {text-align: right;}

b, strong {font-family:MontserratSemiBold,verdana,sans-serif;}
.durchstrich {text-decoration: line-through;}
u, .unterstrichen {text-decoration: underline;}
i {font-family:MontserratRegularItalic,verdana,sans-serif;}
.typosemibold i {font-family:MontserratSemiBoldItalic,verdana,sans-serif;}
.typouppercase {text-transform:uppercase;}
.typolight {font-family:MontserratLight,verdana,sans-serif;}
.typoregular {font-family:MontserratReguar,verdana,sans-serif;}
.typomedium {font-family:MontserratMedium,verdana,sans-serif;}
.typosemibold {font-family:MontserratSemiBold,verdana,sans-serif;}
.typosemibolditalic {font-family:MontserratSemiBoldItalic,verdana,sans-serif;}
.typobold {font-family:MontserratBold,verdana,sans-serif;}
.typoextrabold {font-family:MontserratExtraBold,verdana,sans-serif;}

.typo07, p.typo07, a.typo07, li.typo07 {line-height: 125%; font-size: 0.7rem;}
.typo08, p.typo08, a.typo08, li.typo08 {line-height: 125%; font-size: 0.8rem;}
.typo085, p.typo085, a.typo085, li.typo085 {line-height: 125%; font-size: 0.85rem;}
.kundenstimmen .typo085{line-height: 150%;}
/* Standard: line-height: 145%; font-size: 0.95rem; */
.typo105, p.typo105, li.typo105 {line-height: 125%; font-size: 1.05rem;}
.typo115, p.typo115, li.typo115 {line-height: 125%; font-size: 1.15rem;}
.typo125, p.typo125, li.typo125 {line-height: 125%; font-size: 1.25rem;}
.typo140, p.typo140, li.typo14 {line-height: 125%; font-size: 1.40rem;}
.typo165, p.typo165, li.typo165 {line-height: 125%; font-size: 1.65rem;}
.typo175, p.typo175, li.typo175 {line-height: 125%; font-size: 1.75rem;}
.typo185, p.typo185, li.typo185 {line-height: 125%; font-size: 1.85rem;}
.typo215, p.typo215, li.typo215 {line-height: 125%; font-size: 2.15rem;}
.typo25, p.typo25, li.typo25 {line-height: 125%; font-size: 2.5rem;}
.typo305, p.typo305, li.typo305 {line-height: 125%; font-size: 3.05rem;}
.typo325, p.typo325, li.typo325 {line-height: 125%; font-size: 3.25rem;}
.typo45, p.typo45, li.typo45 {line-height: 125%; font-size: 4.5rem;}

.typowhite, a.typowhite {color: #ffffff;}
.typoblack, a.typoblack {color: #000000;}
.typoblue, h2.typoblue, a.typoblue {color: #005e86;}
.typolightbrown, h2.typolightbrown, a.typolightbrown {color: #c4aa91;}
.typomedbrown, h2.typolightbrown, a.typomedbrown {color: #A38770;}
.typobrown, a.typobrown {color: #734C36;}
.typogreen, a.typogreen {color: #007c33;}
.typored, a.typored {color: #b90c0c;}
.typoorange, a.typoorange {color: #ffcc00;}
.typoorange2, a.typoorange2 {color: #F7A600;}
.typopetrol, a.typopetrol {color: #0D5E6B;}
.typobeere, a.typobeere {color: #941981;}
.typoturkis, a.typoturkis {color: #20A1B7;}
.typoapple, a.typoapple {color: #BCCF00;}

.whitebanner {background-color: #ffffff; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 5px; border-radius: 3px; display:table; margin-bottom: 15px}
.bluebanner {background-color: #005e86; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 5px; border-radius: 3px; display:table; margin-bottom: 15px}
.brownbanner {background-color: #C5AA91; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 5px; border-radius: 3px; display:table; margin-bottom: 15px}

/* Buttons */
.morebutton,
input[type=submit],
button[type=submit] {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    border: 0px;
    cursor: pointer;
    font-family:MontserratSemiBold,verdana,sans-serif; 
    font-size: 0.95rem;
    color: #ffffff;
    text-decoration: none;    
}

.morebutton.bigbtn {
    line-height: 110%;
	font-size: 1.15rem; 
	font-family:MontserratSemibold,verdana,sans-serif;
	text-decoration: none;
}

.morebutton.whitebtn {color: #005E86; background-color: #ffffff; transition: 1.25s;}
.morebutton.whitebtn:hover {background-color: #005E86; color: #ffffff;}

.morebutton.btnyellow,
input[type=submit].btnyellow {background-color: #FBC200; transition: 0.5s;}
.morebutton.btnyellow:hover,
input[type=submit].btnyellow:hover {background-color: #F6A600;}

.morebutton.btnbrown,
input[type=submit].btnbrown {background-color: #c4aa91; transition: 0.5s;}
.morebutton.btnbrown:hover,
input[type=submit].btnbrown:hover {background-color: #734C36;}

.morebutton.btnblue,
input[type=submit].btnblue {background-color: #005E86; transition: 0.5s;}
.morebutton.btnblue:hover,
input[type=submit].btnblue:hover {background-color: #004c6c;}

.morebutton.btngreen,
input[type=submit].btngreen,
button[type=submit] {background-color: #329311; transition: 0.5s;}
.morebutton.btngreen:hover,
input[type=submit].btngreen:hover,
button[type=submit]:hover {background-color: #2f7717;}

.borderwhite {border: 2px solid #ffffff;}
.borderblue1 {border: 1px solid #005E86;}
.borderblue2 {border: 2px solid #005E86;}
.bordergrey {border: 1px solid #7b7b7a;}
.bordertopturkis {border-top: 5px solid #20A1B7;}
.bgtopbeere {border-top: 5px solid #941981;}


/* MEDIA-QUERIES */

@media only screen and (max-width: 1280px) {
    .container, .unterseite .tbcontainer {padding-left: 25px; padding-right: 25px;}
    .startseite .titelbild_content {left: 25px;}
}

/* NAVIGATION */
.nav-checkbox {
  display: none;
}
@media only screen and (max-width: 1024px) {
   .text80p, .text70p, .text60p {width: 100%;}     
    
   .zweispaltig, .spalten {display: flex; flex-direction: column;}
   .unterseite .tbcontainer {display: flex; flex-direction: column;}

    
/* Navigation schmal */
/* HAMBURGER BUTTON */
  img.imglogo355 {max-width:355px; width: 80%; height: auto;}
    
  .nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 300;
  flex-shrink: 0;
  }

  .hamburger-bar {
  display: block;
  width: 26px;
  height: 2px;
  background: #222;
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
  }

  /* X-Animation wenn Nav offen */
  .nav-checkbox:checked ~ .nav-toggle .hamburger-bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
  .nav-checkbox:checked ~ .nav-toggle .hamburger-bar:nth-child(2) {opacity: 0;}
  .nav-checkbox:checked ~ .nav-toggle .hamburger-bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

  /* OVERLAY (Mobile: Hintergrund abdunkeln) */
  .nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: #ffffff;
  z-index: 149;
  cursor: pointer;
  }

  .nav-checkbox:checked ~ .nav-overlay {display: block;}

  /* Hamburger einblenden */
  .nav-toggle {
    display: flex;
    order: 3;
  }

  /* Scroll sperren wenn Nav offen */
  html:has(.nav-checkbox:checked) {
    overflow: hidden;
  }

  /* Nav-Panel: über gesamten Bildschirm */
  .divnav {
    position: fixed;
    inset: 0;
    z-index: 150;
    background: #fff;
    padding: 5rem 1.5rem 2rem;
    overflow-y: auto;
    overscroll-behavior: contain;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s, visibility 0.3s;
  }

  /* Nav einblenden wenn Checkbox gecheckt */
  .nav-checkbox:checked ~ .divnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Mobile Menu: vertikal gestapelt */
  .menu {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
  }

  .dropdown-menu {
    display: block;
    position: static;
    box-shadow: none;
    border-radius: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
    
}

@media only screen and (min-width: 1024px) {
/* Navigation breit */
   
  img.imglogo355 {max-width:355px; width: 100%; height: auto;}
    
  nav ul {text-align: right;}
  nav ul li {list-style:none; display:inline-block; margin-right:20px;}
  nav ul li:last-child {margin-right:0px;} 
  nav ul ul {text-align: left;}
    

  .nav-checkbox {display: none;}

  .dropdown {position: relative;}

  .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 280px;
    background: #fff;
    border-radius: 8px;
    z-index: 200;
    transition: opacity 0.2s, visibility 0.2s;
  }

  /* Hover + Tastaturfokus öffnen Dropdown */
  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
    
}


















/* MAILFORMULAR */	
form {margin-top: 0px; width: 90%;}
input, textarea, .entry__field {color: #3b3b3a; font-size: 0.8em;font-family:osr,verdana, sans-serif; border-color: #3b3b3a;}
input[type=text], input[type=email] {margin-bottom: 20px; margin-top: 5px;width:90%;padding: 10px;border-radius:0px;border:1px solid #3b3b3a; background-color: #ffffff;}
textarea{width:90%; padding: 10px; margin-top: 5px; border:1px solid #3b3b3a; border-radius:0px; margin-bottom: 20px; resize:none;background-color: #ffffff;}
input[type=text]:focus,textarea:focus, input[type=email]:focus {border-color: #3b3b3a;}
input[type=submit] {background-color: #50ae30; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 20px; border:0px; cursor:pointer; color:#ffffff; text-decoration: none; text-transform: uppercase;border:1px solid #50ae30;}
input[type=submit]:hover {background-color: #1b5a0e; border:1px solid #1b5a0e;}

/* BREVO-FORMULAR */
#error-message {border: 1px solid red; padding:10px; margin:0px; margin-top: 25px; text-align:left; color: red;}

.sib-form .entry__error {color: red;}

/* FAQ-ACCORDION */
main {
  margin: 0 auto;
}

details.faq {margin-bottom: 25px; border: 1px solid #c4aa91;}

summary {
  background-color: #fff;
  padding: 10px;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
}
details[open] summary ~ * {
  animation: sweep .5s ease-in-out; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
details > summary::after {
  position: absolute;
  content: "+";
  right: 20px;
}
details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px;
}
details > summary::-webkit-details-marker {
  display: none;
}