#rank-math-rich-snippet-wrapper { display: none; }
#countdown-wrapper { display: none; pointer-events: none; }
#BorlabsCookieBox ._brlbs-block-content { z-index: 99999999999; }


#imprint { padding: 180px 2.5% 100px 2.5%; }
#imprint h2 { text-align: left; } 
#imprint h3 { text-align: left; font-size: 1.25em; margin-top: 40px; }
#imprint strong { display: block; margin-top: 40px; text-transform: uppercase; font-size: 1.25em; }



/*--------------------------------------------------------------
      COLOR / VARIABLES
--------------------------------------------------------------*/
:root {
  --white: #ffffff; 
  --black: #161616;

  --green: #7cbc2c;
  --brown: #e7c8a0;
  --creme-white: #fffbf6;
  --anthrazit: #4c4a4c;

  --brown-transparent: rgba(231,200,160,0.9);
}
/*--------------------------------------------------------------
      TEMPLATE
--------------------------------------------------------------*/
.wp-post-image { display: none !important; }
/* -- WP THEME -- */
header#header, header.header, aside#sidebar, footer#footer {display:none;}
body { background: var(--white); overflow-x: hidden; }
.panel-grid, .panel-no-style { margin: 0 !important; }
.noscroll {overflow: hidden !important; max-height: 100vh; }
/*--------------------------------------------------------------
      SECTION
--------------------------------------------------------------*/
section { position: relative; max-width: 100vw; overflow-x: hidden; }
#startseite { z-index: 10; height: 100%; background: var(--creme-white); overflow: hidden; }
#leistungen { height: auto; padding: 100px 2.5%; background: var(--creme-white); overflow: hidden; }
#kuechen { padding: 0; background: var(--anthrazit); }
#kontakt { padding: 100px 0 0 0; background: var(--brown); }

