html{
  scroll-behavior: smooth;
}

*{
margin:0;
padding:0;
}

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

a{
  text-decoration:none;
  list-style: none;
  color:#000000;
	
	font-size: 16px;
}
a:hover{
  text-decoration:underline;
  list-style: none;
  color:#000000;
}


h1,h2,h3,h4{
  font-family: 'Montserrat', sans-serif;
  display:inline;
  text-align:left;
  font-weight: 700;
}

.weiss{
 color:#F8F8F8;
}

h1{
  font-size:34px;
}
h2{
  font-weight: 600;
  font-size:28px;
}
.button{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.schriftkleiner{
  font-size:34px;
}
.container{
  width:100%;
  height:50vh;
  background-image: url("../image/banner2-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;
	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*/
#kontaktinfo{

  width:70%;
  height:210px;
  display:block;
  margin:0% auto;
  background:#FFFFFF;
}

.infotext{
  display:inline;
}
/* -------------------------------------------------------------kontaktformular ----------------------------------------------------*/
.hinweis{
	display:block;
	margin:-5% auto 0% auto;
	position:absolute;
	color: #ffffff;
	font-size: 20px;
	font-weight:600;
}

#kontaktformular{
	width:100%;
	height:1250px;
}
.hintergrund-kontakt{
  width:100%;
  height:1150px;
  background-image:url("../image/kontakt-hintergrund.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto auto;
  margin-bottom:0%;
}

.inhalt-kontakt{
  position:relative;
  text-align: justify;
  width:70%;
  height:180px;
  display:block;
  margin:0% auto;
}

.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:100px auto 0 auto;
}

.titel-kontakt h1{
   font-size:58px;  
}

.contact-form{
  padding:380px 0 0 0;
  display:flex;
  justify-content: center;
}
.icons{
	margin:0 auto;
	width:8%;
}
.icons img{
}
.input-fields{
  display:flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: center;
  width:50%;
  height:100%;
}

#name, #vorname, #email, #telefon, #nachricht{
  font-size:16px;
  margin-bottom:2%;
  padding:3% 0% 2% 2%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		-moz-appearance: none;
		-webkit-appearance: none;
		background-color: rgba(255,255,255,1.00);
		appearance: none;
		border: none;
		width: 98%;
	 box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
  border-radius: 3px;
		outline: none;
}

textarea{
  font-size:16px;
  padding:3% 0 10% 0;
  height:220px;
}

/* -------------------------------------------------------------kontaktformular ENDE----------------------------------------------------*/


.button-kontakt{
  background-color: #FFEE00; 
  width:100%;
  color: black;
  padding:3% 2% 3% 2%;
  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);
}

.button-kontakt: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*/
.infotext2{
	margin-top:40px;

}
.infotext2 h2{
  text-align:left;
}
.kontakt-links{
	margin-top:20px;
	float:left;
	width:50%;
}

.kontakt-links p{
	line-height: 1.7em;
	
}
.kontakt-rechts p{
	line-height: 1.7em;
	
}
.kontakt-rechts{
	margin-top:20px;
	float:left;
	width:50%;
}


/* alleKlassen*/

/* kontakt*/

/* kontakt*/

.strich{
 width:100%;
 height:30px;
 background-color:#FFEE00;
 poisition: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: 1690px) {
.slogan{
 font-size:46px;
}
.titel-kontakt{
	margin:100px auto 0 auto;
}
.contact-form{
	padding:380px 0 0 0;
}
}

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

.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;
}
.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;
}
}


@media screen and (max-width: 1450px) {
td, .atag{
  font-size:16px;
}
#kontaktformular{
		height:1300px;
	}
.hintergrund-kontakt{
  width:100%;
	height:1100px;
  background-image:url("../image/kontakt-hintergrund.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto auto;
  margin-bottom:0%;
}
	.titel-kontakt{
		margin:100px auto 0 auto;
	}
	.contact-form{
		padding:370px 0 0 0;
	}
}

@media screen and (max-width: 1350px) {
#kontaktinfo{
	width:80%;
}
.nav-list {
  padding:25px 80px 0 0;
}

.logo1{
  padding:2% 0 0 2%;
  width:10%;
}
	
#kontaktformular{
	height:1200px;
}
.hintergrund-kontakt{
  width:100%;
  height:1100px;
  background-image:url("../image/kontakt-hintergrund.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto auto;
  margin-bottom:0%;
}
.inhalt-kontakt{
  position:relative;
  text-align: justify;
  width:70%;
  height:50px;
  display:block;
  margin:0% auto;
}
.titel-kontakt h1{
   font-size:48px;  
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:100px auto 0 auto;
}

.contact-form{
	width:100%;
  padding:360px 0 0 0;
  display:flex;
  justify-content: center;
}

.input-fields{
  display:flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: center;
  width:65%;
  height:100%;
}

#input{
  font-size:16px;
  margin-bottom:2%;
  padding:3% 0% 2% 2%;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

textarea{
  font-size:16px;
  padding:3% 0 10% 0;
  height:220px;
}


.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;
}
}
@media screen and (max-width: 1280px) {

.contact-form{
  padding:360px 0 0 0;
  display:flex;
  justify-content: center;
}
	.hintergrund-kontakt{
		height:1100px;
	}
}

