@import url('hotfix-utilities.css');
@import url('boxgrid.css');

/* ===================== Design Tokens ===================== */
:root {
  --cassiopeia-color-primary: #627E12;
  /* barrierefreie Version von #779816 */
  --cassiopeia-color-link: #627E12;
  --header-background-color:
    #ffffff;
  --link-color: #627E12;
  --link-color-rgb: 119, 152, 22;
  --cassiopeia-color-hover: #007cc2;
  --link-hover-color: #007cc2;
  --link-hover-color-rgb: 66, 64, 119;
  --link-hover-mainmenu-color: #ffffff;
  --body-bg: #f7ffde;
  --body-font-size: 1.1rem;
  --text-color-weiss:
    #ffffff;
  /* Tabellen */
  --tbl-border: #e5e9ef;
  --tbl-bg: #fff;
  --tbl-head-bg: #f8f9fa;
  --tbl-hover: #f4f6f9;
  --tbl-radius: 6px;
  --tbl-pad:
    .6rem .8rem;
  /* KWB Grün alias */
  --kwb: #627E12;
}

/* ===================== Base ===================== */
html,
body {
  background-color:
    #f7ffde;
  font-family: 'Delicious';
  overflow-x: hidden;
}

body.kwb__startseite {
  margin: 0;
  padding: 0;
  width: 100vw;
  max-width: 100%;
  margin-left: 0;
}

.container-component>*+* {
  margin-right: 0;
}

/* ===================== Focus Styles ===================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #FFD700;
  outline-offset: 1px;
}

/* Einheitlich für echte interaktive Elemente */
:where(a[href], button, input, select, textarea, summary,
  [role="button"], [role="link"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid #FFD700;
  outline-offset: 1px;
  box-shadow: 0 0 0 3px #FFD700;
  border-radius: .375rem;
}

/* Sicherheitsnetz: niemals global Focus komplett entfernen */
*:focus {
  outline-color: inherit;
}

.ra4-link,
.ra3-link,
.ra2-link,
.ra1-link {
  position: relative;
  display: block;
}

/* ===================== Fonts
===================== */
@font-face {
  font-family: 'Delicious';
  src: url('../fonts/DeliciousLB.woff2') format('woff2'),
    url('../fonts/DeliciousLB.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Delicious', sans-serif;
  font-weight: 600;
  color: #627E12;
  text-transform: uppercase;
}

summary span.h3,
summary span.h4,
summary h2.h4 {
  color: #ffffff;
}

b,
strong,
.strong {
  font-family: 'Delicious', var(--designFont-0);
  font-weight:
    800;
}

.normal {
  font-weight: 500;
}

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

.center {
  text-align: center;
}

/*
===================== Header / Grundlayout ===================== */
header.container-header {
  background: #fff;
}

.header.container-header {
  position: relative;
  z-index: 200000;
}

.container-header .mod-menu>li+li {
  margin-left: 0;
}

.container-header .grid-child {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
}

.container-header .grid-child.bgcolor {
  background-color: #627E12;
}

.container-header .navbar-brand {
  width: 78%;
  margin-inline-end: auto;
  padding: 0;
  position: relative;
  left: 0;
}

.navbar-brand .brand-logo img {
  width: 50%;
  max-width: 270px;
  min-width: 200px;
  height: auto;
}

.container-header .suche {
  display: inline-block;
  position: relative;
  text-align: right;
  top: 0;
}

.container-header .suche .form-control {
  width: 100%;
  color: #627E12;
  appearance: none;
  background: #fff;
  border: 5px solid #627E12;
  border-radius: 5px;
  background-clip: padding-box;
  padding: .2rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
}

.container-header .suche .finder {
  padding: 5px 5px 5px 10px;
}

.suche input::placeholder {
  color: transparent;
}

.container-header .container-search {
  margin-top: 0 !important;
  margin-right: .5rem !important;
  background: #627E12;
  border-radius: 5px;
}

.container-header .socialicon {
  display:
    inline-block;
  width: auto;
  margin-inline-end: auto;
  padding: 0;
  position: relative;
  top: 8px;
  right: 0;
}

.socialicon ul {
  display: flex;
}

.socialicon ul li {
  list-style: none;
  padding: 0 0 0 5px;
  min-width: 40px;
  max-width: 50px;
}

.socialicon ul li.liste-suche {
  max-width:
    80px;
}

.socialicon ul li img {
  width: 80%;
}

.container-header .container-nav {
  display: block;
  align-items: center;
  gap: 1rem;
  padding:
    .5rem 0;
}

.grid-child.container-nav {
  position: static;
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
  justify-self: center;
}

.container-header nav {
  margin-top: 0;
  padding: 0;
}

.container-header nav .mod-list li {
  padding: .25em .5rem;
  hyphens: auto;
}

/*
Top-Level Link-Optik (entnestet) */
.kwb-mainnav .mod-menu>li>a,
.kwb-mainnav .mod-menu>li>span {
  color: var(--link-color);
  text-transform:
    uppercase;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .75rem .25rem;
}

.kwb-mainnav .mod-menu>li>a:hover,
.kwb-mainnav .mod-menu>li>a:active {
  color: var(--link-hover-mainmenu-color);
  font-weight: 700;
}

.kwb-mainnav .mod-list li.active>a {
  text-decoration:
    none;
  font-weight: 700 !important;
}

.kwb-mainnav .mod-menu>li+li {
  margin-left: 0;
}

.kwb-mainnav .mod-menu>li:after {
  opacity: 1;
  bottom:
    10px;
}

/* ===================== Breadcrumb ===================== */
.breadcrumb,
.mod-breadcrumbs.breadcrumb.kwb.px-3.py-2 {
  background-color: transparent !important;
  padding: 0px !important;
}

.mod-breadcrumbs__item.breadcrumb-item.active {
  color: #627E12;
  font-weight: 500;
}

/*
===================== Header Responsive ===================== */
@media (max-width: 1420px) {
  .container-header .navbar-brand {
    width: 77%;
  }
}

@media (max-width: 1395px) {
  .container-header .navbar-brand {
    width: 76%;
  }
}

@media (max-width: 1360px) {
  .container-header .navbar-brand {
    width: 75%;
  }
}

@media (max-width: 1319px) {
  .container-header .navbar-brand {
    padding: 0 0 0 20px
  }
}

@media (max-width: 1280px) {
  .container-header .navbar-brand {
    width: 45%;
    left: 10px;
    right: 10px;
  }

  .container-header .suche {
    top: 6px;
  }

  .container-header .socialicon {
    display: inline-block;
    width: auto;
    padding: 1rem;
    position: absolute;
    top: 26px;
    right: 35px;
  }
}

/*
@media (max-width: 1180px) {
  .mega--full .mega__bar {
    gap: 44px;
  }
}

@media (max-width: 1120px) {
  .mega--full .mega__bar {
    gap: 40px;
  }
}

@media (max-width: 1100px) {
  .mega--full .mega__bar {
    gap: 36px;
  }
}

@media (max-width: 1060px) {
  .mega--full .mega__bar {
    gap: 30px;
  }
}*/

@media (max-width: 1024px) {
  .container-header .grid-child.bgcolor {
    background-color: transparent;
    height: 0;
  }

  .container-header .navbar-brand {
    width: 35.5%;
    left:
      10px;
  }

  .container-header .suche {
    top: 6px;
  }

  .container-header .socialicon {
    display: inline-block;
    width: auto;
    padding: 1rem;
    position:
      absolute;
    top: 75px;
    right: 0;
  }

  .grid-child.container-nav {
    padding: 4em 0 3em 0;
  }
}

@media (max-width: 768px) {
  .container-header .grid-child.bgcolor {
    background-color: #627E12;
  }

  .container-header .navbar-brand {
    width: 35.4%;
    left: 10px;
  }

  .navbar-brand .brand-logo img {
    width: 100%;
    max-width: 250px;
    min-width: 200px;
    height: auto;
  }

  .container-header .socialicon {
    top: 80px;
    right: -5px;
  }

  .socialicon ul li {
    min-width: 40px;
    max-width: 45px;
  }
}

@media (max-width: 600px) {
  header.container-header {
    height: 220px;
  }

  .grid-child.container-nav {
    position: static;
    margin: 0 auto;
    max-width: 100%;
    justify-self: center;
    padding: 4em 0 3em 0;
  }

  .container-header .navbar-brand {
    width: 100%;
    text-align: center;
    top: -10px;
    left: 0;
    right: 0;
  }

  .navbar-brand .brand-logo img {
    width:
      100%;
    max-width: 220px;
    min-width: 200px;
    height: auto;
  }

  .container-header .socialicon {
    top: 135px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .container-header .socialicon ul {
    padding: 0;
  }

  .container-header .suche {
    top: 2px;
    left: 90px;
  }

  .container-header .grid-child.bgcolor {
    background-color: transparent;
  }
}

/* ===================== Hamburger Menü ===================== */
.kwb-nav-toggle {
  display: none;
  position: relative;
  width: 44px;
  height: 36px;
  border: 1px solid #0F2646;
  border-radius: 8px;
  background:
    transparent;
  cursor: pointer;
}

.kwb-nav-toggle span {
  position: absolute;
  left: 8px;
  right: 8px;
  height: 3px;
  background: #0F2646;
  border-radius: 2px;
  transition: transform .25s, top .25s, opacity .2s;
}

.kwb-nav-toggle span:nth-child(1) {
  top: 9px;
}

.kwb-nav-toggle span:nth-child(2) {
  top: 16px;
}

.kwb-nav-toggle span:nth-child(3) {
  top: 23px;
}

html.is-nav-open .kwb-nav-toggle span:nth-child(1) {
  top:
    16px;
  transform: rotate(45deg);
}

html.is-nav-open .kwb-nav-toggle span:nth-child(2) {
  opacity: 0;
}

html.is-nav-open .kwb-nav-toggle span:nth-child(3) {
  top: 16px;
  transform: rotate(-45deg);
}

/* ===== Mobil/Tablet Overlay ===== */
@media (max-width: 1024.98px) {
  .kwb-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 200001;
    float: right;
  }

  .kwb-mainnav {
    display: none;
  }

  html.is-nav-open .kwb-mainnav {
    display: flex !important;
    position: relative;
    inset: 0;
    z-index: 200000;
    background:
      rgba(15, 38, 70, .7);
    align-items: flex-start;
    justify-content: stretch;
    top: 200px;
  }

  .kwb-mainnav>.mod-menu,
  .kwb-mainnav>ul.mod-menu,
  .kwb-mainnav>[class*="mod-menu"] {
    display: block;
    margin: 0;
    padding: 1rem 1rem 2rem;
    width: min(92vw, 420px);
    max-height: 100vh;
    overflow:
      auto;
    background: #627E12;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .25);
  }

  .kwb-mainnav .mod-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .kwb-mainnav .mod-menu>li {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
  }

  /* Weißer Linktext auf grünem Panel für Kontrast */
  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    display: block;
    padding: 14px 12px;
    font: 400 19px/1.2 'Delicious', system-ui, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
  }

  .kwb-mainnav .mod-menu .parent>ul {
    display: none;
  }

  .kwb-mainnav .mod-menu>li:focus-within>ul {
    display: block;
  }

  .kwb-nav-toggle {
    right: 3%;
    border: 1px solid #ffffff;
  }

  .kwb-nav-toggle span {
    background: #ffffff;
  }
}

@media (max-width: 600px) {
  .kwb-nav-toggle {
    right: 3%;
    border: 1px solid #627E12;
  }

  .kwb-nav-toggle span {
    background: #627E12;
  }
}

/* ===== Desktop Dropdowns ===== */
@media (min-width: 1025px) {
  .kwb-nav-toggle {
    display: none !important;
  }

  .kwb-mainnav {
    display: block;
  }

  .kwb-mainnav>.mod-menu,
  .kwb-mainnav>ul.mod-menu,
  .kwb-mainnav>[class*="mod-menu"] {
    display: flex;
    gap:
      1.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .kwb-mainnav .mod-menu>li {
    position: relative;
  }

  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    display: inline-block;
    padding: .75rem .01rem;
    font: 400 1em/1 'Delicious', system-ui, sans-serif;
    text-transform: uppercase;
    color: #627E12;
    text-decoration: none;
  }

  .kwb-mainnav .mod-menu>li>a:hover {
    color: #424077;
  }

  .kwb-mainnav .mod-menu .parent>ul {
    display: none;
  }

  .kwb-mainnav .mod-menu>li:hover>.mod-menu__sub,
  .kwb-mainnav .mod-menu>li:focus-within>.mod-menu__sub {
    display: block;
  }

  .kwb-mainnav .mod-menu>li>.mod-menu__sub {
    position: absolute;
    left: 0;
    top:
      100%;
    min-width: 260px;
    margin: .25rem 0 0;
    padding: .4rem;
    background: #fff;
    border-radius: 6px;
    display: none;
    z-index: 200000;
  }

  .kwb-mainnav .mod-menu__sub {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }

  .kwb-mainnav .mod-menu__sub li {
    margin: 0 0 .35rem;
  }

  .kwb-mainnav .mod-menu__sub a {
    display: block;
    padding: .55rem .6rem;
    font: 300 16px/1.2 'Delicious', system-ui, sans-serif;
    text-transform: uppercase;
    color: #0F2646;
    background: #fff;
    text-decoration: none;
  }

  .kwb-mainnav .mod-menu__sub a:hover {
    background:
      #eee;
    color: #627E12;
  }
}

/* ===== Multi-Level Desktop ===== */
@media (min-width: 1025px) {
  .kwb-mainnav .mod-menu li {
    position: relative;
  }

  .kwb-mainnav .mod-menu li>.mod-menu__sub {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 200px;
    margin: 0;
    padding:
      .4rem;
    background: #fff;
    border-radius: 0;
    display: none;
    z-index: 200000;
    list-style: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  }

  .kwb-mainnav .mod-menu li:hover>.mod-menu__sub,
  .kwb-mainnav .mod-menu li:focus-within>.mod-menu__sub {
    display: block;
  }

  .kwb-mainnav .mod-menu li .mod-menu__sub .mod-menu__sub {
    top: 0;
    left: 100%;
    margin-left: -1rem;
  }

  .kwb-mainnav .mod-menu__sub li {
    margin: 0 0 .35rem;
  }

  .kwb-mainnav .mod-menu__sub a {
    display: block;
    padding: .55rem .6rem;
    font: 300 16px/1.2 'Delicious', system-ui, sans-serif;
    text-transform: uppercase;
    color: #0F2646;
    background: #fff;
    text-decoration: none;
  }

  .kwb-mainnav .mod-menu__sub a:hover {
    background:
      #eee;
    color: #627E12;
  }
}

/* ===== Multi-Level Mobil: sichtbar & eingerückt ===== */
@media (max-width: 1024.98px) {
  .kwb-mainnav .mod-menu li>.mod-menu__sub {
    position: static;
    display: block;
    margin: 0;
    padding: .25rem 0 0 .75rem;
    border: 0;
    border-radius: 0;
    background:
      #ffffff;
  }

  .kwb-mainnav .mod-menu .mod-menu__sub .mod-menu__sub {
    padding-left: .75rem;
  }

  .kwb-mainnav .mod-menu .parent>ul {
    display: none;
  }

  .kwb-mainnav .mod-menu li.kwb-m-open>ul {
    display: block;
  }

  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    position:
      relative;
    padding-right: 40px;
  }

  .kwb-mainnav .mod-menu>li.parent>a::after,
  .kwb-mainnav .mod-menu>li.parent>span::after {
    content: "+";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #ffffff;
  }

  .kwb-mainnav .mod-menu>li.kwb-m-open>a::after,
  .kwb-mainnav .mod-menu>li.kwb-m-open>span::after {
    content: "–";
  }
}

