:root{
    --color-text: hsl(12, 5%, 4%);
    --color-bg: hsl(10, 21%, 95%);
    --color-border: hsl(17, 24%, 90%)
}
    
html{
    font-family:system-ui,sans-serif;
    font-size:var(--font-size-base);
    color:var(--color-text)
}

.flag:where(.astro-3F55GER3) { width:calc(100% + 2rem)}

@media (min-width: 1024px){
    .flag:where(.astro-3F55GER3){width:100%}
}

.imprint:where(.astro-YNA4VND5):before{
    content:"";
    position:absolute;
    top:25px;
    bottom:25px;
    right:0;
    width:1px;
    height:calc(100% - 50px);
    background-color:#000
}

@media (min-width: 768px){
    .meta:where(.astro-YNA4VND5):before{
        content:"";
        position:absolute;
        top:25px;
        bottom:25px;
        right:50%;
        width:2px;
        height:calc(100% - 50px);
        background-color:#000
    }
}

*,:before,:after{
    box-sizing:border-box;
    border-width:0;
    border-style:solid;
    border-color:#e5e7eb
}
:before,:after{--tw-content: ""}

html { line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
@font-face{font-family:Minion Regular;font-weight:100;font-display:swap;src:url(/css/fraktion2022/fonts/minionpro-regular-webfont.woff2) format("woff2"),url(/css/fraktion2022/fonts/minionpro-regular-webfont.woff) format("woff")}
@font-face{font-family:Grotesk Regular;font-weight:100;font-display:swap;src:url(/css/fraktion2022/fonts/fkgrotesk-regular-webfont.woff2) format("woff2"),url(/css/fraktion2022/fonts/fkgrotesk-regular-webfont.woff) format("woff")}
@font-face{font-family:Grotesk Medium;font-display:swap;src:url(/css/fraktion2022/fonts/nhaasgroteskdspro-45lt-webfont.woff2) format("woff2"),url(/css/fraktion2022/fonts/nhaasgroteskdspro-45lt-webfont.woff) format("woff")}
@font-face{font-family:Grotesk Bold;font-display:swap;src:url(/css/fraktion2022/fonts/nhaasgroteskdspro-75bd-webfont.woff2) format("woff2"),url(/css/fraktion2022/fonts/nhaasgroteskdspro-75bd-webfont.woff) format("woff")}
@font-face{font-family:Tiempos Italic;font-display:swap;src:url(/css/fraktion2022/fonts/Tiempos-Headline-Medium-Italic.otf) format("woff2"),url(/css/fraktion2022/fonts/nhaasgroteskdspro-75bd-webfont.woff) format("woff")}
h2,h3,h4{font-size:1.875rem;line-height:2.25rem;font-weight:700}
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}
@media (min-width: 640px){
  .container{max-width:640px}
}
@media (min-width: 768px){
  .container{max-width:768px}
}
@media (min-width: 1024px){.container{max-width:1024px}}
@media (min-width: 1280px){.container{max-width:1280px}}
@media (min-width: 1536px){.container{max-width:1536px}}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.left-\[10000px\]{left:10000px}
.top-5{top:1.25rem}
.right-5{right:1.25rem}
.right-0{right:0}
.top-20{top:5rem}
.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.-ml-4{margin-left:-1rem}.mt-10{margin-top:2.5rem}.mb-4{margin-bottom:1rem}.mb-20{margin-bottom:5rem}.mb-8{margin-bottom:2rem}.mr-4{margin-right:1rem}.mb-16{margin-bottom:4rem}.mb-5{margin-bottom:1.25rem}.mb-11{margin-bottom:2.75rem}.mb-7{margin-bottom:1.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\/2{height:50%}.h-9{height:2.25rem}.h-0{height:0px}.h-\[6px\]{height:6px}.h-full{height:100%}.h-5{height:1.25rem}.w-full{width:100%}.w-9{width:2.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-\[80\%\]{width:80%}.w-5{width:1.25rem}.w-\[300px\]{width:300px}.max-w-7xl{max-width:80rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-5{gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-t-2{border-top-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.bg-brand-orange{--tw-bg-opacity: 1;background-color:rgb(250 178 0 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-brand-red{--tw-bg-opacity: 1;background-color:rgb(202 8 12 / var(--tw-bg-opacity))}.bg-brand-yellow{--tw-bg-opacity: 1;background-color:rgb(255 215 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left{-o-object-position:left;object-position:left}.py-8{padding-top:2rem;padding-bottom:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-8{padding-bottom:2rem}.pt-8{padding-top:2rem}.pb-9{padding-bottom:2.25rem}.pb-2{padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pt-14{padding-top:3.5rem}.pb-16{padding-bottom:4rem}.pb-6{padding-bottom:1.5rem}.pt-6{padding-top:1.5rem}.pt-10{padding-top:2.5rem}.pl-6{padding-left:1.5rem}.indent-\[10000px\]{text-indent:10000px}.font-GroteskBold{font-family:Grotesk Bold,sans-serif}.font-TiemposItalic{font-family:Tiempos Italic,sans-serif}.font-GroteskRegular{font-family:Grotesk Regular,sans-serif}.font-GroteskMedium{font-family:Grotesk Medium,sans-serif}.font-MinionRegular{font-family:Minion Regular,sans-serif}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-headline-2{font-size:40px}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-xs{font-size:.75rem;line-height:1rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-\[100px\]{font-size:100px}.text-8xl{font-size:6rem;line-height:1}.text-\[28px\]{font-size:28px}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-headline-2{line-height:48px}.leading-\[60px\]{line-height:60px}.text-brand-orange{--tw-text-opacity: 1;color:rgb(250 178 0 / var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.teaser__link{background-image:linear-gradient(rgb(250,178,0),rgb(250,178,0));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px}@media (min-width: 1024px){.teaser__person-wide{flex-direction:row}.teaser__person .picture-wide{width:50%}}@media (min-width: 768px){.teaser{padding-left:.75rem;padding-right:.75rem}.teaser:nth-child(-n+2){padding-top:0}}@media (min-width: 1024px){.teaser:nth-child(3n+1){padding-left:0}.teaser:nth-child(3n+3){padding-right:0}.teaser:nth-child(-n+3){padding-top:0}.teaser:not(:nth-child(1),:nth-child(2),:nth-child(3)){border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.teaser:nth-child(3){border-width:0px}.teaser:nth-child(3n+2):before,.teaser:nth-child(3n+2):after{position:absolute;top:24px;right:0;bottom:0;content:"";width:1px;background-color:#000}.teaser:nth-child(3n+2):after{right:auto;left:0}}.teaser:nth-child(-n+3):after,.teaser:nth-child(-n+3):before{top:0}.teaser .picture{--tw-bg-opacity: 1;background-color:rgb(205 205 205 / var(--tw-bg-opacity))}.leftCol .teaser{margin-bottom:1.5rem;margin-top:0;border-bottom-width:1px;border-top-width:0px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity));padding-bottom:1.5rem;padding-left:0;padding-right:0}.leftCol .teaser:before,.leftCol .teaser:after{display:none}@media (min-width: 1024px){.leftCol:after{content:"";position:absolute;top:0;right:-12px;width:1px;height:100%;background-color:#000}}.rightCol .teaser{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.rightCol .teaser:first-child{border-width:0px}.rightCol .teaser:nth-child(3n+2):before,.rightCol .teaser:nth-child(3n+2):after{display:none}.leftCol .teaser__portrait:last-of-type,.rightCol .teaser__portrait:last-of-type{border:0!important}.teaser_list:last-of-type{border-bottom-width:2px}.teaser__pack .teaser{margin-top:0;border-width:0px;padding-left:0;padding-right:0}.teaser__pack .teaser:last-of-type:before{display:none}@media (min-width: 1024px){.teaser__pack:after{content:"";position:absolute;top:0;bottom:24px;right:50%;width:1px;background:black;transform:translate(1px)}}.menu__checkbox{visibility:hidden;position:absolute;height:0px;width:0px}label{display:block;height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}label span{position:absolute;top:50%;left:0;z-index:1000;display:block;height:2px;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));margin-top:-1px;transition:.5s}label span:first-child{top:3px}label span:last-child{top:16px}.menu__checkbox~nav{position:fixed;bottom:0;left:0;z-index:10;height:0px;width:100%;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition:.5s;transition-delay:.25s}.menu__checkbox~nav>ul{text-align:center}.menu__checkbox~nav>ul>li{opacity:0;transition:.25s;transition-delay:0s}.menu__checkbox~nav>ul>li>a{display:block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";text-transform:uppercase;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));-webkit-text-decoration-line:none;text-decoration-line:none}.menu__checkbox:checked+label span{opacity:0;top:50%}.menu__checkbox:checked+label span:first-child{opacity:1;transform:rotate(405deg)}.menu__checkbox:checked+label span:last-child{opacity:1;transform:rotate(-405deg)}.menu__checkbox:checked~nav{height:100%;transition-delay:0}.menu__checkbox:checked~nav>ul>li{opacity:1;transition-delay:.5s}@media (min-width: 768px){ul.nav__main li{position:relative;display:inline-block; padding-bottom: 0px; margin-bottom:-5px; }ul.nav__main li span,ul.nav__main li li a{display:block;cursor:pointer;padding:.25rem;letter-spacing:.025em;color:#333}ul.nav__main li li a{cursor:pointer}ul.nav__main>li:hover{border-bottom-color:transparent;-webkit-text-decoration-line:underline;text-decoration-line:underline}ul.nav__main>li:hover ul{display:block}ul.nav__main>li:hover ul li{display:inline-block}ul.nav__main>li:hover ul a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}ul.nav__main>li ul{position:absolute;left:0;display:none;width:365px}}span.active,a.active{-webkit-text-decoration-line:underline;text-decoration-line:underline}.button{transition:all .1s ease-in-out}.button:hover{--tw-bg-opacity: .8}@media (min-width: 768px){.teaser__person:not(:nth-child(1),:nth-child(2)){border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}}@media (min-width: 1024px){.teaser__person:not(:nth-child(1),:nth-child(2),:nth-child(3)){border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.teaser__person:nth-child(3){border-width:0px}}.teaser__person .teaser-close{position:absolute;right:32px;top:32px;width:32px;height:32px;cursor:pointer}.teaser__person .teaser-close:before,.teaser__person .teaser-close:after{position:absolute;left:15px;content:" ";height:33px;width:1px;display:block;background-color:#333}.teaser__person .teaser-close:before{transform:rotate(45deg)}.teaser__person .teaser-close:after{transform:rotate(-45deg)}.teaser__person.active{z-index:50;grid-column:span 2 / span 2;margin-top:-3.5rem;margin-bottom:-1px;display:flex;flex-direction:column;align-items:center;border-top-width:2px;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity));padding-top:1.5rem;padding-bottom:1.5rem}.teaser__person.active:before,.teaser__person.active:after{display:none}.teaser__person.active:nth-child(1){margin-top:0}@media (min-width: 768px){.teaser__person.active{flex-direction:column}}@media (min-width: 1024px){.teaser__person.active{grid-column:span 3 / span 3;margin-top:-2.75rem;flex-direction:row}}.teaser__person.active .get-more-person{display:none}.teaser__person.active .contact{display:flex;flex-direction:column}.teaser__person.active .teaser-close{display:flex}@media (min-width: 1024px){.vita:after{content:"";position:absolute;top:0;bottom:24px;right:50%;width:1px;background:black;transform:translate(1px)}.side__info:after{content:"";position:absolute;top:0;bottom:0;left:-12px;width:1px;background:black;transform:translate(1px)}}.first\:ml-0:first-child{margin-left:0}.last\:mr-0:last-child{margin-right:0}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 768px){.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-1{grid-column:span 1 / span 1}.md\:my-0{margin-top:0;margin-bottom:0}.md\:mb-0{margin-bottom:0}.md\:ml-6{margin-left:1.5rem}.md\:block{display:block}.md\:hidden{display:none}.md\:aspect-video{aspect-ratio:16 / 9}.md\:w-1\/2{width:50%}.md\:w-3\/4{width:75%}.md\:w-1\/4{width:25%}.md\:w-8\/12{width:66.666667%}.md\:w-4\/12,.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:border-0{border-width:0px}.md\:py-0{padding-top:0;padding-bottom:0}.md\:pt-8{padding-top:2rem}.md\:pt-0{padding-top:0}.md\:pb-36{padding-bottom:9rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:-ml-0{margin-left:-0px}.lg\:mt-24{margin-top:6rem}.lg\:mb-0{margin-bottom:0}.lg\:block{display:block}.lg\:aspect-square{aspect-ratio:1 / 1}.lg\:w-1\/2{width:50%}.lg\:w-9\/12{width:75%}.lg\:w-3\/12{width:25%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/3{width:33.333333%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:border-t-0{border-top-width:0px}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:pb-52{padding-bottom:5rem}.lg\:pl-9{padding-left:2.25rem}.lg\:pt-0{padding-top:0}.lg\:pl-0{padding-left:0}.lg\:text-headline-2{font-size:40px}.lg\:text-intro{font-size:206px}.lg\:leading-\[48px\]{line-height:48px}.lg\:leading-\[170px\]{line-height:170px}}

button:where(.astro-DI4QCSDT) { transition:all .1s ease-in-out}
button:where(.astro-DI4QCSDT):hover{--tw-bg-opacity: .8}


.newshide { display: none; }
.morenews { float: right; margin-right: 16px; margin-top: 0px; }
.lessnews { float: left; margin-left: 8px; margin-top:20px; }
.newscontrol { display: none; cursor: pointer; }
.nc1 { display:flex; }
.shadow { display: none; }
.h3kontakt span { float:left; width: 100%; font-size: 18px; font-weight: normal; }

.einzelseite h1 { margin-bottom: 20px; }
.einzelseite > div > p { margin-bottom: 20px; }
.image-center { float: left; width:100%; }
.image-center img { width:100%; height: auto; }
.image-left { float: left; max-width:40%; margin-right: 3%; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 3%; }
.image-right { float: right; max-width:40%; margin-left: 3%;  margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 3%; margin-inline-end: 0; }
figcaption { float:left; width: 100%; background: #e7e7e7; color: #000000; padding: 2%; }
.kontakt_googlemaps iframe { width: 294px; height: 166px; }
.newspresse-detail-image { float: left; width: 32%; margin-right:1%; }
.zusatzinformationen ul li { margin: 18px 0; font-size: 20px; }
.zusatzinformationen ul li span { margin-right: 18px; }
.media-newpress p { margin-bottom: 15px; }
.media-newpress .anreisser { font-weight: bold; }
.spalte_titel_border,
.profil_info strong { font-family: Grotesk Bold,sans-serif; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(250 178 0 / var(--tw-text-opacity)); }
.spalte_box { margin-top: 0px !important; }
.spalte_box > p > a > strong > img { float: left; padding-top:4px; padding-right: 10px; }
.nav__submenu li span { text-transform: uppercase; font-size: .875rem; line-height: 1.25rem; }
.mt-1-3 { margin-top: 1.3rem; }

@media (min-width: 768px) {
    .teaser:nth-child(3n-1) img { aspect-ratio: 1 / 1.03 !important; }
}

/* Projektbox 10
-----------------------------------------------------------------------------------*/
.section--projekt-boxen { float: left; width: 100%; clear: both; }
.projekt_boxen_ende { clear:both;width:100%;height:30px; }
.pro10boxen { float: left; width: 100%; }
.pro10boxen_50 { float: left; width: calc( 50% - 10px); }
.pro10boxen_50:first-child { margin-right: 20px; }
.pro10boxen_33 { float: left; width: calc( 33.3% - 13.3px); margin-left: 20px; }
.pro10boxen_33:first-child { margin-left: 0px; }

.pro10box1 { position: relative; width: 100%; margin-bottom: 20px; }
.pro10box1 .title { position: absolute; bottom: 15px; left: 15px; background: #FFFFFF; color: #000000; font-size: 24px; font-weight: 700; padding: 4px 10px; word-break: break-all; }
.pro10box1 i { position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); font-size: 200px; }
.pro10box2 { float:left; position: relative; width: 100%; margin-bottom: 21px; }
.pro10box2 .title { position: absolute; bottom: 15px; left: 15px; background: #FFFFFF; color: #000000; font-size: 24px; font-weight: 700; padding: 4px 10px; word-break: break-all; }
.pro10box2 i { position: absolute; top: calc(50% - 75px); left: calc(50% - 65px); font-size: 150px; }
.pro10box3 { float:left; position: relative; float:left; width :calc( 50% - 10px); margin-bottom: 26px; margin-right: 20px; }
.pro10box3 .title { position: absolute; bottom: 15px; left: 15px; background: #FFFFFF; color: #000000; font-size: 24px; font-weight: 700; padding: 4px 10px; word-break: break-all; }
.pro10box3 i { position: absolute; top: calc(50% - 55px); left: calc(50% - 40px); font-size: 100px; }
.pro10box4 { float:left; position: relative; float:left; width :calc( 50% - 10px); margin-bottom: 26px; }
.pro10box4 .title { position: absolute; bottom: 15px; left: 15px; background: #FFFFFF; color: #000000; font-size: 24px; font-weight: 700; padding: 4px 10px; word-break: break-all; }
.pro10box4 i { position: absolute; top: calc(50% - 55px); left: calc(50% - 40px); font-size: 100px; }

@media only screen and (max-width: 1300px) {
  .pro10box2 { margin-bottom: 21px; }
  .pro10box1 .title { font-size: 16px; font-weight: 600; }
  .pro10box2 .title { font-size: 16px; font-weight: 600; }
  .pro10box3 .title { font-size: 16px; font-weight: 600; }
  .pro10box4 .title { font-size: 16px; font-weight: 600; }
  
  .pro10box1 i { position: absolute; top: calc(50% - 90px); left: calc(50% - 65px); font-size: 160px; }
  .pro10box2 i { position: absolute; top: calc(50% - 54px); left: calc(50% - 49px); font-size: 115px; }
  .pro10box3 i { position: absolute; top: calc(50% - 55px); left: calc(50% - 38px); font-size: 80px; }
  .pro10box4 i { position: absolute; top: calc(50% - 55px); left: calc(50% - 38px); font-size: 80px; }
}

@media only screen and (max-width: 900px) {
  .pro10box2 { margin-bottom: 14px; }
  .pro10box1 .title { font-size: 16px; font-weight: 600; }
  .pro10box2 .title { font-size: 16px; font-weight: 600; }
  .pro10box3 .title { font-size: 16px; font-weight: 600; }
  .pro10box4 .title { font-size: 16px; font-weight: 600; }
}

@media only screen and (max-width: 500px) {
  .pro10boxen_50 { float: left; width: 100%; }
  .pro10boxen_33 { float: left; width: 100%; margin-left: 0px; }
  .pro10box1 .title { font-size: 14px; font-weight: 400; }
  .pro10box2 .title { font-size: 14px; font-weight: 400; }
  .pro10box3 .title { font-size: 14px; font-weight: 400; }
  .pro10box4 .title { font-size: 14px; font-weight: 400; }
}

/* Suchfunktion
 * ---------------------------------------------------------------------------------*/
#suchergebnis { display: flow-root; padding-top: 20px; }
.suchfeld { width:99%;float:left;padding:20px;background: #EFEFEF;margin-bottom:15px; }
.suchfeld_suchwort { width:64%; margin-right:2%; float: left; }
.suchfeld_button { width:31%; margin-right:0%; float: left; }
.suchcol1 { width:48%; margin-right:4%; float: left; }
.suchbereich { font-size:24px; color:#000000;font-weight:bold;padding-bottom: 10px; border-bottom: 2px solid rgb(250 178 0); }
.news_weitere_meldungen_more { float:right; color:rgb(250 178 0); font-weight: bold; }
#morenews, #moremdl, #morepresse, #morethemen, #moredocs, #moretermine { display: none; }

.news_x_liste{ background:url(/image/templates/onepager06/glyphicons/glyphicons_223_chevron-right.png) no-repeat; padding-left:30px; padding-top:0px; margin-bottom:30px; padding-right:20px; margin-top: 10px; font-size: 16px; }
.news_x_liste a { text-decoration: none !important; font-size: 18px; }
.news_x_liste_k{ background:url(/image/templates/onepager06/glyphicons/glyphicons_223_chevron-right.png) no-repeat; padding-left:30px; padding-top:3px; margin-bottom:10px; padding-right:20px; width:250px; font-size: 16px; }

/* Slider */
/* line 3, ../../svn/scss/library/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../../svn/scss/library/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, ../../svn/scss/library/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 29, ../../svn/scss/library/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 34, ../../svn/scss/library/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 43, ../../svn/scss/library/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 51, ../../svn/scss/library/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 57, ../../svn/scss/library/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 61, ../../svn/scss/library/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 65, ../../svn/scss/library/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 69, ../../svn/scss/library/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 72, ../../svn/scss/library/_slick.scss */
.slick-slide img { display: block; }
.slick-slide img:first-child { width:100%; }
/* line 75, ../../svn/scss/library/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 81, ../../svn/scss/library/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 85, ../../svn/scss/library/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 89, ../../svn/scss/library/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 93, ../../svn/scss/library/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/* line 99, ../../svn/scss/library/_slick.scss */
.slick-slide > div { line-height: 0px; }
.slick-slide > div > div > .title { float:left; position: relative; bottom : 0px; padding: 25px 15px; background: rgba(255,255,255,1); width: 100%; line-height: normal; }

/* line 103, ../../svn/scss/library/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 109, ../../svn/scss/library/_slick.scss */
  .fill .slick-list,
  .fill .slick-track,
  .fill .slick-slide,
  .fill .slick-slide > div {
    height: 100%;
  }
}

/* Arrows */
/* line 22, ../../svn/scss/library/_slick-theme.scss */
.slick-prev,
.slick-next {
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  display: block;
  height: 47px;
  width: 47px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  bottom: -24px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
}
/* line 46, ../../svn/scss/library/_slick-theme.scss */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}
/* line 49, ../../svn/scss/library/_slick-theme.scss */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
/* line 53, ../../svn/scss/library/_slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
/* line 57, ../../svn/scss/library/_slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  position: absolute;
  left: 0px;
  top: 15px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-left: 3px solid #00B3CD;
  border-top: 3px solid #00B3CD;
}
/* line 71, ../../svn/scss/library/_slick-theme.scss */
.theme-yellow .slick-prev, .theme-yellow
.slick-next { top: 28vw; }
.theme-yellow .slick-prev:before, .theme-yellow
.slick-next:before {
  border-left-color: #e7e7e7;
  border-top-color: #e7e7e7;
}
/* line 81, ../../svn/scss/library/_slick-theme.scss */
.slick-prev .theme-white:before,
.slick-prev .theme-white2:before, .slick-prev:before,
.slick-next .theme-white:before,
.slick-next .theme-white2:before,
.slick-next:before {
  border-left-color: #000000;
  border-top-color: #000000;
}

/* line 87, ../../svn/scss/library/_slick-theme.scss */
.theme-white2 .slick-prev, .theme-white2
.slick-next {
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  /* line 87, ../../svn/scss/library/_slick-theme.scss */
  .theme-white2 .slick-prev, .theme-white2
  .slick-next {
    bottom: auto;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 22, ../../svn/scss/library/_slick-theme.scss */
  .slick-prev,
  .slick-next {
    bottom: auto;
    top: 50%;
  }
  /* line 100, ../../svn/scss/library/_slick-theme.scss */
  .theme-yellow .slick-prev, .theme-yellow
  .slick-next {
    top: 50%;
  }
}

/* line 106, ../../svn/scss/library/_slick-theme.scss */
.slick-prev {
  left: 25px;
}
/* line 109, ../../svn/scss/library/_slick-theme.scss */
.slick-prev:before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.theme-white2 .slick-prev { left: 15px; }
@media only screen and (min-width: 768px) {
  .theme-white2 .slick-prev { left: 15px; }
}
@media only screen and (min-width: 1366px) {
  /* line 106, ../../svn/scss/library/_slick-theme.scss */
  .slick-prev {
    left: 90px;
  }
  /* line 124, ../../svn/scss/library/_slick-theme.scss */
  .theme-yellow .slick-prev {
    left: 50px;
  }
  /* line 128, ../../svn/scss/library/_slick-theme.scss */
  .theme-white .slick-prev {
    left: 25px;
  }
}

/* line 134, ../../svn/scss/library/_slick-theme.scss */
.slick-next {
  right: 25px;
}
.theme-white2 .slick-next { right: 15px; }
@media only screen and (min-width: 768px) {
  .theme-white2 .slick-next { right: 15px; }
}
/* line 145, ../../svn/scss/library/_slick-theme.scss */
.slick-next:before {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .theme-white .slick-next { right: 14vh; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .theme-white .slick-next { right: 25px; }
}
@media only screen and (min-width: 1366px) {
  .slick-next { right: 90px; }
  .theme-yellow .slick-next { right: 50px; }
  .theme-white .slick-next { right: 18vh; }
}

/* Dots */
/*.slick-dotted.slick-slider {
    margin-bottom: 30px;
}*/
/* line 181, ../../svn/scss/library/_slick-theme.scss */
.content ul.slick-dots {
  padding: 0;
  margin: 0;
}

/* line 186, ../../svn/scss/library/_slick-theme.scss */
.slick-dots {
  display: none !important; 
  position: absolute;
  bottom: 15px;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
/* line 195, ../../svn/scss/library/_slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 13px;
  width: 13px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
/* line 203, ../../svn/scss/library/_slick-theme.scss */
.slick-dots li button {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #FFFFFF;
  background-color: transparent;
  display: block;
  height: 13px;
  width: 13px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background-color: #FFFFFF; }
.slick-dots li.slick-active button { background-color: #FFFFFF; }

.theme-yellow .slick-dots { bottom: 15px; display: none !important; }
.theme-yellow .slick-dots li button { border-color: #FFFFFF; }
.theme-yellow .slick-dots li button:hover, .theme-yellow .slick-dots li button:focus { background-color: #ffffff; }
.theme-yellow .slick-dots li.slick-active button { background-color: #ffffff; }
@media only screen and (min-width: 768px) {
  .theme-yellow .slick-dots { bottom: 70px; display: block !important; }
}
.theme-white .slick-dots { bottom: 15px; }
.theme-white .slick-dots li button { border-color: #fff; }
.theme-white .slick-dots li button:hover, .theme-white .slick-dots li button:focus { background-color: #fff; }
.theme-white .slick-dots li.slick-active button { background-color: #fff; }
@media only screen and (min-width: 768px) {
  .theme-white .slick-dots {
    -moz-transform: translateX(-7vh);
    -ms-transform: translateX(-7vh);
    -webkit-transform: translateX(-7vh);
    transform: translateX(-7vh);
    bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .theme-white .slick-dots {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    bottom: 20px;
  }
}
.theme-white2 .slick-dots { bottom: -30px; }
@media only screen and (min-width: 768px) {
  .theme-white2 .slick-dots { bottom: -30px; }
}
.theme-white2 .slick-dots li button { border-color: #000; }
.theme-white2 .slick-dots li button:hover, .theme-white2 .slick-dots li button:focus { background-color: #000; }
.theme-white2 .slick-dots li.slick-active button { background-color: #000; }

/*
.active .section--header-slider-slide .title .slider_text_top a:after,
.active .section--header-slider-slide .title .slider_text_bottom a:after {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 60%;
    height: 100%;
    pointer-events: none;
    background-image: url(/image/templates/berlin2020/bevel-yellow-r.svg);
}
*/

@media only screen and (max-width: 1560px) {
  .active .section--header-slider-slide .title .slider_text_top a:after,
  .active .section--header-slider-slide .title .slider_text_bottom a:after {
      /*top: 5px;*/
      top: 0px;
      /*height: 89%;*/
      height: 100%;
  }
}

@media only screen and (max-width: 1100px) {
  .active .section--header-slider-slide .title .slider_text_top a:after,
  .active .section--header-slider-slide .title .slider_text_bottom a:after {
      /*top: 13px;*/
      top: 0px;
      /*height: 74%;*/
      height: 100%;
  }
}

@media only screen and (min-width: 895px) and (max-width: 1100px) {
  .active .section--header-slider-slide .title .slider_text_top a:after,
  .active .section--header-slider-slide .title .slider_text_bottom a:after {
      /*top: 4px;*/
      top: 0px;
      /*height: 90%;*/
      height: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .active .section--header-slider-slide .title .slider_text_top a:after,
  .active .section--header-slider-slide .title .slider_text_bottom a:after {
      /*top: -4px;*/
      top: 0px;
      /*height: 100%;*/
      height: 100%;
  }
}

@media only screen and (min-width: 468px) and (max-width: 768px) {
  .active .section--header-slider-slide .title .slider_text_top a:after,
  .active .section--header-slider-slide .title .slider_text_bottom a:after {
      top: -2px;
      height: 104%;
  }
}

.slidericon { font-size:20px;color:#FFFFFF; }
.out .section--header-slider-slide .title {
    -webkit-animation: animateheadline-out 400ms ease-in-out 1 forwards;
    -moz-animation: animateheadline-out 400ms ease-in-out 1 forwards;
    -o-animation: animateheadline-out 400ms ease-in-out 1 forwards;
    animation: animateheadline-out 400ms ease-in-out 1 forwards;
}
@media only screen and (min-width: 768px) {
    .section--header-slider-slide {
        height: 600px;
    }
    .section--header-slider-slide .title {
        margin: 100px 0 0 100px;
    }
    .section--header-slider-slide .title br {
        display: block;
    }
}

@media only screen and (min-width: 768px)
.section--header-slider-slide .title {
    margin: 100px 0 0 100px;
}

@-webkit-keyframes animateheadline-in {
    0% {
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes animateheadline-in {
    0% {
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes animateheadline-in {
    0% {
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes animateheadline-in {
    0% {
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes animateheadline-out {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
}
@-moz-keyframes animateheadline-out {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
}
@-o-keyframes animateheadline-out {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
}
@keyframes animateheadline-out {
    0% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
}

@media only screen and (max-width: 895px) {
    .section--header-slider-slide .title { margin: 20px; }
    .active .section--header-slider-slide .title div a { padding: 4px 19px 3px 9px; color: #000000; }
}

@media only screen and (max-width: 768px) {
    .section--header-slider-slide .title div a { line-height: 2em !important; }
}

@media only screen and (max-width: 600px) {
    .section--header-slider-slide .title div a { line-height: 2em !important; }
    .active .section--header-slider-slide .title div a { padding: 6px 10px 4px 10px; color: #000000; }
}

@media only screen and (max-width: 468px) {
    .section--header-slider-slide .title { margin: 20px 0 0 0; }
    .section--header-slider-slide .title div a { line-height: 2.2em !important; }
}

.section--headline-header { background-color: #32302e; padding-top: 50px; padding-bottom: 50px; float:left; width: 100%; margin-bottom: 30px; }
.section--headline-header.large {
    min-height: 450px;
}
@media only screen and (min-width: 768px) {
    .section--headline-header.large {
        min-height: 600px;
    }
}
.section--headline-header-title { color: #000000; font-weight:900; background: #FFFFFF; padding: 15px; float:left; width:100%; position:relative; z-index:10;}
.section--headline-header-box { float:left; max-width:76%; }
.section--headline-header-box-balken {
    transform: skewX(-12deg);
    display: none;
    content: " ";
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    position: relative;
    right: 10px;
    float:left;
    top: 0px;
    width: 20px;
    height: 95px;
    pointer-events: none;
    background: #00B3CD;
}

/* Dokumente */
.dokumente_texte { float:left;width: 100% !important; border-bottom: 30px; height: auto; overflow:hidden; color: #000000; }
.dokumente_bild { float:left;width: 22% !important; font-size:70px; height: auto !important; }
.dokumente_textspalte { float:left; width: 76%; padding: 0 0 0 4%; }
.dokumente_texte p { float:left; width: 100% !important; max-width: 100% !important; text-align:left !important; font-size: 18px; line-height:1.3em; }
.dokumente_titel { float:left; width: 100% !important; max-width: 100% !important; text-align:left !important; font-size: 20px !important; line-height: 20px; }
.dokumente_beschreibung { float:left; width: 100% !important; max-width: 100% !important; text-align:left !important; max-width:100% !important; }
.dokumente_download { float:left; margin: 30px 0 0 0; text-align:left; }

@media all and (max-width: 768px)
{
	.dokumente_bild { float:left;width: 22% !important; font-size:40px; height: auto !important; }
}

.lh0-8 { margin-top: -4px; }
.slidertextbild { width: auto !important; }

footer { float:left; width: 100%; }

/* Termine */
.termine-inner { float:left; width: 100%; margin-top: 20px; font-size: 16px; line-height: 24px;  }
.termine-inner a { color: #ca080c; }
.termine-box { float:left; width: 100%; margin: 30px 0; background: #eaeaea; padding:20px; }
.termine-box:first-child { float:left; width: 100%; margin: 0 0 15px 0; background: #f1f1f1; padding:20px; }
.termine-title { float:left; width: 100%; }
.termine-datum { float:left; width: 30%; font-size: 16px; padding: 0 20px; line-height: 24px; }
.termine-datum a { font-size: 20px; }
.termine-thema { float:left; width: 50%; font-size: 24px; margin-bottom: 20px; }
.termine-icon { float:left; font-size: 30px; padding: 0; border-radius:8px; text-align:left; color: #000; background-position: top right; background-size: contain; background-repeat: no-repeat; }
    
.termine-source { float: left; width: 100%; margin-top: 30px;  }
.termin_planer_box { float:left !important; width: 100%; }
.termin_planer { float:left; padding:20px; background: #e7e7e7; width: 30%; margin-right:5%; position: absolute; }
.termin_mit_planer { float:left; width: 50%; margin-left: 50%; }
.termin_planer_rubriken { float:right;font-size:14px; } 
.termin_planer_springer { width: 100%; height: 62px; color : black; font-size: 20px; float: left; }
.termin_planer_springer_1 { padding-left:2%; padding-top:6px; float: left; text-align: left; width: 21%; }
.termin_planer_springer_1 i { color: #000000; }
.termin_planer_springer_2 { margin-top: 3px; float: left; text-align: center; width: 53%; color: #000000; font-size:20px; text-transform: uppercase;}
.termin_planer_springer_3 { padding-right:2%; padding-top:6px; float: right; text-align: right; width: 21%; }
.termin_planer_springer_3 i { color: #000000; }
.termin_planer_kalender { width: 100%; float:left; }
.termin_planer_abschluss { height: 30px; width: 100%; background: #6fb6eb; margin-bottom: 15px; display:none; }
.termin_kalender_wochentage { border: 0px; width:100%; padding:2px; height: 20px; }
.termin_kalender_wochentage td{ text-align:center; background-color:#fab200; font-size: 18px; color:#000000; font-weight: bold; border: 0px; width:14%; padding:2px; }
.termin_kalender_verlauf { width:100%; }
.termin_kalender_tage { border: 0px; width:100%; padding:2px; height: 150px; }
.termin_kalender_tage td{ text-align:center; vertical-align: middle; font-size: 18px; color:#333333; font-weight: bold; border: 0px; width:14%; padding-top:5px; padding-bottom: 5px; }
.termin_kalender_tage td { color:#333333; }
.termin_50 { width: 40%; padding: 2%; float: left; }
.termin_100 { width: 90%; padding: 2%; float: left; }
.termin_ausgabe_herkunft { margin-left: 0px !important; padding: 10px 0px 0px 0px !important; color: #16344E; }
.termin_ausgabe_herkunft a { color: #16344E !important; }
.termin_diff_1 { background : #fab200; }
.termin_diff_1 a { color: #FFFFFF; }
.termin_diff_2 { background : #fab200; color: #FFFFFF; }
.termin_diff_2 a { color: #FFFFFF; }
.termin_diff_3 { background : #fab200; color: #FFFFFF; }
.termin_diff_3 a { color: #FFFFFF; }
.termin_diff_4 { background : #fab200; color: #FFFFFF; }
.termin_diff_4 a { color: #FFFFFF; }
.termin_diff_5 { background : #fab200; color: #FFFFFF; }
.termin_diff_5 a { color: #FFFFFF; }
.termin_planer_goto { cursor: pointer; }
.termin_today { border: 3px solid #000000 !important; }

@media all and (max-width: 1320px)
{
  .termin_kalender_tage td { padding: 5px; }
}

@media all and (max-width: 800px)
{
  .termin_planer { width: 100%; margin-right:0; position: relative; }
  .termin_mit_planer { margin-left: 0; width: 100%; }
  .termine-datum { float:left; width: 70%; font-size: 16px; padding: 0 20px; }
  .termine-thema { float:left; width: 100%; font-size: 16px; margin-bottom: 20px; word-break: break-word; padding-top:20px;  }
  .termine-thema h3 { float:left; width: 100%; font-size: 18px; margin-bottom: 20px; word-break: break-word; }
}

.image-center { float: left; width:100%; }
.image-center img { width:100%; height: auto; }
.image-left { float: left; max-width:40%; margin-right: 3%; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 3%; }
.image-right { float: right; max-width:40%; margin-left: 3%;  margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 3%; margin-inline-end: 0; }
figcaption { float:left; width: 100%; background: #e7e7e7; color: #000000; padding: 2%; }

/* 
 * page layouts
 */
.aside-layout { padding-top: 0; padding-bottom: 0; }
.aside-layout > div, .aside-layout aside { position: relative; }
.aside-layout aside { padding-left: 25px; padding-right: 25px; }
@media only screen and (max-width: 1023px) {
  .aside-layout > div > .section--text { padding-left: 25px; padding-right: 25px; }  
}
@media only screen and (max-width: 768px) {
  .aside-layout aside { margin-top: 60px; }
}
@media only screen and (min-width: 1023px) {
  .aside-layout { padding-top: 0; padding-bottom: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: start; align-items: start; }
  .aside-layout > div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; padding-right: 25px; }
  .aside-layout aside { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; margin-top: 0px; padding-top: 2px; padding-left: 25px; padding-right: 0; padding-bottom: 50px; }
}
@media only screen and (min-width: 1366px) {
  .aside-layout { padding-top: 0; padding-bottom: 0; }
  .aside-layout > div { width: 66%; padding-right: 50px; }
  .aside-layout aside { width: 34%; padding-left: 50px; }
}

.bside-layout { padding-top: 0; padding-bottom: 0; }
.bside-layout > div, .bside-layout bside { position: relative; }
.bside-layout bside { padding-left: 25px; padding-right: 25px; }
@media only screen and (max-width: 1023px) {
  .bside-layout > div > .section--text { padding-left: 25px; padding-right: 25px; }  
}
@media only screen and (max-width: 768px) {
  .bside-layout bside { margin-top: 60px; }
}
@media only screen and (min-width: 1023px) {
  .bside-layout { padding-top: 0; padding-bottom: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: start; align-items: start; }
  .bside-layout > div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; padding-right: 25px; }
  .bside-layout bside { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; margin-top: 50px; padding-top: 20px; padding-left: 25px; padding-right: 0; padding-bottom: 50px; }
}
@media only screen and (min-width: 1366px) {
  .bside-layout { padding-top: 0; padding-bottom: 0; }
  .bside-layout > div { width: 65%; padding-right: 50px; }
  .bside-layout bside { width: 35%; padding-left: 50px; }
}

/* Kampagnen
-----------------------------------------------------------------------------------*/
.kampagne_rss_link { width: 100%; font-size: 16px; background: #E95D0F; color: #FFFFFF; margin-bottom:30px; }
.kampagne_rss_link div { padding: 10px; }
.kampagne_rss_link a { color: #FFFFFF; }

.kampagne_cdunet { width: 100%; font-size: 16px; background: #E95D0F; color: #FFFFFF; margin-bottom:30px; }

.kampagne_standard { float:left; width: 100%; margin-bottom: 30px; }
.kampagne_standard_titel { float:left; width: 100%; font-size: 24px; padding-bottom: 5px; border-bottom: 1px solid #000000; margin-bottom: 10px; color: #000000; }
.kampagne_standard_inhalt { float:left; width: 100%; font-size: 16px; line-height: 24px; }
.kampagne_standard_inhalt ul { margin-left: 17px; }
.kampagne_standard_inhalt ul li { margin-bottom: 20px; }
.kampagne_standard_inhalt ul.dashed { list-style-type: none; }
.kampagne_standard_inhalt ul.dashed > li { text-indent: -20px; }
.kampagne_standard_inhalt ul.dashed > li:before { content: "-"; text-indent: -20px; margin-right: 14px; }
.kampagne_standard_bild_links { float: left; width: 40%; margin-right: 20px; margin-bottom: 10px; }
.kampagne_standard_bild_rechts { float: right; width: 40%; margin-left: 20px; margin-bottom: 10px; }
.kampagne_standard_bild_center { float: left; width: 100%; margin-bottom: 10px; }

/* iFrame */
.sh-embed-container { position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto; }
.sh-embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ratio 4x3 */
.sh-embed-container.ratio4x3 { padding-bottom: 75%; }