html{font-size:16px;}

body{
  font-family: 'Roboto', sans-serif;
  /* font-family:Helvetica, Arial;*/
   font-weight:400;
   font-size: 14px;
   line- height:20px;
   font-size: 0.875rem; 
   line-height:1.25rem;
   color:#303030;
   margin:0;
   padding:0;
   letter-spacing:0.01rem;
  -webkit-text-size-adjust: 100%;
   background: #c7c7c7; 
   background-image:url(201.png);
   background-repeat:repeat-x;
}



#formular-response{
   display:none;
     -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
   padding:10px 15px 10px 15px;
   background-color:#edeeec
}



#hr-mobile{
   display:none
}


.myshadow{
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -webkit-box-shadow: 2px 2px 3px 1px  #ccc;  
   -moz-box-shadow:    2px 2px 3px 1px  #ccc;  
   box-shadow:         2px 2px 3px 1px  #ccc; 
   padding:0;
}



#top-left, .f-left{
   float:left;
   margin:0;
}

.line-content{
   width:100%;
   height:1px;
   background-color:#d4d3d3;
   margin:20px 0 10px 0;
}


#bottom-white{
   width:100%;
   background-color:#fff;
   height:33px;
   margin-top:1px;
}


#top-right{
 float:right;
}

#facebook-mobile,#instagram-mobile{display:none}

.icon-top{
   width:35px;
   margin-left:8px;
}


.i-facebook{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(197.svg);
   background-repeat: no-repeat;   
}


.i-facebook:hover{
   background-image:url(221.svg);
}
   
   
   
   .i-instagram{
   width:35px;
   height:35px;
   padding-left:8px;
   background-size: 35px;
   background-image:url(253.svg);
   background-repeat: no-repeat;   
}


.i-instagram:hover{
   background-image:url(254.svg);
}
   
   
.i-mail{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(194.svg);
   background-repeat: no-repeat;   
}


.i-mail:hover{
   background-image:url(222.svg);
}
   
   
.i-phone{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(195.svg);
   background-repeat: no-repeat;   
}

.i-phone:hover{
   background-image:url(223.svg);
}
   
   
   
.i-location{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(196.svg);
   background-repeat: no-repeat;   
}


.i-location:hover{
   background-image:url(224.svg);
}
   
   
.round-slide{
    border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
    background: #fff;
}


br.cb { 
   clear: both; 
}

.link-normal,.link-teaser{
font-family: 'Raleway', sans-serif;
 
   color:#303030;
}

.link-normal:hover,.link-teaser:hover{
   text-decoration:none
}



:focus {
   outline: 0;
   outline: none;
   border:0;
}


#footer-1{
   float:left;
   width:24%;
   margin-right:8%
}



#footer-2{
   float:left;
   width:24%;
   margin-right:8%
}


#footer-3{
   float:left;
   width:24%;
}


#footer-4{
   float:right;
   width:50px;
   height:88px;
   background-size: 50px 88px;
   background-image:url(198.svg);
   background-repeat: no-repeat;  
}


#footer-4:hover{
   background-image:url(225.svg);
}


#footer-all{
   padding:20px 0 20px 0;
    border-radius: 12px 12px 0px 0px;
   -moz-border-radius: 12px 12px 0px 0px;
   -webkit-border-radius: 12px 12px 0px 0px;
    background: #fff;
   background: #e5e5e5;
   ont-size: 12px;
   line-height:20px;
   font-size:  0.75rem; 
   line-height:1.125rem;
   color:#666;   
   margin-top:30px;
}


.f-headline{

   font-family: 'Raleway', sans-serif;
   color:#666;   
   font-weight:700;
   font-size: 12px;
   line-height:16px;
   font-size:  0.75rem; 
   line-height:1.0rem;
   border-bottom:2px solid #fff;
   text-transform:uppercase;
   padding: 0 0 6px 0;
   margin-bottom: 6px;
}


.link-footer{
   color:#474d4a;
   text-decoration:none;
}


.link-footer:hover{
color:#b51a1e
}


.footer-content{
   width:94%;
   margin:0 auto
}

.hr {
    width: 100px;
    height: 1px;
    background-color: #cacaca;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px;
}


.hr2 {
   width: 40px;
   height: 1px;
   background-color: #cacaca; 
}




a{
   text-decoration:none;
   color:#b51a1e;
   font-weight:500;
   font-family: 'Raleway', sans-serif;
}


