.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FBBA00;--e-global-color-text:#333333;--e-global-color-accent:#A10F0F;--e-global-color-7970439:#FFFFFF;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:4.69vw;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.25em;--e-global-typography-primary-letter-spacing:0.01em;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:3.13vw;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:0.005em;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:1.25vw;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0.01em;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:1.25vw;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0.005em;--e-global-typography-19e35d9-font-family:"DM Serif";--e-global-typography-19e35d9-font-size:4.69vw;--e-global-typography-19e35d9-line-height:1em;--e-global-typography-19e35d9-letter-spacing:0em;--e-global-typography-1b54185-font-family:"Open Sans";--e-global-typography-1b54185-font-size:3.13vw;--e-global-typography-1b54185-font-weight:800;--e-global-typography-1b54185-line-height:1.25em;--e-global-typography-1b54185-letter-spacing:0.01em;--e-global-typography-e6a9aa3-font-family:"Open Sans Italic";--e-global-typography-e6a9aa3-font-size:3.13vw;--e-global-typography-e6a9aa3-line-height:1.25em;--e-global-typography-e6a9aa3-letter-spacing:0.005em;--e-global-typography-24dea57-font-family:"Open Sans";--e-global-typography-24dea57-font-size:2.34vw;--e-global-typography-24dea57-font-weight:500;--e-global-typography-24dea57-line-height:1.25em;--e-global-typography-24dea57-letter-spacing:0.005em;--e-global-typography-c29d9e3-font-family:"Open Sans";--e-global-typography-c29d9e3-font-size:0.7vw;--e-global-typography-c29d9e3-line-height:1em;--e-global-typography-6788291-font-family:"Open Sans";--e-global-typography-6788291-font-size:6.25vw;--e-global-typography-6788291-line-height:1em;--e-global-typography-1922dbf-font-family:"DM Serif";--e-global-typography-1922dbf-font-size:10vw;--e-global-typography-1922dbf-line-height:1em;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 h3{font-family:var( --e-global-typography-24dea57-font-family ), Sans-serif;font-size:var( --e-global-typography-24dea57-font-size );font-weight:var( --e-global-typography-24dea57-font-weight );line-height:var( --e-global-typography-24dea57-line-height );letter-spacing:var( --e-global-typography-24dea57-letter-spacing );}.elementor-kit-6 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-19e35d9-font-size:35px;--e-global-typography-1b54185-font-size:25px;--e-global-typography-e6a9aa3-font-size:25px;--e-global-typography-24dea57-font-size:20px;--e-global-typography-c29d9e3-font-size:14px;--e-global-typography-6788291-font-size:50px;--e-global-typography-1922dbf-font-size:70px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-24dea57-font-size );line-height:var( --e-global-typography-24dea57-line-height );letter-spacing:var( --e-global-typography-24dea57-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:22px;--e-global-typography-text-font-size:16px;--e-global-typography-19e35d9-font-size:28px;--e-global-typography-1b54185-font-size:22px;--e-global-typography-e6a9aa3-font-size:22px;--e-global-typography-24dea57-font-size:19px;--e-global-typography-c29d9e3-font-size:12px;--e-global-typography-6788291-font-size:40px;--e-global-typography-1922dbf-font-size:50px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-24dea57-font-size );line-height:var( --e-global-typography-24dea57-line-height );letter-spacing:var( --e-global-typography-24dea57-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Abstand-Aussen:6.25vw; --Abstand-Aussen-Tablet:20px; --Abstand-Aussen-Mobil:10px; }
/* Start custom CSS */* {
    font-synthesis: none;
}

.hl-gelb h3 {
    background: #FBBA00;
    display: inline;
}

.hundert-gelb {
    background: #fbba00;
}

#zahl-glasuren {
    background: #FBBA00;
    display: inline;
    font-family: var(--e-global-typography-19e35d9-font-family), Sans-serif;
    line-height: 1em;
}

