@charset "UTF-8";
/* Dualraum CSS Stylesheet */
/* Anpassungen an der Seite für mobile Ansicht und Desktop */


/* Navigationsanpassung */

.outerbox   { max-width: 100%;}
footer article.footer_column  { background: #fff;}

.legalnav a img { margin-bottom: -2px; padding-right: 2px;}
/* Anpassung für größere Bildschirme */
@media only screen and (min-width: 769px) {
    body    { font-size: 1.2rem; line-height: 1.4rem;  }
    nav ul li       { padding: 0 40px; margin:0; font-size: 1rem;}
    #hero     { height: 450px;}
    footer      { box-sizing: border-box; padding: 20px; display:flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; }
    footer article.footer_column  { flex-basis: calc(50% - 20px); box-sizing: border-box; margin: 30px 0 ; padding: 30px 40px 30px 40px; box-shadow: #ccc 0px 0px 20px; border-radius: 10px;}
    footer article.footer_column p  { padding: 15px 0 0 0;}
    footer article.footer_column h3  { padding: 0 0 20px 0; }
    .footer_banner { font-size: 1.2rem; line-height: 1.7rem; padding: 40px; text-align: center;  }

}
@media only screen and (min-width: 1024px) {
    body    { font-size: 1.2rem; line-height: 1.4rem;  }
    nav ul li       { padding: 0 40px; margin:0; font-size: 1rem;}
    #hero     { height: 450px;}
    footer      { box-sizing: border-box; padding: 40px; display:flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; }
    footer article.footer_column  { flex-basis: calc(50% - 80px); box-sizing: border-box; margin:40px; padding: 30px 40px 30px 40px; box-shadow: #ccc 0px 0px 20px; border-radius: 10px;}
    footer article.footer_column p  { padding: 15px 0 0 0;}
    footer article.footer_column h3  { padding: 0 0 20px 0; }
    .footer_banner { font-size: 1.2rem; line-height: 1.7rem; padding: 40px; text-align: center;  }
    nav             { padding-left: 150px;}
    nav ul li       { padding: 0 40px; margin:0;}
}
@media only screen and (min-width: 1400px) {
    .outerbox   { max-width: 1400px;}
}

/* Anpassung für mobile Displays */
@media only screen and (max-width: 768px) {
    footer      { box-sizing: border-box; padding: 20px; display:flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; }
    footer article.footer_column  { flex-basis: calc(100% - 20px); box-sizing: border-box; margin:40px 0; padding:20px 0; box-shadow: #ccc 0px 0px 10px; border-radius: 10px;}
    footer article.footer_column p  { padding: 10px 0 0 0;}
    footer article.footer_column h3  { padding: 0 0 10px 0; }
    .footer_banner { font-size: 1rem; line-height: 1.4rem; padding: 40px; text-align: center; }

    .legaltext {
        padding: 20px;
    }

    .legalnav {
        display: flex;
        align-items: flex-start;
        justify-items: center;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .legalnav a {
        flex-basis: 25%;
        padding: 10px 20px !important;
        display: block;
        box-sizing: border-box;
    }
/*
    .legalnav i.icon_fb_w {
        content:" ";
        display: inline-block;
        background-color: red;
        width: 20px;
        height: 1rem;
        background: url("../images/icon_fb_w.gif") no-repeat;
        background-size: contain;

    }
    .legalnav i.icon_yt_w {
        content:" ";
        display: inline-block;
        background-color: red;
        width: 25px;
        height: 15px;
        background: url("../images/icon_yt_w.gif") no-repeat center center;
        background-size: contain;

    }

    .legalnav a.icon_fb_w { background: none !important;}
    .legalnav a.icon_yt_w { background: none !important;}*/
    .copyright  {padding-bottom:20px; }
}
@media only screen and (max-width: 630px) {
    .legalnav a {
        flex-basis: 50%;
    }
}
@media only screen and (max-width: 500px) {
    footer {
        box-sizing: border-box;
        padding: 20px 0;
        display: flex;
        justify-content: space-evenly;
        align-items: stretch;
        flex-wrap: wrap;
    }

    footer article.footer_column {
        flex-basis: calc(100%);
        box-sizing: border-box;
        margin: 20px 0;
        padding: 20px 20px;
        box-shadow: #ccc 0px 0px 10px;
        border-radius: 0;
    }

    footer article.footer_column p {
        padding: 10px 0 0 0;
    }

    footer article.footer_column h3 {
        padding: 0 0 10px 0;
    }

    .footer_banner {
        font-size: 1rem;
        line-height: 1.4rem;
        padding: 40px;
        text-align: center;
    }

    .legalnav a {
        flex-basis: 50%;

    }
}

#privacy {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}


#about   h2   { font-size: 2rem; line-height: 2.5rem; padding: 20px 0 10px 0 ;}
#about   p   { font-size: 1.5rem; line-height: 2rem; padding: 10px 0 ;}

#map_canvas { overflow: hidden !important; }