.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   RSK Layout-System (Stand 21.10.2026)
   Eigenes responsives Regelwerk für afd-fraktion-rsk.de.
   Ersetzt die festen 300px/250px-Seitenränder durch fluide Ränder,
   hält das Menü einzeilig und lädt die Schriften fest vom eigenen Server.
   Design bei 1920px bleibt unverändert.
   ===================================================================== */

/* ---------- 1. Schriften, fest installiert in /wp-content/uploads/rsk-fonts/ ---------- */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:300;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-300.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-400.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-500.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-700.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800 900;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-800.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:300 400;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-400-italic.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:500;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-500-italic.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:600;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-600-italic.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:700 900;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/barlow-condensed-700-italic.woff2") format("woff2")}
@font-face{font-family:"Bitter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/bitter-variable.woff2") format("woff2")}
@font-face{font-family:"Bitter";font-style:italic;font-weight:100 900;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/bitter-variable-italic.woff2") format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("/wp-content/uploads/rsk-fonts/roboto-variable.woff2") format("woff2")}

/* ---------- 2. Grundwerte ---------- */
:root{
  --rsk-max: 1320px;                       /* Inhaltsbreite wie bisher bei 1920px */
  --rsk-max-wide: 1420px;                  /* Beitragsseite, Impressum (vorher 250px Rand) */
  --rsk-gutter: clamp(20px, 4vw, 56px);    /* Mindestrand links und rechts */
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* ---------- 3. Fluide Seitenränder statt fester 300px ---------- */
body .elementor .e-con.rsk-sec{
  padding-left: max(var(--rsk-gutter), calc((100% - var(--rsk-max)) / 2)) !important;
  padding-right: max(var(--rsk-gutter), calc((100% - var(--rsk-max)) / 2)) !important;
}
body .elementor .e-con.rsk-sec.rsk-sec-wide{
  padding-left: max(var(--rsk-gutter), calc((100% - var(--rsk-max-wide)) / 2)) !important;
  padding-right: max(var(--rsk-gutter), calc((100% - var(--rsk-max-wide)) / 2)) !important;
}
body .elementor .e-con.rsk-sec > .e-con-inner{max-width:none}

/* ---------- 4. Kopfzeile: Menü bricht nie um ---------- */
@media (min-width:1025px){
  .elementor-location-header .elementor-nav-menu--main .elementor-nav-menu,
  .elementor-widget-nav-menu .elementor-nav-menu--main > .elementor-nav-menu{flex-wrap:nowrap}
  .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{
    white-space:nowrap;
    font-size:clamp(18px, 0.55vw + 12.5px, 22px) !important;
  }
  .elementor-widget-nav-menu.elementor-widget{
    --e-nav-menu-horizontal-menu-item-margin: clamp(14px, 1.6vw, 24px) !important;
  }
  .elementor-widget-nav-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) > a{
    margin-inline-end: clamp(14px, 1.6vw, 24px) !important;
  }
}

/* ---------- 5. Überschriften: saubere Silbentrennung statt Zerhacken ---------- */
.elementor-heading-title,
.elementor-widget-theme-post-title .elementor-heading-title,
.entry-title{overflow-wrap:break-word}
@media (max-width:1024px){
  .elementor-heading-title,.entry-title{
    -webkit-hyphens:auto;hyphens:auto;
    hyphenate-limit-chars:10 4 4;
  }
}

/* ---------- 6. Beitragsliste (Seite Beiträge): Bild und Text teilen sich die Breite sinnvoll ---------- */
.aux-blog-land-style .land-post-style{
  display:flex;align-items:flex-start;
  gap:clamp(16px, 2.4vw, 40px);
}
.aux-blog-land-style .land-post-style .entry-media{
  flex:0 0 clamp(140px, 32%, 420px);
  width:auto !important;max-width:none;margin:0 !important;float:none !important;
}
.aux-blog-land-style .land-post-style .entry-main{
  flex:1 1 0;min-width:0;width:auto !important;margin:0 !important;padding:0 !important;float:none !important;
}
.aux-blog-land-style .land-post-style .entry-title,
.aux-blog-land-style .land-post-style .entry-title a{
  font-size:clamp(22px, 1.1vw + 13px, 42px) !important;
  line-height:1.15 !important;
  -webkit-hyphens:auto;hyphens:auto;
}
@media (max-width:600px){
  .aux-blog-land-style .land-post-style{flex-direction:column;gap:14px}
  .aux-blog-land-style .land-post-style .entry-media{flex:none;width:100% !important}
}


/* ---------- 7. Überschriften ausgewogen umbrechen ---------- */
.elementor-heading-title,.entry-title{text-wrap:balance}

/* ---------- 8. Beitragsliste: gleichmäßiger Abstand zwischen den Beiträgen ---------- */
.aux-blog-land-style > .aux-block{margin-bottom:clamp(20px, 2.5vw, 36px)}

/* ---------- 9. Kopfzeile auf Tablet und Handy kompakter ---------- */
@media (max-width:1024px){
  header[data-elementor-type="header"] .e-con.rsk-sec{padding-top:0 !important;padding-bottom:0 !important}
  header[data-elementor-type="header"] .e-con.rsk-sec > .e-con-inner{padding-top:12px !important;padding-bottom:12px !important}
  header[data-elementor-type="header"] .elementor-widget-aux_logo img{width:clamp(120px, 34vw, 160px) !important;height:auto !important}
}/* End custom CSS */