@media screen and (max-width: 1240px) {
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:110px auto 0 auto;
}

.contact-form{
  padding:350px 0 0 0;
  display:flex;
  justify-content: center;
}
#kontaktformular{
		height:1150px;
	}
.hintergrund-kontakt{
		height:1050;
	}

}

@media screen and (max-width: 1210px) {
#kontaktinfo{
	width:70%;
}
.titel-kontakt{
  margin:125px auto 0 auto;
}
.contact-form{
  padding:250px 0 0 0;
  display:flex;
  justify-content: center;
}
.slogan{
 font-size:34px;
 margin-top:-4.5%;
}
.infotext2{
	margin-top:40px;
}
.infotext2 h2{
  text-align:left;
}
.kontakt-links{
	margin-top:20px;
	float:left;
	width:60%;
}

.kontakt-links p{
	line-height: 1.7em;
}
.kontakt-rechts p{
	line-height: 1.7em;
}
.kontakt-rechts{
	margin-top:20px;
	float:left;
	width:60%;
}
}

@media screen and (max-width: 1140px) {
h2{
  font-weight: 600;
  font-size:24px;
}
.titel-kontakt{
	margin:125px auto 0 auto;
}

.contact-form{
  padding:250px 0 0 0;
  display:flex;
  justify-content: center;
}
}

@media screen and (max-width: 1100px) {
#kontaktformular{
	height:1100px;
}
.hintergrund-kontakt{
		height:1000px;
	}
.logo1{
  padding:3% 0 0 3%;
  width:12%;
}
.nav-list-footer p{
  font-size:18px;
}
.slogan{
 font-size:34px;
 margin-top:-4.5%;
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:125px auto 0 auto;
}
.contact-form{
  padding:240px 0 0 0;
  display:flex;
  justify-content: center;
}
}
@media screen and (max-width: 1024px) {		
#kontaktformular{
	height:1100px;
}
.hintergrund-kontakt{
		height:980px;
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:125px auto 0 auto;
}
.contact-form{
  padding:240px 0 0 0;
  display:flex;
  justify-content: center;
}
}


@media screen and (max-width: 1000px) {	
#kontaktformular{
	height:1050px;
}
.hintergrund-kontakt{
		height:970px;
}
.titel-kontakt h1{
   font-size:42px;  
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:125px auto 0 auto;
}
.contact-form{
  padding:240px 0 0 0;
  display:flex;
  justify-content: center;
}
.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;
}
	
.button-kontakt{
  padding:4% 2% 4% 2%;
}

.button-kontakt h3{
	 font-size:28px;
}
}

@media screen and (max-width: 950px) {		
#kontaktformular{
	height:1020px;
}
.hintergrund-kontakt{
		height:950px;
}
.input-fields{
  height:100%;
}
.strich{
 width:100%;
 height:20px;
 background-color:#FFEE00;
 position:relative;

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

}

@media screen and (max-width: 910px) {
.contact-form{
  padding:330px 0 0 0;
  display:flex;
  justify-content: center;
}
.infotext2{
	margin-top:40px;

}
.infotext2 h2{
  text-align:left;
}
.kontakt-links{
	margin-top:20px;
	float:none;
	width:100%;
}

.kontakt-links p{
	line-height: 1.7em;
}
.kontakt-rechts p{
	line-height: 1.7em;
}
.kontakt-rechts{
	margin-top:20px;
	float:none;
	width:100%;
}

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;
}

}


@media screen and (max-width: 840px) {
.nav-list-footer p{
  font-size:16px;
}

}

@media screen and (max-width: 810px) {
td, .atag{
  font-size:14px;
}
}


@media screen and (max-width: 800px) {
#kontaktinfo{
	height:270px;
}
.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:12px;
}
li{
  width:100%;
  font-size:12px;
}
td, .atag{
  font-size:16px;
}
td h2{
  font-size:18px;
}
#kontaktformular{
	height:850px;
}
.icons{
	margin:0 auto;
	width:12%;
}
.icons img{
	width:50px;
}
.hintergrund-kontakt{
	margin-top:10%;
  width:100%;
	height:820px;
  background-image:url("../image/kontakt-hintergrund-responsive.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto auto;
}

.hinweis {
	display: block;
	margin: -8% auto 0% auto;
	position: absolute;
}
.inhalt-kontakt{
	height:50px;
	}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:10px auto 0 auto;
}
.contact-form{
  padding:180px 0 0 0;
  display:flex;
  justify-content: center;
}
.titel-kontakt h1{
		font-size:38px;
	}
