/*
Theme Name:     Twenty Twenty-Five Child
Description:    Child Theme für Twenty Twenty-Five
Author:         Strümpell Design
Template:       twentytwentyfive
Version:        1.0
*/

/* Wrapper für das Site-Logo */
.logo.wp-block-site-logo{
  --logo-radius: 27px;
  width: 356px;
  position: relative;
  top: 68px;
  margin-top: -68px !important;
  /* kein border-radius und kein background mehr hier! */
}

/* die weiße „Kapsel“ mit Radius als Layer darunter */
.logo.wp-block-site-logo::before{
  content:"";
  position:absolute;
  inset:0;
  background:#fff;
  border-radius: 0 0 var(--logo-radius) var(--logo-radius);
  z-index:0;
}

/* Link als Block zentrieren + Innenabstand, damit das Logo nicht an den Radius stößt */
.logo.wp-block-site-logo > a.custom-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 26px 0 20px; /* bei Bedarf unten erhöhen */
  position:relative;
  z-index:1; /* über dem weißen Layer */
  text-decoration: none;
}

/* Bildgröße und Darstellung */
.logo.wp-block-site-logo img.custom-logo{
  width: 273px;   /* deine gewünschte Breite */
  height: auto;
  display: block;
}


header{
    position:relative;
    z-index:9 !important;
}


/* ==============================
   TITELBILD – Headline Styling
   ============================== */

/* H1 nur Textbreite */
.titelbild .wp-block-column > h1.wp-block-heading.alignwide{
  margin: 0 !important;
  width: fit-content;
  background: #E84E0F;
  color: #ffffff;
  border-radius: 11px 11px 11px 0;
  padding: 10px 20px 17px;
  font-size: 40px !important;
  line-height: 1.2;
  margin-top:30vh !important;
  display: block !important;
}

/* H3 nur Textbreite */
.titelbild .wp-block-column > h3.wp-block-heading.alignwide{
  margin: 0 !important;
  width: fit-content;
  background: #ffffff;
  color: #000000;
  padding: 6px 20px 10px;
  font-size: 20px !important;
  line-height: 1.3;
}


/* Safety: Spalte links ausrichten */
.titelbild .wp-block-columns,
.titelbild .wp-block-column{ align-items:flex-start; }

.titelbild{
    margin-bottom:25px;
}

:root :where(.wp-block-separator){
  border-color:#E84E0F;
  border-width: 0 0 3px 0;
}

/* HR selbst */
hr.stecker-linie {
  width: calc(100% - (100% - 1215px) / 2);
  margin-left: auto;
  margin-right: auto;
  position: relative;      /* Referenz für ::after */
  border: 0;               /* Standard-HR-Ränder entfernen */
  border-bottom: 3px solid #E84E0F; /* Linie */
  height: 0;
  overflow:visible;
  margin-top:30px;
  margin-bottom:30px;
}

/* Stecker am rechten Ende */
hr.stecker-linie::after {
  content: "";
  position: absolute;
  top: 50%;
    right: -52px; /* Stecker-Breite nach außen schieben */
  transform: translateY(-50%);
  width: 65px;
  height: 52px;
  background: url("https://struempell.de/wp-content/uploads/2025/08/stecker.png")
              no-repeat center right / contain;
  pointer-events: none;
}

.footerleiste{
    max-width:1155px;
    margin:auto;
}

footer a{
    text-decoration:none;
}

.verleih{
    border:3px solid #E84E0F;
    border-radius:40px;
    position: relative;
    z-index: 9;
}

.verleih img{
    width:400px;
    margin-top:-140px
}

.wp-block-cover{
    overflow:visible;
}

.zitatstmpl img{
  margin-top:-200px
}

.zitatstmpl{
  margin-bottom:-25px !important;
}

/* Modern gradient border (blue->orange) for .zitat
   Accent: #1C417E / #E84E0F
   Works with your glass background
*/

.stars{
  max-width:200px
}

.zitat{
  margin-top: -300px !important;
  margin-left: 110px !important;
  max-width: 540px;

  padding: 40px 60px;

  /* your glass look */
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  border-radius: 22px;
  overflow: hidden;
  border: 4px solid transparent;

  box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
  transition: transform .25s ease, box-shadow .25s ease;
}


