* {
margin:0;
padding:0;
}
body{
  margin:0 auto;
  padding:0;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  text-align:center;
 /* font-size: 87.5%;  Schriftgröße 14px */
 font-size:1em;/**/
  line-height: 150% ;
  color:#000000;
  width:100%;
 /* background-color:#00909f ;  */
 /*font-weight: bold  */
}

#container{
margin:8.24742268041237% /* 80 / 970 */auto;
 /* background-color:#00909f;*/
}
header{
  width:100%;
  height:120px;
  position:fixed;
  background-color: #ffffff;
  top:0px;
}

div #verlag_logo p{
 font-size:0.8em  ;
 padding:5px 0;
}

.absatz p{
  padding:8px ;
}

#adress_content strong{
  color:#00909f;
}
#adress_content{
max-width:970px;
margin:0 auto;
margin-bottom:10px;
  background-color:#ffffff;
  font-size: 0.9rem ;
   line-height: 100%;
   text-align:left;
   height:91.66666666666666%; /* 110 / 120 */
  padding-left:0.5154639175257731%; /* 5 / 970 */
 color:#000000;
}
#adress_content p{
padding:6px 0;
}


 .adress_content_float {
  float:left;
  margin:2.0618556701030926% 1.0309278350515463% ;
 }

 #verlag_logo{
    float:right; margin-top:25px;
 }

.sprung{
  margin-bottom:130px;
}
#navi{
   background-color:#000000;
   width:100%;
   text-align:center;
     height:auto;
     position:fixed;

 /*height:36.36363636363637%; /* 40 / 110 */
 -webkit-box-shadow: 0px 5px 6px 0px rgba(51,51,51,1);
-moz-box-shadow: 0px 5px 6px 0px rgba(51,51,51,1);
box-shadow: 0px 5px 6px 0px rgba(51,51,51,1);
}
#navi_content {
 max-width:970px;
margin:0 auto;
}
#navi_content li{
  float:left;
  width:auto;
   height:auto;
  list-style:none;
 /* line-height:1em;  */
  
  padding: 0.5rem 0.8rem!important;
}
#navi_content a{
  display:block;
  text-decoration:none;
   color:#ffffff;
   font-size: 0.9rem!important;
 /* text-transform:uppercase;  */
  /*font-weight:bold; */
}
 #navi_content a:hover,  a:active{
     color:#bad362;
     text-decoration:none;
 }
.right{
  float:right;
}
.left{
  float:left;
}

.clear{
  clear:both;
  overflow:hidden;
}

#agb{
padding:5px;
}

#agb img{
padding-right:15px;
}



p a {color:#00909e;}
p a:hover {color:#bad362;}
#agb a {color:#00909e;}
#agb a:hover {color:#bad362;}




/*div.kapitel_image {
 background-color:#00909f;
 background-image:url(../images/si.jpg);
 background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:368px;
    margin:0 auto;
}

div.image_position{
   max-width:100%;
   height:37.93814432989691%;
   margin:0 auto;

 } */
 .kapitel_image {
 width:100%;
    height:auto;
    background-color:#00909f;
}

.image_container{
max-width:970px;
margin:0 auto;
}

 .image_position img{
   width:100%;
   height:auto;
   margin:0 auto;
 }
 .kapitel_content{
    max-width:970px;
   margin:0 auto;
 }
 h1 {
     font-family:'Impact', Arial, sans-serif;
     font-size:2.375em;
  color:#000000;
     padding:1.5463917525773196%; /* 15 / 970 */
      line-height: 100%;
 }
 h2{
   font-size:2.375em;
  /*color:#bad362;*/
  color:#00909e;
  font-family:'Impact', Arial, sans-serif;
  line-height: 100%;
 }
 h3{
     font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
     color:#00909e;
     font-size:1.500em;
     line-height: 100%;
      padding-top:3.608247422680412%; /* 35 / 970 */
      padding-bottom:1.5463917525773196%; /* 15 / 970 */
 }
  h4{
     font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
     color:#00909e;
     font-size:1.188em;
     line-height: 100%;
       padding-top:3.608247422680412%; /* 35 / 970 */
       padding-bottom:1.5463917525773196%; /* 15 / 970 */
         padding-left:1.0309278350515463%;
 }
 .abstand{
   padding-top:8.24742268041237%; /* 80 / 970 */
}
 .leistungen{
  float:left;
padding-left:7.216494845360824%; /* 70 / 970 */
padding-top:3.0927835051546393%; /* 30 / 970 */
   margin-right:5.154639175257731%; /* 50 / 970 */
   width:20.618556701030926%; /* 200 / 970 */
   height:14.432989690721648%; /* 140 / 970 */
   /* background-color:#bbbbbb; */
 }
 .leistungen p{
   padding:0 auto;
   color:#00909f;
   font-size:0.875em;
   text-decoration:none;
 }
.leistungen p:hover{
 color:#bad362;
 }
 #beratung {
   background: url(../images/sprite_beratung.png) no-repeat ;
   width:122px;
   height:122px;
   margin-left:20%; /* 40 / 200 */
 }
  .leistungen a:hover  #beratung{
 background: url(../images/sprite_beratung.png) no-repeat left -122px;
}
  .leistungen a:active  #beratung{
 background: url(../images/sprite_beratung.png) no-repeat left -122px;
}
a:link, a:visited{
  text-decoration:none;
}
 #print {
   background: url(../images/sprite_print.png) no-repeat ;
   width:122px;
   height:122px;
   margin-left:20%; /* 40 / 200 */
 }
