/* Global CSS */

h1 {

    font-size: 60px
}

h2 {

    font-size: 40px;
}

h3 {

    font-size: 30px;
}


.StandardButton {

    background-color: #FFF055; 
}

.StandardButton:hover { /* hover = Wenn du mit der Maus rüberfährst */

    color:#FFF055 !important;
    background-color: black;
}


.btn-primary {

    background-color: #FFF055;
    color: black;
}

.btn-primary:hover {

    color:#FFF055;
    background-color: black;
    
}

.navbarSections {

    color: #FFF055;
    font-size: 25px;
}

.StandardButton:hover a{
    color:#FFF055 !important;
}


.buttonOhneStrich {

    text-decoration: none;
    color: black;
}

.rahmen {

    border-top: black 2px solid;
    border-bottom: black 2px solid;
    
}

.oben_unten_section_abstand {

    padding-top: 90px;
    padding-bottom: 90px;
}

.oben_section_abstand {

    margin-top: 90px;
}

/* ************************ */


/* Header */


.nav_hover_buttons:hover {

    color: white;
}

.navbarsections:hover {

    background-color: white;
    color: white;
}

.pflegedienstSchrift {

    color:#FFF055;
    text-align: center;
}

.pflegedienstUnterschrift {

    color: white;
    text-align: center;
}

.headerbild {
    background: url("img/1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    height: 900px;
    
}

.kopfzeile {
    opacity: 0.7;
}

.navbarToggler {


    color: black;
    background-color: #FFF055;
}

.ueberschrift {
    font-size: 40px;
    color: #FFF055;
}

.tel {
    font-size: 33px;
    color: white;
}

.nav_fontsize {

    font-size: 20px;
}

.bottom_header_ueber_uns {

    margin-top: 100px;
}

#subheader {

    margin-top: 100px;
    text-align: center;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    
    
}


/* ************************ */

/* Über uns*/

.ueberUns {
    font-size: 40px;
}

/* ************************ */

/* Call to Action */

#cta {

    padding-top: 70px;
    padding-bottom: 70px;

}

#cta_zwei  {

    padding-top: 70px;
    padding-bottom: 70px;

}

.cardstyle {

    width: auto;
    
}


.calltoaction {

    background: rgba(0, 0, 0, 0.4) url("img/cta_img.jpg"); /* rgba... das brauchst du ebenso. Der letzte Wert in der Klammer ist entscheidend */
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken; /* Das brauchst um ein Bild dunkler zu machen */
    height: auto;
    background-attachment: fixed; /* parallax */
    background-position: center;
    
    
    
}

.cta_button_center {

    margin-top: 28px;
    
}

.calltoaction_ueberUns {

    background-image: url("/img/follow_us.png");
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
}

/* ************************ */

/* Services */

.serviceUeberschrift {

    color: black;
}


.UnsereServices_unterschrift {

    font-size: 25px;
}

/* ************************ */

/* Call to Action Zwei */

.cta_btn_color_whatsapp {


    color: white;
    background-color: #25D366;
}

.cta_btn_color_whatsapp:hover {

    color: white;
    background-color: #128C7E;
}

.cta_btn_color_anrufen {

    color: white;
    background-color: dodgerblue;
}

.cta_btn_color_anrufen:hover {

    color: white;
    background-color: cornflowerblue; 
}

.calltoactionZweiParagraph {
    text-align: center;
    
}

.ueberSchriftCalltoActionZwei {

    font-size: 25px;
    text-align: center;
}

.schattenbox {

-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.15);
background: #FFFFFF;

}

.nav-link a:active {
    background-color: green;
}

/* ************************ */

/* Kontakt & Google Maps--> */

.h2_abstand {

    margin-bottom: 20px !important;
}

/* ************************ */

/*Footer*/

.iconNebenTextEmail {
    float: left;
    margin-top: 22px;
}

.iconNebenText {

    float: left;
    margin-top: 18px;
}

.impressumSchrift li:not(:last-child) {

    margin-bottom: 5px;
}

