/*
Theme Name: BeTheme Child
Template: betheme
Version: Finale Basis V 1.0
Description: RIEDT CSS Master Finale Basis V 1.0. Auf Basis des bestehenden Masters systemisch bereinigt, ohne Legacy-Zone, ohne Anfrage-Sonderkalibrierung und mit verbindlicher globaler Section-Logik.
*/


@layer tokens, reset, theme-neutralization, base, layout, components, utilities;

/* =========================================================
   01) TOKENS
========================================================= */
@layer tokens {
:root{
  --digital-blue:#006994;
  --riedt-red:#C61E50;
  --riedt-anth:#1E1D1E;
  --riedt-ink:#0F172A;
  --riedt-text:#4A5560;
  --white:#FFFFFF;
  --surface:#F5F7FA;
  --surface-2:#EEF2F6;
  --surface-3:#E7EDF3;
  --border:#DDE3EA;
  --border-ui:#7C8A9C;
  --muted:#6B7280;
  --font-body:"Inter",sans-serif;
  --font-head:"Poppins","Inter",sans-serif;
  --riedt-content-max:1440px;
  --riedt-content-max-tablet:1200px;
  --riedt-gutter:clamp(24px,3vw,48px);
  --riedt-gutter-mobile:12px;
  --riedt-header-height:92px;
  --riedt-header-height-tablet:86px;
  --riedt-header-height-mobile:78px;
  --tap-target:44px;
  --riedt-section-gap:22px;
  --riedt-section-gap-mobile:22px;
  --riedt-stack-space:28px;
  --riedt-stack-space-mobile:24px;
  --riedt-block-gap:22px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-7:28px;
  --sp-8:32px;
  --sp-9:40px;
  --sp-10:48px;
  --sp-11:56px;
  --sp-12:72px;
  --r-s:8px;
  --r-m:12px;
  --r-l:16px;
  --r-xl:20px;
  --r-2xl:24px;
  --r-pill:999px;
  --shadow-1:0 8px 24px rgba(15,23,42,.06);
  --shadow-2:0 16px 40px rgba(15,23,42,.10);
  --dur-fast:150ms;
  --ease:cubic-bezier(.2,0,0,1);
  --focus-soft:0 0 0 3px rgba(0,105,148,.22);
  --hero-bg-pos:center center;
  --hero-overlay-left:rgba(245,247,250,.82);
  --hero-overlay-mid:rgba(245,247,250,.42);
  --hero-overlay-clear:rgba(245,247,250,0);
  --hero-copy-w:640px;
  --hero-copy-w-home:700px;
  --hero-copy-pad:28px 32px;
  --hero-copy-pad-home:24px 28px;
  --hero-copy-radius:18px;
  --hero-copy-shadow:0 8px 24px rgba(15,23,42,.06),0 18px 46px rgba(15,23,42,.05);
  --hero-kicker-size:14px;
  --hero-h1-size:clamp(34px,4vw,58px);
  --hero-h1-size-home:clamp(32px,3.8vw,54px);
  --hero-h1-max:16ch;
  --hero-h1-max-home:14ch;
  --hero-text-size:18px;
  --hero-text-size-home:17px;
  --hero-text-max:34rem;
  --hero-text-max-home:36rem;
  --riedt-icon-circle-size:100px;
  --riedt-icon-size:56px;
}

}

/* =========================================================
   02) RESET / BASE
========================================================= */
@layer reset {
*,
*::before,
*::after{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  margin-top:0 !important;
}

body{
  margin:0;
  color:var(--riedt-text);
  background:var(--white);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,h5,h6{
  margin:0 0 var(--sp-4);
  color:var(--riedt-anth);
  font-family:var(--font-head);
  letter-spacing:-.01em;
}
h1{font-size:clamp(32px,4vw,58px);line-height:1.08}
h2{font-size:clamp(24px,2.6vw,36px);line-height:1.15}
h3{font-size:clamp(19px,2vw,24px);line-height:1.24}
h4{font-size:17px;line-height:1.35}
p{margin:0 0 var(--sp-4)}
ul,ol{margin:0 0 var(--sp-6);padding-left:22px}
img{display:block;max-width:100%;height:auto}

#Wrapper,
#Content,
.content_wrapper,
.sections_group,
.section_wrapper,
.section,
.mcb-section,
body:not(.template-slider) #Content,
#Header_wrapper + #Content,
#Subheader,
#Intro{
  margin-top:0 !important;
  padding-top:0 !important;
}

#Header_wrapper{position:relative !important;margin-bottom:0 !important}
#Header_wrapper .header_placeholder{display:none !important;height:0 !important;max-height:0 !important;margin:0 !important;padding:0 !important}
#Subheader,#Intro{display:none !important}

a{
  color:var(--digital-blue);
  text-decoration:none;
  transition:
    color var(--dur-fast) var(--ease),
    background-color var(--dur-fast) var(--ease),
    border-color var(--dur-fast) var(--ease),
    box-shadow var(--dur-fast) var(--ease),
    transform var(--dur-fast) var(--ease),
    opacity var(--dur-fast) var(--ease);
}
a:hover{
  text-decoration:underline;
  text-underline-offset:.15em;
  text-decoration-thickness:2px;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:0;
  box-shadow:var(--focus-soft);
  border-radius:var(--r-s);
}
strong{color:var(--riedt-anth);font-weight:700}

}

/* =========================================================
   03) THEME NEUTRALIZATION
========================================================= */
@layer theme-neutralization {
.mcb-section,
.mcb-wrap,
.mcb-wrap-inner,
.column,
.column_attr,
.section_wrapper,
.wrap,
.mcb-column-inner{box-sizing:border-box}

.mcb-section .section_wrapper,
.mcb-section .section_wrapper .wrap,
.mcb-section .section_wrapper .mcb-wrap,
.mcb-section .section_wrapper .mcb-wrap-inner,
.mcb-section .section_wrapper .column,
.mcb-section .section_wrapper .mcb-column-inner,
.mcb-section .section_wrapper .column_attr{
  background-color:transparent;
  background-image:none;
  box-shadow:none;
}

.mcb-section .mcb-background-overlay,
.section .mcb-background-overlay,
.section_wrapper .mcb-background-overlay{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#Header_wrapper,
#Header,
#Top_bar,
#Top_bar #menu,
#Top_bar .wpml-languages a.active,
#Top_bar .wpml-languages ul.wpml-lang-dropdown,
#Side_slide,
#Footer,
#Footer .widgets_wrapper,
#Footer .footer_copy,
#Footer .footer_action{
  background-image:none !important;
  box-shadow:none;
}

#Top_bar,
#Top_bar #menu,
#Top_bar .wpml-languages a.active,
#Top_bar .wpml-languages ul.wpml-lang-dropdown,
#Side_slide,
#Footer,
#Footer .widgets_wrapper,
#Footer .footer_copy,
#Footer .footer_action{
  background-color:var(--white) !important;
}

#Footer .section_wrapper,
#Footer .container,
#Footer .column,
#Footer .column_attr{
  background:transparent !important;
  box-shadow:none;
}

}

/* =========================================================
   04) TYPO / COLOR GOVERNANCE
========================================================= */
@layer base {
html,body{font-family:var(--font-body) !important}
body,p,span,small,li,a,strong,em,label,input,textarea,select,button,table,th,td,blockquote,blockquote p,blockquote cite{font-family:var(--font-body) !important}
h1,h2,h3,h4,h5,h6,.text-logo #logo,#Subheader .title,#Intro .intro-title,h1 a,h2 a,h3 a,h4 a{font-family:var(--font-head) !important}

html,body{
  color:var(--riedt-text) !important;
  background-color:var(--white) !important;
}
body,p,li,span,small,label,input,textarea,select,table,th,td,blockquote,blockquote p,:where(.column_attr,.the_content_wrapper,.entry-content,#Footer) :where(p,li,span,div),.column_attr,.the_content_wrapper,.entry-content{color:var(--riedt-text)}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.text-logo #logo,#Subheader .title,#Intro .intro-title,.lead{color:var(--riedt-anth)}
a,a:visited,a.mfn-link,a.content_link,:where(#Content,#Footer) a{color:var(--digital-blue);font-weight:700}
#Top_bar,#Footer,#Footer .footer_copy{border-color:var(--border) !important}
.riedt-kicker,
.riedt-hero-kicker,
p.riedt-kicker,
p.riedt-hero-kicker{
  color:var(--digital-blue) !important;
  font-weight:700 !important;
}

}

/* =========================================================
   05) HEADER / NAVIGATION
========================================================= */
@layer components {
#Top_bar{
  position:relative !important;
  top:0 !important;
  border-bottom:1px solid var(--border) !important;
}

#Top_bar .container{
  width:100%;
  max-width:none;
  margin:0 !important;
  padding-inline:24px !important;
}

#Top_bar .column.one{
  display:flex;
  align-items:center !important;
  justify-content:space-between !important;
  gap:32px !important;
  min-height:var(--riedt-header-height) !important;
}

