body, html {
        font-family: Arial, sans-serif;
        color: #000;
        font-weight: 300;
        width: 100% !important;
        height: 100% !important;
}

/* text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;*/

/*#ueberuns h1   { font-size: 18px; color:#c90202; margin-top:20px;}

#ueberuns h2   { font-size: 17px; font-size: 1.0625rem; color:#c90202; }

#ueberuns h3   { font-size: 15px; font-size: 0.9375rem; color:#2d3a57; line-height: 1; padding: 10px 0;}

#ueberuns h4   { font-size: 15px; font-size: 0.9375rem;}

#ueberuns h5   { font-size: 14px; font-size: 0.875rem;}*/


h1   { font-size: 24px;
       font-weight: 700;
       color:#000;
       margin-top:20px;}

h2 {
        margin: 0 0 20px 0;
        font-weight: 600;
        font-size: 20px;
        color:#000;

}
h3 {
        font-size: 18px;
        font-weight: 600;
        color: #934730;
        margin: 20px 0;
}
h4 {
        font-size: 16px;
        font-weight: 600;
         color: #000;
         margin: 20px 0;
}


p {    font-size: 16px;
        color: #000;
}

a {
        color: #000099;
        font-weight: 600;
}
a:hover, a:focus {
        text-decoration: none;
        color: #222;
}
ul, ol {
        list-style: none;
}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}
.clearfix {
        display: inline-block;
}
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
ul, ol {
        padding: 0;
        webkit-padding: 0;
        moz-padding: 0;
        font-size: 16px;
}
hr {
        height: 1px;
        width: 100%;
        text-align: center;
        position: relative;
        background: #934730;
        margin: 40px 0;
        border: 0;
}
.btn:active, .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: none;
        outline-offset: none;
}

.containern {

display: table;
margin-left: auto;
margin-right: auto;
}

.containerp {

display: table;
margin-left: auto;
margin-right: auto;
}

.containers {

Padding:0 50px;
}



#header img {
        text-align: center;
}


/* Ueberuns Section */

#ueberuns {
        padding: 40px 50px 0 50px;
        text-align: left;
}


#ueberuns hr {
        background: #c90202;
        text-align: center;
}

#ueberuns p {color:#000;
        line-height: 24px;
        font-size: 16px;

}

#ueberuns ul {color:#1f1f1f;

}


/* Kontakt Section */
#kontakt {
        padding: 20px 0;
        color: #fff;
        background: #2e3c56);

}


#kontakt .container hr {
        height: 2px;
        width: 100%;
        text-align: center;
        position: relative;
        background: #c90202;
        margin: 0;
        margin-bottom: 40px;
        border: 3px;
}


/* Contact Section */

/*
#contact {
        padding: 100px 0 60px 0;
        background: #F6F6F6;
}
#contact .section-title p {
        color: #777;
}
#contact form {
        padding: 0;
}
#contact h3 {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        color: #555;
}
#contact .text-danger {
        color: #cc0033;
        text-align: left;
}
label {
        font-size: 12px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        float: left;
}
#contact .form-control {
        display: block;
        width: 100%;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857143;
        color: #444;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ddd;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
}
#contact .form-control:focus {
        border-color: #999;
        outline: 0;
        -webkit-box-shadow: transparent;
        box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control:-moz-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
}
.form-control:-ms-input-placeholder {
color: #777;
}

*/


/*Sitemap*/

#s1 ul  {margin:  0.5em 0 2em 2em;
         padding: 0;

          }

#s1 ul li {margin:  0;
           padding: 0.125em 0;
            list-style-type:none;
text-decoration:none;
          }

#s1 ul li a {text-decoration: none;
             color:#333;

          }

#s1 ul li a:hover {text-decoration: none;
             color:#ccc;

          }


#kontakt .overlay {
        padding: 20px 0;
        background: #c90202;
}

#kontakt h2 {
       font-family: Arial, sans-serif;
         color:#2d3a57;
        font-weight: 600;
        margin: 0;
        font-size: 20px;
}

#kontakt hr {
        background: #fff;
}

#kontakt h3 {
        color: #c90202;
        font-weight: 500;
        font-size: 20px;
        margin: 5px 0;
}


#footer .contact-item {
        margin: 20px 0 0 0;
}
#footer .contact-item span {
        font-weight: 400;
        color: #aaa;
        text-transform: uppercase;
        margin-bottom: 6px;
        display: inline-block;
}
#footer .contact-item p {
        font-size: 16px;
}

/* Footer Section*/
#footer {
        background: #fff;
        padding: 0;
}
#footer h3 {
        color: #c90202;
        font-weight: 400;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 20px;
}
#footer .copyrights {
        padding: 0;
        margin: 0;
        background: #fff;

}
#footer .social {
        margin: 0;
        background: #fff;
}
#footer .social ul li {
        display: inline-block;
        margin: 0 20px;
}
#footer .social i.fa {
        font-size: 26px;
        padding: 4px;
        color: #fff;
        transition: all 0.3s;
}
#footer .social i.fa:hover {
        color: #eee;
}
#footer p {
        font-size: 15px;
        color: rgba(255,255,255,0.8)
}
#footer a {
        color: #5f5f5f;
}
#footer a:hover {
        color: #ccc;
}

@media screen and (min-width:768px) {

.containers { display: none;}
.containerp { display: none;}

}
@media screen and (max-width:474px) {

.containern { display: none;}
.containerp { display: none;}
#header img {
        text-align: left;
}

}

@media screen and (max-width:767px) and (min-width:475px)  {

.containern { display:none;}
.containers { display:none;}

}