/*
.zitat:before{
  content:" ";
  background: url("https://relaunch.struempell.de/wp-content/uploads/2025/08/anf.png")
            no-repeat center right / contain;
  width:96px;
  height:250px;
  margin-left:-50px;
  position: absolute;
}
  */

.dienstleistungsicons img{
  max-width:70px;
  height:auto !important;
}

.dienstleistungen.wp-block-cover{
  border-radius:100px 0 0 100px !important;
  margin-left:0% !important;
  overflow:hidden !important;
}

.dienstleistungen.wp-block-cover .wp-block-cover__inner-container{
  margin-left:-5% !important
}


.lichtkegelverleih.wp-block-cover{
  border-radius:0 100px 100px 0 !important;
  margin-right:0% !important;
  overflow:hidden !important;
}

.lichtkegelverleih.wp-block-cover img.wp-block-cover__image-background{
  filter:blur(5px) !important
}

.lichtkegelverleih.wp-block-cover .wp-block-cover__inner-container{
  margin-right:-5% !important
}


/* =========================
   SERVICES A–Z (v3) – CSS
   Accent: #1c417e
   Fix: intro hide + clipped border
   ========================= */

   :root{
    --svcaz-accent: #1c417e;
    --svcaz-top: 60px;                 /* sticky offset */
    --svcaz-gap: clamp(16px, 2vw, 28px);
    --svcaz-radius: 18px;
    --svcaz-border: rgba(0,0,0,.14);
    --svcaz-shadow: 0 10px 30px rgba(0,0,0,.06);
  }
  
  /* safety: prevent any theme button outline styles from leaking */
  .svc-az.v2 button,
  .svc-az.v2 input{
    box-sizing: border-box;
  }
  
  .svc-az.v2{
    display:grid;
    grid-template-columns: 1.65fr 1fr;
    gap: var(--svcaz-gap);
    align-items:start;
  }
  
  /* LEFT card */
  .svc-az.v2 .svc-az__content{
    position: sticky;
    top: var(--svcaz-top);
    align-self: start;
  
  }
  
/* RIGHT card – glass background, hidden scrollbar, scroll works */
.svc-az.v2 .svc-az__sticky{
  position: sticky;
  top: var(--svcaz-top);
  max-height: 700px;
  overflow: auto;

  /* Glass look */
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid var(--svcaz-border);
  border-radius: var(--svcaz-radius);
  box-shadow: var(--svcaz-shadow);
  padding: clamp(14px, 1.6vw, 20px);

  /* Hide scrollbar but keep scroll */
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE / Edge */
}

