@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

body {
    background-color : #333;
}

.container .container {
    margin  : 0 !important;
    width   : auto !important;
    padding : 0;
}

/*
.full_width .row .container {
	padding: 0 15px;
}
*/
.full_width .row .container .container {
    padding : 0px;
}

.full_width .container {
    padding-left  : 15px;
    padding-right : 15px;
}

.full_width .grid_col .container {
    padding-left  : 0;
    padding-right : 0;
}

.navbar-collapse,
.navbar-header {
    background-color : rgba(0, 0, 0, 1);
}

.navbar-nav {
    padding-right : 15px;
}

.body-bg-top {
    margin  : 0;
    padding : 0;
}

.carousel {
    margin-bottom : 50px;
}

.carousel-inner > .item {
    background-position : center center;
    min-height          : 157px;
    height              : auto;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left : 0;
}

.navbar-header {
    border   : 1px solid #000;
    overflow : hidden;
}

.navbar-header-main .navbar-brand,
.navbar-header-main .navbar-brand,
.navbar-main > li > a {
    line-height : auto;
}

.navbar-main > li > a {
    line-height : 102px;
}

@media (max-width : 991px) {
    .navbar-main > li > a {
        line-height : 72px;
    }
}

@media (max-width : 991px) {
    .navbar-header-main .navbar-brand,
    .navbar-header-main .navbar-brand,
    .navbar-main > li > a {
        line-height : 25px;
    }
}

.navbar-header-main .navbar-brand.navbar-brand-image {
    padding : 0;
}

.navbar-header-main .navbar-brand.navbar-brand-image > img {
    height     : 100px;
    width      : auto;
    max-height : 100px;
}

.navbar-header-main .navbar-brand {
    height      : 100px;
    line-height : 1;
}

@media (max-width : 991px) {
    .navbar-header-main .navbar-brand.navbar-brand-image > img {
        height     : 70px;
        width      : auto;
        max-height : 70px;
    }

    .navbar-header-main .navbar-brand {
        height      : 70px;
        line-height : 1;
    }
}

.navbar-main > li > a .bar {
    top : 0;
}

@media (max-width : 991px) {
    .navbar-toggle {
        margin-top    : 18px;
        margin-bottom : 18px;
    }
}

.carousel-inner > .item {
    padding-left  : 25px;
    padding-right : 25px;
}

.carousel-inner .valign {
    height : 135%;
}

@media (max-width : 991px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-left   : 0;
        margin-right  : 0;
        padding-left  : 0;
        padding-right : 0;
    }

    .navbar-nav {
        margin        : 0;
        padding-right : 0;
    }
}

.navbar-main > li > a:hover .bar {
    opacity : 1;
}

header {
    position : absolute !important;
    z-index  : 500;
    width    : 100%;
    top      : 55px;
}

header.navbar {
    /*
    transition: all linear 0.3s;
    */
    position : relative;
    margin   : auto;
}

header.fixed {
    top : 0;
}

@media (max-width : 780px) {
    .carousel-inner > .item {
        padding-left  : 15px;
        padding-right : 15px;
    }
}

.carousel-inner h1 {
    display          : inline-block;
    background-color : #e87113;
    color            : #fff;
    padding          : 10px;
    margin-bottom    : 0;
    font-size        : 35px;
    text-shadow      : none;
}

.carousel-inner p {
    display          : inline-block;
    background-color : #e38f4d;
    padding          : 10px;
    font-size        : 18px;
    text-shadow      : none;
}

.brand {
    background-color : #e87113;
}

.black {
    background-color : #000;
}

.brand h2,
.brand h4,
.black h2,
.black h4 {
    color : #fff !important;
}

.full_width {
    width : 100%;
}

.bg_grey {
    background-color : #eee;
    padding-top      : 60px;
    padding-bottom   : 50px;
    margin-bottom    : -30px;
}

.sos-phone {
    position      : relative;
    height        : 120px;
    margin-bottom : 30px;
    display       : inline-block;
    width         : 100%;
    margin-top    : -50px;
}

.sos-phone .placeholder * {
    height : 120px;
}

.sos-phone .content {
    position : relative;
    top      : -120px;
}

.sos-phone .right h2 {
    vertical-align : middle;
    display        : table-cell;
    padding-left   : 35px;
}

.sos-phone .right a {
    color : #fff;
}

@media (max-width : 991px) {
    .sos-phone {
        height : 240px;
    }

    .sos-phone .content {
        position : relative;
        top      : -240px;
    }

    .sos-phone .right h2 {
        padding-left : 0;
    }
}

.sos-phone .left,
.sos-phone .right {
    height  : 120px;
    display : table;
}

.sos-phone .left h2 {
    margin-bottom : 5px;
    padding-top   : 25px;
}

.main-section {
    min-height       : 800px;
    background-color : #fff;
}

.frame {
    margin  : 0;
    padding : 30px 0;
}

.frame .frame {
    margin  : 0;
    padding : 20px 0;
}

.frame:first-child {
    margin-top : 0;
}

#contactform {
    margin-bottom : 45px;
    /*background-color: #f8f8f8;
    padding: 35px;*/
}

.form-group {
    width : 100%;
}

.form-horizontal .form-group {
    margin : 0;
}

.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea {
    width : 100% !important;
}

.csc-form-element {
    margin-bottom : 10px;
    display       : block;
}

.csc-form-element-submit {
    margin-bottom : 0;
}

.csc-form-element .control-label {
    text-align : right;
}

@media (max-width : 767px) {
    .csc-form-element .control-label {
        text-align : left;
    }
}

#contactform textarea {
    min-height : 150px;
}

.form-horizontal em {
    display   : inline;
    color     : #e87113;
    font-size : 100%;
}

