@charset "utf-8";

@font-face {
    font-family: 'racing_sans_oneregular';
    src: url('../fonts/racingsansone-regular-webfont.eot');
    src: url('../fonts/racingsansone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/racingsansone-regular-webfont.woff2') format('woff2'),
         url('../fonts/racingsansone-regular-webfont.woff') format('woff'),
         url('../fonts/racingsansone-regular-webfont.ttf') format('truetype'),
         url('../fonts/racingsansone-regular-webfont.svg#racing_sans_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
.bold{font-family: 'open_sansbold'!important;}
a.nichtbold{font-family: 'open_sansregular'!important;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
line-height:1;
margin:0;
padding:0;
      border-top: 5px solid #666;
}
#menubigarea{
 width:100%;
}
b,strong{
  font-weight:800
}
ol,ul {
list-style:none
}
#default #slider{
  margin-bottom:4rem;
}
#slider{
  width:100%;
  max-width:1200px;
  margin:0 auto;

}
blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

a {
text-decoration:none
}
a.btn-startseite{
  color: #fff!important;
  background:#3ca4da;
  font-size: 1.1rem;
  padding: 0.5rem 0.5rem;
  font-family: 'racing_sans_oneregular'!important;
  border-radius: 10px;
  position: relative;
  top: 0px;
  margin: 0.5rem 0;
  letter-spacing: 0.05em;
  display:inline-block;
}

.center {
width:1200px;
margin:auto;
position:relative
}
#logo a{
  text-align:center;
  width:100%; 
  display:inline-block;
  
}
.headerarea{
  padding:2rem;
  width:1200px;
margin:auto;
position:relative
}

ul.actions {
margin:0;
padding:0
}

ul.actions li {
list-style-image:none;
list-style-type:none;
float:right
}

ul.actions li a img {
border:0 none;
padding-left:0;
padding-right:0
}

ul.actions li a,ul.actions li a:hover,ul.actions li a:active,ul.actions li a:visited,ul.actions li a:link {
padding-left:0!important;
padding-right:0!important
}

.row-separator,.item-separator {
display:block;
width:100%;
height:5px;
clear:both
}
.pull-left.item-image{
  width:50%;
  float:left;
  background: url("/images/bg-kat2.jpg");
  background-repeat: no-repeat;
  height: 600px;
}
.pull-left.item-image a{
 display:inline-block;
 width: 100%;
 text-align: center;
 /* min-height: 600px; */
}
.pull-left.item-image img{
  width:100%;
  max-width: 370px;
  margin: 16% 0 0 0;
}
#_startseite h1{
  margin:4rem 0 2rem 0;
  font-size: 4rem;
}
#_startseite .item{
  float:left;
  clear:both;
  width: 100%;
  margin:2rem 0
}
.item-page p a,.text a{
    color: #666;
     font-family: 'open_sansbold';

}
.item-page p a:hover,.text a:hover{
  text-decoration:underline;
}

