@charset "UTF-8";
/* CSS Document */

/* --- Typography --- */
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://phoenixbad.de/wp-content/themes/phoenix21/fonts/satisfy-v11-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}

/* ==========================================================================
   Basis-Einstellungen
   ========================================================================== */

body {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
  background-color: #595959; /* JePa Hintergrund */
}

* {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* ==========================================================================
   Typografie nach Überschriften
   ========================================================================== */

/* H1–H2 */
h1,
h2 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 3.25em; /* 52px */
}

/* H3 */
h3,
h3.h5 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.625em; /* 26px */
  font-weight: 600;
}
.mt-4 h3 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.625em; /* 26px */
  margin-bottom: 1em;
  color: #fff;
}

/* H4 */
h4 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.625em; /* 26px */
}

/* H5 */
h5,
.mb-4 h5,
.col-content.col-md-8 .mb-4 h5 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.375em; /* 22px */
}

/* H6 */
h6 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em; /* 16px */
}

/* ==========================================================================
   Text allgemein
   ========================================================================== */

p,
.nav-link,
.row.g-0 .col-lg-8 .btn-link {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.375em; /* 22px */
}

.mb-4,
.mb-4 p,
.mb-4 ul,
.mb-4 li,
.mb-4 strong,
.mt-4,
.mt-4 p,
.mt-4 ul,
.mt-4 li,
.mt-4 strong {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
}
/* ==========================================================================
   Artikel-Bereich (z. B. mb-4, mt-4)
   ========================================================================== */
  

  .card.h-100 .card-body .card-text.article-item-text,
  .card.h-100 .card-footer a.btn.btn-primary {
  font-size: 1.125em; /* 18px */
    font-weight: 400;
  }

 .card-header.h5 {
  font-size: 1.5rem; /* gewünschte Textgröße */
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  position: relative;
  background-color: #383838;
  color: #fff !important;
  border-radius: 10px 10px 0 0;
}

#article-form .card-header.h5 {
  font-size: 0rem !important; /* Originaltext verstecken */
  position: relative;
  background-color: #383838;
}

#article-form .card-header.h5::before {
  content: "Bitte wählen Sie Ihren Tarif";
  font-size: 1.5rem; /* gewünschte Textgröße */
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  position: relative;
  background-color: #383838;
  color: #fff;
  display: block;
}

#Checkout_Form .row-cols-1.row-cols-sm-2.row-cols-lg-3 > .col p,
#Checkout_Form .row-cols-1.row-cols-sm-2.row-cols-lg-3 > .col b {
  color: #000;
}
#Checkout_Form .row-cols-1.row-cols-sm-2.row-cols-lg-3 > .col b {
  font-size: 1.375rem; /* gewünschte Textgröße */
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600; 
}
#Checkout_Form .row-cols-1.row-cols-sm-2.row-cols-lg-3 > .col p,
#Checkout_Form .row-cols-1.row-cols-sm-2.row-cols-lg-3 > .col p small {
  font-size: 1.375rem; /* gewünschte Textgröße */
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400; 
}

.card-footer .btn {
  border-radius: 5px;
  border: 2px solid #444444;
  color: #ffffff;
  background: #444444;
  padding: 5.2px 16px;
  font-size: 16px;
  font-family: inherit;
  box-sizing: border-box;
  line-height: 1.5;
}

.card-footer .btn:hover {
  color: #fff;
  background: #01A1DD;
  border-color: #01A1DD;
}

.card-footer .btn.btn-primary {
  margin-left: 10px;
}

/* ==========================================================================
   Teaser-Bereich mb-4 für h2 und p
  ========================================================================== */   

section#Teaser > .container.mb-4 h2 {
  font-size: 2.25em;    /* 36px */
  font-weight: 500;
}

section#Teaser > .container.mb-4 p {
  font-size: 1.375em;   /* 22px */
  font-weight: 400;
}