/* Breakpoints Feintuning */
@media (min-width: 1024.98px) {
  .container-header .grid-child {
    display: block;
  }
}

@media (min-width: 1439.8px) {
  .container-header .container-nav {
    display: block;
  }

  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    font-size: 1.15em;
  }

  .container-header .mod-menu>li+li {
    margin-left: 0;
  }
}

@media (min-width: 1679.98px) {

  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    font-size: 1.25em;
  }
}

@media (min-width: 1919.98px) {

  .kwb-mainnav .mod-menu>li>a,
  .kwb-mainnav .mod-menu>li>span {
    font-size: 1.35em;
  }
}

/*
===================== Banner Container (Cassiopeia Grid) Slider ===================== */
/* Fullwidth-Hack neutralisiert – Nutzung von
full-start/full-end */
.site-grid>.container-banner.full-width {
  grid-column: full-start / full-end !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.site-grid>.container-banner.boxed-1320 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin: 10px 0 -50px 0;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
  justify-self:
    center !important;
  box-sizing: border-box;
}

.site-grid>.container-banner.boxed-1320 #kwb-slider {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

.site-grid>.container-banner.boxed-1320 *[style*="100vw"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* ===================== Beiträge – Layout Aktuelles ===================== */
.com-content-article .fields-container {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(12px, 2vw, 20px);
}

@media (min-width: 900px) {
  .com-content-article .fields-container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    grid-template-areas: "image text" "caption text"; align-items: start!important; 
  } 
} 

@media (max-width: 899.98px) { 
  .com-content-article .fields-container { 
    grid-template-columns: 1fr!important;;
    grid-template-areas: "image" "caption" "text"!important;
  }
}

.com-content-article .field-entry.beitragsbild-bdg {
  grid-area: image;
}

.com-content-article .field-entry.beitragstext {
  grid-area: text;
}

.com-content-article .field-entry.alternativtext,
.com-content-article .field-label {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.com-content-article .field-entry.beitragsbild-bdg .field-value img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.com-content-article .field-entry.bildunterschrift {
  grid-area: caption;
  width: 100%;
  margin-top: -10px;
  padding: 20px;
  background: #627E12;
}

.com-content-article .field-entry.bildunterschrift .field-value {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
}

.com-content-article .field-entry.beitragstext .field-value p {
  margin: 0 0 1rem;
}

.com-content-article .field-entry.beitragstext .field-value a {
  text-underline-offset: .15em;
}

@media (min-width: 990px) {
  .com-content-article .field-entry.bildunterschrift {
    width: 39.5%;
    position: absolute;
    top: 490px;
  }
}

/* ===================== Timeline
(/wir/entwicklung) ===================== */
.vtl {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.vtl-row {
  display: grid;
  grid-template-columns: 6ch 40px 1fr;
  align-items: start;
  gap: 1rem;
}

.vtl-year {
  align-self: start;
  text-align:
    right;
  font-weight: 700;
  color: #0f2646;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-top: .1em;
}

.vtl-track {
  position: relative;
  display:
    flex;
  justify-content: center;
  align-self: stretch;
}

.vtl-track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #c7d2e0;
  left: 50%;
  transform: translateX(-50%);
}

.vtl-track::after {
  content: "";
  position: absolute;
  left: 50%;
  transform:
    translate(-50%, 0);
  top: var(--dot-offset, .35em);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0f2646;
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px #0f2646;
}

.vtl-content {
  display: grid;
  grid-template-columns: minmax(220px, 32%) 1fr;
  gap: 1rem;
  align-items:
    start;
  padding-bottom: 1rem;
}

.vtl-media {
  margin: 0;
}

.vtl-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.vtl-text h3 {
  margin: 0;
  font-size: 1.1rem;
  color: #0f2646;
}

.vtl-text p {
  margin: .25rem 0 0;
  color: #000000;
  line-height: 1.5;
}

@media (max-width: 800px) {
  .vtl-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .vtl-row {
    grid-template-columns: 4ch 30px 1fr;
  }

  .vtl-year {
    font-size: 1rem;
  }
}

/* ===================== Lightbox (ohne JS) ===================== */
.dw-thumb img {
  width: 100%;
  height: auto;
  cursor: zoom-in;
}

.dw-lb,
.dw-2b,
.dw-3b {
  position: fixed;
  inset: 0;
  display: none;
  background:
    rgba(0, 0, 0, .85);
  padding: 16px;
  z-index: 9999;
}

#dw-lb:target,
#dw-2b:target,
#dw-3b:target {
  display: grid;
  place-items: center;
}

.dw-lb .close,
.dw-2b .close,
.dw-3b .close {
  position: fixed;
  inset: 0;
  display: block;
  z-index: 1;
}

.dw-lb img,
.dw-2b img,
.dw-3b img {
  position: relative;
  z-index: 2;
  display: block;
  cursor: zoom-out;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  object-fit:
    contain;
}

/* ===================== Responsive Videos ===================== */
.video-block {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  margin: 1rem 0;
  background: #000;
  overflow: hidden;
}

.video-block iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height:
    100%;
  display: block;
}

/* ===================== Details/Summary Accordion (ra4-cards) ===================== */
details {
  background:
    #ffffff;
  margin-bottom: 10px;
  border-radius: 0;
  /*border: 1px solid #627E12;*/
}

nav details.mega__hamburger {
  border: 0;
}

nav details.mega__hamburger details {
  background: #627E12;
  margin-bottom: 10px;
  border-radius: 0;
  border: 1px solid #627E12;
}

.btn {
  text-align: left;
}

summary h2,
summary h2.h3,
summary.btn h2,
summary h3,
summary h3.h4,
summary.btn h3 {
  color: #ffffff;
}

/* Marker
entfernen (WebKit) */
summary::-webkit-details-marker {
  display: none;
}

summary,
summary.btn {
  display: flex;
  justify-content:
    space-between;
  align-items: center;
  cursor: pointer;
  background: #627E12;
  border-radius: 0;
  color: #ffffff;
}

summary:hover,
summary.btn:hover {
  background: #007cc2;
  color: #ffffff;
}

summary:focus,
summary.btn:focus {
  color: #ffffff;
}

summary.btn:focus,
summary h3:focus,
summary h3.h4:focus,
summary.btn h3:focus {
  outline: 5px solid #FFD700;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #FFD700;
  border-radius: .85rem;
}

summary::after {
  content: "▾";
  padding: 0 10px;
  font-size: 2rem;
  color: #ffffff;
  transition: transform .2s ease;
  speak: none;
  unicode-bidi: isolate;
  aria-hidden: true;
  /* Screenreader-Hinweis: bitte NICHT lesen */
  speak: none;
  unicode-bidi: isolate;
}

summary.btn::after {
  content: "▸";
  font-size: 2rem;
  color: #ffffff;
  transition: transform .2s ease;
  /* Screenreader-Hinweis: bitte NICHT
lesen */
  speak: none;
  unicode-bidi: isolate;
}

details[open] summary::after,
details[open] summary.btn::after {
  transform: rotate(180deg);
}

/* ===================== Phoca Maps / Standortliste ===================== */
.phocaMap {
  margin-bottom: 1rem;
  border-radius: 12px;
  border:
    0;
}

.phocamaps-box-border-grey .phocamaps-map {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.leaflet-control a:focus {
  outline: 2px solid var(--kwb);
  outline-offset: 2px;
}

.standort-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:
    14px;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.standort-card {
  position: relative;
  background: #fff;
  border-top: 1px solid var(--kwb);
  border-radius: 0;
  padding: 14px 16px 12px 44px;
  min-height: 84px;
}

.standort-card::before {
  content: "📍";
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 20px;
  line-height: 1;
}

.standort-name {
  display: block;
  font-weight: 700;
  margin-bottom: 2px;
}

.standort-adresse {
  display: block;
  font-size: .95rem;
  color: #3b4656;
}

.standort-link {
  display: inline-block;
  margin-top: 8px;
  font-size:
    .93rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.standort-link:focus,
.standort-link:hover {
  color: var(--kwb);
  border-bottom-color: var(--kwb);
  outline: 2px solid transparent;
}

/* ===================== Tabellen (responsive) ===================== */
.c-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--tbl-bg);
  margin-top: 1rem;
}

.c-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 1.1rem;
}

.c-table__caption {
  text-align: left;
  font-weight: 600;
  margin: .5rem .9rem;
  color: #001f3f;
}

.c-table th,
.c-table td {
  padding: var(--tbl-pad);
  border-bottom: 1px solid var(--tbl-border);
  text-align: left;
  vertical-align: top;
}

.c-table thead th {
  font-weight: 600;
  background: var(--tbl-head-bg);
}

.c-table thead th.width-5 {
  width: 5%;
}

.c-table thead th.width-10 {
  width: 10%;
}

.c-table thead th.width-20 {
  width: 20%;
}

.c-table thead th.width-30 {
  width: 30%;
}

.c-table thead th.width-40 {
  width: 40%;
}

.c-table thead th.width-50 {
  width: 50%;
}

.c-table tbody tr:hover {
  background: var(--tbl-hover);
}

/*
Desktop Sticky Header/Col */
@media (min-width: 901px) {
  .c-table thead th {
    position: sticky;
    top: 0;
    background: var(--tbl-head-bg);
    z-index: 2;
  }

  .c-table.is-sticky-col-1 th[scope="row"],
  .c-table.is-sticky-col-1 td:first-child,
  .c-table.is-sticky-col-1 thead th:first-child {
    position: sticky;
    left: 0;
    background: var(--tbl-bg);
    z-index: 1;
  }
}

/* Mobile Card-Ansicht mit Badges */
@media (max-width: 640px) {

  .c-table,
  .c-table thead,
  .c-table tbody,
  .c-table th,
  .c-table td,
  .c-table tr {
    display: block;
  }

  .c-table thead {
    display: none;
  }

  .c-table tr {
    border: 1px solid #e5e9ef;
    border-radius: 6px;
    padding: .5rem .8rem 1.5rem .8rem;
    margin: .75rem 0;
    background: #fff;
  }

  .c-table th[scope="row"] {
    display: block;
    font-weight: 700;
    border: 0;
    padding: .6rem .8rem;
  }

  .c-table td {
    position:
      relative;
    border: 0;
    padding: .6rem .8rem .6rem 50%;
    white-space: normal;
    min-height: 2.2rem;
    hyphens: auto;
  }

  .c-table td:not([data-label])::before {
    content: none;
  }

  .c-table td::before {
    content: attr(data-label);
    position: absolute;
    left: .8rem;
    top:
      .6rem;
    width: calc(50% - 1.6rem);
    display: block;
    background: #627E12;
    color: #fff;
    padding: .15rem .4rem;
    border-radius: 4px;
    font-weight:
      600;
    line-height: 1.2;
    white-space: normal;
  }
}