@media only screen and (max-width: 768px) {
#leistungen { padding: 40px 1.5% 100px 1.5%; }
#kontakt { padding: 80px 0 0 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; background: var(--creme-white); }
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; resize: vertical; }
@media (prefers-reduced-motion: no-preference) {  html:focus-within { scroll-behavior: smooth; }  }
@media (prefers-reduced-motion: reduce) {  html:focus-within { scroll-behavior: auto; }  }
/*--------------------------------------------------------------
      FONT
--------------------------------------------------------------*/
@font-face {
  font-family: 'Kaffeesatz'; font-display: swap;
  src: url("https://rekitchen.de/font/YanoneKaffeesatz-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: 'Cuprum'; font-display: swap;
  src: url("https://rekitchen.de/font/Cuprum-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: 'Slick'; font-display: swap;
  src: url("https://rekitchen.de/slick-master/slick/fonts/slick.woff") format("truetype");
}

html { font-size: 20px; scroll-padding-top: 80px; }
body { font-family: 'Cuprum'; font-weight: 400; line-height: 1.5; color: var(--black); font-size: 1.4em; }


a { text-decoration: none; color: var(--black); }
p { margin-top: 15px; line-height: 1.45; }
p:first-of-type { margin-top: 0; }
p:empty { display: none; }

h1, h2, h3, .slider-txt, div#btn, div#btn-anchor, #form-box label, span.titel, .wpcf7 input[type="submit"], #menu-container ul li a, #btn-li { font-family: 'Kaffeesatz'; font-weight: 600; color: var(--anthrazit); }
.wpcf7-list-item-label { font-weight: 400; font-size: 1em !important; }

h2 { font-size: 5em; line-height: normal; margin-bottom: 80px; text-align: center; text-transform: uppercase; }

.tab h3 { font-family: 'Kaffeesatz'; font-weight: 600; font-size: 1.5em; color: var(--anthrazit); }
.tab h3 br { display: none; } 

#btn, div#btn-anchor, div#btn-anchor a, #btn a, #btn-li { color: var(--anthrazit); cursor: pointer !important; }
#btn-li { display: block; width: fit-content; margin-top: 80px; padding: 10px 20px !important; background: var(--creme-white); font-size: 1.25em; }

#btn, div#btn-anchor, #btn-li { padding: 10px 20px 6px 20px !important; }
#btn:hover, div#btn-anchor:hover, #btn-li:hover { color: var(--creme-white) !important; background: var(--green) !important; }
#btn:hover a, div#btn-anchor:hover a, #btn-li:hover a { color: var(--creme-white) !important; }

ul { list-style: none !important; }
ul li::before { font-family: 'Arial' !important; content: "\2022"; color: #161616; font-weight: bold; display: inline-block width: 1em; margin-left: -0.8em; line-height: normal; display: inline-block; width: 20px; }
#menu-container ul li::before, ul.slick-dots li::before { display: none; }

@media only screen and (max-width: 1668px) { 
html { font-size: 18px; }
.tab h3 { font-size: 1.35em; }
}
@media only screen and (max-width: 1368px) {
.tab h3 { line-height: 1.3; }
.tab h3 br { display: inherit; }
}
@media only screen and (max-width: 768px) {
html { font-size: 16px; }
h2 { font-size: 4em; }
.tab h3 { font-size: 1.5em; }
}
@media only screen and (max-width: 598px) {
h2 { font-size: 3em; }
.tab h3 { font-size: 1.25em; }
}
/*--------------------------------------------------------------
      HEADER
--------------------------------------------------------------*/
#headerbox { position: fixed; left: 0; top: 0; height: 110px; width: 100%; padding: 0 2.5%; background: var(--creme-white); display: flex; justify-content: space-between; align-items: center; z-index: 99999; }
#headerbox.active { background: var(--white); }
#headerbox .left, #headerbox .center, #headerbox .right { height: 100%; display: flex; align-items: center; }

#headerbox svg#Logo { height: 90px; }

@media only screen and (max-width: 598px) {
#headerbox { height: 80px; }
#headerbox .left { display: none; }
#headerbox svg#Logo { height: 50px; }
}
/*--------------------------------------------------------------
      BURGER MENU
--------------------------------------------------------------*/
#sp-burgerbox { width: 40px; height: 40px; }
#sp-burgerbox input { display: none; } 
label.sp-burger { display: inherit; background: transparent; width: 40px; height: 40px; position: relative; float: right; top: 0; cursor: pointer !important; z-index: 99999; }
.sp-burger .line { position: absolute; left: 2px; height: 4px; width: 36px; background: var(--anthrazit); display: block; transform-origin: center; cursor: pointer !important; filter: none; }
.sp-burger:hover .line { background: var(--anthrazit); }
#sp-burger:checked + .sp-burger:hover .line { background: var(--anthrazit); }
#sp-burger:checked + .sp-burger .line { background: var(--anthrazit); cursor: pointer !important; }

.line:nth-child(1) { top: 6px; }
.line:nth-child(2) { top: 18px; }
.line:nth-child(3) { top: 30px; }
#sp-burger:checked + .sp-burger .line:nth-child(1){ transform: translateY(12px) rotate(-45deg); }
#sp-burger:checked + .sp-burger .line:nth-child(2){ opacity:0; }
#sp-burger:checked + .sp-burger .line:nth-child(3){ transform: translateY(-12px) rotate(45deg); }

/*-- BURGER NAV --*/
#menu-container { position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: var(--brown); z-index: 9999; padding: 40px 2.5% 40px 2.5%; visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
#menu-container.active { visibility: visible; opacity: 1; right: 0; }

#menu-container ul li { position: relative; opacity: 0; text-align: center !important; padding: 10px 0; max-height: 85px; width: 100%; text-align: left; -webkit-transform: translate3d(36px, 0, 0); transform: translate3d(36px, 0, 0); }
#menu-container ul li a { font-size: 1.5em; color: var(--anthrazit); font-weight: 600; } 

#menu-container img.logo { max-height: 64px; margin: 0 auto 80px auto; -webkit-transform: translate3d(36px, 0, 0); transform: translate3d(36px, 0, 0); }

#menu-container.active ul li, #menu-container.active img.logo {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
#menu-container img.logo { transition-delay: 0.35s; }
#menu-container.active ul li:nth-child(1) { transition-delay: 0.35s; }
#menu-container.active ul li:nth-child(2) { transition-delay: 0.45s; }
#menu-container.active ul li:nth-child(3) { transition-delay: 0.55s; }
#menu-container.active ul li:nth-child(4) { transition-delay: 0.65s; }
#menu-container.active ul li:nth-child(5) { transition-delay: 0.75s; }

#menu-container ul li.last { margin-top: 60px; }

@media only screen and (max-width: 598px) {
#menu-container img.logo { margin: 0 auto 30px auto; }
#menu-container ul li#btn-li { margin-top: 30px !important; }
}
/*--------------------------------------------------------------
      FOOTER
--------------------------------------------------------------*/
#footerbox { position: relative; height: 80px; width: 100%; max-width: 100vw; padding: 0 2.5%; display: flex; justify-content: space-between; align-items: center; background: var(--brown); }
#footerbox, #footerbox a { font-size: 0.75em; color: var(--black); }
/*--------------------------------------------------------------
      SLIDER
--------------------------------------------------------------*/
.slick-slide img { height: 100%; width: 100%; object-fit: cover; }

/* -- Slider initial -- */
.slick-slide { position: relative; }
/* -- DOTS -- */
.slick-dots { bottom: 20px !important; }
.slick-dots li button { cursor: pointer !important; }
.slick-dots li button:before { font-size: 20px !important; color: var(--anthrazit) !important; opacity: 0.45 !important; }
.slick-dots li.slick-active button:before { opacity: 0.9 !important; }
/* -- FIRST SLIDE -- */
#home-slider.slider img { max-width: 66%; }
.home-frame { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 100px); background: var(--brown); }

.slider-content { position: absolute; top: 0; right: 10%; width: 90%; height: calc(100% - 80px) !important; background: transparent; display: flex; justify-content: center; align-items: flex-end; flex-direction: column; padding-top: 12%; }
.slider-txt { height: auto !important; width: auto; background: var(--creme-white); padding: 10px 20px 4px 20px; margin: 10px 0; color: var(--anthrazit); font-size: 2em;  }

.arrow-box { position: absolute; bottom: 40px; right: 0; height: auto !important; width: 34%; background: transparent; display: flex; justify-content: center; align-items: center; }
.arrow-box span { display: block; width: 60px; height: 60px; background: var(--green); border-radius: 50%; line-height: normal; color: var(--creme-white); display: flex; justify-content: center; align-items: center; }

@media only screen and (max-width: 1200px) { 
#home-slider.slider img { max-width: 86%; }
.slider-content { right: 0; width: 100%; }
.arrow-box { width: 14%; }
}
@media only screen and (max-width: 868px) { 
.slider-txt { font-size: 1.75em; }
}
@media only screen and (max-width: 768px) { 
#home-slider.slider img { max-width: 100%; max-height: 75%; }
.slider-content { top: inherit; bottom: 0; width: 97.5%; height: calc(65% - 80px) !important; }
.home-frame { height: calc(98% - 100px); }
.arrow-box { width: 100%; bottom: 65px; }
.slider-txt { font-size: 1.5em; }
}
@media only screen and (max-width: 598px) { 
.slider-content { width: 100%; height: calc(86.5% - 80px) !important; }
.slider-txt { font-size: 0.85em; margin: 4px 0; padding: 8px 8px 6px 8px; }

.arrow-box span { width: 40px; height: 40px; font-size: 0.65em; }

#home-slider.slider img { max-height: 84%; }
.home-frame { height: calc(100% - 60px); }
.arrow-box { bottom: 10px; }
.slick-dots { bottom: 64px !important; }
}
/*--------------------------------------------------------------
      LEISTUNGEN
--------------------------------------------------------------*/
#tab-container.desktop { display: block; }
#tab-container.mobile { display: none; }
#tab-container { width: 100%; max-width: 2000px; margin: 0 auto; }
.tab-box { display: flex; flex-wrap: wrap; }
.tab { position: relative; width: 33.33%; background: var(--creme-white); padding: 20px 10px 14px 10px; text-align: center; cursor: pointer; box-shadow: inset 1px 1px 10px rgb(0 0 0 / 10%); }
.tab.active { background: var(--brown); box-shadow: none; }

.tab-panel { display: flex; flex-wrap: wrap; width: 100%; height: 0; max-height: 0; visibility: hidden; background: var(--brown); padding: 0 20px; }
.tab-panel .col:nth-child(1) { width: 66%; padding: 0 40px 0 20px; display: flex; justify-content: space-between; flex-direction: column; text-align: justify; }
.tab-panel .col:nth-child(2) { width: 34%; padding: 0 20px 0 0; }
.tab-panel.show { height: auto; max-height: inherit; visibility: visible; padding: 40px 20px; }

.tab-panel div#btn, .tab-panel div#btn-anchor { display: block; width: fit-content; margin-top: 40px; padding: 10px 20px; background: var(--creme-white); font-size: 1.25em; }

.tab-panel img { width: 100%; height: auto; }
span.titel { display: block; margin-top: 10px; font-size: 1.5em; }
.tab-panel ul { margin: 20px 0 20px 20px; }
.tab-panel ul.flex { display: flex; flex-wrap: wrap; }
.tab-panel ul.flex li { width: 50%; }
 
@media only screen and (max-width: 1124px) {
.tab-panel .col:nth-child(1) { width: 56%; }
.tab-panel .col:nth-child(2) { width: 44%; }
.tab-panel ul.flex { flex-direction: column; }
.tab-panel ul.flex li { width: 100%; }
}
@media only screen and (max-width: 768px) {
#tab-container.desktop { display: none; }
#tab-container.mobile { display: block; }

.tab { width: 100%; box-shadow: none; background: var(--brown); }
.tab h3::before { content: '+'; display: inline-block; width: 20px; margin-right: 10px; } 
.tab.active h3::before { content: '-'; } 
.tab h3 { display: inline-block; margin-right: 20px; }
.tab h3 br { display: none; }
.tab.two, .tab.three { margin: 20px 0 0 0; } 

.tab-panel { flex-direction: column; }
.tab-panel .col:nth-child(1) { width: 100%; order: 2; padding: 0; }
.tab-panel .col:nth-child(2) { width: 100%; order: 1; margin-bottom: 40px; padding: 0; }
.tab-panel .col img { max-height: 360px; margin: 0 auto; }
}
@media only screen and (max-width: 598px) {
.tab h3 { max-width: 260px; }

.tab-panel.show { padding: 10px 10px 20px 10px; }
.tab-panel .col:nth-child(2) { margin-bottom: 20px; }
.tab-panel div#btn, .tab-panel div#btn-anchor { font-size: 1.15em; margin-top: 20px; }
span.titel { font-size: 1.25em; }
}
/*--------------------------------------------------------------
      KUECHEN
--------------------------------------------------------------*/
#hover-container { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
#hover-container .col { position: relative; width: 50%; height: 75vh; max-height: 75vh; overflow: hidden; display: flex; justify-content: center; align-items: center; }

#hover-container .col .img-overlay {content:'';position:absolute;top:0;left:0;width:100%;height:100%; z-index: 100; background:rgba(0,0,0,0.6); transition: all 0.8s; }
#hover-container .col img { width: auto; height: 100%; object-fit: cover; transition: all 0.8s; }
#hover-container .col:nth-child(1) img { object-position: 88% center; }
#hover-container .col:nth-child(2) img { object-position: 35% center; }

#hover-container .col .img-header {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:200; 
padding: 0 4%; color: var(--creme-white);
 }
#hover-container .col .img-header h2 { max-width: 75%; color: var(--creme-white); text-align: center; line-height: normal; font-size: 3.5em; margin-bottom: 0; margin-top: 60px; }
#hover-container .col:hover .img-header h2 { margin-top: 0; }

#hover-container .col #btn { visibility: hidden; opacity: 0; margin: 0 auto 0 auto; transition: all 0.8s; padding: 0px; background: transparent; font-size: 1.25em; }
#hover-container .col.one:hover .img-overlay, #hover-container .col.two:hover .img-overlay { background:rgba(0,0,0,0.2); }
#hover-container .col.one:hover img, #hover-container .col.two:hover img { transform: scale(1.1); }
#hover-container .col.one:hover #btn, #hover-container .col.two:hover #btn { visibility: visible; opacity:1; margin: 40px auto 0 auto; background: var(--brown); }

@media only screen and (max-width: 1468px) {
#hover-container .col .img-header { padding: 0 1%; }
#hover-container .col .img-header h2 { font-size: 3em; }
}
@media only screen and (max-width: 1124px) {
#hover-container .col { max-height: 55vh; }
#hover-container .col .img-header h2 { font-size: 2.5em; max-width: 90%; }
}
@media only screen and (max-width: 968px) {
#hover-container { flex-direction: column; }
#hover-container .col { width: 100%; max-height: 500px; }
#hover-container .col img { width: 100%; }
#hover-container .col .img-header h2 { font-size: 3em; max-width: 670px; width: 90%; }
}
@media only screen and (max-width: 598px) {
#hover-container .col .img-header h2 { margin-top: 0; font-size: 2em; }
#hover-container .col #btn { visibility: visible; opacity:1; margin: 20px auto 0 auto; background: var(--brown); }
}
/*--------------------------------------------------------------
      KONTAKT
--------------------------------------------------------------*/
#kontakt { text-align: center; }
#kontakt h2 { margin-bottom: 40px; }
#kontakt img.logo { max-height: 80px; width: auto; margin: 0 auto 40px auto;  }

#map-container { width: 100%; height: 420px; margin-top: 90px; }
#map-container iframe { height: 100%; width: 100%; }

@media only screen and (max-width: 598px) {
#kontakt img.logo { max-height: 50px; }
}
/*--------------------------------------------------------------
      POPUP
--------------------------------------------------------------*/
#popup-container { position: fixed; top: 0; left: 0; z-index: 999999; height: 100vh; width: 100%; max-width: 100vw; display: flex; justify-content: center; align-items: center; flex-direction: column; }
#popup-container.active { padding: 2%; }
.popup-overlay { position: absolute; z-index: 9999998; top: 0; left: 0; width: 100%; height: 100%; background: var(--brown-transparent); }
#popup-box { height: 0; min-height: 0; padding: 0 40px; }
#popup-box.active { position: relative; z-index: 9999999; max-width: 1900px; width: 80vw; height: auto; min-height: 200px; max-height: 90vh; overflow: scroll; background: var(--creme-white); padding: 20px 40px 40px 40px; }
#popup-container, #popup-box { opacity: 0; visibility: hidden; }
#popup-container.active, #popup-box.active { opacity: 1; visibility: visible; }
.popup-content img.logo { max-height: 64px; margin: 20px auto; }

.popup-close { position: sticky; top: 0; right: 0; width: 100%; height: 50px; text-align: right; color: var(--brown); font-family: Arial !important; font-size: 2em; line-height: 54px; font-weight: 600; background: transparent; z-index: 10; cursor: pointer; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--brown); filter: drop-shadow(0 0 4px rgb(0 0 0 / 10%));  }