section#Teaser > .container.mb-4 h2 {
  font-size: 1.625em;   /* 26px */
  font-weight: 500;
}

section#Teaser > .container.mb-4 p {
  font-size: 1.125em;   /* 18px */
  font-weight: 400;
}

.col-12.text-center.pt-4.px-5.px-sm-0.order-last {
  font-size: 0rem !important;
}

.col-12.text-center.pt-4.px-5.px-sm-0.order-last::before {
content: "© 2025 Phönix-Bad Ottobrunn GmbH | Style by Jens Paritzsch | Powered by HKS Systeme";
  font-size: 0.5rem; /* gewünschte Textgröße */
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  position: relative;}

/* Weißer Text und fester Font im Artikelbereich */

/* ==========================================================================
   Buttons & Komponenten
   ========================================================================== */

.carousel-item [class*="col-"] p,
.btn {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

/* ========================================================================== */

.container h3.h5.text-center {
    color: #ffffff;
}

p,
.nav-link,
.row.g-0 .col-lg-8 .btn-link {
    font-size: 1.375em; /* 22px */
    font-weight: 400;
}

.col-content.col-md-8 .mb-4 > p:first-of-type {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 400;
  
}

/* Überschrift SEO Texte */
#Checkout_Form p.mb-2,
.bg-primary-lighter > h2.mb-4 {
  color: #000;
}

/*Kombi Schwimmbad mit Artikel (#Article-56) */

@supports selector(:has(*)) {
  body:has(#Article-56) section#Title {
    background-image: url('https://phoenixbad.de/wp-content/uploads/2025/07/LAY_Website_-Beitrag_Es-sprudelt-wieder_130725_c.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 5;
    position: relative; /* wichtig für ::before */
    overflow: hidden;
  }

  body:has(#Article-56) section#Title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(48, 81, 172, 0.8) 0px, rgba(48, 81, 172, 0.5) 150px, transparent 350px );
    z-index: 1;
  }
  

  body:has(#Article-56) section#Title .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* ❗ setzt den Inhalt nach unten */
    height: 100%;
  }

  body:has(#Article-56) section#Title .page-title,
  body:has(#Article-56) section#Title .page-subtitle {
    color: #fff;
  }
}

/*Sauna mit Artikel (#Article-62) */

@supports selector(:has(*)) {
  body:has(#Article-62) section#Title {
    background-image: url('https://phoenixbad.de/wp-content/uploads/2022/04/JensParitzschUnternehmensfotografie-0189_Header.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 5;
    position: relative; /* wichtig für ::before */
    overflow: hidden;
  }

  body:has(#Article-62) section#Title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(177, 93, 19, 0.909) 0px, rgba(177, 93, 19, 0.5) 150px, transparent 350px );
    z-index: 1;
  }

  body:has(#Article-62) section#Title .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* ❗ setzt den Inhalt nach unten */
    height: 100%;
  }

  body:has(#Article-62) section#Title .page-title,
  body:has(#Article-62) section#Title .page-subtitle {
    color: #fff;
  }
}

/*Kombi Sauna & Spa mit Artikel (#Article-2) */

@supports selector(:has(*)) {
  body:has(#Article-2) section#Title {
    background-image: url('https://phoenixbad.de/wp-content/uploads/2025/02/EPA0832-Bearbeitet-3Phoenix-Bad-Ottobrunn-Valentin-2024-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16 / 5;
    position: relative; /* wichtig für ::before */
    overflow: hidden;
  }

  body:has(#Article-2) section#Title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(172, 48, 161, 0.8) 0px, rgba(172, 48, 161, 0.5) 150px, transparent 350px );
    z-index: 1;
  }

  body:has(#Article-2) section#Title .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* ❗ setzt den Inhalt nach unten */
    height: 100%;
  }

  body:has(#Article-2) section#Title .page-title,
  body:has(#Article-2) section#Title .page-subtitle {
    color: #fff;
  }
}
_::-webkit-full-page-media, _:future, :root body:has(#Article-56) section#Title .col {
  margin-bottom: 4% !important;
}

/* TEASER Button */

.btn-primary {
  border: none;
  background-color: #4f4f4f;
}

/*Plus Minus Button Rund 5em*/
.button-plus.btn.btn-primary,
.button-minus.btn.btn-primary {
  border-radius: 5em;
  border: 1px solid #4f4f4f;
  background-color: #4f4f4f;
}
.button-plus.btn.btn-primary:hover,
.button-minus.btn.btn-primary:hover {
  background-color: #ffffff;
  color: #4f4f4f;
}
#cart-button-popover[tabindex="0"] > .btn-primary {
  display: none;
  /*background-color: #4f4f4f;
  color: #fff;
  border-color: #4f4f4f;
  opacity: 1;*/
}
/*Badartikel hat einfluss auf die Farbe vom Warenkorb Button*/
.article-56 #cart-button-popover .btn-primary,
.article-57 #cart-button-popover .btn-primary,
.article-58 #cart-button-popover .btn-primary,
.article-59 #cart-button-popover .btn-primary,
.article-60 #cart-button-popover .btn-primary,
.article-61 #cart-button-popover .btn-primary,
.article-68 #cart-button-popover .btn-primary  {
  background-color: #01A1DD;
}
/*Saunaartikel hat einfluss auf die Farbe vom Warenkorb Button*/
.article-62 #cart-button-popover .btn-primary,
.article-63 #cart-button-popover .btn-primary,
.article-64 #cart-button-popover .btn-primary,
.article-65 #cart-button-popover .btn-primary,
.article-66 #cart-button-popover .btn-primary,
.article-69 #cart-button-popover .btn-primary  {
  background-color: #E16A03;
}
/*Wellnesartikel hat einfluss auf die Farbe vom Warenkorb Button*/
article-67 #cart-button-popover .btn-primary  {
  background-color: #AA51E2;
}
#cart-button-popover .btn-primary:hover {
  background-color: #ffffff;
  color: #4f4f4f;
}

/*Startseite*/

.col-auto.bg-box-carousel h1,
.col-auto.bg-box-carousel p,
#Teaser .mb-4 p,
.justify-content-start .h-100 .card-text p {
  color: #383838;
}

/* Saunawelt Ticket Button */
a.btn.btn-primary.stretched-link[href="/saunawelt"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/saunawelt"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/62"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/62"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/63"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/63"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/64"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/64"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/65"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/65"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/69"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/69"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="2c201c8a"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="2c201c8a"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="8dcfafac"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="8dcfafac"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="13d44014"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="13d44014"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="cdd34d7b"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="cdd34d7b"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="449ba5df"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="449ba5df"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="ed751670"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="ed751670"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="1360f88f"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="1360f88f"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="d57e479"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="d57e479"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="9420dd7b"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="9420dd7b"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="2ea3f48e"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="2ea3f48e"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="16f4a0de"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="16f4a0de"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="6295761"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="6295761"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="97946ac4"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="97946ac4"]:not(:disabled):not(.disabled):active {
  background-color: #E16A03 !important;
  border: 2px solid #E16A03 !important;
  color: #fff;
}

/* Schwimmbad Ticket Button */
a.btn.btn-primary.stretched-link[href="/schwimmbad"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/schwimmbad"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="35ceee99"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="35ceee99"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="1b7ee711"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="1b7ee711"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="3746b263"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="3746b263"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="40867522"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="40867522"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="c8800783"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="c8800783"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="fb56be9b"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="fb56be9b"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="2b8f37ec"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="2b8f37ec"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="47c29716"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="47c29716"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="a8a76e78"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="a8a76e78"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="d4f80ac3"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="d4f80ac3"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="ad7239de"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="ad7239de"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="5227ecc9"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="5227ecc9"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="85e1881b"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="85e1881b"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="2e7ce09a"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="2e7ce09a"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="eed55329"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="eed55329"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="42978d48"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="42978d48"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="5834d329"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="5834d329"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="f00463c4"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="f00463c4"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="6ee464f0"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="6ee464f0"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="54e9f76f"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="54e9f76f"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="b966fbf1"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="b966fbf1"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="70a762ec"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="70a762ec"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="38d467eb"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="38d467eb"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="304d32cc"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="304d32cc"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="61cb56f0"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="61cb56f0"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="a01af6cb"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="a01af6cb"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="26c510dc"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="26c510dc"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="6f5126d3"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="6f5126d3"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="47c29716"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="47c29716"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="db4841b3"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="db4841b3"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="57a7d3de"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="57a7d3de"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="ab308dff"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="ab308dff"]:not(:disabled):not(.disabled):active {
  background-color: #00A1DC !important;
  border: 2px solid #00A1DC !important;
  color: #fff;
}

/* Wellnes-Spa Ticket Button */
a.btn.btn-primary.stretched-link[href="/article/76"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/76"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[href="/article/77"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[href="/article/6779"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="72ef8d79"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="72ef8d79"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="e0fa492c"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="e0fa492c"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="2f7c23f4"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="2f7c23f4"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="26e0dd56"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="26e0dd56"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="6ebffa6c"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="6ebffa6c"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="b5588d6f"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="b5588d6f"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="dc57f4a0"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="dc57f4a0"]:not(:disabled):not(.disabled):active,
a.btn.btn-primary.stretched-link[data-cy-hash="182d13c2"]:not(:disabled):not(.disabled):hover,
a.btn.btn-primary.stretched-link[data-cy-hash="182d13c2"]:not(:disabled):not(.disabled):active {
  background-color: #AF1180 !important;
  border: 2px solid #AF1180 !important;
  color: #fff;
}

.justify-content-start .col.mb-4:nth-of-type(4) a.btn.btn-primary.stretched-link,
.justify-content-start .col.mb-4:nth-of-type(5) a.btn.btn-primary.stretched-link,
.justify-content-start .col.mb-4:nth-of-type(6) a.btn.btn-primary.stretched-link {
  background: #4f4f4f;
  color: #fff;
  border: none;
}

a.btn.btn-primary.stretched-link:hover svg,
a.btn.btn-primary.stretched-link:active svg {
  fill: #fff;
}

@media (min-width: 1024px) {
  /* 1. Beide Container: volle Breite, untereinander angeordnet */
  #content #Article .container .row.justify-content-center .col-images.col-md-4,
  #content #Article .container .row.justify-content-center .col-content.col-md-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* 2. Bilder in col-images: nebeneinander anordnen */
  #content #Article .container .row.justify-content-center .col-images.col-md-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin-bottom: 2rem;
  }

  /* 3. Einzelnes article-image: 25 % Breite = 4 Stück pro Zeile */
  #content #Article .container .row.justify-content-center .col-images.col-md-4 > .article-image {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0.25rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  /* 4. Bilder selbst: 300 x 300 px */
  #content #Article .container .row.justify-content-center .col-images.col-md-4 > .article-image img {
    width: 300px  !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block;
    border-radius: 4px;
  }
}

/* Warenkorb */
/* Saunaartikel Hintergrund einfärben mit runden ecken 10px */

#Basket .container .row .col .d-md-table-row h3{
  color: #fff;
}