#Top_bar .top_bar_left{
  display:flex;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
}

#Top_bar #logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:220px !important;
  margin:0 40px 0 0 !important;
  overflow:hidden !important;
}

#Top_bar #logo img.logo-main,
#Top_bar #logo > img:first-of-type{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:220px !important;
  max-height:64px !important;
  object-fit:contain !important;
}

#Top_bar #logo img:not(.logo-main):not(:first-of-type),
#Top_bar .logo-sticky,
#Top_bar .logo-mobile,
#Top_bar .logo-mobile-sticky{
  display:none !important;
}

#Top_bar .menu_wrapper{
  display:flex;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin-left:auto !important;
}

#Top_bar .secondary_menu_wrapper,
#Top_bar .top_bar_right,
#Top_bar .search_wrapper,
#Top_bar a#search_button,
#Top_bar a.action_button,
#Top_bar a.icon.search,
#Top_bar .icon-search-fine,
#Top_bar .search,
#Side_slide .search-wrapper,
#Side_slide .search_wrapper,
#Side_slide a#search_button,
#Side_slide a.icon.search,
#Side_slide .icon-search-fine{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
}

.riedt-desktop-nav-wrap{
  display:flex;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
}

.riedt-desktop-nav{
  display:flex;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:28px !important;
  width:100% !important;
  margin:0;
  padding:0;
  list-style:none !important;
}

.riedt-desktop-nav > li{
  position:relative !important;
  display:flex;
  align-items:center !important;
  gap:6px !important;
  margin:0;
  padding:0;
  list-style:none !important;
}

.riedt-desktop-nav > li > a:not(.menu-toggle),
.riedt-desktop-nav > li > a:not(.menu-toggle):visited{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  color:var(--digital-blue) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.riedt-desktop-nav > li.current-menu-item > a:not(.menu-toggle),
.riedt-desktop-nav > li.current-menu-parent > a:not(.menu-toggle),
.riedt-desktop-nav > li.current-menu-ancestor > a:not(.menu-toggle),
.riedt-desktop-nav > li.open > a:not(.menu-toggle),
.riedt-desktop-nav > li > a:not(.menu-toggle):hover,
.riedt-desktop-nav > li > a:not(.menu-toggle):focus-visible,
.riedt-desktop-nav > li > a:not(.menu-toggle):active{
  color:var(--digital-blue) !important;
}

.riedt-desktop-nav > li > .menu-toggle,
.riedt-desktop-nav > li > a.menu-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0;
  padding:0;
  border:0 !important;
  background:transparent !important;
  border-radius:999px !important;
  color:var(--digital-blue) !important;
  text-decoration:none !important;
  box-shadow:none;
  cursor:pointer !important;
}

.riedt-desktop-nav > li > .menu-toggle::before,
.riedt-desktop-nav > li > a.menu-toggle::before{
  content:"▾";
  display:block;
  font-size:14px;
  line-height:1;
  font-weight:700;
  transform:none;
}

.riedt-desktop-nav > li.open > .menu-toggle,
.riedt-desktop-nav > li.open > a.menu-toggle,
.riedt-desktop-nav > li > .menu-toggle:hover,
.riedt-desktop-nav > li > a.menu-toggle:hover,
.riedt-desktop-nav > li > .menu-toggle:focus-visible,
.riedt-desktop-nav > li > a.menu-toggle:focus-visible{
  background:var(--surface) !important;
  color:var(--digital-blue) !important;
}

.riedt-desktop-nav > li.open > .menu-toggle::before,
.riedt-desktop-nav > li.open > a.menu-toggle::before{
  transform:rotate(180deg);
}

.riedt-desktop-nav > li > ul.sub-menu{
  position:absolute !important;
  left:0 !important;
  top:calc(100% + 10px) !important;
  z-index:30 !important;
  min-width:clamp(260px,28vw,380px) !important;
  margin:0 !important;
  padding:10px !important;
  list-style:none !important;
  background:var(--white);
  border:1px solid var(--border) !important;
  border-radius:var(--r-l) !important;
  box-shadow:var(--shadow-1) !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) !important;
  transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), visibility var(--dur-fast) var(--ease) !important;
}

.riedt-desktop-nav > li.open > ul.sub-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.riedt-desktop-nav > li > ul.sub-menu > li{
  margin:0;
  padding:0;
  list-style:none !important;
}
.riedt-desktop-nav > li > ul.sub-menu > li + li{margin-top:4px !important}

.riedt-desktop-nav > li > ul.sub-menu > li > a{
  display:flex;
  align-items:center !important;
  min-height:var(--tap-target) !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  color:var(--riedt-anth) !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

.riedt-desktop-nav > li > ul.sub-menu > li > a:hover,
.riedt-desktop-nav > li > ul.sub-menu > li > a:focus-visible{
  background:var(--surface) !important;
  color:var(--digital-blue) !important;
  text-decoration:none !important;
}

#Top_bar .responsive-menu-toggle{display:none !important}

}

/* =========================================================
   06) BUTTONS / FORMS
========================================================= */
@layer components {
.button,button,input[type="submit"],input[type="button"],input[type="reset"],.wp-element-button,a.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.riedt-btn,.riedt-btn-primary,.riedt-btn--primary,.riedt-btn-secondary,.riedt-btn--secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  font-family:var(--font-body) !important;
  font-weight:700 !important;
  text-align:center !important;
  text-decoration:none !important;
  border-radius:var(--r-pill) !important;
  min-height:var(--tap-target) !important;
  padding:10px 18px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.button span,button span,input[type="submit"] span,input[type="button"] span,input[type="reset"] span,.wp-element-button span,a.wp-element-button span,.woocommerce a.button span,.woocommerce button.button span,.woocommerce input.button span,.woocommerce #respond input#submit span,.riedt-btn span,.riedt-btn-primary span,.riedt-btn--primary span,.riedt-btn-secondary span,.riedt-btn--secondary span{
  display:inline-block !important;
}
.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.riedt-btn-primary,.riedt-btn--primary{
  background:var(--digital-blue) !important;
  color:#ffffff !important;
  border:1px solid var(--digital-blue) !important;
  box-shadow:none;
}
.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.riedt-btn-primary:hover,.riedt-btn--primary:hover{
  background:#00587a !important;
  color:#ffffff !important;
  border-color:#00587a !important;
  filter:none !important;
}

a.riedt-btn-primary,
a.riedt-btn-primary:visited,
a.riedt-btn-primary:hover,
a.riedt-btn-primary:focus,
a.riedt-btn-primary:active,
a.riedt-btn--primary,
a.riedt-btn--primary:visited,
a.riedt-btn--primary:hover,
a.riedt-btn--primary:focus,
a.riedt-btn--primary:active,
#Content a.button,
#Content a.button:visited,
#Content a.button:hover,
#Content a.button:focus,
#Content a.button:active,
#Content a.wp-element-button,
#Content a.wp-element-button:visited,
#Content a.wp-element-button:hover,
#Content a.wp-element-button:focus,
#Content a.wp-element-button:active,
#Content .woocommerce a.button,
#Content .woocommerce a.button:visited,
#Content .woocommerce a.button:hover,
#Content .woocommerce a.button:focus,
#Content .woocommerce a.button:active,
#Content a.riedt-btn-primary,
#Content a.riedt-btn-primary:visited,
#Content a.riedt-btn-primary:hover,
#Content a.riedt-btn-primary:focus,
#Content a.riedt-btn-primary:active,
#Content a.riedt-btn--primary,
#Content a.riedt-btn--primary:visited,
#Content a.riedt-btn--primary:hover,
#Content a.riedt-btn--primary:focus,
#Content a.riedt-btn--primary:active,
#Content .riedt-hero-actions a.riedt-btn-primary,
#Content .riedt-hero-actions a.riedt-btn-primary:visited,
#Content .riedt-hero-actions a.riedt-btn-primary:hover,
#Content .riedt-hero-actions a.riedt-btn-primary:focus,
#Content .riedt-hero-actions a.riedt-btn-primary:active,
#Content .riedt-hero-actions a.riedt-btn--primary,
#Content .riedt-hero-actions a.riedt-btn--primary:visited,
#Content .riedt-hero-actions a.riedt-btn--primary:hover,
#Content .riedt-hero-actions a.riedt-btn--primary:focus,
#Content .riedt-hero-actions a.riedt-btn--primary:active{
  color:#ffffff !important;
}