a:hover{
   color:#b51a1e;
   text-decoration:underline;
}



a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



b{
font-weight:600
}



h2,.consent-titel {
 font-family: 'Raleway', sans-serif;
   color:#303030;
   font-size: 20px;
   line-height:26px;
   font-size:  1.25rrem; 
   line-height:1.625rem;
   margin:0px;
   font-weight:500;
   margin-bottom:5px;
   letter-spacing:0.03rem
}



h3 {
 font-family: 'Raleway', sans-serif;
   color:#303030;
   font-size: 15px;
   line-height:20px;
   font-size: 0.9375rem; 
   line-height:1.25rem;
   margin:0px;
   font-weight:700;
   margin-bottom:3px;
}



#page_all{
   width:1120px;
   margin:0 auto;
   background-color:#fff;
}


#page-center{
   width:1100px;
   background-color:#fff;
   border-left:1px solid #d4d3d3 ;
   border-right:1px solid #d4d3d3;
   margin:0 auto;
}


#page-padding{
   width:1030px;
   margin:0 auto;
}



#content{
   margin-top:10px;
   padding:0px;
   min-height:500px;
   overflow:hidden;
}


#menu_desktop{
   margin: 0 auto;
   margin-top:115px;
   width:88%;
   text-align:center;  
}


#logo-car{
   width:300px;
   float:left;
   margin-top:12px
}


#logo-pic{
   width:130px;
   float:left;
}


#logo-new{width:260px}

#logo-all{
   display:inline-block;
   position:absolute;
   top:18px;
   margin-left: auto; 
   margin-right: auto; left: 50%;
   transform: translate(-50%, 0);
}   


#logo{
   width:320px;
   position:absolute;
   top:25px;
   margin-left: auto; 
   margin-right: auto; left: 50%;
   transform: translate(-50%, 0);
}   


#container_top{
   width:100%;
   margin:0;
   padding:15px 0 0 0;
}      


#toggle-sidebar{
   width: 32px;
   height: 32px;
   position:absolute;
   right:0;
   top:56px;
   display:none;
   margin-top:-29px;
   cursor:pointer;
   background-color: #202020;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
   text-align: center;
   padding: 5px;
}

.grid-left-60{
   width:60%;
   float:left;
   margin-bottom:10px

}


.grid_right-30{
   width:35%;
   float:right;
   margin-bottom:10px
}



.grid-left{
   width:45%;
   float:left;
   margin-bottom:10px
}


.grid_right{
   width:45%;
   float:right;
   margin-bottom:10px
}



.round{
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}



input, textarea, select{
   background-color:#efefef;
   border:0;
   border:none;
   font-size: 12px;
   line-height:14px;
   font-size:0.75rem; 
   line-height:0.875rem;
   color:#928681;
   padding:4px;
   margin-bottom:4px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}


ul{
   margin:0em;
   display:block;
   padding:0em;
}


li {
   list-style:none;
   margin:0em;
   padding:0em;
}


#menulist {
   list-style: none;
   text-align: justify; 
   width: 100%; 
   margin: 0;  
   padding: 0; 
   height:20px;
}


#menulist li {
   display: inline;
   text-align:justify;
   margin-left:10px;
}


 #menulist li:after {content:' '; display:inline;}
 #menulist li:last-child:after {display:inline-block; margin-left:100%; content:' ' }




   
.level0,.level0-active{
   font-family: 'Raleway', sans-serif;
   font-weight:700;
   font-size: 18px;
   line-height:18px;
   font-size:1.125em; 
   line-height:1.125rem;
   text-transform:uppercase;
   letter-spacing:0.05rem;
   color:#202020;
cursor:pointer !important;
  
   transition:all 0.8s;
   -webkit-transition:all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition:all 0.8s;
display:inline-block;



}



.level0-active{
   color:#b51a1e;
}




.level0:hover,.level0-active:hover {
 
   color:#b51a1e;
  -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   transform: scale(1.1);  
   text-decoration:none;
}





ul.mylist,ul.mylist  { margin-left: 1.35em; list-style: none; }
ul.mylist,ul.mylist  li { position: relative; line-height: 180%}
ul.mylist li:before{
    position:absolute;
     left: -1.4em;
     content: url(34.svg) " "
}