#Basket .container .row .col .d-md-table-row .text-smaller,
#Basket .container .row .col .d-md-table-row .d-inline {
  Color: #fff !important;
}
.cart-thead-qty,
.cart-thead-price,
.cart-thead-text{
  background-color: #383838; /* << WICHTIG! */
  color: #fff;
}
#Basket .container .row .col .d-md-table-row.thead .cart-thead-image {
  border-right: 1px solid #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #383838; /* << WICHTIG! */
  color: #fff;
}

#Basket .container .row .col .d-md-table-row.thead .cart-thead-total {
  border-left: 1px solid #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #383838; /* << WICHTIG! */
  color: #fff;
}

#Basket .container .row .col .d-md-table-row.tfooter .d-md-table-cell {
  background-color: #383838;
  color: #fff;
  padding: 12px 16px;
}

/* Allgemeiner Hintergrund für alle relevanten Zellen */
#Basket .container .row .col .d-md-table-row.tfooter .d-md-table-cell.spacer,
#Basket .container .row .col .d-md-table-row.tfooter .text-end,
#Basket .container .row .col .d-md-table-row.tfooter .text-nowrap {
  background-color: #383838 !important;
  color: #fff;
  padding: 12px 16px;
}

/* Linke Rundung auf erstem spacer */
#Basket .container .row .col .d-md-table-row.tfooter .spacer:first-of-type {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Rechte Rundung auf text-nowrap */
#Basket .container .row .col .d-md-table-row.tfooter .text-nowrap {
  background-color: #383838;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 1px solid #fff;
}
.col-md-6._order-last._order-md-first {
  display: none;
}
.col-md-6._order-first._order-md-last {
text-align: center;
}
/* === SAUNA-ARTIKEL (orange) === */

