body
{font-family:'Segoe UI',sans-serif;
margin:0;
padding:0;
background-color:#fafafa;
color:#333;line-height:1.6
}

img{max-width:100%;
height:auto;
border-radius:10px
}

h2,h3,h4
{color:#c2185b;margin-top:0
}

.logo-wrapper
{padding:15px
}

.fixed-logo
{position:fixed;
top:20px;
right:20px;
width:80px;
height:auto;
z-index:1000;opacity:0.9;
transition:opacity 0.3s ease
}

.fixed-logo:hover
{opacity:1
}

.headline
{margin:0;
font-size:1.5rem;
font-weight:600;
color:#333;
text-align:center;
flex:1
}

.container
{width:90%;
max-width:1200px;
margin:auto;
padding:40px 20px
}
.community-callout {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1.5rem;
}

.community-callout a {
  color: #4a90e2;
  text-decoration: none;
  transition: color 0.3s ease;
}

.community-callout a:hover {
  color: #2d5fa5; /* dunklere Akzentfarbe beim Hover */
  text-decoration: underline;
}
.section
{display:flex;
flex-wrap:wrap;
align-items:center;
gap:40px;
margin-bottom:60px
}

.section.reverse
{flex-direction:row-reverse
}

.text
{flex:1
}

.section img
{flex:1;object-fit:cover
}

.text-content-5 p,.text-content p,.shop-paragraph,.shop-text-3,.contact-text-3
{margin-bottom:15px
}

ul
{padding-left:20px;
margin:10px 0
}

ul li
{margin-bottom:10px
}

.icon-list li::before
{content:'✔';
margin-right:8px;
color:#c2185b
}

.highlight-pink,.highlight-2,.highlight-3
{color:#d81b60;
font-weight:bold
}

.epoxy-section
{background:#fff5f7;
padding:60px 20px
}

.epoxy-text ul
{list-style:disc
}

.grid-container
{display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
margin-top:30px
}

.center-image
{grid-column:span 2;
text-align:center
}

.intro-section
{display:flex;
flex-direction:column;
align-items:center;
gap:2rem;
padding:3rem 1.5rem;
background-color:rgba(220,235,255,0.25);
border-radius:20px;
max-width:900px;
margin:0 auto 4rem auto;
margin-top: 4rem;
font-family:'Segoe UI',sans-serif;
color:#1f1f1f
}

.intro-heading
{font-size:1.8rem;
font-weight:bold;
margin-bottom:1rem;
color:#005099
}

.intro-textbox p
{font-size:1.05rem;
line-height:1.7;
margin-bottom:1.2rem
}

.intro-textbox strong
{color:#004488
}

.intro-image {
  max-width: 100%;
  height: auto;
  border-radius: 1rem; /* optional: abgerundete Ecken */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* optional: leichter Schatten */
}
.intro-image-wrapper {
  text-align: right;
  margin-top: 2rem;
}
.highlight-box
{background-color:rgba(0,80,153,0.08);
padding:1rem 1.5rem;
border-left:5px solid #005099;
border-radius:10px;
font-weight:600
}
.social-link {
  color: #4a90e2;
  text-decoration: none;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.social-link:hover {
  color: #2d5fa5;
  text-decoration: underline;
}

.social-icon {
  width: 20px;
  height: 20px;
}
.intro-container-12
{display:flex;
flex-direction:column;
align-items:center;
margin-bottom:3rem
}

.homepage-bild-12
{width:100%;
max-width:800px;
height:auto;
border-radius:14px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
margin-bottom:2rem
}

.text-content-12
{background-color:rgba(220,235,255,0.3);
padding:2rem;
border-radius:20px;
max-width:800px;
font-family:'Segoe UI',sans-serif;
color:#1f1f1f;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
line-height:1.7
}

.text-content-12 p
{margin-bottom:1.2rem;
font-size:1rem
}

.epoxy-section-11
{display:flex;
flex-wrap:wrap;
gap:2rem;
background-color:rgba(220,235,255,0.3);
padding:2rem;
border-radius:20px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
align-items:center
}

.epoxy-image-11
{flex:1 1 40%;
max-width:500px
}

.epoxy-image-11 img
{width:100%;
height:auto;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.1)
}

.epoxy-text-11
{flex:1 1 55%;
font-family:'Segoe UI',sans-serif;
color:#1f1f1f
}

.epoxy-heading-11
{font-size:1.8rem;
margin-bottom:1rem;
color:#224488
}

.highlight-11
{color:#4477cc;
font-weight:bold
}

