html{
  scroll-behavior: smooth;
}
.clear{
	clear: both;
}
*{
margin:0;
padding:0;
}

body{
  font-family: 'Montserrat', Verdana, sans-serif;
}

a{
  text-decoration:none;
  list-style: none;
  color:#000000;
	font-weight: 800;
	font-size: 20px;
}
a:hover{
  text-decoration:none;
  list-style: none;
  color:#000000;
}

h1,h2,h3,h4{
  font-family: 'Montserrat', sans-serif;
  display:inline;
  text-align:left;
  font-weight: 700;
  line-height: 1.3em;
  font-style: italic;
}

.weiss{
 color:#F8F8F8;
}

h1{
  font-size:34px;
}
h2{
  font-weight: 600;
  font-size:28px;
}
.button{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.schriftkleiner{
  font-size:34px;
}
.container{
  width:100%;
  height:50vh;
  background-image: url("../image/banner1-six.png");
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center;
  background-attachment: fixed;
}

.logo1{
  padding:2% 0 0 2%;
  width:10%;
}
.logo1 img{
  width:100%;
}

.logo-footer img{
  width:100%;
}
.aussen-titel{
  height:30vh;
	display:flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
 display: -ms-flexbox;      /* TWEENER - IE 10 */
 display: -webkit-flex;     /* NEW - Chrome */
	flex-direction:column;
	align-items: center;
  justify-content: center;
}

.mittig{
		margin-left:5%;
		margin-right:5%;  
}
.titel{
  background-color: #FFEE00;
  padding:10px 10px 10px 10px;
  width:100%;
}
.titel h1{
	display:block;
	text-align:center;
 font-size:32px;
}
.pfeil{
  width:100%;
  padding-top:5%;
  display:flex;
  justify-content: center;
  align-items: center;
}


/*Navigation */

.navbar{
  width:100%;
  height:70px;
  top:-70px;
  background-color:rgba(255,255,255,0.60);
  position:fixed;
  z-index:1000;
  
}
.change{
  top:0px;
}

.nav-list{
  padding:25px 0 0 0;
  float:right;
  display: grid;
  grid-auto-flow: column;
  width:50%;
  text-decoration: none;
}

.nav-list li{
   padding:0 0 0 0;
   list-style: none;
}

.nav-link{
  position:relative;
  padding:3px 0;
}

.nav-link::before,
.nav-link::after{
  content:"";
  width:100%;
  height:2px;
  background-color:#FFEE00;
  position:absolute;
  left:0;
  transform: scaleX(0);
  transition:transform 0.5s;
}

.nav-link::after{
  bottom:0;
  transform-origin: right;
}

.nav-link::before{
  top:0;
  transform-origin: left;
}

.nav-link:hover::before,
.nav-link:hover::after{
  transform:scaleX(1);
}

.hamburger-menu{
  width:45px;
  height:40px;
  position:fixed;
  top:20px;
  right:50px;
  cursor:pointer;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}

.line{
  width:100%;
  height:4px;
  background-color:#FFEE00;
}

.change .line1{
  transform:rotateZ(-45deg) translate(-8px, 6px);
}

.change .line2{
  opacity:0;
}

.change .line3{
  transform:rotateZ(45deg) translate(-8px, -6px);
}

/* erste Section*/
#ersteinfo{
  text-align: justify;
  width:70%;
  height:1110px;
  display:block;
  margin:4% auto;
  background:#FFFFFF;
}

.infotext{
  display:inline;
}
.infotext h3{
  margin-left:0;
}
.corona{
	width:100%;
	margin-bottom:5%;
}
.coronainfo{
	width:100%;
	margin-bottom:5%;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align:left;
}
.coronainfo h1{
	text-align:left;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.meldung-corona li{
	list-style: none;
}
.side{
	float:left;
	width:100%;
}
.risch{
	float:left;
	margin-right:5%;
}
.six{
	float:left;
}
/* -------------------------------------------------------------BOX1 UND BOX2 ----------------------------------------------------*/
.boxen1{
  float:left;
  width:100%;
  margin-top:2%;
}

.box1-1{
  width:50%;
  background-color:#FFEE00;
  padding:2% 0 2% 5%;
  float:left;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  position:relative;
}
.icon h3{
  font-size:28px;
  margin-left:15%;
}
.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-18.5%;
}


.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:5% 3% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:5% 3% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:5% 3% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:5% 3% 7% 3%;
}


.box1-2{
  width:40%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin-left:5%;
  float:left;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}

.box1-2 h2, .zeiten{
  margin-left:70px;
	font-weight: 600;
	line-height: 1.7em;
}
.einzug1{
	text-indent: 4em;
	font-weight: 600;
}
.einzug2{
	text-indent: 3.1em;
	font-weight: 600;
}
.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-8%;
}

.icon2 h2{
  margin-left:10%;
  font-weight:700;
}

.icon2 li:nth-child(1){
  background-image: url("../image/zeiten1.png");
  padding:7% 3% 5% 3%;
  }

