/* screen special */

.nichtscreenen {
	display:none;
}

/* bilder (rahmen) */

img {
	border:0px;
}

a:focus {outline:none;}
a:active {outline:expression(this.onFocus=this.blur());}


#wrapper    { left:0px; top:0px; z-index:99; display:flex; justify-content:center; }
#wrapper2   { width:60%; }

#header   { z-index:100; position:fixed; width:100%; background:#e2e9ec; border-bottom:2px solid #018bd3; padding:15px 0 15px 0; }

#headerlinks { float:left; }
#headerrechts { float:right; text-align:right; padding-right:15px; opacity:0.5; }

#startgalerie      { margin-top:136px; margin-bottom:20px; }

/* Flickity */
.carousel-cell { width:800px; height:auto; margin-right: 5px; }

#box1       { float:left; margin-top:20px; width:96%; height:auto; background:white; padding:2%; }
#box2       { float:left; margin-top:20px; width:45%; height:auto; background:#e2e9ec; padding:2%; }
#box3       { float:right; margin-top:20px; width:45%; height:auto; background:#e2e9ec; padding:2%; }
#box4       { float:left; margin-top:15px; width:57%; height:auto; background:white; padding:2%; }
#box5       { float:right; margin-top:15px; width:35%; height:auto; background:white; padding:2%; }
#kontakt    { float:left; margin-top:20px; width:25%; height:auto; background:#e2e9ec; padding:2%; padding-right:0; }
#box7       { float:left; margin-top:20px; width:29%; height:auto; background:#e2e9ec; padding:2%; padding-right:0; }
#box8       { float:right; margin-top:20px; width:35%; height:auto; background:white; padding:2%; }

#clear      { clear:both; }
#clear2     { clear:both; margin-bottom:50px; }

.googlemap { border:0; margin-top:10px; margin-bottom:0; }

.back-to-top       { position:fixed; bottom:29px; right:0px; text-decoration:none; background-color:rgb(0,0,0,0.15); padding: 0 5px 0 5px; display:none; z-index:110; }
.back-to-top:hover { background-color:rgb(0,0,0,1); transition:background-color 0.5s ease; }

/* body */

html, body {
background-color:white;

margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;

scroll-behavior: smooth;

height: 100%;
}

@media screen and (max-width:1720px){
#kontakt    { width:43%; }
#box7       { width:53%; }
#box8       { float:left; width:96%; }
}

@media screen and (max-width:1666px){
#wrapper2   { width:70%; }
}

@media screen and (max-width:1430px){
#wrapper2   { width:80%; }
}

@media screen and (max-width:1260px){
#wrapper2   { width:90%; }
}

@media screen and (max-width:1100px){
#box4       { width:50%; }
#box5       { width:40%; }
}

@media screen and (max-width:900px){
#headerrechts { display:none; }
.back-to-top  { bottom:15px; }
}

@media screen and (max-width:860px){
#box2       { width:96%; }
#box3       { float:left; width:96%; }
#box4       { width:96%; padding-bottom:0; }
#box5       { float:left; margin-top:10px; padding-top:0; width:96%; }
}

@media screen and (max-width:850px){
.carousel-cell     { width:100%; height:auto; margin-right:0; }
.carousel-cell img { width:100%; }
}

@media screen and (max-width:680px){
#kontakt    { width:96%; padding-bottom:110px; }
#box7       { width:96%; margin-top:-139px; background:none; }
#clear2     { margin-bottom:35px; }
}

@media screen and (max-width:600px){
#header   { padding:10px 0 10px 0; }
.flickity-page-dots { display:none; }
#startgalerie       { margin-top:100px; margin-bottom:-10px; }
#headerlinks { float:left; padding-left:5%; padding-right:5%; }
#wrapper2   { width:100%; }
#box1       { width:90%; padding:5%; }
#box2       { width:90%; padding:5%; }
#box3       { width:90%; padding:5%; }
#box4       { width:90%; padding:5%; padding-bottom:0; }
#box5       { width:90%; padding:5%; padding-top:0; }
#kontakt    { width:90%; padding:5%; padding-bottom:110px; }
#box7       { width:90%; padding:5%; margin-top:-155px; }
#box8       { width:90%; padding:5%; padding-top:2%; }
li { padding-left: 0em; margin-top:0; }
.liste1 li:before { content: ""; display:none; margin-left: 0em; width: 0em; }
.liste2 li:before { content: ""; display:none; margin-left: 0em; width: 0em; }
.liste3 li:before { content: ""; display:none; margin-left: 0em; width: 0em; }
h1 { font-size:36px; line-height:32px; }
h2 { font-size:23px; line-height:23px; }  
h4 { font-size:21px; line-height:22px; }
h5 { font-size:18px; line-height:24px; }
h6 { font-size:18px; line-height:24px; }
p  { font-size:18px; line-height:24px; }  
ul { font-size:18px; line-height:24px; }
#clear2     { margin-bottom:20px; }
}

/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}