body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
:root{
    font-family: sans-serif;
    --red: #ED1B24;
    --blue: #005FAF;
    --lightgrey: #f8f8f8;
    --lightgray: #D9D9D9;
    --grey: #888888;
    --darkgrey: #222730;
    --black: #000000;
    --white: #FFFFFF;
    --banner-transparent: rgba(0, 95, 175, 0.65);
    --banner-blue: rgba(0, 95, 175, 1);
    --xl: 34pt;
    --large: 26pt;
    --medium: 20pt;
    --small: 18pt;
    --tiny: 16pt;
    --mini: 14pt;
    --sidepadding: clamp(20px, 5vw, 100vw);
}
/* ==== TEXTFARBEN ==== */
.color-red {
    color: var(--red);
}
.color-blue {
    color: var(--blue);
}
.color-grey {
    color: var(--grey);
}
.color-darkgrey {
    color: var(--darkgrey);
}
.color-lightgrey {
    color: var(--lightgrey);
}
.color-lightgray {
    color: var(--lightgray);
}
.color-black {
    color: var(--black);
}
.color-white {
    color: var(--white);
}

/* ==== HINTERGRUNDFARBEN ==== */
.bg-red {
    background-color: var(--red);
}
.bg-blue {
    background-color: var(--blue);
}
.bg-grey {
    background-color: var(--grey);
}
.bg-lightgrey {
    background-color: var(--lightgrey);
}
.bg-lightgray {
    background-color: var(--lightgray);
}
.bg-darkgrey {
    background-color: var(--darkgrey);
}
.bg-black {
    background-color: var(--black);
}
.bg-white {
    background-color: var(--white);
}
.bg-banner-transparent {
    background-color: var(--banner-transparent);
}
.bg-transparent {
    background-color: transparent;
}

/* ==== SCHRIFTGRÖSSEN ==== */
.text-xl {
    font-size: var(--xl);
}
.text-large {
    font-size: var(--large);
}
.text-medium {
    font-size: var(--medium);
}
.text-small {
    font-size: var(--small);
}
.text-tiny {
    font-size: var(--tiny);
}
.text-mini {
    font-size: var(--mini);
}

/* ==== SCHRIFTGRÖSSEN MOBIL ==== */
@media (max-width: 900px) {
    .text-xl {
        font-size: var(--large);
    }
    .text-large {
        font-size: var(--medium);
    }
    .text-medium {
        font-size: var(--small);
    }
    .text-small {
        font-size: var(--tiny);
    }
    .text-tiny {
        font-size: var(--mini);
    }
}

/* ==== Seitenabstand ==== */
.sidepadding {
    padding-inline: var(--sidepadding);
}
.sidemargin {
    margin-inline: var(--sidepadding);
}

/* === Diverses ==== */
.center {
    text-align: center;
}
.bold {
    font-weight: 600;
}
.shadow {
    box-shadow: 0 0 10px 0 var(--darkgrey);
}
.shadowbottom {
    box-shadow: 0px 6px 10px -2px rgb(0 0 0 / 55%)
}
.blocky {
    padding-block: 15px;
}
.blocky p {
    margin-block: 17px;
}
.blockyslim p {
    margin-block: 17px;
}
.blockyslim p:first-of-type {
    padding-top: 5px;
    margin-top: 0 !important;
}
.blockyslim p:last-of-type {
    padding-bottom: 5px;
    margin-bottom: 0px !important;
}
.blockynorm p {
    margin-block: 17px;
}
.blockynorm p:first-of-type {
    padding-top: 10px;
    margin-top: 0 !important;
}
.blockynorm p:last-of-type {
    padding-bottom: 10px;
    margin-bottom: 0px !important;
}
.nolink {
    text-decoration: none;
    color: inherit;
}
input.text, select.select, textarea.textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16pt;
    line-height: 1.42857;
    color: black;
    background-color: rgb(255, 255, 255);
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input.text:focus, select.select:focus, textarea.textarea:focus{
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;
    border-color: rgb(102, 175, 233);
    outline: 0px;
}
#header {
    position: fixed;
    z-index: 2;
    width: 100%;
}
.header-topbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-inline: 100px;
    background: var(--lightgrey);
    padding-block: 10px;
}
.header-topbar-element {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--small);
    height: 25px;
    gap: 5px;
}
.header-topbar-element svg {
    height: 30px;
}
.header-topbar-element path {
    fill: var(--red);
}
.header-topbar-element p, .header-topbar-element a {
    color: var(--grey);
    text-decoration: none;
}
#header-navi {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-inline: 100px;
    background: var(--banner-transparent);
    padding-block: 20px;
    transition: background 0.5s cubic-bezier(0.3, 0, 0.7, 1);
}
#header-navi.scrolled {
  background: var(--banner-blue);
}
#header-navi-mobile.scrolled {
  background: var(--banner-blue);
}
#header-navi a {
    font-size: var(--small);
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
}
#header-navi .active {
    font-size: var(--small);
    font-weight: 600;
    color: var(--white);
    text-decoration: underline;
}
.banner {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: flex-end;
}
.banner img {
    width: 100%;
    height: auto;
    margin-top: 45px;
}
.banner-popup {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: -8px;
}
.banner-popup-inside p {
    margin: 15px;
}
.logobox {
    display: flex;
    justify-content: center;
    gap: 50px;
    padding-top: 50px;
    flex-direction: row;
}
.logobox-box {
    display: flex;
    flex-direction: column;
    width: 40vw;
    justify-content: space-between;
    text-decoration: none;
    z-index: 1;
}
.logobox-box:first-of-type {
    margin-right: -120px;
}