.icon2 li:nth-child(4) {
  background-image: url("../image/zeiten2.png");
  padding:7% 3% 5% 3%;
}

/* -------------------------------------------------------------BOX1 UND BOX2 ENDE----------------------------------------------------*/
/* -------------------------------------------------------------BOX3----------------------------------------------------*/
.boxen2{
  width:100%;
  float:left;
  margin-top:2%;
}

.box2-1{
  float:left;
  width:60%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin-left:10%;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  margin-bottom:10%;
}
table{
 width:100%;
}

th, td, .atag{
 line-height: 1.4em;
 font-size:22px;
 text-align:left;
 padding:0 0 0 0;
	font-weight:100;
}

td:nth-child(1){
 font-size:28px;
 width:60%;
}
.box2-2{
  float:left;
  width:20%;
  margin:3% 0 0 6%;;
}
.button1{
  background-color: #FFEE00; 
  color: black;
  padding:8% 30% 8% 30%;
  font-family: 'Montserrat', sans-serif;
	 font-size: 26px;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}

.button1:hover{
  background-color: #616161; 
  color: #FFEE00; 
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  border: 2px solid #FFEE00;
}

.button-buchen{
  background-color: #FFEE00; 
  color: black;
	position:absolute;
	bottom:10%;
  padding:10px 40px 10px 40px;
  font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	border: 2px solid rgba(97,97,97,0.76);
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}

.button-buchen:hover{
  background-color: #616161; 
  color: #FFEE00; 
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  border: 2px solid #FFEE00;
}

.button-buchenx{
	background-color: #FFEE00; 
  color: black;
	margin:2% auto 0 auto;
  padding:10px 40px 10px 40px;
  font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	border: 2px solid rgba(97,97,97,0.76);
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}
.button-buchenx:hover{
	background-color: #616161; 
  color: #FFEE00; 
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  border: 2px solid #FFEE00;
}

/* -------------------------------------------------------------BOX3 ENDE----------------------------------------------------*/
/* erste Section*/


/* alleKlassen*/
#alleklassen{
	background-color:#616161;
	padding:0% 0 2% 0;
	margin-top:0px;
	height:2450px;
}

.infotext2{
  text-align: justify;
  width:70%;
  margin:2% auto;
	padding-top:30px;
  display:block;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  margin:2% 15%;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 4% 3%;
  font-size: 30px;
}


.grid-container > div:nth-child(1) {
  background-color:#FFEE00; 
}
.grid-container > div:nth-child(4) {
  background-color:#FFEE00; 
}

.grid-container > div:nth-child(6) {
  background-color:#FFEE00; 
}

.item5 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.item6 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.flagge{
 padding:1% 0 1% 0;
}

.flagge li{
  background-image: url("../image/flag.png");
  list-style: none;
  display:inline;
  padding-left:4%;
  background-repeat: no-repeat;
  font-size:14px;
}

.termin{
	font-size:18px;
	margin-bottom:2%;
	font-family: 'Montserrat', sans-serif;
  font-weight: 800; 
}

.termin-abstand{
	margin-top:3%;
	font-size:16px;
}
.terminx{
	margin-top:0%;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
 font-weight: 800; 
	margin-bottom:2%;
}
.modul{
	width:100%;
	height:120px;
	margin-bottom:0;
}
.modul-handy{
		display:none;
	}
.modul-handy-x{
		display:none;
	}
.modulx{
	width:100%;
	height:120px;
	position:relative;
	margin-bottom:0;
}

.moduly{
	width:100%;
	height:100px;
	margin-top:8%;
}

.normal{
  font-size:16px;
  list-style-position: outsite;
  font-family: 'Montserrat';
  font-weight:400;
  padding-left:13px;
 	height: 130px;
}

.nebeneinander{
	height: 100px;
}

.nebeneinandery{
	height: 120px;
}

.minimal{
	height:80px;
}
.inline1{
  display:inline;
}
.inline1 .item5{
 display:inline;
}

.inline1 ul{
 display:inline;
}

.flaggex li{
  background-image: url("../image/flag.png");
  list-style: none;
  display:inline;
  padding-left:2%;
  background-repeat: no-repeat;
  font-size:14px;
}

.item5 h4{
 display:block;
}

.item6 h4{
 display:block;
}
.nebeneinander-handy{
  display:none;
}
.nebeneinander-handy-2{
  display:none;
}
.normal1{
  display:inline;
  font-size:16px;
  list-style-position: outsite;
  font-family: 'Montserrat';
  font-weight:400;
  float:left;
  width:60%;
  padding-left:13px;
		height: 120px;
}
.normal2{
  display:inline;
  font-size:16px;
  list-style-position: outsite;
  font-family: 'Montserrat';
  font-weight:400;
  float:left;
  width:35%;
  padding-left:2%;
		height: 120px;
}

.normal3{
  text-align:justify;
  font-size:16px;
  list-style-position: outsite;
  font-family: 'Montserrat';
  font-weight:400;
  float:left;
  width:45%;
  padding:1% 5% 0 0;
		height: 180px;
  
}