/* Print */
@media print {

  .c-table,
  .c-table thead,
  .c-table tbody,
  .c-table th,
  .c-table td,
  .c-table tr {
    display: table;
  }

  .c-table thead {
    display: table-header-group;
  }
}

/* Farbliche Kopfzeilen */
.c-table thead th {
  background: #627E12;
  color: #fff;
}

/* ===================== Cassiopeia-Grid: Mobil / Tablet ===================== */
@media (max-width: 1024px) {

  /* Header & Banner im Grid vollflächig */
  .site-grid>.container-header,
  .site-grid>.container-banner {
    grid-column: full-start / full-end !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width:
      100% !important;
    box-sizing: border-box;
  }

  /* Gaps im Grid entfernen */
  body.wrapper-fluid .site-grid,
  .site-grid {
    grid-gap: 0 !important;
  }

  /* Innenabstand für Content-Container */
  .site-grid>div:not(.container-banner):not(.container-header) {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }
}

/* ============================================= 
   Joomla Accessibility Toolbar neu positionieren 
   ============================================== */
/* Joomla 6 – Accessibility Icon mit eigenem Bild (WebP) */

._access-icon {
  position: fixed !important;
  /* Position (anpassen, wenn du willst) */
  top: 42px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  /* Kreis */
  width: 39px !important;
  height: 39px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 2px #fff solid;
  overflow: hidden !important;
  /* Optik
*/
  background-color: #627E12 !important;
  background-image: url('/images/02-icon/barrierefreiheit.webp') !important;
  background-repeat:
    no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  /* alles “3D” raus */
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
  /* Text/Glyph ausblenden */
  color:
    transparent !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  line-height: 1 !important;
  z-index: 999999 !important;
  opacity:
    1 !important;
}

/* Hover/Focus */
._access-icon:hover {
  filter: brightness(1.05) !important;
}

._access-icon:focus,
._access-icon:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
}

@media (max-width: 1360px) {
  ._access-icon {
    top: 42px !important;
    right: 9px !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (max-width: 1024px) {
  ._access-icon {
    top: 9px !important;
    right: auto !important;
    bottom: auto !important;
    left: 16px !important;
  }
}

/*
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow:
    hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}*/


/* ========================================================
   Styles zu Formularen die mit Convertfpom erstellt wurden
   ===================================================== */

.com-content-article__body #cf_1,
.com-content-article__body #cf_2,
.com-content-article__body #cf_3,
.com-content-article__body #cf_4,
.com-content-article__body #cf_5,
.com-content-article__body #cf_6, 
.com-content-article__body #cf_7,
.com-content-article__body #cf_8,
.com-content-article__body #cf_9,
.com-content-article__body #cf_12,
.com-content-article__body #cf_22 {
  --max-width: 100%;
}

.convertforms .cf-btn {
  font-size: inherit !important;
  background-color: #627E12 !important;
  color: var(--button-color);
  padding: var(--button-padding);
  border-radius: 0 !important;
  border: 0 !important;
  position: relative;
  cursor: pointer;
}

.convertforms a {
  color: #627E12 !important;
}


/* =========================================================
   KWB Hinweis-Ticker (iOS/WebKit-sicher)
   ========================================================= */

.site-grid .container-top-b .boxed-1320{
  overflow:hidden;
}

/* Box */
.kwb-ticker{
  display:flex;
  align-items:stretch;
  gap:12px;

  width:100%;
  box-sizing:border-box;
  overflow:hidden;

  background:#627E12;
  border:2px solid #627E12;

  border-radius:0;
  box-shadow:none;
}

/* Label */
.kwb-ticker__label{
  flex:0 0 auto;
  display:flex;
  align-items:center;

  background:#627E12;
  color:#fff;

  padding:10px 14px;
  font-weight:700;
  white-space:nowrap;

  border-radius:0;
  box-shadow:none;
}

.kwb-ticker a{
  color: #ffffff;
}

/* Viewport */
.kwb-ticker__content{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;

  display:block;
  position:relative;
  font-size: 1.1em;
  padding:10px 10px 0 0;
}

/* Track (Marquee-stabil) */
.kwb-ticker__track{
  display:inline-flex;
  align-items:center;
  gap:40px;
  white-space:nowrap;

  /* wichtig: iOS stabilisiert, wenn wir "von rechts rein" animieren */
  padding-left:100%;

  will-change:transform;
  transform:translate3d(0,0,0);

  -webkit-animation: kwbMarquee var(--kwb-ticker-speed, 35s) linear infinite;
  animation: kwbMarquee var(--kwb-ticker-speed, 35s) linear infinite;

  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.kwb-ticker__item{
  white-space:nowrap;
  color:#ffffff;
  font-weight:500;
}

/* Clone darf nicht klickbar sein (weil aria-hidden) */
.kwb-ticker__item[aria-hidden="true"],
.kwb-ticker__item--clone {
  pointer-events: none;
}


/* Keyframes (WebKit + Standard) */
@-webkit-keyframes kwbMarquee{
  from { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  to   { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
}
@keyframes kwbMarquee{
  from { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
  to   { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); }
}

/* Pause nur auf Desktop mit echtem Hover */
@media (hover: hover) and (pointer: fine){
  .kwb-ticker:hover .kwb-ticker__track{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
}

/* Pause bei Tastatur-Fokus */
.kwb-ticker:focus-within .kwb-ticker__track{
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* Reduced Motion respektieren */
@media (prefers-reduced-motion: reduce){
  .kwb-ticker__track{
    -webkit-animation:none !important;
    animation:none !important;
    -webkit-transform:none !important;
    transform:none !important;
    padding-left:0 !important;
  }
}

/* Standard: Reduced-Motion-Elemente aus */
.kwb-ticker__static,
.kwb-ticker__reduced{
  display:none;
}

/* Wenn Bewegung reduziert: Laufband aus, statische Kurzvariante an */
@media (prefers-reduced-motion: reduce){
  .kwb-ticker__track{
    animation:none !important;
    transform:none !important;
    display:none !important;
  }

  .kwb-ticker__content{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:10px 10px 10px 0;
  }

  .kwb-ticker__static{
    display:block;
    white-space:normal;
    color:#627E12;
    font-weight:600;
  }

  .kwb-ticker__reduced{
    display:block;
    font-size:0.95rem;
    line-height:1.35;
    color:#627E12;
    opacity:0.9;
  }
}


/* ===========================
   KWB: Hinweisbanner (statisch, Top-B)
   =========================== */

.kwb_hinweisbanner {
  background: #627E12;
  color: #ffffff;
  border: 2px solid #627E12;
  box-shadow: none;
  border-radius: 0;
  padding: 16px 20px;
}

.kwb_hinweisbanner__inner {
  display: flex;
  align-items: center;
  gap: 18px;
}

.kwb_hinweisbanner__icon img {
  display: block;
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.kwb_hinweisbanner__text h3 {
  color: #ffffff;
}

.kwb_hinweisbanner__text {
  color: #ffffff;
}

.kwb_hinweisbanner__text a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kwb_hinweisbanner__text a:hover,
.kwb_hinweisbanner__text a:focus {
  text-decoration-thickness: 2px;
}

@media (max-width: 768px) {
  .kwb_hinweisbanner__inner {
    align-items: flex-start;
  }

  .kwb_hinweisbanner__icon img {
    width: 90px;
    height: 90px;
  }
}

.kwb_hinweisbanner__svg {
  width: 90px;
  height: 90px;
  color: #ffffff; /* übernimmt currentColor */
  display: block;
}
@media (max-width: 768px) {
  .kwb_hinweisbanner__svg {
    width: 90px;
    height: 90px;
  }
}
.kwb_startseite_hinweise{
  display: grid;
  gap: 12px;
}














































/* Sperrmüllformular #cf_15 #cf_18 #cf_21 */
#cf_15, #cf_18, #cf_21 {
  background-color: transparent !important;
}

.csvGen .dateiXml {
	/* display: none; */
}
/*
.csvGen .knoepfchen.dateiXml a {
	display: inline-block;
	width: 400px;
	margin: 0.5em 0;
	text-decoration: none;
	text-align: center;
	font-size: 0.7em;
	padding: 0.25em 1em;
	background: #506f0899;
	color: #fff;
}
.csvGen .knoepfchen.dateiXml a:hover {
	background: #506f08;
	transition: 0.3s;
}
*/

.csvGen .knoepfchen.dateiXml a,
.csvGen .knoepfchen.dateiCsv a {
	display: inline-block;
	width: 400px;
	margin: 0.5em 0 2em 0;
	text-decoration: none;
	text-align: center;
	padding: 1em;
	background: #506f08;
	color: #fff;
}
.csvGen .knoepfchen.dateiXml a:hover,
.csvGen .knoepfchen.dateiCsv a:hover {
	background: #506f0899;
	transition: 0.3s;
}



/* Sperrmüllformular Strassen PopUps */

input#form14_plz,
input#form14_ort {
	pointer-events: none;
}
[data-name="strasse"] .cf-control-input,
[data-name="plz"] .cf-control-input,
[data-name="ort"] .cf-control-input {
	position: relative;
}
.listeStrassen,
.listePlz,
.listeOrt {
	cursor: pointer;
	width: 200%;
	z-index: 1;
	position: absolute;
	top: 3em;
	background: #fff;
	display: none;
	max-height: 500px;
	height: fit-content;
  overflow: auto;
	filter: drop-shadow(2px 4px 6px black);
}

.listePlz,
.listeOrt {
	top: 0;
}

.listePlz,
.listeOrt {
	width: 100%;
}

.listeStrassen > div,
.listePlz > div,
.listeOrt > div {
	margin: 0 0 0.01em 0;
	padding: 0.5em;
	/* transition: 0.3s; */
}
.listeStrassen > div:hover,
.listePlz > div:hover,
.listeOrt > div:hover {
	background: #779816;
	color: #ffffff;
	/* transition: 0.3s; */
}




/* Sperrmüllformular Kalender */

.kalender_monate {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	user-select: none;
	text-align: center;
	overflow-x: hidden;
    /* height: 410px; */
    /* height: 460px; */
}
.kalender_monate table {
	min-width: calc(calc(100% / 3) - 6rem );
	margin: 0 1rem 2rem 0;
}
.kalender_monate table:nth-of-type(3n+2) {
	/* margin: 0 1rem 0 1rem; */
}

.km_aus {
	background: transparent !important;
	text-decoration: none !important;
	pointer-events: none !important;
	color:initial !important;
}

.km_heute {
	background: orange !important;
}

.kalender_monate table td {
	pointer-events: none;
}

div[data-tour="1"] td[data-tour-1="1"], div[data-tour="1"] td[data-tour-2="1"], div[data-tour="1"] td[data-tour-3="1"],
div[data-tour="2"] td[data-tour-1="2"], div[data-tour="2"] td[data-tour-2="2"], div[data-tour="2"] td[data-tour-3="2"],
div[data-tour="3"] td[data-tour-1="3"], div[data-tour="3"] td[data-tour-2="3"], div[data-tour="3"] td[data-tour-3="3"],
div[data-tour="4"] td[data-tour-1="4"], div[data-tour="4"] td[data-tour-2="4"], div[data-tour="4"] td[data-tour-3="4"],
div[data-tour="5"] td[data-tour-1="5"], div[data-tour="5"] td[data-tour-2="5"], div[data-tour="5"] td[data-tour-3="5"],
div[data-tour="6"] td[data-tour-1="6"], div[data-tour="6"] td[data-tour-2="6"], div[data-tour="6"] td[data-tour-3="6"],
div[data-tour="7"] td[data-tour-1="7"], div[data-tour="7"] td[data-tour-2="7"], div[data-tour="7"] td[data-tour-3="7"],
div[data-tour="8"] td[data-tour-1="8"], div[data-tour="8"] td[data-tour-2="8"], div[data-tour="8"] td[data-tour-3="8"],
div[data-tour="9"] td[data-tour-1="9"], div[data-tour="9"] td[data-tour-2="9"], div[data-tour="9"] td[data-tour-3="9"],
div[data-tour="10"] td[data-tour-1="10"], div[data-tour="10"] td[data-tour-2="10"], div[data-tour="10"] td[data-tour-3="10"],
div[data-tour="11"] td[data-tour-1="11"], div[data-tour="11"] td[data-tour-2="11"], div[data-tour="11"] td[data-tour-3="11"],
div[data-tour="12"] td[data-tour-1="12"], div[data-tour="12"] td[data-tour-2="12"], div[data-tour="12"] td[data-tour-3="12"],
div[data-tour="13"] td[data-tour-1="13"], div[data-tour="13"] td[data-tour-2="13"], div[data-tour="13"] td[data-tour-3="13"] {
	background: #779816;
	color: #ffffff;
	cursor: pointer;
	pointer-events: initial;
	transition: 0.3s;
}

div[data-tour="1"] td[data-tour-1="1"]:hover, div[data-tour="1"] td[data-tour-2="1"]:hover, div[data-tour="1"] td[data-tour-3="1"]:hover,
div[data-tour="2"] td[data-tour-1="2"]:hover, div[data-tour="2"] td[data-tour-2="2"]:hover, div[data-tour="2"] td[data-tour-3="2"]:hover,
div[data-tour="3"] td[data-tour-1="3"]:hover, div[data-tour="3"] td[data-tour-2="3"]:hover, div[data-tour="3"] td[data-tour-3="3"]:hover,
div[data-tour="4"] td[data-tour-1="4"]:hover, div[data-tour="4"] td[data-tour-2="4"]:hover, div[data-tour="4"] td[data-tour-3="4"]:hover,
div[data-tour="5"] td[data-tour-1="5"]:hover, div[data-tour="5"] td[data-tour-2="5"]:hover, div[data-tour="5"] td[data-tour-3="5"]:hover,
div[data-tour="6"] td[data-tour-1="6"]:hover, div[data-tour="6"] td[data-tour-2="6"]:hover, div[data-tour="6"] td[data-tour-3="6"]:hover,
div[data-tour="7"] td[data-tour-1="7"]:hover, div[data-tour="7"] td[data-tour-2="7"]:hover, div[data-tour="7"] td[data-tour-3="7"]:hover,
div[data-tour="8"] td[data-tour-1="8"]:hover, div[data-tour="8"] td[data-tour-2="8"]:hover, div[data-tour="8"] td[data-tour-3="8"]:hover,
div[data-tour="9"] td[data-tour-1="9"]:hover, div[data-tour="9"] td[data-tour-2="9"]:hover, div[data-tour="9"] td[data-tour-3="9"]:hover,
div[data-tour="10"] td[data-tour-1="10"]:hover, div[data-tour="10"] td[data-tour-2="10"]:hover, div[data-tour="10"] td[data-tour-3="10"]:hover,
div[data-tour="11"] td[data-tour-1="11"]:hover, div[data-tour="11"] td[data-tour-2="11"]:hover, div[data-tour="11"] td[data-tour-3="11"]:hover,
div[data-tour="12"] td[data-tour-1="12"]:hover, div[data-tour="12"] td[data-tour-2="12"]:hover, div[data-tour="12"] td[data-tour-3="12"]:hover,
div[data-tour="13"] td[data-tour-1="13"]:hover, div[data-tour="13"] td[data-tour-2="13"]:hover, div[data-tour="13"] td[data-tour-3="13"]:hover {
	background: #506f08;
	text-decoration: underline;
	transition: 0.3s;
}

div[data-name="datum_wunsch"] {
	display:none;
}

div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="1"]:not([data-tour-f-1="0"])),
div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="1"]:not([data-tour-f-2="0"])),
div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="1"]:not([data-tour-f-3="0"])),

