div.one-third{width:47.5%}
div.one-third1{width:47.5%}
div.one-third-second{margin:0}
div.one-third-last{clear:both; float:none; width:auto; padding:3%}
div.abstand{width:100%;  float:left;  margin-bottom:10px}
div.absta{margin-right:4%}
/*@media screen and (max-width:875px){


    nav .megamenu ul, .megamenu {
    display: none;
    position: absolute;
    top: 58px;
    z-index: 100;
    margin: 0 -1px;
}
.meagemenu, .toggle+a{
    display: none;
}
.toggle{display:block;background-color:#f4f5f1;padding:14px 20px;color:#00a0df;font-size:17px;text-decoration:none;border:none;cursor:pointer}
.toggle:hover{background-color:#4096ee;color:#fff!important}
[id^=drop]:checked+ul{display:block}




  .sid-w{width:100%!important; margin-top:20px}
 .zom{margin-top:0px}
 .extop{margin-top:30px}
 div.body-content{padding:0px 0px 0px 0px}
label.responsive-nav-label{position:relative; display:block; padding:20px; background:#767676; cursor:pointer; color:#fff}
label.responsive-nav-label span{ margin-right:10px}
nav{ position:absolute;  top:-9999px;  padding:10px}
input#responsive-nav[type=checkbox]:checked ~ nav{ position:relative;  top:0}
nav a:after{ display:none}
nav li{ float:none !important;  width:100% !important;  border-bottom:none !important;  color:#fff!important}
nav li a{ margin-bottom:10px !important;  padding:10px 20px !important;  background:#00a0df;  text-align:center;  color:#fff!important}
nav >ul{ position:relative;  width:100%;  margin:0 auto;  padding:0;  text-align:center}
nav ul li:hover{ background:none}
nav ul li a:hover{ background:#4096ee}
nav ul ul{ position:relative !important;  width:100%;  left:0 !important;  top:0 !important;  background:none !important;  box-shadow:none}
nav ul ul li{ padding-left:0px}
nav ul.megamenu{ position:absolute;  width:100%;  top:-9999px;  left:0;  padding:10px 0px 0 0px;  background:#fff;  text-align:left;  border-top:5px solid #e56923;  box-shadow:0 5px 10px rgba(0,0,0,0.5);  z-index:1}
nav .column{ float:none;  width:100%;  border-left:0px}
nav .megamenu ul{ margin-bottom:0px}
nav .megamenu h4{color:#fffcfc}
}*/
@media screen and (max-width:875px){
    nav .megamenu ul, .megamenu {
    display: none;
    position: absolute;
    top: 58px;
    z-index: 100;
    margin: 0 -1px;
}
.meagemenu, .toggle+a{
    display: none;
}
.toggle{display:block;background-color:#f4f5f1;padding:14px 20px;color:#00a0df;font-size:17px;text-decoration:none;border:none;cursor:pointer}
.toggle:hover{background-color:#4096ee;color:#fff!important}
[id^=drop]:checked+ul{display:block}

.sid-w{width:100%!important; margin-top:20px}
 .zom{margin-top:0px}
 .extop{margin-top:30px}
 div.body-content{padding:0px 0px 0px 0px}
label.responsive-nav-label{position:relative; display:block; padding:20px; background:#767676; cursor:pointer; color:#fff}
label.responsive-nav-label span{ margin-right:10px}
nav{ position:absolute;  top:-9999px;  padding:10px}
input#responsive-nav[type=checkbox]:checked ~ nav{ position:relative;  top:0}
nav a:after{ display:none}
nav li{ float:none !important;  width:100% !important;  border-bottom:none !important;  color:#fff!important}
nav li a{ margin-bottom:10px !important;  padding:10px 20px !important;  background:#00a0df;  text-align:left;  color:#fff!important}
nav >ul{ position:relative;  width:100%;  margin:0 auto;  padding:0;  text-align:center}
nav ul li:hover{ background:none}
nav ul li a:hover{ background:#4096ee}
nav ul ul{ position:relative !important;  width:100%;  left:0 !important;  top:0 !important;  background:none !important;  box-shadow:none}
nav ul ul li{ padding-left:0px}
nav ul.megamenu{position:absolute;width:100%;top:-9999px;left:0;padding:10px 0px 0 0px;background: #767676!important;text-align:left;border-top:5px solid #e56923;box-shadow:0 5px 10px rgba(0,0,0,0.5);z-index:1;margin-bottom: 15px;}
nav .column{ float:none;  width:100%;  border-left:0px}
nav .megamenu ul{ margin-bottom:0px}
nav .megamenu h4{color:#fffcfc}
.blau-gratis{background:#767676!important;}
}
@media screen and (max-width:890px){.fo1{float: none}
.fo2{float: none}
.logo{width:100%; float: none; text-align: center}
.logo img{width:30%; float: none}
.he1{text-align:center}
.logot{width:100%}
.he1{text-align:center; margin-left:0px}
.he2{text-align:center; margin-left:0px}
.he3{text-align:center; margin-left:0px}
.headbox{margin:0px; display:inline-block}
.head1{width:100%}
.head2{width:100%}
.head3{width:100%}
.n1{margin-top:0px}
.head2 img{margin:10px 0px}
.head3{width:100%; text-align:center}
.he4{text-align:center}
.he5{text-align:center}
.he6{text-align:center}
.htop{margin-top:0px}
div.start1{ width:50%;  padding:0 5px;  margin:4px auto}
div.start2{ width:50%;  padding:0 5px;  margin:4px auto}
.pdf-box1{width: 49%;}
}



@media screen and (max-width:860px){div.main{ width:100%;  margin-right:5%}
.sid1{width:100%!important}
.sid2{width:49%!important; float:left; margin-right:3%!important}
.sid3{width:48%!important; float:left}
.angebot-responsive-50{width: 49%;margin-right: 1%;margin-top:0px!important;}
.angebot-responsive-50-last{margin-right: 0%;}
.kein-blau{margin-left:0px !important;}
}

@media screen and (max-width:850px){
.res_form_1 {width:100%!important;}
.modul-sadow13{width:100%!important;}
.modul-box-start14{width:100%!important;}
.modul-box-start15{width:100%!important;}
}
@media screen and (max-width:750px){
.my-02 {width: 100%;margin-bottom: 1%;}
}

/* hier */
@media screen and (max-width:600px){
.lp-2-box1s{flex-basis: 100%;}
.lp-2-box2s {flex-basis: 100%;}
.lp-9s{height:0px;}
.lp-2s {min-height: auto;}
.lp-8s img {width: 45%;float:none;margin: 0px auto;display: block;}
}
/* hier */

@media screen and (max-width:640px){
.rechts-1{float:none;margin-top:0px;}
}


@media screen and (max-width:580px){.sid2{width:100%!important}
.sid3{width:100%!important}
}

@media screen and (max-width:600px){.logo img{width:50%; float: none}
.sozi-in{width:100%;display: flex;margin-bottom: 10px;justify-content: center;}
.he1{font-size:25px; margin:0px}
.head2 img{margin:10px 0px}
div.one-third1{padding:3%; margin-bottom:3%}
.zomo{margin-top:0px}
div.abstand1{width:100%;   margin-bottom:10px}


table  {
   width:100%
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  
  table td::before {

    content: attr(aria-label);

    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
.kein-blau{margin-left:0px !important;}









}


@media screen and (max-width:500px){
.my-05 {width: 100%;}
.my-05 img{width: 100%;padding: 0px;margin: 0px;}
.my-06 {width: 100%;margin-top: 15px;}
.my-055 {width: 100%;}
.my-055 img{width: 100%;padding: 0px;margin: 0px;}
.my-066 {width: 100%;margin-top: 15px;}
.my-0551 {width: 100%;}
.my-0551 img{width: 100%;padding: 0px;margin: 0px;}
.my-0661 {width: 100%;margin-top: 15px;}
}


@media screen and (max-width:500px){div.mobile-collapse{width:auto; float:none; margin-right:0; padding:3%}
.rep01{ text-align:center}
.hide-mobile{display:none}
.angebot-spalte-res{height: 89px;width: 100%;display: block;margin: 60px;}
.angebot{}
.Ange{width: 100%;margin: 0px;}
}
  @media screen and (max-width:450px){
.pdf-box1{width: 100%;}
.pdf-st { padding: 0px!important;}
  }
@media screen and (max-width:300px){}