#Basket .container .row .col .d-md-table-row[data-cy-hash="6295761"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="2c201c8a"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="8dcfafac"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="13d44014"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="cdd34d7b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="449ba5df"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="ed751670"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="1360f88f"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="d57e479"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="9420dd7b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="2ea3f48e"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="8dcfafac"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="cdd34d7b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="ed751670"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="d57e479"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="2ea3f48e"] .d-md-table-cell {
  background-color: #E16A03 !important;
  color: #fff;
}
/* Badartikel Hintergrund ein Färben */
#Basket .container .row .col .d-md-table-row[data-cy-hash="35ceee99"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="1b7ee71"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="3746b263"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="40867522"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="c8800783"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="fb56be9b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="2b8f3e7c"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="47c29716"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="a8a767e8"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="d4f80ac3"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="ad7239de"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="5227ecc9"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="85e1881b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="2e7ce09a"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="eed55329"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="42978d48"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="5834d329"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="f00463c4"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="6ee64f40"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="54e97fce"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="b966fbf1"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="70a762ec"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="3d846e7b"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="304d32cc"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="61cb56f0"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="a01af6cb"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="26c510c1"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="6f5126d3"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="47c29716"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="db4b481a"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="57a7d3de"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="ab308dff"] .d-md-table-cell  {
  background-color: #00A1DC !important;
  color:#fff;
}

