: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
}

.text-base ul,
.section--text__copy ul,
.section--text-image__copy ul { list-style: square; margin: 5px 0 5px 20px; }

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;
    padding-left: 10px;
    padding-right: 10px;
}
.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:2.5rem;
    padding-bottom:2.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:2rem;
    padding-bottom:1rem
}

@media (max-width: 768px){
 .py-24 { padding-top: 2rem; padding-bottom: 0rem; }
}

@media (max-width: 1024px){
 .py-24 { padding-top: 3rem; padding-bottom: 1rem; }
}

.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-base p { margin: 24px 0; }
.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 }
    
    .teaser2{ padding-left:.75rem; padding-right:.75rem; font-size: 16px; }
    .teaser2:nth-child(-n+1){ 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 }
    
    .element-item-no { padding-top:0px !important; padding-left:0.75em !important; padding-right:0.75em !important; border-top-width: 0px !important; }
    .element-item-no img { aspect-ratio:1 / 1 !important; }
    .element-item-no:before,.element-item-no:after{ width: 0px !important; }
    
    
    /* 2-spaltig */
    .teaser2:nth-child(2n+1){ padding-left:0 }
    .teaser2:nth-child(2n+2){ padding-right:0 }
    .teaser2:nth-child(-n+2){ padding-top: 1rem; }
    .teaser2: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))
    }
    .teaser2:nth-child(2){ border-width:0px }
    .teaser2:nth-child(2n-1):before{
        position:absolute;
        top:24px;
        right:0;
        bottom:0;
        content:"";
        width:1px;
        background-color:#000
    }
    .teaser2:nth-child(2n+1):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)) }

.teaser2:nth-child(-n+1):after,.teaser2:nth-child(-n+1):before{ top:0 }
.teaser2 .picture{ --tw-bg-opacity: 1; background-color:rgb(205 205 205 / var(--tw-bg-opacity)) }

.leftCol .teaser, .leftCol .teaser2 {
    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,
.leftCol .teaser2:before,.leftCol .teaser2: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,
.rightCol .teaser2 {
    border-top-width:1px;
    --tw-border-opacity: 1;
    border-color:rgb(0 0 0 / var(--tw-border-opacity))
}
.rightCol .teaser:first-child /*, .rightCol .teaser2:first-child */{
    border-width:0px
}
.rightCol .teaser:nth-child(3n+2):before,.rightCol .teaser:nth-child(3n+2):after,
.rightCol .teaser2:nth-child(2n+1):before,.rightCol .teaser2:nth-child(2n+1):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
}
.menuicon { float:left; width: 16px; height:16px; margin-right: 10px; }

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;
    overflow-y: scroll;
    --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:90%;
    transition-delay:0
}
.menu__checkbox:checked~nav>ul>li{
    opacity:1;
    transition-delay:.5s
}
nav { z-index: 100; }
@media (min-width: 768px){
    ul.nav__main li{
        position:relative;
        display:inline-block;
        padding-bottom: 0px;
        margin-bottom:-5px;
    }
    ul.nav__main li ul li { background: white; width: 230px; padding: 0 0 0 10px; }
    ul.nav__main li ul li:first-child { padding-top:20px; }
    
    ul.nav__main li span,ul.nav__main li li a{
        display:block;
        cursor:pointer;
        padding:.25rem .25rem .25rem 0;
        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\:mtsl-24{ margin-top:2rem }
    .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\:pbsl-52{ padding-bottom:1rem }
    
    .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; }
 .allnews { float: right; margin-right: 16px; margin-top: 20px; }
 .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 { /*float:left; width: 100%;*/ }
.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; }

.community { float:left; width: 100%; }

 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;
    }
    .element-item-no { padding-top:0px !important; padding-left:0.75em !important; padding-right:0.75em !important; border-top-width: 0px !important; }
    .element-item-no img { aspect-ratio:1 / 1 !important; }
    .element-item-no:before,.element-item-no:after{ width: 0px !important; }
}

@media (max-width: 1024px) {
 .teaser:nth-child(3n-1) img { aspect-ratio: 1 / 1; }
}
/* Projektbox 10 -----------------------------------------------------------------------------------*/
 .section--projekt-boxen {
     float: left;
     width: 100%;
     clear: both;
     margin-top: 15px;
}
 .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: rgba(255,255,255,0.6);
     color: #000000;
     font-size: 24px;
     font-weight: 200;
     padding: 4px 10px;
     word-break: break-all;
     border-bottom: 1px solid #ffffff;
}
 .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: rgba(255,255,255,0.6);
     color: #000000;
     font-size: 24px;
     font-weight: 200;
     padding: 4px 10px;
     word-break: break-all;
     border-bottom: 1px solid #ffffff;
}
 .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: rgba(255,255,255,0.6);
     color: #000000;
     font-size: 24px;
     font-weight: 200;
     padding: 4px 10px;
     word-break: break-all;
     border-bottom: 1px solid #ffffff;
}
 .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: rgba(255,255,255,0.6);
     color: #000000;
     font-size: 24px;
     font-weight: 200;
     padding: 4px 10px;
     word-break: break-all;
     border-bottom: 1px solid #ffffff;
}
 .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;*/
     position: absolute;
     /*bottom : 0px;*/
     bottom : 100px;
     padding: 20px 25px 30px 24px;
     background: rgba(255,255,255,1);
     /*width: 100%;*/
     line-height: normal;
     margin-left: 30px;
}

@media (max-width: 1179px){
  .slick-slide > div > div > .title { font-size:18px; bottom: 60px; }
}

@media (max-width: 990px){
 .slick-slide > div > div > .title > div { max-width: 41%; }
 .slick-slide > div > div > .title { bottom: 10px; }
}

@media (max-width: 768px){
  .text-headline-2{ font-size:36px }
  .slick-slide > div > div > .title {
     float:left;
     position: relative;
     bottom : 0px;
     padding: 20px 25px 30px 24px;
     background: rgba(255,255,255,1);
     width: 100%;
     line-height: normal;
     font-size:18px;
     height: 150px;
     overflow: hidden;
  }
  .slick-prev, .slick-next { top: 80%; }
  .slick-prev { left: 10px; }
  .slick-next { right: 10px; }
  .w-1\/2 { width: 100%; }
}

.slick-slide > div > div > .title img { width: 90%; position: inherit;}
/* 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) {
   .slick-prev, .slick-next { bottom: auto; top: 10%; }
   .theme-yellow .slick-prev, .theme-yellow .slick-next { top: 50%; }
}
.slick-prev { left: 25px; }
.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) {
    .slick-prev { left: 50px; }
    .theme-yellow .slick-prev { left: 50px; }
    .theme-white .slick-prev { left: 25px; }
}

.slick-next { right: 25px; }

@media (max-width: 468px){
 .slick-prev { left: 10px; }
 .slick-next { right: 5px; }
}

.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: 50px; }
     .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: #000000;
}
 .theme-yellow .slick-dots li button:hover, .theme-yellow .slick-dots li button:focus {
     background-color: #000000;
}
 .theme-yellow .slick-dots li.slick-active button {
     background-color: #000000;
}
 @media only screen and (min-width: 768px) {
     .theme-yellow .slick-dots {
         bottom: 0px;
         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: #FFFFFF;
     padding-top: 50px;
     padding-bottom: 50px;
     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;
}

.dokumente_content_part_beschreibung_text { font-size: 18px; }

 @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;
}

.termine_dateisymbol { float:left; margin-right: 10px; margin-top: 4px; }
 @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;
    }
}
/* Top5 Termine */
 .top5termine-title {
     float:left;
     width: 100%;
     margin:10px 0;
}
 .top5termine-box {
     float:left;
     width: 100%;
     margin: 30px 0;
}
 .top5termine-thema {
     float:left;
     width: 83%;
     font-size: 18px;
     margin-bottom: 20px;
}
 .top5termine-thema h4 {
     cursor:pointer;
}
 .top5termine-thema .divh4 {
     cursor:pointer;
     font-weight: bold;
     word-break: break-word;
}
 .top5termine-icon {
     float:left;
     width: 30px;
     max-width:15%;
     font-size: 12px;
     padding: 5px 0px 5px 10px;
     border-radius: 3px;
     margin-right: 3%;
     text-align:left;
     background-color: #FFFFFF;
     color: #000000;
     background-position: top right;
     background-size: contain;
     background-repeat: no-repeat;
}
 .top5termine-inner {
     display:none;
     float:left;
     width: 100%;
     margin-top: 20px;
     font-size: 16px;
     line-height: 24px;
}
 .top5termine-source {
     float: left;
     width: 100%;
     margin-top: 30px;
}
 .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;
     float:left;
}
 .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;
    }
    .footerlinkbox { display: block; width: 100%; }
    .footerlinkbox .py-14 { padding: 0.8em 0; margin: auto; }
    
}

@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: 30px;
         padding-bottom: 0;
    }
     .aside-layout > div {
         width: 66%;
         padding-right: 50px;
    }
     .aside-layout aside {
         width: 34%;
         padding-left: 50px;
         padding-top: 30px;
    }
}

.aside-layout > div > .section--text > .termin_planer_box > .termin_planer { display: none !important; }
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer { margin-left: 0px; width: 100%; }
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-icon {
    float: left;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
}
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box { padding-bottom: 20px; margin: 0px 0 20px 0; border-bottom: 1px solid #cccccc; }
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title >.termine-datum { font-size: 14px; }
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-thema { width: 65%; }
.aside-layout > div > .section--text > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-thema h3 { font-size:1em; }


.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: 0px; }
}

@media only screen and (min-width: 768px) {
 .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: 65%;
         padding-left: 25px;
    }
     .bside-layout .bside {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 35%;
         margin-top: 0px;
         padding-top: 20px;
         padding-left: 0px;
         padding-right: 25px;
         padding-bottom: 50px;
    }
}

@media only screen and (min-width: 1366px) {
     .bside-layout { padding-top: 30px; padding-bottom: 0; }
     .bside-layout > div {
         width: 65%;
         padding-left: 50px;
         padding-right: 0px;
    }
     .bside-layout .bside {
         width: 35%;
         padding-left: 0px;
         padding-right: 50px;
         border-right: 1px solid #000000;
    }
}