input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty,.wp-block-search input[type="search"]{
  color:var(--riedt-text) !important;
  background-color:var(--white) !important;
  border:1px solid var(--border-ui) !important;
  border-radius:var(--r-m) !important;
  box-shadow:none;
  min-height:var(--tap-target) !important;
  resize:vertical !important;
  background-image:none !important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(0,105,148,.45) !important;
  box-shadow:var(--focus-soft) !important;
}
textarea{min-height:140px !important}
::placeholder{color:#9aa2b2 !important}

}

/* =========================================================
   07) LAYOUT SECTIONS
========================================================= */
@layer layout {
.riedt-landingpage,
.riedt-sicherheitstechnik,
.riedt-beschlaege,
.riedt-verfuegbarkeit,
.riedt-leistungswelt,
.riedt-home,
.riedt-homepage,
.riedt-startseite,
.mcb-section.riedt-section-jumplinks > .section_wrapper,
.mcb-section.riedt-section-content > .section_wrapper{
  width:min(100%,var(--riedt-content-max)) !important;
  max-width:var(--riedt-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.riedt-section-hero,
.riedt-hero-sicherheit,
.riedt-hero-beschlaege,
.riedt-hero-verfuegbarkeit,
.riedt-hero-hausmesse,
.riedt-hero-geschichte,

.riedt-hero-text-first,
.riedt-hero-text-first-tight,
.riedt-section-jumplinks,
.riedt-section-content,
.mcb-section.riedt-section-hero,
.mcb-section.riedt-hero-sicherheit,
.mcb-section.riedt-hero-beschlaege,
.mcb-section.riedt-hero-verfuegbarkeit,
.mcb-section.riedt-hero-hausmesse,
.mcb-section.riedt-hero-geschichte,
.mcb-section.riedt-hero-text-first,
.mcb-section.riedt-hero-text-first-tight,
.mcb-section.riedt-section-jumplinks,
.mcb-section.riedt-section-content{
  margin:0;
  padding:0;
}

.mcb-section .section_wrapper{
  margin:0 !important;
}

.mcb-section.riedt-section-jumplinks,
.riedt-section-jumplinks{
  margin-top:var(--riedt-section-gap) !important;
}

.mcb-section.riedt-section-jumplinks .section_wrapper{
  padding-inline:var(--riedt-gutter) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.mcb-section.riedt-section-jumplinks .column_attr,
.mcb-section.riedt-section-content .column_attr{
  margin:0 !important;
}

.mcb-section.riedt-section-jumplinks .riedt-jumplinks,
.riedt-section-jumplinks .riedt-jumplinks{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.mcb-section.riedt-section-content .section_wrapper{
  padding-inline:var(--riedt-gutter) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.mcb-section.riedt-section-jumplinks > .section_wrapper > .wrap.mcb-wrap.one,
.mcb-section.riedt-section-content > .section_wrapper > .wrap.mcb-wrap.one,
.riedt-section-jumplinks > .section_wrapper > .wrap.mcb-wrap.one,
.riedt-section-content > .section_wrapper > .wrap.mcb-wrap.one{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  float:none !important;
}

.mcb-section.riedt-section-jumplinks > .section_wrapper > .wrap.mcb-wrap.one > .mcb-wrap-inner,
.mcb-section.riedt-section-content > .section_wrapper > .wrap.mcb-wrap.one > .mcb-wrap-inner,
.riedt-section-jumplinks > .section_wrapper > .wrap.mcb-wrap.one > .mcb-wrap-inner,
.riedt-section-content > .section_wrapper > .wrap.mcb-wrap.one > .mcb-wrap-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.mcb-section.riedt-section-content,
.riedt-section-content{
  margin-top:var(--riedt-section-gap) !important;
}

.mcb-section.riedt-section-content + .mcb-section.riedt-section-content{
  margin-top:var(--riedt-block-gap) !important;
}

}

/* =========================================================
   08) HERO GLOBAL
========================================================= */
@layer layout {
:where(.mcb-section, .mcb-section[class]) :where(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte),
:where(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte){
  position:relative !important;
  overflow:hidden !important;
  width:100%;
  max-width:none;
  margin-left:0 !important;
  margin-right:0 !important;
  background-image:var(--hero-image, none);
  background-repeat:no-repeat;
  background-position:var(--hero-bg-pos, center center);
  background-size:var(--hero-bg-size, cover);
  min-height:var(--hero-min-height, calc(100vh - var(--riedt-header-height))) !important;
}
.mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte)::before,
:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg,var(--hero-overlay-left) 0%,var(--hero-overlay-mid) 38%,var(--hero-overlay-clear) 76%) !important;
}
.mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .section_wrapper,
:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .section_wrapper{
  position:relative !important;
  z-index:2 !important;
  display:flex;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100%;
  max-width:none;
  margin:0 !important;
  min-height:var(--hero-min-height, calc(100vh - var(--riedt-header-height))) !important;
  padding-left:clamp(16px,calc((100vw - var(--riedt-content-max)) / 2 + 12px),72px) !important;
  padding-right:clamp(24px,3vw,48px) !important;
  padding-block:0 !important;
}
.riedt-hero-copy{
  display:flex;
  margin-right:auto !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  width:min(620px,calc(100vw - 96px)) !important;
  max-width:min(620px,calc(100vw - 96px)) !important;
  padding:var(--hero-copy-pad) !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(221,227,234,.92) !important;
  border-radius:var(--hero-copy-radius) !important;
  box-shadow:var(--hero-copy-shadow) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.riedt-hero-kicker{
  margin:0 0 12px !important;
  color:var(--digital-blue) !important;
  font-size:var(--hero-kicker-size) !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
.riedt-hero-copy h1{
  margin:0 0 16px !important;
  font-size:var(--hero-h1-size) !important;
  line-height:1.06 !important;
  max-width:var(--hero-h1-max) !important;
  text-wrap:balance;
}
.riedt-hero-text{
  margin:0 !important;
  max-width:var(--hero-text-max) !important;
  color:var(--riedt-text) !important;
  font-size:var(--hero-text-size) !important;
  line-height:1.58 !important;
}
.riedt-hero-actions{
  margin-top:28px !important;
  display:flex;
  flex-wrap:wrap !important;
  gap:14px !important;
}
.home .riedt-section-hero,
.riedt-home .riedt-section-hero,
.riedt-homepage .riedt-section-hero,
.riedt-startseite .riedt-section-hero{
  --hero-bg-pos:center 42%;
  --hero-image:url("/wp-content/uploads/2026/04/riedt-startseite-hero.webp");
}
.home .riedt-section-hero .riedt-hero-copy,
.riedt-home .riedt-section-hero .riedt-hero-copy,
.riedt-homepage .riedt-section-hero .riedt-hero-copy,
.riedt-startseite .riedt-section-hero .riedt-hero-copy{
  width:min(640px,calc(100vw - 112px)) !important;
  max-width:min(640px,calc(100vw - 112px)) !important;
  padding:40px 44px 44px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
}
.home .riedt-section-hero .riedt-hero-copy h1,
.riedt-home .riedt-section-hero .riedt-hero-copy h1,
.riedt-homepage .riedt-section-hero .riedt-hero-copy h1,
.riedt-startseite .riedt-section-hero .riedt-hero-copy h1{
  max-width:var(--hero-h1-max-home) !important;
  font-size:var(--hero-h1-size-home) !important;
}
.home .riedt-section-hero .riedt-hero-text,
.riedt-home .riedt-section-hero .riedt-hero-text,
.riedt-homepage .riedt-section-hero .riedt-hero-text,
.riedt-startseite .riedt-section-hero .riedt-hero-text{
  max-width:var(--hero-text-max-home) !important;
  font-size:var(--hero-text-size-home) !important;
}

.riedt-hero-sicherheit{
  --hero-bg-pos:66% 10%;
  --hero-bg-size:cover;
  --hero-min-height:calc(100vh - var(--riedt-header-height));
  --hero-image:url("/wp-content/uploads/2026/04/riedt-sicherheitstechnik-hero.webp");
}

.riedt-hero-beschlaege{
  --hero-bg-pos:72% 40%;
  --hero-bg-size:cover;
  --hero-min-height:calc(100vh - var(--riedt-header-height));
  --hero-image:url("/wp-content/uploads/2026/04/riedt-beschlaege-hero-desktop.webp");
}

.riedt-hero-verfuegbarkeit{
  --hero-bg-pos:66% center;
  --hero-bg-size:cover;
  --hero-min-height:calc(100vh - var(--riedt-header-height));
  --hero-image:url("/wp-content/uploads/2026/04/riedt-verfuegbarkeit-beschaffung-hero.webp");
}

.riedt-hero-hausmesse{
  --hero-bg-pos:72% 32%;
  --hero-bg-size:cover;
  --hero-min-height:calc(100vh - var(--riedt-header-height));
  --hero-image:url("/wp-content/uploads/2026/04/riedt-hausmesse-hero.webp");
}


.riedt-hero-geschichte{
  --hero-bg-pos:72% 12%;
  --hero-bg-size:cover;
  --hero-min-height:calc(100vh - var(--riedt-header-height));
  --hero-image:url("/wp-content/uploads/2026/04/riedt-geschichte-hero.webp");
}

}

/* =========================================================
   09) HERO TEXT-FIRST
========================================================= */
@layer layout {
.mcb-section.riedt-hero-text-first,
.riedt-hero-text-first{
  position:relative !important;
  overflow:hidden !important;
  background:var(--surface) !important;
  background-image:none !important;
  min-height:auto !important;
}

.mcb-section.riedt-hero-text-first::before,
.riedt-hero-text-first::before{
  content:none !important;
}

.mcb-section.riedt-hero-text-first > .section_wrapper,
.riedt-hero-text-first > .section_wrapper{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  min-height:calc(100vh - var(--riedt-header-height) - 24px) !important;
  padding:var(--riedt-stack-space) var(--riedt-gutter) 0 !important;
}

.mcb-section.riedt-hero-text-first .riedt-hero-copy,
.riedt-hero-text-first .riedt-hero-copy{
  width:100% !important;
  max-width:780px !important;
  margin-inline:auto !important;
  padding:28px 32px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(221,227,234,.92) !important;
  border-radius:var(--hero-copy-radius) !important;
  box-shadow:var(--hero-copy-shadow) !important;
}

.mcb-section.riedt-hero-text-first .riedt-hero-copy h1,
.riedt-hero-text-first .riedt-hero-copy h1{
  max-width:18ch !important;
  margin-bottom:18px !important;
}

.mcb-section.riedt-hero-text-first .riedt-hero-text,
.riedt-hero-text-first .riedt-hero-text{
  max-width:520px !important;
  margin-bottom:14px !important;
}

.mcb-section.riedt-hero-text-first .riedt-hero-copy p:not(.riedt-hero-text),
.riedt-hero-text-first .riedt-hero-copy p:not(.riedt-hero-text){
  max-width:520px !important;
}

@media (min-width:992px){
  .mcb-section.riedt-hero-text-first .riedt-hero-copy,
  .riedt-hero-text-first .riedt-hero-copy{
    min-height:0 !important;
    display:flex;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
}

.mcb-section.riedt-hero-text-first-tight,
.riedt-hero-text-first-tight{
  position:relative !important;
  overflow:hidden !important;
  background:var(--surface) !important;
  background-image:none !important;
  min-height:auto !important;
}

.mcb-section.riedt-hero-text-first-tight::before,
.riedt-hero-text-first-tight::before{
  content:none !important;
}

.mcb-section.riedt-hero-text-first-tight > .section_wrapper,
.riedt-hero-text-first-tight > .section_wrapper{
  display:flex;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:auto !important;
  padding:18px var(--riedt-gutter) 8px !important;
}

.mcb-section.riedt-hero-text-first-tight .riedt-hero-copy,
.riedt-hero-text-first-tight .riedt-hero-copy{
  width:100% !important;
  max-width:1040px !important;
  margin-inline:auto !important;
  padding:16px 24px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(221,227,234,.92) !important;
  border-radius:var(--hero-copy-radius) !important;
  box-shadow:var(--hero-copy-shadow) !important;
}

.mcb-section.riedt-hero-text-first-tight .riedt-hero-copy h1,
.riedt-hero-text-first-tight .riedt-hero-copy h1{
  max-width:24ch !important;
  margin-bottom:10px !important;
  font-size:clamp(28px,4vw,54px) !important;
  line-height:1.02 !important;
  text-wrap:balance !important;
}

.mcb-section.riedt-hero-text-first-tight .riedt-hero-text,
.riedt-hero-text-first-tight .riedt-hero-text{
  max-width:760px !important;
  margin-bottom:0 !important;
  font-size:16px !important;
  line-height:1.44 !important;
}

.mcb-section.riedt-hero-text-first-tight .riedt-hero-copy p:not(.riedt-hero-text),
.riedt-hero-text-first-tight .riedt-hero-copy p:not(.riedt-hero-text){
  max-width:760px !important;
}

@media (min-width:992px){
  .mcb-section.riedt-hero-text-first-tight,
  .riedt-hero-text-first-tight{
    min-height:calc(100vh - var(--riedt-header-height) - 328px) !important;
  }

  .mcb-section.riedt-hero-text-first-tight > .section_wrapper,
  .riedt-hero-text-first-tight > .section_wrapper{
    min-height:calc(100vh - var(--riedt-header-height) - 340px) !important;
    max-height:calc(100vh - var(--riedt-header-height) - 340px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .mcb-section.riedt-hero-text-first-tight .riedt-hero-copy,
  .riedt-hero-text-first-tight .riedt-hero-copy{
    min-height:0 !important;
    display:flex;
    flex-direction:column !important;
    justify-content:flex-start !important;
    padding:8px 16px !important;
  }

  .mcb-section.riedt-hero-text-first-tight .riedt-hero-copy h1,
  .riedt-hero-text-first-tight .riedt-hero-copy h1{
    max-width:26ch !important;
    margin-bottom:6px !important;
    font-size:clamp(24px,3.3vw,44px) !important;
    line-height:1.0 !important;
  }

  .mcb-section.riedt-hero-text-first-tight .riedt-hero-text,
  .riedt-hero-text-first-tight .riedt-hero-text,
  .mcb-section.riedt-hero-text-first-tight .riedt-hero-copy p:not(.riedt-hero-text),
  .riedt-hero-text-first-tight .riedt-hero-copy p:not(.riedt-hero-text){
    max-width:820px !important;
    font-size:14px !important;
    line-height:1.34 !important;
  }
}

}

/* =========================================================
   10) JUMPLINKS
========================================================= */
@layer components {
.riedt-jumplinks{
  width:100%;
  max-width:none;
  display:grid;
  gap:16px !important;
  margin:0 !important;
  padding:32px 22px !important;
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:24px !important;
  box-shadow:none;
}
.riedt-jumplinks-list,.riedt-jumplinks ul,.riedt-jumplinks ol{
  display:flex;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:0;
  padding:0;
  list-style:none !important;
}
.riedt-jumplinks-list li,.riedt-jumplinks ul li,.riedt-jumplinks ol li{
  margin:0;
  padding:0;
  list-style:none !important;
}
.riedt-jumplinks-list a,.riedt-jumplinks a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:9px 18px !important;
  background:var(--white);
  border:1px solid var(--border-ui) !important;
  border-radius:var(--r-pill) !important;
  color:var(--digital-blue) !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

}

/* =========================================================
   11) CARDS / BLOCKS / MODULE
========================================================= */
@layer components {
.riedt-card,.riedt-block,.riedt-icon-card,.riedt-contact-card,.riedt-form-panel,.riedt-map-embed,.riedt-page-intro{
  background:var(--white);
  border:1px solid var(--border) !important;
  border-radius:24px !important;
  box-shadow:var(--shadow-1) !important;
}
.riedt-block,.riedt-page-intro{
  width:100%;
  max-width:none;
  padding:clamp(28px,3.4vw,40px) !important;
}
.riedt-card,.riedt-icon-card,.riedt-contact-card{
  width:100%;
  max-width:none;
  min-width:0 !important;
  min-height:100% !important;
  padding:24px !important;
}
.riedt-form-panel{
  width:100%;
  max-width:none;
  padding:28px !important;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:32px;
  align-items:start;
  background:linear-gradient(180deg,var(--white) 0%,var(--surface) 100%) !important;
}
.riedt-form-panel .riedt-form-wrap{
  width:100% !important;
}
.riedt-form-panel input,
.riedt-form-panel select,
.riedt-form-panel textarea{
  width:100%;
  max-width:none;
}
.riedt-map-embed{
  width:100%;
  max-width:none;
  overflow:hidden !important;
}
.riedt-grid{
  display:grid;
  gap:var(--riedt-grid-gap,22px);
  grid-template-columns:repeat(var(--riedt-grid-columns,1),minmax(0,1fr));
  align-items:stretch;
}
.riedt-card-grid{
  --riedt-grid-columns:1;
  --riedt-grid-gap:22px;
  display:grid;
  gap:var(--riedt-grid-gap);
  grid-template-columns:repeat(var(--riedt-grid-columns),minmax(0,1fr));
  align-items:stretch;
}
.riedt-card-grid-2{
  --riedt-grid-columns:2;
  --riedt-grid-gap:22px;
  display:grid;
  gap:var(--riedt-grid-gap);
  grid-template-columns:repeat(var(--riedt-grid-columns),minmax(0,1fr));
  align-items:stretch;
}
.riedt-contact-grid{
  --riedt-grid-columns:3;
  --riedt-grid-gap:22px;
  display:grid;
  gap:var(--riedt-grid-gap);
  grid-template-columns:repeat(var(--riedt-grid-columns),minmax(0,1fr));
  align-items:stretch;
}
.riedt-icon-cards-grid{
  --riedt-grid-columns:3;
  --riedt-grid-gap:20px;
  display:grid;
  gap:var(--riedt-grid-gap);
  grid-template-columns:repeat(var(--riedt-grid-columns),minmax(0,1fr));
  width:100%;
  max-width:none;
  align-items:stretch;
}
.riedt-card-grid > *,
.riedt-card-grid-2 > *,
.riedt-contact-grid > *,
.riedt-icon-cards-grid > *{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.riedt-icon-card{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:14px;
  align-content:start;
}
.riedt-icon-card > :last-child{
  margin-top:auto;
}
.riedt-icon-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  height:auto;
  padding:0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.riedt-icon-card__icon svg,
.riedt-icon-card__icon img{
  width:var(--riedt-icon-size);
  height:var(--riedt-icon-size);
  display:block;
}
.riedt-map-block{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  width:100%;
  max-width:none;
}
.riedt-map-embed iframe{
  display:block;
  width:100%;
  min-height:420px;
  border:0;
}

}

/* =========================================================
   12) CONTENT RHYTHM / FAQ / PROCESS
========================================================= */
@layer components {
.riedt-section-content .riedt-block:first-child,
.mcb-section.riedt-section-content .riedt-block:first-child{
  margin-top:0 !important;
}

.riedt-block + .riedt-block{
  margin-top:var(--riedt-block-gap) !important;
}

#geschichte-einordnung .riedt-card-grid-2{
  grid-template-columns:minmax(0,0.92fr) minmax(280px,0.74fr) !important;
  gap:22px !important;
  align-items:start !important;
}

#geschichte-einordnung .riedt-card-grid-2 > .riedt-card{
  min-height:auto !important;
  height:auto !important;
  align-self:start !important;
}

#geschichte-einordnung .riedt-card-grid-2 > article.riedt-card{
  padding:18px 18px 16px !important;
}

#geschichte-einordnung .riedt-card-grid-2 > article.riedt-card p{
  margin:0 0 14px !important;
}

#geschichte-einordnung .riedt-card-grid-2 > article.riedt-card p:last-child{
  margin-bottom:0 !important;
}

#geschichte-einordnung .riedt-card-grid-2 > figure.riedt-card{
  max-width:500px !important;
  justify-self:start !important;
  padding:12px !important;
}

#geschichte-einordnung .riedt-card-grid-2 > figure.riedt-card img{
  width:100% !important;
  max-width:100% !important;
  height:440px !important;
  object-fit:cover !important;
  object-position:center 20% !important;
}

#geschichte-einordnung .riedt-card-grid-2 > figure.riedt-card figcaption{
  margin-top:8px !important;
}

@media (max-width:991px){
  #geschichte-einordnung .riedt-card-grid-2{
    grid-template-columns:1fr !important;
  }

  #geschichte-einordnung .riedt-card-grid-2 > figure.riedt-card{
    max-width:none !important;
  }

  #geschichte-einordnung .riedt-card-grid-2 > figure.riedt-card img{
    max-height:none !important;
  }
}