.normal4{
  text-align:justify;
  font-size:16px;
  list-style-position: outsite;
  font-family: 'Montserrat';
  font-weight:400;
  float:left;
  width:45%;
  padding:1% 0% 0 0;
		height: 120px;
  
}


/* alleKlassen*/

/* kontakt*/
#kontakt{
  text-align: justify;
  width:70%;
  height:250px;
  display:block;
  margin:2% auto;
  background:#FFFFFF;
}
/* kontakt*/

.strich{
 width:100%;
 height:30px;
 background-color:#FFEE00;
 position:relative;

}

.slogan{
 width:100%;
 font-size:48px;
 margin-top:-3%;
 position:absolute;
 display:flex;
 flex-direction: row;
 align-content: center;
 justify-content: center;
}
/* footer*/

footer{
 margin-top:2%;
 width:100%;
 background:#616161;
 bottom:0;
 padding:1% 0 1% 0;
}
.logo-footer{
 width:10%;
 margin: 0 auto 0 auto;
}
.adresse{
 margin-top:2%;
 display:flex;
 flex-direction:row;
 align-content: center;
 justify-content: center;
}

.nav-list-footer{
  padding:25px 0 0 0;
  display:flex;
 flex-direction:row;
 align-content: center;
 justify-content: center;
 
}

.nav-list-footer li{
  width:8%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}

.nav-list-footer a:hover{
  color:#FFFFFF;
}

@media screen and (max-width: 1800px) {
.icon2 h2{
  font-size:26px;
}
}

@media screen and (max-width: 1690px) {
.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-19.5%;
}
.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-10%;
}
.slogan{
 font-size:46px;
}
.icon2 h2{
  font-size:24px;
}
}
@media screen and (max-width: 1560px) {
#alleklassen{
	height:2200px;
}
.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-20%;
}

.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-10%;
}
.box2-1{
  float:left;
  width:66%;
  padding:1% 0 1% 15px;
  margin-left:3%;
}
.slogan{
 font-size:45px;
}
}

@media screen and (max-width: 1500px) {
h1{
  font-size:32px;
}
h2{
  font-weight: 600;
  font-size:26px;
}

h3{
  font-size:22px;
}


h4{
  font-size:20px;
}
p{
  font-size:14px;
}


.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-21%;
}
.icon h3{
  font-size:26px;
  margin-left:18%;
}

.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:6% 4% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:6% 4% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:6% 4% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:6% 4% 7% 3%;
}

.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-11%;
}


.box2-1{
  float:left;
  width:70%;
  padding:1% 0 1% 15px;
  margin-left:0%;

}

.einzug1{
	text-indent: 3em;
	font-weight: 600;
	font-size:18px;
}
.einzug2{
	text-indent: 2em;
	font-weight: 600;
	font-size:18px;
}
.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-10%;
}

.icon2 h2{
  margin-left:10%;
  font-weight:700;
}

.icon2 li:nth-child(1){
  background-image: url("../image/zeiten1.png");
  padding:7% 3% 5% 3%;
  }

.icon2 li:nth-child(4) {
  background-image: url("../image/zeiten2.png");
  padding:7% 3% 5% 3%;
}

li{
  font-size:14px;
}


.slogan{
 font-size:40px;
 margin-top:-3.5%;
}

.nav-list-footer li{
  width:12%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}

.nav-list-footer p{
  font-size:20px;
}
#alleklassen{
  background-color:#616161;
  margin-top:0%;
  padding-top:2%;
	height:2000px;
}
}

@media screen and (max-width: 1450px) {
.boxen1{
  float:none;
  width:100%;
	height: 800px;
}

.box1-1{
  width:60%;
  float:none;
  padding:2% 0 2% 5%;
  position:relative;
}

.icon h3{
  margin-left:17%;
}
.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-17.5%;
}
.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:6% 3% 5% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:6% 3% 5% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:6% 3% 5% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:6% 3% 5% 3%;
}
.box1-2{
  width:50%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}

.box1-2 h2{
  padding-top:2%;
}

.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-9%;
}

.icon2 h2{
  margin:2% 0 0 10%;
  font-weight:700;
}

.zeiten1{
  padding:0 0 0 20%;
}
.zeiten2{
  padding:0 0 0 11.5%;
}

.zeiten3{
  padding:0 0 0 20%;
}

.zeiten4{
  padding:0 0 0 11.5%;
}

.icon2 li:nth-child(1){
  background-image: url("../image/zeiten1-responsive.png");
  padding:2% 3% 2% 3%;
  }

.icon2 li:nth-child(4) {
  background-image: url("../image/zeiten2-responsive.png");
  padding:2% 3% 2% 3%;
}

td, .atag{
  font-size:16px;
}

#alleklassen{
  background-color:#616161;
  margin-top:30%;
	height:2000px;
}

}

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

.nav-list {
  padding:25px 80px 0 0;
}

.logo1{
  padding:2% 0 0 2%;
  width:10%;
}


li, p{
  font-size:12px;
}


.icon li{
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-18.5%;
}