label strong,
legend strong {
    color          : #e87113;
    text-transform : none;
}

.table-responsive {
    border : 0;
}

table p {
    margin  : 0;
    padding : 0;
}

.texticon {
    padding-top    : 20px;
    padding-bottom : 20px;
}

.row .frame {
    margin  : 0;
    padding : 0;
}

.nospacebefore {
    margin-top  : 0 !important;
    padding-top : 0 !important;
}

.nospaceafter {
    margin-bottom  : 0 !important;
    padding-bottom : 0 !important;
}

.frame .image img {
    width            : 100%;
    height           : auto;
    background-color : #aaa;
    position         : relative;
}

/*
.image .caption {
    background-color: #e87113;
    color: #fff;
    display: none;
    height: 78%;
    margin: 20px;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 82%;
}
.image:hover .caption {
	display: block;
}
*/

.image .caption {
    display : none !important;
}

.pswp__caption__center {
    max-width : 500px;
    padding   : 40px;
}

.pswp__caption__title {
    color          : #e87113;
    font-size      : 18px;
    font-family    : "Source Sans Pro", "Share", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight    : bold;
    padding-bottom : 5px;
}

.pswp__caption__subtitle {
    font-size : 15px;
}

/* Google Maps start */

#map-canvas {
    background-color : #ddd !important;
    height           : 480px;
    position         : relative;
    width            : 100%;
    border-top       : 1px solid #eee;
    border-bottom    : 1px solid #eee;
    margin-bottom    : 30px;
}

#map_marker p {
    margin  : 0;
    padding : 0;
}

.gm-style-iw {
    padding : 8px 5px;
}

#map_marker a {
    color       : #e87113 !important;
    font-weight : bold;
}

.gm-iv-address {
    height : 56px !important;
    width  : auto !important;
}

.gm-iv-vertical-separator {
    margin-left : 31px !important;
}

.poi-info-window a:link {
    color : #e87113 !important;
}

/* Google Maps end */

.footer-section {
    background-color : #000;
    padding-bottom   : 15px;
}

.meta-section .copyright {
    color      : #777;
    font-size  : 12px;
    text-align : right;
}

.language-menu {
    display : none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border      : 0;
    padding     : 0;
    line-height : 1.8;
}

.headersection {
    margin-bottom  : -30px;
    padding-bottom : 0;
}

/* Teaserboxen */

.box_display h3 {
    background-color : #e87113;
    color            : #fff;
    display          : inline-block;
    font-size        : 25px;
    margin           : 0 0 0 30px;
    padding          : 10px;
}

.box_display a {
    margin           : 0px 0px 0px 30px;
    padding          : 8px 17px;
    background-color : #000;
    color            : #fff;
}

.box_white {
    background-color : #fff;
    padding-top      : 60px;
}

.box_orange {
    margin           : 0px 0px 0px 40px;
    padding          : 10px;
    background-color : #e87113;
    color            : #fff;
    font-size        : 21px;
}

.box_button {
    padding          : 6px 12px;
    margin-bottom    : 0;
    font-size        : 14px;
    color            : #fff;
    background-color : #000;
}

.box_img_1 {
    padding-top         : 6px;
    height              : 260px;
    background-image    : url('/fileadmin/user_upload/startseite/teaser/wartung.jpg');
    background-size     : cover;
    border-bottom       : 6px solid #e87113;
    background-position : center center;
}

.box_img_2 {
    padding-top         : 6px;
    height              : 260px;
    background-image    : url('/fileadmin/user_upload/startseite/teaser/reparatur.jpg');
    background-size     : cover;
    border-bottom       : 6px solid #e87113;
    background-position : center center;
}

.box_img_3 {
    padding-top         : 6px;
    height              : 260px;
    background-image    : url('/fileadmin/user_upload/startseite/teaser/beratung.jpg');
    background-size     : cover;
    border-bottom       : 6px solid #e87113;
    background-position : center center;
}

#teaser {
    background-image      : url('/fileadmin/user_upload/startseite/teaser/bg_teaser.jpg');
    background-repeat     : no-repeat;
    background-position   : center center;
    background-attachment : fixed;
    background-size       : cover;
    padding-top           : 60px;
    padding-bottom        : 60px;
    margin-top            : -30px;
}

/* Browser colors */
::-moz-selection {
    background-color : #e87113;
    color            : #fff;
}

::selection {
    background-color : #e87113;
    color            : #fff;
}

/* Lightbox */

.pswp__bg {
    background-color : rgba(0, 0, 0, 0.8);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color : #000;
}

.form-control:focus {
    border-color : #e87113;
    box-shadow   : 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 210, 200, 0.6);
    outline      : 0 none;
}

option:checked,
option:hover {
    color      : white;
    background : #e87113 repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpifFEozAAGTAwwgGABBBgAKR0Bcs6OlS0AAAAASUVORK5CYII=");
}

.sos_num .info {
    background-color : #e87113;
    color            : #fff;
    float            : left;
    padding          : 5px 20px;
    text-align       : right;
    width            : 50%;
}

.sos_num .phone {
    background-color : #e38f4d;
    float            : left;
    color            : #fff;
    width            : 50%;
    padding          : 5px 20px;
    text-align       : left;
}

@media (max-width : 580px) {
    .sos_num .info,
    .sos_num .phone {
        width : 100%;
    }
}

.sos_num .phone a {
    color : #fff !important;
}

.csc-form-element-checkbox, .csc-form-element-textblock {
    text-align : right;
}

.csc-form-element-submit {
    padding-top : 15px;
}

/**
.texticon-icon .glyphicon {
    padding : 10px;
}
*/