/* 
 Theme Name:     Cegla
 Author:         momentum
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* source-sans-pro-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root{
  --rc-blau:#164194; --rc-rot:#dc092f; --rc-gruen:#0d8e39; --rc-grau:#777777;
  --subline-bp:767px;   /* Mobil-Breakpoint für den Subline-Umsprung – an euren koppeln */
}

/* Titel-Highlight */
.ht-hl--blau { color:var(--rc-blau);  }
.ht-hl--rot  { color:var(--rc-rot);   }
.ht-hl--gruen{ color:var(--rc-gruen); }
.ht-hl--grau { color:var(--rc-grau);  }

/* Subline: Desktop = ein Absatz aus zwei Sätzen */
.produkt-subline{ margin:.5rem 0 0; }
.produkt-subline--mobil{ display:none; }   /* Teil-2-Mobilinstanz: Desktop aus */

@media (max-width:767px){            /* = var(--subline-bp); bei Bedarf anpassen */
  .produkt-subline__teil2{ display:none; }  /* Teil 2 raus aus dem Namensblock */
  .produkt-subline--mobil{ display:block; } /* Teil 2 erscheint nach dem Bild */
}


body,
h1, h2, h3, h4, h5, h6,
.et_pb_module {
    font-family: 'Source Sans Pro', sans-serif !important;
}
strong {
    font-weight: 600 !important;
}

.pg-galerie {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
}

.pg-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 8px;
    order: -1;
}

.pg-thumb {
    width: 70px;
    height: 70px;
    object-fit: contain;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: border-color 0.2s;
}

.pg-thumb:hover,
.pg-thumb.aktiv {
    border-color: #164194;
}

.pg-hauptbild-wrapper {
    flex: 1;
    position: relative; /* wichtig für Drift */
}

#pg-hauptbild {
    width: 100%;
	max-width:340px;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .pg-galerie {
        flex-direction: column;
    }

    .pg-thumbnails {
        flex-direction: row;
        flex-wrap: wrap;
        order: 1; /* auf Mobil unterhalb */
    }

    .pg-thumb {
        width: 60px;
        height: 60px;
    }
}


@media (max-width: 768px) {
	.et_pb_accordion_item {
		padding-left:0;
		padding-right:0;
	}
}