.icon h3{
  font-size:24px;
  margin-left:20%;
}

.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:8% 4% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:8% 4% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:8% 4% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:8% 4% 7% 3%;
}

.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-9%;
}
.icon2 h2{
  margin:3% 0 0 10%;
  font-weight:700;
}
.slogan{
 font-size:36px;
 margin-top:-4%;
}

footer{
 margin-top:2%;
 width:100%;
 background:#616161;
 bottom:0;
 padding:1% 0 1% 0;
}

.logo-footer{
  display:flex;
 flex-direction:row;
 align-content: center;
 justify-content: center;
}


.nav-list-footer li{
  width:10%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}

#alleklassen{
  background-color:#616161;
  margin-top:38%;
	height:2050px;
}
}

@media screen and (max-width: 1305px) {
.moduly{
	height:120px;
}
.terminx{
	width:50%;
}
.boxen1{
	height:900px;
}
}

@media screen and (max-width: 1210px) {
.slogan{
 font-size:34px;
 margin-top:-4.5%;
}
.boxen1{
	height:920px;
}
.box1-2{
	float:left;
	margin-left:300px;
	width:55%;
}
.icon2 li{
  height:100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: flex;
  align-items: center;
  margin-left:-10%;
}
}

@media screen and (max-width: 1140px) {
.boxen1{
	height:960px;
}
.box1-1{
  width:70%;
  float:none;
  padding:2% 0 2% 5%;
  position:relative;
}

.icon li{
  margin-left:-17%;
}

.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:10% 4% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:10% 4% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:10% 4% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:10% 4% 7% 3%;
}

.icon2 li{
  margin-left:-11%;
}
h2{
  font-weight: 600;
  font-size:24px;
}

#alleklassen{
  background-color:#616161;
  margin-top:40%;
}
  
}

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

.logo1{
  padding:3% 0 0 3%;
  width:12%;
}
	
.slogan{
 font-size:34px;
 margin-top:-4.5%;
}

.nav-list-footer p{
  font-size:18px;
}
.flagge li{
  padding-left:6%;
}
#alleklassen{
  background-color:#616161;
  margin-top:42%;
}
}

@media screen and (max-width: 1050px) {
.boxen1{
	height:940px;
}
.icon li{
  margin-left:-18%;
}

.icon2 li{
  margin-left:-9%;
}

.box1-2{
  width:60%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}
.icon2 li{
  margin-left:-10.5%;
}
.flagge li{
  padding-left:6%;

}
.flaggex li{
  padding-left:6%;
}
#alleklassen{
  background-color:#616161;
  margin-top:42%;
}
.nebeneinandery{
	height: 140px;
}
}

@media screen and (max-width: 1000px) {
.button1 h3{
  font-size:28px;
}	

.icon li{
  margin-left:-16%;
}

.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:8% 4% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:8% 4% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:8% 4% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:8% 4% 7% 3%;
}

.icon2 li{
  margin-left:-10.5%;
}
.box1-1{
  width:80%;
}
.box1-2{
  width:60%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}
#alleklassen{
  background-color:#616161;
  margin-top:43%;
}
.nebeneinandery{
	height: 180px;
}
.strich{
 width:100%;
 height:25px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:28px;
 margin-top:-4%;
}

.nav-list-footer li{
  width:12%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}

h2{
  font-weight: 600;
  font-size:22px;
}

.flagge li{
  padding-left:6%;

}
.flaggex li{
  padding-left:6%;
}


}

@media screen and (max-width: 950px) {
#ersteinfo{
	height:1100px;
}
.boxen1{
	height:910px;
}
.icon li{
  margin-left:-17%;
}
.box1-2{
  width:65%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}
.icon2 li{
  margin-left:-10%;
}
#alleklassen{
  background-color:#616161;
  margin-top:41%;
	height: 2000px;
}
.modul {
  height: 150px;
	}
.modulx {
	height: 150px;
}
.moduly{
	height:150px;
}
.strich{
 width:100%;
 height:20px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:28px;
 margin-top:-4.5%;
}

.flagge li{
  padding-left:6%;

}
.flaggex li{
  padding-left:6%;
}

}

@media screen and (max-width: 910px) {
.boxen1{
	height:920px;
}
.box1-1{
  width:85%;
}
.box1-2{
  width:70%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}
.flagge li{
  padding-left:6%;

}
.flaggex li{
  padding-left:6%;
}
#alleklassen{
  background-color:#616161;
  margin-top:39%;
	height:2100px;
}
	
.nebeneinandery{
	height: 250px;
}

h1{
  font-size:30px;
}
h2{
  font-weight: 600;
  font-size:24px;
}

h3{
  font-size:20px;
}


h4{
  font-size:18px;
}
p{
  font-size:14px;
}
li{
  font-size:12px;
}
td, .atag{
  font-size:16px;
}
td h2{
  font-size:18px;
}

.zeiten1{
  padding:0 0 0 20%;

}
.zeiten2{
  padding:0 0 0 9%;

}