/* SPA-Artikel Hintergrund ein Färben */
#Basket .container .row .col .d-md-table-row[data-cy-hash="2f7c23f4"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="6ebffa6c"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="b5588d6f"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="dc57f4a0"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="26e0dd56"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="e0fa492c"] .d-md-table-cell,
#Basket .container .row .col .d-md-table-row[data-cy-hash="182d13c2"] .d-md-table-cell   {
  background-color: #AF1180 !important;
  color:#fff;
}

/*Allgemein Div mit der Class="d-md-table-row"*/
.cart-item-image {
  border-right: 1px solid #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}

.cart-item-total {
  border-left: 1px solid #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}

.cart-item-image img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  border-radius: 0;
}

.d-md-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 10px;
  padding-right: 10px;
}

/*Saunawelt Warenkorb Farbe Button*/
.article-62 .btn:disabled,
.article-63 .btn:disabled,
.article-64 .btn:disabled,
.article-65 .btn:disabled,
.article-66 .btn:disabled,
.article-67 .btn:disabled,
.article-69 .btn:disabled {
  background-color: #E16A03;
}
.jumbotron {
  background-color: #595959;
}

.d-md-table-row:nth-child(2n) {
background: transparent !important;
}

#Basket .container .row .col .d-none.d-md-table-row.thead .cart-thead-price,
#Basket .container .row .col .d-none.d-md-table-row.thead .cart-thead-text,
#Basket .container .row .col .d-none.d-md-table-row.thead .cart-thead-qty {
  background-color: #383838 !important;
}

