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

/* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */

/* gold-#c09b34 // rgba(192,155,52,0.5); */

/* dunkelblau-#004b85 // rgba(0,75,133,0.5); */

/*hellblau-#c1d6f5* // rgba(193,214,245,1.0); */



/*----------------------- control elements------------------------ */

.maxwidth {
	max-width: 1500px;
}

.noscroll {
	
	overflow: hidden;
}
	
	.dev {
	border: solid;
	border-width: 1px;
	opacity: 1;
	
}

.container noscroll {
	
	overflow-y: hidden;
}


.fix {
  position: fixed;
  top: 0;	
}

.hidden {
	
	color: #c1d6f6; 
	
}

.hidden a{
	
	text-decoration: none;
	color: #c1d6f6;
	
}
/* --------------------------main settings-------------------------------------------------------------*/



svg {
	
	background-color: transparent;
	
}

td img {
	
	max-width: 50vw;

}

.BackToTop {
	text-align: right;	
	padding-right: 4%;
	width: 30%;
	color: #004b85;
	background-color: #fffffa;
}

.BackToTop a{	
	
	color: #004b85;

}


.bgnd {
	background-image: url(Backgrounds/bgnd2.jpg);
	background-size: cover;

}



body {
	overflow-x: hidden;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
/*	background-color: #fffffa; */
	background-color: #004b85;
	overflow-x: hidden;	    
}






.container  {
	width: 98vw;
	max-width: 1500px;
	height: 98vh;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;	
	z-index: 0;
	overflow-x: hidden;
}





.cardcontainer {

	width: 98%;
	min-height: 35vh;
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	border-style: solid;
	border-width: 3px;
	border-color: #fffffa;

}



.cardset {
	padding: 1%;
	width: 98%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	background-color: transparent;
}

.cardtextkompakt a {
	color: #004b85;
	text-decoration:none;
}

/* @media print { */
.printcontainer {
	padding: 17mm;
	margin: auto;
	width: 21cm;
	height: 29.7cm;
/*	margin: 15mm 15mm 15mm 15mm; 
	/* change the margins as you want them to be. */
	background-color: #004b85;
	color-adjust: exact;
    -webkit-print-color-adjust:exact;
	/*  padding-top: 49.4%; /* 1:1 Aspect Ratio */
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
/*	border-radius: 80px 80px; */
	border-color: #FFFFFF;

	   }
	   
.printframe	  {
	padding-left: 14mm;
	padding-top: 12mm;
	width: 20cm;
	height: 28.7cm; 
	background-color: #FFFFFF;
	color-adjust: exact;
    -webkit-print-color-adjust:exact;
	border-radius: 80px 80px;
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	
}


.printframe	table  {
	color: #004b85;
	font-size: 25px;
	text-align: left;
}

.printframe	table th  {
	color: #004b85;
	font-size: 30px;
	text-align: left;
}

.printframe	table td  {
	height: 50px;
}

.printcard {
	margin: 0.1cm;
	width: 8.8cm;
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;

	background-color: #FFF;
	border-color: #004b85;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px 5px;
	

	   } 
	   
.printfoto {
	width: 1.8cm;
	border-color: #FFFFFF;
	border-width: 5px;
	border-style: solid;
	border-radius: 5px 5px;
	

	   } 
	   
.printdata {
	padding: 1mm;
	width: 7cm;
	font-size: 14px;


	   } 
	   
.printdata a{
	text-decoration: none;
	color: #000000;


	   } 
.printwarper {

	width: 100%;
	height: 15px;
	background-color: #004b85;


	   } 
	   
.printtxt {
	margin: 5mm;
	padding: 5mm;
	color: #004b85;
	background-color: #FFFFFF;
	font-size: 25px;


	   } 
  





@media screen and (orientation: landscape) {
.card {
	padding-left: 2%;
	width: 70%;
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: transparent;
}
}