.logobox-box:last-of-type {
    margin-left: -120px;
}
.logobox-box img {
    margin-inline: 40px;
}
.logobox-box p {
    padding-block: 10px;
}
.mapsbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-block: 50px;
}
.googlemap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30vw;
    gap: 20px;
}
.planbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20vw;
    align-items: center;
    max-width: 230px;
    gap: 20px;
}
.protect {
    margin-bottom: 1em;
}
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 10px;
}
.footer p {
    margin-block: 10px;
}
.footer-navi {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#recookie {
    cursor: pointer;
}
.privat-logo {
    padding-top: 30px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.privat-logo img {
    width: 600px;
    max-width: calc(100vw - 10vw);
}
.privat-leistungen {
    margin-block: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 100px;
}
.privat-leistungen a {
    width: 300px;
    padding-block: 5px;
    margin-block: 15px;
}
.kda-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.kda-iconbox {
    width: 300px;
    border: dotted 2px black;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.kda-iconbox svg {
    margin: 80px 80px 0 80px;
    fill: var(--red);
}
.kda-iconbox p {
    margin-bottom: 80px;
}
.kda-text {
    width: calc(80vw - 300px);
}
.kda-textfield textarea {
    width: 100% !important;
    height: 250px;
}
span.mandatory {
    color: var(--red);
}
.kda-formblock {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.kda-formblock-first {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.kda-formblock-first div.widget:first-of-type {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 200px;
}
.kda-formblock-first div.widget:last-of-type {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: calc(100% - 250px);
}
.kda-formblock-second div.widget {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.kda-formblock-third {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.kda-formblock-third p {
    margin: unset;
}
.kda-formblock-third div.widget {
    width: calc(100% / 3 * 2);
}
.kda-formblock-third fieldset {
    border: none;
    padding: unset;
    display: flex;
}
.kda-formblock-third fieldset span {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.kda-formblock-fourth {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 50px;
}
.kda-formblock-fourth div.widget {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.kda-formblock-fifth fieldset {
    border: none;
    padding: unset;
}
.kda-formblock-fifth input {
    margin-left: unset;
}
.kda-formblock-fifth label:after {
    content: "*";
    color: var(--red);
}
.kda-formblock-send div.widget {
    display: flex;
    justify-content: flex-end;
}
.kda-formblock-send button {
    background: #ed1b24;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: 0.1s;
}
.kda-formblock-send button:hover {
    background: #d11921;
}
div.qq-upload-button-selector{
    background: #ed1b24 !important;
    color: white !important;
    border: none !important;
    padding: 10px !important;
    cursor: pointer !important;
    transition: 0.1s !important;
}
div.qq-upload-button-selector:hover{
    background: #d11921 !important;
}
.navi-extra {
    position: fixed;
    width: calc(100% - (var(--sidepadding) * 2));
    z-index:1;
}
.scheinbox {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 50px;
    gap: 50px;
}
.scheinbox a {
    width: 25%;
    min-width: 250px;
}
#ueber-uns-dropdown {
    position: fixed;
    flex-direction: column;
    width: max-content;
    height: max-content;
    background: var(--blue);
    box-shadow: inset 0px 0px 8px 8px #00000024;
    margin-left: -10px;
    display: none;
}
#ueber-uns-dropdown:hover, #firmengeschichte:hover #ueber-uns-dropdown {
    display: flex;
}
#ueber-uns-dropdown a:first-of-type {
    padding-top: 10px;
}
#ueber-uns-dropdown a {
    padding-inline: 10px;
    padding-block: 5px;
}
#ueber-uns-dropdown a:last-of-type {
    padding-bottom: 10px;
}
.teambox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.memberbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
}
.teambox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.memberbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
}
.memberbox p:first-of-type {
    margin-top: 20px;
}
.memberbox p {
    margin-block: 5px;
}
.member-zitat {
    padding: 10px;
    border-left: 5px solid var(--red);
    box-shadow: inset 0px 0px 5px 0px var(--lightgray);
    /*margin-bottom: 50px !important;*/
    width: max-content;
}
.leistungen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 100px;
}
.leistungen a {
    width: 300px;
    padding-block: 5px;
    margin-block: 15px;
}
.leistungenbox {
    display: flex;
    flex-direction: column;
}
.leistungbox:last-of-type {
    border: unset !important;
}
.leistungbox {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--lightgray);
    padding-bottom: 20px;
    margin-top: 30px;
}
.leistungsbox-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 50px;
}
.leistungbox p:last-of-type {
    margin-bottom: 5px;
}
.kontakt-boxen {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.kontaktbox {
    width: 40vw;
}
.kontaktform {
    display: flex;
    flex-direction: column;
}

.kontaktform-block-radio {
    display: flex;
    flex-direction: row;
    align-content: center;
    margin-block: 10px;
}

.kontaktform-block-radio p {
    width: 20%;
    margin: unset;
}

.kontaktform-block-radio div.widget {
    width: 80%;
}

.kontaktform-block-radio fieldset {
    display: flex;
    justify-content: space-between;
    border: unset;
    padding: unset;
}

.kontaktform-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-block: 10px;
}