.my_button {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
   background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
   background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
   background-color:#edefee;
   border:1px solid #dcdcdc;
   color:#666666;
   text-shadow:0px 1px 0px #ffffff;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   display:inline-block;
   cursor:pointer;
   color:#1D1D1B;
   padding:5px 10px;
   text-decoration:none;
   font-size: 12px;
   line-height:14px;
   font-size:0.75rem; 
   line-height:0.875rem;
}



img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;
}


.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
   border:1px solid #fff;
}


.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}





.videoScaleMap {
   position: relative;
   padding-bottom: 33.5%;
   height: 0;
}

.videoScaleMap iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height:100%;
}


@media screen and (max-width:1150px) {  
#page_all{width:100% }
#page-center{width:98%;border:0}
#page-padding{ width:95%;}
}



@media screen and (max-width:1150px) {  
#bottom-white{ height:25px;}
}


@media screen and (max-width:1000px) {  
  #logo-car{width:240px; margin-top:10px}
   #logo-pic{  width:100px;}
   #logo-new{width:260px}

  .icon-top{width:33px;}
   .i-facebook,.i-location,.i-mail,.i-phone{ width:33px; height:33px;background-size:33px}
   #logo-new{width:210px;margin-top:-5px;}
     #menu_desktop {margin-top: 82px;}
}


@media screen and (max-width:768px) {
   body{background:none; background-color:#fff}
   #page_all{width:100% }
   #page-center{width:98%;}
   #page-padding{ width:95%;}
   #toggle-sidebar{display:block;}
   #container_top{width:94.0%;height:90px;margin:0;top:-5px;left:3%;padding:0;position:fixed;text-align:center;background-color:#fff;z-index:99;border-bottom:1px solid #ccc}      
   .icon-top{width:28px;margin-top:30px}
   .i-facebook,.i-instagram,.i-location,.i-mail,.i-phone{ width:28px; height:28px;background-size:28px}
   #hr-mobile{display:block}   
  .grid-left,.grid_right{width:100%;padding:0;border-right:0px;}
   #menu_desktop{display:none;}
   #logo{width:150px;top:15px;}
   #logo-pic{  width:75px;}
   #logo-car{width:190px; margin-top:5px}

   #facebook-mobile, #instagram-mobile{display:block}
   #top-left{display:none}
   #content{margin-top:100px;overflow:hidden}
   #back-top a {  width: 30px;height: 30px;font-size: 1.5rem; line-height: 1.5rem; }
   .header_main{width:100%;height:102px;position:relative;;margin-top:0;}
    #menumobile{list-style: none;margin:0;padding:0;width:100%;float:left}
    #menumobile li {border-top:1px solid #e2e2e2;height:34px;padding-top:3px;list-style:none;float:left;display:block;width:100%;margin-left:0;}
   .level0,.level0active {   font-family: 'Raleway', sans-serif;font-weight:400;color:#1D1D1B; display:block;width:80%;padding-left:8%;font-size: 20px;line-height:20px;font-size:1.0rem; line-height:1.0rem;padding-top:7px;}
   .level0active {font-weight:600;}
   #bottom-white{ height:20px;}
   #footer-1, #footer-3{ float:left;width:40%; margin:0 0 20px 0}
   #footer-3{clear:both}
   #footer-2,#footer-4{ float:right;width:40%;margin:0;}
   #footer-all {padding: 20px 0 0px 0;}  
   .footer-content{ width:90%;}
   #bottom-white{ height:15px;}
   h2 {font-size: 18px;line-height:24px;font-size: 1.125rem;line-height:1.5rem; }
   body{ font-size: 16px;line- height:21px; font-size: 1.0rem;   line-height:1.375rem; }
   #logo-new{width:135px}
      #top-right{margin:5px 70px 0 0;}
      #logo-all{float:left;position:relative;margin:0px 0 0 0;left:0;transform:none}
}


@media screen and (max-width:560px) {
   #content{min-height:10px}
   #container_top{height:80px;}
   #content{margin-top:95px}
   .icon-top { margin-left: 8px;}
   #logo-new{width:120px}
}



@media screen and (max-width:480px) {
   #content{margin-top:95px}
}


@media screen and (max-width:378px) {
   #top-right{margin: 3px 53px 0 0;}
   #toggle-sidebar{width: 25px; height:25px;top:56px}
  .icon-top {  width: 25px; margin-left: 2px;}
   .i-facebook,.i-location,.i-mail,.i-phone{ width:25px; height:25px;background-size:25px}
  .link-teaser{ font-size: 12px;line-height:16px;font-size: 0.75rem;  line-height:1.0rem;font-weight:500}   
}