#Basket .container .row .col .d-md-table-row .d-md-table-cell {
 background: #555;
  color: #fff;
}

#Basket .container .article-information .alert.alert-info {
    background-color: #383838;
    border-radius: 10px !important;
    Color: #fff;
    Display: none;
}

#Basket .container .article-information .h5 {
    background-color: #595959;
    border-radius: 10px !important;
    Color: #fff !important;
    Display: none;
}

.alert {
  background-color: #fff;
  Color: #000;
}



/* Titel-Farbe in der Checkout-Leiste */
.progress-checkout .progress-title {
  color: #ffffff;
}

/* Fortschrittsbalken in Türkis */
.progress-checkout .container.my-4.pt-4 .progress .progress-bar {
  background-color: #00a1dc !important;
}

/* Aktive Nummer blau hinterlegt */
.progress-checkout .step-active .progress-number {
  background-color: #00a1dc !important;
}

/*----------------------<section id="Teaser" class="mb-4">-------------------*/
section#Teaser > .container.mb-4:nth-of-type(2) .row.g-0 {
  flex-direction: row-reverse;
}

/*----------------------FOTOTER-------------------*/
footer .container .col {
  padding-left: 10em;
}
footer .container .col-sm-6 {
  padding-right: 10em;
}
footer .nav-link {
  margin-bottom: 0;
}

#footer .mb-0 {
  font-size: 1.375em;
}

#footer .col-sm-6 ul li a {
  font-size: 1.375em;
}

#footer .col-12 small {
  font-size: 1em;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  color: #898989;
  font-variant-ligatures: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  max-width: 23.6ch;
  display: inline-block;
}
/*ENDE----------------------FOTOTER-------------------ENDE*/

@media (max-width: 767.98px) {
  .container h1,
  .container h2 {
    font-size: 1.75em; /* 28px */
  }

  h3 {
    font-size: 1em; /* 16px */
  }
  h4 {
      font-size: 1em; /* 16px */
    }
  p,
  .nav-link {
    font-size: 1em; /* 16px */
  }

  footer {
    font-size: 1em; /* 16px */
  }

  small {
    font-size: 0.875em; /* 14px */
  }
}

h1 em,
p em {
	font-family: 'Satisfy',Times, "Times New Roman", "serif";
	font-weight: 400;
	font-style: normal;
}
/*JePa CSS Start am 13.05.2025 */

H1,
H2
{
  color: #383838 !important;
}

H3,
H4,
H5{
  color: #ffffff;
}

.card.h-100 .card-body.text-center h5.card-title {
  color: #00A1DC;
}
.btn-link,
.btn-link:hover,
.btn-primary,
footer .nav-link {
  text-decoration: underline;
  border-radius: 0.5em;
}
.bg-box-carousel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0.01%, rgba(255, 255, 255, 0.7) 100%);
  backdrop-filter: blur(4px);
  border-radius: 0.5em;
}
/*Plus Minus Button Rund 5em*/
.button-plus.btn.btn-primary,
.button-minus.btn.btn-primary {
  border-radius: 5em;
}

#addToCart .btn.btn-primary:hover {
  background-color: #fff;
  border: 1px solid #595959;
  color: #595959;
  text-decoration: underline;
}

/*FOCUS*/
/* Allgemeiner Fokus-Stil für alle fokussierbaren Elemente */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus,
summary:focus {
  outline: 3px solid #00A1DC !important;
  outline-offset: 4px;
  border-radius: 4px;
}

/* Fokus auf Bilder in Links */
a:focus img {
  filter: brightness(1.2) contrast(1.2);
  outline: 3px solid #00A1DC !important;
  outline-offset: 4px;
  border-radius: 4px;
}
/*FOCUS ENDE*/

