@charset "utf-8";
/* CSS Document*/

 html{
	scroll-behavior: smooth;/*sanft zum Linkziel scrollen*/
}
@media (prefers-color-scheme: dark) {
body {
    	background-color: #000 !important;
}
#oben .daten h1,
#oben .daten p,
#oben .daten p a {
  		color: #fff !important;
}
#oben .daten h2,
#oben .daten ul li,
#oben .daten ul li a{
  		color: #fff !important;
}

#oben .daten a{
  		color: #fff !important;
}

#oben .site-footer nav ul li h2,
#oben .site-footer nav ul li h3,	 
#oben .site-footer p {
    	color: #fff !important;
}
} 
/*HEADER-LOGO - links*/
.logo{
		  display: block;/*Siehe HTML*/
		  height: 108px;/*Siehe HTML*/
		  margin: 15px 0 10px 15px;
}
  
/*Main*/		
#oben .daten{
		max-width: 100%;
		margin: 40px 19px; 
		overflow: hidden;
}
#oben .daten h1{
	  	margin-bottom:19px;
	  	margin-top:10px;
	 	color: #f03;
	  	font-size: 43px;
	  	font-size: 2.6875rem;
	  	line-height: 50px;
	  	line-height: 3.125rem;
	  	font-weight:500;	
}

#oben .daten p{
	  	margin-bottom:19px;
	   	font-size: 16px;
	  	font-size: 1rem;
	   	color: #333;
	   	font-weight:500;
}

/* Links im Absatz*/
#oben .daten p a{
		color:#000;
}
#oben .daten p a:hover,
#oben .daten p a:focus{
		color:#000;
		background-color:#f66;
}

#oben .daten h2{
		margin-bottom:5px;
	 	color: #333;
	 	font-size: 30px;
	 	font-size:1.875rem;
	  	line-height: 40px;
	  	line-height: 2.5rem;
		font-weight:500;	
}
#oben .daten ul{
	  	 margin-bottom:13px;
	 	 margin-left: 40px;
		 padding-left: 0; /* Einrücken von Listen*/
}
#oben .daten ul li{
		font-size: 16px;
		font-size: 1rem;
		color: #333;
		font-weight: 500;
		padding-top: 1px;
		list-style-position: inside;
		list-style-type: none;
}

/*Links in den Listen*/
#oben .daten ul li a{
		color:#000;	
}
#oben .daten ul li a:hover,
#oben .daten ul li a:focus{
		color:#000;
		background-color:#f66;
}

/*Links in den Social Plugins*/
#oben .daten a{
		color:#000;	
}

#oben .daten a:hover,
#oben .daten a:focus{
		color:#000;
		background-color:#f66;
}

/*SCROLL TO TOP ==> Klick nach Oben*/
.row .column.full {
    	width: 100%;
    	position: relative;
}

.row .column.full p{
		padding:48px 12px;/*Abstände von  "Scroll to top"*/
}
	
.row .column.full p .top {
    	color: #fff;
    	background: #f03;
    	text-decoration: none;
    	text-transform: lowercase;
    	font-size: 1.125rem; /*18px*/
    	line-height: 1.75rem;/*30px*/
		border: 2px solid #dadbdf;
		/*border-radius: 15px;*/
    	padding: 6px 12px 3px 12px ;
    	margin-left: 50%;
}

.row .column.full p .top:hover,
.row .column.full p .top:focus {
    	background: #fff;
    	color: #f03;
    	text-decoration: none;
    	text-transform: lowercase;
    	font-size: 1.125rem; /*18px*/
    	line-height: 1.75rem;/*30px*/
    	border: 2px solid #dadbdf;
		/*border-radius: 15px;*/
    	padding: 6px 12px 3px 12px ;
    	margin-left: 50%;
}
/*Wenn das Browser-Fenster 769px oder kleiner ist, ändert sich etwas*/
@media screen and (max-width: 769px) {
#oben .daten h1{
	  font-size: 2.563rem; /*41px*/
	  line-height: 3.125rem;/*50px*/	
}
#oben .daten h2{
		margin-bottom:5px;
	 	font-size:1.875rem;/*30px*/
	  	line-height: 2.5rem;/*40px*/	
}

.row .column.full p .top{
    margin-left: 20%;
  }
}

