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



*, html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Verdana, "sans-serif";
	font-size: 1em;
		scroll-behavior: smooth;
}
html, body {
/*		height: 100%;*/
}
body {
    /*	*/
    background-image: url(../images/design/bg_blau.png);
    background-repeat: repeat;
}
#wrapper {
/* */min-height: 100%;
	height: auto;
background-color: #ffffff;}

.unsichtbar {
	display: none;
	visibility: hidden;
}
.clear {clear:both;}

.left {
	float: none;
}
#welcomebox {
    color: #fff;
	background-color: rgba(0,109,254,0.95);
	padding: 30px;
	position: relative;
	z-index: 100;
}
@media only screen and (min-width: 930px) 
{
	#welcomebox {
	padding-left:80px;
	padding-right:80px;
}
}
@media only screen and (min-width: 1500px) 
{
	#welcomebox {
	background: none;
	margin-top:-250px;
	height: 200px;
	overflow: hidden;
	padding-top: 15px;
}
}
#welcome p {
	padding-top: 5px;
	padding-bottom: 5px;
}


.w50 {width: 100%; margin-bottom: 15px; padding-bottom: 15px;}
.w25 {width: 100%; margin-bottom: 30px; padding-bottom: 30px;}
#welcome .topkreisbox.w25 {border-bottom: 1px dashed rgba(253,253,253,0.89);}
#welcome .topkreisbox.w25.letzte {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
#welcome .w50 h1, #welcome .w50 p {	margin-right: 20px;}

@media only screen and (min-width: 600px) 
{
	.left {float: left;}
	.w25 {width: 49%;}
	#welcome .topkreisbox.w25 {border-right: 1px dashed rgba(253,253,253,0.89); border-bottom: none;}
	#welcome .topkreisbox.w25.letzte {border-right: none;}
}
@media only screen and (min-width: 930px) 
{
	.w50 {width: 43%; margin-bottom: 0px; padding-bottom: 0px;}
	.w25 {width: 28%; margin-bottom: 0px; padding-bottom: 0px;}
}
.topkreisbox {
	text-align: center;
}
@media only screen and (min-width: 600px) 
{
	.topkreisbox {
		text-align: center;
	}
	.topkreisbox h1, .topkreisbox p {
		padding-left: 30px;
		padding-right: 30px;
	}
	
}
.topkreisbox .kreis_120 {
    width: 120px;
    height: 95px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 50px;
	padding-top: 25px;
}
@media only screen and (min-width: 1500px) 
{
 .topkreisbox .kreis_120 {
	width: 100px;
    height: 85px;
    border-radius: 50px;
	padding-top: 15px;
	}
}

.textbutton, .textbutton_grau {
	color: rgba(0,109,254,1.00);
	background-color: rgba(246,224,36,1.00);
	text-decoration: none;
    border: 1px solid rgba(246,224,36,1.00);
    text-align: center;
    border-radius: 5px;
	font-size: 90%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.textbutton:hover, .textbutton_grau:hover {
	background-color: #fff;
    border: 1px solid #fff;
}
.textbutton_grau {background-color:rgba(70,70,70,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}
.textbutton_grau:hover {background-color: rgba(0,109,254,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}
#content {
	position: relative;
	background: #fff;
	text-align: left;
	padding: 30px;
	clear: both;
	line-height: 150%;
}
@media only screen and (min-width: 930px) 
{
	#content {
	padding-left:80px;
	padding-right:80px;
}
}
#content a {
	color: rgba(0,109,254,1.00);
	text-decoration: underline;
}
#content p {
	margin-bottom: 20px;
	margin-top: 10px;
}
#content h1 {
    font-weight: normal;
    font-size: 200%;
    color: rgba(0,109,254,1.00);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(225,225,225,1.00);
	line-height: 170%;
/*	text-transform: lowercase;*/
}
#content h2 {
	font-weight: normal;
	font-size: 150%;
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 5px;
}
#content h3 {
	font-weight: normal;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: 5px;
}

#content .top {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 5px;
}
#content .top_mit_trennstrich {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(225,225,225,1.00);
}
#content .top a, #content .top_mit_trennstrich a {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
	display: block;
	width: 100%;
}
#content ul { 
   padding-left: 1.7em;
}
#content ol { 
   padding-left: 2.5em;
}

#content li {
	list-style-position: outside;
}

#boxf1 .box{
	width: 100%;
	margin-bottom:10px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:10px;
}
#boxf1 .box a {text-decoration: none; color: #000;}
#boxf1 .box .text {padding-top:50%;}
#boxf1 .textbutton {background-color:rgba(70,70,70,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}
#boxf1 .textbutton:hover {background-color: rgba(0,109,254,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}

    
    
    #boxf2 .box{
	width: 100%;
	margin-bottom:10px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:10px;
}
#boxf2 .box a {text-decoration: none; color: #000;}
#boxf2 .box .text {padding-top:50%;}
#boxf2 .textbutton {background-color:rgba(70,70,70,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}
#boxf2 .textbutton:hover {background-color: rgba(0,109,254,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}


@media only screen and (min-width: 930px) {
	#boxf2 .box{	
		width: calc(50% - 20px) ;
		float: left;
		margin-right:30px;
	}

	#boxf2 .box:nth-child(2n){	
		width: calc(50% - 20px) ;
		float: left;
		margin-right:0px;
/*        background-color: aqua;*/
	}
}
    