/* WebKit scrollbar (Chrome, Safari) */
.svc-az.v2 .svc-az__sticky::-webkit-scrollbar{
  width: 0;
  height: 0;
}

  
  /* Intro: default visible; JS hides when selection is made */
  .svc-az__intro{ margin: 10px 0 0; opacity: .85; }
  
  /* Panels */
  .svc-az__panels{ margin-top: 22px; }
  .svc-az__panel{ display:none; }
  .svc-az__panel.is-active{ display:block; }
  .svc-az__panel h3{ margin-top: 0;
    color: #e84e0f !important;font-weight: 700; }
  
  h3.svc-az__navtitle{ margin: 0;font-weight: 700 !important;color:#e84e0f }
  
  /* Search */
  .svc-az__searchwrap{
    display:flex;
    gap: 10px;
    align-items:center;
    margin: 14px 0 18px;
  }
  
  .svc-az__search{
    width:100%;
    padding: 12px 14px;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 14px;
    font: inherit;
    background: #fff;
  }
  
  .svc-az__clear{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.16);
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
  }
  
  /* Groups */
  .svc-az__group{ margin: 0 0 18px; }
  .svc-az__letter{
    margin: 0 0 10px;
    font-weight: 700;
    opacity: .75;
  }
  
  /* Items (no outline, no clipped border) */
  .svc-az__item{
    display:block;
    width:100%;
    text-align:left;
  
    background: #fff;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 16px;
  
    padding: 12px 14px;
    margin: 10px 0;
  
    cursor:pointer;
    font: inherit;
    font-size:15px;
    /* important: keep ring INSIDE, avoids clipping */
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
  }
  
  .svc-az__item:hover{
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
  }
  
  /* ACTIVE: accent color + inset ring */
  .svc-az__item.is-active{
    border-color: var(--svcaz-accent);
    background: rgba(28,65,126,.06);
    box-shadow:
      inset 0 0 0 2px var(--svcaz-accent),
      0 10px 24px rgba(0,0,0,.06);
  }
  
  /* Focus: also inset, never outside */
  .svc-az__item:focus,
  .svc-az__search:focus,
  .svc-az__clear:focus{
    outline: none !important;
    box-shadow: inset 0 0 0 2px var(--svcaz-accent), 0 0 0 3px rgba(28,65,126,.15);
  }
  
  /* Scrollbars */
  .svc-az__content,
  .svc-az__sticky{
    scrollbar-width: thin;
    scrollbar-color: rgba(28,65,126,.45) transparent;
  }
  
  .svc-az__content::-webkit-scrollbar,
  .svc-az__sticky::-webkit-scrollbar{
    width: 10px;
  }
  
  .svc-az__content::-webkit-scrollbar-thumb,
  .svc-az__sticky::-webkit-scrollbar-thumb{
    background: rgba(28,65,126,.35);
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  
  .svc-az__content::-webkit-scrollbar-thumb:hover,
  .svc-az__sticky::-webkit-scrollbar-thumb:hover{
    background: rgba(28,65,126,.5);
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  
  /* Mobile stack */
  @media (max-width: 1200px){
    .svc-az.v2{ grid-template-columns: 1fr; }
  
    .svc-az.v2 .svc-az__content,
    .svc-az.v2 .svc-az__sticky{
      position: static;
      max-height: none;
      overflow: visible;
    }
  }
  
  .svc-az__list{
    margin-top:-300px
  }

  /* =========================
   Mobile fixed dropdown (only <= 900px)
   ========================= */

:root{
  --svcaz-mobilebar-h: 62px;
  --svcaz-mobilebar-gap: 12px;
}

/* container for injected select */
.svc-az__mobilebar{
  display:none;
}

@media (max-width: 1200px){
  .svc-az__mobilebar{
    display: block;
    position: relative;
    left: 12px;
    right: 12px;
    top: calc(var(--svcaz-top) + 8px);
    z-index: 1;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
    padding: 10px;
    top: 0;
    margin-top: -100px;
  }

  .svc-az__mobilesel{
    width: 100%;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.16);
    font: inherit;
    padding: 0 12px;
    background: #fff;
    color: inherit;
  }

  /* add breathing room so content isn't hidden behind the fixed bar */
  .svc-az.v2{
    padding-top: calc(var(--svcaz-mobilebar-h) + var(--svcaz-mobilebar-gap));
  }

  /* On mobile: hide the big right list (optional, looks cleaner) */
  .svc-az.v2 .svc-az__list{
    display:none;
  }

  /* Make content not sticky on mobile (your CSS already does this, keep it) */
  .svc-az.v2 .svc-az__content{
    position: static;
    max-height: none;
    overflow: visible;
  }
}

strong{
  font-weight: 700 !important
}

/* ===============================
   NEWS / AKTUELLES – Card Design
   =============================== */
  
  /* einzelne Karte */

  .wp-block-latest-posts.aktuellethemen{
    position: relative;
  }

  .wp-block-latest-posts.aktuellethemen:after{
    content:"";
    display:block;
    background:url(https://struempell.de/wp-content/uploads/2026/01/struempellebackgroundcolor.png);
    background-size:cover;
    width:950px;
    height:700px;
    position: absolute;
    top:180px;
    z-index: -1;
    left:-90px; 
    opacity:0.1;
    }

  .wp-block-latest-posts.aktuellethemen > li:first-of-type{
    margin-top:-50px;
  }

  .wp-block-latest-posts.aktuellethemen > li:last-of-type{
    margin-top:-20px;
  }

  .wp-block-latest-posts.aktuellethemen > li{
    list-style: none;
    background:rgba(255,255,255,0.4);
    backdrop-filter: blur(14px);
    border-radius: 22px;
    overflow: hidden; 
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  /* Hover-Effekt */
  .wp-block-latest-posts.aktuellethemen > li:hover{
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(0,0,0,.14);
  }
  
  /* Bild oben */
  .wp-block-latest-posts__featured-image{
    margin: 0;
    overflow: hidden;
  }
  
  .wp-block-latest-posts__featured-image img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform .4s ease;
  }
  
  /* dezenter Zoom beim Hover */
  .wp-block-latest-posts.aktuellethemen > li:hover 
  .wp-block-latest-posts__featured-image img{
    transform: scale(1.05);
  }
  
  /* Titel-Link */
  .wp-block-latest-posts__post-title{
    display: block;
    padding: 22px 24px 10px;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600;
    color: #1c417e;
    text-decoration: none;
  }
  
  .wp-block-latest-posts__post-title:hover{
    text-decoration: underline;
  }
  
  /* Content-Bereich */
  .wp-block-latest-posts__post-excerpt{
    padding: 0 24px 0px;
    flex-grow: 1;
    font-size: 18px;
    line-height: 1.55;
  }
  
  .wp-block-latest-posts__post-excerpt p{
    margin: 0;
    color: #111;
  }
  
  /* Button unten */
  .mehr-infos-wrap{
    padding: 0 24px 24px;
  }
  
  .mehr-infos-button{
    display: inline-block;
    padding: 18px 30px;
    border-radius: 999px;
    background: #1c417e;
    color: #fff !important;
    font-size: .9rem;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
  }
  
  .mehr-infos-button:hover{
    background: #142f59;
    transform: translateY(-1px);
  }
  
  /* Mobile Optimierung */
  @media (max-width: 1200px){
    .wp-block-latest-posts.aktuellethemen{
      gap: 22px;
    }
  
    .wp-block-latest-posts__post-title{
      font-size: 1.15rem;
    }
  }

  .aktuellethemen a.wp-block-latest-posts__post-title{
    font-size:30px;
    color:#1C417E;
    font-weight:600;
    text-decoration:none;
}

.aktuellethemen h2.wp-block-heading{
    font-size:20px;
    color:#000;
}
  
  
  :where(.wp-site-blocks *:focus) {
    outline-width:0px !important;
}

.partnerlogos{
  position: relative;
  top: 16px;
} 

#wuerth{
  margin-top:3px !important
}

#logofooter{
  margin-right:30px !important
}

li.current-menu-item a{
  color:#E84E0F !important;
}

.wp-block-post-date,.wp-container-core-group-is-layout-4efaea1e{
  display:none !important
}

h1.svc-az__title{
  color:var(--wp--preset--color--contrast) !important;
  margin-bottom:10px !important
}

/* =========================
   A–Z Sticky Header: padding + "only on scroll" background
   ========================= */

/* 1) Headline padding/spacing wieder schön */
.svc-az.v2 .svc-az__navtitle{
  display: block;
  padding: 18px 0 10px;
  margin: 0;
}

/* 2) RIGHT card basic (bleibt wie gehabt) */
.svc-az.v2 .svc-az__sticky{
  position: sticky;
  top: var(--svcaz-top);
  max-height: 700px;
  overflow: auto;

  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid var(--svcaz-border);
  border-radius: var(--svcaz-radius);
  box-shadow: var(--svcaz-shadow);

  /* top 0, so header can be full-bleed */
  padding: 0 clamp(14px, 1.6vw, 20px) clamp(14px, 1.6vw, 20px);

  scrollbar-width: none;
  -ms-overflow-style: none;
}
.svc-az.v2 .svc-az__sticky::-webkit-scrollbar{
  width: 0;
  height: 0;
}

/* 3) Header/Searchwrap full-bleed — DEFAULT: transparent/leicht (ohne "weißen Kasten") */
.svc-az.v2 .svc-az__sticky .svc-az__searchwrap{
  position: sticky;
  top: 0;
  z-index: 6;

  margin: 0 0 18px;
  padding: 0 clamp(14px, 1.6vw, 20px) 16px;

  margin-left: calc(clamp(14px, 1.6vw, 20px) * -1);
  margin-right: calc(clamp(14px, 1.6vw, 20px) * -1);

  /* default: almost no background */
  background: transparent;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* 4) ONLY when scrolled inside the right list: add glass background */
.svc-az.v2 .svc-az__sticky.is-scrolled .svc-az__searchwrap{
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,.96),
    rgba(255,255,255,.82)
  );
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(28,65,126,.15);
  box-shadow: 0 10px 20px rgba(0,0,0,.06);
  padding-top: 13px;
}