.riedt-page-intro + .riedt-jumplinks{
  margin-top:var(--riedt-section-gap) !important;
}

.riedt-process-list{
  margin:0;
  padding-left:28px;
}

.riedt-process-list > li + li{
  margin-top:18px;
}

.riedt-process-list > li::marker{
  color:var(--digital-blue) !important;
  font-weight:800 !important;
  font-size:1.35em !important;
}

#Content details,
#Content .wp-block-details{
  overflow:visible !important;
}

#Content details > summary,
#Content .wp-block-details summary{
  color:var(--digital-blue) !important;
  font-weight:700 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  min-height:var(--tap-target) !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

#Content details > summary strong,
#Content .wp-block-details summary strong{
  color:var(--digital-blue) !important;
}

}


/* =========================================================
   12A) HAUSMESSE / MESSEANGEBOTE CONTENT BLOCK
========================================================= */
@layer components {
#messeangebote{
  scroll-margin-top:110px;
}

#messeangebote .riedt-messeangebote-block{
  display:grid;
  gap:clamp(28px,3vw,40px);
}

#messeangebote .riedt-section-intro{
  max-width:880px;
}

#messeangebote .riedt-section-intro .riedt-kicker{
  margin:0 0 10px !important;
  color:var(--digital-blue) !important;
  font-weight:700 !important;
}

