/* ------------------------------------------------- */
/* Individualisierendes CSS für Single Template Site */
/* (c) 2021 Wolfgang Schütte, büro punkt.            */
/* ------------------------------------------------- */

body { background-color: white; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; color: #4f4f4e; }
h1,h2 { text-transform: uppercase; font-size: 36px; line-height: 44px; font-weight: 400; color: #c12a2a; margin-bottom: 25px; position: relative; left: -2px; letter-spacing: -0.8px; }
h1 b, h2 b { font-weight: bold; letter-spacing: 0px; }
h3 { font-size: 28px; text-transform: uppercase; line-height: 32px; color: #c12a2a; font-weight: 400; margin-bottom: 5px; position: relative; left: -2px; margin-top: 0px;  }
h4 { font-size: 20px; line-height: 30px; color: #c12a2a; font-weight: 400; margin: 0px 0px -10px 0px; }
h5 { font-size: 25px; line-height: 33px; color: #c12a2a; font-weight: 300; text-transform: uppercase; }
h6 { font-size: 14px; font-weight: 300; margin: -10px 0px 0px 0px; line-height: 20px; }
            
.glink { font-size: 24px; line-height: 34px; color: #a4b2db; font-weight: 300; text-transform: uppercase; }
.glink:hover, .glink.aktiv { color: #c12a2a;}
            
a { color: black; }
            
#content a { color: #c12a2a; }
#content a:hover { text-decoration: underline; }
#kopfzeile { background-color: #ffffff;}
.wrapper { background-color: white; margin-top: 0px; }
#kopfzeile .innerwrapper .menu, #kopfzeile .innerwrapper .mobilemenu { font-weight: 400; font-size: 22px; text-transform: uppercase; color: #575757; letter-spacing: -0.5px; }
#kopfzeile .innerwrapper .mobilemenu { line-height: 38px; }
#kopfzeile .innerwrapper .logo img { max-width: 280px; }
#kopfzeile .innerwrapper .slogan { font-size: 36px; line-height: 36px; text-transform: uppercase; color: #c12a2a; letter-spacing: 0.25px; text-align: right;}
#footer { background-color: #c12a2a; padding: 110px 0px 0px 0px; font-weight: 500; font-size: 16px; line-height: 22px; }
            
.modul_bildleiste { width: 100%; padding: 0px; background-color: silver; margin-top: -1px; margin-bottom: 70px; }
.modul_fliesstext { padding: 0px 0px 20px 0px; background-color: #ffffff;  }
.modul_slider { padding: 0px 0px 20px 0px; background-color: #ffffff; margin: 0px; }
.modul_kontakt { padding: 0px 0px 50px 0px; background-color: #ffffff; margin: 0px; }
.modul_bildergalerie { padding: 0px 0px 20px 0px; background-color: #ffffff; margin: 0px; }

#footer a { color: white; font-weight: 300; }
            
.fancyinput, .fancytextarea, .fancyselect { font-size: 16px; line-height: 24px; font-weight: 300; }
.fancybutton { color: #c12a2a; border-color: #c12a2a; font-size: 16px; line-height: 24px; }
.fancybutton:hover { background-color: #e62a3f; color: white; }
#openmenubutton:hover { color: #c12a2a; cursor: pointer; }
#openmenubutton .aktiv a { ccolor: #c12a2a; }
.error { color: #e62a3f; }
.rot { color: #c12a2a; }
            
.abschnittstrenner hr { background-color: #c12a2a; }

.modul_kontakt { color: #c12a2a; }

.slick-dots li button { border-color: #c12a2a; opacity: 0.6; }
 .slick-dots li button:hover, .slick-dots li.slick-active button { 
        background-color:  #c12a2a; border-color:  #c12a2a;
        opacity: 0.3;
}

.platzhalter {
    color: #4f4f4e;
}

@media (max-width: 1075px) {
    #kopfzeile .innerwrapper .menu, #kopfzeile .innerwrapper .mobilemenu { font-size: 21px; }
}


@media (max-width: 1036px) {
    #kopfzeile .innerwrapper .menu, #kopfzeile .innerwrapper .mobilemenu { font-size: 20px; }
}


@media (max-width: 994px) {
    #kopfzeile .innerwrapper .menu, #kopfzeile .innerwrapper .mobilemenu { font-size: 19px; }
}

@media (max-width: 950px) {
    #kopfzeile .innerwrapper .slogan { width: 320px; }
    #kopfzeile .innerwrapper .menu, #kopfzeile .innerwrapper .mobilemenu { font-size: 18px; }
}

@media (max-width: 680px) {
    #kopfzeile .innerwrapper .slogan { font-size: 30px; line-height: 30px;  }
}

@media (max-width: 600px) {
    #kopfzeile .innerwrapper .slogan { font-size: 24px; line-height: 24px; width: 240px; letter-spacing: -0.5px; }
    
}

@media (max-width: 490px) {
    #kopfzeile .innerwrapper .slogan { font-size: 22px; line-height: 22px;  }
}

@media (max-width: 475px) {
    #kopfzeile .innerwrapper .slogan { display: none;  }
}