@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);



body {background-color: #153752; color: black; margin: 0; font-family: 'Montserrat', sans-serif;}



#header a:hover {color: #F6A623;}

#header a {color: #153752; float: right; font-size: 14px; font-weight: regular;}






.container {max-width: 1194px; margin: 0 auto; padding: 0; max-height: 250px; background-color: #e0dfd1;}

.container1 {max-width: 1000px; margin: 0 auto;}


#content a {color: #153752;}
#content a:hover {color: #F6A623;}


.post, .about {max-width: 800px; margin: 0 auto; padding: 30px 0;}


h1, h2, h3, h4 {color: #333;}

p {line-height: 1.5;}
.post-container {background-color: #e0dfd1;}
.post-container:nth-child(even) {background-color: #e7e6cf;}







#footer {background-color: #2f2f2f; padding: 50px 0;}

.column {min-width: 300px; display: inline-block; vertical-align: top;}



#footer h4 {color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em;}

#footer p {color: white;}

a {color: #e7e6cf; text-decoration: none;}
a:hover {color: #F6A623;}



.about-author img {width: 200px; height: 200px; vertical-align: middle;}
.about {text-align: center;}



#formular {color: #153752; font-weight: bold; text-align: ; margin-left: 0%;}

input {font-size: 14px; margin-bottom: 5px;}

button {font-size: 14px; font-weight: bold; color: #153752;}
textarea {font-size: 14px; font-weight: bold;}

#cookie-popup { 
color: white;
  text-align: center; 
  background: #fff;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

  }

 
#cookie-popup.hidden {
  display: none;
}

.navigation {position: fixed;
max-width: 45px;}

.dropbtn {
  background-color: #153752;
  color: white;
  padding: 2px 2px 0px 2px;
  font-size: px;
  border: none;
border-radius: 8px;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
cursor: pointer;

}

.dropbtn:active {
  background-color: #153752;
  box-shadow: 0 5px #666;
  transform: translateY(5px);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  
  min-width: px;
  
  z-index: 1

}


.dropdown-content a {
  color: black;
  padding: 2px 4px;
  text-decoration: none;
  display: block;
border: 1px solid #ddd;
margin: 4px 30px;
background-color: #ddd;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-radius: 2px;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #153752;}

.dropbtn:hover:not(.active) {opacity: 0.5;}

.homebuttonbutton {
  background-color: #153752;
  color: white;
  padding: 2px 2px 0px 2px;
  font-size: px;
  border: none;
	border-radius: 8px;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
cursor: pointer;
}

.homebuttonbutton:active {
  background-color: #153752;
  box-shadow: 0 5px #666;
  transform: translateY(5px);
}

.homebutton {
  position: relative;
  display: inline-block;

}

.homebuttonbutton:hover:not(.active) {opacity: 0.5;}

.center {
  text-align: left;
position: fixed;
}

.pagination {
  display: inline-block;

}

.pagination a {
  color: white;
  padding: 1px 18px;
  text-decoration: none;
  display: block;
border: 1px solid #ddd;
font-size: 24px;
background-color: #153752;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-radius: 8px;
margin: 35% -50%

}

.pagination a.active {
  background-color: #153752;
  color: white;
  border: 1px solid #153752;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.myButton {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #e7e6cf 5%, gray 100%);
	background-color: #ddd;
	border-radius:16px;
	display:inline-block;
	cursor:pointer;
	color: #ffffff;
	
	font-size:14px;
	font-weight:bold;
	padding:2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:linear-gradient(to bottom, gray 5%, #ddd 100%);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}


.plakate1 a:hover:not(.active) {opacity: 0.5;
	
}

.plakate1 a{
  padding: 0;
  border: none;
 
cursor: pointer;

}


.plakateALT a:hover:not(.active) {opacity: 0.5;
	position: relative;
	bottom: 1px;
}


.plakateALT a{
  padding: 0;
  border: none;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
cursor: pointer;

}

.post-title {text-shadow: 2px 5px 15px gray}

html {
  scroll-behavior: smooth;
}

.gallery {
  position: relative;
  text-align: center;
  color: white;
width: 150px;
hight: 250px;
display: inline;

}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}



.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #e0dfd1;
border-bottom: 5px solid #e0dfd1;
border-top: 5px solid #e0dfd1;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.flex-container > div {
  background-color: #;
  width: auto;
  margin: 5px;
  text-align: left;
  line-height: 20px;
  font-size: 30px;
}




.plakate a:hover:not(.active) {opacity: 0.5;
	position: relative;
	bottom: 1px;
}

.flex-container1 {
  display: flex;

  flex-wrap: nowrap;
  background-color: #e0dfd1;
border-bottom: 0px solid #e0dfd1;
border-top: 0px solid #e0dfd1;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
flex-direction: ;
}

.flex-container1 > div {
  
  width: auto;
  margin: 2px;
  text-align: left;
  line-height: 20px;
  font-size: 30px;

}

.plakate a{
  padding: 0;
  border: none;
 
cursor: pointer;

}