@charset "UTF-8";
/*!
Theme Name: Divi-RMWSV
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Child Theme - RMWSV
Author: Ronald Milchewski & Markus Grützner
Author URI: https://milchewski.de
License: Ronald Milchewski
License URI: https://milchewski.de
Template: Divi
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* Hyphenation and justification */
p { 
	hyphens: auto;
	overflow-wrap: break-word;
}

html {
  font-size: 16px;
}

/* Body text */
body,
.et_pb_module,
.et_pb_text,
.et_pb_text_inner,
.et_pb_blurb_content,
.et_pb_toggle_content,
.et_pb_tab_content,
.et_pb_promo_description {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.et_pb_text_inner h1, .et_pb_text_inner h2, .et_pb_text_inner h3,
.et_pb_text_inner h4, .et_pb_text_inner h5, .et_pb_text_inner h6 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700;
}

/* Hide letters */
.ghost {
	display:none;
}

/* Navbar-Scroll */
#navbar-scroll-selektor {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
  transition: transform 0.7s ease !important;
  will-change: transform;
  background: transparent;
}
#navbar-scroll-selektor.hide {
	transform: translateY(-120px);
}
#navbar-scroll-selektor.show {
	transform: translateY(0px);
}

/* Scrollbar-Styling NUR für Firefox */
@-moz-document url-prefix() {
  html {
    scrollbar-color: #e0dad2 #1e232b; /* Rot für den Daumen, Grau für den Hintergrund */
    scrollbar-width: thin; /* Schlanke Scrollbar */
  }
}

/* Scrollbar-Gesamtbereich */
::-webkit-scrollbar {
  width: 12px; /* Breite der Scrollbar */
  height: 12px; /* Für horizontale Scrollbars */
}

/* Hintergrund der Scrollbar */
::-webkit-scrollbar-track {
  background: #1e232b; /* Heller Hintergrund */
  border-radius: 10px; /* Runde Ecken */
}

/* Der bewegliche Teil (Thumb) */
::-webkit-scrollbar-thumb {
  background: #e0dad2; /* Scroll-Leiste in Rot */
  border-radius: 10px;
}

/* Hover-Effekt für den Thumb */
::-webkit-scrollbar-thumb:hover {
  background: #b3ada6; /* Dunkleres Rot beim Hovern */
}
/* ================================
   Cookie Notice – oberer Rahmen
   ================================ */
#cookie-notice {
  /* Dezente Trennlinie am oberen Rand */
  border-top: 1px solid #e0dad2;
}


/* ================================
   Cookie Buttons – Grundstil
   (Akzeptieren / Ablehnen)
   ================================ */
#cn-accept-cookie,
#cn-refuse-cookie {
  /* Textfarbe der Buttons */
  color: #1e232b !important;
}

/* ================================
   Cookie Buttons – Hover-Effekt
   ================================ */
#cn-accept-cookie:hover,
#cn-refuse-cookie:hover {
  /* Textfarbe beim Hover */
  color: #e0dad2 !important;

  /* Hintergrundfarbe beim Hover */
  background-color: #666666 !important;
}

/* ================================
   Cookie-Link (rechtliche Hinweise)
   ================================ */
.cn-cookie-legal:hover {
  /* Unterstreichung beim Hover für bessere Erkennbarkeit */
  text-decoration: underline;
}

/* ================================
   Close-Button (X) – Animation
   ================================ */
#cn-close-notice {
  /* Sanfte Dreh-Animation beim Hover */
  transition: transform 0.25s ease;
}

/* ================================
   Close-Button (X) – Farbe
   (über ::before / ::after erzeugt)
   ================================ */
#cn-close-notice::before,
#cn-close-notice::after {
  /* Farbe des Schließen-Kreuzes */
  background-color: #cab6a1;
}

/* ================================
   Close-Button (X) – Hover-Effekt
   ================================ */
#cn-close-notice:hover {
  /* Drehung des Kreuzes beim Hover */
  transform: rotate(90deg);
}