#_startseite .text, .item-page{
  width: 52.5%;
  padding:0 2.5% 0 0;
  float:left;
}
#default #footer{
  margin: 8rem 0 0rem 0;
}
#_startseite .standorte,.standorte{
  width: 40%;
  padding:2.5%;
  float:left;
  background: #bfbfbf;
}
#_startseite .item p{
  padding:0% 10%;
  margin:0;
  width: 30%;
  float:right;
 
  color:#296b8d;
  font-family:'racing_sans_oneregular';
  text-transform:uppercase;
  font-size:1.75rem;
  line-height:2rem;

  
}
#_startseite .item p.readmore{
  padding:0% 10%;
  margin:0;
  width: 30%;
  float:right;
  font-family:'racing_sans_oneregular';
  text-transform:uppercase;
  font-size:1.75rem;
  line-height:2rem;

  
}
.standorte p{
  color:#666;
   font-family: 'racing_sans_oneregular';
   font-size: 1rem;
}
#_startseite .item p.readmore a{
  color:#fff;
  background:#3083ad;
  font-size:1.1rem;
  padding: 1rem 0.5rem;
  font-family: 'open_sansregular';
  border-radius:10px;
  position:relative;
  top:30px;
  letter-spacing:0.05em;
}
.blog_startseite .item h2{
   padding: 0% 20%;
   margin: 35% 0 0 0;
   width: 60%;
   line-height: 4rem;
   min-height:65px;
}
#_startseite .page-header h1{
  display:none;
}
#_startseite .page-header{
  float: right;
  width: 50%;
  background: #3ca4da;
}
#_startseite .column-1,
#_startseite .column-2,
#_startseite .column-3,
#_startseite .column-4,
#_startseite .column-5,
#_startseite .column-6{
 background: #3ca4da;
 clear: both;
 float: left;
 height: 600px;
}
#_startseite .column-6{
  margin-bottom:8rem
}
.blog_startseite{
  margin:3rem 0 0 0;
  clear:both;
  float:left;
}
img {
border:none
}
#logo img{
  max-width:350px;
}
#headerarea{
  padding: 2% 0;
  width: 96%;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}
p, ul{
    font-family: 'open_sansregular';
    margin:0.5rem 0;
    line-height:1.5rem;
}
p.copy, #footer{
  text-align:center;
  padding:1rem 0;
  color:#fff;
  text-transform:uppercase;
  font-weight: 400;
  font-size:0.95rem;
}
#footer{
  background:#666;
  clear:both;
  padding: 4rem 0 0 0;
  display: inline-block;
  width: 100%;
}

#footer .moduletable{
  margin:0 0 3rem 0;
}
#footer .moduletable-legal a{
    font-family: 'open_sansbold';
    letter-spacing:0.025em;
}
#footer a{
  color:#fff;
 }
 #footer a:hover{
 text-decoration:underline;
 
}
#footer p{
  line-height: 1.1rem;
  letter-spacing:0.05em;
}
p.copy a{
  color:#ccc;
  font-weight:400
}
p.copy{
  font-weight:400;
  text-transform:none;
  font-size:0.75rem;
  margin: 4rem 0 0 0;
}
h4,h5{
   font-family: racing_sans_oneregular;
  
   font-size:1.5rem;
   color:#3ca4da;
   text-transform:normal;

  
}
h1{
   font-family: 'racing_sans_oneregular';
   /* font-weight:800; */
   font-size:2rem;
   color: #3ca4da;
   text-transform:uppercase;
}
.item-page h1{
  position:absolute;
  top:0;
  font-size:2.5rem;
  }
  .item-page p:first-of-type{
  margin: 2.5rem 0rem 1rem 0;
  color: #296b8d;
  font-family: 'racing_sans_oneregular';
  text-transform: uppercase;
  font-size: 1.275rem;
  line-height: 2rem;
}
.item-page .legal p:first-of-type{
     font-family: 'open_sansregular';
    margin: 0.5rem 0;
    line-height: 1.5rem;
    color:#000;
    text-transform:none;
    font-size:1rem
}
.blue-bold{
  margin: 1rem 0rem 0rem 0;
  color: #296b8d;
  font-family: 'racing_sans_oneregular';
  text-transform: uppercase;
  font-size: 1.275rem;
  line-height: 1.25rem;
}
h2,h2 a, h3{
   font-family: 'racing_sans_oneregular';;

   font-size:1.5rem;
   color:#666;
   text-transform:uppercase;
  
}
 #footer h3{
   font-family: 'racing_sans_oneregular';
   font-size: 1.75rem;
   color:#fff;
   letter-spacing: 0.15rem;
   text-transform:uppercase;
}
.standorte h2{
  color:#fff;
  font-size:2rem;
  margin:0 0 1rem 0;
}
.standorte h3{
  color:#666;
}
.standorte ul{
  list-style-type:square;
  color:#000;
  font-size:1.5rem;
  font-family: 'racing_sans_oneregular';
  margin: 0rem 0 1rem 24px;
}
.standorte ul li{
  line-height:2rem;
   color:#fff;
}
.standorte ul li a{
 color:#fff;
 font-family: 'racing_sans_oneregular';
}
.item-page h2{
  margin:1rem 0 0 0;
  display:none;
 
}
.standorte ul li a:hover{
text-decoration:underline;
}