.zeiten3{
  padding:0 0 0 20%;

}

.zeiten4{
  padding:0 0 0 9%;
 
}
}

@media screen and (max-width: 840px) {
.boxen1{
	height:880px;
}
.terminx{
		width:100%;
	}
.moduly{
	height:110px;
	margin-top:10%;
}
.icon li{
  margin-left:-18%;
}

.icon2 li{
  margin-left:-11%;
}

#alleklassen{
  background-color:#616161;
  margin-top:38%;
	height:2010px;
}
#alleklassen{
  background-color:#616161;
  margin-top:41%;
	height: 2100px;
}
.modul {
  height: 160px;
	}
.modulx {
	height: 150px;
}
.moduly{
	height:160px;
}
.nebeneinandery{
	height: 280px;
}
.nav-list-footer p{
  font-size:16px;
}
}

@media screen and (max-width: 810px) {
.boxen1{
	height:860px;
}
#alleklassen{
  background-color:#616161;
  margin-top:38%;
	height: 2150px;
}
td, .atag{
  font-size:14px;
}

}

@media screen and (max-width: 800px) {
.coronainfo {
  width: 100%;
	text-align: left;
}
.mittig{
	width:60%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:36px;
}
.logo1{
  padding:3% 0 0 3%;
  width:14%;
}

.line{
  background-color: #000000;
}
.hamburger-menu{
  width:45px;
  height:40px;
  position:fixed;
  top:20px;
  right:50px;
  cursor:pointer;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}
.change .line1{
  transform:rotateZ(-45deg) translate(-8px, 6px);
}

.change .line2{
  opacity:0;
}

.change .line3{
  transform:rotateZ(45deg) translate(-8px, -6px);
}
.navbar{
  height:140px;
  top:-140px;
}
.change{
  top:0;
}
.nav-list{
  grid-auto-flow:row;
}

.nav-list li{
  padding-bottom:12px;
}

h1{
  font-size:28px;
}
h2{
  font-weight: 600;
  font-size:22px;
}

h3{
  font-size:18px;
}

h4{
  font-size:16px;
}
p{
  font-size:14px;
}
li{
  width:100%;
  font-size:14px;
}
td, .atag{
  font-size:16px;
}
td h2{
  font-size:18px;
}
.icon h3{
  margin-left:25%;
}

.box1-2{
  width:90%;
  background-color:#fff;
  padding:2% 0 5% 0;
  margin:2% ;
  float:right;
}
.icon2 li{
  margin-left:-9%;
}
.boxen1{
	height:820px;
}
.boxen2{
  width:100%;
  float:none;
  margin-top:2%;
}
.box2-1{
  float:none;
  width:100%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin:0% 0% 0% 0%;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  margin-bottom:5%;
}

.box2-2{
  float:none;
  width:100%;
  margin:0% auto 2% auto;
}
.boxen2 .special{
  float:none;
  width:100%;
  padding:1% 0 1% 0;
  background-color:#fff;
  margin:5% 0 0% 0%;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  margin-bottom:5%;
}

.button1{
  background-color: #FFEE00; 
  color: black;
  padding:5% 15% 5% 15%;
  margin:1% 27% 1% 27%;
  font-family: 'Montserrat', sans-serif;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}
	
.button-buchen{
		display:block;
		padding:15px 40px 15px 40px;
		margin-top:100px;
	}
	
.button-buchenx{
		display:block;
		padding:15px 40px 15px 40px;
		margin:12px 0 0 0;
	}

	.button-buchen h3{
		font-size:26px;
	}
	
	.button-buchenx h3{
		font-size:26px;
	}
#ersteinfo{
	height:1200px;
}
#alleklassen{
  background-color:#616161;
  margin-top:52%;
	height:3200px;
}
.nebeneinandery{
	height:300px;
}
.nebeneinander{
	height:180px;
}
.strich{
 width:100%;
 height:20px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:26px;
 margin-top:-4.5%;
}
.handy{
  margin-top:2%;
}
.infotext2{
  text-align: left;
  width:70%;
  padding-top:2%;
  margin:4% auto;
  display:block;
}
.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 4% 3%;
  font-size: 30px;
  grid-column-start: 1;
  grid-column-end: 3;
}
.grid-container > div:nth-child(1) {
  background-color:rgba(255, 255, 255, 0.8); 
}

.grid-container > div:nth-child(2) {
  background-color:#FFEE00; 
}
.grid-container > div:nth-child(3) {
  background-color:rgba(255, 255, 255, 0.8); 
}

.grid-container > div:nth-child(4) {
  background-color:#FFEE00; 
}
.grid-container > div:nth-child(5) {
  background-color:rgba(255, 255, 255, 0.8); 
}
.grid-container > div:nth-child(6) {
  background-color:#FFEE00; 
}

}