#messeangebote .riedt-section-intro h2{
  margin:0 0 14px !important;
}

#messeangebote .riedt-section-intro p:last-child{
  margin-bottom:0 !important;
}

#messeangebote .riedt-messeangebote-nav{
  display:block;
}

#messeangebote .riedt-messeangebote-nav-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none !important;
}

#messeangebote .riedt-messeangebote-nav-list li{
  margin:0;
  padding:0;
  list-style:none !important;
}

#messeangebote .riedt-messeangebote-nav-list a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 16px !important;
  border:1px solid var(--border-ui) !important;
  border-radius:999px !important;
  background:var(--white) !important;
  color:var(--digital-blue) !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}

#messeangebote .riedt-messeangebote-nav-list a:hover,
#messeangebote .riedt-messeangebote-nav-list a:focus-visible{
  border-color:var(--digital-blue) !important;
  box-shadow:var(--focus-soft) !important;
  transform:translateY(-1px);
  text-decoration:none !important;
}

#messeangebote .riedt-messeangebote-groups{
  display:grid;
  gap:clamp(28px,3vw,40px);
}

#messeangebote .riedt-messeangebote-supplier{
  display:grid;
  gap:16px;
  scroll-margin-top:110px;
}

#messeangebote .riedt-messeangebote-supplier > h3{
  margin:0 !important;
  padding-bottom:10px !important;
  border-bottom:1px solid var(--border) !important;
}

#messeangebote .riedt-offer-item{
  overflow:hidden !important;
  border:1px solid var(--border) !important;
  border-radius:24px !important;
  background:var(--white) !important;
  box-shadow:var(--shadow-1) !important;
  transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}

