/*
	Theme Custom CSS Style
    RietschDesign | www.rietsch-design.de

*/

/* @import url('https://fonts.googleapis.com/css?family=Merriweather'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato');        */

body {background-color:#222222;color:#efefef;font-family:"Lato",sans-serif;font-size:16px;line-height:1.6;}

a {color:#F1801A;text-decoration:underline;}


a:hover, a:focus, a:active, a.active {color: #F9AD17;}
a:visited {color:#F1801A;text-decoration:underline;}
.section-text p a{color:#F1801A;text-decoration:none;}
.section-text p a:hover{color:#F9AD17;text-decoration:none;}


h1,h2,h3,h4,h5,h6 {font-weight:300;letter-spacing:0.2px;font-family:"Lato",sans-serif;color:#eeeeee;}

.h3, h3 { font-size: 1.5rem; }
.h4, h4 { font-size: 1.3rem; }

p {color:#efefef;font-family:"Lato",sans-serif;font-size:16px;font-weight:300;letter-spacing:normal;line-height:1.6;}
b, strong {font-weight: 600;}
.b_normal, .strong_normal {font-weight: 400;}
.logo a{text-decoration:none;color:inherit;}
.logo{font-family: 'Lato', sans-serif;color:#111111;font-size:48px;font-weight:900;line-height:1.2;margin:0 auto;width:100%;text-align:center;}
.logofarbig{color:#222222;}
.logosmall{font-family:"Lato",sans-serif;color:#111111;font-size:28px;font-weight:700;line-height:1.2;margin-top:0px;}

.textfarbig{color:#F1801A;}
.teasercenter{margin:0 auto;width:100%;text-align:center;}
.teaser{font-family:"Merriweather",sans-serif;color:#000000;font-size:40px;font-weight:900;line-height:1.2;float:left;margin-left:20px;}
.teasersmall {font-family:"Merriweather",sans-serif;color:#111111;font-size:28px;font-weight:900;line-height:1.2;float:left;margin-left:20px;margin-top:55px;}
.teaserfarbig{color:#F1801A;}
.teaserschwarz{color:#111111;}


/* #logobox { position: absolute;
       height: auto; width: 458px;
       left: 720px; top: 29px; }   */


#logobox {
    position: absolute;
    height: auto;
    width: 458px;
    left: 60%;
    top: 39px;
}


.logopfeil {width:100%;height:100%;}
.logobild {width:100%;height:100%;}

 /* ************  */
.white-bg{background-color:#ffffff; /*  #ffffff  */}
#features{background-color:#222222;  color: #efefef; }
.dark-bg{background-color:#222222;color:#ffffff;}
.light-bg{background-color: #353534; /* #353534;  */}

.dark-bg p {color:#ffffff;}
.light-bg p {color:#efefef;}


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

header{margin-top:0px;}

.navbar{position:relative;min-height:50px !important;margin-bottom:0px;border:1px solid transparent;}
.navbar-default{background-color:#F1801A;border:0 none;padding:35px 0;transition:padding 0.3s ease 0s;border-bottom:4px solid #222222;}
#about{border-top:4px solid #222222;}

 /* Bild vertikal zentrieren  */
.vertikal  {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}


 /* ************  */
.section-title h2 {
    color: #eeeeee;
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing:1px;
    margin: 0 0 50px;
    padding-bottom: 15px;
    position: relative;
}
.section-title h2::after {
    display:none;}

section ul li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f105";
    padding-right: 7px;
    color: #FF6600;
}
 /* ************  */

.section-cta{background-color:#F1801A;color:#fff;padding:40px 0;}
.slider{opacity:1;filter:alpha(opacity=100);}
.intro-text{top:65%;margin:0 auto;width:1000px;height:30%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.intro-text .intro-lead-in{font-size:26px;line-height:34px;margin-bottom:30px;font-weight:700;color:#333333;}
.intro-text .intro-heading{font-size:22px;line-height:28px;margin-bottom:25px;color:#333333;font-weight:300;letter-spacing:normal;}

#features ul li {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: normal;
    color: #efefef;
}


#leistungen {
    color: #000000;
}

#leistungen ul li {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
}

#contact {
    color: #efefef;
}

.dark-bg ul li {
    list-style: none;
    padding-bottom: 10px;
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: normal;
    color: #ffffff;
}

#impressum  {color:#ffffff;}
#impressum h4 {color:#ffffff;margin-top:10px; margin-bottom: 20px;}
#impressum p {color:#ffffff;}
#impressum ul li {color:#ffffff;}

.featured-text { font-size:14px !important; }
.featured-text p {font-size:14px !important;}

.preistabelle td, .preistabelle th{border-top:0px solid #eceeef;padding:0.4rem;vertical-align:top;}
.googlemaps{color:#efefef;}

footer{background-color:#222222;padding:30px;}
footer a{color:#ffffff;text-decoration:none;}
footer a:visited{color:#ffffff;text-decoration:none;}
footer p a span { color: #F1801A; }

.footersmall{color:#b7b7b7;font-size:10px;font-weight:500;letter-spacing:1.6px;margin:0;text-transform:uppercase;}

#back-top a {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    font: 11px/100% Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: #444444;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    background: #F1801A;
}



/****************************************************************************/
/*******  MEDIA QUERIES ***************/
/****************************************************************************/


/*******  1220 bis 768 ***************/
@media all and (max-width:1220px) and (min-width:768px){

.navbar-default { padding: 25px 0;}

.logo { text-align: left; font-size:30px;}
.logopfeil {width:60%;height:60%;float:left;margin-left:20px;}
#logobox {
    position: absolute;
    height: auto;
    width: auto;
    right: 0px;
    top:0px;
    clear:both !important;
}

.logobild {width:80%;height:80%; clear: both; }
.logosmall{font-size:20px;}
.teasersmall {margin-top:20px; clear:both !important;  }

section  { padding:10px 0;}
.section-title2 { text-align: left !important;}
.section-title h2{ font-weight:800;  font-size: 1.5rem; margin: 0 0 20px; }
.intro-text .intro-heading{font-size:18px;line-height:24px;}
.intro-text .intro-lead-in{font-size:22px;line-height:28px;}

.vertikal  {
margin: auto;
    position: relative;
top: 20px !important;
left: auto;
bottom: auto;
right: auto;
}

#contact { padding:20px 0; }
.googlemaps, .barcode {  margin-top:20px; }
#back-top {display:none;}

}


/****************************************************************************/
/****************************************************************************/
/*******  0 bis 767 ***************/

@media all and (max-width:767px){


.navbar-default { padding: 25px 0;}
.container {
    margin: 0px 20px;
    padding-right: 5px;
    padding-left: 5px;
}
#logobox {
    position: absolute;
    height: auto;
    width: auto;
    right: 0px;
    top: 20px;
    clear: both;
}
.logo { text-align: left; font-size:28px; }
.logopfeil {width:50%;height:50%;float:left;}
.logobild {width:75%;height:75%; clear: both; }
.teaser{font-size:24px;}
.teasersmall {margin-top:20px;}

.intro-text{top:10% !important;}
.intro-text .intro-heading {font-size:12px !important;line-height:16px !important;}
.intro-text .intro-lead-in {font-size:15px !important;line-height:20px !important;margin-bottom:10px !important;}


section  { padding:10px 0;}
.section-title2 { text-align: left !important; }
.section-title h2{ font-weight:800;  font-size: 1.5rem; margin: 0 0 20px; }
.section-title p {font-size:15px;line-height:22px;margin:20px 10px 60px;}


.h2, h2 { font-size: 1.3rem; }

.vertikal  {
margin: auto;
position: relative;
top: 20px !important;
left: auto;
bottom: auto;
right: auto;
}

#contact { padding:20px 0;}
.googlemaps, .barcode { margin-top:20px;}
#back-top {display:none;}

.img-fluid {
    max-width: 90%;
    height: auto;
}

}

/************ENDE***************