@media screen and (max-width: 710px) {
.modul{
		display:none;
	}
.moduly{
		display:none;
	}
.modul-handy{
		display:block;
		width:100%;
		height:120px;
		margin-top:10%;
	}
.modul-handy-x{
		display:block;
		width:100%;
		height:100px;
		margin-top:10%;
	}
.moduly-handy{
	display:block;
	width:100%;
	height:170px;
	margin-top:15%;
	}
.moduly-handy-x{
	margin-top:18%;
	height:170px;
	}
.nebeneinander-handy{
  display:block;
  width:100%;
	height:180px;
}
	
.nebeneinander-handy-2{
	display:block;
  width:100%;
	height:380px;
	}	
.nebeneinander{
  display:none;
}
.nebeneinandery{
  display:none;
}

.normal1{
  width:100%;
}
.normal3{
  width:100%;
  float:none;
}
.normal4{
  width:100%;
  float:none;
}

.icon li{
  margin-left:-19%;
}
.icon h3{
  margin-left:24%;
}

.icon2 li{
  margin-left:-10%;
}
.icon li:nth-child(1){
  background-image: url("../image/icon1-six.png");
  padding:9% 4% 7% 3%;
  }

.icon li:nth-child(2) {
  background-image: url("../image/icon2-six.png");
  padding:9% 4% 7% 3%;
}

.icon li:nth-child(3){
  background-image: url("../image/icon3-six.png");
  padding:9% 4% 7% 3%;
}


.icon li:nth-child(4) {
  background-image: url("../image/icon4-six.png");
  padding:9% 4% 7% 3%;
}

#kontakt{
  height:270px;
}
	
#alleklassen{
  background-color:#616161;
  margin-top:46%;
	height:3150px;
}
}

@media screen and (max-width: 700px) {
.icon li{
  margin-left:-19.5%;
}

.icon h3{
  font-size:22px;
  margin-left:24%;
}

.icon2 li{
  margin-left:-10%;
}
.normal3{
  width:100%;
  float:none;
}

.normal4{
  width:100%;
  float:none;
}

.box2-1{
  float:none;
  width:100%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin:0% 0 2% 0%;
}

.boxen2 .special{
  float:none;
  width:100%;
  padding:1% 0 1% 0;
  background-color:#fff;
  margin:0% 0% 2% 0%;
  -webkit-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  -moz-box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
  box-shadow: 0px 0px 10px -4px rgba(56,56,56,0.64);
}

#alleklassen{
  background-color:#616161;
  margin-top:46%;
	height:3180px;
}

.handy{
  margin-top:4%;
}

.strich{
 width:100%;
 height:15px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:22px;
 margin-top:-4%;
}

.nav-list-footer li{
 width:14%;
 padding:0 0 0 0;
 list-style: none;
 display:inline;
}
#kontakt{
  height:230px;
}
.moduly-handy-x{
	height:170px;
	margin-top:24%;
}
.nebeneinander-handy-2{
	height:410px;
}
.modulx{
	height: 150px;
}
}
@media screen and (max-width: 680px) {
.modul-handy {
	display: block;
	width: 100%;
	height: 125px;
	margin-top:0%;
}
.nebeneinander-handy-2 {
	display: block;
	width: 100%;
	height:400px;
}
}
@media screen and (max-width: 670px) {
td:nth-child(1){
 font-size:28px;
 width:50%;
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:60%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:30px;
}
.navbar{
background-color: rgba(255,255,255,0.80);
}

.box1-1{
  width:95%;
}

.box2-1{
  float:none;
  width:100%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin:0% 0 2% 0%;
}

#alleklassen{
  background-color:#616161;
  margin-top:48%;
}

.zeiten1{
  padding:0 0 0 20%;
}
.zeiten2{
  padding:0 0 0 10%;
}

.zeiten3{
  padding:0 0 0 20%;
}

.zeiten4{
  padding:0 0 0 10%;
}
.icon2 h2{
  font-size:20px;
}
.modul-handy {
	display: block;
	width: 100%;
	height: 140px;
	margin-top:10%;
}
.nebeneinander-handy {
	display: block;
	width: 100%;
	height:120px;
}
.handy{
  margin-top:4%;
}

.strich{
 width:100%;
 height:12px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:20px;
 margin-top:-4%;
}

td, .atag{
  font-size:14px;
}

.icon li{
  margin-left:-18%;
}

.icon2 li{
  margin-left:-10.5%;
}

.icon2 h2{
  margin:3% 0 0 10%;
  font-weight:700;
}

.icon2 li:nth-child(1){
  background-image: url("../image/zeiten1-responsive.png");
  padding:4% 3% 2% 3%;
  }
.icon2 li:nth-child(4) {
  background-image: url("../image/zeiten2-responsive.png");
  padding:4% 3% 2% 3%;
}

}
@media screen and (max-width: 655px) {
#ersteinfo{
	height:1250px;
}
td h2{
  font-size:14px;
}
.icon2 li{
  margin-left:-11%;
}
.einzug1 {
    text-indent: 1.9em;
    font-weight: 600;
    font-size: 18px;
}
.einzug2 {
    text-indent: 1em;
    font-weight: 600;
    font-size: 18px;
}
.icon2 li:nth-child(1){
  background-image: url("../image/zeiten1-responsive1.png");
  padding:5% 3% 2% 3%;
  }