.bside-layout > div > .einzelseite > .termin_planer_box > .termin_planer { display: none !important; }
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer { margin-left: 0px; width: 100%; }
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-icon {
    float: left;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
}
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box { padding-bottom: 20px; margin: 0px 0 20px 0; border-bottom: 1px solid #cccccc; }
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title >.termine-datum { font-size: 14px; }
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-thema { width: 65%; }
.bside-layout > div > .einzelseite > .termin_planer_box > .termin_mit_planer > .termine_grid > .termine-box > .termine-title > .termine-thema h3 { font-size:1em; }

.section--aside-content {
     margin-bottom: 30px;
}
 .headline-aside, aside .section--news-categories .section--headline, aside .section--aside-content .section--headline, .section--aside-content-overhead {
     font-weight: 400;
     font-size: 20px;
     line-height: 22px;
     padding-bottom: 10px;
     border-bottom: 1px solid #000000;
     margin-bottom: 10px;
     text-transform: none;
}
 @media only screen and (min-width: 768px) and (max-width: 1366px) {
     .headline-aside, aside .section--news-categories .section--headline, aside .section--aside-content .section--headline, .section--aside-content-overhead {
         font-size: 20px;
         line-height: 25px;
    }
}
 @media only screen and (min-width: 1100px) {
    .headline-aside, aside .section--news-categories .section--headline, aside .section--aside-content .section--headline, .section--aside-content-overhead {
         font-size: 20px;
         line-height: 25px;
    }
}
 @media only screen and (min-width: 1600px) {
    .headline-aside, aside .section--news-categories .section--headline, aside .section--aside-content .section--headline, .section--aside-content-overhead {
         font-size: 24px;
         line-height: 25px;
    }
}
/* 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: 0px;
}
 .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%;
}
/* Artikelliste -----------------------------------------------------------------------------------*/
 .artikelliste_1_zeile {
     float:left;
     width:100%;
    margin-bottom:20px;
}
 .artikelliste_1_titel {
     font-size:1em;
     font-weight:700;
     color:#000000;
     background-color:#FEFEFE;
     float:left;
     padding: 20px 20px 20px 0px;
}
 .artikelliste_1_titel2 {
     font-size:0.5em;
     font-weight:700;
     color:#000000;
     float:left;
     line-height: 1em;
}
 .artikelliste_1_inhalt {
     border-radius:10px;
     background:#FAFAFA;
     margin-left:5%;
     padding:20px;
     width:95%;
     max-width:90%;
     font-size:0.5em;
     line-height: 1em;
}
 .artikelliste_2_zeile {
     float:left;
     width:100%;
    margin-bottom:0px;
}
 .artikelliste_2_zeile_last {
     float:left;
     width:100%;
    margin-bottom:20px;
}
 .artikelliste_2_titel {
     font-size:1em;
     font-weight:900;
     color:#000000;
     background-color:#FEFEFE;
     float:left;
     padding:20px;
     width:90%;
     margin-top:20px;
     border-radius: 10px 0 0 0;
}
 .artikelliste_2_button {
     font-size:1em;
     font-weight:900;
     color:#000000;
     background-color:#FEFEFE;
     float:left;
     padding:20px 30px 20px 0px;
     cursor:pointer;
     text-align:right;
     width:10%;
     margin-top:20px;
     border-radius: 0 10px 0 0;
}
 .artikelliste_2_titel2 {
     font-size:0.5em;
     font-weight:500;
     color:#000000;
     background-color:#F0F0F0;
     float:left;
     padding:20px;
     width: 100%;
     line-height: 1em;
    
}
 .artikelliste_2_inhalt {
     background:#FAFAFA;
     margin-left:0%;
     padding:20px;
     width:100%;
     max-width: 100%;
}
 .artikelliste_3_bg {
     position: fixed;
     z-index:999;
     top:0%;
     left:0%;
     width:100%;
     height: 100vh;
     background: rgba(0,0,0,0.5);
}
 .artikelliste_3_zeile {
     float:left;
     width:100%;
    margin-bottom:0px;
     cursor:pointer;
}
 .artikelliste_3_zeile_last {
     position: fixed;
     z-index:1000;
     top:10%;
     left:10%;
     width:80%;
     border-radius: 3px;
}
 .artikelliste_3_titel {
     font-size:1em;
     font-weight:900;
     color:#000000;
     background-color:#FFFFFF;
     float:left;
     padding:20px;
     width:100%;
     margin-top:20px;
     border-radius: 5px 5px 0 0;
     border-bottom: 5px solid rgb(250,178,0);
}
 .artikelliste_3_button {
     font-size:1em;
     font-weight:900;
     color:#FFFFFF;
     background-color:#00B3CD;
     float:left;
     padding:20px 30px 19px 0px;
     cursor:pointer;
     text-align:right;
     width:10%;
     margin-top:20px;
     border-radius: 0 5px 0 0;
}
 .artikelliste_3_titel2 {
     font-size:0.5em;
     font-weight:700;
     color:#000000;
     background-color:#F0F0F0;
     float:left;
     padding:20px;
     width: 100%;
     line-height: 1em;
     
}
 .artikelliste_3_inhalt {
     position: absolute;
     margin-top:5%;
     left: 10%;
     height:80vh;
     background:#FFFFFF;
     margin-left:0%;
     padding:20px;
     width:80%;
     max-width:80%;
     border-radius:4px;
     -webkit-box-shadow: 3px 7px 15px 6px rgba(0,0,0,0.32);
     box-shadow: 3px 7px 15px 6px rgba(0,0,0,0.32);
     overflow-y:auto;
     max-height: 80vh;
}
/* * section quote */
 .section--quote {
     position: relative;
     margin-bottom: 50px;
}
 .section--quote img {
     pointer-events: none;
}
 .section--quote .background {
     position: absolute;
     display: block;
     bottom: 0;
     right: 0;
     width: 100%;
     height: calc(100% - 80px);
     background-color: #FFFFFF;
     z-index: -1;
}
 .section--quote blockquote {
     margin-top: 25px;
     padding-bottom: 50px;
}
 .section--quote .columns > div {
     position: relative;
}
 .section--quote .columns > div:last-child .background {
     display: none;
}
 .section--quote .columns > div:last-child {
     padding-left: 25px;
     padding-right: 25px;
}
 .section--quote .social {
     margin-top: 5px;
     text-align: center;
     padding: 0 0 20px 20px;
     float: right;
}
 .section--quote .social a {
     margin-right: 25px;
}
 .section-quote__copy {
     float:left;
     background: rgb(250 178 0 / 1);
     padding: 10px;
     color: #FFFFFF;
     margin-bottom: 20px;
}
 .section--quote .social a:last-child {
     margin-right: 0;
}
 .afterslider {
     top:0px;
     z-index:110;
     border-bottom: 1px solid black;
}
 @media all and (max-width: 1023px) {
     .afterslider {
         top:-10px;
    }
}
 @media only screen and (min-width: 768px) {
     .section--quote {
         margin-bottom: 0;
         padding-left: 0;
         padding-left: 0;
    }
     .section--quote .background {
         position: relative;
         position: absolute;
         width: 85%;
    }
     .section--quote .background:after {
         display: block;
         content: "";
         background-repeat: no-repeat;
         background-position: top left;
         background-size: contain;
         position: absolute;
         right: 45%;
         top: 0;
         width: 60%;
         height: 100%;
         pointer-events: none;
    }
     .section--quote .columns {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: row;
         flex-direction: row;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         position: relative;
         overflow: hidden;
    }
     .section--quote .columns > div {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         align-self: flex-end;
         position: static;
         width: 25%;
         margin-left: 18%;
    }
     .section--quote .columns > div:last-child {
         width: 50%;
         margin-left: 0%;
         padding-right: 25px;
    }
     .section--quote img {
         margin-bottom: 0;
    }
     .section--quote blockquote {
         margin-top: 0;
         margin-right: 50px;
         padding-bottom: 0px;
    }
     .section--quote .social {
         text-align: left;
    }
}
 .programm_thema_button {
     background: #F7A600;
     color: #FFFFFF;
     padding: 10px 15px;
     float:left;
     margin: 20px 20px 0 0;
     font-size: 24px;
     font-weight: bold;
     cursor:pointer;
}
 .programm_thema_button_v2 {
     background: #F7A600;
     color: #FFFFFF;
     padding: 10px 15px;
     float:left;
     margin: 20px 20px 0 0;
     font-size: 24px;
     font-weight: bold;
     cursor:pointer;
}
 .programm_ergebnis_button {
     background: #F7A600;
     color: #FFFFFF;
     padding: 10px 15px;
     float:left;
     margin: 20px 20px 0 0;
     font-size: 24px;
     font-weight: bold;
     cursor:pointer;
}
 .programm_ergebnis_button_v2 {
     background: #F7A600;
     color: #FFFFFF;
     padding: 10px 15px;
     float:left;
     margin: 20px 20px 0 0;
     font-size: 24px;
     font-weight: bold;
     cursor:pointer;
}
 #programm_step2, #programm_step2_v2, #programm_step3 {
     display: none;
}
 .programm_thema_schlagworte {
     display: none;
     float: left;
     width: 100%;
}
 .programm_div_ergebnis {
     display: none;
     float: left;
     width: 100%;
     background: #efefef;
     padding: 15px;
     color: #000000;
     font-size: 20px;
     text-align:center;
}
 .programm_div_ergebnis_v2 {
     display: none;
     float: left;
     width: 100%;
}
 .programm_div_ergebnis p {
     font-size: 24px;
     margin-bottom: 20px;
}
 .programm_ergebnis {
     text-align: center;
     background: #F7A600;
     color: #FFFFFF;
     padding: 10px 15px;
     float:left;
     margin: 20px 0 0 0;
     font-size: 24px;
     font-weight: bold;
     cursor:pointer;
     width:100%;
}
 .programm_titel {
     width: 100%;
     font-weight: bold;
     margin: 20px 0;
     color: #fab200;
}
 .programm_text {
     width: 100%;
     margin-bottom: 20px;
}
 .programm_inhalt {
     margin-top: 20px !important;
     margin-left: 20px !important;
     margin-bottom: 20px !important;
     list-style: none;
     list-style-type: none !important;
     text-decoration: none !important;
     font-weight: bold;
}
 .programm_inhalt ul {
     margin-top: 20px;
     margin-left: 20px;
     margin-bottom: 20px;
     list-style: none;
}
 .programm_inhalt li a {
     text-decoration: none !important;
}
 .programm_inhalt ul li {
     position: relative;
     text-decoration: none;
}
 .programm_inhalt ul li a {
     text-decoration: none !important;
     color: #fab200;
}
 .programm_inhalt ul li:before {
     display: block;
     content: "";
}
 #dsgvotext p {
     font-size: 16px;
}
 #dsgvotext a {
     font-size: 16px;
     color: #F7A600;
}
 .dsgvolink {
     text-decoration:underline;
     cursor:pointer;
}
 .programm_praeambel p {
     margin: 20px 0px;
}
 #programm_thema_button1, .programm_thema_schlagworte_v2{
     float:left;
     width: 100%;
     margin-bottom: 30px;
}
 .programm_div_ergebnis_felder {
     width:50%;
     margin-left:25%;
     text-align:left;
}