@media screen and (orientation: landscape) {
.cardkompakt {
	margin: 1%;
	padding: 1%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 46%;
	color: #004b85;
	font-size: 1.0em;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	
}
}

@media screen and (orientation: landscape) {
.cardtextkompakt {
	padding-left: 2%;
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	color: #004b85;
	font-size: 1em;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	
}
}

@media screen and (orientation: portrait) {
.cardkompakt {
	margin: 1%;
	padding: 1%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	color: #004b85;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	
}
}

@media screen and (orientation: portrait) {
.cardtextkompakt {
	padding-left: 2%;
	width: 98%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	color: #004b85;
	font-size: 1em;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	
}
}






@media screen and (orientation: portrait) {
.card {
	padding-left: 2%;
	width: 70%;
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: transparent;
}
}





@media screen and (orientation: landscape) {
.cardfoto {
	text-align: center;
	width: 15%;
	color: #004b85;
	font-size: 1.0em;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	background-color: #fffffa;
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
	
}
}

@media screen and (orientation: portrait) {
.cardfoto {
	text-align: left;
	width: 28%;
	color: #004b85;
	font-size: 1em;
	/*background: linear-gradient(to right, rgba(255,255,250,0.8) 45%, rgba(193,214,245,1.0) 75%); /* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	background-color: #fffffa;
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
	
}
}




.cardname {
	cursor: pointer;
	text-align: left;
	color: #fffffa;
}



#carddata img {
	background-color: transparent);
}

/*
#cardbutton:hover + #carddata {
	display: inline-block;
}
*/

#cardbutton:focus + #carddata {
	display: inline-block;
}




.logo {
	
	z-index: 2
	
	
	
	
	

}

.mainspacerv {
	display: block;
	width: 100%;
	height: 0.8vw;
	background-color: #fffffa;

}

.contentspacerv {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #fffffa;

}

.footer {
	width: 100%;
	height: 20px;
	background-color: #fffffa;
}

@media screen and (orientation: landscape) {
#MVerzeichnis {
	margin: 2%;
	width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: space-between;

}
}


@media screen and (orientation: portrait) {
#MVerzeichnis {
	margin: 2%;
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: space-between;

}
}

#MSubverzeichnis {
	max-width: 15%;
	padding: 0.5em;
	display: block;
	color:#c09b34;
	background-color:#fffffa;
	font-size: 1.0em;
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
}

#MSubverzeichnis a{
	color: #004b85;
	}
	
.MSubverzeichnisaktiv {
	max-width: 15%;
	padding: 0.5em;
	display: block;
	color: #c09b34;
	background-color:#c09b34;
	font-size: 1.2em;
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(0, 0, 0, 1.0));
	}
	
.MSubverzeichnisaktiv a{

	color: #fffffa;


	}




.newsspacerv {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fffffa;
}


.newsdate {
	
	width: 30vw;
	
	}
	
.newsdate a{
	
	text-decoration: none;
	text-shadow: 1px 1px #555555;
	color: #FFFFFF;
	}


.newswraper{
	width: 1vw;
	}


.newstext{
	padding-left: 1vw;
	border-left: solid;
	border-left-width: 1px;
	width: 60vw;
	}
	
.newstext a{
	
	text-decoration: none;
	color: #FFFFFF;	/* gold-#c09b34 hellblau-#c1d6f5* dunkelblau-#004b85 */
	text-shadow: 1px 1px #555555;
	}



#newssvg {
	margin-left: 2vw;
}


@media screen and (orientation: landscape) {
	
#listeButton {

	max-height: 2em;	
}

#Anmeldung {
	margin-left: 10%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-x: hidden;
}

	
#progintern {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

#anmeldeliste {
	width: 90%;
    min-height: 15vh;
	display: none;
	color: #004b85;
	overflow-y: scroll;
/*	font-size: 0.2em; */
}
}