#popup-box h2 { font-size: 2.5em; text-align: center; color: var(--anthrazit) !important; padding-bottom: 0px; margin-bottom: 40px; }
#popup-box p { text-align: center; }
.popup-content ul { margin-left: 20px; }

@media only screen and (max-width: 1200px) {
#popup-box.active { width: 95vw; padding: 20px 20px 40px 20px; }
}
@media only screen and (max-width: 668px) {
#popup-box.active { width: 97.5vw; padding: 10px 10px 40px 10px; }
#popup-box h2 { font-size: 1.5em; }

.popup-content img.logo { max-height: 50px; }
}
/*--------------------------------------------------------------
      KONTAKTFORMULAR
--------------------------------------------------------------*/
/*-- Allgemein --*/
form p { margin: 0; }
.wpcf7-form { display: flex; flex-direction: column; align-items: center; }
.wpcf7 input, .wpcf7 textarea, .wpcf7-list-item-label a { color: var(--black) !important; }
input, textarea { 
font-style: normal; line-height: normal; max-width: 100%;
outline: none; border: none; padding: 6px; border: 2px solid var(--brown);
background: var(--white);
}
input.wpcf7-file { border: none; }
#form-box label.header { font-size: 1.35em; }
.formcol-1.privacy { font-size: 0.65em; flex-direction: initial !important; text-align: justify !important; }
.formcol-1.privacy label { font-size: initial; }
#form-box p { text-align: left !important; } 
/*-- Placeholder --*/
.wpcf7-form-control::-webkit-input-placeholder { color: #ccc; }
.wpcf7-form-control:-moz-placeholder { color: #ccc; }
.wpcf7-form-control::-moz-placeholder { color: #ccc; }
.wpcf7-form-control:-ms-input-placeholder { color: #ccc; }
::-webkit-file-upload-button { outline: none; border: none; background: var(--brown); color: var(--white); font-weight: 600; padding: 8px 16px; border-radius: 8px; }
.wpcf7 input[type="file"] { font-size: 0.9em; margin: 8px 0; }
/*-- Flex Ausrichtung --*/
#form-box { display: flex; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; max-width: 960px; margin: 40px auto 0 auto; }
.formcol-1 { width: 100%; padding: 0 20px; display: flex; flex-direction: column; flex-basis: 100%; margin-bottom: 20px; }
.formcol-2 { width: 50%; padding: 0 20px; display: flex; flex-direction: column; flex-basis: 50%; margin-bottom: 20px; }
.wpcf7-textarea { width: 100%; margin: 8px 0; }
/*-- FILE UPLOAD --*/
.upload-box p { display: flex; flex-wrap: wrap; justify-content: space-around; }
.wpcf7-file::-webkit-file-upload-button { border-radius: 0 !important; background: var(--brown); color: var(--anthrazit); margin-right: 10px; font-size: 0.75em; }
.upload .wpcf7-not-valid-tip { visibility: visible; height: auto; font-size: 0.75em; }
/*-- Checkbox --*/
.wpcf7-checkbox { display: flex; justify-content: flex-start; flex-wrap: wrap; border: none !important; }
.wpcf7-list-item { margin: 4px 0; width: 50%; padding: 0 10px; flex-basis: 50%; }
.wpcf7-list-item:nth-child(2n) { padding: 0 0 0 30px; } 
/*-- Feld Header --*/
.form-header { color: var(--black); font-weight: 600; line-height: initial; font-size: 1.5em; margin-top: 20px; }
.form-small { color: var(--black); font-weight: 600; font-size: 0.65em; }
.form-fieldname, .wpcf7-list-item-label { color: var(--black); font-weight: 400; margin-left: 8px; }
/*-- Hinweis nicht ausgefüllt --*/
.wpcf7-not-valid-tip { visibility: hidden; height: 0; }
.wpcf7-not-valid-tip::before { content:'*'; position: absolute; left: -15px; top: -55px; color: #ed4337; visibility: visible; }
.formcol-2 .wpcf7-not-valid-tip::before { top: -70px; }
.wpcf7-not-valid { border: 2px solid var(--brown); }
/*-- Datenschutzerklärung --*/
.privacy .wpcf7-list-item { width: 100% !important; text-align: justify; font-size: 0.6em; }
.privacy .wpcf7-list-item a { color: var(--white) !important; } 
.privacy .wpcf7-list-item label { display: flex; justify-content: flex-start; align-items: flex-start; }
/*-- Absenden --*/
.wpcf7 input[type="submit"] { width: fit-content; text-align: center; display: block; background: var(--brown); color: var(--anthrazit) !important; font-weight: 600; padding: 10px 20px; border: none; border-radius: 0 !important; margin: 20px auto; font-size: 1.5em; }
.wpcf7 input[type="submit"]:hover { background: var(--green) !important; color: var(--creme-white) !important; }
/*-- Formular gesendet --*/
div.wpcf7-response-output { margin: 0 !important; border: none !important; border-radius: 8px; background: var(--green); color: var(--white); padding: 8px 16px !important; font-weight: normal; }
div.wpcf7-response-output:empty { display: none; }

@media only screen and (max-width: 668px) {
.formcol-1 { padding: 0 0; }
.formcol-2 { width: 100%; flex-basis: auto; padding: 0 0; }
.formcol-2 input { width: 100%; }

#form-box label.header { font-size: 1em; }
.form-fieldname, .wpcf7-list-item-label { margin-left: 4px; }
.wpcf7-list-item { padding: 0 0; }

.wpcf7 input[type="file"] { font-size: 0.65em; }
}

/*--------------------------------------------------------------
      SCROLLBAR
--------------------------------------------------------------*/
::-webkit-scrollbar { width: 0.25em; }
::-webkit-scrollbar-track { background: var(--white); }
::-webkit-scrollbar-thumb { border-radius: 20px; background: var(--brown); }
::-webkit-scrollbar-corner { background: transparent; }
/*--------------------------------------------------------------
      TRANSITION
--------------------------------------------------------------*/
#headerbox, .tab, .sp-burger .line, .wpcf7 input[type="submit"], #hover-container .col .img-header h2, .tab h3::before {
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#btn, div#btn-anchor, #btn-li, #btn a, div#btn-anchor a, #btn-li a {
     -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    -ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}

#headerbox, .arrow-box span, #home-slider.slider img, #hover-container .col #btn 
{
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); 
}
.slider-txt 
{
box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%); 
}

/* ----------- DISABLE LANDSCAPE MOBILE ------------ */ 
#turn-device { display: none; }
@media only screen and (orientation: landscape) and (max-width: 864px) and (max-height: 480px) {
html, body { background-color: #ffffff; background: #ffffff; overflow: hidden; padding: env(safe-area-inset) !important; }
    #turn-device {
        background-color: #ffffff; background: #ffffff; z-index: 9999999999999999999;
        display: flex !important; align-items: center; justify-content: center; flex-direction: column; 
        height: 100vh; overflow: hidden !important;
        position: fixed;
        top: 0; left: 0; right: 0;
        width: 100%;
    }
    #turn-device img { max-width: 15%; }
}