*{
	padding:0;
	margin:0;
} 

body {
    background-color: #363636;	
}

/*link farben*/	
a:link{color: #a3a3a3;
	text-decoration:underline;
}
a:visited {color: #a3a3a3;}
a:hover {color: #720012;
			text-decoration:underline;
}
a:active {color: #720012;}


.ueberschriftGr{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:30px;
	padding-top:10px;
	margin-left:3.5%;
	color:#e4e4e4;
	text-align: left;	
}
.ueberschriftKl{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:1em;
	margin-top:5px; 
	color:#e4e4e4;
	text-align: center;
}	
* {box-sizing: border-box;}

.mySlides1 {display: none;}
.mySlides2 {display: none;}
.mySlides3 {display: none;}
img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #720012;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* The Close Button */
.close {
  color: #d7d7d7;
  position:relative;
  margin-left:15px;
  font-size: 35px;
  font-weight: bold;
  font-family:Calibri; 
}

.close:hover,
.close:focus {
  color: #720012;
  text-decoration: none;
  cursor: pointer;
}
#box{
	width:93%;
	margin-left:auto;
	margin-right:auto;

}
.hoch{
	width:56.3%;
	margin-left:21.5%;
	margin-right:21.5%;
}
.quer{
	width:100%;
}
.boxQGr{
	margin-left:20%;
	margin-right:20%;
	margin-bottom:10px;
	width:60%;
}
.boxHGr{
	margin-left:30%;
	margin-right:30%;
	margin-bottom:10px;
	width:40%;
}
.boxTextZusatz{
	margin-left:auto;
	margin-right:auto;
	width:10%;
	padding-top:3px;
	margin-bottom:0px;
	font-family: Candara, sans-serif;
	color: #a3a3a3;
}
.boxText{
	margin-left:auto;
	margin-right:auto;
	width:70%;
	margin-top:8px;
	margin-bottom:10px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	float:left;
	display:block;
	color: #a3a3a3;
}
.untertext{
	font-size:17px;
	margin-left:30%;
	float:left;
	
}
.boxTextOut{
	margin-left:auto;
	margin-right:auto;
	width:70%;
	margin-top:20px;
	margin-bottom:10px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:75%;
	text-align:center;
	color: #a3a3a3;
}
#punktebox{
	text-align: center;
    padding-top:7px;
}
.youtubeVideos{
	display: block;
  margin-left: auto;
  margin-right: auto;
}
/*Impressum und Datenschutz*/

.unterUeberschrift{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:23px;
	padding-top:20px;
	margin-bottom:5px;
	color:#e4e4e4;
	text-align: left;	
}
.unterunterUeberschrift{
	color:#ffffff;
	width:99%
	margin-bottom:4px;
	font-family: Candara, sans-serif;
	font-size:15px;
	float:left;	
}

.textbox{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:50px;
	font-family: Candara, sans-serif;
	font-size:15px;
	color: #a3a3a3;
	float:left;
}

/* ------------------------------------ */
/*Breakpoints*/
@media screen and (min-width:  350px){
	/*MAIN*/
.ueberschriftGr{	
		font-size:45px;
	}
.ueberschriftKl{	
		font-size:1em;
	}	
.youtubeVideos{
	width:234px;
	height:195px;
}
.close{
	font-size:48px;
	float:right;

	margin-right:3.5%;
}
.untertext{
	font-size: 20px;
}
.boxTextZusatz{
	font-size:90%;
}
.boxTextOut{
	font-size:90%;
}
}

/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  570px){
	
	 
 /*ab  570 px */
	/*main*/
.ueberschriftGr{	
	font-size:45px;
}
.close{
	font-size:60px;
}
.dot{
	margin-top:8px;
}
.untertext{
	margin-left:30%;
	font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
}
.youtubeVideos{
	width:396px;
	height:330px;
}
.popUp{
	float: left;
	width: 100%;
	background-color: #282828;
	box-shadow: 2px 2px 5px black;
	display: none;
}
.boxText{
	font-size:100%;
	width:80%;
}
.boxTextZusatz{
	font-size:100%;
	width:80%;
}
.boxTextOut{
	font-size:100%;
	width:80%;
}
}
/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  768px){

 /*ab  768 px */
.youtubeVideos{
	width:522px;
	height:435px;
}
.anker{
	height:96px;
}
#box{
	width:70%;
}
.boxText{

	width:90%;
}
.ueberschriftGr{	
	font-size:64px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:15%;
}
.untertext{
	margin-left:20%;
}
.close{
	margin-right:17%;
}
.dot{
	margin-top:8px;
}
.boxHGr{
	margin-left:35%;
	margin-right:auto;
	width:300px;
}
.textbox{
	width:90%;
	margin-left:4%;
	margin-right:4%;
}
}

/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  1024px){
.anker{
	height:128px;
}		
.youtubeVideos{
	width:504px;
	height:420px;
}
#box{
	width:40%;
}
.boxText{

	width:90%;
}
.ueberschriftGr{	
	    margin-left: 30%;
}
.close{
    margin-right: 43%;
}
.dot{
	margin-top:10px;
}
.untertext{
    margin-top: 6px;
}
.boxHGr{
	margin-left:38%;
	margin-right:auto;

}
#ausenmoebel{
	margin-right:20%;
}
}

	
/* ----------------------------------------------------------------------- */
@media screen and (min-width:  1590px){


}