@font-face {
  font-family: 'Open Sans';
  src: url('../Fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: 'Open Sans', sans-serif !important;
}


html {
overflow-y: scroll;
overflow-x: hidden;
}

body {
-webkit-text-size-adjust: none;
height: 100%;
background-color: white;
background-size: auto, 100%;
}


.klein {font-size: 15px !important; }


#Sterne {display:none;}
#Sterne2 {display:none;}

.grosslink {  display: flex; align-items: center;
	justify-content: center; 
font-size: 17px;}


.linkgrey {  font-size: 17px; color:darkgrey; }

.linkgrey:visited {  font-size: 17px; color:darkgrey; }
.linkgrey:hover {
    color:grey;
}

.linkgrey:active {
    color:grey;
}


.roterbg { background-color: rgb(142, 21, 56); width:100%; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px;}

.umfluss {
width: 320px;
max-width:60%;
}

.titellogo {width: 90%; max-width: 600px;}


#blogbild {
width:100%;
	height: auto;
}


#blogbildkl {

width:17%;
	height: auto;
min-width:150px;

}

.bildnebentext {

width:10%;
	height: auto;
min-width:130px;
	display: inline-block !important;
margin-right:50px;
margin-bottom:20px;
	margin-top:20px;
	vertical-align:top;
}


.textnebenbild
{ display: inline-block !important; }



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: white;
  color: rgb(133, 117, 78);
  cursor: pointer;
	margin-left: 0%;
	margin-right: 0%;
  padding-left: 21px;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:16px;
  width: 100%;
  text-align: left;
	font-size:18px;
 border: 2px solid rgb(133, 117, 78);
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {

}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0px 0px 0px 0px;
  background-color: white;
		border-top: 2px solid rgb(133, 117, 78);
			border-bottom: 2px solid rgb(133, 117, 78);
	color: black;
  display: none;
  overflow: hidden;
	margin-left:6%;
		margin-right:6%;
	width: 88%;
}

.panel p {margin-left:30px; margin-right:30px;}

.accordion:after {
  content: '\271A'; /* Unicode character for "plus" sign (+) */
  font-size: 17px;
color: rgb(133, 117, 78);
  float: right;
}

.active:after {
  content: "\25AC"; /* Unicode character for "minus" sign (-) */
}





.einzug {padding-left:40px; }

ol {padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:20px; background-color: rgba(205, 131, 35, 0.2);}

.aufzaehlung { color: blue; font-size: 17px; color: black; }


ul li::marker {
  color: rgba(205, 131, 35, 1);
}


ul.ganzeliste {
    list-style-type:disc;
	padding-left:20px;
	color: black;
}

ul.ganzesmainmenu {
    list-style-type:none;
}


a {
    color:rgb(142, 21, 56);
    text-decoration: none;
		font-size:15px;
}

a:visited {
    color:rgb(142, 21, 56);
}

a:hover {
    color:black;
}

a:active {
    color:black;
}


li.liste {
color:black;
		font-size:17px;
}

li.mainmenu {
display: block;
list-style-type:none;
padding-left: 12px;
padding-right: 12px;
line-height:28px;

}

li.mainmenu a {
    color:white;
    text-decoration: none;
		font-size:20px;
}

li.mainmenu a:visited {
    color:white;
}

li.mainmenu a:hover {
    color:black;
}

li.mainmenu a:active {
    color:black;
}


#inhalt {
animation: einblenden 2s;
-moz-animation: einblenden 2s; /* Für Firefox */
-webkit-animation: einblenden 2s; /* Für Safari und Chrome */
-o-animation: einblenden 2s; /* Für Opera */
}

header {
    animation: einblenden 3s;
    -moz-animation: einblenden 3s; /* Für Firefox */
    -webkit-animation: einblenden 3s; /* Für Safari und Chrome */
    -o-animation: einblenden 3s; /* Für Opera */
    }

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

* {
box-sizing: border-box;
padding: 0;
margin: 0;
word-wrap: break-word;
}


h1 {
color:white;
font-size:24px;
margin-top: 24px;
}

h2 {
font-size:33px;
color: black;
margin-top:35px;
}

h3 {
color: white;
font-size:21px;
}

.slogan1 {
display:none;
}

.slogan2 {
    display:none;
    }
	

a.nodecoration:link {
	text-decoration:none;
	color:black;
}
a.nodecoration:visited {
	text-decoration:none;
	color:black;
}
a.nodecoration:hover {
	text-decoration:none;
	color:black;
}
a.nodecoration:hover {
	text-decoration:none;
	color:black;
}
		

.btn {
font-size:17x;
padding: 12px 17px;
border:hidden;
background-color: black;
cursor: pointer;
text-align: center;
color:white !important; 
margin-right:16px;
margin-bottom:16px;
margin-top:10px;
	border-radius: 4px;
}

  
.btn:hover {
background-color: rgb(44, 165, 153); 
  }
  
.btn:active {
background-color: rgb(44, 165, 153);
  } 

#wakeup {
width:100%;
float:left;
margin-right:30px;
margin-bottom:20px;
}

#portrait {
width:100%;
float:left;
margin-right:30px;
margin-bottom:20px;
}




