@font-face {
  font-family: 'Bodoni Moda';
  src: url('/media/archive1/custom-css/bodoni-moda-v27-latin-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('/media/archive1/custom-css/bodoni-moda-v27-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Sora';
  src: url('/media/archive1/custom-css/sora-v16-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Sora';
  src: url('/media/archive1/custom-css/sora-v16-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

body.sonderseite {
  font-family: 'Sora', sans-serif;
  background-color: #F7F5EC !important;
  color: #222222;
  font-size: 18px;
  line-height: 1.6;
}

body.sonderseite .wrapper,
body.sonderseite .container,
body.sonderseite .container-fluid,
body.sonderseite #content-wrapper,
body.sonderseite .main-content {
  background-color: #F7F5EC !important;
}

body.sonderseite .header,
body.sonderseite #navigation-wrapper,
body.sonderseite #navTrigger,
body.sonderseite .shop,
body.sonderseite #rent-logo {
  display: none !important;
}

body.sonderseite #top-logo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  background-color: #F7F5EC;
  z-index: 1000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

body.sonderseite #top-logo img {
  height: 80px;
  width: auto;
  background-color: #F7F5EC;
  padding: 0.3em 0.6em;
  border-radius: 6px;
  display: block;
}

body.sonderseite #content-wrapper {
  padding-top: 140px;
}

body.sonderseite a {
  color: #D1534A;
  text-decoration: none;
}
body.sonderseite a:hover {
  color: #4D6551;
}

body.sonderseite h1 {
  font-size: 36px;
  color: #D1534A;
  font-family: 'Bodoni Moda', serif;
  font-weight: 800;
  margin-bottom: 0.5em;
}
body.sonderseite h2 {
  font-size: 28px;
  color: #4D6551;
  font-family: 'Bodoni Moda', serif;
  font-weight: 700;
  margin-bottom: 0.5em;
}
body.sonderseite h3 {
  font-size: 22px;
  color: #4D6551;
  font-family: 'Sora', sans-serif;
  margin-bottom: 0.5em;
}

body.sonderseite .button,
body.sonderseite input[type="submit"],
body.sonderseite button {
  background-color: #D1534A;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
body.sonderseite .button:hover,
body.sonderseite input[type="submit"]:hover,
body.sonderseite button:hover {
  background-color: #4D6551;
}

.sonderseite .text-rot   { color: #D1534A !important; }
.sonderseite .text-gruen { color: #4D6551 !important; }
.sonderseite .text-beige { color: #F7F5EC !important; }

.sonderseite .bg-rot {
  background-color: #D1534A !important;
  color: #ffffff !important;
  padding: 1em;
}
.sonderseite .bg-gruen {
  background-color: #4D6551 !important;
  color: #ffffff !important;
  padding: 1em;
}
.sonderseite .bg-beige {
  background-color: #F7F5EC !important;
  color: #222222 !important;
  padding: 1em;
}

body.sonderseite footer,
body.sonderseite #footer,
body.sonderseite #footer-top {
  display: none !important;
}
.sonderseite .trenner-rot {
  border-top: 4px solid #D1534A;
  margin: 2em 0;
}
.sonderseite .trenner-gruen {
  border-top: 4px solid #4D6551;
  margin: 2em 0;
}
.sonderseite .trenner-beige {
  border-top: 4px solid #F7F5EC;
  margin: 2em 0;
}
.sonderseite .infobox {
  padding: 1.5em;
  border-radius: 8px;
  margin: 2em 0;
  font-family: 'Sora', sans-serif;
}
.sonderseite .infobox.rot {
  background-color: #D1534A;
  color: #ffffff;
}
.sonderseite .infobox.gruen {
  background-color: #4D6551;
  color: #ffffff;
}
.sonderseite .infobox.beige {
  background-color: #F7F5EC;
  color: #222222;
  border: 1px solid #4D6551;
}
.sonderseite .cta {
  background-color: #D1534A;
  color: #fff;
  padding: 2em;
  border-radius: 12px;
  text-align: center;
  font-size: 20px;
  margin: 3em 0;
}
.sonderseite .cta a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
body.sonderseite .ce_text.bg-gruen,
body.sonderseite .ce_html.bg-gruen,
body.sonderseite .ce_image.bg-gruen {
  background-color: #4D6551 !important;
  color: #ffffff !important;
  padding: 2em;
  border-radius: 6px;
}

body.sonderseite .ce_text.bg-beige,
body.sonderseite .ce_html.bg-beige,
body.sonderseite .ce_image.bg-beige {
  background-color: #F7F5EC !important;
  color: #222222 !important;
  padding: 2em;
  border-radius: 6px;
}
body.sonderseite .ce_text:nth-of-type(2) {
  background-color: #4D6551;
  color: #ffffff;
}  
body.sonderseite #floatingSocialShare {
  padding-left: 20px; /* Abstand vom linken Rand */
}

body.sonderseite #floatingSocialShare .envelope {
  background-color: #D1534A !important;
  padding: 12px;
  border-radius: 6px 6px 0 0; /* stilisiertes 'Dach' / 'Berg' */
  display: inline-block;
}

body.sonderseite #floatingSocialShare .envelope i {
  color: #F7F5EC !important;
  font-size: 18px;
}