#messeangebote .riedt-offer-item:hover{
  box-shadow:var(--shadow-2) !important;
}

#messeangebote .riedt-offer-item[open]{
  border-color:rgba(0,105,148,.28) !important;
}

#messeangebote .riedt-offer-item summary{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  min-height:72px !important;
  padding:18px 56px 18px 22px !important;
  list-style:none !important;
  cursor:pointer !important;
  user-select:none !important;
}

#messeangebote .riedt-offer-item summary::-webkit-details-marker{
  display:none !important;
}

#messeangebote .riedt-offer-item summary::after{
  content:"+";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,105,148,.18);
  border-radius:999px;
  background:rgba(0,105,148,.04);
  color:var(--digital-blue);
  font-size:20px;
  font-weight:700;
  line-height:1;
}

#messeangebote .riedt-offer-item[open] summary::after{
  content:"−";
}

#messeangebote .riedt-offer-title{
  display:block;
  color:var(--riedt-anth) !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

#messeangebote .riedt-offer-price{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  color:var(--digital-blue) !important;
  font-weight:700 !important;
  text-align:right;
}

#messeangebote .riedt-offer-body{
  display:grid;
  gap:20px;
  padding:0 22px 22px !important;
}

#messeangebote .riedt-offer-body > p,
#messeangebote .riedt-offer-body > ul{
  margin:0 !important;
}

#messeangebote .riedt-offer-body ul{
  padding-left:18px !important;
}

#messeangebote .riedt-offer-body li + li{
  margin-top:6px !important;
}

#messeangebote .riedt-offer-body a{
  color:var(--digital-blue) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

#messeangebote .riedt-offer-body a:hover,
#messeangebote .riedt-offer-body a:focus-visible{
  text-decoration:underline !important;
}

#messeangebote .riedt-offer-pdf-shell{
  position:relative;
  min-height:180px;
  overflow:hidden !important;
  border:1px solid var(--border) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(245,247,250,.92),rgba(255,255,255,1)) !important;
}

#messeangebote .riedt-offer-pdf-shell.is-empty::before{
  content:"PDF wird beim Öffnen geladen";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  color:var(--riedt-text);
  font-weight:600;
  text-align:center;
}

#messeangebote .riedt-offer-pdf-shell iframe,
#messeangebote .riedt-offer-body > iframe{
  display:block !important;
  width:100% !important;
  height:980px !important;
  border:0 !important;
  background:var(--white) !important;
  border-radius:16px !important;
}

#messeangebote .riedt-offer-body > iframe{
  overflow:hidden !important;
  border:1px solid var(--border) !important;
}

#messeangebote .riedt-offer-note{
  padding:14px 16px !important;
  border:1px solid rgba(0,105,148,.12) !important;
  border-radius:14px !important;
  background:rgba(0,105,148,.04) !important;
}

@media (max-width:991px){
  #messeangebote .riedt-offer-item summary{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }

  #messeangebote .riedt-offer-price{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #messeangebote .riedt-offer-pdf-shell iframe,
  #messeangebote .riedt-offer-body > iframe{
    height:760px !important;
  }
}

@media (max-width:767px){
  #messeangebote,
  #messeangebote .riedt-section-intro,
  #messeangebote .riedt-section-intro p,
  #messeangebote .riedt-section-intro h2,
  #messeangebote .riedt-messeangebote-supplier > h3,
  #messeangebote .riedt-offer-item summary,
  #messeangebote .riedt-offer-body,
  #messeangebote .riedt-offer-body p{
    text-align:left !important;
  }

  #messeangebote .riedt-messeangebote-nav-list{
    gap:8px !important;
  }

  #messeangebote .riedt-messeangebote-nav-list a{
    width:100% !important;
    justify-content:flex-start !important;
    white-space:normal !important;
  }

  #messeangebote .riedt-offer-item summary{
    min-height:64px !important;
    padding:16px 50px 16px 16px !important;
  }

  #messeangebote .riedt-offer-item summary::after{
    right:16px !important;
  }

  #messeangebote .riedt-offer-body{
    padding:0 16px 16px !important;
  }

  #messeangebote .riedt-offer-pdf-shell iframe,
  #messeangebote .riedt-offer-body > iframe{
    height:540px !important;
  }
}

@media (max-width:479px){
  #messeangebote .riedt-offer-pdf-shell iframe,
  #messeangebote .riedt-offer-body > iframe{
    height:460px !important;
  }
}
}

/* =========================================================
   13) FOOTER / BACK TO TOP
========================================================= */
@layer components {
#Footer{
  margin-top:var(--riedt-section-gap) !important;
  border:0 !important;
  box-shadow:none;
}
#Footer .widgets_wrapper{
  padding-top:var(--sp-10) !important;
  padding-bottom:var(--sp-9) !important;
  border:0 !important;
}
#Footer .widgets_wrapper .container,
#Footer .footer_copy .container{
  width:min(100%,var(--riedt-content-max)) !important;
  max-width:var(--riedt-content-max) !important;
  margin-inline:auto !important;
  padding-inline:var(--riedt-gutter) !important;
  border:0 !important;
}
@media (min-width:981px){
  #Footer .widgets_wrapper .column.one-fifth{
    width:20% !important;
    float:left !important;
    clear:none !important;
    margin:0 !important;
  }
  #Footer .widgets_wrapper .column.one-fifth + .column.one-fifth{
    padding-left:24px !important;
  }
}
#Footer ul,#Footer ol,#Footer li,#Footer .widget ul,#Footer .widget ol,#Footer .widget li,#Footer .menu,#Footer .menu li,#Footer .widget_nav_menu ul,#Footer .widget_nav_menu li,#Footer .column_attr ul,#Footer .column_attr ol,#Footer .column_attr li{
  list-style:none !important;
  margin-left:0 !important;
  padding-left:0 !important;
}
#Footer li::marker,
#Footer ul li::marker,
#Footer ol li::marker{content:"" !important;font-size:0 !important}
#Footer li::before,
#Footer li::after,
#Footer ul::before,
#Footer ul::after,
#Footer ol::before,
#Footer ol::after,
#Footer .column::before,
#Footer .column::after,
#Footer .column_attr::before,
#Footer .column_attr::after,
#Footer .widgets_wrapper::before,
#Footer .widgets_wrapper::after,
#Footer .footer_copy::before,
#Footer .footer_copy::after{
  content:none !important;
  display:none !important;
  border:0 !important;
}
#Footer li:empty,
#Footer ul:empty,
#Footer ol:empty{
  display:none !important;
}
#Footer hr,#Footer .hr_color,#Footer .hr_dots,#Footer .hr_zigzag,#Footer .footer_action{
  display:none !important;
  border:0 !important;
}
#Footer .social{display:none !important}
#Footer .riedt-subfooter-center{
  display:grid;
  justify-items:center !important;
  align-items:center !important;
  width:100% !important;
  text-align:center !important;
  gap:14px !important;
}
#Footer .riedt-subfooter-logo,
#Footer .riedt-subfooter-logo img{
  display:block !important;
  margin-left:auto;
  margin-right:auto;
}
#Footer .riedt-subfooter-copy{width:100% !important;text-align:center !important}

#back_to_top,a#back_to_top{
  position:fixed !important;
  right:18px !important;
  left:auto !important;
  bottom:18px !important;
  top:auto !important;
  z-index:99999 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  margin:0 !important;
  border-radius:999px !important;
  background:var(--digital-blue) !important;
  color:#ffffff !important;
  border:1px solid var(--digital-blue) !important;
  box-shadow:0 8px 24px rgba(15,23,42,.10) !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  cursor:pointer !important;
  font-size:0 !important;
  line-height:0 !important;
}
#back_to_top::before,a#back_to_top::before{
  content:"";
  display:block;
  width:12px;
  height:12px;
  border-top:2px solid #ffffff;
  border-left:2px solid #ffffff;
  transform:translateY(2px) rotate(45deg);
}
#back_to_top i,#back_to_top svg,a#back_to_top i,a#back_to_top svg{display:none !important}

}