@media screen and (orientation: portrait) {
#progintern {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#anmeldeliste {
	padding-right: 2%;
	width: 90vw;
	min-height: 20vh;
	display: none;
	color: #004b85;
	overflow-y: scroll;
/*	font-size: 0.2em; */
}
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;	
}


.txtgoldb {
	font-weight: bold;
	color: #c09b34;		
}

.txtgoldb a{
	font-weight: bold;
	color: #c09b34;	
}


.Mtable {
	text-align: left;
	vertical-align: bottom;
	width: 90%;
	color: #004b85;
}

.Mtable td{
	text-align: left;
	vertical-align: bottom;
}

.motivtext {
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	color: #c09b34;
	vertical-align: bottom;
}

@media screen and (orientation: landscape) {
.bordertop {
	border-top-width: 4vw;
}
}

@media screen and (orientation: portrait) {
.bordertop {
	border-top-width: 1vw;
}
}

#protokolle {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-x: auto;
}
@media screen and (orientation: landscape) {
.Jahr {
	margin: 1%;
	min-width: 50%;
	height: 35vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #fffffa;
	border-style: solid;
	border-color: #fffffa;
	border-width: 3px;	
	overflow-y: scrollbar;
	overflow-x: hidden;
	
}

}

@media screen and (orientation: portrait) {
.Jahr {
	margin: 1%;
	min-width: 80%;
	height: 20vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #fffffa;
	border-style: solid;
	border-color: #fffffa;
	border-width: 3px;	
	overflow-y: scrollbar;
	overflow-x: hidden;
	
}

}

.Jahr a{
	
	color: #004b85;
	
}

.textcontent {
	padding: 1%;
	width: 98%;
	background-color: #c1d6f5;
	border-style: solid;
	border-with: 3px;
	border-color: #fffffa;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	color: #004b85;
	z-index: 1;
}

/*---------------------generell design settings ---------------*/



	
/*	background-image: linear-gradient(to bottom, rgba(255,255,255, 0.0) 45%, rgba(255,255,255, 1) 85%), url(Backgrounds/sommer1.jpg);
	background-size: cover;
*/


.hspacer3vw {
	width: 3vw;
	
}

.headlineblue {
	font-size: 2em;
	color: #004b85;
	line-height: 2em;	
}

.headlineblue a{
	color: #004b85;	
}


.headline {
	font-size: 2em;
	color: #c09b34;
	line-height: 2em;	
}

.headline a{
	color: #c09b34;
}

@media screen and (orientation: landscape){
#header {
	position: fixed;
	top: 0;
	width: 98vw;
	height: 14vw;
	max-width: 1500px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	z-index: 2;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: transparent;
/*	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;*/
	}

}
@media screen and (orientation: portrait){	
	#header {
	position: fixed;
	top: 0;
	width: 98vw;
	height: 20vw;
	max-width: 1500px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	z-index: 2;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: transparent;
/*	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;*/
	}
}

	
	
/*------------------------------ Landscape explicite settings---------------------------- */


@media screen and (orientation: landscape){
	
	
	
#navi {
	width: 98vw;
	max-width: 1500px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	z-index: 1;
	background-color: transparent;
}

#navip {
	
	display: none;
	
}
	
	

#newsbox {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #FFF; /*grün*/
	z-index: 1;

}

.newscontent {
	padding-left: 2%;
	max-height: 9vw;
	width: 98%;
	font-size: 1.8vw;
	font-weight: bold;
	display: flex;
	text-align: left;
	flex-directon: row;
	justify-content: flex-start;
	align-items: center;
	background-color: #c1d6f5;
	
}

.newsinternal {
	padding-left: 2%;
	height: 6vw;
	width: 98%;
	font-size: 1em;
	font-weight: bold;
	display: flex;
	text-align: left;
	flex-directon: row;
	justify-content: flex-start;
	align-items: center;
	background-color: #c1d6f5;
	border-style: solid;
	border-color: #fffffa;
	border-width: 3px;
	
}


