html {
    scroll-behavior: smooth;
}

/*BACKTRACK_________________________*/

h1 {
  font-size: 4rem;
  color: black;
  font-family: "Agrandir", Calibri;
  text-align: center;
  width: 100%;
  transition: background-color 0.4s;
  transition: color 0.4s;
  overflow: hidden;
}
h1:hover {
  cursor: pointer;
  background-color: #033371;
  color: white;
}
@font-face {
    font-family: 'Agrandir';
    src: url("../assets/fonts/Agrandir-GrandHeavy.woff2") format("woff2"),url("../assets/fonts/Agrandir-GrandHeavy.woff") format("woff");
    font-weight: 800;
    font-style: normal
}
/*_________________________________*/
h2 {
	font-size: 4rem;
	color: black;
	text-align: center;
	font-family: "Agrandir", Calibri;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
section {
	display: block;
	width: 100%;
	overflow: auto;
	padding: 0px 0px 50px 0px;
}
a {
	color: #033371;
}
iframe {

}
.inner {
	margin: 50px;
	padding: 0px 50px 50px 50px;
	overflow-y: auto;
	overflow-x: hidden;
	border: black 3px solid;
	border-radius: 0%;
	background-color: rgba(240, 240, 240, 0.7);
}
.headlinequellen {
	padding: 30px 0px 20px 0px;
}

/* Galerie-stuff */

div.galerie {
	margin: 5px;
  	border: 1px solid #ccc;
  	float: left;
  	width: 180px;
}
div.galerie:hover {
	border: 2px solid #777;
	opacity: 0.5;
}
div.galerie img {
	width: 100%;
	height: auto;
}
div.desc {
	padding: 15px;
	text-align: center;
	font-family: Calibri;
}
p {
	font-family: Calibri;
}
h3 {
	font-family: Calibri;
}
@media screen and (max-width: 1100px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 920px) {
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 2rem;
  }
  .inner {
  	margin: 25px;
  	padding: 0px 20px 20px 20px;
  }
  iframe {
  	width: 300px;
  	height: 169px;
  	margin: 0 auto;
  }
}