#boxf3 .box, #boxf3 .boxdoppel{
	width: 100%;
	margin-bottom:10px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:10px;
}
#boxf3 .box a, #boxf3 .boxdoppel a {text-decoration: none; color: #000;}
#boxf3 .box .text, #boxf3 .boxdoppel .text {padding-top:50%;}
#boxf3 .textbutton {background-color:rgba(70,70,70,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}
#boxf3 .textbutton:hover {background-color: rgba(0,109,254,1.00); color:rgba(253,253,253,1.00); border-color: rgba(70,70,70,1.00);}


@media only screen and (min-width: 930px) {
	#boxf3 .box{	
		width: calc(33.33% - 20px) ;
		float: left;
		margin-right:30px;
	}
    
    #boxf3 .boxdoppel{	
		width: calc(66% - 40px) ;
		float: left;
		margin-right:30px;
	}

	#boxf3 .box:nth-child(3n){	
		width: calc(33.33% - 20px) ;
		float: left;
		margin-right:0px;
/*        background-color: aqua;*/
	}
    
    

}

#boxf4 {
	clear: both;
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(225,225,225,1.00);
	padding-top:40px;
}
#boxf4 .box{
	width: calc(50% - 10px);
	float: left;
	margin-right:20px;
	margin-bottom:50px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:10px;
}
#boxf4 .box4, #boxf4 .box2{	
	float: right;
	margin-right:0px;}

#boxf4 .box a {text-decoration: none; color: #000;}
#boxf4 .box .text {margin-top:70%;background-color: rgba(0,109,254,1.00);  color: #fff; padding-left: 4px; padding-right: 4px;}


@media only screen and (min-width: 930px) {
	#boxf4 .box{	
		width: calc(25% - 15px) ;
	}
	#boxf4 .box4{	
		float: right;
		margin-right:0px;}
	#boxf4 .box2 {
		float: left;
		margin-right: 20px;
	}}

.textcontent strong {
	font-weight: 100;
}
.textcontent {
	width:auto;
}


@media only screen and (min-width: 1500px) 
	{
	.textcontent {padding-right: 400px; }
    }


.infocontent {
	width: 100%;
	height: auto;
	margin-top:  80px;
}
	@media only screen and (min-width: 1500px) 
	{
	.infocontent {
	position: absolute;
	top: 30px;
	right: 80px;
	width: 350px;
	margin-top:0px;
	}		
	}
.infocontent li {
    list-style-type: none;
	list-style-position: outside;
}
.infocontent ul { 
/*   margin-left: -1.7em;*/
}

.infocontent li::before  {
  content:"> ";    
    margin-left: -20px;
}
#content .infocontent .topnews li a{
	text-decoration: none;
	color: rgba(70,70,70,1.00);
}
.newsfotobox {
width: 100%;  
float: none;
}
.newsfotobox img {width: 100%;}

@media only screen and (min-width: 930px) {
    .newsfotobox {
    width: 40%;  
    float: right;
    margin-left: 15px;
        margin-bottom: 15px;
    }
}

.pdflink, .weblink, .blaetterlink{
	background-image: url(../images/design/pdfhinweis.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 32px;
} 
.weblink{
	background-image: url(../images/design/webhinweis.png);
}
.blaetterlink{
	background-image: url(../images/design/blaetterhinweis.png);
}
.textklein {
	font-size: 80%;
}


	@media only screen and (min-width: 1500px) 
	{
.textcontent .bildlinks {
	float: left;
	margin-right: 50px;
}
		.textcontent .bildrechts {
	float: right;
	margin-left: 50px;
}}

form input, form textarea, form select {
			padding: 3px;
			border: 1px solid rgba(163,163,163,1.00); 
}
form input[type="text"], form textarea {
	width: 100%; 
}

form input[type="submit"] {
	width: 100%; 
	padding: 6px; 
	border: 1px solid rgba(163,163,163,1.00); 
	margin-bottom: 20px; 
	background-color: rgba(0,109,254,0.63); 
	color:#fff; 
	font-weight: bold; 
	cursor: pointer;
}
form input[type="submit"]:hover {
		background-color: rgba(0,109,254,1.00); 
}
.text90 {font-size:90%}
.gruen { color: rgba(28,132,16,1.00);}
.rot { color: rgba(253,1,5,1.00);}
.blau { color: rgba(0,109,254,1.00);}
.fett {font-weight: bold;}
.fka_wrap {margin-top: 30px;}
.fka_box {margin-top: 30px; margin-bottom: 30px;}
.fka_info {font-size: 250%; line-height: 200%;}
.fkfrei, .fkgesperrt {font-size: 220%;}
.fka_feet {margin-top: 50px;}

.fkfrei::after {
  content: " \2713";
}
.fkgesperrt::after {
  content: " \2717";
}


.fka_zusatzinfo {margin-top: 30px;}
.fka_datenst {font-size: 90%;}
.fka_zusatzinfo .textbutton_grau {padding: 5px; margin-top: 10px; margin-bottom: 10px; font-size: 120%;}


.insta {
 width: 28px;
  height: 28px;   
    background-image: url(../images/instagram_blk.png);
    background-position: right, bottom;
    background-repeat: no-repeat;
margin-bottom:-5px;}
.insta:hover {
    background-image: url(../images/instagram.png);
}

.justprint {
    display: none;
}
.qrkart1 {
display: none;
}
.qrkart2 {
    display: block;
    float: none;
    padding: 1px;
    text-align: center;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    border-style: solid;
    width: 145px;
    margin-left: auto;
    margin-right: auto;
    }
@media only screen and (min-width: 930px) {
    .qrkart1 {
    display: block;
    float: right;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    width: 145px;
    }
    .qrkart2 {
    display: none;
}
}