html {
background-color: #392e6d;
height: 100vh;
}

body {
margin: 0;
width: auto;
height: auto;
}

#wrapper {
width: 100%;
height: 100vh;
text-align: center;
color: white;
box-sizing: border-box;
float: left;
margin: 0 auto;
font-family: Calibri;
}

#christalogo {
width: 50%;
height: auto;
border-radius: 5px;
margin-top: 30px;
margin-bottom: 0px;
margin-left: 25%;
margin-right: 25%;
}

#header {
margin-bottom: 0px;
position: relative;
text-align: centered;
}

.centered {
font-size: 115%;
}

.container {
  position: relative;
  text-align: centered;
}


#texthome {
border-color: transparent;
border-width: 100%;
border-style: solid;
border-radius: 5px;
text-align: center;
margin-bottom: 50px;
margin-top: 15px;
}

#footer {
margin-top: 20px;
margin-bottom: 0px;
text-align: center;
color: white;
box-sizing: border-box;
float: center;
font-family: Calibri;
width: 100%; 
background-color: white;
border-color: black;
border-width: 100%;
border-style: solid;
border-radius: 5px;
bottom: 0;
}

#logo_christa {
	width: 25%;
	height: 25%;
	margin-top: 0px;
	margin-left: 0px;
	border-color: black;
	border-style: solid;
	border-radius: 5px;
}

.navbar { 
            width: 60%;
            background-color: white;
			border-color: black;
			border-width: 60%;
			border-style: solid;
			border-radius: 5px;	
			margin-top: 50px;
			margin-bottom: 50px;
			margin-left: 20%;
			margin-right: 20%;
			text-align: center;
			padding-right: 5px;
        } 
          
        ul { 
            font-size: 13pt;		
        } 
          
        body { 
            text-align: center; 
			color: #392e6d;
			font-size: 13pt;
        }

.language {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30%;
	margin-left: 30%;
	width: 40%;
}

#section {
	margin-top: 30px;
	margin-bottom: 10px;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.nav-link:hover, .nav-link:focus {
color: #392e6d;
}

.nav-item {
  position: relative;
  display: block;
  font-size: 11pt;
}

.navbar-toggler {
	color: #392e6d;
	font-size: 13pt;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	color: #392e6d;
	text-align: left;
	width: 100%;
	border: 2px solid black;
	border-radius: 5px;
	border-width: 100%;
	z-index: 1;
}