div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="2"]:not([data-tour-f-1="0"])),
div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="2"]:not([data-tour-f-2="0"])),
div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="2"]:not([data-tour-f-3="0"])),

div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="3"]:not([data-tour-f-1="0"])),
div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="3"]:not([data-tour-f-2="0"])),
div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="3"]:not([data-tour-f-3="0"])),

div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="4"]:not([data-tour-f-1="0"])),
div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="4"]:not([data-tour-f-2="0"])),
div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="4"]:not([data-tour-f-3="0"])),

div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="5"]:not([data-tour-f-1="0"])),
div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="5"]:not([data-tour-f-2="0"])),
div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="5"]:not([data-tour-f-3="0"])),

div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="6"]:not([data-tour-f-1="0"])),
div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="6"]:not([data-tour-f-2="0"])),
div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="6"]:not([data-tour-f-3="0"])),

div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="7"]:not([data-tour-f-1="0"])),
div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="7"]:not([data-tour-f-2="0"])),
div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="7"]:not([data-tour-f-3="0"])),

div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="8"]:not([data-tour-f-1="0"])),
div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="8"]:not([data-tour-f-2="0"])),
div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="8"]:not([data-tour-f-3="0"])),

div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="9"]:not([data-tour-f-1="0"])),
div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="9"]:not([data-tour-f-2="0"])),
div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="9"]:not([data-tour-f-3="0"])),

div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="10"]:not([data-tour-f-1="0"])),
div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="10"]:not([data-tour-f-2="0"])),
div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="10"]:not([data-tour-f-3="0"])),

div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="11"]:not([data-tour-f-1="0"])),
div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="11"]:not([data-tour-f-2="0"])),
div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="11"]:not([data-tour-f-3="0"])),

div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="12"]:not([data-tour-f-1="0"])),
div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="12"]:not([data-tour-f-2="0"])),
div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="12"]:not([data-tour-f-3="0"])),

div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="13"]:not([data-tour-f-1="0"])),
div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="13"]:not([data-tour-f-2="0"])),
div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="13"]:not([data-tour-f-3="0"])) {

	display: block;
}

.convertforms .cf-hide {
  display: none !important;
  pointer-events: none;
}

div[data-name="html_26"] {
	/* display: none; */
}

div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="1"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="1"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="1"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="1"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="2"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="2"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="2"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="2"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="3"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="3"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="3"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="3"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="4"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="4"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="4"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="4"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="5"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="5"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="5"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="5"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="6"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="6"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="6"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="6"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="7"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="7"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="7"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="7"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="8"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="8"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="8"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="8"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="9"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="9"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="9"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="9"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="10"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="10"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="10"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="10"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="11"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="11"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="11"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="11"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],


div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="12"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="12"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="12"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="12"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"],

div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-1="13"]:not([data-tour-f-1="0"])) ~ div[data-name="html_26"],
div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-2="13"]:not([data-tour-f-2="0"])) ~ div[data-name="html_26"],
div[data-tour="13"] div[data-name="datum_wunsch"]:has(* table.monatAnzeigen td[data-tour-3="13"]:not([data-tour-f-3="0"])) ~ div[data-name="html_26"] {

	display: none;
}

/* div[data-tour="1"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="1"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="1"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="1"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="1"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="1"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="2"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="2"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="2"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="2"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="2"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="2"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="3"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="3"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="3"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="3"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="3"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="3"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="4"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="4"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="4"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="4"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="4"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="4"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="5"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="5"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="5"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="5"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="5"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="5"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="6"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="6"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="6"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="6"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="6"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="6"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="7"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="7"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="7"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="7"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="7"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="7"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="8"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="8"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="8"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="8"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="8"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="8"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="9"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="9"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="9"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="9"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="9"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="9"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="10"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="10"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="10"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="10"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="10"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="10"][data-tour-f-3="0"]) ~ div[data-name="html_26"],

div[data-tour="11"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-1="11"][data-tour-f-1="0"]) ~ div[data-name="html_26"],
div[data-tour="11"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-2="11"][data-tour-f-2="0"]) ~ div[data-name="html_26"],
div[data-tour="11"][date-habdich="0"] div[data-name="datum_wunsch"]:has(* div.monatAnzeigen td[data-tour-3="11"][data-tour-f-3="0"]) ~ div[data-name="html_26"] {
	display: block;
} */

div .kalender_alles table {
	/* display: none; */
}

div[data-tour="1"] .kalender_alles table[data-regio-1="1"],
div[data-tour="2"] .kalender_alles table[data-regio-2="2"],
div[data-tour="3"] .kalender_alles table[data-regio-3="3"],
div[data-tour="4"] .kalender_alles table[data-regio-4="4"],
div[data-tour="5"] .kalender_alles table[data-regio-5="5"],
div[data-tour="6"] .kalender_alles table[data-regio-6="6"],
div[data-tour="7"] .kalender_alles table[data-regio-7="7"],
div[data-tour="8"] .kalender_alles table[data-regio-8="8"],
div[data-tour="9"] .kalender_alles table[data-regio-9="9"],
div[data-tour="10"] .kalender_alles table[data-regio-10="10"],
div[data-tour="11"] .kalender_alles table[data-regio-11="11"] {
	display: block;
}

.displayNone {
	display: none;
}

div.kalender_alles div.kalender_monate table:nth-of-type(1),
div.kalender_alles div.kalender_monate table:nth-of-type(2),
/* div.kalender_alles div.kalender_monate table:nth-of-type(3), */
/* div.kalender_alles div.kalender_monate table:nth-of-type(4), */
/* div.kalender_alles div.kalender_monate table:nth-of-type(5), */
div.kalender_alles div.kalender_monate table:nth-of-type(6),
div.kalender_alles div.kalender_monate table:nth-of-type(7),
div.kalender_alles div.kalender_monate table:nth-of-type(8),
div.kalender_alles div.kalender_monate table:nth-of-type(9),
div.kalender_alles div.kalender_monate table:nth-of-type(10),
div.kalender_alles div.kalender_monate table:nth-of-type(11),
div.kalender_alles div.kalender_monate table:nth-of-type(12)
 {
	/* display: none; */
}

.displayNone.monatNichtAnzeigen {
	display: none !important;
}

.kalender_alles thead, 
.kalender_alles tbody, 
.kalender_alles tfoot, 
.kalender_alles tr, 
.kalender_alles td, 
.kalender_alles th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding: 0.5em;
}
 
.kalender_alles th {
  color: #627E12;
}





























/* Sperrmüll Formular Mitarbeiter Zeige Tpueren an ?aaa */
.zeigeTourenA .kalender_monate {
	height: 716px;
	font-size: 2em;
}
.zeigeTourenA .monatAnzeigen ~ .displayNone.monatNichtAnzeigen {
	display: block !important;
}
.zeigeTourenA .kalender_monate table td {
	width: 100px;
  height: 100px;
	font-size: 0.7em;
  position: relative;
  color: #666;
}
.zeigeTourenA .kalender_monate table td > div {
	width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	position: absolute;
  top: 0;
	left: 0;
  font-size: 0.4em;
  color: #000;
}
.zeigeTourenA .kalender_monate table td > div p {
	padding: 0;
  margin: 0;
}



/* CSS für Frau Sack ?bbb */
.zeigeTourenB [data-name="datum_wunsch"] {
	display: block;
}
.zeigeTourenB [data-name="datum_wunsch"].cf-hide {
  display: block !important;
  pointer-events: none;
}
.zeigeTourenB .kalender_monate {
	/* height: 1500px; */
	height: initial;
	font-size: 2em;
}
.zeigeTourenB .kalender_monate .monatAnzeigen,
.zeigeTourenB .kalender_monate .monatAnzeigen ~ .displayNone.monatNichtAnzeigen {
	display: block !important;
	display: block;
	width: 100%;
	margin: 0;
	/* border-bottom: 10px solid #506f0866; */
}

.zeigeTourenB .monatAnzeigen ~ .displayNone.monatNichtAnzeigen {
	display: block !important;
}
.zeigeTourenB .kalender_monate .monatAnzeigen > tbody,
.zeigeTourenB .kalender_monate .monatAnzeigen ~ .displayNone.monatNichtAnzeigen > tbody {
	width: 100%;
  display: block;
}
.zeigeTourenB .kalender_monate .monatAnzeigen > tbody > tr,
.zeigeTourenB .kalender_monate .monatAnzeigen ~ .displayNone.monatNichtAnzeigen > tbody > tr {
  width: 100%;
	padding: 0;
  display: flex;
  flex-direction: column;
}
/* .zeigeTourenB .kalender_monate .monatAnzeigen > tbody > tr:nth-of-type(1), */
.zeigeTourenB .kalender_monate .monatAnzeigen > tbody > tr:nth-of-type(2),
.zeigeTourenB .kalender_monate .monatAnzeigen ~ .displayNone.monatNichtAnzeigen > tbody > tr:nth-of-type(2) {
  display: none;
}
.zeigeTourenB .kalender_monate table td {
	width: 100%;
  height: 100px;
	font-size: 0.7em;
  position: relative;
  color: transparent !important;
}
.zeigeTourenB .kalender_monate table td[data-datum="0"] {
	display: none;
}
.zeigeTourenB .kalender_monate table td.km_aus {
	display: none;
}
.zeigeTourenB .kalender_monate table td > div {
	width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
	position: absolute;
  top: 0;
	left: 0;
  font-size: 0.9em;
  color: #000;
}
.zeigeTourenB .kalender_monate table td > div p {
	width: calc(100% / 5);
	padding: 0;
  margin: 0;
}
.zeigeTourenB .kalender_monate table td > div p.trBcT {
	display: flex;
	flex-direction: column;
}
.zeigeTourenB .kalender_monate table td > div p.trBcT > span {
	font-size: 0.7em;
}
.zeigeTourenB .kalender_monate table td > div p.trBcPlatzhalter {
	opacity: 0.2;
}
.kalender_monate table td .trBcT {
    pointer-events: all;
}
.zeigeTourenB .kalender_monate table td .trBcT.auswahl {
  background: #506f0899;
	color: #fff;
  opacity: 1;
}


/* Intern Frau Sack und Co. */
.itemid-398 .sackCont,
.itemid-398 .stromCont {
  width: 100%;
  display: flex;
}


.itemid-398[data-flex="sperm"] .stromCont {
  display: none;
}
.itemid-398[data-flex="strom"] .sackCont {
  display: none;
}
.itemid-398[data-flex="sperm"] hr.internTrenner,
.itemid-398[data-flex="strom"] hr.internTrenner {
  display: none;
}

@media (max-width: 760px) {
	.itemid-398 .sackCont,
	.itemid-398 .stromCont {
    flex-direction: column;
  }
}
.itemid-398 .sackCont > div,
.itemid-398 .stromCont > div {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
}
@media (max-width: 760px) {
  .itemid-398 .sackCont > div,
  .itemid-398 .stromCont > div {
    width: 100%;
  }
}
.itemid-398 .sackCont a,
.itemid-398 .stromCont a {
  margin: 1em;
  padding: 1em;
  border: 1px solid #506f08;
  color: #506f08;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.itemid-398 .sackCont a:hover,
.itemid-398 .stromCont a:hover {
  border: 1px solid #506f08;
  color: #506f08;
  background: transparent;
  text-decoration: underline;
}



.itemid-398 .mod-login {
  width: calc(100% / 2);
  min-width: 320px;
  max-width: 500px;
  margin: 0 auto;
}
.itemid-398 input {
  color: #506f08;
  font-size: 1.25em;
}
.itemid-398 .mod-login__submit button {
  margin: 1em 0;
  font-size: 1.25em !important;
}
.itemid-398 .plg_system_webauthn_login_button {
  display: none;
}
.itemid-398 .logout-button {
  display: flex;
  justify-content: right;
}
.itemid-398 .logout-button button {
  color: #ffffff;
  background: red;
  /* font-weight: 700; */
  letter-spacing: 2px;
  font-size: 2em !important;
  border: 1px solid transparent;
}
.itemid-398 .logout-button button:hover {
  color: red;
  background:transparent;
  border: 1px solid red;
}

.com_users.view-remind .com-users-remind.remind {
  width: calc(100% / 2);
  min-width: 320px;
  max-width: 500px;
  margin: 0 auto;
}
.com_users.view-remind legend {
  float: none;
}
.com_users.view-remind input {
  color: #506f08;
  font-size: 1.25em;
}
.com_users.view-remind .com-users-remind.remind button {
  width: 100%;
  text-align: center;
  font-size: 1.25em !important;
}

.com_users.view-profile .com-users-profile__edit.profile-edit {
  width: calc(100% / 2);
  min-width: 320px;
  max-width: 500px;
  margin: 0 auto;
}
.com_users.view-profile .com-users-profile__edit.profile-edit form fieldset:nth-of-type(2),
.com_users.view-profile .com-users-profile__edit.profile-edit form fieldset:nth-of-type(3),
.com_users.view-profile .com-users-profile__edit.profile-edit form fieldset:nth-of-type(4) {
  display: none;
}
.com_users.view-profile input {
  color: #506f08;
  font-size: 1.25em;
}
.com_users.view-profile .com-users-profile__edit-submit .controls {
  display: flex;
  justify-content: space-between;
}
.com_users.view-profile button[type="submit"] {
  width: calc(calc(100% / 2) - 1em);
}




.com_users.view-login .com-users-login {
  width: calc(100% / 2);
  min-width: 320px;
  max-width: 500px;
  margin: 0 auto;
}
.com_users.view-login input {
  color: #506f08;
  font-size: 1.25em;
}
.com_users.view-login .plg_system_webauthn_login_button {
  display: none;
}
.com_users.view-login .com-users-login__submit button {
  width: 100%;
  text-align: center;
  font-size: 1.25em !important;
}





body:not(.zeigeTourenB) .muelSpBeForm {
	display: none;
}
.zeigeTourenB .muelSpBeForm {
	display: none;
	position: fixed;
  bottom: 25%;
  left: 0;
  width: 19%;
  min-width: 300px;
}
.zeigeTourenB #cf_14,
.zeigeTourenB #cf_20,
.zeigeTourenB #cf_24 {
	background-color: transparent;
}
.zeigeTourenB #cf_14 .cf-fields,
.zeigeTourenB #cf_20 .cf-fields {
	padding: 1em;
}


.zeigeTourenB #cf_14 .cf-response,
.zeigeTourenB #cf_20 .cf-response {
	margin: 0 15px;
  width: calc(100% - 30px);
	background-color: #506f08;
}
.zeigeTourenB #cf_14 .cf-response a,
.zeigeTourenB #cf_20 .cf-response a {
	background: #fff;
  padding: 0.5em;
  display: inline-block;
  margin: 0.75em 0 0.5em 0;
	border: 1px solid #fff;
  color: #506f08;
	cursor: pointer;
}
.zeigeTourenB #cf_14 .cf-response a:hover,
.zeigeTourenB #cf_20 .cf-response a:hover {
	background: #506f08;
  color: #fff;
	transition: 0.3s;
}




/* Sperrmüll Karte Änderungen */
.itemid-2161.zeigeTourenB .muelSpBeForm {
  display: block;
}
.zeigeTourenB #cf_24 [data-name="tourId"],
.zeigeTourenB #cf_24 [data-name="tourPlM"],
.zeigeTourenB #cf_24 [data-name="tourPlK"],
.zeigeTourenB #cf_24 [data-name="region"],
.zeigeTourenB #cf_24 [data-name="submit_2"] {
	display: none;
}









/* Sperrmüllformular */

/* Sperrmüll Abholl 392 cf_13 2026 */
.itemid-2350 #maincenter {
	min-height: 100vh;
}
#cf_13 {
	background-color: transparent;
}
@media (max-width: 760px) {
	body:has(#cf_13) {
		background: #fff;
	}
}
#cf_13 h2 {
	margin: 2em 0 0 0;
}
#cf_13 h2 + h3 {
	margin: 1em 0 0 0;
}
#cf_13 h3 {
	margin: 2em 0 0 0;
}
#cf_13.convertforms [class*=cf-list-] {
    margin-right: -9px;
}
#cf_13 input {
  background-color: transparent;
}
#cf_13 [data-name="checkbox_44"] .cf-checkbox-group {
  align-items: center;
}
#cf_13 [data-name="checkbox_44"] input {
  height: 1em;
  aspect-ratio: 1 / 1;
}
#cf_13.convertforms input:placeholder-shown {
  border: 1px solid #ff8400 !important;
}
#cf_13.convertforms .cf-input:not(.flatpickr-input)[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
	cursor: default;
	border: 1px solid transparent !important;
}
#cf_13.convertforms .cf-input:not(:placeholder-shown)[readonly],
#cf_13.convertforms input:not(:placeholder-shown) {
	border: 1px solid #779816 !important;
}
#cf_13.convertforms .cf-input#form13_hausnummer:placeholder-shown {
	opacity: 0;
	pointer-events: none;
}
#cf_13.convertforms .cf-fields:has([data-name="ort"] .cf-input:not(:placeholder-shown)[readonly]) .cf-input#form13_hausnummer {
	opacity: 1;
	pointer-events: all;
}
#cf_13 .cf-fields .cf-control-group:first-child {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#cf_13 [data-name="verlauf"] .cf-control-input {
  overflow: hidden;
}
#cf_13 .cf-control-input {
  /* font-size: 1.3rem;  */
  font-size: 1.3em;
}
#cf_13 .cf-checkbox-group .cf-label,
#cf_13 .cf-radio-group .cf-label,
#cf_13 .cf-btn {
  font-size: inherit;
}
#cf_13 [data-name="verlauf"] .cf-list {
  padding: 0;
  overflow: hidden;
  box-shadow: inset -0.45em 0 0 #779816;
}
#cf_13 [data-name="verlauf"] .cf-radio-group {
  width: calc(100% / 4);
  transform: skewX(-15deg);
  border-top: 1px solid #779816;
  border-right: 1px solid #779816;

	padding: 0 0rem 0 0;
  margin: 0 0rem 0 0;

	/* background: #77981699; */
	background: transparent;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_13 .cf-radio-group {
    position: relative;
}
/* #cf_13.convertforms .cf-input[type="checkbox"], */
#cf_13.convertforms .cf-input[type="radio"] {
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
#cf_13 [data-name="verlauf"] input[type="radio"] + label {
  /* font-size: 2rem !important; */
  font-size: 1em !important;
  background: transparent;
  padding: 1rem;
  width: 100%;
  text-align: center;
  /* color: var(--designFarbe-4); */
  transform: skewX(15deg);

	color: #779816 !important;
  transition: 0.6s;
}
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4),
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) {
  background: #779816;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_13 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label {
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_13 [data-name="adresseValide"] {
	display: none;
}
#cf_13 [data-name="html_11"],
#cf_13 [data-name="html_12"],
#cf_13 [data-name="ortsteil"],
#cf_13 [data-name="html_13"],
#cf_13 [data-name="html_39"],
#cf_13 [data-name="html_40"],
#cf_13 [data-name="ortsteil_post"],
#cf_13 [data-name="html_41"] {
	opacity: 0;
	pointer-events: none;
}
@media (max-width: 760px) {
	#cf_13 [data-name="html_11"],
	#cf_13 [data-name="html_12"],
	#cf_13 [data-name="ortsteil"],
	#cf_13 [data-name="html_13"],
	#cf_13 [data-name="html_39"],
	#cf_13 [data-name="html_40"],
	#cf_13 [data-name="ortsteil_post"],
	#cf_13 [data-name="html_41"] {
		opacity: 0;
		pointer-events: none;
		display: none;
	}
}
#cf_13 [data-name="html_47"] {
	display: none;
}
#cf_13 #form13_datumwunsch {
	margin: 0 0 1rem 0;
	pointer-events: none;
	border: 1px solid transparent !important;
	--input-placeholder-color: #779816;
	--input-color: #779816;
	--input-placeholder-color: #ff8400;
	--input-color: #ff8400;
}
#cf_13.convertforms #form13_datumwunsch:not(:placeholder-shown) {
	width: calc(25% - 1rem);
	text-align: center;
	border: 1px solid #779816 !important; 
	--input-placeholder-color: #779816;
	--input-color: #779816;
}
#cf_13 [data-name="html_15"],
#cf_13 [data-name="sonderregelung_liste"],
#cf_13 [data-name="html_18"] {
	display: none;
}
body.zeigeTourenA #cf_13 [data-name="html_15"],
body.zeigeTourenA #cf_13 [data-name="sonderregelung_liste"] {
	display: initial;
}
body.zeigeTourenA #cf_13 [data-name="html_15"].cf-hide,
body.zeigeTourenA #cf_13 [data-name="sonderregelung_liste"].cf-hide {
	display: none;
}
#cf_13 [data-name="sonderregelung_upload"] {
	/* width: 500px; */
	/* max-width: 500px; */
	width: 631px;
	max-width: 631px;
}
#cf_13 [data-name="telefon"] {
	width: 25%;
	max-width: 25%;
}
#cf_13 [data-name="email"] {
	width: 25%;
	max-width: 25%;
}
#cf_13.dateiHochladen .dz-message {
	animation: radioAlarmAnimT 5s infinite;
}
@keyframes radioAlarmAnimT {
  0% {background: transparent;font-size: 1.3em;color:#333;}
  50% {background: #ff8400;font-size: 1.5em;color:#fff;}
  100% {background: transparent;font-size: 1.3em;color:#333;}
}
#cf_13 #form13_sonderregelungupload:has(.cfup-file.dz-processing.dz-success.dz-complete) .dz-message {
	display: none;
}
#cf_13 [data-name="sonderregelung_liste"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_13 [data-name="sonderregelung_liste"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) {
  background: #779816;
}
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
#cf_13 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label {
	color: #ffffff;
}
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_13 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}



#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_13 [data-name="submit_2"] {
	margin: 3em 0 0 0;
}
#cf_13 .bestellSeite {
	margin: 3em 0 10em 0;
  display: flex;
  justify-content: space-between;
}
#cf_13 .bestellSeite .bestellZuruck {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_13 .bestellSeite .bestellZuruck:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
#cf_13 .bestellSeite .bestellWeiter {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_13 .bestellSeite .bestellWeiter:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
.bestellSeite0 .bestellZuruck, 
.bestellSeite3 .bestellWeiter {
  opacity: 0;
  pointer-events: none;
}
#cf_13 .bestellSeite .bestellDrucken {
	display: none;
  padding: 1rem 2rem;
  color: #ff8400;
  /* background: #ff840033; */
  background: transparent;
	border: 1px solid #ff8400;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_13 .bestellSeite3 .bestellDrucken {
    /* display: block; */
}
#cf_13 .bestellSeite .bestellDrucken:hover {
  color: #ffffff;
  background: #ff8400cc;
  transition: 0.3s;
}
.itemid-2350 input:-webkit-autofill,
.itemid-2350 input:-webkit-autofill:hover, 
.itemid-2350 input:-webkit-autofill:focus, 
.itemid-2350 input:-webkit-autofill:active{
  -webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
	border: none !important;
	caret-color: white !important;
	background-clip: content-box !important;
}
#cf_13.convertforms.cf-success .cf-response {
  background-color: transparent;
	color: #333;
}
#cf_13.convertforms.cf-success .cf-response .knoepfchen a {
  padding: 0.5em 1em;
  background: #779816;
  margin: 1em 0 0 0;
  display: inline-block;
  color: #ffffff !important;
	cursor: pointer;
}
#cf_13.convertforms.cf-success .cf-response .knoepfchen a:hover {
  background: #9EC232;
}
#cf_13.convertforms.cf-success .cf-response .formularInfoTermin.exp_Ja,
#cf_13.convertforms.cf-success .cf-response .formularInfoExpress.exp_Nein {
  display: none;
}
#cf_13.convertforms.cf-success .cf-response .formularInfoExpress.exp_Ja {
  display: block;
}
#cf_13.convertforms:has(.cf-response[role="alert"]) {
  /* margin: 5em 0 0 0; */
}
#cf_13.convertforms .cf-response[role="alert"] {
  font-size: 2em;
  margin: 1em 0 0.5em 0;
	padding: 1em 0;
}
#cf_13.convertforms [data-name="email_check"] {
  display: none;
}

@media (max-width: 760px) {
	.kalender_monate {
		overflow-x: auto;
	}
	#cf_13 [data-name="verlauf"] .cf-list > div {
    width: 100%;
  }
	#cf_13 [data-name="verlauf"] {
		display: none;
	}
  #cf_13.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_13.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_13.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_13.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_13.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_13.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_13.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_13.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_13.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_13.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_13.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_13.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_13.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_13.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_13.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_13.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_13.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_13.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_13.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_13.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(4) {
    display: none;
  }
	#cf_13 [data-name="platzhalter_1"],
	#cf_13 [data-name="platzhalter_2"],
	#cf_13 [data-name="ortsteil"],
	#cf_13 [data-name="platzhalter_3"],
	#cf_13 [data-name="platzhalter_4"],
	#cf_13 [data-name="platzhalter_5"],
	#cf_13 [data-name="ortsteil_post"],
	#cf_13 [data-name="platzhalter_6"] {
		display: none;
	}
	#cf_13 [data-name="strasse"] {
    max-width: 75%;
    width: 75%;
	}
	.listeStrassen {
		width: 135%;
	}
	#cf_13 [data-name="hausnummer"] {
    max-width: 25%;
    width: 25%;
	}
	#cf_13 [data-name="plz"],
	#cf_13 [data-name="ort"] {
		width: 50%;
    max-width: 50%;
	}
	#cf_13.convertforms #form13_datumwunsch:not(:placeholder-shown) {
		width: calc(100% - 0rem);
	}
	#cf_13 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
    width: calc(calc(100% / 2) - 1rem);
	}
	#cf_13 [data-name="expressabholung_ja_nein"] .cf-list label {
		text-align: center;
		width: 100%;
	}
	#cf_13 [data-name="telefon"] {
		width: 100%;
    max-width: 100%;
	}
	#cf_13 [data-name="benachrichtigungsart_email_post"] .cf-list {
		justify-content: space-between;
	}
	#cf_13 [data-name="email"] {
		width: 100%;
		max-width: 100%;
	}
	#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
		width: 100%;
    margin: 0 0.25em 0.75em 0.25em;
	}
	#cf_13 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group .cf-label {
		width: 100%;
		text-align: center;
	}
}
@media print {
	.itemid-392 input:-webkit-autofill,
	.itemid-392 input:-webkit-autofill:hover, 
	.itemid-392 input:-webkit-autofill:focus, 
	.itemid-392 input:-webkit-autofill:active,
	.itemid-392 input:autofill,
	.itemid-392 input:autofill:hover, 
	.itemid-392 input:autofill:focus, 
	.itemid-392 input:autofill:active{
		-webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
		box-shadow: inset 0 0 0 100px #ffffff  !important;
		border: none !important;
		caret-color: white !important;
		background-clip: content-box !important;
		outline: 0 !important;
	}
	.itemid-392 #left [aria-label="Accordeonmenuck"],
	.itemid-392 #left [aria-label="Suche"],
	.itemid-392 #mainNavigation,
	.itemid-392 #block1,
	.itemid-392 #row1,
	.itemid-392 #usercentrics-button,
	.itemid-392 [data-name="verlauf"],
	.itemid-392 [data-name="html_27"],
	.itemid-392 [data-name="datum_wunsch"] .kalender_alles,
	.itemid-392 [data-name="submit_2"],
	.itemid-392 [data-name="html_45"],
	.itemid-392 [data-name="html_26"] {
		display: none;
	}
	body.itemid-392 {
		background: transparent !important;
		background-image: none !important;
    }
	.itemid-392 #left [aria-label="Logo"] {
		position: absolute;
		width: 30%;
    right: 0;
	}
	.itemid-392 .column.main {
		width: 100%;
    max-width: 100%;
  }
	.itemid-392 #maincenter {
		min-height: inherit;
	}
	.itemid-392 #cf_13 .cf-control-input {
		font-size: 1em;
	}
	#cf_13 div .cf-list label {
    padding: 0.25em 0.5em;
		font-size: 1em;
	}
	.itemid-392 h1 {
    margin: 1em 0 0 0;
		font-size: 35px;
	}
	.itemid-392 #cf_13.convertforms .cf-input,
	.itemid-392 #cf_13.convertforms .cf-input[readonly] {
		border: 1px solid transparent !important;
		background: transparent !important;
	}
	#cf_13 div.cf-fields [data-name="html_15"],
	#cf_13 div.cf-fields [data-name="sonderregelung_liste"],
	#cf_13 [data-name="sonderregelung_upload"] .dz-message {
    display: none;
	}
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_0:checked ) [data-name="html_15"],
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_0:checked ) [data-name="sonderregelung_liste"],
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_1:checked ) [data-name="html_15"],
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_1:checked ) [data-name="sonderregelung_liste"],
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_2:checked ) [data-name="html_15"],
	#cf_13 div.cf-fields:has(input#form13_sonderregelungliste_2:checked ) [data-name="sonderregelung_liste"] {
    display: block;
	}
	#cf_13 div.cf-fields:has(input#form13_expressabholungjanein_1:checked ) [data-name="html_20"],
	#cf_13 div.cf-fields:has(input#form13_expressabholungjanein_1:checked ) [data-name="expressabholung_ja_nein"],
	#cf_13 div.cf-fields:has(input#form13_expressabholungjanein_1:checked) [data-name="html_22"]  {
    display: none;
	}
}


























/* Sperrmüll Karte */
.itemid-394 #maincenter {
	min-height: 100vh;
}
#cf_16 {
	background-color: transparent;
}
#cf_16 h2 {
	margin: 2em 0 0 0;
}
#cf_16 h2 + h3 {
	margin: 1em 0 0 0;
}
#cf_16 h3 {
	margin: 2em 0 0 0;
}
#cf_16.convertforms [class*=cf-list-] {
  margin-right: -9px;
}
#cf_16 input {
  background-color: transparent;
}
#cf_16 [data-name="checkbox_44"] .cf-checkbox-group {
  align-items: center;
}
#cf_16 [data-name="checkbox_44"] input {
  height: 1em;
  aspect-ratio: 1 / 1;
}
#cf_16.convertforms input:placeholder-shown {
  border: 1px solid #ff8400 !important;
}
#cf_16.convertforms .cf-input:not(.flatpickr-input)[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
	cursor: default;
	border: 1px solid transparent !important;
}
#cf_16.convertforms .cf-input:not(:placeholder-shown)[readonly],
#cf_16.convertforms input:not(:placeholder-shown) {
	border: 1px solid #779816 !important;
}
#cf_16.convertforms .cf-input#form16_hausnummer:placeholder-shown {
	opacity: 0;
	pointer-events: none;
}
#cf_16.convertforms .cf-fields:has([data-name="ort"] .cf-input:not(:placeholder-shown)[readonly]) .cf-input#form16_hausnummer {
	opacity: 1;
	pointer-events: all;
}
#cf_16 .cf-fields .cf-control-group:first-child {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#cf_16 [data-name="verlauf"] .cf-control-input {
  overflow: hidden;
}
#cf_16 .cf-control-input {
  /* font-size: 1.3rem;  */
  font-size: 1.3em;
}
#cf_16 .cf-checkbox-group .cf-label,
#cf_16 .cf-radio-group .cf-label,
#cf_16 .cf-btn {
  font-size: inherit;
}
#cf_16 [data-name="verlauf"] .cf-list {
  padding: 0;
  overflow: hidden;
  box-shadow: inset -0.45em 0 0 #779816;
}
#cf_16 [data-name="verlauf"] .cf-radio-group {
  width: calc(100% / 4);
  transform: skewX(-15deg);
  border-top: 1px solid #779816;
  border-right: 1px solid #779816;

	padding: 0 0rem 0 0;
  margin: 0 0rem 0 0;

	/* background: #77981699; */
	background: transparent;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_16 .cf-radio-group {
  position: relative;
}
/* #cf_16.convertforms .cf-input[type="checkbox"], */
#cf_16.convertforms .cf-input[type="radio"] {
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
#cf_16 [data-name="verlauf"] input[type="radio"] + label {
  /* font-size: 2rem !important; */
  font-size: 1em !important;
  background: transparent;
  padding: 1rem;
  width: 100%;
  text-align: center;
  /* color: var(--designFarbe-4); */
  transform: skewX(15deg);

	color: #779816 !important;
  transition: 0.6s;
}
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4),
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) {
  background: #779816;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_16 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label {
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_16 [data-name="adresseValide"] {
	display: none;
}
#cf_16 [data-name="html_11"],
#cf_16 [data-name="html_12"],
#cf_16 [data-name="ortsteil"],
#cf_16 [data-name="html_13"],
#cf_16 [data-name="html_39"],
#cf_16 [data-name="html_40"],
#cf_16 [data-name="ortsteil_post"],
#cf_16 [data-name="html_41"] {
	opacity: 0;
	pointer-events: none;
}
#cf_16 [data-name="html_47"] {
	display: none;
}
#cf_16 #form16_datumwunsch {
	margin: 0 0 1rem 0;
	pointer-events: none;
	border: 1px solid transparent !important;
	--input-placeholder-color: #779816;
	--input-color: #779816;
	--input-placeholder-color: #ff8400;
	--input-color: #ff8400;
}
#cf_16.convertforms #form16_datumwunsch:not(:placeholder-shown) {
	/* width: 25%; */
	width: calc(25% - 1rem);
	text-align: center;
	border: 1px solid #779816 !important; 
	--input-placeholder-color: #779816;
	--input-color: #779816;
}
#cf_16.convertforms [data-name="datum_wunsch"],
#cf_16.convertforms [data-name="datum_wunsch_info"] {
	display: none;
}


#cf_16 [data-name="html_15"],
#cf_16 [data-name="sonderregelung_liste"],
#cf_16 [data-name="html_18"] {
	display: none;
}
body.zeigeTourenA #cf_16 [data-name="html_15"],
body.zeigeTourenA #cf_16 [data-name="sonderregelung_liste"] {
	display: initial;
}
body.zeigeTourenA #cf_16 [data-name="html_15"].cf-hide,
body.zeigeTourenA #cf_16 [data-name="sonderregelung_liste"].cf-hide {
	display: none;
}
#cf_16 [data-name="sonderregelung_upload"] {
	/* width: 500px; */
	/* max-width: 500px; */
	width: 631px;
	max-width: 631px;
}
#cf_16 [data-name="telefon"] {
	width: 25%;
	max-width: 25%;
}
#cf_16 [data-name="email"] {
	width: 25%;
	max-width: 25%;
}
#cf_16.dateiHochladen .dz-message {
	animation: radioAlarmAnimT 5s infinite;
}
@keyframes radioAlarmAnimT {
  0% {background: transparent;font-size: 1.3em;color:#333;}
  50% {background: #ff8400;font-size: 1.5em;color:#fff;}
  100% {background: transparent;font-size: 1.3em;color:#333;}
}
#cf_16 #form16_sonderregelungupload:has(.cfup-file.dz-processing.dz-success.dz-complete) .dz-message {
	display: none;
}
#cf_16 [data-name="sonderregelung_liste"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_16 [data-name="sonderregelung_liste"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) {
  background: #779816;
}
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
#cf_16 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label {
	color: #ffffff;
}
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_16 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_16 [data-name="expressabholung"],
#cf_16 [data-name="expressabholung_ja_nein"],
#cf_16 [data-name="expressabholung_info"],
#cf_16 [data-name="html_20"],
#cf_16 [data-name="html_22"] {
	display: none;
}
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_16 [data-name="submit_2"] {
	margin: 3em 0 0 0;
}
#cf_16 .bestellSeite {
	margin: 3em 0 10em 0;
  display: flex;
  justify-content: space-between;
}
#cf_16 .bestellSeite .bestellZuruck {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_16 .bestellSeite .bestellZuruck:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
#cf_16 .bestellSeite .bestellWeiter {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_16 .bestellSeite .bestellWeiter:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
.bestellSeite0 .bestellZuruck, 
.bestellSeite3 .bestellWeiter {
  opacity: 0;
  pointer-events: none;
}
#cf_16 .bestellSeite .bestellDrucken {
	display: none;
  padding: 1rem 2rem;
  color: #ff8400;
  /* background: #ff840033; */
  background: transparent;
	border: 1px solid #ff8400;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_16 .bestellSeite3 .bestellDrucken {
  /* display: block; */
}
#cf_16 .bestellSeite .bestellDrucken:hover {
  color: #ffffff;
  background: #ff8400cc;
  transition: 0.3s;
}
.itemid-394 input:-webkit-autofill,
.itemid-394 input:-webkit-autofill:hover, 
.itemid-394 input:-webkit-autofill:focus, 
.itemid-394 input:-webkit-autofill:active{
  -webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
	border: none !important;
	caret-color: white !important;
	background-clip: content-box !important;
}
#cf_16.convertforms.cf-success .cf-response {
  background-color: transparent;
	color: #333;
}
#cf_16.convertforms.cf-success .cf-response .knoepfchen a {
  padding: 0.5em 1em;
  background: #779816;
  margin: 1em 0 0 0;
  display: inline-block;
  color: #ffffff !important;
	cursor: pointer;
}
#cf_16.convertforms.cf-success .cf-response .knoepfchen a:hover {
  background: #9EC232;
}
#cf_16.convertforms.cf-success .cf-response .formularInfoTermin.exp_Ja,
#cf_16.convertforms.cf-success .cf-response .formularInfoExpress.exp_Nein {
  display: none;
}
#cf_16.convertforms.cf-success .cf-response .formularInfoExpress.exp_Ja {
  display: block;
}
#cf_16.convertforms:has(.cf-response[role="alert"]) {
  /* margin: 5em 0 0 0; */
}
#cf_16.convertforms .cf-response[role="alert"] {
  font-size: 2em;
  margin: 1em 0 0.5em 0;
	padding: 1em 0;
}
#cf_16.convertforms [data-name="email_check"] {
  display: none;
}
@media (max-width: 760px) {
	.kalender_monate {
		overflow-x: auto;
	}
	#cf_16 [data-name="verlauf"] .cf-list > div {
    width: 100%;
  }
	#cf_16 [data-name="verlauf"] {
		display: none;
	}
  #cf_16.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_16.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_16.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_16.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_16.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_16.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_16.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_16.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_16.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_16.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_16.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_16.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_16.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_16.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_16.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_16.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_16.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_16.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_16.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_16.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(4) {
    display: none;
  }
	#cf_16 [data-name="platzhalter_1"],
	#cf_16 [data-name="platzhalter_2"],
	#cf_16 [data-name="ortsteil"],
	#cf_16 [data-name="platzhalter_3"],
	#cf_16 [data-name="platzhalter_4"],
	#cf_16 [data-name="platzhalter_5"],
	#cf_16 [data-name="ortsteil_post"],
	#cf_16 [data-name="platzhalter_6"] {
		display: none;
	}
	#cf_16 [data-name="strasse"] {
    max-width: 75%;
    width: 75%;
	}
	.listeStrassen {
		width: 135%;
	}
	#cf_16 [data-name="hausnummer"] {
    max-width: 25%;
  	width: 25%;
	}
	#cf_16 [data-name="plz"],
	#cf_16 [data-name="ort"] {
		width: 50%;
    max-width: 50%;
	}
	#cf_16.convertforms #form16_datumwunsch:not(:placeholder-shown) {
		width: calc(100% - 0rem);
	}
	#cf_16 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
    width: calc(calc(100% / 2) - 1rem);
	}
	#cf_16 [data-name="expressabholung_ja_nein"] .cf-list label {
		text-align: center;
		width: 100%;
	}
	#cf_16 [data-name="telefon"] {
		width: 100%;
    max-width: 100%;
	}
	#cf_16 [data-name="benachrichtigungsart_email_post"] .cf-list {
		justify-content: space-between;
	}
	#cf_16 [data-name="email"] {
		width: 100%;
		max-width: 100%;
	}
	#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
		width: 100%;
    margin: 0 0.25em 0.75em 0.25em;
	}
	#cf_16 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group .cf-label {
		width: 100%;
		text-align: center;
	}
}
@media print {
	.itemid-394 input:-webkit-autofill,
	.itemid-394 input:-webkit-autofill:hover, 
	.itemid-394 input:-webkit-autofill:focus, 
	.itemid-394 input:-webkit-autofill:active,
	.itemid-394 input:autofill,
	.itemid-394 input:autofill:hover, 
	.itemid-394 input:autofill:focus, 
	.itemid-394 input:autofill:active{
		-webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
		box-shadow: inset 0 0 0 100px #ffffff  !important;
		border: none !important;
		caret-color: white !important;
		background-clip: content-box !important;
		outline: 0 !important;
	}
	.itemid-394 #left [aria-label="Accordeonmenuck"],
	.itemid-394 #left [aria-label="Suche"],
	.itemid-394 #mainNavigation,
	.itemid-394 #block1,
	.itemid-394 #row1,
	.itemid-394 #usercentrics-button,
	.itemid-394 [data-name="verlauf"],
	.itemid-394 [data-name="html_27"],
	.itemid-394 [data-name="datum_wunsch"] .kalender_alles,
	.itemid-394 [data-name="submit_2"],
	.itemid-394 [data-name="html_45"],
	.itemid-394 [data-name="html_26"] {
		display: none;
	}
	body.itemid-394 {
		background: transparent !important;
		background-image: none !important;
    }
	.itemid-394 #left [aria-label="Logo"] {
		position: absolute;
		width: 30%;
    right: 0;
	}
	.itemid-394 .column.main {
		width: 100%;
    max-width: 100%;
    }
	.itemid-394 #maincenter {
		min-height: inherit;
	}
	.itemid-394 #cf_16 .cf-control-input {
		font-size: 1em;
	}
	#cf_16 div .cf-list label {
    padding: 0.25em 0.5em;
		font-size: 1em;
	}
	.itemid-394 h1 {
    margin: 1em 0 0 0;
		font-size: 30px;
	}
	.itemid-394 #cf_16.convertforms .cf-input,
	.itemid-394 #cf_16.convertforms .cf-input[readonly] {
		border: 1px solid transparent !important;
		background: transparent !important;
	}
	#cf_16 div.cf-fields [data-name="html_15"],
	#cf_16 div.cf-fields [data-name="sonderregelung_liste"],
	#cf_16 [data-name="sonderregelung_upload"] .dz-message {
    display: none;
	}
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_0:checked ) [data-name="html_15"],
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_0:checked ) [data-name="sonderregelung_liste"],
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_1:checked ) [data-name="html_15"],
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_1:checked ) [data-name="sonderregelung_liste"],
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_2:checked ) [data-name="html_15"],
	#cf_16 div.cf-fields:has(input#form16_sonderregelungliste_2:checked ) [data-name="sonderregelung_liste"] {
    display: block;
	}
	#cf_16 div.cf-fields:has(input#form16_expressabholungjanein_1:checked ) [data-name="html_20"],
	#cf_16 div.cf-fields:has(input#form16_expressabholungjanein_1:checked ) [data-name="expressabholung_ja_nein"],
	#cf_16 div.cf-fields:has(input#form16_expressabholungjanein_1:checked) [data-name="html_22"]  {
    display: none;
	}
}












/* Elekroschrott Abholl 2026 */

.itemid-399 #maincenter {
	min-height: 100vh;
}
#cf_19 {
	background-color: transparent;
}
#cf_19 h2 {
	margin: 2em 0 0 0;
}
#cf_19 h2 + h3 {
	margin: 1em 0 0 0;
}
#cf_19 h3 {
	margin: 2em 0 0 0;
}
#cf_19.convertforms [class*=cf-list-] {
    margin-right: -9px;
}
#cf_19 input {
  background-color: transparent;
}
#cf_19 [data-name="checkbox_44"] .cf-checkbox-group {
  align-items: center;
}
#cf_19 [data-name="checkbox_44"] input {
  height: 1em;
  aspect-ratio: 1 / 1;
}
#cf_19.convertforms input:placeholder-shown {
  border: 1px solid #ff8400 !important;
}
#cf_19.convertforms .cf-input:not(.flatpickr-input)[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
	cursor: default;
	border: 1px solid transparent !important;
}
#cf_19.convertforms .cf-input:not(:placeholder-shown)[readonly],
#cf_19.convertforms input:not(:placeholder-shown) {
	border: 1px solid #779816 !important;
}
#cf_19.convertforms .cf-input#form19_hausnummer:placeholder-shown {
	opacity: 0;
	pointer-events: none;
}
#cf_19.convertforms .cf-fields:has([data-name="ort"] .cf-input:not(:placeholder-shown)[readonly]) .cf-input#form19_hausnummer {
	opacity: 1;
	pointer-events: all;
}
#cf_19 .cf-fields .cf-control-group:first-child {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#cf_19 [data-name="verlauf"] .cf-control-input {
  overflow: hidden;
}
#cf_19 .cf-control-input {
  /* font-size: 1.3rem;  */
  font-size: 1.3em;
}
#cf_19 .cf-checkbox-group .cf-label,
#cf_19 .cf-radio-group .cf-label,
#cf_19 .cf-btn {
  font-size: inherit;
}
#cf_19 [data-name="verlauf"] .cf-list {
  padding: 0;
  overflow: hidden;
  box-shadow: inset -0.45em 0 0 #779816;
}
#cf_19 [data-name="verlauf"] .cf-radio-group {
  width: calc(100% / 4);
  transform: skewX(-15deg);
  border-top: 1px solid #779816;
  border-right: 1px solid #779816;
	padding: 0 0rem 0 0;
  margin: 0 0rem 0 0;
	/* background: #77981699; */
	background: transparent;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_19 .cf-radio-group {
  position: relative;
}
/* #cf_19.convertforms .cf-input[type="checkbox"], */
#cf_19.convertforms .cf-input[type="radio"] {
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
#cf_19 [data-name="verlauf"] input[type="radio"] + label {
  /* font-size: 2rem !important; */
  font-size: 1em !important;
  background: transparent;
  padding: 1rem;
  width: 100%;
  text-align: center;
  /* color: var(--designFarbe-4); */
  transform: skewX(15deg);
	color: #779816 !important;
  transition: 0.6s;
}
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4),
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) {
  background: #779816;
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label, 
#cf_19 [data-name="verlauf"] .cf-list:has(div:nth-of-type(5) input[type="radio"]:checked) div:nth-of-type(5) input[type="radio"] + label {
  color: #ffffff !important;
  transition: 0.6s;
}
#cf_19 [data-name="adresseValide"] {
	display: none;
}
#cf_19 [data-name="html_11"],
#cf_19 [data-name="html_12"],
#cf_19 [data-name="ortsteil"],
#cf_19 [data-name="html_13"],
#cf_19 [data-name="html_39"],
#cf_19 [data-name="html_40"],
#cf_19 [data-name="ortsteil_post"],
#cf_19 [data-name="html_41"] {
	opacity: 0;
	pointer-events: none;
}
#cf_19 [data-name="html_47"] {
	display: none;
}
#cf_19 #form19_datumwunsch {
	margin: 0 0 1rem 0;
	pointer-events: none;
	border: 1px solid transparent !important;
	--input-placeholder-color: #779816;
	--input-color: #779816;
	--input-placeholder-color: #ff8400;
	--input-color: #ff8400;
}
#cf_19.convertforms #form19_datumwunsch:not(:placeholder-shown) {
	/* width: 25%; */
	width: calc(25% - 1rem);
	text-align: center;
	border: 1px solid #779816 !important; 
	--input-placeholder-color: #779816;
	--input-color: #779816;
}
#cf_19 [data-name="html_15"],
#cf_19 [data-name="sonderregelung_liste"],
#cf_19 [data-name="html_18"] {
	display: none;
}
body.zeigeTourenA #cf_19 [data-name="html_15"],
body.zeigeTourenA #cf_19 [data-name="sonderregelung_liste"] {
	display: initial;
}
body.zeigeTourenA #cf_19 [data-name="html_15"].cf-hide,
body.zeigeTourenA #cf_19 [data-name="sonderregelung_liste"].cf-hide {
	display: none;
}
#cf_19 [data-name="sonderregelung_upload"] {
	/* width: 500px; */
	/* max-width: 500px; */
	width: 631px;
	max-width: 631px;
}
#cf_19 [data-name="telefon"] {
	width: 25%;
	max-width: 25%;
}
#cf_19 [data-name="email"] {
	width: 25%;
	max-width: 25%;
}
#cf_19.dateiHochladen .dz-message {
	animation: radioAlarmAnimT 5s infinite;
}
@keyframes radioAlarmAnimT {
  0% {background: transparent;font-size: 1.3em;color:#333;}
  50% {background: #ff8400;font-size: 1.5em;color:#fff;}
  100% {background: transparent;font-size: 1.3em;color:#333;}
}
#cf_19 #form19_sonderregelungupload:has(.cfup-file.dz-processing.dz-success.dz-complete) .dz-message {
	display: none;
}
#cf_19 [data-name="sonderregelung_liste"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_19 [data-name="sonderregelung_liste"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2),
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3),
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) {
  background: #779816;
}
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label,
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(3) input[type="radio"]:checked) div:nth-of-type(3) input[type="radio"] + label,
#cf_19 [data-name="sonderregelung_liste"] .cf-list:has(div:nth-of-type(4) input[type="radio"]:checked) div:nth-of-type(4) input[type="radio"] + label {
	color: #ffffff;
}
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_19 [data-name="expressabholung_ja_nein"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
  background: transparent;
  margin: 0 0.5rem;
  border: 1px solid #779816;
	color: #779816;
}
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list label {
  padding: 0.45em 1em;
  font-size: 1em;
}
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1),
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) {
  background: #779816;
}
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(1) input[type="radio"]:checked) div:nth-of-type(1) input[type="radio"] + label,
#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list:has(div:nth-of-type(2) input[type="radio"]:checked) div:nth-of-type(2) input[type="radio"] + label {
	color: #ffffff;
}
#cf_19 [data-name="submit_2"] {
	margin: 3em 0 0 0;
}
#cf_19 .bestellSeite {
	margin: 3em 0 10em 0;
  display: flex;
  justify-content: space-between;
}
#cf_19 .bestellSeite .bestellZuruck {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_19 .bestellSeite .bestellZuruck:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
#cf_19 .bestellSeite .bestellWeiter {
  padding: 1rem 2rem;
  color: #779816;
  /* background: #9ec232; */
  /* background: #ffffff; */
  background: transparent;
	border: 1px solid #779816;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_19 .bestellSeite .bestellWeiter:hover {
  color: #ffffff;
  background: #779816;
  transition: 0.3s;
}
.bestellSeite0 .bestellZuruck, 
.bestellSeite3 .bestellWeiter {
  opacity: 0;
  pointer-events: none;
}
#cf_19 .bestellSeite .bestellDrucken {
	display: none;
  padding: 1rem 2rem;
  color: #ff8400;
  /* background: #ff840033; */
  background: transparent;
	border: 1px solid #ff8400;
  transition: 0.3s;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#cf_19 .bestellSeite3 .bestellDrucken {
  /* display: block; */
}
#cf_19 .bestellSeite .bestellDrucken:hover {
  color: #ffffff;
  background: #ff8400cc;
  transition: 0.3s;
}
.itemid-399 input:-webkit-autofill,
.itemid-399 input:-webkit-autofill:hover, 
.itemid-399 input:-webkit-autofill:focus, 
.itemid-399 input:-webkit-autofill:active{
  -webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
	border: none !important;
	caret-color: white !important;
	background-clip: content-box !important;
}
#cf_19.convertforms.cf-success .cf-response {
  background-color: transparent;
	color: #333;
}
#cf_19.convertforms.cf-success .cf-response .knoepfchen a {
  padding: 0.5em 1em;
  background: #779816;
  margin: 1em 0 0 0;
  display: inline-block;
  color: #ffffff !important;
	cursor: pointer;
}
#cf_19.convertforms.cf-success .cf-response .knoepfchen a:hover {
    background: #9EC232;
}
#cf_19.convertforms.cf-success .cf-response .formularInfoTermin.exp_Ja,
#cf_19.convertforms.cf-success .cf-response .formularInfoExpress.exp_Nein {
  display: none;
}
#cf_19.convertforms.cf-success .cf-response .formularInfoExpress.exp_Ja {
  display: block;
}
#cf_19.convertforms:has(.cf-response[role="alert"]) {
  /* margin: 5em 0 0 0; */
}
#cf_19.convertforms .cf-response[role="alert"] {
  font-size: 2em;
  margin: 1em 0 0.5em 0;
	padding: 1em 0;
}
#cf_19.convertforms [data-name="email_check"] {
  display: none;
}
#cf_19.convertforms [data-name="expressabholung"],
#cf_19.convertforms [data-name="expressabholung_ja_nein"],
#cf_19.convertforms [data-name="expressabholung_info"] {
  display: none;
}
#cf_19.convertforms [data-name="benachrichtigungsart_email_post"] {
  display: none;
}
@media (max-width: 760px) {
	.kalender_monate {
		overflow-x: auto;
	}
	#cf_19 [data-name="verlauf"] .cf-list > div {
    width: 100%;
  }
	#cf_19 [data-name="verlauf"] {
		display: none;
	}
  #cf_19.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_19.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_19.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_19.bestellSeite0 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_19.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_19.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_19.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_19.bestellSeite1 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_19.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_19.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_19.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(4), 
	#cf_19.bestellSeite2 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_19.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_19.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_19.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_19.bestellSeite3 [data-name="verlauf"] .cf-list div:nth-of-type(5), 
	#cf_19.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(1), 
	#cf_19.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(2), 
	#cf_19.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(3), 
	#cf_19.bestellSeite4 [data-name="verlauf"] .cf-list div:nth-of-type(4) {
    display: none;
  }
	#cf_19 [data-name="platzhalter_1"],
	#cf_19 [data-name="platzhalter_2"],
	#cf_19 [data-name="ortsteil"],
	#cf_19 [data-name="platzhalter_3"],
	#cf_19 [data-name="platzhalter_4"],
	#cf_19 [data-name="platzhalter_5"],
	#cf_19 [data-name="ortsteil_post"],
	#cf_19 [data-name="platzhalter_6"] {
		display: none;
	}
	#cf_19 [data-name="strasse"] {
    max-width: 75%;
    width: 75%;
	}
	.listeStrassen {
		width: 135%;
	}
	#cf_19 [data-name="hausnummer"] {
    max-width: 25%;
    width: 25%;
	}
	#cf_19 [data-name="plz"],
	#cf_19 [data-name="ort"] {
		width: 50%;
    max-width: 50%;
	}
	#cf_19.convertforms #form19_datumwunsch:not(:placeholder-shown) {
		width: calc(100% - 0rem);
	}
	#cf_19 [data-name="expressabholung_ja_nein"] .cf-list .cf-radio-group {
    width: calc(calc(100% / 2) - 1rem);
	}
	#cf_19 [data-name="expressabholung_ja_nein"] .cf-list label {
		text-align: center;
		width: 100%;
	}
	#cf_19 [data-name="telefon"] {
		width: 100%;
    max-width: 100%;
	}
	#cf_19 [data-name="benachrichtigungsart_email_post"] .cf-list {
		justify-content: space-between;
	}
	#cf_19 [data-name="email"] {
		width: 100%;
		max-width: 100%;
	}
	#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group {
		width: 100%;
    margin: 0 0.25em 0.75em 0.25em;
	}
	#cf_19 [data-name="benachrichtigungsart_adressen"] .cf-list .cf-radio-group .cf-label {
		width: 100%;
		text-align: center;
	}
}

@media print {
	.itemid-399 input:-webkit-autofill,
	.itemid-399 input:-webkit-autofill:hover, 
	.itemid-399 input:-webkit-autofill:focus, 
	.itemid-399 input:-webkit-autofill:active,
	.itemid-399 input:autofill,
	.itemid-399 input:autofill:hover, 
	.itemid-399 input:autofill:focus, 
	.itemid-399 input:autofill:active{
		-webkit-box-shadow: inset 0 0 0 100px #ffffff  !important;
		box-shadow: inset 0 0 0 100px #ffffff  !important;
		border: none !important;
		caret-color: white !important;
		background-clip: content-box !important;
		outline: 0 !important;
	}
	.itemid-399 #left [aria-label="Accordeonmenuck"],
	.itemid-399 #left [aria-label="Suche"],
	.itemid-399 #mainNavigation,
	.itemid-399 #block1,
	.itemid-399 #row1,
	.itemid-399 #usercentrics-button,
	.itemid-399 [data-name="verlauf"],
	.itemid-399 [data-name="html_27"],
	.itemid-399 [data-name="datum_wunsch"] .kalender_alles,
	.itemid-399 [data-name="submit_2"],
	.itemid-399 [data-name="html_45"],
	.itemid-399 [data-name="html_26"] {
		display: none;
	}
	body.itemid-399 {
		background: transparent !important;
		background-image: none !important;
    }
	.itemid-399 #left [aria-label="Logo"] {
		position: absolute;
		width: 30%;
    right: 0;
	}
	.itemid-399 .column.main {
		width: 100%;
    max-width: 100%;
    }
	.itemid-399 #maincenter {
		min-height: inherit;
	}
	.itemid-399 #cf_19 .cf-control-input {
		font-size: 1em;
	}
	#cf_19 div .cf-list label {
    padding: 0.25em 0.5em;
		font-size: 1em;
	}
	.itemid-399 h1 {
    margin: 1em 0 0 0;
		font-size: 35px;
	}
	.itemid-399 #cf_19.convertforms .cf-input,
	.itemid-399 #cf_19.convertforms .cf-input[readonly] {
		border: 1px solid transparent !important;
		background: transparent !important;
	}
	#cf_19 div.cf-fields [data-name="html_15"],
	#cf_19 div.cf-fields [data-name="sonderregelung_liste"],
	#cf_19 [data-name="sonderregelung_upload"] .dz-message {
    display: none;
	}
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_0:checked ) [data-name="html_15"],
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_0:checked ) [data-name="sonderregelung_liste"],
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_1:checked ) [data-name="html_15"],
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_1:checked ) [data-name="sonderregelung_liste"],
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_2:checked ) [data-name="html_15"],
	#cf_19 div.cf-fields:has(input#form19_sonderregelungliste_2:checked ) [data-name="sonderregelung_liste"] {
    display: block;
	}
	#cf_19 div.cf-fields:has(input#form19_expressabholungjanein_1:checked ) [data-name="html_20"],
	#cf_19 div.cf-fields:has(input#form19_expressabholungjanein_1:checked ) [data-name="expressabholung_ja_nein"],
	#cf_19 div.cf-fields:has(input#form19_expressabholungjanein_1:checked) [data-name="html_22"]  {
    display: none;
	}
}


/*** Bedienhilfen Barreierfrei 

.kwb-access-btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-width: 0;                 /* wichtig in Flex 
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.kwb-access-btn:focus {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

ul.before-collapse._access-scrollbar:focus {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* Landmark-Wrapper soll KEIN Layout beeinflussen 
#kwb-access-landmark{
  display: contents; /* wichtig: keine Box -> keine Breiten/Umbruch-Probleme 
}

/* optional: nur falls Plugin-Z-Index Probleme hat 
#kwb-access-landmark ._access-icon,
#kwb-access-landmark i._access-icon,
#kwb-access-landmark ._access-menu,
#kwb-access-landmark ul.before-collapse._access-scrollbar{
  z-index: 9999;
}

***/



/***CSS für das Aktuelles ACF H1 Übershcrift ***/

.kwb-article-grid{
  display:flex;
  gap:30px;
  align-items:flex-start;
}


/* AUSGEBLENDET VON SB 19012026 | 0821

.kwb-article-left{
  flex:0 0 40%;
}
*/


.kwb-article-right{
  flex:1 1 60%;
}

.kwb-article-img{
  width:100%;
  height:auto;
  display:block;
}

/* Bildunterschrift: grüner Kasten mit weißer Schrift */
.kwb-article-caption{
  margin-top:12px;
  padding:12px 14px;
  background-color: #627E12; /* euer barrierearmes Grün */
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.4;
}


.kwb-article-h1{
  margin:0 0 14px 0;
}

@media (max-width: 900px){
  .kwb-article-grid{
    flex-direction:column;
  }
  .kwb-article-left{
    flex:1 1 auto;
  }
}

/*** ANPASSUNGEN / AUSNAHMEN ANHAND BARREREFREIHEITSTEST - externe MODULE ***/



/*cfform*/
.cfupload-browse {
  color: #000000 !important;
}

.dz-message {
  color: #000000 !important;
}

/*** Newsletter

.com-content-article__body {
  display: none;
}
 ***/

/* =====================================================
   Leitbild – Unsere Werte
   Joomla 6 / barrierearm / responsive
   ===================================================== */

.kwb-values {
  background: transparent;
  color: #ffffff;
  margin: 3rem 0;
  padding: 0;
}

.kwb-values__inner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.kwb-values__heading {
  margin: 0 0 1.5rem 0;
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.15;
  text-transform: uppercase;
}

.kwb-values__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.kwb-values__card {
  min-width: 0;
  list-style: none;
  background: #6f930f;
}

.kwb-values__item {
  position: relative;
  min-height: 285px;
  height: 100%;
  overflow: hidden;
  background: #6f930f;
  color: #ffffff;
  padding: clamp(1.3rem, 2vw, 2rem);
  box-sizing: border-box;
}

.kwb-values__wing {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(110px, 34%, 200px);
  height: auto;
  pointer-events: none;
}

.kwb-values__claim,
.kwb-values__item h3,
.kwb-values__label,
.kwb-values__item p {
  position: relative;
  z-index: 1;
}

.kwb-values__claim {
  margin: 0 0 .35rem 0;
  color: #ffffff;
  font-size: clamp(.85rem, 1vw, 1rem);
  line-height: 1.25;
}

/*.kwb-values__item h3 {
  color: #ffffff;
  margin: 0 0 1.1rem 0;
  font-size: clamp(1.7rem, 2.6vw, 3rem);
  line-height: .95;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  hyphens: auto;
}*/

.kwb-values__item h3 {
    color: #ffffff;
    margin: 0 0 1.1rem 0;
    font-size: clamp(1.7rem, 2.6vw, 3rem);
    line-height: .95;
    text-transform: uppercase;

    /* Keine Silbentrennung */
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
}

.kwb-values__label {
  display: inline-block;
  margin: 0 0 .9rem 0;
  padding: .25rem .5rem;
  background: #009fe3;
  color: #ffffff;
  font-size: .78rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}

.kwb-values__item p {
  color: #ffffff;
  margin: 0 0 .85rem 0;
  font-size: .95rem;
  line-height: 1.45;
}

.kwb-values__item p:last-child {
  margin-bottom: 0;
}

/* Letzte Karte über volle Breite */
.kwb-values__card:last-child {
  grid-column: span 3;
}

.kwb-values__card:last-child .kwb-values__item {
  min-height: 220px;
}

/* Tablet */
@media (max-width: 1024px) {
  .kwb-values__grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }

  .kwb-values__card:last-child {
    grid-column: span 2;
  }
}

/* Smartphone */
@media (max-width: 700px) {
  .kwb-values {
    margin: 2rem 0;
    padding: 2rem 0;
  }

  .kwb-values__inner {
    width: min(100% - 32px, 1320px);
  }

  .kwb-values__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .kwb-values__card:last-child {
    grid-column: span 1;
  }

  .kwb-values__item {
    min-height: auto;
    padding: 1.4rem;
  }

  .kwb-values__card:last-child .kwb-values__item {
    min-height: auto;
  }

  .kwb-values__item h3 {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .kwb-values__wing {
    width: 130px;
  }
}