header,
nav.menu-top{
  background-color: #383838;
  text-decoration: underline;
}

header a.icon-text,
nav.menu-top .nav-item:hover {
  color: #383838;
  text-decoration: underline;
}

header a.icon-text:hover {
  color: #595959;
}

.container.py-2.py-md-3 {
  background-color: #ffffff;
  width: 100%;
  max-width: none;
  padding-left: 14rem;
  padding-right: 14rem;
}

@media screen and (max-width: 1199px) {
  .container.py-2.py-md-3 {
    padding-left: clamp(1rem, 5vw, 8rem);
    padding-right: clamp(1rem, 5vw, 8rem);
  }
}

 

/* Teaser */
.bg-box-carousel,
.card,
.card-img-top {
  border-radius: 10px !important;
}
.bg-primary-lighter {
  background-color: #f2f2f2;
}

@media screen and (max-width: 768px) {
  .carousel-item h1,
  .carousel-item h3,
  .carousel-item p,
  .carousel-item blockquote {
    color: #ffffff !important;
  }
}

/* Reihenfolge im zweiten .container.mb-4 im Teaser-Bereich umkehren */
@media (min-width: 768px) {
  section#Teaser > .container.mb-4:nth-of-type(2) .row.g-0 {
    flex-direction: row-reverse;
  }
}
/*Ticket Beschreibung mit Preis*/

.col-content.col-lg-8 h1,
.col-content.col-lg-8 h2,
.col-content.col-lg-8 h3,
.col-content.col-lg-8 h4,
.col-content.col-lg-8 p,
.col-content.col-lg-8 small,
.col-content.col-md-8 h1,
.col-content.col-md-8 h2,
.col-content.col-md-8 h3,
.col-content.col-md-8 h4,
.col-content.col-md-8 p,
.col-content.col-md-8 small {
  color: #ffffff;
}

/*https://shop.phoenixbad.de/article/ ---->  "Bitte wählen Sie Ihre Artikel"*/
form[data-cy="article-form"] .card-header.h5 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.card-body.p-0 .table .tbody {
  font-size: 1.375em;
}
.card-body.p-0 .table .row.table-row-sum .col {
  font-size: 1.625rem;
}

/*Backend*/

/*JePa CSS  ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE ENDE */

/* --- Header ---*/
/*header#header {
    background-color: gray;
}*/

/* === RESPONSIVE TYPOGRAFIE: FOOTER & STANDARD ELEMENTE === */
div.container div.row div.col p,
div.container div.row div.col ul.nav .nav-link,
div.container div.row div.col-12 small,
div.container div.row div.col h3,
div.container div.row div.col h4,
div.container div.row div.col h1,
div.container div.row div.col .btn {
  font-size: 1.375em; /* 22px */
}

.jumbotron.jumbotron-fluid.bg-cover div.container div.row div.col h1,
.jumbotron.jumbotron-fluid.bg-cover div.container div.row div.col h2 {
    font-size: 2.375em;    /* 38px */
    font-weight: 500;
    color: #fff !important;
  }

div.container div.row div.col h4 {
  font-size: 1.625em; /* 26px */
  font-weight: 600;
}

div.container div.row div.col-12 small {
  font-size: 1.25em; /* 20px */
}

@media (max-width: 767.98px) {
  div.container div.row div.col p,
  div.container div.row div.col ul.nav .nav-link,
  div.container div.row div.col h3,
  div.container div.row div.col h4,
  div.container div.row div.col h1,
  div.container div.row div.col h2,
  div.container div.row div.col .btn {
    font-size: 1em; /* 16px */
  }

  div.container div.row div.col h4 {
    font-size: 1.5em; /* 24px */
  }

  div.container div.row div.col h1,
  div.container div.row div.col h2 {
    font-size: 1.75em; /* 28px */
  }

  div.container div.row div.col-12 small {
    font-size: 0.875em; /* 14px */
  }
}