@media screen and (max-width: 667px) {
#oben .daten {
    	max-width: 100%;
    	margin: 40px 10px;
    	overflow: hidden;
		padding: 20px 23px 0px 23px;
}
#oben .daten h1{
	  margin-bottom:19px;
	  margin-top:10px;

	  font-size: 40px;
	  font-size: 2.5rem;/*40px*/
	  line-height: 3.125rem;/*50px*/	
}
#oben .daten p{
	  	margin-bottom:19px;
	  	font-size: 1rem;/*16px*/
	   	font-weight:500;
}
#oben .daten h2{
		margin-bottom:5px;
	 	font-size:1.75rem;/*28px*/
	  	line-height: 2.375rem;/*38px*/	
}
}

/*Wenn das Browser-Fenster 570px oder kleiner ist, ändert sich etwas*/
@media screen and (max-width: 570px) {
#oben .daten {
    	max-width: 100%;
    	margin: 40px 10px;
    	overflow: hidden;
		padding: 20px 22px 0px 22px;
}
#oben .daten h1{
	  margin-bottom:19px;
	  margin-top:10px;

	  font-size: 2.375rem;/*38px*/
	  line-height: 3rem;	/*48px*/
}

#oben .daten h2{
		margin-bottom:5px;
	 	font-size:1.625rem;/*26px*/
	  	line-height: 2.25rem;/*38px*/	
}
}
/*Wenn das Browser-Fenster 545px oder kleiner ist, ändert sich etwas*/
@media screen and (max-width: 545px) {
#oben .daten {
    	max-width: 100%;
    	margin: 40px 8px;
    	overflow: hidden;
		padding: 20px 21px 0px 21px;
}
#oben .daten h1{
	  margin-bottom:19px;
	  margin-top:10px;

	  font-size: 2.063rem;/*33px*/
	  line-height: 2.688rem;/*43px*/	
}
#oben .daten h2{
		margin-bottom:5px;

	 	font-size:1.5rem;/*24px*/
	  	line-height: 2.125rem;	/*34px*/
  }
}

@media screen and (max-width: 480px) {
#oben .daten {
    	max-width: 100%;
   		margin: 40px 6px;
    	overflow: hidden;
		padding: 20px 20px 0px 20px;
}
#oben .daten h1{
	  	font-size: 1.875rem;/*30px*/
	  	line-height: 2.5rem;/*40px*/	
}
#oben .daten ul{
	  	margin-bottom:13px;
	 	margin-left: 21px;
		padding-left: 0; /* Einrücken von Listen*/
}
#oben .daten h2{
		margin-bottom:5px;

	 	font-size:1.313rem;/*21px*/
	  	line-height:  1.875rem;/*30px*/	
}	
#oben .daten h3{
	 	font-size:1rem;/*16px*/
	  	line-height:  1.75rem;	/*28px*/
}  
}

@media screen and (max-width: 418px) {		
#oben .daten {
    	max-width: 100%;
    	margin: 40px 3px;
    	overflow: hidden;
		padding: 20px 19px 0px 19px;
}
#oben .daten h1{
	  	font-size: 1.688rem;/*27px*/
	  	line-height: 2.313rem;/*37px*/	
}
#oben .daten ul{
	 	margin-left: 19px;
}
#oben .daten h2{
	 	font-size:1.25rem;/*20px*/
	  	line-height:  1.875rem;	/*30px*/
}	
}

@media screen and (max-width: 350px) {
#oben .daten {
    	max-width: 100%;
    	margin: 40px 0px;
    	overflow: hidden;
		padding: 20px 12px 0px 9px;
}
#oben .daten h1{
	  font-size: 1.563rem;/*27px*/
	  line-height: 2.188rem;/*35px*/	
}
#oben .daten p{
	   	font-size: 14.5px;
	  	font-size: 0.906rem;/*14.5px*/
}
#oben .daten ul{
	  	margin-bottom:13px;
	 	margin-left: 9px;
		padding-left: 0; /* Einrücken von Listen*/
}
#oben .daten h2{
	 	font-size:1.188rem;/*19px*/
	  	line-height: 1.813rem;	/*29px*/
}	
#oben .daten h3{
	 	font-size:1.063rem;/*17px*/
	  	line-height: 1.688rem;/*27px*/	
}
}

@media screen and (max-width: 270px){
#oben .daten h1{
	  font-size: 1.4375rem;/*23px*/
	  line-height: 2.188rem;/*35px*/	
}
}