/*********** Haupteinstellungen *************/
.clear {clear: both;}
.center {margin:auto; text-align: center;}
.beige {color:#f4efda;}
.braunrot {color:#7a2932;}
.hintergrundbalken {background-color:red; float:left; width:100%;}

.inhalt-breit{max-width:1600px; margin:auto; padding:40px 0px;}
.inhalt-mittel{max-width:1240px; margin:auto;}
.inhalt-klein{max-width:800px; margin:auto;}
.halb-halb {width:50%; padding:20px; box-sizing: border-box; float:left;}
#content{padding:0px; }
.container-fluid {overflow: hidden;}

.bild {max-width: 100%;}

.dunkel {color:#3c3c3b !important;}
body a {color:#dfb929; text-decoration: underline;}

body {background-image:url(images/hintergrundbild.jpg); background-repeat: no-repeat; background-position: top center; }

header {
    box-sizing: border-box;
    width:100%; margin:auto; text-align:center;
    background-color: #b74f47; font-size:14px; color:#f4efda; box-shadow:0px 0px 15px #333;
    padding:6px 5px 4px 5px;
}

.faq {margin-top:160px;}


/** Buttons **/
.button-gelb {

    background-color:#fed126;
    background: rgb(254,209,38);
    background: linear-gradient(180deg, rgba(254,209,38,1) 69%, rgba(204,170,43,1) 100%);
    font-size: 18px;
    color:#3c3c3b;
    padding:15px 25px;
    text-decoration:none;
    border-radius: 8px;
    border:1px solid #fade71;
    text-align: center;
    width: fit-content;
}
.button-gelb:hover, .button-gelb:focus {
    background: rgb(255,222,97);
    background: linear-gradient(180deg, rgba(255,222,97,1) 69%, rgba(222,195,93,1) 100%);
    text-decoration:none;
    box-shadow: 0px 0px 10px 0px #666666;
    cursor: pointer;
    color:#3c3c3b;
}


.button-weiss {
    background-color:#fff;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 69%, rgba(205,205,204,1) 100%);
    font-size: 18px;
    color:#3c3c3b;
    padding:15px 25px;
    text-decoration:none;
    border-radius: 8px;
    border:1px solid #d9d9d9;
    text-align: center;
    width: fit-content;
}
.button-weiss:hover {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 69%, rgba(244,244,244,1) 100%);
    text-decoration:none;
    box-shadow: 0px 0px 10px 0px #666666;
    cursor: pointer;
}



body {
    margin:0;
    font-family: 'Raleway', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #1e1e1e;
    font-size: 16px;
    line-height: 30px;
    background-color: #fff;
    letter-spacing: 0.7px;
}


footer {background-color:#7a2932; height:250px; padding-top:200px; text-align: center; color: #f4efda; font-size:12px; max-width: 100%; overflow: hidden;}

.abschluss {max-width:560px; font-size: 24px;}







h1, h2, h3, h4, h5, h6 {
    color: #1e1e1e;
}
.form-control::-moz-placeholder {
    color: #aaa;
}
/* default font size */
.fa {
    font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
    font-size: 53px; color: #7a2932;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 20px; color: #7a2932;  margin-bottom:0px !important; margin-top: 80px;
}
h5 {
    font-size: 16px; font-style: italic; color: #7a2932; margin-bottom:0px !important;
}
h6 {
    font-size: 10.2px;
}
a {
    color: #232323;
    transition: 0.3s ease
}
a:hover,a:focus{
    text-decoration: none;
    color: #fec229;
    outline: none
}
:focus{
    outline: none;
}
b, strong{
    font-weight: 600;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    color: #fec229;
}
.owl-wrapper-outer{
    border: none !important;
    box-shadow: none !important
}
.owl-carousel{
    background: transparent !important;
    margin: 0 !important;
}
.list-inline{
    margin: 0;
    padding: 0
}
.list-inline > li,.nav{
    padding: 0
}
ul{
    padding: 0;
    margin-left:40px;
}
ul li{
    font-size: 20px; line-height:26pt; margin-top:24px;
}
ol, ul{
    margin-bottom: 0
}



/**************************************************************** MOBILE Anicht *****************************************************************/
@media (max-width: 991px) {

    header {
        font-size:11px;
        padding:6px 3px 4px 3px;
    }
    body {background-image:url(images/hintergrundbild.jpg); background-repeat: no-repeat; background-position: 0px 30px; background-size: 100%; }
    body {
        line-height: 24px;
    }
    footer {height:250px; padding-top:150px;}
    .faq {margin-top:100px;}

    /************** Haupteinstellungen Tablet ************/
    .row{margin:0px !important;}
    .inhalt-breit{padding:10px 0px;}
    .inhalt-mittel {width:100%; box-sizing: border-box; padding:10px;}

    .platzhalter { height:0px; padding-top:0px; padding-bottom: 12px;}
    .halb-halb {width:100%; padding:10px 20px; box-sizing: border-box; float:none;}

    h1 {
        font-size: 40px; color: #7a2932; line-height:34pt;
    }
    h2 {
        line-height:24pt;
    }

    ul li{
        font-size: 16px; line-height:20pt; margin-top:18px;
    }


    /** Buttons **/
    .button-gelb {
        font-size: 15px;
    }
    .button-weiss {
        font-size: 15px;
    }

    footer { padding-top:150px;}

}