/* ========================================
   DÖRR KREATIVWERK & SCHREIBERLINGS
   RECHTLICHE SEITEN
   ======================================== */


/* ========================================
   HAUPTBEREICH
   ======================================== */

.legal-main {
    max-width: 1000px;

    margin: 0 auto;

    padding: 70px 30px 90px;
}


/* ========================================
   EINLEITUNG
   ======================================== */

.legal-intro {
    text-align: center;

    margin-bottom: 55px;
}

.legal-intro h2 {
    font-size: 36px;

    color: #1d2633;

    margin-bottom: 18px;
}

.legal-intro p {
    font-size: 18px;

    max-width: 750px;

    margin: 0 auto;

    line-height: 1.6;

    color: #444444;
}


/* ========================================
   INHALTSBEREICH
   ======================================== */

.legal-content {
    width: 100%;
}


/* ========================================
   EINZELNE KARTE
   ======================================== */

.legal-card {
    margin-bottom: 30px;

    padding: 30px;

    background-color: #ffffff;

    border: 1px solid #d1ccc1;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.05);
}


/* ========================================
   ÜBERSCHRIFTEN
   ======================================== */

.legal-card h3 {
    font-size: 23px;

    color: #1d2633;

    margin-top: 0;

    margin-bottom: 18px;
}


/* ========================================
   TEXT
   ======================================== */

.legal-card p {
    font-size: 16px;

    line-height: 1.7;

    color: #333333;

    margin: 0 0 15px;
}

.legal-card p:last-child {
    margin-bottom: 0;
}


/* ========================================
   LINKS
   ======================================== */

.legal-card a {
    color: #1d2633;

    font-weight: bold;

    text-decoration: none;

    border-bottom: 1px solid #d6c7a1;
}

.legal-card a:hover {
    color: #8b7650;

    border-color: #8b7650;
}


/* ========================================
   KONTAKT-E-MAIL
   ======================================== */

.contact-email {
    font-size: 19px !important;

    margin-top: 15px !important;
}


/* ========================================
   MOBILE DARSTELLUNG
   ======================================== */

@media (max-width: 700px) {

    .legal-main {
        padding: 50px 20px 70px;
    }


    .legal-intro h2 {
        font-size: 30px;
    }


    .legal-intro p {
        font-size: 17px;
    }


    .legal-card {
        padding: 22px;
    }


    .legal-card h3 {
        font-size: 21px;
    }


    .legal-card p {
        font-size: 16px;
    }

}