.outer {
	margin-top: 2vw;
}	
.rot {
		color: red;
}		

@media screen and (max-width: 800px) {
p { margin-bottom: 0cm; font-family: "Arial", sans-serif; font-size: 1.09vw } /* 1.2 */
}
@media screen and (min-width: 800px) {
p { margin-bottom: 0cm; font-family: "Arial", sans-serif; font-size: 1.2vw } /* 1.2 */
}
.rot {
		color: red;
}		
a.menue { margin-bottom: 0.5cm; font-family: "Arial", sans-serif; font-size: 1.2vw } /* 1.2 */   
h1 { margin-top: 1.5vw; margin-bottom: 2vw; font-family: "Arial", sans-serif; ; font-size: 2vw; color: #888;  } /* 2 */
h2 { margin-top: 0.12cm; font-family: "Arial", sans-serif; ; font-size: 1.5vw; } /* color: #777; 1.5 */
h3 { margin-top: 0.12cm; font-family: "Arial", sans-serif; ; font-size: 1.5vw; color: white; } /* Poesie ... auf index-Seite */

* {
  box-sizing: border-box;
}

	

@media screen and (max-width: 800px) {
	.backgr {
		 width: 100%;
		 height: auto;
		 background-image:url("background_extended4s2.jpg"); 
	/*	 	 background-image:url("background_extended3s.jpg");*/
		 background-size: cover; 
		 background-repeat: no-repeat; 
/*		 background-color: #acddfe; */
		 background-color: #719ada;
		 overflow-y: auto;
		 overflow-x: hidden;
		 background-position: 0 0;		 
		}	
		
	.header {
	  border: 0px;
	  padding: 30px;
	}
}

@media screen and (min-width: 800px) {
.backgr {
		 width: 100%;
		 height: auto;
	/* background-image:url("background_extended3s.jpg"); */
	 background-image:url("background_extended4s2.jpg"); 	 
	 background-size: cover; 
	 background-repeat: no-repeat;
	 background-color: #719ada;
	 overflow-y: auto;
	 overflow-x: hidden;
	 background-position: 0 0;
	}	
	
	.header {
	  border: 0px;
	}
}

.leftside {
  width: 20%;
  float: left;
  padding: 15px;
  border: 0px;
}

.main {
  width: 50%;
  float: left;
  border: 0px;
}

.leftside2 {
  width: 20%;
  float: left;
  padding: 15px;
  border: 0px;
}

.main2 {
  width: 50%;
  float: left;
  border: border: 0px;
}

.rightside {
  width: 30%;
  float: right;
  border: 0px;
}

.responsive {
  width: 50%;
  height: auto;
}

@media screen and (min-width: 800px) {
.boxed {
	background:white; 
	padding: 1.5vw 3vw;	
}
}

@media screen and (max-width: 799px) {
.boxed {
	background:white; 
	padding: 1.5vw 3vw;	
}
}

::-webkit-scrollbar {
    width: 1.5vw; 
	height: 3vw;
    -webkit-overflow-scrolling: auto;   
 }
 
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}	


 /* Handle */
 ::-webkit-scrollbar-thumb {
   border-radius: 50px;
   background: #bfbfbf;
   border: 0px none #ffffff;
 }
 
  /* Track */
::-webkit-scrollbar-track {
   background: #d6d6d6;
   border: 0px none #ffffff;
   border-radius: 50px;
 }

::-webkit-scrollbar-corner {
	background: transparent;
}


@media all and (min-width: 800px) {
.bars {
	font-size:5vw; 
	color:white;
}	
}

@media all and (max-width: 799px) {
.bars {
	font-size:9vw; 
	color:white;
}	
}	

div.gallery {
  border: 0px;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.gallery2 img {
  width: 60%;
  height: auto;
}

@media all and (min-width: 800px) {
div.gallery3 img {
  width: 100%;
  height: auto;
}
}

@media all and (max-width: 799px) {
div.gallery3 img {
  width: 200%;
  height: auto;
}
}

div.mottofont {
	color: white;
	font-family: Helvetica;	
	font-size: 1.7vw;
}	

audio {
   width: 50% !IMPORTANT;
   height: auto !IMPORTANT;
}