.kontaktform-block p {
    margin: unset;
    width: 20%;
    height: max-content;
}

.kontaktform-block div.widget {
    width: 80%;
}

.kontaktform-block-textarea {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-block: 10px;
}
.kontaktform-block-textarea p {
    width: 20%;
    margin: unset;
}

.kontaktform-block-textarea div.widget {
    width: 80%;
}

.kontaktform-block-textarea textarea {
    width: 100% !important;
    height: 120px;
}

.kontaktform-block-select {
    display: flex;
    flex-direction: row;
}

.kontaktform-block-select p {
    width: 20%;
}

.kontaktform-block-select div.widget {
    width: 80%;
}

.kontaktform-block-select fieldset {
    border: none;
    padding: 0;
}

.kontaktform-block-select input {
    margin-left: unset;
}
.kontaktform-block-select label:after {
    content: "*";
    color: var(--red);
}

.kontaktform-block-text {
    display: flex;
    flex-direction: row;
}

.kontaktform-block-text p:first-of-type {
    width: 20%;
}

.kontaktform-block-text p:last-of-type {
    width: 80%;
}
.kontaktform-block-radio p {
    width: 20%;
    margin: unset;
}
.kontaktform-block-button div.widget {
    display: flex;
    justify-content: flex-end;
}
.kontaktform-block-button button {
    background: #ed1b24;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: 0.1s;
}
.kontaktform-block-button button:hover {
    background: #d11921;
}
.kontaktformular {
    margin-bottom: 50px;
}
.kontaktformular button {
    background: #ed1b24;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    width: max-content;
    margin-bottom: 20px;
    transition: 0.1s;
    max-width: 100%;
}
.kontaktformular button:hover {
    background: #d11921;
}
.karriereimg {
    width: 1000px;
    max-width: 80vw;
}
.karrierebox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.karrierebox-slot {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
}

.karrierebox-slot p {
    margin-block: 10px;
}

.karrierebox-slot img {
    border-bottom: 2px solid var(--red);
}

.karrierebox-buttons {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.karrierebox-db-button {
    width: 140px;
    text-align: center;
    background: #ed1b24;
    color: white;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: 0.1s;
}

.karrierebox-ja-button {
    width: 140px;
    text-align: center;
    background: var(--lightgray);
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: 0.1s;
}
.karrierebox-db-button:hover {
    background: #d11921;
}
.karrierebox-ja-button:hover {
    background: #cbcbcb;
}
.karriere-borderbottom {
    width: 100%;
    margin-block: 30px;
    border-bottom: 1px solid var(--lightgray);
}

.karriere-moveright {
    margin-left: 30px;
}
.bewerbungsform {
    display: flex;
    flex-direction: column;
}

.bewerbungsform-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-block: 10px;
}