.leistungen a:hover #print {
 background: url(../images/sprite_print.png) no-repeat left -122px;
}
  .leistungen a:active #print {
 background: url(../images/sprite_print.png) no-repeat left -122px;
}
 #web {
   background: url(../images/sprite_web.png) no-repeat ;
   width:122px;
   height:122px;
    margin-left:20%; /* 40 / 200 */
 }
.leistungen a:hover #web {
 background: url(../images/sprite_web.png) no-repeat left -122px;
}
  .leistungen a:active #web {
 background: url(../images/sprite_web.png) no-repeat left -122px;
}
div#triangle-down {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #00909e;
 margin:0 auto;
 }
.liste {
 float:left;
/*background-color:#dddddd;  */
 color:#00909e;
 width:25.773195876288657%; /* 250 / 970 */
 padding-right:5px;
 text-align:left;
 border-right:2px  solid #bad362;
 margin:3.0927835051546393% /* 30 / 970 */ 0px 3.0927835051546393% /* 30 / 970 */ 5.154639175257731%; /* 50 / 970 */
}
.ohnestrich {
   border-right:0px;
}
.abstandleft{
 margin-left:9.793814432989691%; /* 95 / 970 */

}



.referenz_box{
  float:left;
 width: 232px;
  height:232px;
  background-color:#f2f2f2;
  border:5px solid #fff;
}
.referenz_box img{
  max-width:100%;
  height:auto;
  border-left:1px solid #00909e ;
  border-top:1px solid #00909e ;
}

#referenz_abstand{
  margin-top:3.608247422680412%; /* 35 / 970 */

}
.kontakt_box{
  float:left;
  width:30.927835051546392%; /* 300 / 970 */
  text-align: center;
 /* background-color: #cccccc;  */
  margin:1.134020618556701%; /* 11 / 970 */
  margin-bottom:5.670103092783505%; /* 55 / 970 */
}
div.kontakt_box #foto{
  width:50%; /* 150 / 300 */
  height:25% /* 75 / 300 */;
}

div.kontakt_box span{
  font-size:0.875em;
}


h5{
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
     color:#00909e;
     font-size:1.125em;
     line-height: 100%;
      padding-top:2.0618556701030926%; /* 20 / 970 */
}
div.info{
 margin:0.6185567010309279%; /* 6 / 970 */
 margin-top:6.185567010309279%; /* 60 / 970 */;
 height:3.0927835051546393%; /* 30 / 970 */
}


.btn-xl{
  width:150px;
  height:35px;
  margin-top:5.319148936170213%; /* 25 / 470 */
  background-color:#666666;
  color:#fff;
  border:none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
     background-color:#00909e;
  color:#fff;
}



table{
  width:100%;
}
td{
  text-align:left;
  width:50%;
  padding: 0.2061855670103093% 0.6185567010309279% 0.2061855670103093% 1.0309278350515463%;
}
table span{
  font-weight:bold;
  color:#00909e;
}
#haftung {
  text-align:justify;
}
#haftung p{
  padding:1.0309278350515463%;
}
.linie {
border-top: 1px solid #bad362;
width:30%;
margin:0 auto;
margin-top:10px;
}
 .open {display:none; }
 
footer {text-align:center;color:#00909e;font-size: 0.8em;margin-top:50px;}
footer li {list-style:none;display:inline;font-weight:400!important;}
footer li a {color:#00909e;text-transform: uppercase;padding: 10px;}
footer li a:hover {color:#bad362;}
#navFooter {text-align:center;margin-top:10px;margin-bottom:30px;}
#agb, #datenschutz {text-align:justify;}
#agb, #datenschutz p {padding: 1.0309278350515463%;}
#datenschutz a {color:#00909e;}
#datenschutz a:hover {color:#bad362;}
#datenschutz {margin-top:40px;}
#agb{margin-top:-20px;}



#datenschutz ol {padding-left:7%;font-size:1em;}
#datenschutz ul {padding-left:7%;font-size:1em;}


@media screen and (max-width: 983px){
     #verlag_logo{
    margin-right:10px;
 }
 div#triangle-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #00909e;
  margin:0 auto;
 }
}

 @media screen and (max-width: 966px) {
     #referenz_abstand{
       padding:0% 6.185567010309279%; /* 60 / 970 */
      }
 }