/* =========================================================
   14) MOBILE / DESKTOP SPLIT
========================================================= */
@layer layout {
@media (min-width:768px){
  #Top_bar .responsive-menu-toggle,
  #Side_slide,
  #body_overlay,
  #Side_slide .close-wrapper,
  #Side_slide .menu_wrapper,
  #Side_slide .extras,
  #Side_slide .lang-wrapper{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    opacity:0 !important;
  }
}

@media (max-width:1239px){
  :root{
    --riedt-header-height:var(--riedt-header-height-tablet);
  }
  #Top_bar .container{padding-inline:clamp(18px,2.5vw,28px) !important}
  .riedt-landingpage,
  .riedt-sicherheitstechnik,
  .riedt-beschlaege,
  .riedt-verfuegbarkeit,
  .riedt-leistungswelt,
  .riedt-home,
  .riedt-homepage,
  .riedt-startseite,
  .mcb-section.riedt-section-jumplinks > .section_wrapper,
  .mcb-section.riedt-section-content > .section_wrapper{
    max-width:var(--riedt-content-max-tablet) !important;
  }
  .riedt-card-grid-2,
  .riedt-contact-grid,
  .riedt-form-panel,
  .riedt-icon-cards-grid{
    grid-template-columns:1fr !important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  #Top_bar .column.one{
    gap:20px !important;
  }

  #Top_bar #logo{
    margin-right:20px !important;
    max-width:190px !important;
  }

  #Top_bar #logo img.logo-main,
  #Top_bar #logo > img:first-of-type{
    max-width:190px !important;
    max-height:56px !important;
  }

  .riedt-desktop-nav{
    gap:14px !important;
  }

  .riedt-desktop-nav > li{
    gap:2px !important;
  }

  .riedt-desktop-nav > li > a:not(.menu-toggle),
  .riedt-desktop-nav > li > a:not(.menu-toggle):visited{
    font-size:14px !important;
  }

  .riedt-desktop-nav > li > ul.sub-menu{
    min-width:280px !important;
    max-width:min(360px,calc(100vw - 48px)) !important;
  }
}