.strich{
 width:100%;
 height:20px;
 background-color:#FFEE00;
 position:relative;

}
.slogan{
 font-size:26px;
 margin-top:-4.5%;
}
.handy{
  margin-top:2%;
}

}


@media screen and (max-width: 700px) {
#kontaktinfo{
	height:280px;
}
.titel-kontakt h1{
   font-size:36px;  
}
	
.input-fields{
  width:90%;
}
.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;
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:0px auto 0 auto;
}
.contact-form{
  padding:190px 0 0 0;
  display:flex;
  justify-content: center;
}	
}

@media screen and (max-width: 670px) {
.navbar{
background-color: rgba(255,255,255,0.80);
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:60%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:30px;
}
.titel-kontakt h1{
	font-size:34px;
}
	
.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;
}

}
@media screen and (max-width: 655px) {
td h2{
  font-size:14px;
}
.handy{
  margin-top:2%;
}

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

@media screen and (max-width: 600px) {
#kontaktinfo {
    height: 270px;
}
.titel-kontakt h1{
   font-size:34px;  
}
	
.input-fields{
  width:95%;
}
	
h1{
  font-size:26px;
}
h2{
  font-weight: 600;
  font-size:20px;
}

h3{
  font-size:18px;
}

h4{
  font-size:16px;
}
p{
  font-size:12px;
}
li{
  font-size:12px;
}
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) {
.aussen-titel{
	height:40vh;
}
.mittig{
	width:65%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:28px;
}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:0px auto 0 auto;
}
.contact-form{
  padding:170px 0 0 0;
  display:flex;
  justify-content: center;
}	
.titel-kontakt h1{
  font-size:32px;  
}
.hinweis {
  font-size:14px;
		text-align: left;
}
.input-fields{
  width:95%;
}
	
.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:12px;
}
li{
  font-size:12px;
}
td, .atag{
  font-size:14px;
}
td h2{
  font-size:14px;
}

.handy{
  margin-top:0%;
}

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

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

@media screen and (max-width: 500px) {
#kontaktinfo {
    height: 270px;
}
#kontaktformular{
	height:750px;
}

.hintergrund-kontakt{
	margin-top:15%;
  width:100%;
  height:680px;
  background-image:url("../image/kontakt-hintergrund-handy.png");
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto auto;

}
.titel-kontakt{
  width:100%;
  position:absolute;
  text-align:center;
  margin:-20px auto 0 auto;
}
.contact-form{
  padding:150px 0 0 0;
  display:flex;
  justify-content: center;
}
.icons{
	margin:0 auto;
	width:18%;
}
.icons img{
	width:50px;
}
.titel-kontakt h1{
		font-size:35px;
	}
	
.input-fields{
  width:100%;
}

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

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

.handy{
  margin:0 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;

}
.button-kontakt h3{
	font-size:22px;
}
.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;
}
}


@media screen and (max-width: 470px) {
#kontaktinfo {
	margin:0 auto;
  height: 270px;
}
.aussen-titel{
	height:40vh;
}
.mittig{
	width:70%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:26px;
}
.hinweis {
  font-size:12px;
	text-align: left;
}
.logo1{
  padding:3% 0 0 3%;
  width:18%;
}

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:10px;
}
li{
  font-size:12px;
}
td, .atag{
  font-size:13px;
}
td h2{
  font-size:13px;
}
.slogan{
 text-align:center;
 margin-top:-13.5%;
 font-size:20px;
 line-height: 1.1em;
}
}

@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;
}
.titel-kontakt h1{
		font-size:32px;
	}
.logo1{
  padding:3% 0 0 3%;
  width:19%;
}

.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;
}
}

@media screen and (max-width: 414px) {
#kontaktinfo {
	margin:0 auto;
  height: 270px;
}

.hinweis {
  font-size:10px;
		text-align: left;
}
	
.contact-form{
	padding:35% 0 0 0;
	}
.titel-kontakt{
	margin:-5% auto 0 auto;
	}	
	
}
@media screen and (max-width: 375px) {
#kontaktinfo{
	height:300px;
}
.aussen-titel{
	height:45vh;
}
.mittig{
	width:70%;
}
.titel{
	text-align: center;
	padding:10px 5px 10px 5px;
}
.titel h1{
	font-size:22px;
}
.titel-kontakt h1 {
	font-size: 28px;
}	
.hinweis {
	width:70%;
  font-size:12px;
	text-align: center;
	font-weight: 300;
	margin:-16% auto 0 auto;
}
		
.contact-form{
	padding:50% 0 0 0;
}

}
@media screen and (max-width: 320px) {
.titel h1{
		font-size:19px;
	}
.titel-kontakt h1 {
	font-size: 28px;
}	
.hinweis {
  font-size:10px;
	font-weight: 300;
}
		
.contact-form{
	padding:50% 0 0 0;
}
		
}