header {
max-width: 100%;
justify-content: center;
padding: 10px;
text-align: center;
}


nav a {
text-decoration:none;
}


footer {
max-width: 100%;
display:flex;
justify-content:center;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
margin-left:30px;
margin-right:30px;
padding-top: 25px;
color: black;
border-top:rgb(133, 117, 78) solid 1px;
	border-bottom:rgb(133, 117, 78) solid 1px;
}


article {
width: 100%;
color: white;
}


aside {
    width: 100%;
    padding-left:30px;
    padding-right:30px;
    color: black;
    }

.absatz {
font-size: 18px;
margin-top:18px;
float:clear;
}



p {
	font-size:17px;
}


  fieldset {
	border-radius: 4px;
	border: 1px solid black;
	padding: 0 20px;
	margin: 0px;
	appearance: none;
  }
  legend {
	padding: 0 20px;
	color: black;
	text-align: left;
  }
  label {
	display: block;
	margin-bottom: .15em;
	margin-top: 1em;
	color: black;
  }
  select:invalid {
	color: gray;
  }
  option[value=""][disabled] {
	display: none;
  }
  option {
	color: black;
  }
  
  input,
  select,
  textarea {
	width: 100%;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background: #eeeeee;
	box-shadow: none;
	box-sizing: border-box;
	font-size: 1em;
	appearance: none;
  }
  input:focus,
  select:focus,
  textarea:focus {
	border-color: #999;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  }
  

textarea {
	width: 100%;
	min-height: 65px;
	max-height: 400px;
    resize: vertical;
}


.nichz {
width: 100%;
height: auto;
}

.nichz-behaelter {
width: 220px;

}

.nichz-behaelter:hover {

}	


@media only screen and (min-width: 992px) {
	

#blogbild {
width:75%;
max-width:750px;
	height: auto;
}

.accordion {
width: 80%; 
	margin-left:10%;}
	
	.panel {
	margin-left:15%;
	margin-right:5%; }
	
	.panel {width: 70%;}
	
.eng {
	width:75%;
}

aside {
width: 100%;
float: left;
align-items:flex-start;
margin-bottom:25px;
padding-left:15%;
padding-right:15%;
}

article {
width: 100%;
float: left;
align-items:flex-start;
margin:0px;

}

header {
margin-right: 0px;
margin-bottom:25px;
margin-left:0px;
padding-bottom:0px;
background-repeat:no-repeat;
}

footer {
clear: both;
display:flex;
text-align: center;
margin-top:50px;
}


h1 {
font-size:30px;
margin-top:15px;
margin-bottom:30px;
line-height: 30px;

	
}

h2 {
display:none;
}
	
h3 {
font-size:21px;

}

.slogan2 {
display:block;
font-size:15px;
line-height:19px;
color: black;
position:absolute;
top: 50px;
right:5%;
animation-name:vonrechts;
animation-duration:3s;
animation-fill-mode: forwards;
		text-align: right;
}

.slogan1 {
    display:block;
    font-size:15px;
    line-height:19px;
    color: black;
    position:absolute;
    top: 50px;
    left:5%;
    }

@keyframes vonrechts {
0% {
opacity: 70%;
top: 50px;
right: -90%;
}
100% {
opacity: 100%;
top: 50px;
right: 5%;
}
}

#wakeup {
width:480px;
max-width:65%;
}
	
	#portrait {
width:360px;
max-width:50%;
}

.umfluss {
position:relative;
animation-name:fromright;
animation-duration:2s;
animation-fill-mode: forwards;
margin-bottom:30px;
}

@keyframes fromright {
0% {
opacity: 70%;
left: 40%;
}
100% {
opacity: 100%;
left:0%;
}
}

li.mainmenu {
display: inline;
list-style-type:none;
padding-left: 12px;
padding-right: 12px;
	font-size:20px;
}		

footer {
margin-left: 150px;
margin-right: 150px;
}

.versteckt {
	display: none;
}	


	
	
	.roterbg { background-color: rgb(142, 21, 56); width:100%; padding-top: 20px; padding-left: 40px; padding-bottom: 20px; padding-right: 40px;}
	
}



	@media only screen and (orientation: landscape) { 

	.titellogo {height: 88vh;
          width: auto;
	object-fit: contain; display: block; margin: 0 auto; max-width:1200px;}

}

	@media only screen and (max-width: 991px) { 

	.titellogo {width: 92%; max-width:1200px;
          height: 56vh;
	object-fit: contain; display: block; margin: 0 auto; overflow-x:hidden;
}




@media only screen and (orientation: landscape) and (min-width: 992px) {

	#Sterne {display: block; position:absolute; left:3%; top:120vh; width:100px; opacity:0.7;}
		#Sterne2 {display: block; position:absolute; right:3%; top:127vh; width:100px; opacity:0.7;}

}


@media only screen and (max-width: 991px) {

	#Adresszeilen {background-color: white; border-top: 1px solid rgb(133, 117, 78); position:sticky; bottom: 0; left: 0; right: 0; z-index:1000000; padding-top:24px; margin-bottom:18px; width:100%; }
	
	footer { margin-bottom: 0; margin-top: 0; border-top: none; border-bottom:none; }


	

	
}