.bewerbungsform-block p {
    margin: unset;
    width: 135px;
}

.bewerbungsform-block div.widget {
    width: calc(100% - 100px);
}

.bewerbungsform-block-select p {
    width: 135px;
    margin: unset;
}

.bewerbungsform-block-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-block: 10px;
}

.bewerbungsform-block-select div.widget {
    width: calc(100% - 100px);
}

.bewerbungsform-block-file {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bewerbungsform-block-file p {
    width: 135px;
}

.bewerbungsform-block-file input::file-selector-button {
    border: none;
    background-color: red;
    color: white;
    padding: 10px;
}

.bewerbungsform-block-check {
    display: flex;
    flex-direction: row;
    margin-block: 10px;
}

.bewerbungsform-block-check p {
    width: 135px;
}

.bewerbungsform-block-check div.widget {
    width: calc(100% - 100px);
}

.bewerbungsform-block-check fieldset {
    padding: unset;
    border: none;
}

.bewerbungsform-block-check input {
    margin-left: unset;
}

.bewerbungsform-block-button button {
    background: #ed1b24;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    width: max-content;
    margin-bottom: 20px;
    transition: 0.1s;  
}

.bewerbungsform-block-button button:hover {
    background: #d11921;
}

.leistungbox-right {
    max-width: 600px;
    margin-top: 20px
}
.webmaster {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
}
.webmasterlogo {
    width: 350px;
}
.impressum-table {
    width: 500px;
}
.aktuelles-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-around;
    margin-top: 50px;
}
.aktuelles-box img {
    width: 600px;
    max-width: 80vw;
}
.lzmaennchen {
    width: 600px;
    height: 320px;
    box-shadow: inset 0px 0px 50px 50px #ffffff;
    margin-top: -20px;
}

.nav-home-icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
  vertical-align: middle;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.ansprechpartner-box {
    display: flex;
    margin-bottom: 50px;
}

.ansprechpartner-bild img, .ansprechpartner-bild {
    height: 300px;
}

.ansprechpartner-inhalt path {
    fill: var(--red);
}

.ansprechpartner-liste {
    margin-inline: 5%;
}

.ansprechpartner-inhalt {
    display: flex;
    align-items: center;
    width: calc(100% - 400px);
    box-shadow: inset 0px 0px 5px 0px var(--lightgray);
}

.ansprechpartner-inhalt div {
    margin-left: 50px;
}

.partnerbox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    row-gap: 80px;
    column-gap: 60px;
}

.partner {
    display: flex;
    flex-direction: column;
    width: 20vw;
    min-width: 300px;
}

.partnerimg {
    width: 20vw;
    height: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    min-height: max-content;
}

.jubilaeumsform {
    margin-block: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.jubilaeumsform div.widget-text {
    width: calc(50% - 10px);
    min-width: 300px;
}

.jubilaeumsform div.widget-textarea {
    width: 100%;
}

.jubilaeumsform div.widget-textarea textarea {
    height: 100px;
    width: 100% !important;
    min-height: 100px !important;
    max-height: 300px !important;
}

.jubilaeumsform div.widget-checkbox {
    width: 100%;
}

.jubilaeumsform div.widget-checkbox fieldset {
    border: unset !important;
    padding-left: unset !important;
}

.jubilaeumsform div.widget-submit button {
    background: #ed1b24;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    width: max-content;
    margin-bottom: 20px;
    transition: 0.1s;
}

.jubilaeumsform div.widget-submit button:hover {
    background: #d11921;
}

.jubilaeumsform div.widget-explanation {
    width: 100%;
}

.jubilaeumsform div.widget-explanation p {
    margin-block: 0px !important;
}

.jubilaeum-logo {
    padding-block: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.jubilaeum-logo img {
    width: 900px;
    max-width: 100%;
    height: auto;
}
.hlsdropdown {
    margin-block: 30px;
}
#article-20 .handorgel__header__button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid var(--lightgray) !important;
}
#article-20 .handorgel__header__button:after {
    content: url("../../files/Lorenz/Aktuelles/angle-down-solid-full.svg");
    width: 50px;
    height: 50px;
    display: inline-block;
}
#article-20 .handorgel__header__button[aria-expanded="true"]::after {
    rotate: 180deg;
}
#article-20 .handorgel__content__inner {
    background-color: white;
}
#article-20 .content-accordion {
    border-bottom: 1px solid var(--lightgray) !important;
}
#article-20 .handorgel__content {
    border-top: 1px solid var(--lightgray) !important;
}
.context-notice {
    font-size: var(--tiny);
    background-color: var(--lightgrey) !important;
    border: 1px solid var(--lightgray) !important;
    border-radius: unset !important;
}
.context-notice button {
    background: #ed1b24 !important;
    color: white !important;
    border: none !important;
    padding: 10px !important;
    cursor: pointer !important;
    width: max-content !important;
    margin-bottom: 20px !important;
    transition: 0.1s !important;
    max-width: 100% !important;
}

