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

.contact-section{

    padding:100px 0;

    background:#f7f7f7;

}

.contact-card{

    background:#ffffff;

    border-radius:18px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    height:100%;

}

.section-subtitle{

    display:block;

    color:#c40018;

    text-transform:uppercase;

    letter-spacing:4px;

    font-weight:700;

    margin-bottom:15px;

}

.section-title{

    font-size:2.8rem;

    font-weight:700;

    margin-bottom:25px;

}

.section-text{

    font-size:1.1rem;

    color:#666;

    max-width:700px;

    margin:auto;

}

.contact-list{

    list-style:none;

    padding:0;

    margin:0;

}

.contact-list li{

    margin-bottom:30px;

    line-height:1.8;

}

.form-control{

    height:52px;

    border-radius:10px;

    border:1px solid #d9d9d9;

    box-shadow:none;

}

textarea.form-control{

    height:auto;

    resize:vertical;

}

.form-control:focus{

    border-color:#c40018;

    box-shadow:0 0 0 .2rem rgba(196,0,24,.15);

}

.map-section iframe{

    width:100%;

    height:500px;

    border:0;

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:991px){

    .contact-card{

        margin-bottom:30px;

        padding:30px;

    }

    .section-title{

        font-size:2.2rem;

    }

}

@media (max-width:767px){

    .contact-section{

        padding:70px 0;

    }

    .contact-card{

        padding:25px;

    }

    .section-title{

        font-size:1.9rem;

    }

    .map-section iframe{

        height:350px;

    }

}

/* ==========================================================
   DANKE / FEHLER
========================================================== */

.thanks-section{

    padding:100px 0 120px;

    background:#f7f7f7;

}

.thanks-box{

    background:#ffffff;

    padding:60px 50px;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

}

.thanks-icon{

    font-size:5rem;

    color:#28a745;

    margin-bottom:25px;

}

.error-icon{

    color:#d40000;

}

.error-box{

    border-top:6px solid #d40000;

}

.thanks-box h2{

    margin-bottom:25px;

}

.thanks-box p{

    font-size:1.05rem;

    line-height:1.9;

    color:#555;

}

.thanks-contact{

    margin-top:35px;

}

.thanks-contact strong{

    color:#222;

}

.thanks-contact a{

    color:#d40000;

    font-weight:600;

    text-decoration:none;

}

.thanks-contact a:hover{

    color:#990000;

}

.thanks-box hr{

    margin:40px auto;

    max-width:180px;

    border-top:2px solid #d40000;

    opacity:.2;

}

@media (max-width:767px){

    .thanks-box{

        padding:40px 25px;

    }

    .thanks-icon{

        font-size:4rem;

    }

}
/* ==========================================================
   Kontakt Meldungen
========================================================== */

.contact-message{

    margin-bottom:30px;

    border:none;

    border-radius:12px;

    padding:18px 24px;

    font-size:1rem;

    font-weight:500;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.contact-message i{

    margin-right:10px;

    font-size:1.1rem;

}

.alert-warning{

    background:#fff8e6;

    color:#8a6d00;

    border-left:6px solid #f4b400;

}

.alert-danger{

    background:#fdeaea;

    color:#a30000;

    border-left:6px solid #d40000;

}

.alert-success{

    background:#eaf8ed;

    color:#1f6e35;

    border-left:6px solid #28a745;

}