.gliste {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.gliste li {
  position: relative;
  padding-left: 2vw;
  margin-bottom: 12px;
}

.gliste li::before {
  content: "";
  position: absolute;
  left: 0;
  //top: 0.1em;

  width: 1.5vw;
  height: 1.5vw;

  background-image: url("/wp-content/uploads/2026/07/Gutbrod-Listenpunkt.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ---- Parallac Effekt ---- */
.glasuren-parallax {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
}

.glasuren-parallax .parallax-back,
.glasuren-parallax .parallax-mid,
.glasuren-parallax .parallax-front {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.glasuren-parallax .parallax-back .elementor-widget-container,
.glasuren-parallax .parallax-mid .elementor-widget-container,
.glasuren-parallax .parallax-front .elementor-widget-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.glasuren-parallax .parallax-back img,
.glasuren-parallax .parallax-mid img,
.glasuren-parallax .parallax-front img {
  position: absolute;
  left: 0;
  top: 50%;

  display: block;
  width: 100%;
  height: auto;
  max-width: none;

  transform: translateY(-50%);
}


/* Gesamte anklickbare Glasurkachel */
.glasur-option {
  cursor: pointer;
}

/* Bild innerhalb der Glasurkachel */
.glasur-option img {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;

  /* Unsichtbarer Rahmen als Ausgangszustand */
  outline: 0.4vw solid transparent;
  outline-offset: -.4vw;

  transition:
    outline-color 0.2s ease,
    transform 0.2s ease;
}

/* Gelber Rahmen der ausgewählten Glasur */
.glasur-option.is-active img {
  outline-color: #ffc000 !important;
}

/* Leichte Vergrößerung beim Darüberfahren */
.glasur-option:hover img {
  transform: scale(1.03);
}

/* Tastatur-Fokus */
.glasur-option:focus-visible {
  outline: none;
}

.glasur-option:focus-visible img {
  outline-color: #ffffff;
}

.glasur-option.is-active:focus-visible img {
  outline-color: #ffc000;
}

/* Weicher Übergang beim Wechsel des Ofenbildes */
#ofen-preview img {
  display: block;
  transition: opacity 0.15s ease;
}

/* Während das neue Ofenbild geladen wird */
#ofen-preview.is-loading img {
  opacity: 0.55;
}



/* ---- Formular ---- */
.elementor-kit-6 .elementor-field-type-radio input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  display: inline-block;
  width: 1vw !important;
  height: 1vw !important;
  min-width: 20px !important;

  margin: 0 8px 0 0 !important;
  padding: 0 !important;

  border: 2px solid #fff !important;
  border-radius: 50% !important;

  background-color: #ffc000 !important;
  background-image: none !important;

  box-shadow: none !important;
  cursor: pointer;
  vertical-align: middle;
}

.elementor-kit-6 .elementor-field-type-radio input[type="radio"]:checked {
  background-color: #ffc000 !important;
  background-image: radial-gradient(
    circle at center,
    #000000 0,
    #000000 0.3vw,
    transparent 0.3vw
  ) !important;
}




@media (prefers-reduced-motion: reduce) {
  .glasur-option img,
  #ofen-preview img {
    transition: none;
  }

  .glasur-option:hover img {
    transform: none;
  }
}

@media (max-width: 1024px) {
    
    .glasuren-parallax {
        min-height: 70svh;
    }
    
    .glasur-option img { 
         outline: 4px solid transparent;
         outline-offset: -4px;  
    }
    
    .gliste li {
        padding-left: 25px;
    }
    
    .gliste li::before {
     width: 20px;
     height: 20px;
    }
    
    .elementor-kit-6 .elementor-field-type-radio input[type="radio"] {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
    }
    
    .elementor-kit-6 .elementor-field-type-radio input[type="radio"]:checked {  
    background-image: radial-gradient
    circle at center,
    #000000 0,
    #000000 15px,
    transparent 15px
  ) !important;
    }

  
}

@media (max-width: 767px) {
    .glasuren-parallax {
        min-height: 50svh;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-display: auto;
	src: url('https://ofenkeramik-gutbrod.de/wp-content/uploads/2026/07/OpenSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Serif';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ofenkeramik-gutbrod.de/wp-content/uploads/2026/07/DMSerifDisplay-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans Italic';
	font-display: auto;
	src: url('https://ofenkeramik-gutbrod.de/wp-content/uploads/2026/07/OpenSans-Italic-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */