/* Main */
main {width:100%;padding:21px 21px 105px!important;background:#fff;font-size:1.143em}
@media (max-width:940px) {main {padding:0}}

/* Spalten Inhaltsbereich */
.col.wide {flex-basis:68%;margin:0 21px 0 0;max-width:100%!important} /* flex-basis:68%;margin:0 4% 0 0; */
.col.wide p,.col.wide ul,.col.wide ol {max-width:700px;margin-left:auto;margin-right:auto}
.col.wide h1 {max-width:700px;margin-left:auto;margin-right:auto}
.col.wide h2 {max-width:700px;margin-left:auto;margin-right:auto;padding-top:1em}
.col.wide .interesse h2 {max-width:100%}
.col.wide h3 {max-width:700px;margin-left:auto;margin-right:auto}
.col.wide h4 {max-width:700px;margin-left:auto;margin-right:auto}
.col.narrow {flex-basis:28%;min-width:210px} /* flex-basis:28%;padding:2%; */
@media (max-width:42em) {.col.wide {max-width:100%;margin-right:0} .col.narrow {max-width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between} .col.narrow > * {max-width:100%}}


/* Infospalte, Boxen */
.box {clear:both;display:block;box-sizing:border-box;width:100%;margin:0 auto 21px}
.box h2,.box h3 {font-weight:bold;font-size:17.5px;padding:14px;margin:0;width:auto}
.box p {margin:0 0 7px}
.box a img {width:100%}
.box .oi.lupe {margin-top:-61px}
.box ul {margin:0;padding:0}
.box li {margin:0 0 0.25em 0.9em;padding:0}
.col.narrow .box li {hyphens:none}
.col.narrow .box .padding {padding:0}


/* Listen von Items */
/* Umstellung: Elemente als .card formatiert, Listen über Variablen gesteuert, z.B. style="--items:3" */
/* Neue Version erstellen und die Plugins nach und nach Umstellen. Dann checken, wo liste->item noch genutzt wird, und danach CSS entfernen. */

.item {box-sizing:border-box}

.liste {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;align-content:flex-start;justify-content:space-between}
.liste > div {max-width:calc(33% - 49px);width:100%;border-radius:0}
.liste > div {margin:0 0 20px;padding:21px;overflow:hidden}
.liste.korrektur::after {content:'';flex:auto}
.liste.korrektur > div:last-child {margin-left:17.5px}
@media (max-width:900px) {div.liste > div {max-width:calc(50% - 49px)}}
@media (max-width:600px) {div.liste > div {max-width:calc(100% - 42px)}div.liste {flex-direction:column}}
div.liste .hidden.item {display:block}
p.liste.leer {text-align:center}
p.liste.leer a.check.button {display:inline-block;width:auto;margin:21px auto 0}

/* z.B. Mitarbeiterliste */
.liste.zwei > .item {position:relative;max-width:calc(50% - 10.5px);padding:2%;margin-bottom:3.5%}
@media (max-width:649px) { .liste.zwei > .item {max-width:100%} }
/* z.B. Videoliste */
.liste.drei > .item {position:relative;max-width:calc((100% / 3) - 14px);padding:21px;margin-bottom:28px}
/* z.B. Infomaterialliste */
.liste.vier > .item {position:relative;max-width:calc((100% / 4) - 14px);padding:21px;margin-bottom:28px}

.liste.fuenf > .item {position:relative;max-width:calc((100% / 5) - 14px);padding:21px;margin-bottom:28px}

/* @media (max-width:500px) { .liste > .item {max-width:calc(96% + 42px)!important;margin-left:-21px;margin-right:-21px;width:200%} } */
@media (max-width:899px) { .liste > .item {max-width:calc((100% / 2) - 10.5px)!important} }
@media (max-width:649px) { .liste > .item {max-width:100%!important;margin-left:0;margin-right:-21px;width:100%} }

/* Item */
.item {margin:0 0 21px;overflow:hidden}
.item h2 {padding:21px;margin:-21px -21px 10.5px}
.item.title {display:flex;justify-content:space-between;flex-direction:row-reverse}
.item.title.right {flex-direction:row}
.item.title .img {background-size:cover;background-position:50% 0%;width:50%}
.item.title .text {width:45%;margin:0 3% 0 0}
.item.title.right .text {margin:0 0 0 3%}
.item.title .text h1 {margin:-21px -21px 21px;padding:21px 14px 14px 21px}

.liste > .hidden.item {visibility:hidden;flex-basis:auto;border:0px none;margin:0;padding-top:0;padding-bottom:0}

/* Anpassungen für Einzelseiten */
@media (min-width:650px) {.menu__unt-fil div.liste > div,.menu__agb div.liste > div,.menu__aktuelles div.liste > div {max-width:calc(50% - 49px);flex-basis:50%}}
@media (max-width:999px) {.menu__aktuelles div.liste > div {max-width:calc(100%)}}

.main__image {width:100%;height:400px;padding-top:0;margin-bottom:21px;background-size:cover;background-position:50% 15%}

a.bildteaser {display:block;width:100%;height:0;padding-top:calc(100% / 3 * 2.1);margin-bottom:14px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}

div.box.ansprechpartner .padding img {width:100%;max-width:50%;margin:0 25%}

.telefon .button {margin-bottom:0}
.telefon .button::before {content:'Telefon: '}


/* Zentrale Mitarbeiterseite */
.item.standort h2 {margin:-21px -21px 21px!important;width:calc(100% + 42px)}
.item.standort .buttons,.item p.thirds {display:flex;width:calc(100% + 7px);flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:1em -7px -14px 0;align-content:flex-end}
.item.standort .buttons .button {flex-grow:1;min-width:5em;margin-right:7px}

.liste.zwei > div.item.mitarbeiter {min-height:28rem;margin-bottom:21px!important}
.item.mitarbeiter {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;overflow:visible;padding:2rem}
.item.mitarbeiter * {hyphens:none}

.item.mitarbeiter figure {width:135px;height:162px;background:transparent no-repeat 50% 50%;background-size:contain;margin:0 0 2em;flex-grow:0;flex-shrink:0}

.item.mitarbeiter .text {width:100%;max-width:calc(98% - 2rem - 135px);padding:0 0 0 2rem;min-width:12rem}
.item.mitarbeiter .text > * {width:100%;margin-left:0}
div.item.mitarbeiter .text > p.standort,div.item.mitarbeiter .text > p.titel,div.item.mitarbeiter .text > p.telefon,div.item.mitarbeiter .text > p:last-child {margin-bottom:0}

.mitarbeiter .name {font-size:1.25em;font-weight:bold;margin-bottom:0}
.mitarbeiter p.titel {font-weight:bold}
.mitarbeiter p.email {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.item.mitarbeiter .buttons {width:calc(100% + 14px);margin:2rem -14px -14px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:end}
.item.mitarbeiter .buttons .button {flex-grow:1;display:flex;justify-content:center;align-items:center;min-width:5em}

.deterding__dd div.mitarbeiter .name,.deterding__dd div.mitarbeiter .titel {color:#242e7c}
.deterding__dg div.mitarbeiter .name,.deterding__dg div.mitarbeiter .titel {color:#535e69}

/* @media (min-width:800px) {main > .item.mitarbeiter .text {column-count:2;column-gap:2rem}main > .item.mitarbeiter .text > * {display:inline-block;width:100%}} */
@media (max-width:800px) {.item.mitarbeiter figure {width:calc(100% - 4rem)}div.item.mitarbeiter > div.text {max-width:100%}}

.item.mitarbeiter h3.headline {width:100%;max-width:100%;padding:0 0 2rem;margin:0}
.item.mitarbeiter form {width:100%;margin:var(--padding) var(--padding) 0 0}
@media (max-width:800px) {.item.mitarbeiter form {width:calc(100% + 42px)} .item.mitarbeiter form fieldset {padding:1rem}}
@media (max-width:500px) {.item.mitarbeiter form {margin-bottom:0} .item.mitarbeiter form fieldset {padding:1rem;border-radius:0}}
.item.mitarbeiter form fieldset {margin:0 auto}
.item.mitarbeiter form p.hinweis {max-width:100%!important}
.item.mitarbeiter hr.single__checkbox {margin-top:21px}
.item.mitarbeiter .form__field[required]:not(:valid):not(:placeholder-shown) ~ p#fehlermeldung {margin:21px 0 -35px}
input.radio_hidden, input.check_hidden {display: none;}


div:not(.liste):not(.stack):not(.single) > div.aktion {border:4px solid #feed00;border-top:0px none;max-width:700px;padding:21px;margin:0 auto 42px;position:relative;box-shadow:0px 3px 0px #f2f2f2}
	div.aktion.label {border:4px solid #feed00}
	.deterding__dd div.aktion.label {border-color:#c90c0f}
	div.aktion.label:before {content:'AKTION';background:#feed00;padding:.25em .5em;font-size:2em;font-weight:bold;float:right;margin:-21px -21px 21px 21px} /* position:absolute;top:0;right:0; */
	.deterding__dd div.aktion.label:before {background:#c90c0f;color:#fff}
	div.aktion.label h2 {padding-right:6em}
	@media (max-width:550px) {
		div.aktion.label h2 {padding:3em 0 0}
	}
	div.aktion img:first-child {margin:-21px -21px 21px;width:calc(100% + 42px)}
	div.aktion a img:first-child {margin:0 0 14px}
	div.aktion img {margin-bottom:14px}
	div.aktion .aktionsdauer {margin:0 -21px -21px;padding:10.5px}
	.deterding__dd div.aktion .aktionsdauer {background:#c90c0f;color:#fff}
	.deterding__dg div.aktion .aktionsdauer {background:#feed00;color:#000}

.flow,._flow {--minwidth: 21em; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--minwidth), 1fr)); grid-gap: var(--padding);}
._flow._sm,._flow.sm,.flow._sm,.flow.sm {--minwidth:16em}
._flow._md,._flow.md,.flow._md,.flow.md {--minwidth:21em}
._flow._lg,._flow.lg,.flow._lg,.flow.lg {--minwidth:30em}
._flow.sm h2 {hyphens:auto}
@media (max-width: 24em) {
	._flow, .flow.md {--minwidth: calc(100vw - (var(--double-padding) * 1.5))!important;}
}

.card[data-type="teaser"] {position:relative;transition:.1s all ease-in-out}
.card[data-type="teaser"]:hover {opacity:.8;transform:scale(1.05);box-shadow:0 6px 6px rgba(0,0,0,.3);transition:.1s all ease-in-out}
.card[data-type="teaser"] > * {z-index:1}
a.main::after {content:'';z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}

a.teaser.item {opacity:1;transform:scale(1);transition:.1s all ease-in-out;box-shadow:0 1px 1px rgba(0,0,0,.1);width:100%;flex-direction:column;font-weight:normal;padding:21px!important}
a.teaser.item:hover {text-decoration:none;opacity:.8;transform:scale(1.05);transition:.1s all ease-in-out;box-shadow:0 6px 6px rgba(0,0,0,.3)}

a.teaser.item span.ueberschrift {font-size:1em;background:#eee;color:#333333;padding:21px;font-weight:bold;height:auto;line-height:1.2em;display:flex;align-items:center;margin:-21px -21px 21px}
a.teaser.item span.ueberschrift span {padding-left:.5em}

span.bildteaser {position:relative;display:block;width:100%;height:0;padding-top:calc(100% / 3 * 2);margin-bottom:14px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
a.teaser.item button {margin:21px auto}
a.teaser.item button:hover {text-decoration:none;cursor:pointer;background-color:#535e69;color:#fff!important}

a.teaser.card {opacity:1;transform:scale(1);transition:.1s all ease-in-out;box-shadow:0 1px 1px rgba(0,0,0,.1);width:100%;flex-direction:column;font-weight:normal;padding:var(--padding)}
a.teaser.card:hover {text-decoration:none;opacity:.8;transform:scale(1.05);transition:.1s all ease-in-out;box-shadow:0 6px 6px rgba(0,0,0,.3)}

a.teaser.card span.ueberschrift {font-size:1em;background:#eee;color:#333333;padding:21px;font-weight:bold;height:auto;line-height:1.2em;display:flex;align-items:center;margin:calc(var(--padding) * -1) calc(var(--padding) * -1) calc(var(--padding) * 1)}
a.teaser.card span.ueberschrift span {padding-left:.5em}

span.bildteaser {position:relative;display:block;width:100%;height:0;padding-top:calc(100% / 3 * 2);margin-bottom:14px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
a.teaser.card button {margin:21px auto}
a.teaser.card button:hover {text-decoration:none;cursor:pointer;background-color:#535e69;color:#fff!important}

.bildbox {display:block;position:relative;background-color:#e6e7e8;height:0;padding-top:calc(100% / 3 * 2);margin-bottom:21px;overflow:hidden;box-shadow:inset 0px 2px 21px 5px rgba(0,0,0,0.25);background-size:cover;background-position:50% 50%}

.bildbox.infomaterial img,.bildbox.marken img {position:absolute;left:40%;height:auto;max-width:45%;box-shadow:0px 2px 21px 5px rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.35)}
.bildbox.infomaterial img#bild1 {top:7px;margin-left:-12.5%;z-index:30}
.bildbox.infomaterial img#bild2 {z-index:20;margin-left:-37.5%;top:7px;transform:rotateZ(-10deg);filter:grayscale(20%) blur(.15px)}
.bildbox.infomaterial img#bild3 {z-index:10;margin-left:12.5%;top:7px;transform:rotateZ(10deg);filter:grayscale(20%) blur(.15px)}

.bildbox.marken img#bild1 {max-width:210px;padding:10px;background:rgba(255,255,255,0.7);transform:rotateZ(-3deg);top:-7px;margin-left:-95px;z-index:30}
.bildbox.marken img#bild2 {max-width:190px;padding:10px;background:rgba(255,255,255,0.7);z-index:20;margin-left:-154px;top:47px;transform:rotateZ(-10deg);filter:grayscale(20%) blur(.2px)}
.bildbox.marken img#bild3 {max-width:190px;padding:10px;background:rgba(255,255,255,0.7);z-index:10;margin-left:-65px;top:127px;transform:rotateZ(10deg);filter:grayscale(40%) blur(.4px)}

.bildbox.termin .terminbild {width:calc(50% - 21px);height:0;padding-top:35%;position:absolute;background-size:cover;background-position:50% 50%;box-shadow:0px 2px 21px 5px rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.35)}
.bildbox.termin .terminbild#terminbild1 {top:6%;left:14px}
.bildbox.termin .terminbild#terminbild2 {top:41%;left:calc(50% + 7px)}
.bildbox.termin .kalenderblatt {background:transparent;text-align:center;width:calc(50% - 25px);font-family:'Fira Sans'!important;margin-right:2.25em;position:absolute}
.bildbox.termin .kalenderblatt#kalenderblatt1 {top:64%;left:14px}
.bildbox.termin .kalenderblatt#kalenderblatt2 {top:-6%;left:calc(50% + 7px)}
.bildbox.termin .kalenderblatt p {background:#ffffff;border-radius:4px;border:2px solid #333333;color:#000000;font-size:35px;line-height:40px;font-weight:bold;padding:5px 0 0!important;width:100%;text-align:center;margin:0 0 5px;box-shadow:0px 2px 21px 5px rgba(0,0,0,0.25)}
.bildbox.termin .kalenderblatt strong {display:block;text-transform:uppercase;font-size:14px;font-weight:bold;font-style:normal;line-height:1em}
.bildbox.termin .kalenderblatt em, .calendar em a {background:#999;color:#fff;display:block;text-transform:uppercase;font-size:14px;line-height:21px;font-weight:bold;font-style:normal}
.bildbox.termin .kalenderblatt span {color:#000000;display:block;font-size:17.5px;line-height:20px;font-weight:bold;font-style:normal}

.playpause {border:0px none;display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:10px;border-radius:50%;background:rgba(0,0,0,.6);position:absolute;top:50%;left:50%;margin:-18px;outline:0;z-index:50}
.playpause span[data-action="start"] {height:0;width:0;margin-left:5px;background:none;border:none;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid rgba(255,255,255,1)}
a:hover .playpause {box-shadow:0px 0px 42px 7px rgba(255,255,255,.5)}

span.text {display:block;text-align:left;font-weight:normal;margin-bottom:1em}

img.marke {float:right}
@media (max-width:450px) { img.marke {float:none;max-width:100%} }
img.marke {width: auto; height: auto; max-width: 245px; max-height: 125px; margin: var(--padding); object-fit: contain;}

dl.faq {border-bottom:1px solid #ccc}
dl.faq dt {cursor:pointer;position:relative;padding:.5em .5em .5em 2em;text-indent:-1.8em;border:1px solid #ccc;border-bottom:0;font-weight:bold}
dl.faq dt:focus {background:#eee;position:relative}
dl.faq dt > svg {transform:rotateZ(90deg);transition:transform .2s;height:1.5em;width:1.5em;margin-bottom:-.33em}
dl.faq dt:focus > svg {transform:rotateZ(180deg);transition:transform .2s}
dl.faq dt:focus>i {position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background:transparent}
dl.faq dd {overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;margin-left:0;padding:.5em 2em;background:#eee}
dl.faq dt:not(:focus) + dd:not(:hover):not(:focus-within) {max-height:0;padding-top:0;padding-bottom:0;transition:.2s}
dl.faq dt:focus:not(:focus-within) + dd {max-height:1000px;transition:.2s}
main:not(:focus-within) dl.faq.autofocus:not(:focus-within) dt:first-child + dd {max-height:1000px;transition:.2s}

dt.no_dd > strong {text-indent:0;padding-left:.7em;font-weight:normal}
dt.no_dd:hover {cursor:default;}
dl.faq dt.no_dd:focus {background:transparent}

.inaktiv {background:linear-gradient(179deg,rgba(0,0,0,0) 0%,rgba(221,221,221,1) 0%,rgba(238,238,238,1) 100%);padding:var(--padding);text-align:center;transform:rotateZ(-1.5deg);box-shadow:0 4px 4px rgba(0,0,0,.3);border:3px dashed #c00;border-width:0 3px;hyphens:none!important}
#main__image + .inaktiv {margin-top:-56px}

nav ul ul ul {overflow:clip} /* Darstellungsfehler (Gesamthöhe aller Menüs als Weißraum unter dem <body>) im Firefox beheben */

.slideshow button,.logozeile button {min-height:0}



/* default.css */
main img {max-width:100%}

section::after{content:'';display:table;clear:both;}
.flow::after{display:none}
p.box {margin:0 auto 21px}


a.msf.button svg {height:1.03em;position:relative;top:.23em;display:inline-block;overflow:visible}
a.msf.button svg:first-child {height:.85em;top:.1em;margin-right:.5em}
a.msf.link svg, a.msf.text svg {height:1.1em;position:relative;top:.23em;display:inline-block;overflow:visible}
span.msf.text,a.msf.link {text-decoration:none;position:relative;font-weight:bold}
a.msf.link::after{content:'';border-bottom:1px solid currentcolor;position:absolute;left:0;width:100%;display:inline-block;height:1.23em}
a.msf.link:hover::after{content:'';border-bottom:1px solid transparent}
span.msf.text svg {height:1.03em;position:relative;top:.23em;display:inline-block;overflow:visible;}
a.msf svg, a.msf svg use {color: inherit!important;}

svg#addr,svg#letter {display:none}

.flex,.stack,.card {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.content-width {max-width:calc(var(--content-width) + var(--padding));margin-right:auto!important;margin-left:auto!important;transform:translateX(calc(var(--padding) / 2))}
.box-width {max-width:var(--box-width);margin-right:auto!important;margin-left:auto!important;padding:0}

.card{width:100%;margin:0 0 var(--padding);position:relative;box-sizing:border-box;flex-direction:column;justify-content:flex-start;max-width:calc(100vw - (var(--padding) * 2))}
.card:not(.blank){background:var(--weiss);border:1px solid var(--grau4);box-shadow:0px 3px 0px var(--grau6);padding:var(--padding);}
.card > h2 {background:var(--grau6);color:var(--grau0);margin:calc(var(--padding) * -1) calc(var(--padding) * -1) var(--padding)!important;max-width:calc(100% + (var(--padding) * 2))!important;width:200%;padding:var(--padding);font-size:2rem;hyphens:none}
.card > h2:nth-child(3) {margin:0 calc(var(--padding) * -1) var(--padding)!important}
.menu__home .card > h2:nth-child(3) {margin: calc(var(--padding) * -1) !important;}

.card p {width:100%;display:block;}
.card > img:first-child,.card > a:first-child,.card > span.bildbox,.card > span.bildteaser,.card > span.bilderteaser,.card > span.oeffnungszeiten {margin:calc(var(--padding) * -1) calc(var(--padding) * -1) 0;max-width:calc(100% + (var(--padding) * 2));width:200%;max-height:425px;height:auto;object-fit:cover;flex-grow:1}
#vorort .card > img:first-child {max-width: 50%;}
@media (max-width: 31.5em) {
  #vorort .card {flex-direction: column; flex-wrap:nowrap;}
  #vorort .card > img:first-child {max-width: 100%; max-height: 200px;}
}
.card > span.bildteaser,.card > span.bilderteaser {margin-bottom:calc(var(--padding) * -1)}
.card[data-type=teaser] > img:first-child,.card[data-type=termin] img,.card[data-type=aktuell] img {margin: calc(var(--padding) * -1) calc(var(--padding) * -1) 0;max-width: calc(100% + (var(--padding) * 2));width: 200%;max-height: 425px;height: auto;object-fit: cover;flex-grow: 1;}
.card[data-type=teaser] > img:first-child,.card[data-type=termin] > img:first-child,.card[data-type=aktuell] > img:first-child {object-fit:cover;}


.card > span.bildteaser + span.text {padding-top:var(--padding)}
.card > a:first-child {padding:var(--padding);max-width:100%}
.card > a:first-child img {margin:0;object-fit:contain;width:100%;height:100%}
.card > span.oeffnungszeiten {padding:var(--padding)}
.card > span.oeffnungszeiten p {width:calc(100% - (2 * var(--padding)))}
.card > img:first-child + h2 {margin-top:0!important}
a.card {font-weight:normal!important;cursor:pointer;}
a.card:hover {text-decoration:inherit;opacity:.8}
.card p:empty {display:none}
.card h2.last {margin-bottom:calc(var(--padding) * -1) !important}
.card.teaser p:not(.last):last-child {text-align:center;margin:0 0 var(--padding)}
.card p a.button {margin:0}
._flow._sm .card h2 {hyphens:auto}

#startseite ~ .slideshow .card {display:flex; flex-direction: row; padding: 0; align-items: stretch; height:auto; max-height: unset;}
#startseite ~ .slideshow .card > img:first-child {margin: 0; max-width: 100%; flex:1 1 100%; max-height: unset!important; min-height: 75%; }
#startseite ~ .slideshow .card > h2.last {margin:0!important;max-width:100%!important}

.stack {margin:0 calc(var(--padding) * -1) 0 0}
.stack > .card {flex:1 1 calc((100% / 2) - var(--padding));width:auto;margin-right:var(--padding);max-width:calc(100% - var(--padding));min-width:21rem;}
/* Steuerung über bedingte Variablen? Oder: Kann man den Stack so einrichten, dass er die Breite selbst bestimmt? */
.stack.two > .card {flex:1 1 calc((100% / 2) - var(--padding));		max-width:100vw;}
.stack.three > .card {flex:1 1 calc((100% / 3) - var(--padding))}
.stack.four > .card {flex:1 1 calc((100% / 4) - var(--padding))}
.stack > .hidden.card {display:block;visibility:hidden;border:0;padding:0;}

/* Mitarbeiterlisten */
.card.standort .buttons,.item p.thirds {display:flex;width:calc(100% + 7px);flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:1em -7px -14px 0;align-content:flex-end;}
.card.standort .buttons .button {flex-grow:1;min-width:4em;margin-right:7px}
.card.standort p {margin-bottom:calc(var(--padding) / 3)}

.card.mitarbeiter {padding-right:0;min-height:30rem}
.card.mitarbeiter figure {min-width:135px;min-height:162px;background:transparent no-repeat 50% 50%;background-size:contain;margin:0 var(--padding) var(--padding) 0;flex:1 0 135px;overflow:hidden;text-align:center}
.card.mitarbeiter figure img {max-height:100%;width:auto;filter:drop-shadow(0 6rem 1.5rem var(--grau4));box-shadow:inset 0 0 var(--double-padding) rgba(0,0,0,.035);}

.card.mitarbeiter .text {width:auto;flex:1 0 calc(100% - (2 * var(--padding)) - 135px);margin:0 var(--padding) 0 0;		padding:0;max-width:9999px}
@media (max-width:1024px) {.card.mitarbeiter .text {min-width:41vw}}

div.card.mitarbeiter .text > p {max-width:calc(100vw - (4 * var(--padding)))!important}
div.card.mitarbeiter .text > p:not(.aufgaben) {margin-bottom:0}

.mitarbeiter .name {font-size:1.25em;font-weight:bold;margin-bottom:0}
.mitarbeiter p.titel {font-weight:bold}
.mitarbeiter p.email {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.card.mitarbeiter .buttons {width:calc(100% + 14px);margin:var(--padding) calc(var(--padding) - 14px) -14px 0;align-content:end;padding:.5rem}
.card.mitarbeiter .buttons .button {flex-grow:1;display:flex;justify-content:center;align-items:center;min-width:5em;}

.card.vkstandort > ._flow {width:100%;overflow:hidden}
.card.vkstandort ._flow > div p {margin-right:0}
.card.vkstandort > h2:first-child {background-position:50% 60%;background-size:cover;}
.card.vkstandort ._flow h2 {background:transparent;padding:0}
	main .navi {float:right;margin:0} @media (hover: hover) {main .navi {display:none!important}}


.deterding__dd div.mitarbeiter .name,.deterding__dd div.mitarbeiter .titel {color:var(--blau)}
.deterding__dg div.mitarbeiter .name,.deterding__dg div.mitarbeiter .titel {color:var(--grau2)}


.text__width {max-width:700px;margin-left:auto;margin-right:auto;width:100%}

.eigenschaften td,.eigenschaften th {text-align:center;}
.eigenschaften td:first-child,.eigenschaften th:first-child {text-align:left;}

article, article.box {display:flex;flex-direction:column-reverse;width:100%;max-width:100%}
article.box {align-items:flex-start}
article.box h2 {margin:0 0 var(--padding)}
article.breit {flex-direction:column}
article.breit img:not(.float-left):not(.float-right) {max-width:var(--content-width);margin:0 auto calc(3 * var(--padding))}
article .text {padding:0}
article img + .text,section > article img + .text {padding:0}
article > div {width:100%}
article > img {max-height: 600px; object-fit: cover; align-self: stretch;}
article > img.contain, .slideshow3 article > img {object-fit: contain; object-position: 50% 0;}
article > img:first-child:last-child {margin:var(--padding) auto}
@media (min-width:650px) {
	article {max-width: 60em; margin: var(--double-padding) auto; align-items: stretch;}
	article > img,article > div:first-child {flex-basis:40%;max-width:40%;margin:0;padding:0}
	article .text,article > div:nth-child(2) {flex-basis:60%;padding:var(--padding)}
	article > div:first-child:last-child {flex-basis:100%;max-width:100%;margin:0}
	article .text {display:flex;flex-direction:column;justify-content:center;}
  article.klein > img {max-height:400px;}
  article:not(.klein) > img {min-height:100%}
  article:not(.breit) img + .text,section > article:not(.breit) img + .text {padding:0 var(--padding)}
	*:not(section) > article:nth-of-type(odd),section:nth-of-type(odd) > article {flex-direction:row-reverse;}
	*:not(section) > article:nth-of-type(even),section:nth-of-type(even) > article,article.left {flex-direction:row;}
	*:not(section) > article:nth-of-type(odd):not(.left) .text,section:nth-of-type(odd) > article .text {padding-left:0}
	*:not(section) > article:nth-of-type(even) .text,section:nth-of-type(even) > article .text {padding-right:0}
	*:not(section) > article:first-of-type {margin-top:var(--padding)}
	*:not(section) > article:last-of-type {margin-bottom:var(--padding)}
	body main section > article.breit {flex-direction:column-reverse!important}
}

.box__style {box-sizing:border-box;background:var(--grau6);border-bottom-right-radius:var(--padding);padding:var(--padding);align-items:flex-start}
.box__style .text {padding-top:0;padding-bottom:calc(var(--padding) / 2)}
.box__style h2:first-of-type,.box__style h3:first-of-type,.box__style h4:first-of-type {background:var(--grau4);padding:var(--padding)}
article.box__style {width:100%;margin:var(--padding) auto;max-width:var(--content-width)}
article.box__style ol {margin-bottom:0;padding-bottom:0;}
article.box__style h2 {max-width:100vw;width:calc(100% + (var(--padding) * 2));margin:calc(var(--padding) * -1) calc(var(--padding) * -1) var(--padding)}

/* column-width statt column-count! (immer so viele Spalten wie sinnvoll) */
.columns {column-count: 2; column-gap: var(--padding); orphans: 2; widows: 2;}
.three.columns {column-count:3}
@media (max-width:42em) {
.columns {column-count:1!important}
}
.two-col div,.three-col div {break-inside:avoid-column;}

.zehngruende {counter-reset:ol-number;list-style-type:none}
h3.zehngruende {color:var(--blau);hyphens:none}
.zehngruende li {text-indent:-1.5em;padding-left:2em}
.zehngruende li:before {counter-increment:ol-number;content:counter(ol-number);background-color:var(--rot);color:#fff;width:1.5em;display:inline-block;margin:0 1em 1em 0;text-indent:0;text-align:center;border-radius:50%;font-weight:bold;}

img.center {display:block;width:auto;text-align:center;margin:calc(var(--padding) * 2) auto}

.teasercard {background:var(--block-background);border:1px solid var(--grau5);box-shadow:0px 3px 0px var(--grau6);padding:var(--padding);width:100%;margin:0 0 var(--padding);position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;transition:.1s all ease-in-out;}
.teasercard h2 {margin:calc(var(--padding) * -1);margin-bottom:var(--padding);width:calc(100% + (2 * var(--padding)));font-size:1em;color:var(--grau1);background:var(--grau6);padding:var(--padding)}
.teasercard div {display:block;width:100%;height:0;padding-top:calc(100% / 3 * 2);position:relative;margin-bottom:var(--padding)}
.teasercard div::after {content:'';display:block;width:100%;height:100%;box-shadow:inset 0px 2px 21px 5px rgba(0,0,0,0.25);position:absolute;top:0;}
.teasercard div img {width:100%;height:100%;object-fit:cover;position:absolute;top:0}
.teasercard.zoom:hover {opacity:.8;transform:scale(1.04);transition:.1s all ease-in-out;box-shadow:0 6px 6px rgba(0,0,0,.3);}
.teasercard p.buttons {display:flex;flex-direction:row;flex-wrap:wrap}
.teasercard a.button {width:auto;z-index:1}
.teasercard.zoom *.button:not(p a) {margin:calc(var(--padding) / 2) auto;}
.teasercard .main-link::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}

img.main {width:100%;height:461.567px;object-fit:cover}

.pagination {width:100%;text-align:center;margin:0;}
.pagination * {padding:0 14px;}
.pagination a {background:#ddd;opacity:1;pointer-events:all;transition:.5s all;}
.pagination a.inactive {opacity:0;pointer-events:none;}
.pagination a:hover {text-decoration:none;}
.pagination .current {font-weight:bold;margin:0 7px;}

@media (max-width:749px) {
  a.page {display:none;}
}

/* Liste mit Paginierung */
.cardlist {--minwidth:25em}
.cardlist h1 {margin:.5em 0 1.5em}
.cardlist .card,._flow .card {flex-direction:row;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.cardlist .card h2 > a:hover,._flow .card h2 > a:hover {text-decoration:none}
.cardlist .card:not(.page1) {display:none}
.cardlist .card.blank {display:block;visibility:hidden;margin:calc(var(--padding) * -1) 0 0;height:0;position:static;}
.cardlist .card > a:first-of-type:not(.button),._flow .card > a:first-of-type:not(.button) {width:100%;}
.cardlist .card > a > img,._flow .card > a > img {min-width:100%;object-fit:cover;margin-bottom:var(--padding);object-position:50% 15%}
.cardlist .card.box_portrait > a:not(.button),.cardlist .card.box_flyer > a:not(.button),.cardlist .card[data-art*=portrait] > a:not(.button),.cardlist .card[data-art*=portrait] > a:not(.button),.cardlist .card[data-art*=portrait] > img.bild {width:50%;float:right;margin:0 0 var(--padding)  var(--padding)}
.card > p > a.bild {margin: calc(var(--padding) * -1); margin-bottom: var(--padding);}
.card[data-art*=portrait] > a.bild, .card[data-art*=portrait] > a.bild,.card[data-type=aktuell][data-art*=portrait] a.bild {max-width:50%!important;float:right;margin:0 0 calc(var(--padding) * 1) calc(var(--padding) * 1)}

.card h2 span {display:block;font-size:.66em;padding:7px 0;color:#666;}
.card h2 {display:flex;font-size:1.5em;margin:7px 0;background:#eee;padding:var(--padding);color:#000;flex-direction:column;text-align:left;align-items: flex-start;justify-content:center}
p.paginierung {width:100%;max-width:100vw;text-align:center;margin:calc(var(--padding) * 2) auto}
a.button.prev:not(.page1),a.button.next:not(.page1) {display:none}
.inactive {opacity:.3!important;pointer-events:none!important}
.pages:not(:target) ~ p a[href="#page1"].button {background:transparent}
.pages:not(:target) ~ p a[href="#page1"].button:hover {color:#000}
.pages:target ~ p a.page1.button.prev,.pages:target ~ p a.page1.button.next {display:none;}
.pages:target ~ p a[href="#page1"].button {background:#a9aeb4}
.pages:target ~ p a[href="#page1"].button:hover {color:#fff}
.pages:target ~ div .card.page1 {display:none}


@media (max-width:749px) {
  a#qualitaet-erleben,a#jubilaeum-fachmarkt-nienburg {display:none!important;}
}

.card[data-type=termin] {padding-bottom:10px;float:none;width:100%;height:auto;display:flex;flex-direction:row;align-content:flex-start;}

.wrapper {margin:0;padding:14px;width:calc(100% - 28px);position:absolute;z-index:50;top:0;right:0;}
.ribbon-wrapper {width:150px;height:150px;overflow:hidden;position:absolute;top:0;right:0;}
.ribbon {font-size:14px;color:#333;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;padding:7px 20px;left:14px;top:14px;width:150px;}
.ribbon:after {width:84px;padding:0 28px;display:block;}
.erwuenscht .ribbon {background-color:#faed18;color:#000;}
.erwuenscht .ribbon:after {content:"Anmeldung erw\0000FCnscht";}
.erforderlich .ribbon {background-color:#faed18;color:#000;}
.erforderlich .ribbon:after {content:"Anmeldung erforderlich";}
.ausgebucht .ribbon {background-color:#fa1818;color:#ffffff;top:25px;}
.ausgebucht .ribbon:after {content:"ausgebucht";}
.ausgebucht p.kosten, .ausgebucht a.anmeldung {display:none;}
.abgesagt {opacity:.65}
.abgesagt .ribbon {background-color:#fa1818;color:#ffffff;top:25px;}
.abgesagt .ribbon:after {content:"abgesagt";}
.card[data-type=termin].ausgebucht > *,.card[data-type=termin].abgesagt > * {opacity:.75}
.card[data-type=termin].ausgebucht a.bild,.card[data-type=termin].abgesagt a.bild {filter:grayscale(50%)}
.card[data-type=termin].ausgebucht a.ics,.card[data-type=termin].abgesagt a.ics {display:none}
.abgesagt a.ics,.abgesagt span.uhrzeit {display:none;}
.erwuenscht h2 a,.erforderlich h2 a,.ausgebucht a h2,.abgesagt a h2 {padding-right:2em;}

.card[data-type=termin] h3.art {margin:-21px -21px 0;width:calc(100% + 42px);background:#999;color:#fff;font-size:14px;padding:.5em 1em;}
.card[data-type=termin] h2 {font-size:21px;margin:0 -21px;display:flex;box-sizing:border-box;width:calc(100% + 42px)}
.card[data-type=termin] h2 span {display:block;font-size:.66em;padding:7px 0;color:#666;}

.card[data-type=termin] .daten {height:auto;display:flex;width:100%;margin:-70px auto var(--padding) 2.25em;flex-direction:row;justify-content:center;}
.card[data-type=termin] .daten .termin__aktion {margin-top:77px}
.cardlist .card[data-type=termin] .daten {margin-top:-49px}
.card[data-type=termin] .daten .kalenderblatt {display:flex;z-index:50;}
.card[data-type=termin] .daten .kalenderblatt:nth-child(2):before {content:' bis ';min-width:2em;padding:0 3.5px 21px;text-align:center;margin-left:-2em;height:2em;position:relative;top:70px;}

.kalenderblatt {background:transparent;float:left;margin-right:10px;text-align:center;width:91px;font-family:'Fira Sans'!important;margin-right:2.25em}
.kalenderblatt p {background:#ffffff;border-radius:4px;border:2px solid #333333;color:#000000;font-size:35px;line-height:40px;font-weight:bold;padding:5px 0 0!important;width:91px;text-align:center;margin:0 0 5px;}
.kalenderblatt strong {display:block;text-transform:uppercase;font-size:14px;font-weight:bold;font-style:normal;line-height:1em;}
.kalenderblatt em, .calendar em a {background:#999;color:#fff;display:block;text-transform:uppercase;font-size:14px;line-height:21px;font-weight:bold;font-style:normal;}
.kalenderblatt span {color:#000000;display:block;font-size:17.5px;line-height:20px;font-weight:bold;font-style:normal;}
.card[data-type=termin] .daten .kalenderblatt.termin__aktion {display:block;width:100%}
.kalenderblatt.termin__aktion p {display:inline-block;font-size:21px;line-height:35px;width:auto;margin:56px auto 0;background:#999;color:#fff;border-color:#fff;padding:0 1em!important}

.card[data-type=termin][data-art=aktion] .daten + p::before {content:'Aktionsbeschreibung: ';font-weight:bold}

.card[data-type=termin] a.ics {display:inline-block;width:71px;background:url("/images/kalender/kalender-icon.gif") left top no-repeat;height:15px;font-weight:normal;font-size:9px;float:right;margin-top:5px;padding:1px 0 0 19px;float:none;margin:-14px 0 14px -108px}
.card[data-type=termin] > .button {width:auto;}

p.liste.leer a.check.button {width:auto;}


/**MODULE: modal **/
#_info:target + body {overflow:hidden}
._modal,._modal a.close::after {position:fixed;z-index:777;opacity:0;pointer-events:none}
._modal a.close::after {content:'';}
#_info:target + body ._modal,._modal a.close::after {top:0;right:0;bottom:0;left:0}
._modal {display:flex;justify-content:center;align-items:center}
#_info:target + body ._modal {outline:none}
#_info:target + body ._modal,#_info:target + body ._modal * {pointer-events:all;opacity:1}
._modal > div._window {border:0;width:auto;padding:0;position:absolute;height:auto;opacity:0}
._modal a.close {position:absolute;z-index:888;display:inline-block;outline:0;opacity:0;overflow:hidden}
#_info:target + body ._modal a.close {opacity:1}
#_info:target + body ._modal a.close::before {position:absolute;top:0;left:0;bottom:0;right:0}
#_info:target + body ._modal a.close::after {pointer-events:all;}
._modal > div._window > div {position:relative;z-index:999}
/**STYLE: modal **/
#_info:target + body > *:not(._modal) {filter:blur(var(--blur));transition:filter var(--transition)}
._modal,._modal *,#_info:target + body ._modal,#_info:target + body ._modal * {transition:all var(--transition)}
._modal {top:25%;right:25%;bottom:25%;left:25%;background:hsla(0,0%,0%,.4);transition-delay:0.25s}
#_info:target + body ._modal {transition-delay:.2s}
#_info:target + body ._modal ._window,#_info:target + body ._modal ._window {transition-delay:.15s;box-shadow: 0 0 50vw #000;}
._modal > div {background:var(--block-background);border-radius:var(--border-radius)}
._modal.sm > div {max-width:35em} ._modal.md > div {max-width:42em} ._modal.lg > div {max-width:56em}
._modal a.close {cursor:pointer;background:transparent;padding:0;height:var(--touch-target);width:var(--touch-target);display:flex;justify-content:center;align-items:center;top:0;right:0;margin:calc(var(--touch-target) / -4);text-decoration:none;font-weight:bold;text-align:center;font-size:calc(var(--touch-target) / 1);line-height:.25em}
#_info:target + body ._modal a.close {opacity:1;transition-delay:.5s;}
#_info:target + body ._modal a.close::before {content:'\00d7';height:0%;color:#337ab7}
#_info:target + body ._modal a.close:hover::before {color:#53aad7}
#_info:target + body ._modal a.close::before {content:'\00d7';display:flex;background:var(--block-background);border-radius:50%;justify-content:center;align-items:center;height:100%}
._modal > div > div {margin:calc(var(--padding) * 2)}
._modal img {width:100%;height:auto}

._modal,._modal a.close::after {position:fixed;z-index:777;opacity:0;pointer-events:none}
._modal a.close::after {content:'';}
._modal:target,._modal a.close::after {top:0;right:0;bottom:0;left:0}
._modal {display:flex;justify-content:center;align-items:center}
._modal:target {outline:none}
._modal:target,._modal:target * {pointer-events:all;opacity:1!important}
._modal > div._window {border:0;width:auto;padding:0;position:absolute;height:auto;opacity:0}
._modal a.close {position:absolute;z-index:888;display:inline-block;outline:0;opacity:0;overflow:hidden}
._modal:target, ._modal:target a.close::after {opacity:1}
._modal:target a.close::before {position:absolute;top:0;left:0;bottom:0;right:0}
._modal:target a.close::after {pointer-events:all;}
._modal > div._window > div {position:relative;z-index:999}
/**STYLE: modal **/
._modal,._modal *,._modal:target,._modal:target * {transition:all var(--transition)}
._modal {top:25%;right:25%;bottom:25%;left:25%;background:hsla(0,0%,0%,.4);transition-delay:0.25s}
._modal:target {transition-delay:.2s}
._modal:target ._window, ._modal:target ._window {transition-delay:.15s;box-shadow: 0 0 50vw #000;}
._modal > div {background:var(--block-background);border-radius:var(--border-radius)}
._modal.sm > div {max-width:35em} ._modal.md > div {max-width:42em} ._modal.lg > div {max-width:56em}
._modal a.close {cursor:pointer;background:transparent;padding:0;height:var(--touch-target);width:var(--touch-target);display:flex;justify-content:center;align-items:center;top:0;right:0;margin:calc(var(--touch-target) / -4);text-decoration:none;font-weight:bold;text-align:center;font-size:calc(var(--touch-target) / 1);line-height:.25em}
._modal:target a.close {opacity:1;transition-delay:.5s;}
._modal:target a.close::before {content:'\00d7';height:0%;color:#337ab7}
._modal:target a.close:hover::before {color:#53aad7}
._modal:target a.close::before {content:'\00d7';display:flex;background:var(--block-background);border-radius:50%;justify-content:center;align-items:center;height:100%}
._modal > div > div {margin:calc(var(--padding) * 2)}
._modal img {width:100%;height:auto}

/* Wenn die Card breiter wird, zweispaltig anzeigen (automatische "Single"-Ansicht)  */
.card.card_neu:not(.blank) {padding:0!important;align-items:flex-start}
.card_neu > a:first-child {line-height:0}

.card.card_neu[data-type="teaser"] > img:first-child, .card.card_neu[data-type="termin"] img, .card.card_neu[data-type="aktuell"] img,._flow .card > a > img {margin:0;max-width:100%}
.card.card_neu h2,.card.card_neu h2:nth-child(3),.card.card_neu[data-type="termin"] h2,.card[data-type="termin"] h3.art {margin:0!important;max-width:100%!important}
.card.card_neu p {padding:0 var(--padding) var(--padding);margin:0;max-width:100%}
.card.card_neu a.bild {line-height:0;display:block}
.card.card_neu h2 + p,.card.card_neu .bild + p {padding-top:var(--padding)!important}
.card.card_neu h2 + a.button,.card.card_neu h2 + p.infotext + p {margin-top:var(--padding)!important}
.card.card_neu a.button {margin:0 0 var(--padding) var(--padding)}
.card.card_neu img:first-child, .card.card_neu > a:first-child, .card.card_neu > span.bildbox, .card.card_neu > span.bildteaser, .card.card_neu > span.bilderteaser, .card.card_neu > span.oeffnungszeiten {padding:0;margin:0 auto;max-height:70vh;width:auto!important;flex-grow:0}
.card.card_neu {flex-direction:row-reverse;justify-content:space-between;}
.card.card_neu div.text {flex-basis:45%;flex-grow:1}
.card.card_neu[data-type=infomaterial] h2 {font-size:1.6rem}
.cardlist .card.card_neu > a > img,._flow .card.card_neu > a > img {min-width:100%;object-fit:contain;object-position:50% 15%} /* min-height:350px; */
.card.card_neu[data-type=infomaterial] .text .infotext {display:none}
.card.card_neu[data-type=infomaterial]:first-child:last-child .text .infotext {display:block;padding:var(--padding)}
.card.card_neu[data-type=infomaterial] .text .infotext > * {padding-left:0;padding-right:0}

.card.card_neu[data-type=termin],.card.card_neu[data-type=aktuell] {justify-content:flex-end}

.card[data-type=teaser] {flex-direction: column; flex-wrap: nowrap;}
.card[data-type=teaser] > h2 {flex-grow:0}
.card[data-type=teaser] > .last {flex-grow:1}
.card[data-type=teaser] > img {min-height:278px}
.card a.main::after {z-index:10}



i.pages {visibility:hidden;display:inline-block;height:10px;width:10px;}

.teaser-slideshow .swiffy-slider {--swiffy-slider-item-gap:var(--padding)}
.teaser-slideshow .card.card_neu:not(.blank) {align-items:stretch;align-content:stretch}
.teaser-slideshow .card.card_neu > a.bild {min-height:60%}
.teaser-slideshow .card.card_neu > a > img, ._flow .card.card_neu > a > img {object-fit:cover}
.teaser-slideshow li.card {height:var(--slider-height)}
.teaser-slideshow .card > img:first-child {max-height:276px!important;flex:0 1 100%}
.teaser-slideshow .card > h2 {flex:1 0 auto}

.masonry {display:none;flex-wrap:wrap;--gap:calc(var(--padding) / 2)}
@media (min-width:42em) { .masonry {display:flex;} }
.masonry > * {height:14em;margin:0 var(--gap) var(--gap) 0;flex:1 0 auto;position:relative}
.masonry > * img {width:100%;height:100%;object-fit:cover}
.masonry > *[data-alt]:hover::after {content:attr(data-alt);position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(49,35,77,0.7);color: white;padding:var(--gap);justify-content:center;align-items:center;line-height:1.4em;text-align:center;z-index:1;display:none}
.masonry > *[data-alt]:hover::after {display:flex;}


.button[data-icon] {justify-content:center;align-items:center;padding:.5em .5em .5em 2em!important;background:var(--grau4)!important;min-width:0; font-size: .9em; height: var(--touch-target); line-height: 1em;}
.button[data-icon]::before {content:'';background:currentcolor;display:block;height:1em;width:1em;margin:3.5px .5em 0 -1.25em;mask:var(--mask);-webkit-mask:var(--mask);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
@media (max-width:28em), ((min-width:40.9em) and (max-width:56em)) {
  .button[data-icon] {display:flex;justify-content:center;align-items:center;text-indent:-99em;padding:.25em!important;height:var(--touch-target);min-width:var(--touch-target)}
  .button[data-icon]::before {width:70%;height:70%;mask-position:50%;-webkit-mask-position:50%;margin:0}
}
.button[data-icon=telefon] {display: inline-flex!important; --mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 373 500"%3E%3Cpath d="M282 338c-79 45-44 106-137-55-94-161-59-101 20-146 25-15-17-165-75-132C-33 76-23 165 71 326c93 160 165 214 287 144 52-30-43-151-76-132z"/%3E%3C/svg%3E');}
.button[data-icon=email] {display: inline-flex!important; --mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 530"%3E%3Cdefs/%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="60" d="M30 30l385 321L800 30v470L521 266l279 234H30l279-234L30 500V30h770"/%3E%3C/svg%3E')}
.button[data-icon=kalender] {--mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0" version="1.1" viewBox="0 0 1000 901"%3E%3Cpath d="M0 0v901h1000V0H0zm936 838H63V253h873v585z"/%3E%3Cpath d="M525 496h128v116H525zM711 496h128v116H711zM154 496h128v116H154zM340 496h128v116H340zM525 334h128v116H525zM711 334h128v116H711zM525 660h128v116H525zM154 660h128v116H154zM340 660h128v116H340z"/%3E%3C/svg%3E');}



.card-style {width: 100%; margin:0 0 var(--padding); background: var(--grau7); border: 1px solid var(--grau4); box-shadow: 0px 3px 0px var(--grau6);padding: 0; min-width: var(--minwidth); display: flex; flex-direction: column;}
.card-style h2, .card-style h3 {background: var(--grau6); color: var(--grau0); margin: 0; padding: var(--padding); font-size: 2rem; hyphens: none; max-width: calc(100% + (var(--padding) * 2)) !important;}
.card-style p {width: 100%; display: block; padding: var(--padding) var(--padding) 0;}
.card-style > img {width: 100%; max-height: 28em; height: auto; object-fit: cover; margin: 0; line-height: 0;}

@media (min-width: 28em) {
  header #top .top_oeffnung::after {content: 'szeiten';}
}
@media (max-width: 27.99em) {
  div#top a.partner::before {content: '';}
  header #top .top_oeffnung::after {content: 'sz.';}
  div#top {display: flex; flex-wrap: wrap;}
  div#top a {padding: .5em;}

}

._external::after {content: ''; display: inline-block; height: 1em; width: 1em; margin-left: .5em; background-color: currentcolor; mask: var(--mask); -webkit-mask: var(--mask); mask-size: 1em; -webkit-mask-size: 1em; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: 100% 50%; -webkit-mask-position: 100% 50%; --mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20.09"%3E%3Cpath d="m12 0 2.56 2.54L7.6 9.5l2.82 2.83 7-6.99L20 7.93V0h-8z"/%3E%3Cpath d="M9 4.1v-2H0v18h18v-9h-2v7H2v-14h7z"/%3E%3C/svg%3E');} /* position: absolute; right: calc(var(--padding) * .7); top: 50%; transform: translateY(-50%); */

._text-width {width: 100vw; max-width: 700px; margin-left: auto; margin-right: auto;}

.msf > span {color: inherit;}
.msf > span::after {content: "\40 deterding.de";}




/* style.css */

@media (min-width:750px) and (hover: hover) { html {scroll-padding-top:63px; /* Seitenanker werden nicht mehr von der Navigation überdeckt. */ }}
/* Korrekturen alte Version */
div#inhalt.container {padding:0;margin:0;}

body {background-color:#f6f7f8;font-family:'Fira Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;color:#222;}
.padding {padding:21px;}
.nopadding {padding:0!important;}

main a,main a:link,main a:visited {text-decoration:none;font-weight:bold;color:#000;}
main p a:link,main p a:visited,main td a:link,main td a:visited {text-decoration:none;font-weight:bold;color:#797e84;}
main p a:hover,main td a:hover,main fieldset a:hover {text-decoration:underline;color:#535e69}
header #top a:link,header #top a:visited {text-decoration:none;font-weight:normal;color:#000;}
header #top a:hover {color:#898e94}

main h1 > a:link,main h1 > a:visited,main h2 > a:link,main h2 > a:visited,main h3 > a:link,main h3 > a:visited {text-decoration:none;}
main h1 a:hover,main h2 a:hover,main h3 a:hover {text-decoration:underline;}

main h3,main h4,main p,main ol,main ul {width:auto;max-width:700px;margin-left:auto;margin-right:auto;}
main div.full_width h1,main .full_width h2,main .full_width h3,main .full_width h4,main .full_width p,main .full_width ol,main .full_width ul,.col.wide .full_width h1,.col.wide .full_width h2 {max-width:100%!important;}
@media (max-width:940px) {main div.full_width > h1,main .full_width > h2,main .full_width > h3,main .full_width > h4,main .full_width > p,main .full_width > ol,main .full_width > ul,.col.wide .full_width > h1,.col.wide .full_width > h2 {padding-left:21px;}}
.full__width.padding {padding-left:0!important;padding-right:0!important}

main div.full__width h1,main .full__width h2,main .full__width h3,main .full__width h4,main .full__width p,main .full__width ol,main .full__width ul,.col.wide .full__width h1,.col.wide .full__width h2,main .full__width, h2.full__width,h3.full__width {max-width:100%!important;width:100%;}
.in {box-shadow:inset 0px 2px 21px 5px rgba(0,0,0,0.25);background-color:#f6f7f8;}

.justify {text-align:justify;}

div.scrolltop-wrap {opacity:.7}
div.scrolltop-wrap:hover {opacity:1}
div.scrolltop-wrap path#scrolltop-bg {fill:#33307e}
div.scrolltop-wrap path#scrolltop-arrow {fill:#fff}

nav a:link,nav a:visited {text-decoration:none;}

main h2, main h3, main h4, main p, main ol, main ul {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


a#kopfgrafik{display:flex!important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 120"%3E%3Cdefs/%3E%3Cpath fill="%23c90c0f" d="M83.1 0S67.5 0 58.8 15.4L-.1 120h231.5s20.8 0 32.4-20.5l56-99.5H83.1z"/%3E%3C/svg%3E') 50% 50% no-repeat;background-size:contain;text-decoration:none;color:#fff!important;font-size:35px;text-align:center;font-weight:bold!important;flex-direction:column;align-items:center;justify-content:center;text-shadow: 0px 2px 6px rgba(20, 20, 20, 0.75);line-height:28px;max-width:350px;min-height:3.5em;margin:0}
a#kopfgrafik span{display:block;font-size:21px;line-height:21px;margin-top:.5em}

a#kopfgrafik_neu{display:flex!important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1000 558"%3E%3Cpath fill="%23c90c0f" d="M427 0S312 0 271 70L0 558h538s156 0 206-95L1000 0H427z"/%3E%3Cpath fill="%23d4d7da" d="M271 75c5 0 0 0 0 0z"/%3E%3C/svg%3E') 50% 50% no-repeat;background-size:contain;text-decoration:none;color:#fff!important;font-size:35px;text-align:center;font-weight:bold!important;flex-direction:column;align-items:center;justify-content:center;text-shadow: 0px 2px 6px rgba(20, 20, 20, 0.75);line-height:42px;max-width:350px;min-height:3.5em;margin:0}

a#kopfgrafik:hover,a#kopfgrafik_neu:hover {opacity:.8;}
@media (max-width:600px) {
	a#deterding {margin:10px 0}
	a#kopfgrafik,a#kopfgrafik_neu {display:none!important}
}


.top.container {padding:0;}
.top__image {width:calc(100% - 1px);height:0;margin:0 auto 40px;padding-top:32.692%;background-size:cover;background-position:50% 50%;border:1px solid #ddd;}

/* Hauptbild Landingpage: 1060 x 405 px */
div.main.image {height:0;padding-top:38%;background-size:cover;background-position:100% 50%;background-repeat:no-repeat;position:relative;margin-bottom:28px;}
div.main.image h2 {z-index:10;text-transform:uppercase;font-size:42px;background:transparent url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 427 400"%3E%3Cpath fill="%23FFED00" d="M313 0H0v400h313l114-200z"/%3E%3C/svg%3E') right 50% no-repeat;background-size:cover;height:100%;width:35%;padding:0 7.5% 0 2.5%;position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;hyphens:none;}
@media (max-width:749px) {div.main.image h2 {font-size:35px;}}
@media (max-width:699px) {div.main.image h2 {font-size:28px;}}
@media (max-width:599px) {div.main.image h2 {font-size:21px;}}
@media (max-width:399px) {div.main.image h2 {font-size:14px;}}

/* Hauptbild auf den alten Seiten */
main > img:first-child {width:100%;min-height:343px;object-fit:cover}



/* Infospalte, Boxen */
.box,.item.box {background:#eeeff0;padding:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;}
.box h2,.box h3 {background:#ccd0d3;margin:-14px -14px 7px;}
.col.narrow .box .padding {padding:0;}
h3.name {font-size:14px;color:#33307e;}
.box a {color:#33307e;}
.box p {font-size:0.877em;text-align:left;}

/* Item */
.item {background:#fff;border:1px solid #ddd;border-radius: 0 0 0 0;box-shadow:0px 3px 0px #f2f2f2;}
.liste.drei .item.nopad {padding:0!important;max-width:calc(100%/3 - 16px)!important;}
.col.narrow .item {border:0px none;}
.item h3 {hyphens:none}

.item > h2 {font-size:1em;background:#eee;color:#333333;padding:21px;font-weight:bold;height:auto;line-height:1.2em;display:flex;align-items:center;margin:-21px -21px 21px!important;width:calc(100% + 42px);}


.pdf {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 283.5'%3E%3Cpath d='M202.4 158.3H22.3v74.1h153l27.1-74.1zm-98.5 23.9h-6.3v28.4h6.3c3.1 0 5.6-1.1 7.4-3.2 1.8-2.1 2.8-4.8 2.8-8.1v-5.9c0-3.3-0.9-5.9-2.8-8-1.8-2.2-4.3-3.2-7.4-3.2zm16.6 17.2c0 4.9-1.5 8.8-4.6 11.8-3.1 3-7.1 4.6-12 4.6H91.1v-38.8h12.8c4.9 0 8.9 1.6 12 4.6 3.1 3 4.6 7 4.6 11.8v5.9zm33.6-17.2H135.8v11.8h15.6v5.2H135.8v16.6h-6.5v-38.8h24.8v5.1zm-74.4 15.6c-2.4 2.2-5.8 3.3-10 3.3h-8.4v14.7H54.8v-38.8h14.8c4.3 0 7.6 1.1 10 3.3 2.4 2.2 3.7 5.1 3.7 8.7 0 3.7-1.2 6.6-3.7 8.8zm-10-15.6h-8.4v13.7h8.4c2.4 0 4.2-0.7 5.4-1.9 1.2-1.3 1.8-2.9 1.8-4.9s-0.6-3.6-1.8-4.9c-1.2-1.3-3-1.9-5.4-1.9z' fill='%23A80000'/%3E%3Cpath d='M195.4 3.3H59.5c-4 0-7.4 3.3-7.4 7.4v142.2h14.7V18h128.6v51h51v196.3H66.8v-27.6H52.1v34.9c0 4 3.3 7.4 7.4 7.4h194.3c4 0 7.4-3.3 7.4-7.4V69.1L195.4 3.3zM86.5 94.9h140.3v10.9H86.5V94.9zm0 21.1h118.1v10.9H86.5v-10.9z' fill='%23545454'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1em;background-position:0 50%;padding-left:1.25em;white-space:nowrap;}
.box .pdf {white-space:normal;}

.preisschild {width:auto;height:auto;min-width:100px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='41'%3E%3Cpath d='M80 21c0-9-7-13-7-21H7c0 7-7 11-7 21 0 9 7 13 7 21h67c-1-8 6-12 6-21' fill='%23c90c0f'/%3E%3C/svg%3E") center top no-repeat;background-size:contain;text-align:center;font-size:1.2em;line-height:1.1em;font-weight:bold;padding:0.5em 0;margin:2em 0.5em 0 0;transform:rotate(-0deg);color:#fff}
.preisschild span {display:block;font-weight:normal;font-size:0.7em;margin:-0.3em 0 0}
.preisschild span.statt {min-height: 1.5em; margin:-2em 0 0.35em;color:#000}
div.liste div div.preisschild {margin:1em 0 -2em 50%;padding-bottom:0;line-height:1.1em;}
.preisschild span.auf.anfrage {width:60%;margin:7px 20% -3.5px;font-weight:bold;line-height:1em;font-size:1em;}

p.open {background:#ddd;padding:7px 14px;width:auto;margin:14px 21px 21px 0;}
.bildteaser div.teaserbild img {width:155px;}
.bildteaser p {padding:10px;line-height:1.3em;}

/* Slider Controls */

.tns-slider div.item h2 {color:#666!important;}
.tns-slider div.item h1 {color:#000!important;}

button,.button,main .button,.slideshow .button,main .calltoaction,main .cta,input[type=submit] {display:inline-block;background-color:#a9aeb4;border-radius:7px 0 7px 0;margin:0 14px 14px 0;opacity:1;pointer-events:all;transition:.5s color,background-color;text-transform:none;border:0px none!important;font-size:inherit;letter-spacing:normal;color:#000!important;height:auto;white-space:normal;line-height:1.4em;padding:.5em 1em;text-decoration:none!important}
main .button:hover,.slideshow .button:hover,main .calltoaction:hover,main .cta:hover,main input[type=submit]:hover {text-decoration:none;cursor:pointer;background-color:#535e69;color:#fff!important;}

.interesse {background:#faed18!important;}
.interesse h2 {background:#e5e7e9;}
.interesse .button:hover {background:#fff!important;}

.button.telefon {background:#a9aeb4 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 373 500"%3E%3Cpath d="M282 338c-79 45-44 106-137-55-94-161-59-101 20-146 25-15-17-165-75-132C-33 76-23 165 71 326c93 160 165 214 287 144 52-30-43-151-76-132z" fill="%23000"/%3E%3C/svg%3E') 7.5% 50% no-repeat;background-size:1em;color:#000!important;padding-left:2em;padding-right:.5em}
.button.telefon:hover {background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 373 500"%3E%3Cpath d="M282 338c-79 45-44 106-137-55-94-161-59-101 20-146 25-15-17-165-75-132C-33 76-23 165 71 326c93 160 165 214 287 144 52-30-43-151-76-132z" fill="%23fff"/%3E%3C/svg%3E')}

.button.email {background:#a9aeb4 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 530"%3E%3Cdefs/%3E%3Cpath fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="60" d="M30 30l385 321L800 30v470L521 266l279 234H30l279-234L30 500V30h770"/%3E%3C/svg%3E') 7.5% 50% no-repeat;background-size:1.25em;color:#000!important;padding-left:2em;padding-right:.5em}
.button.email:hover {background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 530"%3E%3Cdefs/%3E%3Cpath fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="60" d="M30 30l385 321L800 30v470L521 266l279 234H30l279-234L30 500V30h770"/%3E%3C/svg%3E')}

input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border: 1px solid #535E69;outline:0px none;}

a.cta {background:#c62516!important;color:#fff!important}
a.cta:hover {background:#ddd!important;color:#000!important}

/* STARTSEITE */
div#startseitenteaser div a.bild {display:block;width:100%;min-height:155px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
div#startseitenteaser div span.h1 {padding:4px 6px;}
div#startseitenteaser p.open {color:#000000;}

div#startseitenteaser > a {opacity:1;transform:scale(1);transition:.1s all ease-in-out;box-shadow:0 1px 1px rgba(0,0,0,.1);}
div#startseitenteaser > a:hover {text-decoration:none;opacity:0.9;transform:scale(1.05);transition:.1s all ease-in-out;box-shadow:0 6px 6px rgba(0,0,0,.3);}
div#startseitenteaser a span.bild {display:block;width:100%;height:0;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;padding-top:71%}
div#startseitenteaser .head {background:#eee;color:#333333;padding:0 1em}
div#startseitenteaser p.open {color:#000000;margin:0 0 1.5rem;padding:.5em;}

div#startseitenteaser {padding:0;margin:0 0 49px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-between}
div#startseitenteaser > * {padding:0;margin:0 0 35px;border:1px solid #ddd;overflow:hidden;background:#fff;}
div#startseitenteaser > * {width:31%}
@media (max-width:749px) {div#startseitenteaser > * {width:48%}}
@media (max-width:549px) {div#startseitenteaser > * {width:100%}}

@media (max-width:549px) {h1 {font-size:1.8em;}h2 {font-size:1.4em;}}

#startseitenteaser a,#startseitenteaser a:hover {text-decoration:none;}
#startseitenteaser .head {font-weight:bold;height:3.6em;line-height:1.2em;display:flex;align-items:center;}

.oeffnungszeiten .padding {max-height:100%!important;}
.hotline {margin:.7em!important;}

/* Inhalt ohne weißen Hintergrund */
.menu__home main,
.menu__akt main,
.menu__produktuebersicht main,
.menu__akt-aktionen main,
.menu__akt-neuheiten main,
.menu__aktuelles main,
.menu__unt-fil main
	{background:transparent;}




a.full {display:block;width:100%;height:100%;position:absolute;bottom:0;background:transparent!important}
a.full:hover {background:transparent!important}



@media (max-width:940px) {
	.main.container {padding:0;}
	.main.content.row {width:100%;}
	}
@media (max-width:649px) {
	.item.title,.item.title.right {flex-direction:column;}
	.item.title .img {width:100%;height:0;padding-top:141%}
	.item.title .text,.item.title.right .text {width:calc(100% - 42px);margin:0}
	br.only.mobile {display:block;}
	}

.menu__sortiment .main.content {width:calc(100% - 223px);padding-top:0;background:transparent;}
.introduction {width:calc(100% - 42px);padding:21px;background:#fff;margin:0 0 21px;}
.introduction br {display:none;}

.menu__ang-aktionen .main.content {width:calc(100% - 223px);padding-top:0;background:transparent;}
.menu__ang-aktionen #inhalt {padding:0;}

.logo.item {border:0px none;box-shadow:0 0 0 rgba(0,0,0,0);margin:0}
.logo.item,.logo.item a,.logo.item a img {width:100%;display:block}
.logo.item a img {margin:0;}

.two-col {column-count:2;column-gap:21px;}
.three-col {column-count:3;column-gap:21px;}
@media (max-width:42em) {
.two-col,.three-col {column-count:1;}
}
.two-col div,.three-col div {break-inside:avoid-column;}

.col.third {max-width:calc(35% - 21px);margin:0 21px 0 0;}
@media (max-width:42em) {
.col.third {max-width:100%;column-count:2;column-gap:21px;}
}

/* Filterfunktion */
.check.button {color:#fff;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' xml:space='preserve'%3E%3Cpolyline points='28,4 2,4 2,30 28,30 28,4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%;background-size:14px;padding-left:42px!important;}
.check.button.an,input:checked + .check.button {color:#000;background:#e5e7e9 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' xml:space='preserve'%3E%3Cpolyline class='st0' points='22,4 2,4 2,30 28,30 28,15'/%3E%3Cpolyline class='st1' points='8.5,15.4 15.1,22 30.1,2.8'/%3E%3C/svg%3E") 14px 50% no-repeat;background-size:14px;padding-left:42px!important;}
input:checked + .check.button {background-color:#fff}
input:checked + .check.button:hover {color:#000!important}
.check.button.an:hover {color:#fff;background:#535e69 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' xml:space='preserve'%3E%3Cpolyline class='st0' points='22,4 2,4 2,30 28,30 28,15'/%3E%3Cpolyline class='st1' points='8.5,15.4 15.1,22 30.1,2.8'/%3E%3C/svg%3E") 14px 50% no-repeat;background-size:14px;}

input[type="radio"] + label.check.button,body main a.radio.button {background:#a9aeb4 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"%3E%3Cdefs/%3E%3Ccircle cx="125" cy="125" r="112" fill="none" stroke="%23000" stroke-width="25"/%3E%3C/svg%3E') 2.5% 50% no-repeat;background-size:1em;color:#000!important;padding:.5em 3rem; box-shadow: 0 0 3em hsla(0, 0%, 0%, .1)}
input[type="radio"] + label.check.button:hover,a.radio.button:hover {background:#535e69 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"%3E%3Cdefs/%3E%3Ccircle cx="125" cy="125" r="112" fill="none" stroke="%23fff" stroke-width="25"/%3E%3C/svg%3E') 2.5% 50% no-repeat;background-size:1em;color:#fff!important;padding:.5em 3rem}
input[type="radio"]:checked + label.check.button {background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"%3E%3Cdefs/%3E%3Ccircle cx="125" cy="125" r="112" fill="none" stroke="%23000" stroke-width="25"/%3E%3Ccircle cx="125" cy="125" r="50"/%3E%3C/svg%3E') 2.5% 50% no-repeat;background-size:1em;color:#000!important}

/* Standorte */
.item a.bild {display:block;width:calc(100% + 40px);height:0;padding:50% 0 0;background-position:50% 50%;background-size:cover;margin:-10.5px -20px 20px;}
div#standorte_anfahrt {position:relative;padding:98px 0 49px;}
div#standorte_anfahrt a {position:absolute;display:block;border-radius:50%;width:28px;height:28px;background:transparent;}
div#standorte_anfahrt a#pennigsehl {top:56%;left:36.85%;}
div#standorte_anfahrt a#nienburg {top:55.25%;left:46%;}
div#standorte_anfahrt a#garbsen {top:76%;left:65.45%;}


.videoframe {position:relative;padding-top:56.25%;height:0;background:transparent 50% 50% no-repeat;background-size:cover;display:block;line-height:0;} .videoframe iframe,.videoframe video {position:absolute;top:0;left:0;width:100%;height:100%;}

a.teaser.item:link,a.teaser.item:visited {text-decoration:none}
a.teaser.card:link,a.teaser.card:visited {text-decoration:none}


.menu__home main .teaser:not(#oeffnungszeiten-pennigsehl) .text {display:none}