.picture {
	margin-top: 6%;
	width: 100%;
	min-height: 40vh;
}




.dropbtn {

  width: 100%;
  aspect-ratio: 1 / 1; 	
  color: #000;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image:url(pics/menu100.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 3;

}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #transparent;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: fixed;
    top: 0;
	width: 9%;
	max-width: 150px;
	aspect-ratio: 1 / 1; 
  	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	background-color: #transparent;
	z-index: 3;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  padding: 5%;
  width: 800%;
  max-width: 1200px;
  margin-right: 0;
  flex-direction: row;
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  color: #c09b34;
  background-color: rgba(0,75,133,1);
  font-size: 1em;
  line-height: 2.5em;
  border: solid;
  border-width: 3px;
  border-color: #fffffa;
/*  box-shadow: 0px 0.5px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 5;
  text-align: left;
  overflow-y: auto;
}

.dropdowncategory {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: space-between;
	color: #c09b34;
}


.dropdown-content a {
  color: #fffffa; /* #c1d6f5; */
 /* padding: 0.5em 0.5em; */
  text-decoration: none;
  
  
}

.dropdownheader a {
	color: #c09b34;
}


/* Links inside the dropdown */


.dropdown-content.txtgoldb a {
  color: #c09b34; /* #c1d6f5; */
 /* padding: 0.5em 0.5em; */
  text-decoration: none;
   
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	/* background-color: #c09b34; */
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(255, 255, 255, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(255, 255, 255, 1.0));
	}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: flex;
}

}



/*------------------------------ Portrait explicite settings---------------------------- */


		
/*@media screen 
and (orientation: portrait) {
*/	
	
	





@media screen and (orientation: portrait) { 



#navi {
	
	display: none;
	
}

#navip {
	width: 98vw;
	max-width: 1500px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	z-index: 1;
	background-color: transparent;
}



	
#newsbox {
	postion: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #FFF; /*grün*/
	z-index: 1;

}


.newscontent {
	margin-bottom: 0vw;
	padding-left: 2%;
	max-height: 20vw;
	width: 98%;
	font-size: 3.8vw;
	font-weight: normal;
	display: flex;
	text-align: left;
	flex-directon: row;
	justify-content: flex-start;
	align-items: left;
	background-color: #c1d6f5;
}

.picture {
	margin-top: 6%;
	width: 100%;
	min-height: 25vh;
}


/* -----------------------------------------dropdown menue----------------------------------------*/

/* Style The Dropdown Button */
.dropbtn {

  width: 100%;
  aspect-ratio: 1 / 1; 	
  color: #000;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image:url(pics/menu100.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 3;

}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #transparent;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: fixed;
    top: 0;
	width: 12%;
	aspect-ratio: 1 / 1; 
  	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	background-color: #transparent;
	z-index: 3;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  padding: 5%;
  width: 300%;
  min-height: 12vw;
  margin-right: 0;
  flex-direction: row;
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  color: #fffffa;
  background-color: rgba(0,75,133,1);
  font-size: 1em;
  line-height: 2em;
  z-index: 3;
  border: solid;
  border-width: 3px;
  border-color: #fffffa;
/*  box-shadow: 0px 0.5px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 5;
  text-align: left;
  overflow-y: auto;
}

.dropdowncategory {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: space-between;
}
/* Links inside the dropdown */


/* Links inside the dropdown */
.dropdown-content a {
  color: #fffffa; /* #c1d6f5; */
 /* padding: 0.5em 0.5em; */
  text-decoration: none;
   
}

.dropdownheader a {
	color: #c09b34;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	/* background-color: #c09b34; */
	-webkit-filter: drop-shadow( 5px 5px 3px rgba(255, 255, 255, 1.0));
  	filter: drop-shadow( 5px 5px 3px rgba(255, 255, 255, 1.0));
	}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}


}