/**************
Schriften:
font-family: 'robotolight';
font-family: 'robotoregular';
font-family: 'robotomedium';
font-family: 'robotobold';
blau: #bf0000
***************/
/*** Standard ***/
body, html {width: 100%;height: 100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#2d3640; background: #fff; }
body, p {font-family: 'robotolight'; font-size:16px; margin:0; padding:0; font-weight: normal;}
/* body .row { padding:0; margin:0;} */
a {color: #333 ;text-decoration: none;/* transition:0.2s all ease-in-out;-webkit-transition:0.2s all ease-in-out;outline:0;*/}
a:hover, a:focus {color: #bf0000;text-decoration: none;}
strong { font-family: 'robotobold';font-weight:normal;}
ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; padding-left:0;}
hr {margin-top: 5px;margin-bottom: 0px;border: 0;border-top: 1px solid #dadada;}
.abstand_oben { margin-top: 50px;}
.abstand_unten { margin-bottom: 50px;}
.relative {position: relative;}
.border_left { border-left:1px solid #ededed;}
.border_right { border-right:1px solid #ededed;}
.graue_box {background: #f6f6f6; padding:30px; margin-top: 30px;}
.blau {color:#bf0000;}
/*** Formular - gelb entfernen ***/
input:-webkit-autofill {background-color: #fff !important;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;}
input {height: 40px;padding: 10px 12px; }
/*** Select no Radius ***/
select {border-radius:0;}
.suchmaske select { background-image:url(/img/select.png); background: #fff; background-position: right; background-repeat: no-repeat;}
/*** Preloader ***/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 999; }
.logo_preload { text-align: center;}
#preloader img { width: 200px; margin-top:100px;}
#preloader_logo {animation-name: ckw;animation-duration: 15.5s;animation-iteration-count: infinite; transform-origin: 50% 50%;display: inline-block; }
@keyframes ckw {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.navbar .navbar-nav {display: inline-block;float: none;}
.navbar .navbar-collapse {text-align: center;}
.navbar-nav>li {float: left;margin-left:5px;}
.nav>li>a {position: relative;display: block;padding: 10px 8px;}
.nav li.active a {background: #bf0000; color:#fff;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background:#bf0000; color:#fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #bf0000;border-color: transparent;}
.navbar .dropdown-menu {color:#fff;left: 0;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #bf0000;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0 none; border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 260px; }
.navbar .dropdown-menu a {color:#fff;}
.navbar .dropdown-menu li { margin-bottom: 10px; margin-top: 10px;}
/*** Top Balken ***/
.top_balken { border-bottom: 1px solid #ededed; padding:0; margin:0; height: 40px; line-height: 40px;}
.top_balken a { padding: 10px 15px;}
/*** Navigation ***/
.navbar-nav>li>a {padding-top: 5px;padding-bottom: 5px; text-transform: uppercase;}
.navbar-nav {float: left;margin: 16px 0 0 0;}
.navbar { margin-bottom: 0px;border: 1px solid transparent;}
/*** Header ***/
header { padding: 15px 0;}
/*** Carousel ***/
#carousel_home .carousel-control {position: absolute;top: auto;bottom:50px;left: auto; width:38px; height:38px;font-size: 18px;color: #fff;text-align: center;text-shadow: none ; background-color:#bf0000;filter: alpha(opacity=100);opacity:1; line-height: 38px; }
#carousel_home .carousel-control:focus, #carousel_home .carousel-control:hover {color: #bf0000;text-decoration: none;filter: alpha(opacity=100);outline: 0;opacity: 1; background: #fff;}
#carousel_home .carousel-control.right {right: 50px;left: auto; background-image: none;filter: none;background-repeat: no-repeat;}
#carousel_home .carousel-control.left { position:absolute; right:95px; bottom:50px;background-image: none;filter:none;background-repeat: no-repeat; }
/*** Imagepool ***/
.imagepool { margin-bottom: 30px;}
/*** Buttons ***/
.btn.termin { background: #1b6479; padding:20px; color:#fff; font-size: 16px; text-transform: uppercase; border-radius: 0;font-family: 'robotomedium'; line-height: 22px; margin-top: 30px;}
.btn.termin i { font-size: 26px; margin-right: 10px;}
/*** Standard ***/
.standard h2 { text-align: left; background: url("../img/h2_background.png") no-repeat bottom left; margin-bottom: 0px; }
/*** Formular ***/
.form-control { font-size: 38px;font-weight: normal;display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #fff;background-color: #333230;background-image: none;border: 1px solid #333230;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-horizontal { margin-top: 30px;}
.form-horizontal[action='#form_3'] .checkbox label{ padding: 0; margin-left: 25px}
.form-horizontal[action='#form_3'] .checkbox label input[type='checkbox']{ position:absolute; width: auto; float: left; margin: 0; height: 25px; margin-right: 15px; margin-left: -25px;}
.form-horizontal .control-label {padding-top: 8px;margin-bottom: 0;text-align: left; font-weight: normal;}
.form-horizontal input, .form-horizontal textarea { width: 350px; padding:5px; border:0 none; background: #efefef}
.form-horizontal textarea { height: 200px;}
.checkbox .help-block { font-size: 14px;}
.form-horizontal input[type=submit] { border-radius: 0; width: auto; background: #bf0000; color:#fff; border: 0 none; padding:10px 15px; height: auto;font-weight: normal; font-size: 16px;}
.form-horizontal input[type=submit]:hover { background: #333; }
.form-horizontal .checkbox .help-block {display: block;margin-top: 0px;margin-bottom: 10px;color: #737373;}
.form-horizontal h4 { font-size: 20px; font-weight: normal;}
.multiforms_contentarea { font-size: 18px; line-height: 25px; font-weight: normal; margin-top: 15px;}
.checkbox label { width: auto;}
.form-horizontal select { width: 350px; height:34px;padding:10px 5px; border:1px solid #333230;background: #333230; color:#fff;}
/*** Highlight ***/
.highlight_box { background: #f6f6f6; padding:30px; margin-top: 30px;}
/*** Carousel - Dienstleistungen ***/
#carousel_dienstleistungen img { height: 50px; margin-bottom: 15px;}
#carousel_dienstleistungen .carousel-control {position: absolute;top: 150px;bottom:auto;left: auto; width:38px; height:38px;font-size: 28px;color:#bf0000; text-align: center;text-shadow: none ; filter: alpha(opacity=100);opacity:1; line-height: 38px; }
#carousel_dienstleistungen .carousel-control:focus, #carousel_home .carousel-control:hover {color: #bf0000;text-decoration: none;filter: alpha(opacity=100);outline: 0;opacity: 1; background: #fff;}
#carousel_dienstleistungen .carousel-control.right {right: -50px;left: auto; background-image: none;filter: none;background-repeat: no-repeat;}
#carousel_dienstleistungen .carousel-control.left { position:absolute; left: -50px; background-image: none;filter:none;background-repeat: no-repeat; }
#carousel_dienstleistungen .item { height: 230px;}
/*** Occasion ***/
.occasion .thumbnail .img { position: relative;}
.occasion .thumbnail .preis { background: #bf0000; color:#fff; font-size: 18px;font-family: 'robotoregular'; position: absolute; bottom:0; right:0; padding: 5px 10px;}
.occasion .thumbnail h3 {font-size: 20px; line-height: 30px; margin:10px 0 10px 0; }
.occasion .thumbnail tr>td {padding: 5px 0;vertical-align: top;border-top: 0 none;}
.occasion .thumbnail { position: relative; padding:0;margin-bottom: 30px;background-color: #fff;border: 1px solid #efefef;border-radius:0px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;-moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd; box-shadow: 0 0 3px #ddd;}
.occasion .thumbnail .caption {padding: 10px 25px;color: #333;}
.occasion .thumbnail .unten { border-top: 1px solid #ededed;/* position: absolute; bottom:00px; */ width: 100%; }
.occasion .thumbnail .datum {padding:15px 25px; font-size: 14px;}
.occasion .thumbnail .next { border-left: 1px solid #ededed; padding:5px 20px 10px 20px; font-size: 28px; }
.occasion h1 .datum {font-family: 'robotolight'; font-size: 14px; margin-top: 0px; margin-left: 20px; position: absolute; color:#666;}
.occasion h1 .datum i {color:#bf0000;}
.occasion h1 .preis { background: #bf0000; color:#fff; font-size: 25px; padding:5px 10px; margin-top: -5px;}
.occasion.detail .img {}
.occasion.detail .img .galerie { margin-top: 30px;}
/*** Home - Abschleppen ***/
.abschleppen { position: relative; padding: 50px 0; }
.abschleppen span { position: absolute; max-width: 550px; right: 0;background: #f6f6f6; padding:30px;}
/*** Footer ***/
footer { margin-top: 100px; margin-bottom: 100px; border-top:1px solid #ededed; padding-top:30px;}
footer ul { list-style: none;}
footer ul li { float: none;}
footer .titel {font-family: 'robotobold'; font-size: 16px; text-transform: uppercase; }
/*** Ãœberschriften ***/
h1 { font-family: 'robotoregular'; font-size: 30px; line-height: 40px; font-weight: normal; margin:0 0 30px 0;color:#bf0000; text-align: left; background: url("../img/h2_background.png") no-repeat bottom left; padding-bottom: 10px; text-transform: uppercase;}
h2 { font-family: 'robotoregular'; font-size: 30px; line-height: 40px; font-weight: normal; margin:0 0 30px 0;color:#bf0000; text-align: center; background: url("../img/h2_background.png") no-repeat bottom center; padding-bottom: 10px;}
h3 { font-family: 'robotobold'; font-size: 18px; line-height: 18px; font-weight: normal; margin:0 0 5px 0; }
/*** Footer ***/
/************************ Media Queries ***************************/
/*** Large screens ***/
@media only screen and (min-width : 1824px) {
}
/*** Desktops and laptops ***/
@media only screen and (min-width : 1224px) and (max-width : 1824px) {
}
/*** Small Desktops ***/
@media only screen and (min-width : 1025px) and (max-width : 1223px) {
}
/*** iPads (portrait and landscape) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}
/*** iPads (landscape) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}
/*** iPads (portrait) ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}
/*** Smartphones (portrait and landscape) ***/
@media only screen and (min-width : 320px) and (max-width : 480px) {
.navbar-nav>li {float: none;margin-left:0px; width: 100%;}
.navbar .navbar-nav { width: 100%;}
.nav>li>a {position: relative;display: block;padding: 10px 8px;}
.nav li.active a {background: #bf0000; color:#fff;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background:#bf0000; color:#fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #bf0000;border-color: transparent;}
.navbar .dropdown-menu {color:#333;left: 0; padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align:center;list-style: none;background-color: transparent;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0 none; border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 100%; }
.navbar .dropdown-menu a {color:#333;}
.navbar .dropdown-menu li { margin-bottom: 10px; margin-top: 10px;}
/*** Top Balken ***/
.top_balken { border-bottom: 1px solid #ededed; padding:0; margin:0; height: 40px; line-height: 40px;}
.top_balken a { padding: 10px 15px;}
/*** Navigation ***/
.navbar-nav>li>a {padding-top: 5px;padding-bottom: 5px; text-transform: uppercase;}
.navbar-nav {float: left;margin: 16px 0 0 0;}
.navbar { margin-bottom: 0px;border: 1px solid transparent;}
/*** Carousel - Dienstleistungen ***/
#carousel_dienstleistungen img { height: 50px; margin-bottom: 15px; margin-top: 10px; }
#carousel_dienstleistungen .carousel-control { display: none;}
#carousel_dienstleistungen .item { height: auto;}
#carousel_dienstleistungen { }
.img-responsive-mobile { width: 100% !important; }
#carousel_home .carousel-control.right {right: 0px;}
#carousel_home .carousel-control.left { left: 0;}
.navbar-toggle .icon-bar { background:#bf0000; }
/*** Home - Abschleppen ***/
.abschleppen { position: relative; padding: 50px 0; }
.abschleppen span { position: relative; max-width:auto; right: auto;background: #f6f6f6; padding:30px; display: inline-block;}
footer { text-align: center; margin-top: 0}
footer ul { margin-bottom: 20px}
}
/*** iPhone 6 (portrait & landscape) ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
}
/*** iPhone 6 (landscape) ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){
}
/*** iPhone 6 (portrait) ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){
}
/*** iPhone 6 plus (portrait & landscape) ***/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
}
/*** iPhone 6 plus (landscape) ***/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3){
}
/*** iPhone 6 plus (portrait) ***/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3){
}
/*** iPhone 5 (portrait & landscape) ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 2){
}
/*** iPhone 5 (landscape) ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){
}
/*** iPhone 5 (portrait) ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}