:root {
	--hellbraun: 255,248,238;
	--dunkelbraun: 203,165,110;
	--dunkelbraun2: 155,131,90;
	--dunkelgrau: 35,34,33;
	--baseFS: 12px;
	--baseLH: 1.6em;
	--baseTC: 62,62,62;
	--largerFS: 15.4px;
	--largerLH: 1.5em;
	--h3FS: 65px;
	--h3LH: 0.7em;
}

body {font-family: "Montserrat"; font-size: var(--baseFS); line-height: var(--baseLH); letter-spacing: 1px; font-weight: 400; -webkit-font-smoothing: antialiased; background-color: rgba(var(--hellbraun)); margin: 0px; padding: 0px; color: rgba(var(--baseTC));}

.cols img {max-width: 100%;}
video {max-width: 100%; width: 100%;}
.video {line-height: 0;}

.uppercase_intro {text-transform: uppercase; font-size: var(--largerFS); line-height: var(--largerLH);}

a, a:visited, a:active {text-decoration: none; color: rgba(var(--baseTC));}
p, h1, h2, h3, h4, h5, ul, li {margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5 {font-family: 'Mrs Eaves All Small Caps OT'; font-weight: 500;}


/* FRAMES und FARBEN */
.frame-bg_black, .frame-bg_black_HG, .bg_black {background-color: #000; color: #FFF;}
.frame-bg_dunkelgrau, .bg_dunkelgrau {background-color:rgba(var(--dunkelgrau)); color: #FFF;}
//.frame-bg_darkgrey, .bg_darkgrey {background-color: #242424; color: #FFF;}
//.bg_darkbrown {background-color: #CBA56E; color: #FFF;}

.frame { scroll-margin-top: 90px;}
.frame-space-after-pb-0 .box {padding-bottom: 0;}
.frame-space-before-pt-0 .box {padding-top: 0;}

.frame-space-before-pt-double .box {padding-top: calc(var(--boxPadding) * 2);}
.frame-space-after-pb-double .box {padding-bottom: calc(var(--boxPadding) * 2);}
.frame-space-before-pt-half .box {padding-top: calc(var(--boxPadding) / 2);}
.frame-space-after-pb-half .box {padding-bottom: calc(var(--boxPadding) / 2);}

/* LINK-Button */

.button_link {box-sizing: border-box; background-color: rgba(var(--dunkelbraun)); text-transform: uppercase; padding: 12px 24px 12px 24px; color: #FFF !important;transition: all 0.5s; font-size: 13px; font-weight: 500;}
.button_link:hover {box-shadow: 0px 0px 24px -11px rgba(31, 26, 15, 0.55);}

/* HEADER */
.header_wrapper {background-color: transparent; position: absolute; width: 100%; color: #FFF; z-index: 90;}
.header_wrapper .box {margin: 0px; padding: 0px;}

.header_wrapper .header.first {background-color: #000000C4; opacity: 1; mix-blend-mode: multiply; color: #FFF; font-size: 12px;}

.header_wrapper .header.second .row .cols {display: grid; grid-template-columns: 200px 1fr; grid-auto-rows: 80px; margin: 0px;}
.header_wrapper .header.second .row .cols .logo {display: grid;}
.header_wrapper .header.second .row .cols .logo img.dunkel {display: none;}
.header_wrapper .header.second .row .cols .logo img {width: 150px; height: auto; grid-row: 1; grid-column: 1;}
.header_wrapper .header.second .row .cols .navigation {justify-self: end;}
.header_wrapper .header.second .row .cols .navigation, .header.second .logo {align-self: center;}
.header_wrapper .header.second .row .cols .navigation ul {list-style-type: none; margin-top: 10px;}
.header_wrapper .header.second .row .cols .navigation ul li {display: inline; text-transform: uppercase; font-size: 12px; letter-spacing: 1.2px; padding: 0 20px 0 20px;}
.header_wrapper .header.second .row .cols .navigation ul li a {color: #FFF; font-weight: 700;}
.header_wrapper .header.second .row .cols .navigation ul li ul li a { font-weight: 400; color: rgba(var(--baseTC));}
.header_wrapper .header.second .row .cols .navigation ul li a.current {color: rgba(var(--dunkelbraun)); border-bottom: 3px solid rgba(var(--dunkelbraun));}

.header_wrapper .header.second .row .cols .navigation ul li ul li { padding: 0px!important;}
.header_wrapper .header.second .row .cols .navigation ul li ul li a { padding: 10px 20px 10px 20px!important;}


.header_wrapper .header.second.onScroll { position: fixed; top: 0px; background-color: #242424A6;}

.navi_hell .header_wrapper .header.second .row .cols .logo img.dunkel {display: block;}
.navi_hell .header_wrapper .header.second .row .cols .logo img.hell {display: none;}
.navi_hell .header_wrapper .header.second .row .cols .navigation ul li a {font-weight: 600; color: rgba(var(--baseTC));}
.navi_hell .header_wrapper .header.second .row .cols .navigation ul li a.current {color: rgba(var(--dunkelbraun)); border-bottom: 3px solid rgba(var(--dunkelbraun));}

.navi_hell .header_wrapper .header.second .row .cols .navigation ul li ul li a {font-weight: 400; color: rgba(var(--baseTC));}
.navi_hell .header_wrapper .header.second {background-color: rgba(var(--hellbraun));}


/* CONTENT */

.content p {margin-bottom: 15px;}
.content p:has(.button_link) {margin-top: 50px;}

/* ZITAT */
.box.zitat {background-color:rgba(var(--dunkelgrau)); background-image: url('/fileadmin/user_upload/basics/WEISE_SIGNET.png'); background-repeat: no-repeat; background-size: auto 95%; background-position: 70vw center; padding-top: 40px!important; padding-bottom: 20px!important;}
.box.zitat p {font-size: 40px; font-family: 'Mrs Eaves All Small Caps OT'; font-weight: 500; line-height: 28px; color: rgba(var(--dunkelbraun)); text-transform: uppercase;
text-align: center;}
.box.zitat p:last-child {color: #FFF; font-size: var(--baseFS); line-height: var(--baseLH); text-align: right; font-family: "Montserrat"; text-transform: none; margin-right: 40px; margin-bottom: 0px;}
/* Text & BILD */

/* Text zentriert ohne Bild */
.content .text_zentriert .cols {padding-left: 150px; padding-right: 150px;}
.content .text_zentriert:has(h1) .cols {padding-left: 100px; padding-right: 100px;}

.content .text_zentriert p.section_title {text-transform: uppercase; font-size: var(--largerFS); line-height: var(--largerLH); margin-bottom: 10px; text-align: left; margin-left: -105px;}
.content .text_zentriert span {display: block; width: 160px; height: 2px; background-color: #000; margin-bottom: 40px; margin-left: -135px;}
.content .text_zentriert h2 {font-size: var(--h3FS); line-height: var(--h3LH); letter-spacing: 0; text-transform: uppercase; margin-bottom: 40px; color: rgba(var(--dunkelbraun)); text-align: center;}
.content .text_zentriert p {text-align: center;}

.box.text_zentriert h1 {font-size: 65px; color: #CBA56E; line-height: 45px; margin-top: 60px; margin-bottom: 40px; text-align: center;}




/* PARTNER mit Weltkarte */
.content .weltkarte { text-align: center;}
.content .weltkarte .text p { font-size: var(--largerFS); line-height: var(--largerLH);}         .content .weltkarte .text h2 {font-size: var(--h3FS); line-height: var(--h3LH); letter-spacing: 0; text-transform: uppercase; margin-bottom: 40px; color: rgba(var(--dunkelbraun));}
.content .weltkarte .karte {padding-top: 30px;}

/* Showroom-Skizze */
.content .showroom { text-align: center;}
.content .showroom p.bu.kursiv.left {font-style: italic; text-align: left; }

//.content .special1 p.section_title  {text-transform: uppercase; font-size: 15.5px; margin-bottom: 10px; }
//.content .special1 span {display: block; width: 145px; height: 2px; background-color: #000; margin-left: -30px; }
//.content .special1 .text h3 { text-align: center;}
//.content .special1 .text p { text-align: center; text-transform: uppercase; font-size: 16px; line-height: 22px;}


.pk_unten {background-image: url('/fileadmin/user_upload/papierkante/pk_unten_2603.png'); width: 100%; height: 9vw; background-position: bottom center; background-size: cover; background-repeat: no-repeat; margin-bottom: -6vw; z-index: 2; position: relative;}
.pk_oben {background-image: url('/fileadmin/user_upload/papierkante/pk_oben_2603.png'); width: 100%; height: 100px; background-position: top center; background-size: cover; background-repeat: no-repeat; margin-top: -50px; position: relative; z-index: 10;}

.box:has(.pk_oben) {padding-bottom: 0px;}




//.werdegang {display: grid; grid-template-columns: 1fr 100px 1fr;}
//.werdegang .nummer {  grid-column: 2;}

//.werdegang .eintrag { grid-row: var(--indexW); grid-column: 1; justify-self: end;}
//.werdegang .eintrag.bild {grid-row-start: calc(var(--indexW) - 0); grid-row-end: var(--indexW);}
//.werdegang .eintrag.text {grid-row-start: calc(var(--indexW) - 0); grid-row-end: calc(var(--indexW) + 0);}
//.werdegang .eintrag:nth-of-type(4n+4) {grid-column: 3; justify-self: start;}
//.werdegang .eintrag:nth-of-type(5n+5) {grid-column: 3; justify-self: start;}

//.werdegang .bild {max-width: 300px; max-height: 300px; overflow: hidden;}
//.werdegang .bild img {object-fit: contain; width: 100%; height: 100%;}

.adressbar .angaben .head {text-transform: uppercase; font-size: 17px; margin-bottom: 17px;}
.adressbar .angaben .hot {color: #FFFFFF54; font-family: "Mrs Eaves All Small Caps OT"; font-size: 67px; font-weight: 500; letter-spacing: -1.6px; margin-bottom: 40px;}
.adressbar .angaben {display: grid; grid-template-columns: fit-content(200px) fit-content(200px) 1fr; column-gap: 40px;}
.adressbar .angaben .socialmedia {justify-self: end;}
.footer {background-color: rgba(var(--dunkelbraun)); color: #FFF;}
.footer  ul.navigation {list-style-type: none;}
.footer  ul.navigation li {display: inline; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; padding: 0 20px 0 0;}
.footer  ul.navigation li a {color: #FFF;}


.box.header.werdegang {text-align: center; height: 500px; color: #FFF;}
.box.header.werdegang h1 {font-size: 65px; color: #CBA56E; margin-top: 140px; margin-bottom: 40px;}

.box.header.partner {text-align: center; color: #FFF;}
.box.header.partner h1 {font-size: 65px; color: #CBA56E; line-height: 45px; margin-top: 60px; margin-bottom: 40px;}


/* FORMULAR */
.frame-type-form_formframework header .box {
	padding-bottom: 0;
}

.frame-type-form_formframework:has(header) .box.formular {
	padding-top: 0px;
}

.frame-type-form_formframework:not(:has(.box.formular)) header {
	display: none;
}

input, textarea {
	border: 0px;
	background-color: transparent;
	border-radius: 0px;
	width: 100%;
	font-size: var(--baseFontSize);
	box-sizing: border-box;
	margin-bottom: 30px;
	outline-color: 1px solid rgba(var(--dunkelgrau));
}

textarea {
	height: 100px;
	border-bottom: 1px solid rgba(var(--dunkelgrau));
}

input[type="text"], input[type="email"], input[type="tel"] {
	height: 50px;
	border-bottom: 1px solid rgba(var(--dunkelgrau));

}

.form-group {
	position: relative;
}

.form-group input + label, .form-group textarea + label {
	position: absolute;
	left: 25px;
	top: 13px;
	font-size: var(--baseFontSize);
	pointer-events: none;
	transition: 0.2s;
	color: rgba(var(--grey100));
}

.form-group input:focus + label, .form-group textarea:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group textarea:not(:placeholder-shown) + label {
	top: -25px;
	left: 0px;
	font-size: 10px;
}

.frame-bg_orange .form-group input:focus + label, .frame-bg_orange .form-group textarea:focus + label, .frame-bg_orange .form-group input:not(:placeholder-shown) + label, .frame-bg_orange .form-group textarea:not(:placeholder-shown) + label {
	color: #FFF;
}

.frame-bg_primary .form-group input:focus + label, .frame-bg_primary .form-group textarea:focus + label, .frame-bg_primary .form-group input:not(:placeholder-shown) + label, .frame-bg_primary .form-group textarea:not(:placeholder-shown) + label {
	color: #FFF;
}

div.form-group:has(div.captcha) {
	margin-top: 20px;
}

div.form-group:has(div.captcha) label {
	display: none;
}

div.form-group:has(div.captcha) img {
	border-radius: 5px;
}

div.form-group:has(div.captcha) div.error {
	color: red;
	margin-top: 10px;
}

.box.formular div.datenschutzhinweis {
	margin-top: 20px;
	margin-bottom: 20px;
}

.inputs-list {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 30px;
	row-gap: 20px;
	flex-wrap: wrap;
}

.box.formular fieldset {
	margin-bottom: 30px;
}

.box.formular fieldset legend {
	font-family: "Medium";
	margin-bottom: 10px;
}

form .row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	width: 100%;
	box-sizing: border-box;
}

form .row:before {
	position: absolute;
}

input[type="checkbox"] {
	width: auto;
}

fieldset {
	border: 0px;
}

button[type=submit] {box-sizing: border-box; background-color: rgba(var(--dunkelbraun)); text-transform: uppercase; padding: 12px 24px 12px 24px; color: #FFF !important;transition: all 0.5s; font-size: 13px; font-weight: 500; border: 0px;}
button[type=submit]:hover {box-shadow: 0px 0px 24px -11px rgba(31, 26, 15, 0.55);}


button[type=submit]:disabled {
	opacity: 0.5;
}

button[type=submit]:disabled:hover {
	background-color: #FFF;
	border: 1px solid rgb(var(--grey100));
	color: rgba(var(--grey100))!important;
	text-decoration: none;
	font-family: "Regular";
}

button[type=submit]:disabled:hover:after {
	transform: rotate(0deg);
	color: rgba(var(--grey100))!important;
}

	@media only screen and (max-width: 767px) {



/* HEADER */

.main-menu-btn { position: fixed; top: 60px; right: 20px; }

.header_wrapper .header.second .row {width: 100vw; height: 100px;}
.header_wrapper .header.second .row .cols {display: grid; grid-template-columns: 1fr; grid-auto-rows: 100px; margin: 0px;}
.header_wrapper .header.second .row .cols .logo {grid-row: 1; grid-column: 1;}
.header_wrapper .header.second .row .cols .navigation {grid-row: 2; grid-column: 1; justify-self: start; width: 100%; background-color: #FFF; position: absolute; top: 100px; color: #000;}
.header_wrapper .header.second .row .cols .navigation ul { margin-top: 0px;}

.header_wrapper .header.second .row .cols .navigation ul li a {color: #000; font-weight: 500;}
.header_wrapper .header.second .row .cols .navigation ul li a.current {color: #FFF; border-bottom: 0; background-color: rgba(var(--dunkelbraun));}
.header_wrapper .header.second .row .cols .navigation ul li { padding: 0;}


.header_wrapper {background-color: transparent; position: absolute; width: 100%; color: #FFF; z-index: 90;}
.header_wrapper .box {margin: 0px; padding: 0px;}

.header_wrapper .header.first {background-color: #000000C4; opacity: 1; mix-blend-mode: multiply; color: #FFF; font-size: 12px;}

.header_wrapper .header.second .row .cols .logo {display: grid;}
.header_wrapper .header.second .row .cols .logo img.dunkel {display: none;}
.header_wrapper .header.second .row .cols .logo img {width: 150px; height: auto; grid-row: 1; grid-column: 1;}
.header_wrapper .header.second .row .cols .navigation, .header.second .logo {align-self: center;}
.header_wrapper .header.second .row .cols .navigation ul li ul li a { font-weight: 400; color: rgba(var(--baseTC));}

.header_wrapper .header.second .row .cols .navigation ul li ul li { padding: 0px!important;}
.header_wrapper .header.second .row .cols .navigation ul li ul li a { padding: 10px 20px 10px 20px!important;}


.header_wrapper .header.second.onScroll { position: fixed; top: 0px; background-color: #242424A6;}

}