html {
	scroll-behavior:smooth;
    font-family: 'Vollkorn', serif;
	}

body {
	margin: 0px;
	background-image:url(../images/backgrounds/bg_paper01.jpg);
	background-repeat:repeat;
}

p {font-size:1.3em;color:#663300;position:relative:top:-10px;}

b {font-weight:800;}

ul {font-size:1.3em;color:#663300;}

h1 {
	font-family:'Prequel Rough', sans serif;
	font-size:4em;
	font-weight:400;
	line-height:0.7em;
	color:#663300;
	font-feature-settings: "liga" 0, "dlig" 0;
	margin: 5px 0;
}

h2 {
	font-family:'Prequel Light Italic', sans serif;
	font-size:2em;
	font-weight:400;
	line-height:0.3em;
	color:#663300;
  	font-feature-settings: "liga" 0, "dlig" 0;
}

h3 {
	font-family:'Prequel Light', sans serif;
	font-size:2em;
	padding: 0 7px;
	color:#663300;
  	font-feature-settings: "liga" 0, "dlig" 0;
}

h4 {
	font-family:'Prequel Light', sans serif;
	font-size:2em;
	font-weight:400;
	color:#39C;
	line-height:0.2em
  	font-feature-settings: "liga" 0, "dlig" 0;
	font-variant-ligatures: no-common-ligatures;

}

h5 {
 	font-family: 'Vollkorn';
  	font-style: normal;
  	font-weight: 700;
	font-size:1.5em;
	line-height:1.0em;
	color:#060;
	padding-top:-5px;

}


.patenser {
	font-family:'Libre Franklin', sans serif;
	font-size:0.7em;
	color:#ccc;
}

.brown {color:#663300;}

.date {
	font-size:1.5em;
	color:#663300;
	}


.main-wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
	top:-100px;
}

.wrapper {
	width:1000px;
	margin:0 auto;
}

.logo {
	position:relative;
	width:20vw;
	height:auto;
	border-radius:50%;
	margin: 0 auto;
	top:-10vw;
	box-shadow:
	0 1.4px 1.1px rgba(0, 0, 0, 0.034),
	0 3.3px 2.6px rgba(0, 0, 0, 0.048),
	0 6px 5px rgba(0, 0, 0, 0.06),
	0 10px 9px rgba(0, 0, 0, 0.072),
	0 20.5px 16.7px rgba(0, 0, 0, 0.086),
	0 30px 25px rgba(0, 0, 0, 0.12);
	transition-duration:0.3s;
	animation:ease-in-out;
}

/*a:hover .logo  {
	box-shadow:10px #FFF 100px 100px;
	width: 25vw;
	height: auto;
	transition-duration:0.5s;
	animation:ease-in-out;
}
*/
	

.containav {
	padding-top:10px;
	position:absolute;
	height:50px;
	background-image:url(../images/backgrounds/bg_paper_nav.jpg);
	width:100%;
	visibility:visible;
}

.navs {
	font-family:'Prequel light', sans serif;
	font-size:1.5em;
	color:#663300;
	text-decoration:none;
	margin:15px;
	text-shadow:#FFF 2px 2px;
}

.navs:hover {
	color:#56A6DC;
}

div.polaroid {
  width: calc(100%-24px);
  height: auto;
  background-color: white;
  border:solid #fff 12px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
  			  0 6px 12px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 3px;
}

div.pola2 {
  width: 43%;
  height: auto;
  background-color: white;
  border:solid #fff 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
  			  0 6px 12px 0 rgba(0, 0, 0, 0.19);
  margin: 2%;
  display:inline-block;
}

div.piccontainer {
  text-align: center;
}

.map {position:relative;top:-100px;}

.columns {
	column-count: 3;
	column-gap: 2em;
}

.pctxt {
	font-family:'Libre Franklin', sans-serif;
	color:#999;
	font-size:16px;
}

.dotheadl {
	background-image:url(../images/basics/repeat_dot.png);
	background-repeat:repeat-x;
	background-position:center center;

}

	.left {
			width:48%;display:inline-block;margin-right:2%;
	}
	
	.right {
		width:48%;display:inline-block;float:right;margin-left:2%;
	}


.container {
	position:relative;
  	display: flex;
  	flex-wrap: wrap;
}

.triblock {
	position:relative;
 	width: 30%;
	height:auto;
 	margin: 0 1%; 
}

	.triLeft {
		width:30%;display:inline-block;float:left;
	}
	.triMid {
		width:30%;display:inline-block;float:left;margin:0px 5%;
	}
	.triRight {
		width:30%;display:inline-block;float:right;
	}




		.quadLeft {
				width:22%;display:inline-block;float:left;margin-right:4%;
			}
			.quadMidLeft {
				width:22%;display:inline-block;float:left;margin-right:4%;
			}
			.quadMidRight {
				width:22%;display:inline-block;float:left;
			}
			.quadRight {
				width:22%;display:inline-block;float:right;margin-left:4%;
			}
			
			
.smoo {
	font-family:'Smooch', sans serif;
	font-size:3.5em;
	line-height:0.1em;
	color:#663300;
	text-decoration:none;
	text-shadow:#FFF 2px 2px;
	text-align:center;
}

.coin {
	width:60%;
	height:auto;
	margin:0 auto;
	border-radius:50%;
	border:#fff0d4 7px solid;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3),
  	   		  0 12px 24px 0 rgba(0, 0, 0, 0.15);

	
}

.whitefield {
	width:400px;
	background-color:#FFF;
	border-radius:10px;
	padding:20px;
	margin:0 auto;
}


.pate {
	height:100px;
	width:auto;
	padding:20px;
}

.donate{visibility:hidden;}

.burger {
	color:#FFF;
	text-decoration:none;
	font-size:36px;
	position:relative;
	top:-3px;
	float:right;
	padding-right:16px;
}

.topnav {
	width:0vw;
	height:0px;
	background-color:#0e72b5;
	position:fixed;
	top:-500px;
	z-index:10;
	visibility:hidden;
}

.language {
		display:block;

	width:40px;
	height:auto;
	position:fixed;
	float:right;
	top:20px;
	right:15px;
	z-index:15;
	visibility:visible;

}

.bothr {
	border-bottom:#663300 thick dashed;
}

.soc {
	padding:10px;
	width:60px;
	height:auto;
}
	

		  @media screen and (max-width: 1000px){
		  .logo {
			  position:relative;
			  width:30vw;
			  height:auto;
			  border-radius:50%;
			  margin: 0 auto;
			  top:-20vw;
			  box-shadow:
			  0 1.4px 1.1px rgba(0, 0, 0, 0.034),
			  0 3.3px 2.6px rgba(0, 0, 0, 0.048),
			  0 6px 5px rgba(0, 0, 0, 0.06),
			  0 10px 9px rgba(0, 0, 0, 0.072),
			  0 20.5px 16.7px rgba(0, 0, 0, 0.086),
			  0 50px 40px rgba(0, 0, 0, 0.12);
		  
		  }
		  
		  .containav {
			  visibility:visible;
		  }
		  
		  .main-wrapper {
			  width:90vw;
		  }
		  
		  .wrapper {
			  width:90vw;
			  margin:0 auto;
		  }
		  
		  .columns {
			  column-count: 2;
			  column-gap: 2em;
		  }
		  
		  .smoo {
			  line-height:0.8em;
		  }
		  }

		  @media screen and (max-width: 635px){
		  
		  p {font-size:1.1em;color:#663300;line-height:1.4em;font-weight:500;}
		  ul {font-size:1.1em;color:#663300;line-height:1.4em;font-weight:500;}
			  
		  .logo {
			  position:relative;
			  width:40vw;
			  height:auto;
			  border-radius:50%;
			  margin: 0 auto;
			  top:-15vw;
			  box-shadow:
			  0 1.4px 1.1px rgba(0, 0, 0, 0.034),
			  0 3.3px 2.6px rgba(0, 0, 0, 0.048),
			  0 6px 5px rgba(0, 0, 0, 0.06),
			  0 10px 9px rgba(0, 0, 0, 0.072),
			  0 20.5px 16.7px rgba(0, 0, 0, 0.086),
			  0 50px 40px rgba(0, 0, 0, 0.12);
		  
		  }
		  
		  .containav {
			  visibility:hidden;
		  }
		  
		  .main-wrapper {
			  width:95vw;
			  margin:0 auto;
			  position:relative;
			  top:-70px;
		  }
		  
		  .wrapper {
			  width:95vw;
			  margin:0 auto;
		  }
		  
		  h1 {line-height:1.0em;position:relative;top:-5px;}
		  
		  h2 {font-size:1.5em;line-height:1em;position:relative;top:-15px;}
		  
		  h3 {font-size:1.6em;}
		  
		  h4 {font-size:1.5em;font-weight:500;line-height:0}
		  
		  .smoo {
			  font-size:2.5em;
			  line-height:0.8em;
		  }
		  
		  .patenser {
			  font-family:'Libre Franklin', sans serif;
			  font-size:0.8em;
			  color:#ccc;
		  }
		  
		  div.polaroid {
			width: 93%;
			height: auto;
			background-color: white;
			border:solid #fff 12px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
						0 6px 12px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 3px;
		  }
		  
		  div.pola2 {
			width: 93%;
			height: auto;
			background-color: white;
			border:solid #fff 12px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
						0 6px 12px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 3px;
		}
		  
		  .map {position:relative;top:-70px;}
		  
		  
		  .columns {
			  column-count: 1;
			  column-gap: 2em;
		  }
		  
			  .left {
			  width:95%;display:block;float:none;margin:0 auto;
			  }
			  
			  .right {
			  width:95%;display:block;float:none;margin:0 auto;
			  }
		  
		  
		  
			  .triLeft {
			  width:95%;display:block;float:none;margin:0 auto;
			  }
			  .triMid {
			  width:95%;display:block;float:none;margin:0 auto;
			  }
			  .triRight {
			  width:95%;display:block;float:none;margin:0 auto;
			  }
			  
			  
			   .triblock {
    width: 80%; /* Blöcke nehmen volle Breite */
    margin-left: 10%; /* Optional: Abstand zwischen den Blöcken ändern */
    margin-top: 25px; /* Optional: Abstand zwischen den Blöcken ändern */
  }

			  
		  
		  .quadLeft {
			  width:100%;display:block;
		  }
		  .quadMidLeft {
			  width:100%;display:block;
		  }
		  .quadMidRight {
			  width:100%;display:block;
		  }
		  .quadRight {
			  width:100%;display:block;
		  }	
		  
		  .whitefield {
			  width:90%;
			  background-color:#FFF;
			  border-radius:10px;
			  padding:15px;
			  margin:0 auto;
		  }
		  
		  .donate {
			  font-family:'Libre Franklin', sans serif;
			  font-size:1.5em;
			  line-height:1.5em;
			  font-weight:700;
			  text-decoration:none;
			  text-align:center;
			  color:#FFF;
			  background-color:#78A22C;
			  position: fixed;
			  height: 60px;
			  width: 100%;
			  bottom: 0px;
			  visibility:visible;
		  }
		  
					  .topnav {
					  width:100vw;
					  height:40px;
					  background-color:#663300;
					  position:fixed;
					  top:0px;
					  z-index:10;
					  visibility:visible;
					  }
		  
			  .language {
			  display:block;
			  width:40px;
			  height:auto;
			  position:relative;
			  float:right;
			  top:20px;
			  right:15px;
			  z-index:15;
			  visibility:hidden;
		  
		  }