.epoxy-list-11
{list-style:disc inside;
margin-top:1rem;
padding-left:1rem;
line-height:1.6
}

.epoxy-list-11 li
{margin-bottom:0.8rem
}

.image-bottom-10 img
{width:100%;
max-width:800px;
max-height:400px;
object-fit:cover;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.08)
}

.herstellung-section-10
{background-color:rgba(74,144,226,0.07);
padding:2rem;
border-radius:16px;
font-family:'Segoe UI',sans-serif;
max-width:1100px;
margin:2rem auto;
box-shadow:0 0 10px rgba(0,0,0,0.04)
}

.headline-10
{text-align:center;
font-size:1.8rem;
margin-bottom:2rem;
color:#4a90e2
}

.highlight-10
{color:#4a90e2;
font-weight:bold
}

.image-grid-10
{display:grid;
grid-template-columns:repeat(2,1fr);
gap:1rem;
margin-bottom:2rem
}

.image-grid-10 img
{width:100%;
aspect-ratio:1 / 1;
object-fit:cover;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.1)
}

.text-content-10
{max-width:800px;
margin:0 auto 2rem auto;
text-align:center;
font-size:1rem;
line-height:1.6;
color:#1f1f1f
}

.text-content-10 p
{margin-bottom:1rem
}

.image-bottom-10
{display:flex;
justify-content:center
}

.image-bottom-10 img
{width:100%;
max-width:800px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.08)
}

.epoxy-process-9
{max-width:800px;
margin:4rem auto;
padding:2rem;
background-color:#f0f7ff;
border:2px solid #4a90e2;
border-radius:15px;
font-family:'Segoe UI',sans-serif;
color:#333;line-height:1.7;
box-shadow:0 4px 15px rgba(74,144,226,0.1)
}

.process-heading-9
{color:#4a90e2;
font-size:1.8rem;
margin-bottom:1.5rem;
text-align:center
}

.process-intro-9
{font-size:1rem;
margin-bottom:2rem;
text-align:justify
}

.highlight-9
{color:#4a90e2;
font-weight:600
}

.process-list-9
{list-style:none;
padding:0;
margin:0
}

.process-step-9
{background:#ffffff;
border-left:4px solid #4a90e2;
padding:1rem;
margin-bottom:1rem;
border-radius:8px;
position:relative;
padding-left:3rem
}

.step-icon-9
{position:absolute;
left:1rem;
top:1.2rem;
font-size:1.3rem;
color:#4a90e2
}

.epoxy-process-1
{margin:40px auto;
max-width:800px
}

.process-heading-1
{text-align:center
}

.process-list-1 li
{margin-bottom:20px
}

.epoxy-edible-section-8
{background-color:rgba(74,144,226,0.08);
border-radius:16px;
padding:2rem;
margin:2rem auto;
max-width:900px;
font-family:'Segoe UI',sans-serif;text-align:center
}

.epoxy-edible-image-8 img
{width:100%;
max-width:600px;
border-radius:12px;
margin:0 auto 1.5rem auto;
display:block;
box-shadow:0 4px 10px rgba(0,0,0,0.1)
}

.epoxy-edible-text-8
{max-width:700px;
margin:0 auto
}

.epoxy-edible-heading-8
{font-size:1.6rem;
margin-bottom:1rem;
color:#4a90e2
}

.epoxy-edible-text-8 p
{font-size:1rem;
color:#333;
margin-bottom:1rem
}

.epoxy-edible-list-8
{list-style:none;
padding:0;
margin:0 auto
}

.epoxy-edible-list-8 li
{margin:0.4rem 0;
font-size:1rem;
color:#1f1f1f
}

.epoxy-safety-section-7
{background-color:rgba(74,144,226,0.08);
border-radius:16px;
padding:2rem;
margin:2rem auto;
max-width:1000px;
font-family:'Segoe UI',sans-serif
}

.epoxy-safety-row-7
{display:flex;
flex-direction:row;
align-items:flex-start;
gap:2rem
}

.epoxy-safety-image-7
{flex:0 0 45%
}

.epoxy-safety-image-7 img
{width:100%;
border-radius:12px;
object-fit:cover;
box-shadow:0 4px 8px rgba(0,0,0,0.1)
}

.epoxy-safety-text-7
{flex:1
}

.epoxy-safety-heading-7
{font-size:1.6rem;
margin-bottom:1rem;
color:#4a90e2
}

.epoxy-safety-text-7 p
{font-size:1rem;
color:#333;
margin-bottom:1rem
}