.icon2 li:nth-child(4) {
  background-image: url("../image/zeiten2-responsive1.png");
  padding:5% 3% 2% 3%;
}
.modul-handy {
  margin-top: 18%;
}
.nebeneinander-handy-2 {
	display: block;
	width: 100%;
	height: 450px;
}
.moduly-handy-x {
	height: 170px;
	margin-top:30%;
}
.handy{
  margin-top:2%;
}
.box2-1{
  float:none;
  width:100%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin:0% 0 2% 0%;
}
.nav-list-footer li{
  width:16%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}
}

@media screen and (max-width: 600px) {
.normal{
	height:170px;
}
.boxen1{
	height:620px;
}
.button1{
  padding:5% 15% 5% 15%;
  margin:1% 25% 1% 25%;
}

.box2-2{
  width:100%;
}
.box1-1{
  margin-top:10%;
  border-top: #000000 5px solid;
}

.icon h3{
  font-size:22px;
  margin-left:15%;
}
.icon li:nth-child(1){
  background-image: none;
  padding:3% 4% 3% 3%;
  }

.icon li:nth-child(2) {
  background-image: none;
  padding:3% 4% 3% 3%;
}

.icon li:nth-child(3){
   background-image: none;
  padding:3% 4% 3% 3%;
}


.icon li:nth-child(4) {
  background-image: none;
  padding:3% 4% 3% 3%;
}
.icon2 li{
  margin-left:0%;
}

.icon2 .zeiten{
  margin:0 0 0 20px;
  font-weight:700;
}
.icon2 h2{
	margin:0 0 0 10px;
}
.icon2 li:nth-child(1){
  background-image: none;
  padding:2% 3% 2% 3%;
  }

.icon2 li:nth-child(4) {
  background-image: none;
  padding:2% 3% 2% 3%;
}
.boxen2 {
	margin-top:8%;
}
.box2-1{
  float:none;
  border-top: #FFEE00 5px solid;
  width:100%;
  padding:1% 0 1% 15px;
  background-color:#fff;
  margin:0% 0 5% 0%;
}

.box1-2{
  border-top: #616161 5px solid;
  margin-top:10%;
  width:90%;
  background-color:#fff;
  float:right;
}
#alleklassen{
  background-color:#616161;
  margin-top:25%;
	height: 3300px;
}
.nebeneinander-handy-2{
	display:block;
  width:100%;
	height:480px;
}	
.moduly-handy{
	margin-top:130px;
}	
.moduly-handy-x{
	height:170px;
	margin-top:45%;
}	
h1{
  font-size:26px;
}
h2{
  font-weight: 600;
  font-size:20px;
}

h3{
  font-size:18px;
}

h4{
  font-size:16px;
}
p{
  font-size:14px;
}
li{
  font-size:14px;
}
td, .atag{
  font-size:14px;
}
td h2{
  font-size:14px;
}
.nav-list-footer p{
  font-size:12px;
}

.nav-list-footer li{
  width:14%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}
}

@media screen and (max-width: 550px) {
#ersteinfo{
	height: 1300px;
}
td:nth-child(1){
 font-size:28px;
 width:55%;
}
.boxen1{
	height:580px;
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:65%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:28px;
}
.logo1{
  padding:3% 0 0 3%;
  width:16%;
}

h1{
  font-size:24px;
}
h2{
  font-weight:600;
  font-size:18px;
}
h3{
  font-size:16px;
  font-weight:600;
}
h4{
  font-size:14px;
}
p{
  font-size:14px;
}
li{
  font-size:14px;
}
td, .atag{
  font-size:14px;
}
td h2{
  font-size:14px;
}
.box2-1{
  float:none;
  width:100%;
  padding:1% 2% 1% 2%;
  background-color:#fff;
  margin:0% 0 2% 0%;
}
.boxen2 .special{
  padding:1% 2% 1% 2%;
  background-color:#fff;
  margin:0% 0% 2% 0%;
}
.moduly-handy-x{
	height:190px;
	margin-top:55%;
}	
#alleklassen{
  background-color:#616161;
  margin-top:17%;
	height:3250px;
}
.handy{
  margin-top:10%;
}
.strich{
 width:100%;
 height:12px;
 background-color:#FFEE00;
 position:relative;
}
.slogan{
 font-size:16px;
 margin-top:-4%;
}
#kontakt{
  height:180px;
}
.nebeneinander-handy-2 {
    display: block;
    width: 100%;
    height: 520px;
}

}

@media screen and (max-width: 500px) {
.pfeil a{
	text-align: center;
}	
.pfeil img{
	width:70%;
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:65%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:24px;
}
.icon h3{
  font-size:20px;
}
.boxen1{
	height:580px;
}
.box1-1{
  padding:4% 2% 2% 5%;
  width:100%;
}
.box1-2{
  width:100%;
  background-color:#fff;
}
#kontakt{
  height:200px;
}
.box2-1{
  margin:0% 0 2% 0%;
}
.einzug1 {
	font-size: 16px;
}
.einzug2 {
	font-size: 16px;
}
.boxen2 .special{
  padding:1% 2% 1% 2%;
  background-color:#fff;
  margin:5% 0% 2% 0%;
}

