.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@media screen{
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;background-color:#000;color:#FFF;padding:.5em}#toTop:hover{background-color:#FFF;color:#000}#toTop:active,#toTop:focus{outline:none}
}
:root {
    --cyan77:#42B6DD;
    --cyan:#00A3D3;
    --black:#000;
    --silver:#E3E8EC;
    --white:#fff;
    --error:#c10e0e;
}

@font-face {font-family:'Zilla Slab Regular';font-display:swap;src: url('/files/_layout/typo/zillaslab-regular-webfont.woff') format('woff'),url('/files/_layout/typo/zillaslab-regular-webfont.woff2') format('woff2');font-style:normal;font-weight:normal;}
@font-face {font-family:'Roboto Regular';font-display:swap;src: url('/files/_layout/typo/roboto-regular-webfont.woff') format('woff'),url('/files/_layout/typo/roboto-regular-webfont.woff2') format('woff2');font-style:normal;font-weight:normal;}
body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,figure,form,fieldset,input,textarea {margin:0;padding:0;}
body {color:var(--black, #000);font:20px/32px 'Roboto Regular',Arial,sans-serif;letter-spacing:0.05px;font-weight:normal;}
a {outline:none;text-decoration:none;color:var(--text, #000);transition: 0.3s;}
nav strong{font-weight:normal;}
ul,ul li,ol,ol li {list-style-type:none;}
button,button::before {border: 0;padding:0;outline:none;transition:0.3s;}
img {height:auto;max-width:100%;float:left;border:0;color:#fff;}
.invisible {width:1px;height:1px;position:absolute;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;}



h1,h2,h3,h4,h5,.content-hyperlink a,#navi ul>li>a,#navi ul>li>strong,.hyperlinkTop a,main .corRight::before,main .corLeft::before,footer nav li{display:block;}
.bild-wide,.mod_breadcrumb,footer nav {display:table;}
#navi,main .inside,.mod_breadcrumb,footer {width:1200px;}
header,main,.bild-wide,.speechFlex,.socials{width:100%;clear:both;position:relative;}
header .logo,#navi,main .inside,.ichBild figure,.content-hyperlink a,.mod_breadcrumb,.socials>div,footer {margin-right:auto;margin-left:auto;position:relative;}
.head {clear:both;}
header,main,.socials{background-color:var(--black, #000);}
main,footer{padding-top:60px;padding-bottom:100px;}


.speechFlex,.socials>div,#navi,.mobile_menu ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.speechFlex {margin-top:60px;margin-bottom:80px;}
.speechFlex>div {max-width:600px;flex: 2 2 350px;}
.speechFlex.margS,.speechFlex.impressum {margin-top:20px;margin-bottom:0;}




/* Bilder */

header .logo {height:118px;width:240px;padding-top:20px;padding-bottom:40px;}
footer .logo {height:auto;width:400px;margin-top:-52px;}




.bild-wide {
    position: relative;
}
.bild-wide figure {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    float: right;
    display: inline-block;
}
.bild-wide img{
    height:450px;
    object-fit:cover;
}








/*NAVI */
#navi{height:69px; z-index:5000;}

#navi .mobile_menu{position:relative;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) !important;height: auto !important;width: 100% !important;}
#navi .mobile_menu .inner,#navi .block{overflow:visible;}




#navi .mod_mobile_menu {flex:4 1 auto;box-sizing:border-box;padding-right: 20px;}
#navi .hyperlinkTop {flex:0 0 180px;}


.mod_mobile_menu ul{width:100%;position:relative;float:left;}
.mod_mobile_menu ul>li{flex:1 1 auto;}


.mod_mobile_menu ul>li>a,.mod_mobile_menu ul>li>strong,.hyperlinkTop a  {
    font-family:'Zilla Slab Regular','Times New Roman', Times, serif;
    letter-spacing:0.3px;
    font-size:28px;
    line-height:35px;
    text-align:center;
    box-sizing:border-box;
}

.mod_mobile_menu ul>li>a,.mod_mobile_menu ul>li>strong {
    color: var(--white, #fff);
    position:relative;
    padding:17px 10px 11px 10px;
    border-bottom:6px solid var(--black, #000);
}

.hyperlinkTop a {
    color:var(--cyan, #00A3D3);
    border:2px solid var(--white, #fff);
    padding:15px 30px;
    border-radius:3px;
    width:180px;
}

.mod_mobile_menu ul>li>a:hover,.mod_mobile_menu ul>li>strong {border-color:var(--cyan, #00A3D3);}





/* Headline, Text, Hyperlinks, Listen */

.content-text a,.widget a,.mod_sitemap a,footer a {border-bottom: 2px dotted var(--text, #000);}


.content-hyperlink a {
    color:var(--cyan, #00A3D3);
    border:2px solid var(--white, #fff);
    font-size:28px;
    line-height:35px;
    text-align:center;
    padding:15px;
    width:300px;
    border-radius:3px;
}

h1,h2,h3,h4,h5,.content-hyperlink a {
    font-family:'Zilla Slab Regular','Times New Roman', Times, serif;
    font-weight:normal;
    letter-spacing:0.3px;
}

h1,h2,h3,h4,h5{text-align:center;font-size:42px;line-height:55px;width: 100%;padding:30px 40px 30px 40px;box-sizing:border-box;}
.head h2,.head h3{padding-top:80px;}
h1,h2,h3,h4,p.copyright-text{color:var(--white, #fff);}
h1 span,h2 span,h5 {color:var(--cyan, #00A3D3);}
h6 {font-weight:normal;letter-spacing:0.05px;margin-top:-4px;padding-bottom: 12px;}
h6,.mod_breadcrumb li,.impressum p,p.copyright-text,.impressum ul li,.impressum ol li{font-size:14px;line-height:20px;}
.impressum h3,.impressum h4,.margS h4{font-size:30px;line-height:43px;}


footer .content-hyperlink a {border-color: var(--cyan, #00A3D3);}
main .content-hyperlink a:hover,.hyperlinkTop a:hover {background-color:var(--white, #fff);}
footer .content-hyperlink a:hover {border-color:var(--black, #000);background-color:var(--black, #000);}
.content-text a:hover,.widget a:hover,.mod_sitemap a:hover,footer a:hover,footer nav li strong {border-bottom-style:solid;}
main .content-text ul li,main .content-text ol li,.mod_sitemap ul li {margin-bottom:10px;list-style:circle;list-style-position:inside;}


main .speechFlex .rte,main .speechGrid .rte,main .speechFlex .mod_sitemap ul {padding:40px;background-color:var(--white, #fff);border-radius: 4px;}
main .corTop,main .corRight,main .corBottom,main .corLeft{position:relative;overflow:visible;box-sizing:border-box;}
main .corRight {padding-right:40px;}
main .corLeft {padding-left:40px;}
main .corRight::before,main .corLeft::before{position:absolute;width:0;top:40px;border-style:solid;border-color:transparent #fff;border-width:20px 0 24px 40px;content:'';}
main .corRight::before{right:1px;}
main .corLeft::before{left:1px;transform: rotate(180deg);}









/* #bild-footer > Breadcrumb */

/*.content-gallery ul {
    width: 2000px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    display: flex;
    justify-content:flex-start;
    flex-wrap: nowrap;
    background-color:var(--grau, #E8EFED);
}
.content-gallery li {
    flex: 2 2 auto;
}*/

.mod_breadcrumb {padding-top:9px;padding-bottom:12px;background-color:var(--white, #fff);}
.mod_breadcrumb li {float:left;margin:4px 0 2px 5px;}
.mod_breadcrumb ul li:first-child {margin-left:0;}
.mod_breadcrumb ul li:not(:first-child)::before {margin-right:5px;content:">";}


/* footer */
.socials>div {width:360px;height:70px;padding:30px 0 30px 0;}
.socials a {width:70px;height:70px;background-position:left top;background-repeat:no-repeat;text-indent:-9999em;background-size:70px 70px;}
.socials .facebook {background-image: url('data:image/svg+xml,%3Csvg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Crect id="Facebook" width="80" height="80" fill="none"/%3E%3CclipPath id="_clip1"%3E%3Crect width="80" height="80"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23_clip1)"%3E%3Cpath d="m50.546 41.491h-6.902v24.6h-10.219v-24.6h-4.865v-8.689h4.865v-5.622c0-4.017 1.906-10.317 10.309-10.317l7.582 0.034v8.434h-5.498c-0.907-0-2.174 0.451-2.174 2.369v5.11h7.793l-0.891 8.681zm-10.543-41.491c-22.097-0-40.003 17.904-40.003 39.992-0 22.104 17.906 40.013 40.003 40.013 22.096 0 39.997-17.909 39.997-40.013-0-22.088-17.901-39.992-39.997-39.992" fill="%2341b6de" fill-rule="nonzero"/%3E%3C/g%3E%3C/svg%3E');}
.socials .insta {background-image:url('data:image/svg+xml,%3Csvg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Crect id="Instagram" width="80" height="80" fill="none"/%3E%3CclipPath id="_clip1"%3E%3Crect width="80" height="80"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23_clip1)"%3E%3Cpath d="m40.003 0c22.096 0 39.997 17.904 39.997 39.992-0 22.104-17.901 40.013-39.997 40.013-22.097 0-40.003-17.909-40.003-40.013-0-22.088 17.906-39.992 40.003-39.992zm-3e-3 12.574c-7.449 0-8.383 0.032-11.309 0.165-2.919 0.133-4.913 0.597-6.658 1.275-1.804 0.701-3.333 1.639-4.858 3.164-1.525 1.524-2.463 3.054-3.164 4.858-0.678 1.744-1.141 3.738-1.275 6.658-0.133 2.925-0.165 3.859-0.165 11.308 0 7.45 0.032 8.384 0.165 11.309 0.134 2.92 0.597 4.914 1.275 6.658 0.701 1.804 1.639 3.333 3.164 4.858s3.054 2.463 4.858 3.164c1.745 0.678 3.739 1.142 6.658 1.275 2.926 0.133 3.86 0.165 11.309 0.165s8.383-0.032 11.309-0.165c2.919-0.133 4.913-0.597 6.658-1.275 1.804-0.701 3.333-1.639 4.858-3.164s2.463-3.054 3.164-4.858c0.678-1.744 1.141-3.738 1.275-6.658 0.133-2.925 0.165-3.859 0.165-11.309-0-7.449-0.032-8.383-0.165-11.308-0.134-2.92-0.597-4.914-1.275-6.658-0.701-1.804-1.639-3.334-3.164-4.858-1.525-1.525-3.054-2.463-4.858-3.164-1.745-0.678-3.739-1.142-6.658-1.275-2.926-0.133-3.86-0.165-11.309-0.165zm-0 4.942c7.324 0 8.191 0.028 11.083 0.16 2.675 0.122 4.127 0.569 5.094 0.944 1.28 0.498 2.194 1.092 3.153 2.052 0.96 0.96 1.555 1.874 2.052 3.154 0.376 0.967 0.823 2.419 0.945 5.093 0.132 2.892 0.159 3.76 0.159 11.083 0 7.324-0.027 8.192-0.159 11.084-0.122 2.674-0.569 4.126-0.945 5.093-0.497 1.28-1.092 2.194-2.051 3.154-0.96 0.96-1.874 1.554-3.154 2.052-0.967 0.375-2.419 0.822-5.094 0.944-2.891 0.132-3.759 0.16-11.083 0.16s-8.192-0.028-11.083-0.16c-2.675-0.122-4.127-0.569-5.094-0.944-1.28-0.498-2.194-1.092-3.153-2.052-0.96-0.96-1.555-1.874-2.052-3.154-0.376-0.967-0.823-2.419-0.945-5.093-0.132-2.892-0.159-3.76-0.159-11.084-0-7.323 0.027-8.191 0.159-11.083 0.122-2.674 0.569-4.126 0.945-5.093 0.497-1.28 1.092-2.194 2.052-3.154 0.959-0.96 1.873-1.554 3.153-2.052 0.967-0.375 2.419-0.822 5.094-0.944 2.892-0.132 3.759-0.16 11.083-0.16zm17.944 7.85c0-1.818-1.473-3.292-3.291-3.292s-3.291 1.474-3.291 3.292c-0 1.817 1.473 3.291 3.291 3.291s3.291-1.474 3.291-3.291zm-17.931 0.564c-7.778 0-14.084 6.306-14.084 14.085s6.306 14.085 14.084 14.085c7.779-0 14.086-6.306 14.086-14.085s-6.307-14.085-14.086-14.085zm0 23.228c-5.049-0-9.142-4.094-9.142-9.143s4.093-9.143 9.142-9.143c5.05 0 9.143 4.094 9.143 9.143s-4.093 9.143-9.143 9.143z" fill="%2341b6de"/%3E%3C/g%3E%3C/svg%3E');}
.socials .youtube {background-image:url('data:image/svg+xml,%3Csvg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Crect id="YouTube" width="80" height="80" fill="none"/%3E%3CclipPath id="_clip1"%3E%3Crect width="80" height="80"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23_clip1)"%3E%3Cpath d="m40.003-0c22.096-0 39.997 17.903 39.997 39.99 0 22.102-17.901 40.01-39.997 40.01-22.097-0-40.003-17.908-40.003-40.01 0-22.087 17.906-39.99 40.003-39.99zm20.755 20.822s-6.62-0.832-20.838-0.832c-13.756-0-20.681 0.832-20.681 0.832-3.658 2e-3 -6.668 3.012-6.668 6.67v25.021c0 3.658 3.01 6.668 6.668 6.67 3.658 1e-3 6.438 0.827 20.681 0.827 14.236 0 20.838-0.827 20.838-0.827h5e-3c3.657-0 6.666-3.009 6.666-6.665v-8e-3 -25.023c-0-3.656-3.009-6.665-6.666-6.665h-5e-3zm-28.086 29.088v-19.81l17.788 9.899-17.788 9.911z" fill="%2341b6de"/%3E%3C/g%3E%3C/svg%3E');}
.socials a:hover {opacity:0.6;}

address {font-style:normal;padding:50px 10px 50px 50px;clear:left;}

footer nav li {float: left;margin-left:50px;}
footer nav li a,footer nav li strong {padding-top:5px;display: inline-block;}
.shifre {unicode-bidi:bidi-override;direction:rtl;}
.tel {display:inline-block;width:80px;}


/* footer > Jump to Top */
#toTop {width:40px;height:40px;bottom:50px;right:50px;border:2px solid var(--cyan, #00A3D3);border-radius:3px;text-indent:-9999em;cursor:pointer;outline:none;}
#toTop::after {position:absolute;width: 0;height: 0;top: 16px;left: 10px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 25px solid var(--white, #fff);transition:0.3s;content: '';}
#toTop:hover {background-color:black;}
#toTop:hover::after {border-bottom-color:var(--cyan, #00A3D3);}

form input,form textarea,form button{
    outline:none;
    border: 0;
    border-radius:3px;
    transition: 0.3s;

    font:20px/32px 'Roboto Regular',Arial,sans-serif;
    letter-spacing:0.05px;
    font-weight:normal;
    padding:10px;
    margin-bottom:15px;
    background-color:var(--cyan77, #42B6DD);
}
form input{margin-right: 40px;}


form, form a{
}

form p {

}

/* footer > Formular */

form label {
    color:var(--white, #fff);
}

form input,form textarea {
    
}

form textarea {
    height: 300px;
    resize: none;
}

#navi .hyperlinkTop a,form input:focus,form textarea:focus,form input:active,form textarea:active,form button {
    background-color:var(--white, #fff);
}

footer .content-hyperlink a {border-color:var(--black, #000);background-color:var(--black, #000);}
.hyperlinkTop a,.content-hyperlink a {cursor:unset;}

.explanation,.explanation a {color:var(--white, #fff);}
.explanation a {border-color:var(--white, #fff);}

form .error input,form .error textarea {
    border-bottom-color:var(--error, #f00);
}
form p.error {
    background-color:var(--white, #fff);
    color:var(--error, #f00);
    padding:10px;
    margin-bottom:-5px;
}
label span.mandatory {
    padding-left:5px;
    
}
label span.mandatory,form .explanation strong {
    font-weight:bold;
    color:var(--error, #f00);
}

form textarea,form .explanation,form button{width:100%;box-sizing:border-box;}
form p.error,form input{width:calc(100% - 40px);box-sizing:border-box;}


form button  {
    font-family:'Zilla Slab Regular','Times New Roman', Times, serif;
    font-weight:normal;
    letter-spacing:0.3px;
    font-size:28px;
    line-height:35px;
    text-align:center;
    color:var(--cyan, #00A3D3);
    background-color:var(--black, #000);
    border:2px solid var(--white, #fff);
    margin-top:30px;
    padding:15px 30px;
    cursor:pointer;
}

form button:hover  {
    background-color:var(--white, #fff);
}



@media (max-width:1200px) {

    #navi,main .inside,.mod_breadcrumb,footer {
        width:100%;
    }
    #navi,.speechFlex,.speechGrid,.mod_breadcrumb {
        padding-left:30px;
        padding-right:30px;
        box-sizing:border-box;
    }
    #toTop {bottom:30px;right:30px;}





}

@media (max-width:1000px) {
    header .mobileActivate {display:block;flex:0 0 100px;}
    #navi nav.block{overflow:hidden;}
    .mobile_menu_overlay{position:relative; z-index:4000;}
    #navi .mobile_menu{position:fixed;display:none;margin-top:0;margin-left:0;}
    #navi .mobile_menu{transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) !important;width: 90% !important;}
    #navi .mobile_menu.active{transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) !important;height: 100vh !important;}
    #navi ul{flex-direction:column;}
    #navi .mobile_menu .inner{width:100%;height:100%;overflow-y:auto;}
    #navi .mod_navigation{position:relative;display:block;margin-top:10px;margin-bottom:20px;}
    .mobile_menu_trigger{position:relative;width:70px;height:69px;padding:8px;border:2px solid var(--white, #fff);border-radius:3px;box-sizing:border-box;cursor: pointer;}
    .mobile_menu_trigger span,.mobile_menu_trigger span::before,.mobile_menu_trigger span::after{position:absolute;width:50px;height:6px;background-color:var(--cyan, #00A3D3);border-radius:1px;}
    .mobile_menu_trigger span{top:12px;left:8px;}
    .mobile_menu_trigger span::before{top:18px;content:'';}
    .mobile_menu_trigger span::after{top:36px;content:'';}
    .closeNavi{position:relative;margin:40px auto 0 auto;display:block;width:70px;height:69px;padding:8px;border:2px solid var(--white, #fff);border-radius:3px;box-sizing:border-box;text-indent:-9999em;}
    .closeNavi::before,.closeNavi::after{position:absolute;width:50px;height:6px;top:30px;left:9px;background-color:var(--cyan, #00A3D3);border-radius:1px;content:'';}
    .closeNavi::before{transform:rotate(45deg);}
    .closeNavi::after{transform:rotate(-45deg);}
    .mobile_menu_trigger:hover span,.mobile_menu_trigger:hover span::before,.mobile_menu_trigger:hover span::after,.closeNavi:hover::before,.closeNavi:hover::after{background-color:var(--white, #fff);}
}

@media (max-width:850px) {

    .head h2,.head h3{padding-top:40px;}
    .head.impressum h2,.impressum h3,.margS .content-headline {padding-bottom:0;}
    footer nav {display: block;}
    .speechFlex{flex-direction:column;justify-content:flex-start;}
    .speechFlex>div{max-width:100%;flex-basis:100%;}
    main .corRight{padding-right:0;}
    main .corLeft{padding-left:0;}
    main .corLeft::before,main .corRight::before{display:none;}


    main .corTop::before,main .corBottom::after{
        position: relative;
        display: block;
        width: 0;
        height:0;
        border-style: solid;
        border-color: transparent #fff;
        border-width: 20px 0 24px 40px;
        content: '';
    }

    main .corTop::before{
        margin: -20px auto 36px auto;
        transform: rotate(270deg);
    }
    main .corBottom::after{
        margin: -4px auto -20px auto;
        transform: rotate(90deg);
    }


    footer .logo,footer nav li {
        position:relative;
        margin-left:auto;
        margin-right:auto;
    }

    address {
        padding-left:0;
        padding-right:0;
        text-align: center;
    }
    footer nav li {
        float:none;
        margin-bottom:10px ;
        width:210px;
        text-align:center;
    }
    form input{width:100%;margin-right:0;}

}

@media (max-width:480px) {

    body {
        font-size:18px;
        line-height: 29px;
    }
    #navi,.speechFlex,.speechGrid,.mod_breadcrumb {
        padding-left:5px;
        padding-right:5px;
    }
    #toTop {bottom:5px;right:5px;}
    main .speechFlex .rte,.speechGrid .rte,main .speechFlex .mod_sitemap ul {
        padding:20px;
    }
    h1,h2,h3,h4,h5{
        font-size:35px;
        line-height:47px;
        padding:20px;
    }
    .socials>div,footer .logo{width:300px;}
    span.tel{display:none;}
    address p{line-height:35px;}

}