/* Countdown - Hauptspalte -----------------------------------------------------------------------------------*/
 .countdown { border: 0px; width: 100%; padding: 0px; background: #ffffff; border: 1px solid #000000; float: left; margin-bottom: 30px; }
 .countdown_header, .countdown_header a { font-size: 32px; color: #000000; }
 .countdown_inhalt { text-align: center; width: 100%; margin: 0; padding: 20px 0; line-height: 44px; }
 .countdown_inhalt a { text-decoration: none; }
 .countdown_header a { font-size: 32px; color: #000000; }
 .countdown_inhalt > span { font-size: 32px; color: #000000; font-weight:bold; }
 .countdown_noch { font-size: 24px; color: #000000; width: 100%; }
 #countdown_tage { font-size: 40px; color: #000000; width: 100%; font-weight: bold; }
 #countdown_zeit { font-size: 40px; color: #000000; width: 100%; font-weight: bold; }
 .countdown_beschreibung { width: 100%; font-weight: bold; font-size:60px; color: #000000; text-decoration:none; line-height: 1em; }
 .countdown_beschreibung a { text-decoration:none; }
 @media (max-width: 968px) {
  .countdown_noch { font-size: 14px; }
  #countdown_tage { font-size: 20px; }
  #countdown_zeit { font-size: 20px; }
  .countdown_inhalt > span { font-size: 20px; }
  .countdown_beschreibung { font-size: 24px; line-height: 44px; }
}
.countdown_kampagne { border: 0px; width: 100%; padding: 0px; background: #efefef; border: 20px solid #ca080c; }
.countdown_kampagne_header, .countdown_kampagne_header a { font-size: 24px; color: #FFFFFF; }
.countdown_kampagne_inhalt { text-align: center; width: 100%; margin: 0; padding: 20px 0; line-height: 44px; }
.countdown_kampagne_inhalt a { text-decoration: none; }
.countdown_kampagne_header a { font-size: 24px; color: #FFFFFF; }
.countdown_kampagne_inhalt > span { font-size: 32px; color: #FFFFFF; font-weight:bold; }
.countdown_kampagne_noch { font-size: 16px; color: #FFFFFF; width: 100%; }
#countdown_kampagne_tage { font-size: 24px; color: #FFFFFF; width: 100%; font-weight: bold; text-transform:uppercase; }
#countdown_kampagne_zeit { font-size: 24px; color: #FFFFFF; width: 100%; font-weight: bold; text-transform:uppercase; }
.countdown_kampagne_beschreibung { width: 100%; font-weight: bold; text-transform:uppercase; font-size:18px; color: #FFFFFF; text-decoration:none; }
.countdown_kampagne_beschreibung a { text-decoration:none; }

@media (max-width: 968px) {
 .countdown_kampagne_noch { font-size: 14px; }
 #countdown_kampagne_tage { font-size: 20px; }
 #countdown_kampagne_zeit { font-size: 20px; }
 .countdown_kampagne_inhalt > span { font-size: 20px; }
 .countdown_kampagne_beschreibung { font-size: 24px; line-height: 44px; }
}
/* Halfside -----------------------------------------------------------------------------------*/
 .section--project-slider {
     margin: 30px 0;
}
 .halfside-layout {
     float:left;
     width: 100%;
     padding-bottom: 30px;
     padding-top: 30px;
}
 .halfside {
     float:left;
     width: 46%;
}
 .halfside:first-child {
     margin-right: 8%;
}
 .halfside .section--text {
     padding:0;
     width: 100%;
}
 .halfside > .section--text > .section--text__copy {
     max-width: 100%;
}
 .halfside > .section--text > .section--text__copy video {
     width: 100%;
}
 .halfside .section--team {
     padding: 36px 0 0 0;
     width: 100%;
}
 .halfside > .section--project-slider > h2.section--headline {
     font-size: 1.5em;
     padding: 0px 0px;
     top:25px;
     left: 25px;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay > .button {
     margin-top: 0px;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay {
     width: 100% !important;
     padding: 15px !important;
     background: #444444 !important;
     top: 21vw;
     color: #FFFFFF;
     float:left;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay > .subhead {
     font-size: 18px;
     padding-bottom: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100% !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-prev {
     display: none !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-next {
     display: none !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > ul.slick-dots {
     bottom: -30px !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > ul.slick-dots li > button {
     border-color: #000000 !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > ul.slick-dots li.slick-active button {
     background-color: #000000 !important;
}
 .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide {
     min-height: 430px !important;
}
 @media only screen and (min-width: 1366px) {
     .halfside-layout {
         float:left;
         width: 100%;
    }
}
 @media only screen and (min-width: 1600px) {
     .halfside-layout {
         float:left;
         width: 100%;
    }
}
 @media (max-width: 1366px) {
     .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay {
         top: 28vw;
    }
}
 @media (max-width: 1024px) {
     .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay {
         top: 36vw;
    }
}
 @media (max-width: 768px) {
     .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide > .section--project-slider-overlay {
         top: 36vw;
        /*margin-left: 15px;
         max-width: calc(100% - 30px) !important;
        */
    }
}
 .halfside .section--project-slider-image {
     margin: 0px;
     width:100%;
     height: 360px;
     overflow:hidden;
}

.halfside .section--project-slider-image {
     margin: 0px;
     width:100%;
     height: 360px;
     overflow:hidden;
}

@media (max-width: 768px) {
     .halfside { float:left; width: 100%; }
     .top5termine-icon { width: 10%; }
     .halfside .section--project-slider-image { height: 100%; }
     .halfside > .section--project-slider > .section--project-slider-slides > .slick-list > .slick-track > .slick-slide > div > .section--project-slider-slide {
         min-height: 330px !important;
    }
}



.halfside-layout > div > .section--quote .columns > div { width: 100%; }
.halfside-layout > div > .section--quote .columns > div:last-child { width: 100%; }
.halfside-layout > div > .section--quote blockquote p { font-size: 12pt; line-height: 1.4em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
@media only screen and (min-width: 1600px) {
  .halfside-layout > div > .section--quote .columns > div:first-child { width: 50%; margin-left: 20%; }
  .halfside-layout > div > .section--quote .columns > div:last-child { width: 90%; margin: 0 5%; }
  .halfside-layout > div > .section--quote blockquote { font-size: 24px; line-height: 29px; padding-bottom: 0px; }
  .halfside-layout > div > .section--quote .columns > div > .section--quote-sign img { width: 100px; }
}

.halfside-layout > div > .c_formulargenerator { padding: 20px; }
.halfside-layout > div > .c_formulargenerator #showend > .formleft { width:100%; }
.halfside-layout > div > .c_formulargenerator #showend > .formleft button { width:100%; }
.halfside-layout > div > .c_formulargenerator #showend > .formcenter { width:100%; }
.halfside-layout > div > .c_formulargenerator #showend > .formcenter .frc-captcha { margin: auto; }
.halfside-layout > div > .c_formulargenerator #showend > .showform_button { width:100%; }
.halfside-layout > div > .c_formulargenerator #showend > .showform_button button { width:100%; }

.halfside-layout > div > div > .termine_grid > .termine-box { margin: 0; padding-left: 0; padding-right: 0; }
.halfside-layout > div > div > .termine_grid > .termine-box > .termine-title > .termine-datum { width: calc(100% - 44px); min-height: 60px; }
.halfside-layout > div > div > .termine_grid > .termine-box > .termine-title > .termine-thema h3 { font-size: 24px; }

/*.section--project-slider-image {
     margin: 15px;
     pointer-events: none;
}
*/
/*.section--project-slider-image img:last-child {
     display: none;
}
*/
 @media only screen and (min-width: 768px) {
     .aside-layout .section--project-slider-image {
         margin: 0;
    }
     .section--project-slider-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center center;
    }
     .section--project-slider-image img:first-child {
         display: none;
    }
     .section--project-slider-image img:last-child {
         display: block;
    }
}
/* @media only screen and (min-width: 768px) and (max-width: 1366px) {
     .section--project-slider-image {
         position: absolute;
         height: 300px;
         width: 100%;
    }
}
 */
 @media only screen and (min-width: 1200px) {
     .section--project-slider-image {
         margin: 0px;
         width:100%;
         height: 500px;
    }
}
 .section--project-slider-overlay > .title {
     float:left;
     width: 100%;
     height: 30px;
}
 .section--project-slider-overlay > .subhead {
     float:left;
     width: 100%;
}
 .section--project-slider-overlay > .button {
     display: none;
}
/* Text-Stroerer * ---------------------------------------------------------------------------------*/
 .stoerer video {
     margin: 10% auto !important;
}
 .stoerer_body {
     padding-top : 0px;
}
 .stoerer_header {
     position: relative;
     margin-top : 180px;
}
 .textstoerer {
     float:left;
     width: 100%;
     padding: 30px;
     text-align:center;
}
 .textstoerer_bottom {
     float:left;
     width: 100%;
     padding: 30px;
     text-align:center;
     margin-top:30px;
}
 .textstoerer_1 {
     font-size:5em;
     font-weight:bold;
    line-height:1.2em;
}
 .textstoerer_2 {
     font-size:2.5em;
    line-height:1.2em;
    font-weight:200;
}
 @media only screen and (max-width: 900px) {
     .stoerer_body {
         padding-top : 0px;
    }
     .stoerer_header {
         margin-top : 125px;
    }
     .textstoerer_1 {
         font-size:3em;
         font-weight:bold;
        line-height:1.2em;
    }
     .textstoerer_2 {
         font-size:1.5em;
        line-height:1.2em;
        font-weight:200;
    }
}
 @media only screen and (max-width: 468px) {
     .stoerer_body {
         padding-top : 0px;
    }
     .stoerer_header {
         margin-top : 80px;
    }
     .stoerer_header > .logoheader {
         margin-top: 0px;
    }
     .textstoerer_1 {
         font-size:2em;
         font-weight:bold;
        line-height:1.2em;
    }
     .textstoerer_2 {
         font-size:1em;
        line-height:1.2em;
        font-weight:200;
    }
}
/* Umfrage - Kampagne -----------------------------------------------------------------------------------*/
 .umfrage55_zeile {
     float:left;
     width:100%;
     margin: 0px 0px 20px 0px;
}
 .umfrage55_title {
     background:#FFFFFF !important;
     margin-bottom:30px;
    margin-left:0px;
}
 .umfrage55_hinweis {
     float:left;
     width:100%;
     margin: 0px 0px 20px 0px;
     color: #FF0000;
     display:none;
}
 .umfrage55_radio {
     float:left;
     width:10%;
}
 .umfrage55_label {
     float:left;
     width:90%;
    font-size: 18px;
}
.umfrage55_zeile > .umfragego { }

@media (max-width: 768px) {
     .umfrage55_frage {
         margin-top: 0px;
         margin-left: 10%;
    }
     .umfrage_fragen {
         margin-left: 10%;
         max-width:80%;
    }
     .umfrage55_radio {
         float:left;
         width:10%;
    }
     .umfrage55_label {
         float:left;
         width:90%;
        font-size: 18px;
    }
}
/* Umfrage - Hauptspalte -----------------------------------------------------------------------------------*/
 .umfrage10_zeile {
     float:left;
     width:100%;
     margin: 0px 0px 20px 0px;
}
 .umfrage10_hinweis {
     float:left;
     width:100%;
     margin: 0px 0px 0px 0px;
     color: #8d0000;
     display:none;
     font-size: 16px;
}
 .umfrage10_radio {
     float:left;
     width:3%;
     min-width:20px;
}
 .umfrage10_label {
     float:left;
     width:95%;
    font-size: 24px;
     line-height: 1.2em;
}
 .umfrage10_label span {
     margin-top: 3px;
}
 .umfrage_frage {
     margin-bottom: 10px;
}
 @media (max-width: 768px) {
     .umfrage_frage {
         margin-top: 30px;
         margin-left: 10%;
    }
     .umfrage_fragen {
         margin-left: 10%;
         max-width:80%;
    }
     .umfrage10_radio {
         float:left;
         width:10%;
    }
     .umfrage10_label {
         float:left;
         width:90%;
        font-size: 18px;
    }
}
 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 40px 0;
    }
     to {
         background-position: 0 0;
    }
}
 @keyframes progress-bar-stripes {
     from {
         background-position: 40px 0;
    }
     to {
         background-position: 0 0;
    }
}
 .progress-bars {
     width: 90%;
}
 .progress {
     overflow: hidden;
     height: @line-height-computed;
     margin-bottom: @line-height-computed;
     background-color: @progress-bg;
     border-radius: @progress-border-radius;
     .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
}
 .progress-bar {
     float: left;
     width: 0%;
     height: 100%;
     font-size: @font-size-small;
     line-height: @line-height-computed;
     color: @progress-bar-color;
     text-align: center;
     background-color: @progress-bar-bg;
     .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
     .transition(width .6s ease);
}
 .progress-striped .progress-bar, .progress-bar-striped {
     #gradient > .striped();
     background-size: 40px 40px;
}
 .progress.active .progress-bar, .progress-bar.active {
     .animation(progress-bar-stripes 2s linear infinite);
}
 .progress-bar-success {
     .progress-bar-variant(@progress-bar-success-bg);
}
 .progress-bar-info {
     .progress-bar-variant(@progress-bar-info-bg);
}
 .progress-bar-warning {
     .progress-bar-variant(@progress-bar-warning-bg);
}
 .progress-bar-danger {
     .progress-bar-variant(@progress-bar-danger-bg);
}
 html .progress-bar-primary {
     background-color: #00B3CD;
}
/* Progress */
 .progress {
     border-radius: 25px;
     height: 20px;
     background: #FAFAFA;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
     overflow: visible;
     margin-bottom: 30px;
}
 .progress.progress-border-radius {
     border-radius: 3px;
}
 .progress.progress-border-radius .progress-bar {
     border-radius: 3px;
}
 .progress.progress-no-border-radius {
     border-radius: 0;
}
 .progress.progress-no-border-radius .progress-bar {
     border-radius: 0;
}
 .progress.progress-sm {
     height: 10px;
}
 .progress.progress-sm .progress-bar {
     line-height: 10px;
}
 .progress.progress-lg {
     height: 35px;
}
 .progress.progress-lg .progress-bar {
     font-size: 13px;
     line-height: 35px;
}
 .progress-bar {
     background-color: #CCC;
     box-shadow: none;
     position: relative;
     border-radius: 25px;
}
 .progress-bar-tooltip {
     position: absolute;
     padding: 4px 8px;
     background-color: #333;
     color: #FFF;
     line-height: 15px;
     font-size: 11px;
     display: block;
     position: absolute;
     top: -28px;
     right: -44px;
     border-radius: 3px;
     opacity: 0;
}
 .progress-bar-tooltip:after {
     border-color: #333 transparent;
     border-style: solid;
     border-width: 5px 5px 0;
     bottom: -5px;
     content: "";
     display: block;
     left: 13px;
     position: absolute;
     width: 0;
}
 .progress-bar-primary {
     background-color: #CCC;
     color: #FFF;
}
 .progress-bar-success {
     background-color: #47a447;
     color: #FFF;
}
 .progress-bar-warning {
     background-color: #ed9c28;
     color: #FFF;
}
 .progress-bar-danger {
     background-color: #d2322d;
     color: #FFF;
}
 .progress-bar-info {
     background-color: #5bc0de;
     color: #FFF;
}
 .progress-bar-dark {
     background-color: #1d2127;
     color: #FFF;
}
 .progress-label {
     font-size: 16px;
     margin: 30px 0px;
}
 .progress-label span {
     font-size: 24px;
}
 .section--project-slider-overlay {
     width: 100% !important;
     padding: 15px !important;
     background: #444444 !important;
     top: 21vw;
     color: #FFFFFF;
     float: left;
}
/* * section text buttons */
 .section--text-buttons {
     overflow: hidden;
     position: relative;
}
 .section--text-buttons .section--headline {
     margin-bottom: 30px;
     position: relative;
     z-index: 1;
}
/* line 14, ../../svn/scss/modules/_content-text-buttons.scss */
 .section--text-buttons .button, .section--text-buttons .section--news-list-navigation li a, .section--news-list-navigation li .section--text-buttons a, .section--text-buttons .section--news-list-navigation li span, .section--news-list-navigation li .section--text-buttons span, .section--text-buttons .section--contact-form-form .actions button, .section--contact-form-form .actions .section--text-buttons button, .section--text-buttons .section--newsletter-form-extern button, .section--newsletter-form-extern .section--text-buttons button {
     margin-right: 12px;
}
/* line 17, ../../svn/scss/modules/_content-text-buttons.scss */
 .section--text-buttons .button:last-of-type, .section--text-buttons .section--news-list-navigation li a:last-of-type, .section--news-list-navigation li .section--text-buttons a:last-of-type, .section--text-buttons .section--news-list-navigation li span:last-of-type, .section--news-list-navigation li .section--text-buttons span:last-of-type, .section--text-buttons .section--contact-form-form .actions button:last-of-type, .section--contact-form-form .actions .section--text-buttons button:last-of-type, .section--text-buttons .section--newsletter-form-extern button:last-of-type, .section--newsletter-form-extern .section--text-buttons button:last-of-type {
     margin-right: 0;
}
 @media only screen and (min-width: 768px) {
    /* line 14, ../../svn/scss/modules/_content-text-buttons.scss */
     .section--text-buttons .button, .section--text-buttons .section--news-list-navigation li a, .section--news-list-navigation li .section--text-buttons a, .section--text-buttons .section--news-list-navigation li span, .section--news-list-navigation li .section--text-buttons span, .section--text-buttons .section--contact-form-form .actions button, .section--contact-form-form .actions .section--text-buttons button, .section--text-buttons .section--newsletter-form-extern button, .section--newsletter-form-extern .section--text-buttons button {
         margin-right: 24px;
    }
    /* line 24, ../../svn/scss/modules/_content-text-buttons.scss */
     .section--text-buttons .button:last-of-type, .section--text-buttons .section--news-list-navigation li a:last-of-type, .section--news-list-navigation li .section--text-buttons a:last-of-type, .section--text-buttons .section--news-list-navigation li span:last-of-type, .section--news-list-navigation li .section--text-buttons span:last-of-type, .section--text-buttons .section--contact-form-form .actions button:last-of-type, .section--contact-form-form .actions .section--text-buttons button:last-of-type, .section--text-buttons .section--newsletter-form-extern button:last-of-type, .section--newsletter-form-extern .section--text-buttons button:last-of-type {
         margin-right: 0;
    }
}
/* line 31, ../../svn/scss/modules/_content-text-buttons.scss */
 .section--text-buttons h1 {
     margin-bottom: 30px;
}
 .section--text-buttons-title {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .section--text-buttons__copy strong {
     font-size: 1em;
     line-height: 1.3em;
}
 .section--text-buttons__copy p {
     font-size: 0.8em;
     line-height: 1.3em;
}
 @media only screen and (min-width: 768px) {
    /* line 31, ../../svn/scss/modules/_content-text-buttons.scss */
     .section--text-buttons-title {
         margin-top: 35px;
         margin-left: 40%;
    }
}
 @media only screen and (min-width: 768px) {
     .section--text-buttons__copy {
         max-width: 80%;
         margin-left: 15%;
         position: relative;
         z-index: 1;
         padding-left: 5%;
         border-left: 1px solid black;
    }
}
/* * section text image */
.section--text-image { overflow: hidden; margin-bottom: 30px; }
.section--text-image .section--headline { margin-bottom: 10px; background: #e7e7e7; padding: 10px; display: inline-block; }
.section--text-image .section--subheadline { margin: 30px 0; font-size: 0.8em; }
.section--text-image .button, .section--text-image .section--news-list-navigation li a, .section--news-list-navigation li .section--text-image a, .section--text-image .section--news-list-navigation li span, .section--news-list-navigation li .section--text-image span, .section--text-image .section--contact-form-form .actions button, .section--contact-form-form .actions .section--text-image button, .section--text-image .section--newsletter-form-extern button, .section--newsletter-form-extern .section--text-image button {
     text-transform: uppercase;
     margin-bottom: 0;
     min-width: 100%;
     display: block;
}
 .section--text-image .button:first-of-type, .section--text-image .section--news-list-navigation li a:first-of-type, .section--news-list-navigation li .section--text-image a:first-of-type, .section--text-image .section--news-list-navigation li span:first-of-type, .section--news-list-navigation li .section--text-image span:first-of-type, .section--text-image .section--contact-form-form .actions button:first-of-type, .section--contact-form-form .actions .section--text-image button:first-of-type, .section--text-image .section--newsletter-form-extern button:first-of-type, .section--newsletter-form-extern .section--text-image button:first-of-type {
     margin-top: 40px;
}
 @media only screen and (min-width: 768px) {
    /* line 18, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .button, .section--text-image .section--news-list-navigation li a, .section--news-list-navigation li .section--text-image a, .section--text-image .section--news-list-navigation li span, .section--news-list-navigation li .section--text-image span, .section--text-image .section--contact-form-form .actions button, .section--contact-form-form .actions .section--text-image button, .section--text-image .section--newsletter-form-extern button, .section--newsletter-form-extern .section--text-image button {
         margin-bottom: 5px;
         min-width: 380px;
         max-width: 380px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 18, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .button, .section--text-image .section--news-list-navigation li a, .section--news-list-navigation li .section--text-image a, .section--text-image .section--news-list-navigation li span, .section--news-list-navigation li .section--text-image span, .section--text-image .section--contact-form-form .actions button, .section--contact-form-form .actions .section--text-image button, .section--text-image .section--newsletter-form-extern button, .section--newsletter-form-extern .section--text-image button {
         min-width: 100%;
    }
}

.section--text-image img { margin-bottom: 10px; pointer-events: none; width:100%; }
 @media only screen and (min-width: 768px) {
     .section--text-image { padding-left: 0; padding-right: 0; width: 100%; }
     .section--text-image .columns {
         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;
    }
    /* line 56, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 50%;
    }
    /* line 61, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div:first-child {
         text-align: right;
         padding-right: 5%;
    }
    /* line 65, ../../svn/scss/modules/_content-text-image.scss */
     .aside-layout .section--text-image .columns > div:first-child {
         padding-right: 25px;
    }
    /* line 70, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div:last-child {
         padding-right: 90px;
    }
    /* line 73, ../../svn/scss/modules/_content-text-image.scss */
     .aside-layout .section--text-image .columns > div:last-child {
         padding-right: 0;
    }
    /* line 79, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped {
         -webkit-flex-direction: row-reverse;
         flex-direction: row-reverse;
    }
    /* line 83, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped > div:first-child {
         text-align: left;
         padding-right: 0;
         padding-left: 5%;
    }
    /* line 88, ../../svn/scss/modules/_content-text-image.scss */
     .aside-layout .section--text-image .columns.swapped > div:first-child {
         padding-left: 25px;
    }
    /* line 93, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped > div:last-child {
         padding-right: 0;
         padding-left: 90px;
    }
    /* line 97, ../../svn/scss/modules/_content-text-image.scss */
     .aside-layout .section--text-image .columns.swapped > div:last-child {
         padding-left: 0;
    }
    /* line 105, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image img {
         margin-bottom: 0;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 114, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div:first-child {
         padding-right: 50px;
    }
    /* line 118, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div:last-child {
         padding-right: 25px;
    }
    /* line 123, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped {
         -webkit-flex-direction: row-reverse;
         flex-direction: row-reverse;
    }
    /* line 127, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped > div:first-child {
         padding-left: 50px;
    }
    /* line 131, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped > div:last-child {
         padding-left: 25px;
    }
}
 @media only screen and (min-width: 768px) {
    /* line 142, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns > div:last-child {
         padding-right: 0%;
    }
    /* line 149, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .columns.swapped > div:last-child {
         padding-left: 0%;
    }
    /* line 156, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image img {
         display: block;
    }
    /* line 160, ../../svn/scss/modules/_content-text-image.scss */
     .section--text-image .bevel-image-l, .section--text-image .bevel-image-r {
         display: inline-block;
         width: 100%;
         font-size: 0.6em;
    }
}
 .balright {
     border-right: 1px solid #000000;
}
 .balrighttext {
     font-size: 0.6em;
}
 .balrightpad {
     padding-left: 5%;
}
 .bevel-image-l img {
     padding-bottom: 0px;
}
 @media only screen and (max-width: 768px) {
     .bevel-image-r, .bevel-image-l {
         border-bottom: 1px solid #000000;
         margin-bottom : 20px;
    }
     .balright {
         border-right: 0px;
    }
     .section--text-image .section--subheadline {
         margin: 10px 0;
    }
     .balrightpad {
         padding-left: 0px;
    }
}
 @media only screen and (min-width: 768px) {
     .section--text-image .columns > div:last-child {
         padding-right: 0%;
    }
     .section--text-image .columns.swapped > div:last-child {
         padding-left: 0%;
         padding-right: 5%;
         border-right: 1px solid #000000;
    }
}
 .section--text-image__copy h1, .section--text-image__copy h2, .section--text-image__copy h3, .section--text-image__copy h4, .section--text-image__copy h5, .section--text-image__copy h6 {
     margin-top: 50px;
     margin-bottom: 30px;
     text-transform: uppercase;
     color: #fab200;
}
/* line 199, ../../svn/scss/modules/_content-text-image.scss */
 .section--text-image__copy.yellow h1, .section--text-image__copy.yellow h2, .section--text-image__copy.yellow h3, .section--text-image__copy.yellow h4, .section--text-image__copy.yellow h5, .section--text-image__copy.yellow h6 {
     color: #fab200;
}
/* line 205, ../../svn/scss/modules/_content-text-image.scss */
 .section--text-image__copy.black h1, .section--text-image__copy.black h2, .section--text-image__copy.black h3, .section--text-image__copy.black h4, .section--text-image__copy.black h5, .section--text-image__copy.black h6 {
     color: #000;
}
/* * section project detail */
 .section--project-detail {
     border-bottom: 1px solid #000000;
}
 .section--project-detail .section--headline {
     margin-bottom: 25px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media only screen and (min-width: 768px) {
     .section--project-detail.layout-default .section--headline {
         position: relative;
         position: absolute;
         top: 60px;
         left: 0;
         width: auto;
         margin-left: 5%;
         margin-bottom: 0;
         background: #FFFFFF;
         padding: 12px 14px 7px 14px;
         display: inline-block;
    }
    /* .section--project-detail.layout-default .section--headline:after {
         display: block;
         content: "";
         background-repeat: no-repeat;
         background-position: top left;
         background-size: contain;
         position: absolute;
         left: 100%;
         top: 0;
         width: 60%;
         height: 100%;
         pointer-events: none;
    }
     .section--project-detail.layout-default .section--headline:after {
         background-image: url(/image/templates/berlin2020/bevel-white-r.svg);
    }
     */
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .section--project-detail.layout-default .section--headline {
         padding-left: 50px;
    }
}
 .section--project-detail.layout-bg {
     background-color: #e7e7e7;
     color: #000000;
     padding-left: 0;
     padding-right: 0;
     margin-bottom: 25px;
     margin-left: 15px;
     margin-right: 15px;
     border-radius: 5px;
}
/* line 35, ../../svn/scss/modules/_content-project-detail.scss */
 .section--project-detail.layout-bg .section--headline {
     color: #fff;
}
 @media only screen and (min-width: 768px) {
    /* line 22, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail.layout-bg {
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 0;
         padding-left: 15px;
         padding-right: 15px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1366px) {
    /* line 22, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail.layout-bg {
         margin-left: -25px;
         margin-right: -25px;
    }
}
 @media only screen and (min-width: 768px) {
     .section--project-detail {
         position: relative;
    }
     .section--project-detail .section--headline {
         padding-left: 0;
         padding-right: 0;
    }
     .aside-layout .section--project-detail {
         padding-left: 0;
         padding-right: 0;
    }
     .section--project-detail.layout-default .section--headline {
         top: 100px;
         z-index: 2;
    }
}
/* line 78, ../../svn/scss/modules/_content-project-detail.scss */
 .section--project-detail-frame {
     padding-bottom: 50px;
}
 @media only screen and (min-width: 768px) {
    /* line 78, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-frame {
         padding: 25px 25px 90px 25px;
    }
}
 @media only screen and (min-width: 1366px) {
    /* line 78, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-frame {
         padding: 20px 20px 20px 20px;
    }
}
 .layout-bg .section--project-detail-content + .section--project-detail-gallery {
     margin-top: 10px;
}
 @media only screen and (max-width: 768px) {
     .aside-layout aside .section--project-detail {
         margin-left: 0px;
         margin-right: 0;
    }
     .section--text__copy iframe {
         width: 100% !important;
         border:0;
    }
}
 @media only screen and (min-width: 768px) {
     .layout-bg .section--project-detail-content + .section--project-detail-gallery {
         margin-top: 10px;
    }
}
 @media only screen and (min-width: 768px) {
     .layout-bg .section--project-detail-gallery {
         position: relative;
         position: relative;
    }
     .layout-bg .section--project-detail-gallery:before, .layout-bg .section--project-detail-gallery:after {
         display: block;
         content: "";
         background-repeat: no-repeat;
         background-size: contain;
         position: absolute;
         left: 0%;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
         pointer-events: none;
    }
    /* line 127, ../../svn/scss/modules/_content-project-detail.scss */
     .layout-bg .section--project-detail-gallery:before {
        /* background-position: top left;
         background-image: url(/image/templates/berlin2020/bevel-light-blue-r.svg);
         border-left: 1px solid #66d1e1;
         */
    }
    /* line 134, ../../svn/scss/modules/_content-project-detail.scss */
     .layout-bg .section--project-detail-gallery:after {
        /* background-position: top right;
         background-image: url(/image/templates/berlin2020/bevel-light-blue-l.svg);
         border-right: 1px solid #66d1e1;
         */
    }
}
/* line 150, ../../svn/scss/modules/_content-project-detail.scss */
 .layout-default .section--project-detail-content {
     padding: 50px 15px 50px 15px;
     background-color: #FFFFFF;
     color: #000000;
}
/* line 156, ../../svn/scss/modules/_content-project-detail.scss */
 .layout-bg .section--project-detail-content {
     padding-top:10px;
     padding-bottom:10px;
     padding-left: 15px;
     padding-right: 15px;
}
 .section--project-detail-content .title, .section--project-detail-content .subhead {
     text-transform: none;
}
/* line 166, ../../svn/scss/modules/_content-project-detail.scss */
 .section--project-detail-content .title {
     margin-bottom: 25px;
}
 @media only screen and (min-width: 768px) {
     .layout-default .section--project-detail-content {
         padding-top: 50px;
         padding-bottom: 50px;
         padding-left: 25px;
         padding-right: 25px;
    }
     .layout-bg .section--project-detail-content {
         padding-left: 0;
         padding-right: 0;
    }
     .section--project-detail-content.columns {
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
         -moz-column-gap: 80px;
         -webkit-column-gap: 80px;
         column-gap: 80px;
         padding-left: 25px;
         padding-right: 25px;
    }
     .aside-layout .section--project-detail-content.columns {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .layout-default .section--project-detail-content {
         padding-left: 25px;
    }
     .section--project-detail-content.columns {
         -moz-column-gap: 40px;
         -webkit-column-gap: 40px;
         column-gap: 40px;
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media only screen and (min-width: 1366px) {
    /* line 213, ../../svn/scss/modules/_content-project-detail.scss */
     .layout-default .section--project-detail-content {
         padding-left: 25px;
    }
    /* line 217, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-content.columns {
         padding-left: calc(25px);
         padding-right: calc(25px);
    }
     .aside-layout .section--project-detail-content.columns {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media only screen and (min-width: 1600px) {
     .section--project-detail-content.columns {
         padding-left: 25px;
         padding-right: 25px;
    }
}
 .secprodet1 {
     padding: 25px;
}
 .secprodet2 {
     padding: 0 25px 
}
 @media only screen and (max-width: 768px) {
     .secprodet1 {
         padding: 25px 0;
    }
     .secprodet2 {
         padding: 0;
    }
     .layout-default .section--project-detail-content {
         padding: 30px 0px 30px 0px;
    }
}
 .section--project-detail-image img {
     pointer-events: none;
     width: 100%;
}
 .section--project-detail-image img:last-child {
     display: none;
}
 .section--project-detail-image {
     height: 100%;
}
 @media only screen and (min-width: 250px) {
     .section--project-detail-image {
         height: 100%;
    }
     .section--project-detail-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center center;
    }
     .section--project-detail-image img:first-child {
         display: none;
    }
     .section--project-detail-image img:last-child {
         display: block;
    }
}
 .section--project-detail-video a {
     position: relative;
     display: block;
     height: 100%;
     width: 100%;
}
 .section--project-detail-video a:before {
     -moz-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
     -webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     content: "";
     width: 60px;
     height: 60px;
     background: url(/image/templates/berlin2020/icon-play.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     opacity: 0.8;
     z-index: 1;
}
 @media only screen and (min-width: 768px) {
    /* line 266, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-video {
         height: 600px;
    }
    /* line 297, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-video a:before {
         -moz-transition: all 350ms;
         -o-transition: all 350ms;
         -webkit-transition: all 350ms;
         transition: all 350ms;
         width: 86px;
         height: 86px;
    }
    /* line 305, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-video a:hover:before {
         opacity: 1;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 266, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-video {
         height: 400px;
    }
}
 @media only screen and (min-width: 1366px) {
    /* line 318, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-video a:before {
         width: 144px;
         height: 144px;
    }
}
/* line 327, ../../svn/scss/modules/_content-project-detail.scss */
 .section--project-detail-video .section--project-detail-columns {
     background-color: #faca66;
}
 @media only screen and (min-width: 1023px) {
    /* line 326, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-columns {
         position: relative;
    }
    /* line 335, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-columns > div:first-child {
         position: absolute;
         top: 0;
         left: 0;
         width: 50%;
         height: 100%;
    }
    /* line 345, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-columns > div:last-child {
         position: relative;
         margin-left: 50%;
         width: 50%;
    }
    /* line 30, ../../svn/scss/elements/_bevel.scss */
     .section--project-detail-columns > div:last-child:before {
         display: block;
         content: "";
         background-repeat: no-repeat;
         background-position: top right;
         background-size: contain;
         position: absolute;
         right: 100%;
         top: 0;
         width: 60%;
         height: 100%;
         pointer-events: none;
    }
    /* line 69, ../../svn/scss/elements/_bevel.scss */
     .section--project-detail-columns > div:last-child:before {
         background-position: 140px -100px;
    }
}
 @media only screen and (min-width: 1366px) {
    /* line 356, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-columns > div:first-child {
         width: 55%;
    }
    /* line 360, ../../svn/scss/modules/_content-project-detail.scss */
     .section--project-detail-columns > div:last-child {
         margin-left: 55%;
         width: 45%;
    }
}
/* * section team */
 .section--text__copy + .section--team-members {
     padding: 30px 7px;
}
 @media only screen and (min-width: 768px) {
     .section--team-members {
         margin: 0 -8px;
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: row;
         flex-direction: row;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-align-items: stretch;
         align-items: stretch;
         width:100%;
    }
}
 .section--team-member {
     margin-bottom: 50px;
     padding-top:30px;
}
 .section--team-member-vita {
     float: left;
     width:100%;
     background: transparent;
     padding:10px;
     border-radius:10px;
}
 .section--team-member .section--team-member-vita .position {
     font-size: 18px;
     line-height: 22px;
}
 .section--team-member .section--team-member-vita .title {
     text-transform: uppercase;
     color: #000000;
     text-align:center;
}
 @media only screen and (min-width: 768px) {
     .section--team-member {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 23%;
         padding-left: 2%;
         padding-right: 8px;
    }
}
 .section--team-member2 {
     position:relative;
     display:inline-block;
     margin-bottom: 50px;
     padding-top:30px;
}
 .section--team-member2 .section--team-member-vita .position {
     font-size: 16px;
     line-height: 22px;
     font-weight:700;
}
 .section--team-member2 .section--team-member-vita .title {
     color: #000000;
     font-size:24px;
}
 @media only screen and (min-width: 600px) {
     .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 48%;
         padding-left: 2%;
         padding-right: 8px;
    }
}
 @media only screen and (min-width: 940px) {
     .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 31%;
         padding-left: 2%;
         padding-right: 8px;
    }
}
 @media only screen and (min-width: 1200px) {
     .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 23%;
         padding-left: 2%;
         padding-right: 8px;
    }
}
 .section--team-member-image {
     float:left;
    /*background-color: #00B3CD;
    */
     margin-bottom: 8px;
     width: 100%;
}
 .section--team-member-image img {
     width: 100%;
}
 .section--team-member__copy {
     position: relative;
     padding-top: 20px;
     bottom: 6px;
     width:100%;
}
 .section--team-member__copy i {
     font-size: 24px;
     margin-right: 10px;
}
 .section--team-member-social {
     margin-top: 25px;
}
 .section--team-member-social a {
     margin-right: 20px;
}
 .section--team-member-social a:last-child {
     margin-right: 0;
}
 .section--team-member-icon {
     position:relative;
     width: 100%;
     padding-top: 0%;
}
 .section--team-member-icon:before {
     content: "";
     display:block;
     padding-top: 100%;
}
 .section--team-member-icon .content {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     font-size: 7em;
     text-align:center;
     top: 25%;
}
 .halfside > .section--team > .section--team-members > .section--team-member2 {
     position:relative;
     display:inline-block;
     margin-bottom: 50px;
     padding-top:30px;
}
 .halfside > .section--team > .section--team-members > .section--team-member2 .section--team-member-vita .position {
     font-size: 16px;
     line-height: 22px;
     font-weight:700;
}
 .halfside > .section--team > .section--team-members > .section--team-member2 .section--team-member-vita .title {
     color: #000000;
     font-size:24px;
}
.halfside > .einzelseite > .termine_grid > .termine-box > .termine-title > .termine-icon { font-size: 16px;padding: 0 15px; }
.halfside > .c_newsletter > .section--contact-form-form .form-elements > .flex > .flex__item { display: block; width: 100%; }
 @media only screen and (min-width: 600px) {
     .halfside > .section--team > .section--team-members > .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 100%;
         padding-left: 0%;
         padding-right: 0px;
    }
}
 @media only screen and (min-width: 940px) {
     .halfside > .section--team > .section--team-members > .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 100%;
         padding-left: 0%;
         padding-right: 0px;
    }
}
 @media only screen and (min-width: 1200px) {
     .halfside > .section--team > .section--team-members > .section--team-member2 {
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 48%;
         padding-left: 2%;
         padding-right: 8px;
    }
}
/* .section--team-member-icon:before {
     content: "";
     display:block;
     padding-top: 100%;
}
 */
 .showperson {
     float: right;
     margin-left: 15px;
     cursor:pointer;
}
 .showperson i {
     font-size: 24px;
}
 .mailperson {
     cursor:pointer;
}
 .mailperson i {
     font-size: 24px;
}
 .person_kopfgrafik {
     float:left;
     width: 100%;
     margin-bottom: 20px;
}
 .person_bild {
     float:left;
     width: 23%;
     margin-right: 2%;
     font-size: 18px;
}
 .person_details {
     float:left;
     width: 30%;
     font-size:16px;
}
 .person_vita {
     float:left;
     width: 45%;
}
 .person_kontakt_details {
     width:100%;
     font-size:16px;
     line-height:1em;
     color: #000;
     margin-top:10px;
     border:0px;
}
 .person_vita p {
     margin-bottom: 15px;
     line-height: 1.2em;
     font-size: 1.2em;
}
 .person_vita ul {
     margin-left: 20px;
     list-style: square;
}
 .person_vita ul li {
     margin-bottom: 20px;
     line-height: 1.2em;
     font-size: 1.2em;
}
 .person_vita ul li ul li {
     margin-top: 20px;
     line-height: 1em;
     font-size: 1em;
}
 @media only screen and (max-width: 960px) {
    /* line 15, ../../svn/scss/modules/_content-instagram.scss */
     .person_bild {
         float:left;
         width: 48%;
         margin-right: 4%;
    }
     .person_details {
         float:left;
         width: 48%;
    }
     .person_vita {
         float:left;
         width: 100%;
         margin-top: 30px;
    }
}
 @media only screen and (max-width: 468px) {
     .person_bild {
         float:left;
         width: 100%;
         margin-right: 0;
    }
     .person_details {
         float:left;
         width: 100%;
         margin-top: 30px;
    }
     .person_vita {
         float:left;
         width: 100%;
         margin-top: 30px;
    }
     .section--team-member-vita {
         height: auto !important;
    }
}
/* The Modal (background) */
 .pmodal {
     display: none;
    /* Hidden by default */
     position: fixed;
    /* Stay in place */
     z-index: 200;
    /* Sit on top */
     left: 0;
     top: 0;
     width: 100%;
    /* Full width */
     height: 100%;
    /* Full height */
     overflow: auto;
    /* Enable scroll if needed */
     background-color: rgb(0,0,0);
    /* Fallback color */
     background-color: rgba(0,0,0,0.8);
    /* Black w/ opacity */
     cursor:pointer;
     float:left;
}
 .pmodalmail {
     display: none;
    /* Hidden by default */
     position: fixed;
    /* Stay in place */
     z-index: 200;
    /* Sit on top */
     left: 0;
     top: 0;
     width: 100%;
    /* Full width */
     height: 100%;
    /* Full height */
     overflow: auto;
    /* Enable scroll if needed */
     background-color: rgb(0,0,0);
    /* Fallback color */
     background-color: rgba(0,0,0,0.8);
    /* Black w/ opacity */
     cursor:pointer;
     float:left;
}
/* Modal Content/Box */
 .pmodal-content {
     float:left;
     background-color: #fefefe;
     margin: 15% 10%;
    /* 15% from the top and centered */
     padding: 20px;
     border: 1px solid #888;
     width: 80%;
    /* Could be more or less, depending on screen size */
}
 .pmodal-contentmail {
     float:left;
     background-color: #e7e7e7;
     margin: 3% 25%;
    /* 15% from the top and centered */
     padding: 20px;
     border: 1px solid #888;
     width: 50%;
    /* Could be more or less, depending on screen size */
}
 @media only screen and (max-width: 960px) {
     .pmodal-contentmail {
         margin: 3% 10%;
         padding: 20px;
         width: 80%;
    }
}
 .mailcheckdsgvo {
     float:left;
    width:100%;
    margin-top: 10px;
     padding-right:23px;
    padding-left:0px;
     color: #000000;
}
 .mailsuccess {
     float:left;
     margin-top:20px;
     font-weight: bold;
     color: #fab200;
     font-size: 24px;
}
/* The Close Button */
 .pclose {
     color: #aaa;
     float: right;
     font-size: 50px;
     font-weight: bold;
     margin: 40px 40px 0 0;
}
 .pclose:hover, .pclose:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}
 .pclosemail {
     color: #aaa;
     float: right;
     font-size: 50px;
     font-weight: bold;
     margin: 40px 40px 0 0;
}
 .pclosemail:hover, .pclosemail:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}
/* * section news list */
/* line 9, ../../svn/scss/modules/_content-news-list.scss */
 .aside-layout .section--news-list {
     padding-left: 25px;
     padding-right: 25px;
     clear:both;
}
 @media only screen and (min-width: 768px) {
     .aside-layout .section--news-list {
         padding-left: 0;
         padding-right: 0;
         clear:both;
    }
}
 .section--news-list .section--headline {
     margin-bottom: 30px;
     font-weight: 900;
     background:#e7e7e7;
     padding: 10px;
     display:inline-block;
}
 .section--news-list .button, .section--news-list .section--news-list-navigation li a, .section--news-list-navigation li .section--news-list a, .section--news-list .section--news-list-navigation li span, .section--news-list-navigation li .section--news-list span, .section--news-list .section--contact-form-form .actions button, .section--contact-form-form .actions .section--news-list button, .section--news-list .section--newsletter-form-extern button, .section--newsletter-form-extern .section--news-list button {
     text-transform: uppercase;
}
 @media only screen and (min-width: 768px) {
     .section--news-list-items {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: row;
         flex-direction: row;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-align-items: stretch;
         align-items: stretch;
         margin: 0 -16px 0 -8px;
    }
}
 .section--news-list__copy + .section--news-list-items {
     margin-top: 50px;
}
 .section--news-list-items + .button, .section--news-list-navigation li .section--news-list-items + a, .section--news-list-navigation li .section--news-list-items + span, .section--contact-form-form .actions .section--news-list-items + button, .section--newsletter-form-extern .section--news-list-items + button {
     margin-top: 25px;
}
 .section--news-list-item {
     position: relative;
     margin-bottom: 16px;
     overflow: hidden;
     height:300px;
}
 .section--news-list-item2 {
     position: relative;
     margin-bottom: 16px;
     overflow: hidden;
     border-bottom: 1px solid #000000;
}
 .section--news-list-item:hover .section--news-list-content, .section--news-list-item.hover .section--news-list-content {
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
}
 @media only screen and (min-width: 768px) {
     .section--news-list-item {
         margin: 8px;
    }
     .section--news-list-item2 {
         margin: 8px;
    }
     .section--news-list-item.layout-default, .section--news-list-item.layout-large {
         margin: 8px;
    }
     .section--news-list-item2.layout-default, .section--news-list-item2.layout-large {
         margin: 0px 8px 20px 8px;
    }
     .section--news-list-item.layout-default {
         width: calc(33% - 16px);
    }
     .section--news-list-item2.layout-default {
         width: calc(100% - 16px);
    }
     .section--news-list-item.layout-large {
         width: calc(66% - 16px);
    }
     .section--news-list-item2.layout-large {
         width: calc(100% - 16px);
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .section--news-list-item.layout-default {
         width: calc(50% - 16px);
    }
     .section--news-list-item2.layout-default {
         width: calc(100% - 16px);
    }
     .section--news-list-item.layout-large {
         width: calc(100% - 16px);
    }
     .section--news-list-item2.layout-large {
         width: calc(100% - 16px);
    }
}
 .section--news-list-headline {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     bottom: 5%;
     left: 4%;
     float:left;
     margin-bottom: 0;
     padding: 15px;
     background-color: #FFF;
     color: #000;
     z-index: 2;
     max-width:92%;
     display: inline;
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
}
 .section--news-list2-headline {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     bottom: 5%;
     left: 4%;
     float:left;
     margin-bottom: 0;
     padding: 15px;
     background-color: #FFF;
     color: #000;
     z-index: 2;
     max-width:92%;
     display: inline;
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
}
 .section--news-list-headline a {
     color: #000;
     display: block;
}
 .section--news-list2-headline a {
     color: #000;
     display: block;
}
 .section--news-list-title, .section--news-list-title a {
     color: #FFFFFF;
}
 .section--news-list2-title, .section--news-list2-title a {
     color: #000000;
     font-size: 1.3em;
     font-weight: bold;
}
 .section--news-list2-subtitle, .section--news-list2-subtitle a {
     color: #000000;
     font-size: 1.2em;
     font-weight: bold;
     margin: 10px 0px;
}
 .section--news-list-teaser {
     margin-top: 5px;
}
 .section--news-list2-teaser {
     position: relative;
     float:left;
     margin-top: 15px;
     font-size: 1.2em;
     line-height: 1.3em;
     width: 100%;
}
 .section--news-list-more {
     display: block;
     font-weight: 700;
     margin-top: 25px;
     color: #ffd700;
}
 .section--news-list2-more {
     display: block;
     font-weight: 700;
     color: #ffffff;
}
 .section--news-list-image img:last-child {
     display: none;
}
 .section--news-list2-image img:last-child {
     display: none;
}
 .section--news-list2-date {
     width: 100%;
     margin: 20px 0px;
     font-size: 1.2em;
}
 .section--news-list2-anreisser {
     width: 100%;
     margin: 20px 0px;
     font-size: 1.2em;
     line-height: 1.4em;
}
 .newstag {
     float: left;
     margin-left: 10px;
}
 .newstag li {
     float: left;
     margin-left: 10px;
}
 .newstag li:first-child {
     margin-left: 0px;
}
 .readmore {
     float:right;
     margin-top: 20px;
     position: relative;
     bottom: 0px;
     right: 20px;
}
 @media only screen and (min-width: 168px) {
     .section--news-list-image {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
    }
     .section--news-list2-image {
         position: relative;
         float:left;
         width: 30%;
         top: 0;
         left: 0;
    }
     .section--news-list-image img {
         object-fit: cover;
    }
     .section--news-list-image img:first-child {
         display: none;
    }
     .section--news-list-image img:last-child {
         display: block;
    }
     .section--news-list2-image img {
         object-fit: cover;
    }
     .section--news-list2-image img:first-child {
         display: none;
    }
     .section--news-list2-image img:last-child {
         display: block;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     .section--news-list-image {
         position: relative;
         min-height: 278px;
    }
     .section--news-list2-image {
         position: relative;
         min-height: 278px;
    }
     .section--news-list2-title, .section--news-list2-title a {
         font-size: 1.2em;
    }
}
 .section--news-list-content {
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     -moz-transition: all 400ms;
     -o-transition: all 400ms;
     -webkit-transition: all 400ms;
     transition: all 400ms;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 20px 18px;
     background-color: #32302e;
     color: #fff;
     opacity: 0;
     z-index: 5;
}
 .section--news-list2-content {
     position: relative;
     float:left;
     top: 0;
     margin-left: 2%;
     width: 68%;
     height: 100%;
     padding: 0px 3% 20px 3%;
     background-color: #ffffff;
     color: #000;
     opacity: 1;
     z-index: 5;
}
 .layout-large {
     background: #ffd700;
}
 .layout-large > .section--news-list2-content {
     background: #ffd700;
}
 .section--news-list-category {
     position: absolute;
     top: 0;
     right: 0;
     width: 75px;
     height: 58px;
     background-color: transparent;
     z-index: 2;
     pointer-events: none;
}
 .section--news-list2-category {
     position: absolute;
     top: 0;
     right: 0;
     width: 75px;
     height: 58px;
     background-color: transparent;
     z-index: 2;
     pointer-events: none;
}
 .section--news-list-category img {
     width: 90%;
     height: 90%;
     object-fit: contain;
     object-position: center center;
}
 .section--news-list2-category img {
     width: 90%;
     height: 90%;
     object-fit: contain;
     object-position: center center;
}
 @media only screen and (min-width: 768px) {
     .section--news-list-category {
         width: 85px;
         height: 65px;
         text-align:center;
         font-size: 40px;
         color: #FFFFFF;
    }
     .section--news-list-category i {
         margin-top: 13px;
         margin-left: -4px;
    }
     .section--news-list2-category {
         width: 85px;
         height: 65px;
         text-align:center;
         font-size: 40px;
         color: #FFFFFF;
    }
     .section--news-list2-category i {
         margin-top: 13px;
         margin-left: -4px;
    }
}
 @media only screen and (max-width: 768px) {
     .section--news-list-category {
         width: 54px;
         height: 35px;
         text-align:center;
         font-size: 12px;
         color: #FFFFFF;
    }
     .section--news-list-category i {
         margin-top: 13px;
         margin-left: -4px;
    }
     .section--news-list2-category {
         width: 54px;
         height: 35px;
         text-align:center;
         font-size: 12px;
         color: #FFFFFF;
    }
     .section--news-list2-category i {
         margin-top: 13px;
         margin-left: -4px;
    }
     .section--news-list2-title, .section--news-list2-title a {
         font-size: 1.2em;
    }
     .section--news-list2-image {
         width: 100%;
    }
     .section--news-list2-content {
         width: 100%;
         margin-left: 0px;
    }
}
 .section--news-list-navigation {
     margin-top: 90px;
     width: 100%;
}
 .section--news-list2-navigation {
     margin-top: 90px;
     width: 100%;
}
 .section--news-list-navigation li {
     margin-right: 8px;
     margin-bottom: 8px;
     display: inline-block;
}
 .section--news-list2-navigation li {
     margin-right: 8px;
     margin-bottom: 8px;
     display: inline-block;
}
 .section--news-list-navigation li a, .section--news-list-navigation li span {
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     min-width: 40px;
     padding: 8px 4px;
}
 .section--news-list2-navigation li a, .section--news-list-navigation li span {
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     min-width: 40px;
     padding: 8px 4px;
}
 @media only screen and (min-width: 768px) and (max-width: 1366px) {
     .section--news-list-navigation li a, .section--news-list-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
     .section--news-list2-navigation li a, .section--news-list2-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
}
 @media only screen and (min-width: 1100px) {
     .section--news-list-navigation li a, .section--news-list-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
     .section--news-list2-navigation li a, .section--news-list2-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
}
 @media only screen and (min-width: 1600px) {
     .section--news-list-navigation li a, .section--news-list-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
     .section--news-list2-navigation li a, .section--news-list2-navigation li span {
         font-size: 16px;
         line-height: 24px;
    }
}
 .section--news-list-navigation li a.next, .section--news-list-navigation li a.prev, .section--news-list-navigation li span.next, .section--news-list-navigation li span.prev {
     position: relative;
}
 .section--news-list2-navigation li a.next, .section--news-list2-navigation li a.prev, .section--news-list2-navigation li span.next, .section--news-list2-navigation li span.prev {
     position: relative;
}
 .section--news-list-navigation li a.next:before, .section--news-list-navigation li a.prev:before, .section--news-list-navigation li span.next:before, .section--news-list-navigation li span.prev:before {
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -moz-transition: all 350ms;
     -o-transition: all 350ms;
     -webkit-transition: all 350ms;
     transition: all 350ms;
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     top: 14px;
     left: 16px;
     border-left: 1px solid #000;
     border-bottom: 1px solid #000;
     position: absolute;
     cursor: pointer;
}
 .section--news-list2-navigation li a.next:before, .section--news-list2-navigation li a.prev:before, .section--news-list2-navigation li span.next:before, .section--news-list2-navigation li span.prev:before {
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -moz-transition: all 350ms;
     -o-transition: all 350ms;
     -webkit-transition: all 350ms;
     transition: all 350ms;
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     top: 14px;
     left: 16px;
     border-left: 1px solid #000;
     border-bottom: 1px solid #000;
     position: absolute;
     cursor: pointer;
}
 .section--news-list-navigation li a.next:hover:before, .section--news-list-navigation li a.prev:hover:before, .section--news-list-navigation li span.next:hover:before, .section--news-list-navigation li span.prev:hover:before {
     border-left-color: #fab200;
     border-bottom-color: #fab200;
}
 .section--news-list2-navigation li a.next:hover:before, .section--news-list2-navigation li a.prev:hover:before, .section--news-list2-navigation li span.next:hover:before, .section--news-list2-navigation li span.prev:hover:before {
     border-left-color: #fab200;
     border-bottom-color: #fab200;
}
 .section--news-list-navigation li a.next:before, .section--news-list-navigation li span.next:before {
     -moz-transform: rotate(225deg);
     -ms-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
     left: 12px;
}
 .section--news-list2-navigation li a.next:before, .section--news-list2-navigation li span.next:before {
     -moz-transform: rotate(225deg);
     -ms-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
     left: 12px;
}
 .section--news-list-navigation li.current {
     pointer-events: none;
}
 .section--news-list2-navigation li.current {
     pointer-events: none;
}
 .section--news-list-navigation li:last-child {
     margin-right: 0;
}
 .section--news-list2-navigation li:last-child {
     margin-right: 0;
}
 .newshide {
     display: none;
}
 .morenews {
     float: right;
     margin-right: 16px;
     margin-top: 20px;
}
 .lessnews {
     float: left;
     margin-left: 8px;
     margin-top:20px;
}
 .newscontrol {
     clear:both;
     width:100%;
}
 .section--news-categories .section--headline { margin-bottom: 30px; color: #000000; }
 .section--news-categories li { padding-bottom: 10px; margin-bottom: 10px; }

.section--news-categories li:last-child {
     margin-bottom: 0;
}

.section--news-categories a {
     display: table;
     width: 100%;
     text-transform: uppercase;
     color: #32302e;
     font-weight: 900;
}

.section--news-categories a > span {
     display: table-cell;
     vertical-align: middle;
     word-break: break-word;
     float:left;
     margin-top:10px;
}

.section--news-categories a > span i {
     font-size:30px;
     color: #000000;
}

.section--news-categories a > span:last-child {
     padding-left: 10px;
     width: auto;
}
 @media only screen and (min-width: 768px) {
    .section--news-categories a > span:last-child {
         -moz-transition: all 350ms;
         -o-transition: all 350ms;
         -webkit-transition: all 350ms;
         transition: all 350ms;
    }
    
    .section--news-categories a:hover > span:last-child {
         padding-left: 15px;
         color: #000;
    }
}
 audio::-webkit-media-controls-panel {
     background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 100%);
}
 .mediadownload {
     float:right;
     padding:5px 10px 5px 10px;
     margin: 0 0 15px 15px;
}
 .mediadownload i {
     color: #000000;
     font-size:20px;
}

.section--news-categories__copy {
     margin-bottom: 25px;
}

.section--news-categories-icon {
     width: 30px;
     height: 30px;
}

.section--news-categories-icon img {
     object-fit: cover;
     width: 100%;
     height: 100%;
}
/* * section news header */
.section--news-header {
     margin: 25px;
}
 .section--news-header-news {
     margin: 25px;
}
 @media only screen and (min-width: 1024px) {
     .section--news-header-news {
         margin: 25px 0;
    }
}
 @media only screen and (min-width: 768px) {
    /* line 10, ../../svn/scss/modules/_content-news-header.scss */
     .section--news-header .section--headline {
         max-width: 40%;
    }
}
/* line 16, ../../svn/scss/modules/_content-news-header.scss */
 .section--news-header-date {
     margin-left: 25px;
}
 @media only screen and (min-width: 768px) {
     .section--news-header-date {
         margin-left: 90px;
    }
}
 .section--news-header-date-news {
     margin-left: 0px;
     font-size:18px;
}
 @media only screen and (min-width: 768px) {
     .section--news-header-date-news {
         margin: 15px 0 0 0px;
    }
}
/* * section news detail */
.section--news-detail__copy {
     padding-left: 25px;
     padding-right: 25px;
}

.aside-layout .section--news-detail__copy {
     padding-left: 25px;
     padding-right: 25px;
}

@media only screen and (min-width: 768px) {
  .aside-layout .section--news-detail__copy {
         padding-left: 0;
         padding-right: 0;
  }
}

/*
 * section contact form
 */
.section--contact-form { background-color: #ffffff; padding: 25px !important; margin: 0 15px; margin-bottom: 50px; color: #000; clear:both; }
.section--contact-form a { color: #ca080c; text-decoration: underline; }
.section--contact-form .section--headline { padding-bottom: 10px; margin-bottom: 30px; text-align: center; z-index:3; position:relative; border-bottom: 1px solid #000000; }
.section--contact-form .section--headline span { font-weight: 300; display: block; text-align: center; }

@media only screen and (min-width: 768px) {
  .section--contact-form { padding: 50px 0; margin: 0; }
}

.section--contact-form-form { padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0; }
.section--contact-form-form .form-elements > .flex > .flex__item { margin-bottom: 8px; }
.section--contact-form-form .form-elements > .flex > .flex__item .flex__item + .flex__item { margin-top: 10px; }
.section--contact-form-form .checkbox-label:before {
  top: 4px;
}

.section--contact-form-form input[type="checkbox"]:checked + .checkbox-label::after {
  top: 4px;
}

.section--contact-form-form .actions button {
  width: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .section--contact-form-form { margin: 0 auto; max-width: 1200px; padding-bottom: 0; }
  .section--contact-form-form textarea {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 8px);
  }
  
  .section--contact-form-form .form-elements > .flex {
    display: table;
    width: 100%;
    margin-bottom: 16px;
  }
  
  .section--contact-form-form .form-elements > .flex > .flex__item {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    position: relative;
  }
  
  .section--contact-form-form .form-elements > .flex > .flex__item:first-child {
    padding-right: 8px;
    float:left;
    width: 100%;
  }
  
  .section--contact-form-form .form-elements > .flex > .flex__item:last-child {
    padding-left: 8px;
    padding-bottom: 75px;
  }
  
  .section--contact-form-form .form-elements .flex:first-of-type > .flex__item:last-child {
    padding-bottom: 0;
  }
  
  .section--contact-form-form .actions {
    position: relative;
    padding-left: calc(50% + 8px);
    margin-top: 0px;
  }
}

@media only screen and (max-width: 768px) {
 .section--contact-form-form .form-elements > .flex { display: block; }
 .section--contact-form-form .form-elements > .flex > .flex__item > .flex { margin-bottom : 10px; }
}

.form-control { width:100%;padding:0 5px;font-size:16px; }
.section--image-headline-image img { width: 100%; }

/* Tags
-----------------------------------------------------------------------------------*/

.tags-list li { font-size: 11px; margin-top: 5px; display: inline-block; padding: 3px 9px; border: 1px solid #e8e8e8; }
.tags-list li:first-child { margin-top: 0; }
.tags-list li a { color: #151515; text-decoration: none; }
.tags-list li a:hover { color: #FFD600; }

.tag_titel { background: #EEECED; clear: both; color: #00B3CD; font-size: 18px; font-weight: 700; margin-bottom: 20px; padding: 10px; text-transform: uppercase; }
.tag_halb { width:50%; float: left; }
.tag_label { font-size:24px;color:#fab200;font-weight:bold; margin: 30px 0; }
.tag_label_more { font-size:16px;color:#16344E;float:right;width:100%;margin-bottom:10px;text-align: right;font-weight:bold; }

.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; }

.newspresse_schlagworte { margin: 20px 0; }

@media only screen and (max-width: 768px) {
 .tag_halb { width: 100%; }
}

/* Formular-Generator
-------------------------------------------------------------------------------------*/
.showform_content { float:left; width:80% }
.showform_titel_input { float:left; width:20%;text-align:right;padding-top:10px;padding-right:10px;font-weight:bold; }
.showform_titel_checkbox { float:left; width:20%;text-align:right;padding-top:6px;padding-right:10px;font-weight:bold; }
.showform_titel_textarea { float:left; width:20%;text-align:right;padding-top:5px;padding-right:10px;font-weight:bold; }
.showform_titel_select { float:left; width:20%;text-align:right;padding-top:6px;padding-right:10px;font-weight:bold; }
.showform_checkbox { float:left; margin-top:8px; margin-right: 10px; }
.showform_checkboxtext { float:left; margin-left:0px; margin-top:5px; max-width:90%;}
.showform_titel_radio { float:left; width:20%;text-align:right;padding-top:0px;padding-right:10px;font-weight:bold; }
.showform_radio { padding-top:2px;height:30px; float:left; margin-width:90%; }
.showform_radio input[type=radio] { margin-right:10px; }
.showform_option { float:left; width: 100%; margin-top:10px; }
.showform_text { font-size:16px; margin-left:20%; }
.showform_button { float:right; text-align:right }
.showform_content input[type=text] { background: #EFEFEF; padding: 5px; }
.showform_content select { background: #EFEFEF; padding: 5px; }
.showform_content textarea { background: #EFEFEF; padding: 5px; min-height:100px;}
.formleft { float:left; width:33%; text-align:left; }
.formcenter { float:left; width:33%; text-align:center; }
#showend { float:left;width:80%;padding:30px 0 20px 0; }
#showend > .g-recaptcha { position:absolute; float:left; left:50%; margin-left:-152px;width:auto;margin-top:-15px; }

@media only screen and (max-width: 768px) {
  #showend > .g-recaptcha { position:relative; float:left; margin-top:0px; margin-bottom: 20px; text-align:center;}
  .showform_button { width:100%; margin-bottom: 20px; }
  .showform_content { float:left; width:100% }
  .showform_button button { background: #ca080c; color: #ffffff; font-size: 18px; padding:5px 8px; width:100%; }
  .showform_titel_input { float:left; width:100%;text-align:left;padding-top:10px;padding-right:0px;font-weight:bold; border-bottom: 1px solid #c7c7c7; padding-bottom:5px; margin-bottom: 5px; }
  .showform_titel_checkbox { float:left; width:100%;text-align:left;padding-top:6px;padding-right:0px;font-weight:bold; border-bottom: 1px solid #c7c7c7; padding-bottom:5px; margin-bottom: 5px; }
  .showform_titel_textarea { float:left; width:100%;text-align:left;padding-top:5px;padding-right:0px;font-weight:bold; border-bottom: 1px solid #c7c7c7; padding-bottom:5px; margin-bottom: 5px; }
  .showform_titel_select { float:left; width:100%;text-align:left;padding-top:6px;padding-right:0px;font-weight:bold; border-bottom: 1px solid #c7c7c7; padding-bottom:5px; margin-bottom: 5px; }
  .showform_titel_radio { float:left; width:100%;text-align:left;padding-top:0px;padding-right:0px;font-weight:bold; border-bottom: 1px solid #c7c7c7; padding-bottom:5px; margin-bottom: 5px; }
}

.deskonly  { display: none; }
.smartonly { display: none; }
@media only screen and (min-width: 1024px) {
  .deskonly { display: block; }
}

@media only screen and (max-width: 1023px) {
  .smartonly { display: block; }
}

.threeside-layout { float:left; }
.threeside { float:left; width:32%; margin-right:2%; }
.threeside:nth-child(3n+3) { margin-right: 0; }
.threeside > section > div > div > span > iframe,
.threeside > section > div > div > span > a > span { width:100% !important; }
@media only screen and (min-width: 768px)
{
  .threeside-layout { padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; }  
}

@media only screen and (min-width: 1366px)
{
  .threeside-layout { padding-left: 0; padding-right: 0; }  
}

@media only screen and (max-width: 1024px)
{
  .threeside { float:left; width:48%; margin-right: 4%; }
  .threeside:nth-child(2n+2) { margin-right: 0; }
}

@media only screen and (max-width: 600px)
{
  .threeside { float:left; width:100%; margin-right: 0; }
}

.fourside-layout { float:left; }
.fourside { float:left; width:24%; margin-right:1.333%; }
.fourside:nth-child(4n+4) { margin-right: 0; }
.fourside > section > div > div > span > iframe,
.fourside > section > div > div > span > a > span { width:100% !important; }
@media only screen and (min-width: 768px)
{
  .fourside-layout { padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; }  
}

@media only screen and (min-width: 1366px)
{
  .fourside-layout { padding-left: 0%; padding-right: 0%; }  
}

@media only screen and (max-width: 1024px)
{
  .fourside { float:left; width:48%; margin-right: 4%; }
  .fourside:nth-child(2n+2) { margin-right: 0; }
}

@media only screen and (max-width: 600px)
{
  .fourside { float:left; width:100%; margin-right: 0; }
}

/* Komplettansichten
 * ---------------------------------------------------------------------------------*/
.section--news-list-all-jahr { float:left; width: 100%; border-bottom: 1px solid #000000; padding-bottom: 20px; margin: 40px 0 0 0; font-size: 30px; }
.section--news-list-all-row { float:left; width: 100%; padding: 10px 5px; margin-bottom:0px; }
.section--news-list-all-row:nth-child(odd) { background: #FAFAFA; }
.section--news-list-all-row:nth-child(even) { background: #EFEFEF; }
.section--news-list-all-datum { float:left; width: 10%; min-width:100px; font-size: 18px; font-weight:bold; margin-bottom: 10px; }
.section--news-list-all-titel { float:left; width: 90%; font-size: 18px; font-weight: bold; }
.section--news-list-all-subtitel { font-weight: 200; font-style: italic; }

/* Projekte */
.section--image-headline { position: relative; overflow: hidden; }
.section--image-headline-icon { position: absolute; top: 15px; right: 15px; width: 70px; height: 60px; pointer-events: none; }
.section--image-headline-icon img { width: 90%; height: 90%; object-fit: contain; object-position: center center; }

/* Mediathek Video */
.c_mediathek_video { float: left; width: 100%; }
.c_mediathek_podcast { float: left; width: 100%; }

/* Timeline
 * ---------------------------------------------------------------------------------*/
/* Timeline */
section.timeline {
	width: 100%;
	margin: 50px 0% 0;
	position: relative;
	float: left;
	padding-bottom: 120px;
}

section.timeline:after {
	background: #505050;
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -60px;
	width: 2px;
	z-index: -1;
	filter: alpha(opacity=35);
	opacity: 1;
}

section.timeline .timeline-date {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	position: relative;
	display: block;
	clear: both;
	width: 200px;
	height: 45px;
	padding: 0px;
	border: 1px solid #E5E5E5;
	margin: 0 auto 10px;
	text-shadow: 0 1px 1px #fff;
	border-radius: 4px;
	background: #FFF;
	z-index: 1;
}

section.timeline .timeline-date h3 {
	display: block;
	text-align: center;
	color: #FFFFFF;
  background: #52b7c1;
	font-size: 2em;
	line-height: 1em;
  padding: 5px 0 10px 0;
  font-weight: 400;
}

section.timeline .timeline-title {
	background: #F4F4F4;
	padding: 12px;
}

section.timeline .timeline-title h4 {
	padding: 0;
	margin: 0;
	color: #171717;
	font-size: 1.4em;
}

section.timeline .timeline-title a {
	color: #171717;
}

section.timeline .timeline-title .timeline-title-tags {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-title .timeline-title-tags a {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-box {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin: 20px 10px 10px 10px;
	padding: 10px;
	position: relative;
	width: 45.7%;
	float: left;
	z-index: 1;
	margin-bottom: 30px;
	background: #FFF;
}

section.timeline .timeline-box.left {
	clear: both;
}

section.timeline .timeline-box.left:before {
	background: none repeat scroll 0 0 #000000;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #000000;
	content: "";
	display: block;
	height: 7px;
	margin-right: -5px;
	position: absolute;
	right: -8.1%;
	top: 22px;
	width: 8px;
}

section.timeline .timeline-box.left:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #FFF;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	right: -8px;
	top: 20px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box.right {
	clear: right;
	float: right;
	right: -1px;
	margin-top: 40px;
}

section.timeline .timeline-box.right:before {
	background: none repeat scroll 0 0 #000000;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #000000;
	content: "";
	display: block;
	height: 7px;
	margin-left: -5px;
	position: absolute;
	left: -8.2%;
	top: 32px;
	width: 8px;
}

section.timeline .timeline-box.right:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #FFF;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	left: -8px;
	top: 30px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box .owl-carousel {
	border-radius: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

section.timeline .post-image img.img-responsive { width: 100%; }
section.timeline .post-content h2 {	margin: 20px 0; }
section.timeline .post-content p { font-size: 17px; line-height: 25px; }

/* Responsive */
@media (max-width: 991px) {
	section.timeline .timeline-box {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.right {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
		display: none;
	}
}

@media (max-width: 479px) {
	section.timeline {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	section.timeline .timeline-box {
		margin: 15px auto;
		max-width: 90%;
	}

	section.timeline .timeline-box.right {
		margin: 15px auto;
		max-width: 90%;
	}

	article.post-large {
		margin-left: 0;
	}

	article.post-large .post-image, article.post-large .post-date {
		margin-left: 0;
	}
}

input[type="file"]{
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: -1px;
    left: 0;
    width: 0.1px;
    height: 0.1px;
    user-select: none;
}

label[for="files"] { float:left; margin-right:10px; background: #52b7c1; padding: 8px 10px; color: #000; font-family: sans-serif; border-radius: 4px; cursor: pointer; font-size: .875rem; height: 36px; width: 184px; }

/* Bewertungsmodul */
.teilnehmer_slider_bild { margin-bottom: 20px; }
.teilnehmer_slider_bild img { border-radius: 8px; }
.teilnehmer_slider_controls { float:left; width: 100%; padding-top: 20px; }
.teilnehmer_kachel_controls { float:left; width: 100%; padding-top: 20px; }
.kachel_uebersicht { float:left; width: 100%; padding-top: 20px; background: #52b7c1; margin-top: 30px; border-radius: 10px; }

.teilnehmer_kachel_bild { width: 100%; height: 250px; overflow: hidden; }
.firstkachel { height: auto; }
.kachel3 { float:left; width: 31%; margin: 0 1.1666%; background: #FFFFFF; border-radius: 4px; padding: 10px; margin-bottom: 20px; }
.kachel3:nth-child(3n) { margin-right: 0; }
.bkachelcontrol { width: 100%; margin: 0; margin-bottom: 5px; }
.bewertungcontrol { width: 100%; margin: 0; margin-bottom: 5px; }
.teilnehmer_kachel_text { height: 195px; overflow: hidden; }
.teilnehmer_kachel_text:hover { height: auto; min-height: 195px; overflow: none; }
.kachel_zeile { float:left; width: 100%; margin-bottom: 20px; }
.pad10 { padding: 10px; }

@media (max-width: 991px) {
 .kachel_uebersicht { float:left; width: 100%; padding: 20px; background: #52b7c1; margin-top: 30px; }
 .kachel3 { float:left; width: 48%; margin: 0; margin-right: 4%; background: #FFFFFF; border-radius: 4px; padding: 10px; margin-bottom: 20px; }
 .kachel3:nth-child(2n+1) { margin-right: 0; }
}

@media (max-width: 600px) {
 .teilnehmer_kachel_bild { width: 100%; height: auto; overflow: none; }
 .kachel_uebersicht { float:left; width: 100%; padding: 20px; background: #52b7c1; margin-top: 30px; }
 .kachel3 { float:left; width: 100%; margin: 0; background: #FFFFFF; border-radius: 4px; padding: 10px; margin-bottom: 20px; }
 .kachel3:nth-child(2n) { margin-right: 0; }
}

/* Social Wall 2.0 */
.socialwall2box {}
.socialwall2box h1 { margin-left: 16px !important; clear: both;}
.socialwall2box h2 { margin-left: 16px; clear: both; }
.socialwall2 { margin-top: 20px; float:left; width: 100%; }
.sm-post { background-color: #EFEFEF; font-size: 14px; padding: 10px; width: 31%; max-width: 100% !important;
           position: relative; margin:1%; font-family: Chivo, sans-serif; line-height: 1.2em; border-radius: 4px; }
.sm-halb { width: 48%; max-width: 100% !important; }
.socialwall2 .sm-post { background-color: #EFEFEF; }
.sm-post_logo_zeit { text-align: left; color: #000; font-size: 1em; margin-bottom: 10px; }
.sm-post_message { padding: 10px 0; position: relative; margin: auto; }
.sm-post_comment { float:left; width: 100%; margin: 15px 0px 10px 0px; padding: 10px; background: #52b7c1; color: #FFF; position: relative; border-radius: 4px; }
.sm-post_comment .smtext { margin: 0; }
.smtext { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; /* Anzahl der Zeilen */ line-clamp: 5; height: auto; max-height: calc(1.2em * 5);  }
.smweiter { text-align:right; display: none; padding: 10px 0; text-decoration: none; color: blue; cursor: pointer; }

.sm-post_message a { color: #43959d; }
.sm-post_title { color: #000000; font-weight: 700; margin: 10px 0; }
.sm-post_footer { border-top: 1px solid white; margin-top: 10px; padding-top: 10px; }
.sm-post_footer i { float:left; margin-right: 10px; }
.sm-post_footer_social { float:right; }
.sm-post_footer_social a { margin-left: 0px; text-align: right; float: left;}
.sm-post_footer_social i { margin-right: 0; margin-left: 10px; }
.sm_color_facebook { color: #3b5999; }
.sm_color_instagram { color: #e41b64; }
.sm_color_twitter { color: #000000; }
.sm_color_youtube { color: #fe0000; }

.sm_kuerzer { float:left; width: 180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sm_kuerzer_100 { float:left; width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.sm-filters { margin: 30px 0 0 0; padding: 20px; background: #F0F0F0; float:left; width: calc(100% - 39px); margin: 18px 0px 0 13px;}
.button-group-title { float:left; font-size: 20px; font-weight: 700; padding-top: 5px; font-family: Inter; width: 150px; }
.button-group-all { margin-bottom : 20px; }
.button-all { display: inline-block; margin: 0 10px 10px 0; padding: 0.5em 1.0em; background: #2d3c4b; border: none; color: #FFFFFF; font-family: Inter; font-size: 14px; cursor: pointer; border-radius: 3px; }
.button-all:hover { background-color: #52b7c1; color: #FFF; }
.button-all:active, .button-all.is-checked { background-color: #52b7c1; }
.button-all.is-checked { color: white; }
.button-all:active {}
.button-all-60 { float:left;width:54px }
.button-all-mb10 { margin-bottom: 10px; }
.sm_kanal_buttons { float: left; width: calc(100% - 220px); }
.button-group-all:after { content: ''; display: block; clear: both; }
.button-group-all .button-all { float: left; border-radius: 3px; margin-left: 0; margin-right: 10px; }

.bs-facebook { background: #3b5999; }
.bs-facebook i { color: #FFFFFF !important; }
.bs-instagram { background: #e41b64; }
.bs-instagram i { color: #FFFFFF !important; }
.bs-twitter { background: #000000; }
.bs-twitter i { color: #FFFFFF !important; }
.bs-youtube { background: #fe0000; }
.bs-youtube i { color: #FFFFFF !important; }

.button-single-group { float:left; width: 100%; text-align: center; }
.button-single { display: inline-block; padding: 0.5em 1.0em; background: #2d3c4b; border: none; color: #FFFFFF; font-family: Inter; font-size: 14px; margin-right: 10px;  cursor: pointer; border-radius: 3px; }

.bs-single-facebook { background: #3b5999; }
.bs-single-facebook i { color: #FFFFFF !important; }
.bs-single-instagram { background: #e41b64; }
.bs-single-instagram i { color: #FFFFFF !important; }
.bs-single-twitter { background: #000000; }
.bs-single-twitter i { color: #FFFFFF !important; }
.bs-single-youtube { background: #fe0000; }
.bs-single-youtube i { color: #FFFFFF !important; }

.profil_social { margin-top: 0px; float:left; width: 100%; margin-bottom: 30px; }
.profil_social .sm-post { float:left; }

.news_social { margin-top: 0px; float:left; width: 100%; margin-bottom: 30px; }
.news-social-headline { float:left; width: 100%; margin: 20px 0px; font-size: 23px; }
.news-social-footer { float:left; width: 100%; margin: 20px 0px; font-size: 18px; font-weight: 400; }
.news_social .sm-post { float:left; width: 100%; margin: 10px 0; }
.news_social .sm-halb { width: 48%; max-width: 100% !important; }
.news_social .sm-halb:first-child { margin-right: 4%; }
.news_social .sm-drei:first-child { width: 31%; margin: 0 2.333333% 0 0; max-width: 100% !important; }
.news_social .sm-drei:nth-child(2) { width: 31%; margin: 0 2.333333% 0 0; max-width: 100% !important; }
.news_social .sm-drei:nth-child(3) { width: 31%; margin: 0 0 0 0; max-width: 100% !important; }

.presse_social { margin-top: 0px; float:left; width: 100%; margin-bottom: 30px; }
.presse_social-headline { float:left; width: 100%; margin: 20px 0px; font-size: 23px; }
.presse_social-footer { float:left; width: 100%; margin: 20px 0px; font-size: 18px; font-weight: 400; }
.presse_social .sm-post { float:left; width: 100%; margin: 10px 0; }
.presse_social .sm-halb { width: 48%; max-width: 100% !important; }
.presse_social .sm-halb:first-child { margin-right: 4%; }
.presse_social .sm-drei:first-child { width: 31%; margin: 0 2.333333% 0 0; max-width: 100% !important; }
.presse_social .sm-drei:nth-child(2) { width: 31%; margin: 0 2.333333% 0 0; max-width: 100% !important; }
.presse_social .sm-drei:nth-child(3) { width: 31%; margin: 0 0 0 0; max-width: 100% !important; }

.projekt_social-right { margin-top: 0px; float:left; width: 100%; margin-bottom: 30px; }
.projekt_social-right .sm-post { float:left; width: 100%; margin: 10px 0% 10px 0; }

.projekt_social-left { margin-top: 0px; float:left; width: 100%; margin-bottom: 30px; text-align:left; }
.projekt_social-left .sm-post { float:left; width: 100%; margin: 10px 0 10px 0%; }

.social-post-textblock-right { margin-top: 0px; float:right; width: 33%; margin: 0 0 30px 30px; text-align:left; }
.social-post-textblock-right .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; }

.social-post-textblock-left { margin-top: 0px; float:left; width: 33%; margin: 0 30px 30px 0; text-align:left; }
.social-post-textblock-left .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; }

.themen_uebersicht li { float:left; padding: 10px; color: #000000; background: #FAB200; margin-right: 20px; margin-bottom: 20px; }

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .sm-filters { width: calc(100% - 33px); margin: 18px 0px 0 16px;}
    .sm-post { background-color: #F0F0F0; font-size: 14px; padding: 15px; width: 100%; max-width: 46% !important; margin: 0 2% 30px 2%; }
    .news_social .sm-post { padding: 15px; float:left; max-width: 46% !important; margin: 0 2% 30px 2%; }
    .presse_social .sm-post { padding: 15px; float:left; max-width: 46% !important; margin: 0 2% 30px 2%; }
    
    .social-post-textblock-right { margin-top: 0px; float:right; width: 33%; margin: 0 0 30px 30px; text-align:left; }
    .social-post-textblock-right .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; }
    
    .social-post-textblock-left { margin-top: 0px; float:left; width: 33%; margin: 0 30px 30px 0; text-align:left; }
    .social-post-textblock-left .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; }
    
    .news_social .sm-drei:first-child { width: 48%; margin: 0 4% 0 0; max-width: 100% !important; }
    .news_social .sm-drei:nth-child(2) { width: 48%; margin: 0 0 0 0; max-width: 100% !important; }
    .news_social .sm-drei:nth-child(3) { display: none; }
    
    .presse_social .sm-drei:first-child { width: 48%; margin: 0 4% 0 0; max-width: 100% !important; }
    .presse_social .sm-drei:nth-child(2) { width: 48%; margin: 0 0 0 0; max-width: 100% !important; }
    .presse_social .sm-drei:nth-child(3) { display: none; }
}

@media only screen and (max-width: 768px) {
  .socialwall2box h1 { margin-left: 0px !important; }
  .socialwall2box h2 { margin-left: 0px; }
  .sm-filters { width: calc(100%); margin: 18px 0 0 0;}
  .sm-post { background-color: #F0F0F0; font-size: 14px; padding: 15px; width: 100%; max-width: 100% !important; margin: 0 0 30px 0; }
  .news_social .sm-post { padding: 15px; float:left; max-width: 100% !important; margin: 0 0 30px 0; }
  .presse_social .sm-post { padding: 15px; float:left; max-width: 100% !important; margin: 0 0 30px 0; }
  
  .social-post-textblock-right { margin-top: 0px; float:right; width: 100%; margin: 0 0 30px 0; text-align:left; }
  .social-post-textblock-right .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; padding: 10px; }
  .sm_kanal_buttons { clear: left; margin-top: 10px; width: 100%; }
  
  .social-post-textblock-left { margin-top: 0px; float:left; width: 100%; margin: 0 0 30px 0; text-align:left; }
  .social-post-textblock-left .sm-post { float:left; width: 100%; margin: 10px 0 10px 0; padding: 10px; }
  
  .news_social .sm-drei:first-child { width: 100%; margin: 0 0 20px 0; max-width: 100% !important; }
  .news_social .sm-drei:nth-child(2) { width: 100%; margin: 0 0 20px 0; max-width: 100% !important; }
  .news_social .sm-drei:nth-child(3) { display: block; width: 100%; margin: 0 0 0 0; max-width: 100% !important; }
  
  .presse_social .sm-drei:first-child { width: 100%; margin: 0 0 20px 0; max-width: 100% !important; }
  .presse_social .sm-drei:nth-child(2) { width: 100%; margin: 0 0 20px 0; max-width: 100% !important; }
  .presse_social .sm-drei:nth-child(3) { display: block; width: 100%; margin: 0 0 0 0; max-width: 100% !important; }
}

.slider_video_title { position: absolute; z-index: 500; top:100px; left:220px; z-index: 50; margin: 0; }
.slider_video_title div { clear: both; background: transparent; float:left; padding: 0 15px; position: relative; }
.slider_video_title div a { background: #FFFFFF; font-weight:400; padding: 20px 19px 13px 19px; line-height: 1.8em; color: #000000; font-size: 3.6rem; }
.slider_video_title div:nth-child(1) a { color: #000000; }
.slider_video_desktop { display: block; }
.slider_video_mobile { display: none; }

@media only screen and (max-width: 1024px) {
  .slider_video_title { position: absolute; z-index: 500; top:30px; left:30px; z-index: 50; margin: 0; }
  .slider_video_title div a { line-height: 2.5em; color: #000000; font-size: 1.4rem; padding: 10px 14px 8px 13px; }
}

@media only screen and (max-width: 768px) {
  .slider_video_desktop { display: none; }
  .slider_video_mobile { display: block; }
  .intro { margin-top: 0; }
}

.common-hero { 
    position: relative;
    overflow: hidden;
    padding-top: 0%;
}

@media only screen and (min-width:768px) {
    .common-hero { padding-top: 0%; }
}

.common-hero__container { left: 0; z-index: 1; }
.common-hero__container, .common-hero__image {
    /*position: absolute;*/
    top: 0;
    width: 100%;
    height: 100%}
.common-hero__image {
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.title_bildergalerie { }

.slidervideo_text_top { clear: both; background: transparent; left: 0px; bottom: 70px; padding: 0 15px; position: absolute; z-index: 500; font-size:10px; }
.slidervideo_text_top a { background: #FFFFFF; font-weight:900; padding: 10px 19px 13px 19px; font-size: 4em; line-height: 4.2em; color: #000000;  }
.slidervideo_text_bottom { clear: both; background: transparent; left: 0px; bottom: 0px; padding: 0 15px; position: absolute; z-index: 500;  font-size:8px; }
.slidervideo_text_bottom a { background: #FFFFFF; font-weight:900; padding: 10px 19px 13px 19px; font-size: 4em; line-height: 4.2em; color: #000000;  }

@media only screen and (max-width: 1560px) {
 .slidervideo_text_top { clear: both; background: transparent; left: 0px; bottom: 70px; padding: 0 15px; position: absolute; z-index: 500; font-size:10px; }
 .slidervideo_text_top a { background: #FFFFFF; font-weight:900; padding: 10px 19px 13px 19px; font-size: 4em; line-height: 4.2em; color: #000000;  }
 .slidervideo_text_bottom { clear: both; background: transparent; left: 0px; bottom: 0px; padding: 0 15px; position: absolute; z-index: 500;  font-size:8px; }
 .slidervideo_text_bottom a { background: #FFFFFF; font-weight:900; padding: 10px 19px 13px 19px; font-size: 4em; line-height: 4.2em; color: #000000;  }
}

@media only screen and (max-width: 1280px) {
  .slidervideo_text_top { clear: both; background: transparent; left: 10px; bottom: 50px; padding: 0 15px; position: absolute; z-index: 500;}
  .slidervideo_text_top a { background: #FFFFFF; font-weight:900; padding: 12px 19px 13px 19px; font-size: 2.3em; line-height: 2.5em; color: #000000;  }
  .slidervideo_text_bottom { clear: both; background: transparent; left: 10px; bottom: 0px; padding: 0 15px; position: absolute; z-index: 500; }
  .slidervideo_text_bottom a { background: #FFFFFF; font-weight:900; padding: 12px 19px 13px 19px; font-size: 2.3em; line-height: 2.5em; color: #000000;  }
}

@media only screen and (max-width: 768px) {
  .slidervideo_text_top { clear: both; background: transparent; left: 10px; bottom: 37px; padding: 0 15px; position: absolute; z-index: 500;}
  .slidervideo_text_top a { background: #FFFFFF; font-weight:900; padding: 10px; font-size: 1.3em; line-height: 1.5em; color: #000000;  }
  .slidervideo_text_bottom { clear: both; background: transparent; left: 10px; bottom: 0px; padding: 0 15px; position: absolute; z-index: 500; }
  .slidervideo_text_bottom a { background: #FFFFFF; font-weight:900; padding: 10px; font-size: 1.3em; line-height: 1.5em; color: #000000;  }
}

@media only screen and (max-width: 468px) {
  .slidervideo_text_top { clear: both; background: transparent; left: 10px; bottom: 33px; padding: 0 15px; position: absolute; z-index: 500;}
  .slidervideo_text_top a { background: #FFFFFF; font-weight:900; padding: 10px; font-size: 1em; line-height: 1.5em; color: #000000;  }
  .slidervideo_text_bottom { clear: both; background: transparent; left: 10px; bottom: 0px; padding: 0 15px; position: absolute; z-index: 500; }
  .slidervideo_text_bottom a { background: #FFFFFF; font-weight:900; padding: 10px; font-size: 1em; line-height: 1.5em; color: #000000;  }
}

/* Schlagwort-Teaser
-----------------------------------------------------------------------------------*/
.teaser_sw_row { margin-bottom: 30px; }
.teaser_sw_pic { width:100%;margin-bottom: 10px; }
.teaser_sw_pic img { width:100%; }
.teaser_sw_title1 { font-size:1.4em; line-height:1.2em; font-weight:700; }
.teaser_sw_title2 { font-size:1.2em; line-height:1.2em; font-weight:400;margin-bottom:3px; }
.teaser_sw_row_title { font-size:1em; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid black; }