#alleklassen{
  background-color:#616161;
  margin-top:20%;
	height: 3290px;
}

.nav-list-footer p{
  font-size:12px;
}

.nav-list-footer li{
  width:16%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}
.moduly-handy-x{
	height:190px;
	margin-top:75%;
}
.nebeneinander-handy-2 {
  height: 580px;
}

.handy{
  margin:5% auto 0 auto;
}

.strich{
 width:100%;
 height:30px;
 background-color:#FFEE00;
 position:relative;
  margin-bottom:5%;
}
.slogan{
 text-align:center;
 margin-top:-13%;
 font-size:20px;
 line-height: 1.1em;
}
	
.button1{
	 display:block;
  padding:4% 15% 4% 15%;
  margin:4% auto 8% auto;
}

}

@media screen and (max-width: 470px) {
.boxen1{
	height:550px;
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:70%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:26px;
}
.logo1{
  padding:3% 0 0 3%;
  width:18%;
}

.box2-1{
  padding:4% 4% 4% 4%;
}

.handy{
 margin-top:15%;
}

.icon2 h2{
  font-size:18px;
}

.icon h3{
  font-size:18px;
}
h1{
  font-size:24px;
}
h2{
  font-weight:600;
  font-size:18px;
}

h3{
  font-size:15px;
  font-weight:600;
}

h4{
  font-size:13px;
}
p{
  font-size:14px;
}
li{
  font-size:14px;
}
td, .atag{
  font-size:13px;
}
td h2{
  font-size:13px;
}

#kontakt{
  height:180px;
}

#alleklassen{
  background-color:#616161;
  margin-top:15%;
}
.slogan{
 text-align:center;
 margin-top:-13.5%;
 font-size:20px;
 line-height: 1.1em;
}
.modul-handy {
  margin-top: 30%;
}
.moduly-handy-x{
	height:210px;
	margin-top:90%;
}
.termin, .terminx {
	font-size: 16px;
	font-weight:600;
}

}

@media screen and (max-width: 450px) {
.aussen-titel{
	height:45vh;
}
.mittig{
	width:70%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:22px;
}
.logo1{
  padding:3% 0 0 3%;
  width:19%;
}

#ersteinfo{
  text-align:left;
  width:85%;
}

#kontakt{
  width:85%;
}

#alleklassen{
  background-color:#616161;
  margin-top:19%;
	height:3280px;
}

.infotext2{
  width:85%;
  text-align:left;
}
.grid-container{
  margin:2% 6%;
}

.nav-list-footer p{
  font-size:12px;
}

.nav-list-footer li{
  width:20%;
   padding:0 0 0 0;
   list-style: none;
   display:inline;
}

.slogan{
 text-align:center;
 margin-top:-15%;
 font-size:20px;
 line-height: 1.1em;

}
.box2-1{
   margin:0% 0% 2% 0%;
   width:95%;
}
.nebeneinander-handy-2 {
   height: 510px;
}
.moduly-handy-x{
	height:160px;
	margin-top:60%;
}

}
@media screen and (max-width: 380px) {
#alleklassen{
  background-color:#616161;
  margin-top:19%;
	height:3300px;
}
.moduly-handy-x {
	height: 140px;
	margin-top:75%;
}
.nebeneinander-handy-2 {
	display: block;
	width: 100%;
	height: 550px;
}
}
@media screen and (max-width: 370px) {
.einzug1 {
    font-size: 14px;
}
.einzug2 {
    font-size: 14px;
}
#alleklassen{
  background-color:#616161;
  margin-top:19%;
	height:3500px;
}
.aussen-titel{
	height:45vh;
}
.mittig{
	width:70%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:22px;
}
.modulx{
	margin-top:22px;
	height:160px;
}
.modul-handy{
	margin-top:70px;
	height:140px;
}
.nebeneinander-handy {
	display: block;
	width: 100%;
	height: 190px;
}
.nebeneinander-handy-2{
	height: 650px;
}
.item6{
	height:600px;
}
.normal3{
	height:250px;
}
.moduly-handy-x{
	height:200px;
	margin-top:65%;
}
.boxen2{
	margin-top:15px;
}
}
@media screen and (max-width: 320px) {
.boxen2{
	margin-top:20px;
}
#alleklassen{
  background-color:#616161;
  margin-top:19%;
	height:3550px;
}
.titel h1{
		font-size:19px;
}
.modulx{
	margin-top:20px;
	height:150px;
}
.modul-handy{
	margin-top:70px;
	height:140px;
}
.nebeneinander-handy {
	display: block;
	width: 100%;
	height: 190px;
}
.nebeneinander-handy-2{
	height: 650px;
}
.item6{
	height:700px;
}
.normal3{
	height:250px;
}
.moduly-handy-x{
	height:200px;
	margin-top:90%;
}

}