@media screen and (max-width: 928px)  {
   #navi_content li{
    padding:0.5rem 0.6rem!important;
   }
     #navi_content a{
     font-size:0.8em!important;
   }
}
@media screen and (max-width: 840px)  {
 header{
      height:auto;
    }
    .adress_content_float {
     font-size: 1em;
      float:none;
      margin:12px auto;
       text-align:center;
   }
     #verlag_logo{
      float:none;
      text-align:center;
      margin:0 auto;
    }
       .sprung{
  margin-bottom:25%;
}

}
@media screen and (max-width: 800px){
  #referenz_abstand{
       padding:0% 3.0927835051546393%; /* 30 / 970 */
      }
      .sprung{
  margin-bottom:28%;}


 
    #beratung, #print, #web {
   margin-left:12.5%; /* 25 / 200 */
 }
   	#navMain {display:none; }
     #pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;

    /* Specify the width of your pageslide here */
    width: 100px;
    padding: 20px;

    /* These styles are optional, and describe how the pageslide will look */
    background-color:#00909e;
    color: #FFF;
    font-size: 1em;
    text-align:justify;
    text-decoration:none;

  -webkit-box-shadow: inset -6px 0px 11px 1px rgba(0,0,0,0.5);
-moz-box-shadow: inset -6px 0px 11px 1px rgba(0,0,0,0.5);
box-shadow: inset -6px 0px 11px 1px rgba(0,0,0,0.5);
}

#pageslide ul li a{
    text-decoration:none;
    color:#fff;
}

#pageslide ul li a:hover,{
    text-decoration:none;
    color:#bad362;
}

.open {
	float:none;
	height:55px;
	width:55px;
	background:url(../images/open.png) 0 0 no-repeat;
  margin:0 43%;
	text-indent:-9999px;
}
}
 @media screen and (max-width: 768px){
  #referenz_abstand{
       padding:0% 1.0309278350515463%; /* 10 / 970 */
      }
      
       .sprung{
  margin-bottom:34%;}
}
  @media screen and (max-width: 600px){
           .sprung{ margin-bottom:37%;
}
 }

 @media screen and (max-width: 480px)  {
  h3, h4{    font-size:1.2em;
  line-height:1.2em;
      }
      h2, h1{
       font-size:1.8em;
      }
    p{font-size:0.9em;
    }
    .sprung{
  margin-bottom:48%; 
}
.leistungen{
  float:none;
   width:100%;
   height:auto;
   margin-bottom:5%
  }
   #beratung {
   background: url(../images/sprite_beratung.png) no-repeat ;
   width:122px;
   height:122px;
   margin:0 30%;
 }
 #print, #web {
    margin:0 30%;
 }
  .leistungen p{
   padding-right:17%;
   color:#00909f;
   font-size:0.875em;
   text-decoration:none;
 }
 .liste {
  width:100%;
 float:none;
/* background-color:#cccccc; */
 color:#00909e;
 /*width:25.773195876288657%; /* 250 / 970 */
 text-align:left;
 border-right:none;
  margin:5% 0;
 padding:0 25%;
}
.abstandleft{
 margin-left:0;
}
p{ padding:0 3%;
}
.kontakt_box{
        float:none;
        width:65%;
        border:1px solid #bad362;
        padding:3% 0;
        margin:10% 18% ;
      }
     .linie {
       display:none;
     }
    #formular{
  float:none;
 width:100%; /* 470 / 970 */
 margin-top:4.639175257731959%; /* 45 / 970 */
}
#anfahrt{
    float:none;
 width:100%;
  margin-top:4.639175257731959%; /* 45 / 970 */
}
iframe{
  margin-top:4.639175257731959%; /* 45 / 970 */
   width:100%;
   height:450px;
}
 .referenz_box{
    margin:0% 25%; }
    
    #buchbestellung {
    padding-left:50px!important; }
 }

@media screen and (max-width: 414px) {

.sprung{
  margin-bottom:56%;}
  #buchbestellung {
    padding-left:50px!important; }
}

@media screen and (max-width: 412px) {

.sprung{
  margin-bottom:56%;}
  #buchbestellung {
    padding-left:50px!important; }
}
@media screen and (max-width: 384px) {

.sprung{
  margin-bottom:60%;}
  #buchbestellung {
    padding-left:50px!important; }
}

@media screen and (max-width: 360px) {
  #beratung {
   background: url(../images/sprite_beratung.png) no-repeat ;
   width:122px;
   height:122px;
   margin:0 26%;
 }
 #print, #web {
    margin:0 26%;
 }
  .leistungen p{
   padding-right:12%;
   color:#00909f;
   font-size:0.875em;
   text-decoration:none;
 }
  div#triangle-down {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #00909e;
  margin:0 auto;
 }
 td{
  font-size:0.875em;
 }
  .referenz_box{
    margin:0% 17%;
 }
  .sprung{
  margin-bottom:64%;}
  #buchbestellung {
    padding-left:50px!important; }
 }
 
 @media screen and (max-width: 320px) {

.sprung{
  margin-bottom:74%;}
  #buchbestellung {
    padding-left:50px!important; }
}