.blog_startseite .item h2 a{color:#fff;font-size: 225%;}

#mobilebutton #bars {
display:block;
padding:3px 0;
width:62px;
margin:16px auto 0
}

#mobilebutton #bars span.bar {
background:#666 none repeat scroll 0 0;
display:block;
margin:0 auto 5px;
padding-bottom:5px;
width:32px
}
#menubigarea>input {
    display: none;
}

#menubigarea > nav {clear:both;position:absolute;left:0;top: 9rem;float:right;width:0;padding:0;margin:0 0 2rem 0;height:60rem;display:block;overflow:hidden;color:#fff;z-index:300;background:rgba(138,26,24,0.0);transition:all .5s ease-in-out 50ms;-webkit-transition:all .5s ease-in-out 50ms;-moz-transition:all .5s ease-in-out 50ms;-o-transition:all .5s ease-in-out 50ms;-ms-transition:all .5s ease-in-out 50ms;}

#menubigarea > label + input:checked + nav {
width:100%;
background:#666;
transition:all .5s ease-in-out 50ms;
-webkit-transition:all .5s ease-in-out 50ms;
-moz-transition:all .5s ease-in-out 50ms;
-o-transition:all .5s ease-in-out 50ms;
-ms-transition:all .5s ease-in-out 50ms
}
#mobilebutton:before {
    content: "MENÜ";
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    top: 14px;
    font-size: 0.75rem;
    font-family: 'racing_sans_oneregular';
    color: #666;
}
.moduletable_menu ul{
  text-align:center;
  width:100%;
    margin:4rem 0 0 0
}
.moduletable_menu ul li a{
  color:#fff;
    font-family: 'racing_sans_oneregular';
    font-size:1.5rem;
    padding:0.5rem 0;
    display:block;
    letter-spacing:0.05em;
    
}
#mobilebutton {
    /* float: right; */
    position: absolute;
    /* left: 0; */
    top: 13px;
}
@media (min-width: 2200px) {
  #menubigarea > nav {clear:both;position:absolute;left:0;top: 10.5rem;
  }
}
@media (max-width: 1250px) {
  .center,#headerarea{
    width: 95%;
    clear:both;
  }
  #menubigarea > nav {clear:both;position:absolute;left:0;top: 8.5rem;}

}
@media (max-width: 1000px) {
#menubigarea > nav {clear:both;position:absolute;left:0;top: 8rem;}
.pull-left.item-image{
  width:100%;
  float:left;
  background: url("/images/bg-kat2.jpg");
  background-repeat: no-repeat;
  height: auto;
  background-size: cover;
  order: 1;
} 
.pull-left.item-image img{
  width:100%;
  max-width: 60%;
  margin: 16% 0 0 0;
}
#_startseite .page-header{
  text-align: left;
  float: left;
  /* clear:both; */
  width: 80%;
  background: #3ca4da;
  order: 2;
  height: auto;
  padding: 0 10%;
}
#_startseite .column-1,
#_startseite .column-2,
#_startseite .column-3,
#_startseite .column-4,
#_startseite .column-5,
#_startseite .column-6{
 background: #3ca4da;
 clear: both;
 float: left;
 height: auto;
 position: relative;
 display: flex;
 flex-flow: column;
 width: 100%;
 padding: 0 0 4rem 0;
}
#_startseite .item p{
  padding:0% 10%;
  margin:0;
  width: 80%;
  float:left;
  color:#296b8d;
  font-family:'racing_sans_oneregular';
  text-transform:uppercase;
  font-size:1.75rem;
  line-height:2rem;
  order: 3;
  height: auto;
}
#_startseite .item p.readmore{
  float:left;
  line-height:1rem;
  order: 4;
  display: inline-block;
  width: 80%;
}
#_startseite .item p.readmore a{
  color:#fff;
  background:#3083ad;
  font-size:1rem;
  padding: 1rem 0.5rem;
  font-family: 'open_sansregular';
  border-radius:10px;
  position:relative;
  display:inline-block;
  letter-spacing:0.05em;
  top:30px;
}
.blog_startseite .item h2{
   padding: 0%;
   margin: 5% 0 0 0;
   width: 100%;
   line-height: 2.5rem;
   min-height:65px;

}
.blog_startseite{
  margin:3rem 0 0 0;
  clear:both;
  float:left;
  width:100%;
}
.blog_startseite {
    margin: 1rem 0 0 0;
}
}
@media (max-width: 780px) {
#menubigarea > nav {clear:both;position:absolute;left:0;top: 7rem;}

#_startseite .text, .item-page{
  width: 100%;
  padding:0 0% 0 0;
  
}
#_startseite .standorte,.standorte{
  width: 95%;
  padding:2.5%;
  float:left;

}
#_startseite h1{
  margin:4rem 0 2rem 0;
  font-size: 3rem;
}
.blog_startseite .item h2 a{color:#fff;font-size: 3rem;}
}

