/**************** Body and tag styles ****************/
html{
 height:105% !important;
 }

body{
 margin:0px;padding:0;
 font-family:verdana;
 color:#000;
 font-size:12pt;
 background:#00B300;
 height:105%;
 }
.responsive-slider iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 }
.responsive-slider {
 position: relative;
 padding-bottom: 355px;
 padding-top: 0px;
 height: 0;
 border:0px solid black;
 overflow: hidden;
 }
.frame{width:100%;height:275px;border:none;overflow:hidden;scrolling:no;}

.adresse{display:none;}
.back-to-top {
 position: fixed;
 bottom:90px;
 right:90px;
 z-index:9999;
 background:#ff0 url(images/top.png) no-repeat center center;
 background-size:30px;
 width:40px;
 height:40px;
 border:1px solid black;
 border-radius:5px;
 }
.back-to-top:hover {
 background:#abc url(images/top.png) no-repeat center center;
}

/**************** Header  styles ****************/
.header{
 margin-top:0px;
 }
.head{max-width:800px;margin:auto;}

.center{text-align:center}

a{
color:#00f;
text-decoration:none;
background-color:inherit;
text-decoration:underline;
}
a:hover{
 color:#b00;
 text-decoration:underline;
 background-color:inherit;
 }

p{ margin:0 0 20px 0;font-size:12pt;}
ul{font-size:12pt;}
/**************** Header and navigation styles ****************/

.inhalt{
 max-width:1200px;
 margin:auto;
 padding:0;
 overflow:hidden;
 min-height:500px;
 border:0px solid black;
 min-height:800px;
 border-radius:0px;
 background:#e6f7e6;
 }

/**************** content styles ****************/
.content{
 padding:20px 40px;
  background:#e6f7e6;
 }
 ul, ol{margin-left:0px;padding-left:20px}

h1{
 display:block;
 margin:0 0 10px 0;
 font-size:20pt;
 font-weight:normal;
 color:#000;
 background-color:inherit;
 }
h2{
 display:block;
 margin:0 0 10px 0;
 font-size:18pt;
 font-weight:normal;
 color:#000;
 background-color:inherit;
 }
h3{
 display:block;
 margin:0 0 10px 0;
 font-size:16pt;
 font-weight:normal;
 color:#000;
 background-color:inherit;
 }
h4{
 display:block;
 margin:0 0 10px 0;
 font-size:13pt;
 font-weight:normal;
 color:#000;
 background-color:inherit;
 }
h1 a{color:#00f}
h1 a:hover{text-decoration:underline;}


/**************** Misc classes and styles ****************/
.counter{width:150px;float:left;margin-top:5px;}

.clear{clear:both;}
img{border-color:#BBBBBB}


/**************************** Mobile Styles ************************************/
@media only screen and  (max-width: 900px) {

html{background-image:none}
body{font-size:10pt}

.frame{}

.responsive-slider {
 position: relative;
 padding-top: 0px;
 overflow: hidden;
 padding-bottom:200px;
 border:0px solid black;
 }
.back-to-top, .back-to-top:hover {
 position: fixed;
 bottom:40px;
 right:10px;
 }
.content{
 float:none;
 width:100% !important;
 padding:10px !important;
 margin:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
 }
h1{font-size:18pt;}
h2{font-size:16pt;}
h3{font-size:14pt;}
h4{font-size:11pt;}

p{text-align:left;}
p{ margin:0 0 20px 0;font-size:10pt;}
ul{font-size:10pt;}

 }