@charset "utf-8";
/* CSS Document */



/* ====================================================================================================================================
                ----- BODY -----
    ==================================================================================================================================== */

/* Seiteninhalte */

/* Level 1 - Inhalte - Standard-Seiteninhalte */

h1 {width: 80%; max-width: 850px;}

.Rechtliches {
    width: 92%;
    max-width: 900px;
    margin: 0px auto 75px auto;
    padding: 0px 15px 0px 10px;
    max-height: 1000px;
    overflow: auto;}
.Rechtliches:last-of-type {margin-bottom: 0px;}

.Rechtliches p, .Rechtliches li {
    font-size: 19px;
    line-height: 1.3em;
    margin-top: 0px;
    margin-bottom: 0.3em;
    color: rgba(80,80,80,1.00);}

.Rechtliches li {margin-left: 5%; margin-right: 15%;}

p.Einrueckung {margin-left: 25px;}
p.strongstrong {font-variant-caps: small-caps;}
.einblenden10 {display: none;}
.einblenden11 {display: none;}

.Rechtliches ul {list-style-type: disc;}

#Impressum {
    text-align: center;
    border: 1px solid black;
    padding: 45px 15px 55px 15px;}
#Impressum h2 {
    font-style: normal;}
#Impressum p {
    font-size: 22px;
    line-height: 1.5em;
    margin-bottom: 25px;}

section.Rechtliches a {color: rgb(13,0,130);}
section.Rechtliches a:link {color: rgb(13,0,130);}



/* ====================================================================================================================================
                ----- Impressum und Rechtliches - Media-Queries und Responsiv-Design -----
    ==================================================================================================================================== */

/* BREAKPOINTS AND RESPONSIVE-DESIGN */

@media (max-width: 2000px) {
    .Rechtliches p,
    .Rechtliches li {font-size: 18px; line-height: 1.25em;}
    .Rechtliches h2 {font-size: 1.8em; margin-top: 40px; margin-bottom: 25px;}
    .Rechtliches h3 {font-size: 1.5em;}
    .Rechtliches h4 {font-size: 1.2em;}
    .Rechtliches {margin-bottom: 60px;}
    #Impressum p {font-size: 20px; line-height: 1.3em; margin-bottom: 20px;}
}

@media (max-width: 1500px) {
    .Rechtliches p,
    .Rechtliches li {font-size: 17px; line-height: 1.2em;}
    .Rechtliches h2 {font-size: 1.7em; margin-top: 35px; margin-bottom: 20px;}
    .Rechtliches h3 {font-size: 1.4em;}
    .Rechtliches h4 {font-size: 1.2em;}
    .Rechtliches {margin-bottom: 60px;}
    #Impressum p {font-size: 20px; line-height: 1.3em; margin-bottom: 20px;}
}


@media (max-width: 1200px) {
    .Rechtliches p,
    .Rechtliches li {font-size: 16px; line-height: 1.2em;}
    .Rechtliches h2 {font-size: 1.5em; margin-top: 30px; margin-bottom: 15px;}
    .Rechtliches h3 {font-size: 1.3em;}
    .Rechtliches h4 {font-size: 1.1em;}
    .Rechtliches {margin-bottom: 60px;}
    #Impressum p {font-size: 19px; line-height: 1.3em; margin-bottom: 20px;}
}


@media (max-width: 800px) {
    .Rechtliches p,
    .Rechtliches li {font-size: 15px; line-height: 1.15em;}
    .Rechtliches h2 {font-size: 1.4em; margin-top: 25px; margin-bottom: 15px;}
    .Rechtliches h3 {font-size: 1.2em;}
    .Rechtliches h4 {font-size: 1.0em;}
    .Rechtliches {margin-bottom: 55px;}
    #Impressum p {font-size: 18px; line-height: 1.3em; margin-bottom: 20px;}
    #Impressum {padding: 35px 15px 45px 15px;}
}


@media (max-width: 550px) {
    .Rechtliches p,
    .Rechtliches li {font-size: 14px; line-height: 1.15em;}
    .Rechtliches h2 {font-size: 1.2em; margin-top: 20px; margin-bottom: 10px;}
    .Rechtliches h3 {font-size: 1.0em;}
    .Rechtliches h4 {font-size: 0.9em;}
    .Rechtliches {margin-bottom: 55px;}
    #Impressum p {font-size: 17px; line-height: 1.2em; margin-bottom: 15px;}
}


@media (max-width: 450px) {
    .einblenden10 {display: inline;}
    .ausblenden10 {display: none;}
    #Impressum {padding: 30px 10px 40px 10px;}
}


@media (max-width: 305px) {
    .einblenden11 {display: inline;}
    .ausblenden11 {display: none;}
}