@media (max-width: 600px) {


#_startseite h1{
  margin:1.5rem 0 1rem 0;
  font-size: 2.5rem;
}
.item-page h1{
  font-size: 2.5rem;
}
.standorte h2{
 font-size:1.5rem; 
}
.standorte ul li{
  line-height:1.5rem;
 
}
.standorte ul{
  font-size:1.25em
}
#_startseite .standorte,.standorte{
  width: 95%;
  padding:2.5%;
  margin:1rem 0 0 0;

}
#footer h3{
   font-size: 1.25rem;
}
.blog_startseite .item h2 a {
    color: #fff;
    font-size: 2.5rem;
}


.blog_startseite .item h2{
   padding: 0%;
   margin: 25px 0 0 0;
   width: 100%;
   line-height: 1.5rem;
   min-height:35px;
}
#_startseite .item p {

    font-size: 1.5rem;
    line-height: 1.75rem;
   
}

}

@media (max-width: 480px) {
.item-page h1{
  position:absolute;
  top:-10px;
 
  }
    .item-page p:first-of-type{
  margin: 3.0rem 0rem 1rem 0;
  color: #296b8d;
  font-family: 'racing_sans_oneregular';
  text-transform: uppercase;
  font-size: 1.275rem;
  line-height: 1.5rem;
}
#menubigarea > nav {clear:both;position:absolute;left:0;top: 6rem;}
#headerarea{
  padding: 20px 0 20px 0;
  width: 96%;
 
}
#mobilebutton {
    float: right;
    position: absolute;
    left: 0px;
    top: 6px;
}

#logo img {
    max-width: 250px;
}

h2,h2 a{
   font-size:1.15rem;
}

.item h2{
 line-height:1.5rem;
}
.item-page h1 span{/* clear:both; */width:100%;position:absolute;left:0;bottom:-12px;}
#footer ul li{
  display:block;
}
#footer{
  
  height:auto;
  width:100%;
  margin:4rem 0 0 0 
 
}
}
@media (max-width: 370px) {
#_startseite .item p {

    font-size: 1.25rem;
    line-height: 1.5rem;
   

}

.blog_startseite .item h2 a {
    color: #fff;
    font-size: 1.75rem;
}


.blog_startseite .item h2{
   padding: 0%;
   margin: 25px 0 0 0;
   width: 100%;
   line-height: 1.5rem;
   min-height:35px;
}

#_startseite h1{
  margin:1.5rem 0 1rem 0;
  font-size: 2.0rem;
}
.item-page h1 {
       font-size: 2rem;
}
.standorte h2{
 font-size:1.25rem; 
}
#logo img {
    max-width: 225px;
}
#logo a{
  text-align: right;
  width:100%;
  display:inline-block;
}