.dropdown-content a {
  color: #392e6d;
  font-size: 9pt;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover, .dropdown-content a:focus {background-color: #392e6d; color: white;}

.dropdown-content2 {
	display: none;
	position: absolute;
	background-color: white;
	color: #392e6d;
	text-align: left;
	width: 100%;
	border: 2px solid black;
	border-radius: 5px;
	border-width: 100%;
	z-index: 1;
}


.dropdown-content2 a {
  color: #392e6d;
  font-size: 9pt;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content2 a:hover, .dropdown-content2 a:focus {background-color: #392e6d; color: white;}

.show {display:block;}

.show2 {display:block;}

select {
width: auto; /* Breite des Buttons */
 height: 25px; /* Höhe des Buttons */
 border: 2px solid black; /* Rahmen */
 border-radius: 5px;
 background: white; /* Hintergundfarbe für ältere Browser */
 display: block; /* Darstellung als Block-Element */
 text-align: center;
 margin: 0 auto;
 text-decoration: none; /* Links nicht unterstrichen */
 color: #392e6d; /* Textfarbe */
 font-size: 10pt;
 padding-left:8px;
}

select option {
position: absolute;
color: #392e6d;
width: auto;
border: 5px solid black;
display: block;
margin: 0 auto;
background: white;
text-align: center;
font-size: 10pt;
}

select option:link {
position: absolute;
color: #392e6d;
width: auto;
border: 5px solid black;
display: block;
margin: 0 auto;
text-align: center;
font-size: 10pt;
background: white;
}

.nav-link {
	color: #392e6d;
}

.nav-link-footer {
	color: #392e6d;
}

.nav-link-footer:hover, .nav-link-footer:focus {
color: #392e6d;
}

.ueberschrift {
	font-size: 16pt;
	margin-bottom: 15px;
}

.vollertext {
	font-size: 12pt;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: -50px;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  overflow: auto;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  color: white;
  background-color: rgba(255, 255, 255, 0.9)!important;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: 98%;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
}

img {
	opacity: 1;
}

/* The Close Button */
.close {
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 12px;
  position: absolute;
  margin-right: 2%;
  right: 0;
  top: 0;
  z-index: 1;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
  width: device-width;
  justify-content: center;
  align-items: center;
}

.mySlides2 {
  display: none;
  width: device-width;
  justify-content: center;
  align-items: center;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: device-width;
  padding: 10px;
  margin-top: 10px;
  background-color: black;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 12px;
  position: absolute;
  margin-left: 0%;
  left: 0;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2 {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerzero {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2zero {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerbig {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2big {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerverybig {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2verybig {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containersmall {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2small {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerseries {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2series {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerverysmall {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2verysmall {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-containerveryverysmall {
  text-align: center;
  background-color: #392e6d;
  padding: 2px 6px;
  color: white;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

.caption-container2veryverysmall {
  text-align: center;
  background-color: transparent;
  padding: 2px 6px;
  color: #392e6d;
  font-weight: bold;
  margin-top: 2px;
  border: 2px solid #392e6d;
  border-radius: 5px;
  font-size: 7pt;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.versuch:hover {
	background-color: rgba(255, 255, 255, 0.3);
	font-weight: bold;
	padding: 12px;
}

.versuch {
	background-color: rgba(255, 255, 255, 0.3);
	font-weight: bold;
	padding: 10px;
}

.galerie {
	margin-top: 25px;
}



.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoombig {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomverybig {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomsmall {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomverysmall {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomveryverysmall {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomseries {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoomzero {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 250px) {
	.zoom {width: 30%;}
	.caption-container {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2 {width: 30%; margin-left: 35%; margin-right: 35%;}
    .zoom:hover{transform: scale(1.7);}
	.zoombig {width: 22.5%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.7);}
	.zoomsmall:hover{transform: scale(1.7);}
	.caption-containerbig {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.caption-container2big {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.zoomverybig {width: 20%;}
	.zoomverybig:hover{transform: scale(1.5);}
	.caption-containerverybig {width: 20%; margin-left: 40%; margin-right: 40%;}
	.caption-container2verybig {width: 20%; margin-left: 40%; margin-right: 40%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.7);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.7);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.7);}
	.zoomzero {width: 30%;}
	.caption-containerzero {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2zero {width: 30%; margin-left: 35%; margin-right: 35%;}
    .zoomzero:hover{transform: scale(1.7);}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
    .zoom:hover{transform: scale(1.2);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.2);}
	.zoomsmall:hover{transform: scale(1.2);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.2);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.2);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.2);}
	.zoomzero {width: 25%;}
	.caption-containerzero {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2zero {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
    .zoomzero:hover{transform: scale(1.2);}
}

@media only screen and (min-width : 540px) {
	.zoom {width: 30%;}
	.caption-container {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2 {width: 30%; margin-left: 35%; margin-right: 35%;}
    .zoom:hover{transform: scale(1.5);}
	.zoombig {width: 22.5%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.5);}
	.zoomsmall:hover{transform: scale(1.5);}
	.caption-containerbig {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.caption-container2big {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverybig {width: 20%;}
	.zoomverybig:hover{transform: scale(1.5);}
	.caption-containerverybig {width: 20%; margin-left: 40%; margin-right: 40%;}
	.caption-container2verybig {width: 20%; margin-left: 40%; margin-right: 40%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.5);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.5);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.5);}
	.zoomzero {width: 30%;}
	.caption-containerzero {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2zero {width: 30%; margin-left: 35%; margin-right: 35%;}
    .zoomzero:hover{transform: scale(1.5);}
}

@media only screen and (min-width : 550px) {
	.zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
    .zoom:hover{transform: scale(1.2);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.2);}
	.zoomsmall:hover{transform: scale(1.2);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.2);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.2);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.2);}
	.zoomzero {width: 25%;}
	.caption-containerzero {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2zero {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
    .zoomzero:hover{transform: scale(1.2);}
}

@media only screen and (min-width : 650px) {
	.zoom {width: 17.5%;}
	.caption-container {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2 {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
    .zoom:hover{transform: scale(1.2);}
	.zoombig {width: 10%;}
	.zoomsmall {width: 25%;}
	.zoombig:hover{transform: scale(1.2);}
	.zoomsmall:hover{transform: scale(1.2);}
	.caption-containerbig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2big {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-containersmall {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2small {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.zoomverybig {width: 10%;}
	.zoomverybig:hover{transform: scale(1.3);}
	.caption-containerverybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2verybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.zoomseries {width: 25%;}
	.caption-containerseries {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2series {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.zoomseries:hover{transform: scale(1.2);}
	.zoomverysmall {width: 25%;}
	.caption-containerverysmall {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2verysmall {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.zoomverysmall:hover{transform: scale(1.2);}
	.zoomveryverysmall {width: 25%;}
	.caption-containerveryverysmall {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.caption-container2veryverysmall {width: 25%; margin-left: 37.5%; margin-right: 37.5%;}
	.zoomveryverysmall:hover{transform: scale(1.2);}
	.zoomzero {width: 17.5%;}
	.caption-containerzero {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2zero {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
    .zoomzero:hover{transform: scale(1.2);}
}

@media only screen and (min-width : 660px) {
	.zoom {width: 17.5%;}
	.caption-container {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2 {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
    .zoom:hover{transform: scale(1.5);}
	.zoombig {width: 10%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.5);}
	.zoomsmall:hover{transform: scale(1.5);}
	.caption-containerbig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2big {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverybig {width: 10%;}
	.zoomverybig:hover{transform: scale(1.3);}
	.caption-containerverybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2verybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.5);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.5);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.5);}
	.zoomzero {width: 17.5%;}
	.caption-containerzero {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
	.caption-container2zero {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%;}
    .zoomzero:hover{transform: scale(1.5);}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 670px){
	.zoom {width: 20%;}
	.caption-container {width: 20%; margin-left: 40%; margin-right: 40%;}
	.caption-container2 {width: 20%; margin-left: 40%; margin-right: 40%;}
    .zoom:hover{transform: scale(1.3);}
	.zoombig {width: 12.5%;}
	.zoomsmall {width: 30%;}
	.zoombig:hover{transform: scale(1.3);}
	.zoomsmall:hover{transform: scale(1.3);}
	.caption-containerbig {width: 12.5%; margin-left: 43.75%; margin-right: 43.75%;}
	.caption-container2big {width: 12.5%; margin-left: 43.75%; margin-right: 43.75%;}
	.caption-containersmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2small {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverybig {width: 10%;}
	.zoomverybig:hover{transform: scale(1.3);}
	.caption-containerverybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2verybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.zoomseries {width: 30%;}
	.caption-containerseries {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2series {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomseries:hover{transform: scale(1.3);}
	.zoomverysmall {width: 30%;}
	.caption-containerverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2verysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomverysmall:hover{transform: scale(1.3);}
	.zoomveryverysmall {width: 30%;}
	.caption-containerveryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2veryverysmall {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoomveryverysmall:hover{transform: scale(1.3);}
	.zoomzero {width: 20%;}
	.caption-containerzero {width: 20%; margin-left: 40%; margin-right: 40%;}
	.caption-container2zero {width: 20%; margin-left: 40%; margin-right: 40%;}
    .zoomzero:hover{transform: scale(1.3);}
}

@media only screen and (min-width : 720px){
	.zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 8pt;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 8pt;}
    .zoom:hover{transform: scale(1.5);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 35%;}
	.zoombig:hover{transform: scale(1.5);}
	.zoomsmall:hover{transform: scale(1.5);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 8pt;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 8pt;}
	.caption-containersmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2small {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 35%;}
	.caption-containerseries {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2series {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomseries:hover{transform: scale(1.5);}
	.zoomverysmall {width: 35%;}
	.caption-containerverysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2verysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverysmall:hover{transform: scale(1.5);}
	.zoomveryverysmall {width: 40%;}
	.caption-containerveryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.caption-container2veryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.zoomveryverysmall:hover{transform: scale(1.5);}
	.zoomzero {width: 25%;}
	.caption-containerzero {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 8pt;}
	.caption-container2zero {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 8pt;}
    .zoomzero:hover{transform: scale(1.5);}
}

@media only screen and (min-width : 760px){
	.zoom {width: 30%;}
	.caption-container {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 8pt;}
	.caption-container2 {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 8pt;}
    .zoom:hover{transform: scale(1.5);}
	.zoombig {width: 22.5%;}
	.zoomsmall {width: 35%;}
	.zoombig:hover{transform: scale(1.5);}
	.zoomsmall:hover{transform: scale(1.5);}
	.caption-containerbig {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%; font-size: 8pt;}
	.caption-container2big {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%; font-size: 8pt;}
	.caption-containersmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2small {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	..caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 35%;}
	.caption-containerseries {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2series {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomseries:hover{transform: scale(1.5);}
	.zoomverysmall {width: 35%;}
	.caption-containerverysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2verysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverysmall:hover{transform: scale(1.5);}
	.zoomveryverysmall {width: 40%;}
	.caption-containerveryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.caption-container2veryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.zoomveryverysmall:hover{transform: scale(1.5);}
	.zoomzero {width: 30%;}
	.caption-containerzero {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 8pt;}
	.caption-container2zero {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 8pt;}
    .zoomzero:hover{transform: scale(1.2);}
}

@media only screen and (min-width : 810px){
	.zoom {width: 20%;}
	.caption-container {width: 20%; margin-left: 40%; margin-right: 40%; font-size: 8pt;}
	.caption-container2 {width: 20%; margin-left: 40%; margin-right: 40%; font-size: 8pt;}
    .zoom:hover{transform: scale(1.2);}
	.zoombig {width: 12.5%;}
	.zoomsmall {width: 35%;}
	.zoombig:hover{transform: scale(1.2);}
	.zoomsmall:hover{transform: scale(1.2);}
	.caption-containerbig {width: 12.5%; margin-left: 43.75%; margin-right: 43.75%; font-size: 8pt;}
	.caption-container2big {width: 12.5%; margin-left: 43.75%; margin-right: 43.75%; font-size: 8pt;}
	.caption-containersmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2small {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverybig {width: 10%;}
	.zoomverybig:hover{transform: scale(1.3);}
	.caption-containerverybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.caption-container2verybig {width: 10%; margin-left: 45%; margin-right: 45%;}
	.zoomseries {width: 35%;}
	.caption-containerseries {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2series {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomseries:hover{transform: scale(1.2);}
	.zoomverysmall {width: 35%;}
	.caption-containerverysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.caption-container2verysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%; font-size: 8pt;}
	.zoomverysmall:hover{transform: scale(1.2);}
	.zoomveryverysmall {width: 40%;}
	.caption-containerveryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.caption-container2veryverysmall {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 8pt;}
	.zoomveryverysmall:hover{transform: scale(1.5);}
	.zoomzero {width: 20%;}
	.caption-containerzero {width: 20%; margin-left: 40%; margin-right: 40%; font-size: 8pt;}
	.caption-container2zero {width: 20%; margin-left: 40%; margin-right: 40%; font-size: 8pt;}
    .zoomzero:hover{transform: scale(1.2);}
}

@media only screen and (min-width : 992px) {
	.zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 9pt;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 9pt;}
    .zoom:hover{transform: scale(1.6);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 50%;}
	.zoombig:hover{transform: scale(1.6);}
	.zoomsmall:hover{transform: scale(1.6);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 9pt;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 9pt;}
	.caption-containersmall {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 9pt;}
	.caption-container2small {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 9pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 50%;}
	.caption-containerseries {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 9pt;}
	.caption-container2series {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 9pt;}
	.zoomseries:hover{transform: scale(1.6);}
	.zoomverysmall {width: 60%;}
	.caption-containerverysmall {width: 60%; margin-left: 20%; margin-right: 20%; font-size: 9pt;}
	.caption-container2verysmall {width: 60%; margin-left: 20%; margin-right: 20%; font-size: 9pt;}
	.zoomverysmall:hover{transform: scale(1.6);}
	.zoomveryverysmall {width: 100%;}
	.caption-containerveryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 9pt;}
	.caption-container2veryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 9pt;}
	.zoomveryverysmall:hover{transform: scale(1.6);}
	.zoomzero {width: 25%;}
	.caption-containerzero {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 9pt;}
	.caption-container2zero {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 9pt;}
    .zoomzero:hover{transform: scale(1.6);}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1020px) {
	.zoom {width: 30%;}
	.caption-container {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 10pt;}
	.caption-container2 {width: 30%; margin-left: 35%; margin-right: 35%; font-size: 10pt;}
    .zoom:hover{transform: scale(1.4);}
	.zoombig {width: 22.5%;}
	.zoomsmall {width: 50%;}
	.zoombig:hover{transform: scale(1.4);}
	.zoomsmall:hover{transform: scale(1.4);}
	.caption-containerbig {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%; font-size: 10pt;}
	.caption-container2big {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%; font-size: 10pt;}
	.caption-containersmall {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 10pt;}
	.caption-container2small {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 10pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 40%;}
	.caption-containerseries {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.caption-container2series {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.zoomseries:hover{transform: scale(1.4);}
	.zoomverysmall {width: 65%;}
	.caption-containerverysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 10pt;}
	.caption-container2verysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 10pt;}
	.zoomverysmall:hover{transform: scale(1.4);}
	.zoomveryverysmall {width: 100%;}
	.caption-containerveryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 10pt;}
	.caption-container2veryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 10pt;}
	.zoomveryverysmall:hover{transform: scale(1.4);}
	.zoomzero {width: 40%;}
	.caption-containerzero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.caption-container2zero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
    .zoomzero:hover{transform: scale(1.4);}
}

@media only screen and (min-width : 1050px) {
    .zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 10pt;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 10pt;}
    .zoom:hover{transform: scale(1.3);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 50%;}
	.zoombig:hover{transform: scale(1.3);}
	.zoomsmall:hover{transform: scale(1.3);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 10pt;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 10pt;}
	.caption-containersmall {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 10pt;}
	.caption-container2small {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 10pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 40%;}
	.caption-containerseries {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.caption-container2series {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.zoomseries:hover{transform: scale(1.3);}
	.zoomverysmall {width: 65%;}
	.caption-containerverysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 10pt;}
	.caption-container2verysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 10pt;}
	.zoomverysmall:hover{transform: scale(1.3);}
	.zoomveryverysmall {width: 100%;}
	.caption-containerveryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 10pt;}
	.caption-container2veryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 10pt;}
	.zoomveryverysmall:hover{transform: scale(1.3);}
	.zoomzero {width: 40%;}
	.caption-containerzero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
	.caption-container2zero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 10pt;}
    .zoomzero:hover{transform: scale(1.3);}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.zoom {width: 25%;}
	.caption-container {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 11pt;}
	.caption-container2 {width: 25%; margin-left: 37.5%; margin-right: 37.5%; font-size: 11pt;}
    .zoom:hover{transform: scale(1.3);}
	.zoombig {width: 17.5%;}
	.zoomsmall {width: 50%;}
	.zoombig:hover{transform: scale(1.3);}
	.zoomsmall:hover{transform: scale(1.3);}
	.caption-containerbig {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 11pt;}
	.caption-container2big {width: 17.5%; margin-left: 41.25%; margin-right: 41.25%; font-size: 11pt;}
	.caption-containersmall {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 11pt;}
	.caption-container2small {width: 50%; margin-left: 25%; margin-right: 25%; font-size: 11pt;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 40%;}
	.caption-containerseries {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 11pt;}
	.caption-container2series {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 11pt;}
	.zoomseries:hover{transform: scale(1.3);}
	.zoomverysmall {width: 65%;}
	.caption-containerverysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 11pt;}
	.caption-container2verysmall {width: 65%; margin-left: 17.5%; margin-right: 17.5%; font-size: 11pt;}
	.zoomverysmall:hover{transform: scale(1.3);}
	.zoomveryverysmall {width: 100%;}
	.caption-containerveryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 11pt;}
	.caption-container2veryverysmall {width: 100%; margin-left: 0%; margin-right: 0%; font-size: 11pt;}
	.zoomveryverysmall:hover{transform: scale(1.3);}
	.zoomzero {width: 40%;}
	.caption-containerzero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 11pt;}
	.caption-container2zero {width: 40%; margin-left: 30%; margin-right: 30%; font-size: 11pt;}
    .zoomzero:hover{transform: scale(1.3);}
}

@media only screen and (min-height : 450px, max-height: 640px) {
	.zoom {width: 30%;}
	.caption-container {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2 {width: 30%; margin-left: 35%; margin-right: 35%;}
	.zoom:hover{transform: scale(1.3);}
	.zoombig {width: 22.5%;}
	.zoomsmall {width: 35%;}
	.zoombig:hover{transform: scale(1.3);}
	.zoomsmall:hover{transform: scale(1.3);}
	.caption-containerbig {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.caption-container2big {width: 22.5%; margin-left: 38.25%; margin-right: 38.25%;}
	.caption-containersmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.caption-container2small {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.zoomverybig {width: 15%;}
	.zoomverybig:hover{transform: scale(1.2);}
	.caption-containerverybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.caption-container2verybig {width: 15%; margin-left: 42.5%; margin-right: 42.5%;}
	.zoomseries {width: 35%;}
	.caption-containerseries {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.caption-container2series {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.zoomseries:hover{transform: scale(1.3);}
	.zoomverysmall {width: 35%;}
	.caption-containerverysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.caption-container2verysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.zoomverysmall:hover{transform: scale(1.3);}
	.zoomveryverysmall {width: 35%;}
	.caption-containerveryverysmallsmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.caption-container2veryverysmall {width: 35%; margin-left: 32.5%; margin-right: 32.5%;}
	.zoomveryverysmall:hover{transform: scale(1.3);}
	.zoomzero {width: 30%;}
	.caption-containerzero {width: 30%; margin-left: 35%; margin-right: 35%;}
	.caption-container2zero {width: 30%; margin-left: 35%; margin-right: 35%;}
    .zoomzero:hover{transform: scale(1.3);}
}

@media only screen and (min-height : 640px) {
    .language {margin-top: 10px; margin-bottom: 10px;}
	#header {margin-top: 0px; margin-bottom: 0px;}
	.container {margin-top: 0px; margin-bottom: 0px;}
	#section {margin-top: 30px; margin-bottom: 10px;}
	#footer {margin-top: 20px; margin-bottom: 0px;}
	#texthome {margin-top: 15px; margin-bottom: 50px;}
	.galerie {margin-top: 25px; margin-bottom: 16px;}
	#logo_christa {width: 35%; height: 35%; margin-top: 0px; margin-bottom: 10px;}
	.vollertext {font-size: 10pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 10px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 12px;}
	.centered {font-size: 115%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 30px; margin-bottom: 0px; margin-left: 25%; margin-right: 25%;}
}

@media only screen and (min-height : 665px) {
    .language {margin-top: 20px; margin-bottom: 20px;}
	#header {margin-top: 20px; margin-bottom: 20px;}
	.container {margin-top: 50px; margin-bottom: 50px;}
	#section {margin-top: 50px; margin-bottom: 50px;}
	#footer {margin-top: 60px; margin-bottom: 0px;}
	#logo_christa {width: 35%; height: 35%; margin-top: 5px; margin-bottom: 6.25px;}
	#texthome {margin-top: 50px; margin-bottom: 50px;}
	.galerie {margin-top: 40px; margin-bottom: 40px;}
	.vollertext {font-size: 12pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 10px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 12px;}
	.centered {font-size: 130%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 40px; margin-bottom: 10px; margin-left: 25%; margin-right: 25%;}
}

@media only screen and (min-height : 765px) {
    .language {margin-top: 20px; margin-bottom: 20px;}
	#header {margin-top: 20px; margin-bottom: 20px;}
	.container {margin-top: 50px; margin-bottom: 50px;}
	#section {margin-top: 50px; margin-bottom: 50px;}
	#footer {margin-top: 60px; margin-bottom: 0px;}
	#logo_christa {width: 35%; height: 35%; margin-top: 20px; margin-bottom: 25px;}
	#texthome {margin-top: 50px; margin-bottom: 50px;}
	.galerie {margin-top: 40px; margin-bottom: 40px;}
	.vollertext {font-size: 14pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 10px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 12px;}
	.centered {font-size: 150%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 40px; margin-bottom: 10px; margin-left: 25%; margin-right: 25%;}
}

@media only screen and (min-height : 1050px) {
    .language {margin-top: 20px; margin-bottom: 20px;}
	#header {margin-top: 20px; margin-bottom: 20px;}
	.container {margin-top: 50px; margin-bottom: 50px;}
	#section {margin-top: 50px; margin-bottom: 50px;}
	#footer {margin-top: 60px; margin-bottom: 0px;}
	#logo_christa {width: 50%; height: 50%; margin-top: 40px; margin-bottom: 50px;}
	#texthome {margin-top: 50px; margin-bottom: 50px;}
	.galerie {margin-top: 40px; margin-bottom: 40px; font-size: 20pt;}
	.vollertext {font-size: 20pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 20px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 24px;}
	.centered {font-size: 200%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 50px; margin-bottom: 15px; margin-left: 25%; margin-right: 25%;}
	.nav-link {padding-right: 25px!important; font-size: 10pt;}
}
}

@media only screen and (min-width : 1370px) {
    .language {margin-top: 20px; margin-bottom: 20px;}
	#header {margin-top: 20px; margin-bottom: 20px;}
	.container {margin-top: 50px; margin-bottom: 50px;}
	#section {margin-top: 50px; margin-bottom: 50px;}
	#footer {margin-top: 60px; margin-bottom: 0px;}
	#logo_christa {width: 25%; height: 25%; margin-top: 40px; margin-bottom: 50px;}
	#texthome {margin-top: 50px; margin-bottom: 50px;}
	.galerie {margin-top: 40px; margin-bottom: 40px; font-size: 20pt;}
	.vollertext {font-size: 20pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 20px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 24px;}
	.centered {font-size: 200%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 50px; margin-bottom: 15px; margin-left: 25%; margin-right: 25%;}
	.nav-link {padding-right: 35px!important; font-size: 11pt;}
}

@media only screen and (min-width : 1050px) {
	.language {margin-top: 10px; margin-bottom: 10px;}
	#header {margin-top: 0px; margin-bottom: 0px;}
	.container {margin-top: 0px; margin-bottom: 0px;}
	#section {margin-top: 30px; margin-bottom: 10px;}
	#footer {margin-top: 20px; margin-bottom: 0px;}
	#texthome {margin-top: 50px; margin-bottom: 50px;}
	.galerie {margin-top: 25px; margin-bottom: 16px;}
	#logo_christa {width: 25%; height: 25%; margin-top: 20px; margin-bottom: 15px;}
	.vollertext {font-size: 12pt;}
	.versuch {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 10px;}
	.versuch:hover {background-color: rgba(255, 255, 255, 0.3); font-weight: bold; padding: 12px;}
	.centered {font-size: 150%;}
	#christalogo {width: 50%; height: auto; border-radius: 5px; margin-top: 30px; margin-bottom: 0px; margin-left: 25%; margin-right: 25%;}
	.nav-link {padding-right: 30px!important; font-size: 11pt;}
}