@media (max-width:767px){
  :root{
    --riedt-header-height:var(--riedt-header-height-mobile);
    --riedt-section-gap:var(--riedt-section-gap-mobile);
  }

  body,
  #Wrapper,
  #Content,
  .content_wrapper,
  .sections_group,
  .section_wrapper,
  .column,
  .column_attr{
    text-align:center !important;
  }

  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .riedt-kicker,
  .riedt-hero-kicker,
  .riedt-hero-text,
  .riedt-hero-lead,
  .riedt-hero-claim,
  .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #Top_bar{
    position:relative !important;
  }

  #Top_bar .container{
    padding-inline:var(--riedt-gutter-mobile) !important;
  }

  #Top_bar .column.one{
    position:relative !important;
    justify-content:center !important;
    min-height:var(--riedt-header-height-mobile) !important;
    gap:16px !important;
    text-align:center !important;
  }

  #Top_bar .top_bar_left{
    width:100% !important;
    justify-content:center !important;
  }

  #Top_bar #logo{
    max-width:180px !important;
    margin:0 auto !important;
  }

  #Top_bar #logo img.logo-main,
  #Top_bar #logo > img:first-of-type{
    max-width:180px !important;
    max-height:54px !important;
    margin-inline:auto !important;
  }

  #Top_bar .menu_wrapper,
  .riedt-desktop-nav-wrap,
  .riedt-desktop-nav,
  #Top_bar .responsive-menu-toggle{
    display:none !important;
  }

  .riedt-landingpage,
  .riedt-sicherheitstechnik,
  .riedt-beschlaege,
  .riedt-verfuegbarkeit,
  .riedt-leistungswelt,
  .riedt-home,
  .riedt-homepage,
  .riedt-startseite,
  .mcb-section.riedt-section-jumplinks > .section_wrapper,
  .mcb-section.riedt-section-content > .section_wrapper{
    max-width:100% !important;
  }

  :is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte),
  .mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte){
    background-image:var(--hero-image, none) !important;
    background-repeat:no-repeat !important;
    background-position:var(--hero-bg-pos-mobile, var(--hero-bg-pos, center 28%)) !important;
    background-size:cover !important;
    min-height:clamp(680px,88svh,820px) !important;
    text-align:center !important;
  }

  :is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte)::before,
  .mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte)::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(
        180deg,
        rgba(245,247,250,.26) 0%,
        rgba(245,247,250,.44) 34%,
        rgba(245,247,250,.70) 72%,
        rgba(245,247,250,.84) 100%
      ) !important;
  }

  :is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .section_wrapper,
  .mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .section_wrapper{
    position:relative !important;
    z-index:2 !important;
    min-height:clamp(680px,88svh,820px) !important;
    padding:22px 12px 30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .home .riedt-section-hero{ --hero-bg-pos-mobile:center 16%; }
  .riedt-hero-sicherheit{ --hero-bg-pos-mobile:60% 10%; }
  .riedt-hero-beschlaege{ --hero-bg-pos-mobile:56% 22%; }
  .riedt-hero-verfuegbarkeit{ --hero-bg-pos-mobile:58% 18%; }
  .riedt-hero-hausmesse{ --hero-bg-pos-mobile:50% 14%; }
  .riedt-hero-geschichte{ --hero-bg-pos-mobile:56% 14%; }

  .mcb-section.riedt-hero-text-first > .section_wrapper,
  .riedt-hero-text-first > .section_wrapper,
  .mcb-section.riedt-hero-text-first-tight > .section_wrapper,
  .riedt-hero-text-first-tight > .section_wrapper{
    min-height:auto !important;
    padding:14px var(--riedt-gutter-mobile) var(--sp-5) !important;
    text-align:center !important;
  }

  .mcb-section.riedt-section-jumplinks .section_wrapper,
  .mcb-section.riedt-section-content .section_wrapper{
    padding-inline:var(--riedt-gutter-mobile) !important;
  }

  .riedt-hero-copy{
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    margin-inline:auto !important;
  }

  :is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .riedt-hero-copy,
  .mcb-section:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .riedt-hero-copy{
    width:min(100%,500px) !important;
    max-width:min(100%,500px) !important;
    margin:0 auto !important;
    padding:16px 16px 20px !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid rgba(221,227,234,.72) !important;
    border-radius:18px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
  }

  .mcb-section.riedt-hero-text-first .riedt-hero-copy,
  .riedt-hero-text-first .riedt-hero-copy,
  .mcb-section.riedt-hero-text-first-tight .riedt-hero-copy,
  .riedt-hero-text-first-tight .riedt-hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  .riedt-hero-kicker,
  .riedt-kicker,
  p.riedt-hero-kicker,
  p.riedt-kicker{
    display:block !important;
    width:100% !important;
    margin:0 0 8px !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    text-align:center !important;
  }

  .riedt-hero-copy h1{
    margin-bottom:12px !important;
    font-size:clamp(22px,7.4vw,32px) !important;
    line-height:1.05 !important;
    max-width:none !important;
  }

  .riedt-hero-text,
  .riedt-hero-lead,
  .riedt-hero-claim{
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:100% !important;
  }

  .riedt-hero-copy ul,
  .riedt-hero-copy ol,
  .riedt-block ul,
  .riedt-block ol,
  .riedt-card ul,
  .riedt-card ol,
  .riedt-contact-card ul,
  .riedt-contact-card ol,
  .riedt-page-intro ul,
  .riedt-page-intro ol{
    display:inline-block !important;
    text-align:left !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .riedt-hero-points{
    margin:12px auto 0 !important;
    padding-left:20px !important;
    max-width:29rem !important;
  }

  .riedt-hero-actions{
    margin-top:16px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    text-align:center !important;
  }

  .riedt-hero-actions .riedt-btn,
  .riedt-hero-actions .riedt-btn-primary,
  .riedt-hero-actions .riedt-btn--primary{
    width:min(100%,340px) !important;
    min-height:44px !important;
    justify-content:center !important;
    font-size:14px !important;
    margin-inline:auto !important;
  }

  .riedt-jumplinks{
    gap:20px !important;
    padding:22px 16px !important;
    border-radius:20px !important;
    text-align:center !important;
  }

  .riedt-jumplinks-list,
  .riedt-jumplinks ul,
  .riedt-jumplinks ol{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  .riedt-jumplinks-list li,
  .riedt-jumplinks ul li,
  .riedt-jumplinks ol li{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  .riedt-jumplinks-list a,
  .riedt-jumplinks a{
    display:flex !important;
    width:min(100%,360px) !important;
    min-height:48px !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    padding:11px 20px !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  .riedt-jumplinks-list a span,
  .riedt-jumplinks a span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }

  .riedt-block,
  .riedt-card,
  .riedt-icon-card,
  .riedt-contact-card,
  .riedt-form-panel,
  .riedt-page-intro{
    text-align:center !important;
  }

  .riedt-block,
  .riedt-page-intro{
    padding:22px 18px !important;
  }

  .riedt-card,
  .riedt-icon-card,
  .riedt-contact-card,
  .riedt-step-card,
  .riedt-form-panel{
    padding:22px 18px !important;
  }

  .riedt-icon-card{
    justify-items:center !important;
  }

  .riedt-icon-card__icon{
    justify-content:center !important;
    align-items:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .riedt-icon-card__icon svg,
  .riedt-icon-card__icon img{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .riedt-map-embed iframe{
    min-height:320px !important;
  }

  #Footer .widgets_wrapper .container,
  #Footer .footer_copy .container{
    padding-inline:var(--riedt-gutter-mobile) !important;
  }

  #Footer,
  #Footer .widgets_wrapper,
  #Footer .footer_copy,
  #Footer .footer_copy .one,
  #Footer .footer_copy .copyright,
  #Footer .riedt-subfooter-center,
  #Footer .riedt-subfooter-copy,
  #Footer .column,
  #Footer .column_attr,
  #Footer .widget,
  #Footer .menu{
    text-align:center !important;
    justify-items:center !important;
  }

  #Footer .footer_copy .one,
  #Footer .footer_copy .copyright,
  #Footer .column,
  #Footer .widget{
    float:none !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

}
/* =========================================================
   15) REDUCED MOTION
========================================================= */
@layer utilities {
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

}

/* =========================================================
   16) HERO CTA WIDTH
========================================================= */
@layer utilities {
:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .riedt-hero-actions .riedt-btn,
:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .riedt-hero-actions .riedt-btn-primary,
:is(.riedt-section-hero,.riedt-hero-sicherheit,.riedt-hero-beschlaege,.riedt-hero-verfuegbarkeit,.riedt-hero-hausmesse,.riedt-hero-geschichte) .riedt-hero-actions .riedt-btn--primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:44px !important;
  padding:9px 18px !important;
  font-size:15px !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:normal !important;
}

}

/* =========================================================
   17) CTA SPACING
========================================================= */
@layer utilities {
#vergleich .riedt-icon-cards-grid + p,
.riedt-icon-cards-grid + p{
  margin-top:32px !important;
  text-align:center !important;
}

#vergleich .riedt-icon-cards-grid + p .riedt-btn,
#vergleich .riedt-icon-cards-grid + p .riedt-btn-primary,
#vergleich .riedt-icon-cards-grid + p .riedt-btn--primary,
.riedt-icon-cards-grid + p .riedt-btn,
.riedt-icon-cards-grid + p .riedt-btn-primary,
.riedt-icon-cards-grid + p .riedt-btn--primary{
  margin-inline:auto !important;
}

@media (max-width:767px){
  #vergleich .riedt-icon-cards-grid + p,
  .riedt-icon-cards-grid + p{
    margin-top:24px !important;
  }
}
}


/* =========================================================
   18) SYSTEMBEREINIGUNG
========================================================= */
/* =========================================================
   19) MOBILE NAVIGATION FALLBACK
========================================================= */
@layer components {
.riedt-mobile-toggle,
.riedt-mobile-drawer,
.riedt-mobile-backdrop{
  display:none !important;
}

@media (max-width:767px){
  .riedt-mobile-toggle{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:44px !important;
    height:44px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    z-index:100001 !important;
    cursor:pointer !important;
  }

  .riedt-mobile-toggle span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    background:var(--riedt-anth) !important;
    border-radius:2px !important;
  }

  .riedt-mobile-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(15,23,42,.35) !important;
    z-index:100000 !important;
  }

  .riedt-mobile-drawer{
    position:fixed !important;
    top:0 !important;
    right:-100% !important;
    width:min(86vw,360px) !important;
    height:100dvh !important;
    display:block !important;
    background:var(--white) !important;
    box-shadow:-8px 0 30px rgba(15,23,42,.14) !important;
    z-index:100001 !important;
    overflow-y:auto !important;
    transition:right 280ms var(--ease) !important;
  }

  body.riedt-mobile-nav-open .riedt-mobile-drawer{
    right:0 !important;
  }

  body.riedt-mobile-nav-open{
    overflow:hidden !important;
  }

  .riedt-mobile-drawer-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:16px 18px !important;
    border-bottom:1px solid var(--border) !important;
    color:var(--riedt-anth) !important;
    font-weight:700 !important;
  }

  .riedt-mobile-close{
    width:40px !important;
    height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--riedt-anth) !important;
    font-size:30px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .riedt-mobile-nav,
  .riedt-mobile-menu-list{
    width:100% !important;
  }

  .riedt-mobile-nav ul,
  .riedt-mobile-menu-list,
  .riedt-mobile-menu-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .riedt-mobile-nav > ul > li,
  .riedt-mobile-menu-list > li{
    position:relative !important;
    border-bottom:1px solid var(--border) !important;
  }

  .riedt-mobile-nav a,
  .riedt-mobile-menu-list a{
    display:block !important;
    min-height:44px !important;
    padding:15px 18px !important;
    color:var(--riedt-anth) !important;
    font-weight:600 !important;
    text-decoration:none !important;
  }

  .riedt-mobile-nav .menu-item-has-children,
  .riedt-mobile-menu-list .menu-item-has-children{
    position:relative !important;
  }

  .riedt-mobile-subtoggle{
    position:absolute !important;
    top:8px !important;
    right:10px !important;
    width:36px !important;
    height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--digital-blue) !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .riedt-mobile-nav .sub-menu,
  .riedt-mobile-menu-list .sub-menu{
    display:none !important;
    background:var(--surface) !important;
    padding-left:12px !important;
  }

  .riedt-mobile-nav .menu-item-has-children.is-open > .sub-menu,
  .riedt-mobile-menu-list .menu-item-has-children.is-open > .sub-menu{
    display:block !important;
  }
}
}
/* =========================================================
   XX) HIDE MESSEANGEBOTE FOR PUBLIC
========================================================= */
@layer utilities {
  #messeangebote{
    display:none !important;
  }

  body.logged-in #messeangebote{
    display:block !important;
  }
.riedt-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(390px, 450px);
  gap: clamp(4.5rem, 7vw, 8rem);
  align-items: start;
}

.riedt-hero-copy {
  min-width: 0;
  max-width: 760px;
}

.riedt-hero-stoerer {
  min-width: 0;
  width: 100%;
  max-width: 450px;
  justify-self: end;
  align-self: start;
  margin-top: 0.5rem;
  padding: 1.35rem 1.35rem 1.45rem;
  border: 1px solid rgba(0, 105, 148, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

.riedt-hero-stoerer-kicker {
  margin: 0 0 0.45rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #006994;
}

.riedt-hero-stoerer h2 {
  margin: 0 0 0.75rem;
  font-size: 2rem;
  line-height: 1.08;
  color: #1e1d1e;
}

.riedt-hero-stoerer-text {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.55;
  color: #4a5560;
}

.riedt-countdown {
  margin: 0 0 1.1rem;
  padding-top: 0.35rem;
}

.riedt-countdown-label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #006994;
}

.riedt-countdown-time {
  display: block;
  font-size: 1.08rem;
  font-weight: 700;
  color: #1e1d1e;
}

@media (max-width: 1200px) {
  .riedt-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 3rem;
  }

  .riedt-hero-stoerer {
    max-width: 380px;
    margin-top: 1rem;
  }

  .riedt-hero-stoerer h2 {
    font-size: 1.6rem;
  }
}

@media (max-width: 991px) {
  .riedt-hero-inner {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .riedt-hero-stoerer {
    justify-self: stretch;
    max-width: 100%;
    margin-top: 0;
  }

  .riedt-hero-stoerer h2 {
    font-size: 1.45rem;
  }
}