.epoxy-safety-hinweis-7
{background-color:rgba(74,144,226,0.15);
padding:0.75rem 1rem;
border-left:4px solid #4a90e2;
border-radius:8px;
font-size:0.95rem;
color:#1c1c1c
}

.highlight-7
{color:#4a90e2;
font-weight:600
}

@media (max-width:768px)
{.epoxy-safety-row-7
{flex-direction:column}

.epoxy-safety-image-7,.epoxy-safety-text-7
{flex:1 1 100%}

.epoxy-safety-image-7
{margin-bottom:1rem}}

.epoxy-benefits-section-6
{background-color:rgba(74,144,226,0.08);
border-radius:16px;
padding:2rem;
margin:2rem auto;
max-width:1000px;
font-family:'Segoe UI',sans-serif}

.epoxy-benefits-row-6
{display:flex;
flex-direction:row;
align-items:flex-start;gap:2rem}

.epoxy-benefits-text-6{flex:1}

.epoxy-benefits-heading-6
{font-size:1.6rem;margin-bottom:1rem;color:#4a90e2}

.epoxy-benefits-list-6
{list-style:disc inside;font-size:1rem;color:#444;padding-left:0}

.highlight-6{color:#4a90e2;font-weight:600}

.epoxy-benefits-image-6{flex:0 0 45%}

.epoxy-benefits-image-6 img
{width:100%;
max-width:100%;
border-radius:12px;
object-fit:cover;
box-shadow:0 4px 8px rgba(0,0,0,0.1)}

@media (max-width:768px)
{.epoxy-benefits-row-6{flex-direction:column}

.epoxy-benefits-image-6,.epoxy-benefits-text-6
{flex:1 1 100%}

.epoxy-benefits-image-6{margin-top:1rem}}

.epoxy-safety-section-6
{background-color:rgba(74,144,226,0.08);
border-radius:16px;
padding:2rem;
margin:2rem auto;
max-width:1000px;
font-family:'Segoe UI',sans-serif}

.epoxy-safety-row-6
{display:flex;
flex-direction:row;
align-items:flex-start;
gap:2rem}

.epoxy-safety-image-6{flex:0 0 45%}

.epoxy-safety-image-6 img
{width:100%;
max-width:100%;
border-radius:12px;
object-fit:cover;
box-shadow:0 4px 8px rgba(0,0,0,0.1)}

.epoxy-safety-text-6{flex:1}

.epoxy-safety-heading-6{font-size:1.6rem;margin-bottom:1rem;color:#4a90e2}

.epoxy-safety-list-6{list-style:disc inside;font-size:1rem;color:#444}

.highlight-6{color:#4a90e2;font-weight:600}

.epoxy-safety-image-wrapper-6{flex:1 1 50%;display:flex;justify-content:center;align-items:center}

.epoxy-safety-image-6{width:100%;max-width:400px;border-radius:12px;object-fit:cover;box-shadow:0 4px 8px rgba(0,0,0,0.1)}

.cleaning-section-6{background-color:rgba(74,144,226,0.08);border-radius:16px;padding:2rem;margin:2rem auto;max-width:1000px;font-family:'Segoe UI',sans-serif}

.cleaning-container-6{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem}

.cleaning-text-6{flex:1 1 45%}

.cleaning-heading-6{font-size:1.6rem;margin-bottom:1rem;color:#4a90e2}

.cleaning-paragraph-6{font-size:1rem;margin-bottom:1rem;color:#333}

.cleaning-list-6{list-style:disc inside;margin-bottom:1rem;color:#444;padding-left:1rem}

.cleaning-warning-6{background-color:rgba(74,144,226,0.1);padding:1rem;border-left:4px solid #4a90e2;border-radius:8px;color:#222;font-size:0.95rem;margin-top:1rem}

.highlight-6{color:#4a90e2;font-weight:600}

.cleaning-image-wrapper-6{flex:1 1 50%;display:flex;justify-content:center;align-items:center}

.cleaning-image-6{width:100%;max-width:400px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.1);object-fit:cover}

.shop-section-6
{background-color:rgba(74,144,226,0.1);
border-radius:16px;
padding:2rem;
margin:2rem auto;
max-width:800px;
text-align:center;font-family:'Segoe UI',sans-serif}

.shop-heading-6{font-size:1.8rem;margin-bottom:1.2rem;color:#4a90e2}

.shop-subheading-6{font-size:1.4rem;margin-top:1.5rem;margin-bottom:1rem;color:#4a90e2}

.shop-text-6{font-size:1rem;margin-bottom:1rem;line-height:1.6;color:#333}

.shop-link-6{color:#4a90e2;text-decoration:none;transition:color 0.3s ease}

.shop-link-6:hover{color:#1e70bf;text-decoration:underline}

.highlight-6{color:#4a90e2;font-weight:600}

.shop-social-6{max-width:800px;margin:0 auto;padding:2rem 1rem;text-align:center;font-family:'Segoe UI',sans-serif}

.shop-list-6{list-style:none;padding:0;margin-bottom:2rem}

.shop-item-6{margin-bottom:1rem;font-size:1rem;text-align:left}

.shop-link-6{color:#4a90e2;text-decoration:none;transition:color 0.3s ease}

.shop-link-6:hover{color:#1e70bf;text-decoration:underline}

.shop-subheading-6{font-size:1.4rem;color:#4a90e2;margin-bottom:1rem}

.shop-text-6{font-size:1rem;margin-bottom:1rem;line-height:1.6}

.highlight-6{color:#4a90e2;font-weight:600}

.epoxy-uses-8
{max-width:800px;
margin:4rem auto;
padding:2rem;
background-color:#ffffff;
border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);
font-family:'Segoe UI',sans-serif;
color:#333}

.headline-8{font-size:1.8rem;margin-bottom:1rem;color:#222;text-align:center}

.intro-8,.text-8{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:justify}

.highlight-8{color:#0066cc;font-weight:600}

.product-list-8{list-style:none;padding-left:0;margin-bottom:2rem}

.list-item-8{font-size:1rem;margin:0.6rem 0;padding-left:1.2rem;position:relative}

.list-item-8::before{content:'';position:absolute;left:0;top:0.5rem;width:6px;height:6px;background-color:#0066cc;border-radius:50%}

.slider-container-2{overflow:hidden;width:100%;background-color:#f5f5f5;padding:1rem 0}

.slider-track-2{display:flex;width:calc(250px * 10);animation:scrollSlider-2 30s linear infinite}

.slide-2{flex:0 0 auto;width:250px;margin-right:16px}

.slide-2 img
{width:100%;
height:180px;
object-fit:cover;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)}
@keyframes scrollSlider-2{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.shop-section{background-color:#fce4ec;padding:40px 20px;text-align:center}

.shop-list-item{margin:10px 0}

.shop-links-3{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}

.contact-box-3{background:#fff0f5;padding:20px;border-radius:10px;margin-top:20px}

.warning,.highlight{background-color:#ffe0e0;padding:10px;border-left:5px solid #d32f2f;border-radius:5px;margin-top:15px}@media (max-width:768px){.section{flex-direction:column}.grid-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.slider-track-2{gap:5px}}.page-wrapper-7{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:5vh;background-color:#f7f7f7}.shop-info-7{max-width:700px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);font-family:'Segoe UI',sans-serif;color:#333}.shop-title-7{font-size:1.8rem;margin-bottom:1rem;color:#222;text-align:center}.shop-text-7{margin-bottom:1.2rem;font-size:1rem;line-height:1.6}.highlight-7{color:#0066cc;font-weight:600}.shop-links-7{list-style:none;padding-left:0;margin-bottom:1.5rem}.shop-links-7 li{margin:0.3rem 0;font-size:1rem}.shop-links-7 a{color:#0056b3;text-decoration:none}.shop-links-7 a:hover{text-decoration:underline}.contact-box-7{background-color:#f0f8ff;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.contact-title-7{font-size:1.2rem;margin-bottom:0.5rem}.contact-text-7 a{color:#007a33;text-decoration:none}.contact-text-7 a:hover{text-decoration:underline}.footer-4{background-color:#1f1f1f;color:#ffffff;padding:2rem 1rem;font-family:'Segoe UI',sans-serif;width:100%}.footer-container-4{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}.footer-section-4{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%}.footer-heading-4{font-size:1.3rem;margin-bottom:1rem;color:#4a90e2}.footer-list-4{list-style:none;padding:0;margin:0 0 1rem 0}.footer-list-4 li{margin-bottom:0.5rem;font-size:1rem}.footer-link-4{color:#cccccc;text-decoration:none;transition:color 0.3s ease}.footer-link-4:hover{color:#4a90e2;text-decoration:underline}.abschluss-6{padding:2rem;background-color:#f9f9f9;border-top:2px solid #ccc;font-family:'Segoe UI',sans-serif;line-height:1.6;color:#333}.titel-6{font-size:1.8rem;margin-bottom:1rem;color:#222}.untertitel-6{font-size:1.3rem;margin-top:2rem;margin-bottom:0.5rem;color:#444}.trenner-6{margin:2rem 0;border:none;border-top:1px solid #ddd}.kontakt-6 a,.hersteller-6 a{color:#0056b3;text-decoration:none}.kontakt-6 a:hover,.hersteller-6 a:hover{text-decoration:underline}.sicherheitshinweise-6 strong,.epoxid-info-6 strong,.verarbeitung-6 strong,.widerruf-6 strong,.handarbeit-6 strong{color:#b30000;font-weight:600}.handarbeit-6 p:last-child{margin-top:1rem;font-weight:bold;color:#2a7a2a}

@media (max-width: 768px) {
  /* GLOBALES */
  body {
    font-size: 1rem;
    line-height: 1.6;
  }

  img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
  }

  h2 {
    font-size: 1.4rem;
    text-align: center;
  }

  h3 {
    font-size: 1.2rem;
    text-align: center;
  }


  /* SECTION/SPALTEN-ANPASSUNG */
  .section,
  .epoxy-benefits-row-6,
  .epoxy-safety-row-6,
  .epoxy-safety-row-7,
  .cleaning-container-6 {
    flex-direction: column;
    gap: 2rem;
  }

  .epoxy-image-11,
  .epoxy-benefits-image-6,
  .epoxy-safety-image-6,
  .epoxy-safety-image-7,
  .cleaning-image-wrapper-6 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  .epoxy-text-11,
  .epoxy-benefits-text-6,
  .epoxy-safety-text-6,
  .epoxy-safety-text-7,
  .cleaning-text-6 {
    width: 100%;
  }

  /* TEXT & BOXEN */
  .container,
  .section,
  .epoxy-section-11,
  .intro-section,
  .text-content-12,
  .shop-info-7,
  .epoxy-edible-section-8,
  .epoxy-process-9,
  .herstellung-section-10 {
    padding: 1.5rem 1rem;
  }

  .text-content-10,
  .text-content-12,
  .intro-textbox p,
  .shop-text-6,
  .shop-text-7 {
    text-align: justify;
    font-size: 1rem;
  }

  /* BILDER: HOMEPAGE + SLIDER + EINZELBILDER */
  .homepage-bild-12,
  .intro-image,
  .image-bottom-10 img,
  .epoxy-image-11 img,
  .epoxy-safety-image-6 img,
  .epoxy-safety-image-7 img,
  .cleaning-image-6,
  .slider-2 img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 1rem;
    border-radius: 12px;
  }

  /* GRID & BILDREIHEN */
  .grid-container,
  .image-grid-10 {
    grid-template-columns: 1fr;
  }

  .image-grid-10 img {
    aspect-ratio: auto;
  }

  /* SLIDER */
  .slider-track-2 {
    width: auto !important;
    gap: 10px;
  }

  .slide-2 {
    width: 80vw;
    margin-right: 10px;
  }

  /* FOOTER MOBIL */
  .footer-container-4 {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-section-4 {
    align-items: center;
  }

  /* SHOP LINKS & KONTAKT MOBIL */
  .shop-links-3,
  .shop-links-7,
  .shop-list-6 {
    align-items: center;
    text-align: center;
  }

  .contact-box-3,
  .contact-box-7 {
    text-align: center;
  }

  .contact-text-3 a,
  .contact-text-7 a,
  .shop-link-6,
  .shop-links-7 a,
  .kontakt-6 a,
  .hersteller-6 a {
    display: inline-block;
    max-width: 100%;
    word-break: break-word;
    font-size: 1rem;
    padding: 0.3rem 0.6rem;
  }

  /* BUTTONS / LINKS ALLGEMEIN */
  a {
    font-size: 1rem;
    word-break: break-word;
  }

  /* ICON-LIST MOBIL */
  .icon-list li::before {
    content: '✔';
    color: #4a90e2;
    font-weight: bold;
  }

  /* ABSTÄNDE UND BLOCKPOSITIONEN */
  .intro-container-12,
  .page-wrapper-7 {
    padding: 1rem;
  }

  .shop-section-6,
  .shop-social-6,
  .abschluss-6 {
    padding: 1.5rem 1rem;
  }

  .shop-heading-6,
  .shop-title-7,
  .headline-10,
  .headline-8 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  h2.titel-6 {
    font-size: 1.3rem !important;
    text-align: center;
    line-height: 1.4;
  }

  h3.untertitel-6 {
    font-size: 1.1rem !important;
    text-align: center;
  }
}
.titel-6 {
  font-size: clamp(1.3rem, 4vw, 1.8rem);
}