.svc-az.v2 .svc-az__sticky.is-scrolled .svc-az__clear{
  top: 50%;
}

/* 5) Search input (bleibt harmonisch) */
.svc-az.v2 .svc-az__sticky .svc-az__search{
  width: 100%;
  height: 46px;

  border-radius: 999px;
  border: 1px solid rgba(28,65,126,.22);
  background: rgba(255,255,255,.55);

  padding: 0 48px 0 44px;
  font: inherit;
  font-size: 15px;
  color: #111;

  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;

  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231c417e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}

.svc-az.v2 .svc-az__sticky .svc-az__search::placeholder{
  color: rgba(0,0,0,.45);
}

.svc-az.v2 .svc-az__sticky .svc-az__search:focus{
  outline: none;
  border-color: #1c417e;
  background: rgba(255,255,255,.82);
  box-shadow: 0 0 0 3px rgba(28,65,126,.14), 0 10px 24px rgba(0,0,0,.06);
}

/* 6) Clear button inside input */
.svc-az.v2 .svc-az__sticky .svc-az__clear{
  position: absolute;
  right: calc(clamp(14px, 1.6vw, 20px) + 6px);
  top: 37%;
  transform: translateY(-50%);

  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: none;

  background: rgba(28,65,126,.08);
  color: #1c417e;

  font-size: 18px;
  line-height: 1;
  cursor: pointer;

  transition: background .15s ease, transform .15s ease;
}
.svc-az.v2 .svc-az__sticky .svc-az__clear:hover{
  background: rgba(28,65,126,.18);
  transform: translateY(-50%) scale(1.05);
}
/* ===== Media-Text alignfull: Text bis Inhaltskante 1135px ===== */
:root{
  --contentW: 1135px;
  --gutter: 1.5rem;
}

