@font-face {
  	font-family: 'ProximaNova';
  	font-style: normal;
  	font-weight: normal;
  	src: local('../font/ProximaNova-Light'), url('../font/ProximaNova-Light.otf') format('opentype');
	}
	

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'),
       url('../fonts/playfair-display-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
       url('../fonts/playfair-display-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/playfair-display-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'),
       url('../fonts/playfair-display-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-700italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/playfair-display-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Black'), local('PlayfairDisplay-Black'),
       url('../fonts/playfair-display-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-900italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/playfair-display-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Black Italic'), local('PlayfairDisplay-BlackItalic'),
       url('../fonts/playfair-display-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-900italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

	

* {
	margin: 0;
	padding: 0;
	}
::-moz-selection { /* Code for Firefox */
    color: #281f4a; 
    background: #f3c25b;
}

::selection {
    color: #281f4a;
    background: #f3c25b;
}




.normal {
	color: #281f4a;
    font-family: Playfair Display,serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 30px auto;
    padding-left: 34px;
    max-width: 700px;
    width: 100%;
	}

nav h1 a {
	text-indent: -9999px;
	line-height: 0;	
	}
	
.italic {
	font-style: italic; 
	text-transform: none;
	font-size: 30px;	
	line-height: 1.3em;
	}

.small {
	width: 60%;
	max-width: 700px;
	margin: 15px auto 30px auto;
	display: block;	
	}

.data:hover {
	cursor: pointer;
	}


.temp {
	background: #fff;
	padding: 100px 0;	
	}
.temp2 {
	background: #fff;
	padding: 10px 0 100px 0;	
	}
   			
.header-center h1, .header-center h2, .header-center h3, .header-center h4, .header-center p {
	text-align: center;
	max-width: 900px;
	padding: 0 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff!important;

	}
.header-center h2 {
	font-size: 80px;
	letter-spacing: 6px;
	font-weight: 800;
	padding: 0;
	margin: 0 0 16px 0;	
	}
.header-center h2:after {
	display: none;	
	}
.header-center h4 {
	font-size: 28px;
	font-style: italic;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: center;
	font-weight: 300;
	}
.header-center p {
	font-size: 20px;	
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	}
.header-center .button {
	text-align: center;
	margin: 30px auto 0 auto!important;
	border-color: #fff;
	color: #fff;
	}
.header-center .button:hover {
	color: darkblue;
	background-color: #f3c25b !important;
	border-color: #f3c25b!important;	
	}

.header .slick-slider {
	height: 100% !important;
	position: absolute !important;  
	width: 100%;  
	z-index: -1;	
	}
.header .fix {
	width: 100% !important;
	height: 100vh !important;
	padding-top: 100px!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
.middle {
	/* background: pink; */
	margin: 0;
   	position: absolute;            
   	top: 50%;               
   	transform: translate(0, -50%);
   	width: 100vw;
   	/* width: 100%; */
	}
header .slick-slide {
	opacity: 1!important;	
	}
header .slick-prev, header .slick-next {
	opacity: 1 !important;
	margin: 40px 0 0 0 !important;	
	}
.header-center {
	width: 100%;
	padding: 120px 50px 50px 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	max-width: 800px;
	/* background: blue; */
	margin: 0 auto;	

	}
.bg1 {
	background: url(../images/44.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
	width: 100%;
	height: 100vh!important;

	}
.bg2 {
	background: url(../img/002.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;	
	width: 100%;
	height: 100vh!important;
	}


@keyframes example {
    from {
    		top: -200px;
    		}
    to {
    		top: 0;
    		}
}





.navwrap {
width: 100%;
z-index: 9999;	
background: #fff;
  height: 100px;
  max-height: 100px;
 position: absolute;
 transform: translateY(0%);
    transition-duration: 0s;
    -webkit-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	-moz-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	display: block;
	}
.navwrap.nav {
		background: #fff !important;
		position: relative !important;
		opacity: 1;
		top: 0;
		margin: 0;
		z-index: 99999 !important;	
		-webkit-box-sizing: normal !important;
    		-moz-box-sizing: normal !important;
    		box-sizing: normal !important;
    		width: 100%;
    		pointer-events: auto!important; /* REALLY! */
    		-webkit-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	-moz-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);

		}
/* REALLY! */
.navwrap.nav::before {
	background: none;
    border: 0px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    
	}
.navwrap.nav::after {
	background: none;
    border: 0px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    
	}
/* REALLY! */

.navwrap.navmobile {
		position: fixed;
		z-index: 99999!important;
		animation-name: example;
    		animation-duration: 0.7s;
		-webkit-box-shadow: 0px 10px 59px -24px rgba(20,0,87,0.47);
	-moz-box-shadow: 0px 10px 59px -24px rgba(20,0,87,0.47);
	box-shadow: 0px 10px 59px -24px rgba(20,0,87,0.47);
		/*
		top: -60px;
		*/
		height: 60px;
		width: 100%;
		display: block;
		/*
		transform: translateY(100%);
     	transition-duration: 1s;
     	*/

		}
.navwrap.navmobile nav, .navwrap.navmobile nav ul, .navwrap.navmobile nav ul li, .navwrap.navmobile nav ul li a  {
	height: 60px	;
	line-height: 60px;
	}
	
.navwrap.navmobile nav .biglogo {
	display: none !important;
	visibility: hidden !important;
	}
.navwrap.navmobile nav .smalllogo {
	display: block;
    float: left;
    height: 60px;
    width: 30%;
    margin: 0;
    visibility: visible;
	}

.navwrap.navmobile nav .smalllogo img {
	display: block;
    height: 56px;
    padding: 2px 0;
    margin: 0 auto;
	}		
	}
	
	
nav {
	height:100px; 
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;

	}
nav ul {
	width: 670px;
	float: right;
	display: block;
	height: 100px;
	}
nav ul li {
	float: left;
	display: block;
	list-style: none;
	line-height: 100px;
	padding: 0px;	
	margin: 0 2px;
	color: #000;
	}
nav ul li a {
	display: block;
	line-height: 100px;
	float: left;
	letter-spacing: 2px;
    	text-transform: uppercase;
	color: #0e0e0e;
    	font-family:'Poppins', sans-serif;
    	font-size: 13px;
    	font-weight: 600;
    	text-decoration: none;
    	padding: 0 12px;
	}
nav ul li a:hover, nav ul li a.active {
	color: #f3c25b;
	}
.biglogo {
	float: left;
	display: block;
	width: 35%;
	}
.smalllogo {
	display: none;
	visibility: hidden;	
	}
.biglogo img {
	display: block;
	height: 70px;
	padding: 0;	
	margin: 15px auto 0 auto;
	}
header {
	width: 100%;
	height: 100vh;
	float: left;
	background: #b4b4b4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

.container {
	width: 100%;
	float: left;
	}
.maxwidth {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
main {
	width: 100%;
	/* background: #fff; */
	margin: 0 auto 0 auto;
	z-index: 999;
	position: relative;
	}
.slider {
	background: #f3c25b;
	overflow: hidden;
	height: 500px;	
	}
.autoplay {
	padding: 0 0 100px 0;	
	}
.autoplay .slick-prev, .autoplay .slick-next {
	display: none;
	visibility: hidden;	
	}
.autoplay .exakt {
	padding: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
.exakt {
	display: block;	
	}
	
	

/* A DECORATION */

p > a {
  position: relative;
  color: #000;
  text-decoration: none;
}

p > a:hover {
  color: #000;
}

p > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #f3c25b;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

p > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




/*  END A DECORATION */



footer::after, footer::before {
	box-sizing: normal !important;
	}
footer {
	background: #f3c25b;
	background: #F1C15B;
	background: #281f4a;

background: rgb(40,31,74);
background: -moz-linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(53,169,193,1) 100%);
background: -webkit-linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(53,169,193,1) 100%);
background: linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(53,169,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281f4a",endColorstr="#35a9c1",GradientType=1);

/*
background: rgb(40,31,74);
background: -moz-linear-gradient(30deg, rgba(40,31,74,1) 38%, rgba(53,169,193,1) 100%);
background: -webkit-linear-gradient(30deg, rgba(40,31,74,1) 38%, rgba(53,169,193,1) 100%);
background: linear-gradient(30deg, rgba(40,31,74,1) 38%, rgba(53,169,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281f4a",endColorstr="#35a9c1",GradientType=1);
*/

/*
background-image: -ms-linear-gradient(top right, #35A9C1 0%, #2C3D6B 50%, #281F4A 75%, #281F4A 100%);
background-image: -moz-linear-gradient(top right, #35A9C1 0%, #2C3D6B 50%, #281F4A 75%, #281F4A 100%);
background-image: -o-linear-gradient(top right, #35A9C1 0%, #2C3D6B 50%, #281F4A 75%, #281F4A 100%);
background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #35A9C1), color-stop(50, #2C3D6B), color-stop(75, #281F4A), color-stop(100, #281F4A));
background-image: -webkit-linear-gradient(top right, #35A9C1 0%, #2C3D6B 50%, #281F4A 75%, #281F4A 100%);
background-image: linear-gradient(to bottom left, #35A9C1 0%, #2C3D6B 50%, #281F4A 75%, #281F4A 100%);
*/
/*
background: rgb(40,31,74);
background: -moz-linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(45,88,123,1) 56%, rgba(47,104,137,1) 66%, rgba(49,121,151,1) 74%, rgba(50,135,163,1) 84%, rgba(53,169,193,1) 94%);
background: -webkit-linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(45,88,123,1) 56%, rgba(47,104,137,1) 66%, rgba(49,121,151,1) 74%, rgba(50,135,163,1) 84%, rgba(53,169,193,1) 94%);
background: linear-gradient(30deg, rgba(40,31,74,1) 0%, rgba(45,88,123,1) 56%, rgba(47,104,137,1) 66%, rgba(49,121,151,1) 74%, rgba(50,135,163,1) 84%, rgba(53,169,193,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281f4a",endColorstr="#35a9c1",GradientType=1);
	*/
	width: 100%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	/*
	background: url(../img/map-dunkelblau.png) no-repeat center right;
	background-size: contain;*/
	padding: 0 0 40px 0;
	}
footer .inner2 {
	padding: 0;
	/* max-width: 1100px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    margin: 0 auto;
    /* max-width: 1260px; */
   /*  padding: 0 50px;	 */
	}
.logotemp {
	width: 320px;
	margin: 0 auto;
	height: 100px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	-moz-box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	box-shadow: 0px 10px 59px -37px rgba(20,0,87,0.47);
	display: block;
	}
.logotemp img {
	height: 70px;
	margin: 0 auto;
	width: auto;
	display: block;	
	padding-top: 13px;
	}
footer a {
color:#cec3a2;
	text-decoration: none;
	}
footer a:hover {

	color: #f3c25b;
	}
.oeffnungszeiten {
	width: 200px;
	float: left;
	padding-top: 76px;
	padding-bottom: 50px;
	padding-left: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.oeffnungszeiten p {
	color: #cec3a2;	
	font-size: 16px;
	}
.oeffnungszeiten table {
	padding: 1.4em 0 0.8em 0;
	line-height: 1.4em;	
	}
.oeffnungszeiten td {
		color: #cec3a2;	
		padding-right: 2px;	
		font-size: 16px;
	}
.logo {
	float: left;
	width: 110px;
	display: block;
	padding: 56px 20px 0 60px;

	}
.response {
	width: 720px;
	float: left;
	display: block;	
	}
.adresse {
	width: 320px;
	position: absolute;
	margin-left: 390px;
	padding-top: 72px;
	padding-bottom: 50px;
	padding-left: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.adresse p {
	font-size: 20px;	
	color: #cec3a2!important;
	line-height: 1.5em;
	}
.card {
	width: 400px;
	float: right;
	display: block;	
	}
.card a {
	padding: 0;
	margin: 0;	
	}
.card img {
	float: left;
	width: 100%;
	display: block;
	height: auto;	
	}
.three {
	width: ;
	margin: 50px -15px 100px -15px;
	padding: 0 0 0 0;
	float: left;	
	}
.three .inner {
	width: 33.33%;
	float: left;	
	padding: 0 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	text-align: center;
	}
.three .inner img {
	width: 100%;
	margin: 0 0 30px 0;
	float: left;
	display: block;	
	}

.button {
	background-color: transparent;
    	border: 1px solid #0e0e0e;
    	color: #0e0e0e;
	box-sizing: border-box;
    	display: inline-block;
   	font-family: Raleway,sans-serif;
   	font-size: 12px;
   	font-style: normal;
   	font-weight: 600;
   	letter-spacing: 2.3px;
   	line-height: 49px;
    	padding: 0 42px;
    	text-transform: uppercase;
   	transition: color 0.2s ease-out 0s, background-color 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
	-moz-transition: color 0.2s ease-out 0s, background-color 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
	-webkit-transition: color 0.2s ease-out 0s, background-color 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
	margin: 0 auto;
	text-align:center !important;
	float: none;
	cursor: pointer;
	}

.button:hover {
	background: #000;
	color: #fff;	
	}
	
	
	
	
/* SCHRIFTEN */



h2 {
   	color: #281f4a;/**/
   	color: #302b73;
    	font-family: 'Playfair Display', serif;
	font-size: 25px;
    	letter-spacing: 1.6px;/**/
    	letter-spacing: 1.2px;
    	line-height: 1.3em; /**/
    	line-height: 1.5em;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	width: 100%;
	max-width: 500px;
	margin: 100px auto 0 auto;
	text-align: center;
	}
h2:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100px; /* Change this to whatever width you want. */
    padding-top: 25px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #f3c25b; /* This creates the border. Replace black with whatever color you want. */
}

h2 a {
	color: #f3c225;
	color: #e8b30b;
	color: #ddad11;
	}

/*
h2::after {
	border-bottom: 1px solid #f3c25b;	
	width: 80px
	}
*/
h3 {
	font-size: 15px;
	font-family: 'Playfair Display', serif;
	letter-spacing:  1.5px;
	color: #281f4a;
	line-height: 1.5em;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	max-width: 700px;
	margin: 0 auto;
	}
.three p {
	text-align: left;
	padding: 20px 0;	
	}
.three h4 {
	font: 15px 'Playfair Display', serif;
	font-style: italic;	
	text-align: left;
	padding-bottom: 6px;
	max-width: 700px;
	margin: 0 auto;
	}

p {
	color: #281f4a;
	font-family: Playfair Display, serif;
	font-size: 14px;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;	
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	}
p + p {
	margin-top: 1.5em;	
	}


@media screen and (min-width: 1440px) {
	
	.card {
		width: 50%;
		float: right;
		}	
	 .card img {
	 	width:100%;
	 	max-width: 1000px;
	 	float: right;
	 	}
	 .card a.data {
	 	position: absolute;
	 	bottom: 50px;
	 		 	cursor: pointer;
	 	}
	 .response {
	 	position: absolute;
	 	right: 50%;
	 	}
	
	}
@media screen and (max-width: 1150px) {
	
	.adresse {
		position: relative;
		float: left;
		margin-left: 0px;
		clear: after;
		padding-bottom: 20px;
		}
	.oeffnungszeiten {
		float: left;
		margin-left: 180px;
		padding-top: 0;
		}

	.response {
		width: 520px;
		float: left;
		display: block;	
		}

}




@media screen and (max-width: 1100px) {
	
	.biglogo {
		width: 30%;
		}	
	
	}
	
@media screen and (max-width: 1100px) { 
	
	
	
	nav {
		height: 100px;
		position: fixed !important;
		top: 0;
		z-index: 9999;
		left: 50%;
		margin-left: -160px;
		}
	nav ul, nav ul li, nav ul li a {
		line-height: 100px;
		height: 100px;
		}
	.biglogo {
		display: none;
		visibility: hidden;
		}	
	.smalllogo {
		display: block;
		visibility: visible;
		float: left;
		margin-left: 30px;
		height: 60px;
		}
	.smalllogo img {
		display: block;
		height: 56px;
		padding: 2px 0;
		}
	
	}
	
@media screen and (max-width: 950px) {
	
	.inner2 {
		padding: 0 0 0 30px !important;
		margin: 0;	
		}
	.response {
		width: 330px;
		position: relative;
		}
	.card {
		width: 50%;
		}
	.data {
		right: 25%;
		position: absolute;
		bottom: 90px;
		}
	.logo {
		padding-left: 20px;
		}
	.adresse {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 25px!important;
		}
	.oeffnungszeiten {
		width: 100%;
		padding-top: 0!important;
		margin-left: 0;
		padding-left: 20px;
		}
	.logo img {
		
		}	


}
	
@media screen and (max-width: 900px) {
	
	.three.leistungen .inner {
		width: 100%;
		padding: 0 0 50px 0;
		}

	
	
	}
	
@media screen and (max-width: 800px) {	
	.header-center h2 {
		font-size: 50px;
		letter-spacing: 1px;
		}
	.response {
		width: 330px;
		position: relative;
		}
	.card {
		position: absolute;
		width: 70%;
		right: 0;
		}
	.data {
		bottom: 0;
		}

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

	.maxwidth {
		padding: 0 15px;
		}
	h2 {	
		font-size: 20px;
		}
	p {
		font-size: 15px;
		}
	.italic {
		font-style: italic; 
		text-transform: none;
		font-size: 25px;	
		}
	.small {
		width: 100%;
		padding: 0;
		}
	.adresse p {
		font-size: 18px;
		}


}
	
@media screen and (max-width: 650px) {
	 .header-center h2 {
		font-size: 40px;
		padding-top: 30px
		letter-spacing: 0;
		}	
	.inner2 {
		padding: 0 !important;
		}
	.response {	
		padding-top: 120px;
		margin-left: 0;
		padding-left: 0;
		width: 100%;
		}	
	.card {
		width: 100%;
		} 	


}



@media screen and (max-width: 400px) {
	.header-center {
		padding-right: 20px;
		padding-left: 20px;
		}
	.header-center h2 {
		padding-top: 100px;
		font-size: 26px;
		letter-spacing: 0;
		}
.response {	
		padding-top: 100px;
		}

}