.context-notice button:hover {
    background: #d11921 !important;
}

#article-8 .cm-as-context-notice {
    width: 100vw;
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

@media (max-width: 1350px) {
    #header-navi {
        display: none !important;
    }
    #header-navi-mobile {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-inline: 100px;
        background: var(--banner-transparent);
        padding-block: 20px;
        transition: background 0.5s cubic-bezier(0.3, 0, 0.7, 1);
    }
}


@media (max-width: 1200px) {
    .header-topbar {
        display: none;
    }
    .lzmaennchen {
        display: none;
    }
    .logobox-box:first-of-type {
        margin-right: unset;
    }
    .logobox-box:last-of-type {
        margin-left: unset;
    }
    .logobox-box {
        min-width: 300px;
    }
    .logobox {
        flex-wrap: wrap;
    }
    .googlemap {
        min-width: 300px;
    }
    .planbox {
        min-width: 300px;
    }
    .mapsbox {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .footer-navi {
        justify-content: center;
    }
    .header-navi-mobile {
        background: var(--banner-blue) !important;
    }
    .banner img {
        margin-top: 70px !important;
    }
    .banner {
        flex-direction: column;
    }
    .banner-popup {
        position: relative !important;
    }
    .banner-popup-inside p {
        width: 100vw;
    }
    .navi-extra {
        padding-top: 75px !important;
    }
    #article-2 .banner img {
        margin-top: calc(var(--quelle-h) + 70px) !important;
    }
    #article-11 .privat-logo {
        padding-top: calc(var(--quelle-h) + 110px) !important;
    }
}
@media (max-width: 1000px) {
    .kda-iconbox {
        display: none;
    }
    .kda-text {
        width: 80vw;
    }
    .kda-formblock div.widget {
        width: 80vw !important;
    }
    .kda-formblock div {
        flex-direction: column !important;
    }
    .teambox {
        justify-content: space-around;
    }
    .leistungsbox-flex {
        flex-direction: column-reverse;
    }
    .bewerbungsform-block-file p, .bewerbungsform-block-check p {
        width: unset;
    }
    .kontakt-boxen {
        flex-direction: column;
    }
    .kontaktbox {
        width: 80vw;
    }
    .kontaktform div {
        flex-direction: column !important;
        align-items: flex-start;
    }
    .kontaktform-block p {
        width: unset;
    }
    .kontaktform-block-radio fieldset {
        flex-direction: column;
    }
    .kontaktform-block-radio div.widget {
        width: 100% !important;
    }
    .kontaktform-block div.widget {
        width: 100% !important;
    }
    .kontaktform-block-textarea div.widget {
        width: 100% !important;
    }
    .kontaktform-block-select div.widget {
        width: 100% !important;
    }
    .kontaktform-block-text p:last-of-type {
        width: 100% !important;
    }
    
    .ansprechpartner-box {
        flex-direction: column;
    }

    .ansprechpartner-bild img, .ansprechpartner-bild {
        height: unset;
        width: 100%;
        max-width: 455px;
    }
    
    .ansprechpartner-bild {
        display: flex;
    }

    .ansprechpartner-inhalt {
        width: 100%;
        max-width: 455px;
    }

    .ansprechpartner-inhalt div {
        margin-left: 20px;
    }
    
    .member-zitat {
        width: auto;
        max-width: 90%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

@media (max-width: 722px) {
    .logobox-box img {
        margin-inline: 0px !important;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 500px) {

    .ansprechpartner-liste {
        margin-inline: 3%;
    }

    .ansprechpartner-bild img, .ansprechpartner-bild {
        max-width: 100%;
    }

    .ansprechpartner-inhalt {
        max-width: 100%;
    }

    .ansprechpartner-inhalt div {
        margin-left: 15px;
    }

    .ansprechpartner-box {
        margin-bottom: 30px;
    }
}