/* Bild LINKS -> Text RECHTS: Text soll RECHTS bei Contentkante enden */
.wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__content{
  padding-left: var(--gutter);
  padding-right: max(var(--gutter), calc((100vw - var(--contentW)) / 2));
  box-sizing: border-box;
}

/* Bild RECHTS -> Text LINKS: Text soll LINKS bei Contentkante starten */
.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content{
  padding-left: max(var(--gutter), calc((100vw - var(--contentW)) / 2));
  padding-right: var(--gutter);
  box-sizing: border-box;
}

/* Mobile: keine Berechnung */
@media (max-width: 1200px){
  .wp-block-media-text.alignfull .wp-block-media-text__content{
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{
  padding-left:30px;
  padding-right:30px;
}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{
  border-radius:120px;
}

.abrnd{
  border-radius: 20px !important;
  overflow: hidden;
}

/* ===============================
   JOBBEREICH (UAGB Post Grid)
   Card Look wie "Aktuelles"
   =============================== */

   .wp-block-uagb-post-grid.jobbereich{
    gap: 24px;
  }
  
  /* Card */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__inner-wrap{
    list-style: none;
    background: rgba(255,255,255,0.45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  
    border-radius: 22px;
    overflow: hidden;
  
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
  
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(0,0,0,.06);
  }
  
  /* Hover */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__inner-wrap:hover{
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(0,0,0,.14);
  }
  
  /* Image wrapper */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__image{
    margin: 0;
    overflow: hidden;
  }
  
  /* Image */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__image img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform .4s ease;
  }
  
  /* Zoom on hover */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__inner-wrap:hover .uagb-post__image img{
    transform: scale(1.05);
  }
  
  /* Title */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__title{
    padding: 22px 24px 10px;
    margin: 0;
  }
  
  .wp-block-uagb-post-grid.jobbereich .uagb-post__title a{
    font-size: 1.45rem;
    line-height: 1.25;
    font-weight: 700;
    color: #1C417E;
    text-decoration: none;
  }
  
  .wp-block-uagb-post-grid.jobbereich .uagb-post__title a:hover{
    text-decoration: underline;
  }
  
  /* Excerpt */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__excerpt{
    padding: 0 24px 16px;
    flex-grow: 1;
    font-size: 18px;
    line-height: 1.55;
  }
  
  .wp-block-uagb-post-grid.jobbereich .uagb-post__excerpt p{
    margin: 0;
    color: #111;
  }
  
  /* CTA Wrap */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__cta{
    padding: 0 24px 24px;
  }
  
  /* CTA Button */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__cta .wp-block-button__link{
    display: inline-block;
    padding: 16px 28px;
    border-radius: 999px;
  
    background: #1C417E;
    color: #fff !important;
  
    font-size: .95rem;
    font-weight: 600;
    text-decoration: none;
  
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 10px 22px rgba(28,65,126,.18);
  }
  
  .wp-block-uagb-post-grid.jobbereich .uagb-post__cta .wp-block-button__link:hover{
    background: #142f59;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(28,65,126,.22);
  }
  
  /* Optional: Accent-Line (wie kleine Brand-Nuance) */
  .wp-block-uagb-post-grid.jobbereich .uagb-post__inner-wrap::after{
    content:"";
    display:block;
    height: 4px;
    background: #E84E0F;
    opacity: .9;
  }
  
  /* Mobile */
  @media (max-width: 1200px){
    .wp-block-uagb-post-grid.jobbereich .uagb-post__title a{
      font-size: 1.15rem;
    }
    .wp-block-uagb-post-grid.jobbereich .uagb-post__excerpt{
      font-size: 17px;
    }
  }
  
  .wpforms-image-choices-item{
    max-width:300px
  }



  /** RESPONSIVE **/

  @media (max-width: 1200px){
    .logo.wp-block-site-logo{
      width: 280px;
      top: 48px;
      margin-top: -48px !important;
    }

    .logo.wp-block-site-logo img.custom-logo{
      width: 215px;   /* deine gewünschte Breite */
    }

    .titelbild .wp-block-column > h1.wp-block-heading.alignwide{
      font-size: 32px !important;
      margin-top:20vh !important;
    }

    .titelbild .wp-block-column > h3.wp-block-heading.alignwide{
      font-size: 18px !important;
    }

    hr.stecker-linie,
    hr.stecker-linie::after,
    .wp-block-latest-posts.aktuellethemen:after{
      display:none !important
    }

    .dienstleistungen.wp-block-cover,.lichtkegelverleih.wp-block-cover{
      margin:auto !important;
      border-radius:0 !important;
      text-align:center !important;
      padding: 20px 60px;
    }

    .zitatstmpl img {
      margin-top: -80px !important;
  }

  .zitat {
    padding:10px 20px !important;
    max-width: 80% !important;
    margin:auto !important;
    margin-top:-140px !important; 
    margin-bottom:-80px !important; 
    position: relative;
    z-index: 5;
  }
 
  footer{
    width: 90%;
    margin: auto;
  }

  .superblockslider__navigation{
    display:none !important
  }

  p{
    font-size:18px !important
  }

  .zitatstmpl{
    margin-bottom:-40px !important
  }

  .stars{
    display:none !important
  }

  .wp-block-latest-posts.is-grid{
    display:block !important;
  }

  .wp-block-latest-posts.aktuellethemen > li{
    max-width:90% !important;
    width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
    display:block !important
  }

  footer .is-layout-flex{
    display:block !important
  }

  footer .wp-block-column{
    margin-bottom:40px !important;
  }
  footer .is-layout-flow > .aligncenter{
    text-align:left !important;
    margin-bottom:20px !important
  }

  footer .wp-block-image{
    display:block !important;
    width:100% !important
  }

  footer .has-contrast-background-color .has-text-align-center, 
  footer .has-contrast-background-color p{
    text-align:left !important;
    font-size:16px !important
  }

  footer p{
    font-size:16px !important
  }

  .wp-block-button__link.wp-element-button{
    margin-top:10px !important
  }


  }


  @media screen and (max-width:700px){

  .wp-block-navigation__responsive-container-content ul li a span{
    font-size:1.5rem !important
  }

ul.wp-block-navigation__submenu-container li a span.wp-block-navigation-item__label{
    font-size:1.2rem !important;
    font-weight:bold !important
  }
} 




/* TT5: Breakpoint für Navigation auf 1200px verschieben */

/* Standard: Desktop */
@media (min-width: 1201px) {
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  .wp-block-navigation__responsive-container {
    display: block !important;
  }
}

/* Mobile ab 1200px und kleiner */
@media (max-width: 1200px) {
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  .wp-block-navigation__responsive-container {
    display: none !important;
  }

  /* Wenn Menü geöffnet ist, anzeigen */
  .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
  }
}


/* iPad / Safari Fix: Responsive Nav sichtbar machen */
.wp-block-navigation__responsive-container {
  -webkit-overflow-scrolling: touch;
}

.wp-block-navigation__responsive-container.is-menu-open {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: var(--wp--preset--color--base, #fff);
}

.wp-block-navigation__responsive-container-open {
  position: relative;
  z-index: 100000 !important;
}