.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #ec5a50 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #333535 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #ec5a50 !important; /* Textlink-Farbe "Mehr Infos" */
}





body{
    background: #ddd;
}

.wrapper{
    background: #FFFFFF;
    padding: 0;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.topbar{
    font-size: 0.7rem;
    text-align: right;
    border-top:4px solid #ff3c2d;
}

.topbar > div{
    padding: 0 15px;
}

.banner{
    background: #fff;
}

.banner-section{
    height:100px;
}

.banner > .banner-section > .banner-logo{
    position: relative;
    top:-15px;
}

.banner > .bs1 > h1{
    font-size: 1rem;
    font-weight:bold;
    color: #212329;
    margin-top:20px;
}

.banner > .bs2{
}

.banner > .bs2 > .fbicon{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    background: #3a5795;
    float: right;
    margin-right: 25px;
    margin-top:35px;
}

.banner > .bs2 > .fbicon > i{
    font-size: 1rem;
    font-weight:bold;
    color: #fff;
    line-height: 30px;
}


.navbar{
    background: #212329;
    height: 50px;
    min-height:50px;
    margin-bottom:0;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.navbar ul li{
    height: 50px;
    line-height:50px;
}

.navbar ul li > a{
    text-shadow: none;
    color: #fff;
    font-size:0.9rem;
    height:50px;
    line-height:50px;
    font-weight:bold;
}

#nav1 ul li:hover > a,
#nav1 ul li.active > a{
    background: #ff3c2d;
    color: #FFFFFF;
}

.main-content{
    padding:  0px 30px 30px 30px;
}

.footer{
    background: #232628;
}

.footer-section{
    min-height:50px;
    font-size:0.8rem;
    color: #fff;
    padding-top:12px;
}

.section-title{
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    line-height: 30px;
    margin: 20px 0 20px 0;
}

.section-title > span{
    color: #ff3c2d;
}

.sidebar-box{
    width: 250px;
    float: right;
    margin-top: 30px;
}

.sidebar-box h3{
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    background: #eee;
    border-bottom: 2px solid #FF3C2D;
}

.sidebar-box-body{
    text-align: center;
    background: #eeeeee;
    padding: 10px;
}

.section-divider{
    height: 1px;
    margin: 40px 0;
    background: #ddd;
    border: none;
}

.enum{
    display: block;
    padding:3px 8px;
}

.enum.small{
    font-size:0.8rem;
}

hr.space-1{background: none;height:20px;border:none;clear: both;margin:0;}
hr.space-2{background: none;height:40px;border:none;clear: both;margin:0;}
hr.space-3{background: none;height:60px;border:none;clear: both;margin:0;}
hr.space-4{background: none;height:80px;border:none;clear: both;margin:0;}
hr.space-5{background: none;height:100px;border:none;clear: both;margin:0;}

.fg-red{
    color: #e8342d;
}

/* FORM ELEMENTS */

form.theme-1 label{
    display: block;
    font-size:0.8rem;
    margin: 0;
}

form.theme-1 .required{
    color: #e8342d;
}

form.theme-1 input{
    width: 100%;
    height:25px;
    line-height:25px;
}

form.theme-1 select{
    width: 100%;
    height:25px;
    line-height:25px;
}

form.theme-1 textarea{
    width: 100%;
}

form.theme-1 input.form-btn{
    padding: 8px 30px;
    height: auto;
    width: auto;
    border: none;
    background: #dd221e;
    color: #fff;
    border-radius: 2px;
}

    /* START */

.slider{
    width: 1100px;
    height:300px;
    background-image: url("../img/lack_2_1100x300.jpg");
    margin:0 -30px 20px -30px;
    background-size: contain;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.slider-2{
    width: 1100px;
    height:150px;
    background-size: 100%;
    background: url("../img/lack_2_1100x300.jpg") no-repeat;
    margin:0 -30px 20px -30px;
    background-size: cover;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.slider.slim{
    height: 150px;
}

.slider-info-section{
    position: relative;
    float: left;
    top: 200px;
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.5);
    box-shadow: 2px 0 4px 0 rgba(0,0,0,0.5);
    padding: 5px 25px;
    color: #fff;
}

.slider-info-section h1{
    font-size: 1.2rem;
    color: #000;
    font-weight:bold;
}
.slider-info-section h2{
    font-size: 0.8rem;
    color: #000;
    font-weight:normal;
}

.slider-service-section{
    float: right;
    max-width: 300px;
    width: 100%;
    height: 100%;
    padding:18px;
    background: rgba(255, 255, 255, 0.9);
}

.slider-service-section h1{
    font-size: 1.1rem;
    font-weight:bold;
    padding: 15px 0px;
    margin: 0;
    text-transform: uppercase;
}

.slider-service-section h1 i{
    color: #50ce00;
}

.slider-service-section .btn{
    margin-top:20px;
}

.slider-service-section a{
    font-size: 0.7rem;
}

.service-intro i{
    color: #FF3C2D;
}

.service-intro h2{
    font-size: 0.9rem;
    text-transform: uppercase;
    border-bottom: 5px solid #E4E4E4;
    margin-bottom:5px;
    font-weight:bold;
}

.service-intro p{
    font-size:0.9rem;
}

/* ANFAHRT */

.tile{
    width: auto;
    min-height:130px;
    background: #e8342d;
}

.tile-icon{
    color: #000;
    text-align: center;
    padding: 20px 0 12px 0;
}

.tile-icon i{
    color: #fff;
    font-size: 5rem;
    line-height: 4rem;
}

.tile p{
    text-align: center;
    font-size: 0.7rem;
    color: #ffffff;
}