.buttonOhneStrichFooter {

    text-decoration: none;
    color: #FFF055;
}

.listeOhnePunkte {

    list-style-type: none;
    padding-left: 0;
}

.impressumUeberschrift {

    color: white;
    font-size: 23px;
}

.impressumLinie  {

    color: white;
    border-top: 2px solid;
    opacity: 1;
}

.impressumAbstand {

    color: #FFF055;
    
}

.impressumSchrift {

    color: #FFF055;
 }

 .footer_datenschutz_impressum_gleicher_abstand {

    padding-right: 16px;
    padding-left: 30px;

}


/* ************************ */
/* ************************ */
/* ************************ */
/* ************************ */
/* ************************ */
/* ************************ */
/* ************************ */
/* ************************ */



/* Media Queries Smartphone */


@media (max-width: 575.98px) {
 
    .headerbild {

        background-position: 100% !important;
        background: rgba(0, 0, 0, 0.4) url("img/oma.jpg");
        background-blend-mode: darken;
        background-repeat: no-repeat;
        background-size: cover;
        
        
    }

    .navbarItems {

        margin-right: 0px !important;
    }

    .loremSchrift {

       text-align: center;
       padding-left: 0 !important;
       font-size: 40px;
       margin-top: 20px;
       margin-bottom: 20px;
      
    
    }

    .ueberUnsText {

        text-align: center;
        font-size: 16px;
        margin-bottom: 25px;
        padding-left: 0 !important;
    }


    .ueberUnsButtonResponsive {

        background-color: #FFF055;
        font-size: 20px;
        width: 100%;
        margin: 0 !important;
        
    }

    .cta_Ueberschrift_Responsive {

        font-size: 40px;
        text-align: center;
        margin-top: -80px;
        
    }

    .cta_unterschrift {

        text-align: center;
        font-size: 16px;
        margin-top: 20px;
        
    }

    .cta_button {

        text-align: center;
        font-size: 20px;
        width: 80%;
        font-weight: bold;
        margin-top: 20px;
    }

    .UnsereServices_unterschrift {

        font-size: 16px;
    }

    .cta_Ueberschrift_Responsive {

        font-style: italic;
    }

    #cta  {

        padding-top: 120px;
        padding-bottom: 60px;
    
    }

    .StandardButton {

        width: 100%;
    }

    .cta_button_center {

        width: 100%;
        
    }

    .cta_zwei_abstand_mobile {

       
        margin-bottom: 16px;
    }

    .footer_linksbündig_mobile {

        margin-left: 0 !important

    }

    .footer_datenschutz_impressum_gleicher_abstand {
 
        padding-left: 0px;
    
    }

    .h2_abstand {

        margin-bottom: 20px !important;
    }

    .reihenfolge_bild_image {

        order: 3;
    }

    html, body { /* Deaktiviert das Vertikale Scrollen bei allen Geräten (Smartphone, Tablet etc...) */
        overflow-x: hidden;
        max-width: 100%;
    }

    }
    
/* ************************ */
/* ************************ */
/* ************************ */

/* Media Queries Tablet */

 @media (min-width: 576px) and (max-width: 767.98px) {
 
    .headerbild {
        background-position: 15%;
        background: url("img/headerbild_3.jpg");
        background-repeat: no-repeat;
        background-size: cover;

        
    }

    .reihenfolge_bild_image {

        order: 3;
    }
    
}


/* ************************ */ /* ************************ */
/* ************************ */ /* ************************ */
/* ************************ */ /* ************************ */
/* ************************ */ /* ************************ */
/* ************************ */ /* ************************ */
/* ************************ */ /* ************************ */


/* Style for animation */

#cta_ueberUns {

    opacity: 0;
}


#cta.animate__animated {

    opacity: 1;
}


#facebook_ani.animate__animated {

    animation-delay: 1s
}

#whatsapp_ani.animate__animated {

    animation-delay: 2s
}

#instagram_ani.animate__animated {

    animation-delay: 3s
}