@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,500italic,400italic,300italic,100italic,900,700,500,300,100);
@import 'https://fonts.googleapis.com/css?family=Dancing+Script';

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }



body {
    width: 100%;
    height: 100%;
	font-weight: 300;
    color: #333;
    font-size: 100%;
	line-height: 1.25;
	font-family: 'Roboto', sans-serif;
	
}

html {
    width: 100%;
    height: 100%;
}

a {text-decoration:none; outline:none; color:#333;
-webkit-transition: all 800ms ease-out 0s;	-moz-transition: all 800ms ease-out 0s; -o-transition: all 800ms ease-out 0s;   transition: all 800ms ease-out 0s;}
ul {list-style-type:none;}

/* PRELOADER */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
   background:#d05047; /* change if the mask should have another color then white */
    z-index:1000000; /* makes sure it stays on top */
	
}

#status {
    width:800px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
   
    margin:-190px 0 0 -400px; /* is width and height divided by two */
	border:0px solid red;
	
}
#background_spin {background:#333;}
#background_spin img {display:block; margin:0 auto; position:absolute; bottom:80px; left:50%; margin-left:-32px; }


#status h2 {text-align:center; border:0px solid red; font-size:50px; position:relative; top:140px; font-weight:200; color:#fff;}
#status h2 span {font-weight:500;} 

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #f4f4f4;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d05047;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ad413e;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/* HEADER */
#top_line {width:100%; height:5px; background:#ffffcc;}
header { position:relative; height:80px; position:fixed; top:0px; width:100%; z-index:4;  border-top:5px solid #ad413e; }
#header_v2 {height:80px; position:fixed; top:0px; width:100%; z-index:4;  border-top:5px solid #ad413e; background:#d05047;}

#logo_header {display:none; position:absolute; left:0px; width:40%; left:10px; top:10px; height:80px;}
#logo_header_v2 {position:absolute; left:0px; width:40%; left:10px; top:10px; height:80px;}

header nav { margin:0 auto; border:0px solid red;text-align:right; padding-right:20px;}
header nav a {line-height:60px; margin:5px 10px; display:inline-block; color:#fff; padding:0px 5px; border-bottom:1px solid #d05047;}
#aktiv {border-bottom:1px solid #fff;}


.sticky {background:#0072bc; color:#fff; line-height:80px; border:0px solid red; display:inline-block; 
-webkit-transition: all 800ms ease-out 0s;	-moz-transition: all 800ms ease-out 0s; -o-transition: all 800ms ease-out 0s;   transition: all 800ms ease-out 0s;}
.stickyv2 {background:#d05047; 
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-transition: all 800ms ease-out 0s;	-moz-transition: all 800ms ease-out 0s; -o-transition: all 800ms ease-out 0s;   transition: all 800ms ease-out 0s;}



/* General Styles for Menu  */


#languageMenu { position: relative; cursor:pointer;}
#languageMenu span {position:relative; top:2px;}
.languageMenuList {border:0px solid red; display:inline-block; position:absolute; right:28px; top:80px; display:none; cursor:pointer;}
.languageMenuList input {display:block; background:none; background:#333; color:#fff; border:0px; width:50px; line-height:40px; margin-bottom:10px;
-webkit-appearance: none; border-radius: 0; outline:none;}
.languageMenuList input:hover {background:#d05047; color:#fff; cursor:pointer;}


.mobile_language_bt input {-webkit-appearance: none; border-radius: 0; background:#fff; color:#333; border:0px; padding:10px 15px; font-size:20px; outline:none;}


.mobile_navi {border:0px solid red; position:relative; height:60px; top:0px; position:fixed; width:100%; z-index:100; background:#d05047; border-top:3px solid #ad413e;
display:none;}
.logo_mobile img {height:50px; margin-top:5px;}
#trigger-overlay {position:absolute; right:20px; top:25px; border:none; background:none; font-size:20px; text-transform:uppercase; cursor:pointer; outline:none; 
color:#fff;}
#trigger-overlay span {display:inline-block; position:relative;top:2px;}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(208,80,71,0.9);
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 6);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	#main_navi {display:none;}
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}
/* HEADER ENDE */

/* SLIDER */
#slider_main {height:650px; width:100%; margin:0px 0px 0px 0px; position:relative; background:#f4f4f4; }
#bg_top_navi_index {position: absolute; top:0px; left:0px; border:0px solid red;
width: 100%; height:100px; background:url(../img/bg_top_navi_index.png); background-repeat: repeat-x; }
#sportcafe_logo_index {position: absolute; left:10px; top:15px; z-index:10; border:0px solid red;}
#next_slider {position:absolute; right:10px; top:50%; line-height:50px; margin-top:-25px; color:#fff; font-size:34px; cursor:pointer;}
#prev_slider {position:absolute; left:10px; top:50%; line-height:50px; margin-top:-25px; color:#fff; font-size:34px; cursor:pointer;}
#prev_slider:hover , #next_slider:hover {color:#d05047;}
.slider_bg {width:100%; height:3px; background:#d05047; position:absolute; z-index:2; bottom:0px;}



#logo_slider {position:absolute; width:100%; text-align:center; top:50%; margin-top:-50px; border:0px solid red;}
#logo_slider h1 {  display:inline-block; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;}

/* SLIDER ENDE */


#content_all {border:0px solid red; max-width:1280px; margin:0px auto; border:0px solid red;  position:relative; }
.content_all_main {border:0px solid red; max-width:1280px; margin:0px auto; border:0px solid red;  position:relative; margin-top:80px;}

.open_doors {max-width:1280px; border:0px solid red;  position:relative;}
.open_doors img {display:inline-block; float:left; position:relative; top:-80px; margin-left:20px; position:absolute; top:-100px; z-index:2;}
.open_doors h2 {display:block;  padding-left:0px;  text-align:center; position:relative; top:0px;
line-height:50px;  border-bottom:1px dotted #d05047; font-size:22px; margin-top:10px;
}
.open_doors h2 p {font-style:italic; font-weight:400; margin-bottom:10px; padding:0px 200px;}
.engel_bg_slider {display:inline-block; position:absolute; top:0px; right:190px; z-index:2;}




/* TXT CONTENT */
.txt_content {border:0px solid red; padding:2% 4%; margin:0px 0px; text-align:center;}
.txt_content h2 {display:inline-block; padding:10px; border-top:1px solid #d5c8b0; }
.txt_content p {font-size:20px; line-height:30px;}

.txt_content_special {border:0px solid red; padding:2% 0%; margin:0px 0px; text-align:center;}
.txt_content_special h2 {display:inline-block; padding:10px; border-top:1px solid #d5c8b0; }
.txt_content_special p {font-size:20px; line-height:30px;}

.box_all_2_img {max-width:1280px; margin:20px auto;}
.box_2_img {width:50%; padding:1%; float:left;}
.box_2_img a {outline:none; border:0px;}
.box_2_img a img {display:block; width:100%; marign:0 auto; border:1px solid #ccc; padding:1%;}
.box_2_img a img:hover {border:1px solid #d05047;}

.img_fisheye a {display:block; border:0px solid red; }
.img_fisheye a img {display:block; margin:0 auto; }


/* TEAM */
.team_all {max-width:1280px; margin:40px auto 80px auto; text-align:center;}
.team_hr_v1 {border:none; border-top:1px solid #d05047;}
.team_hr_v2 {border:none; border-top:1px solid #f3eada; margin-top:3px; margin-bottom:15px;}

.team_box {width:25%; border:0px solid blue; float:left; border-right:1px dotted #ccc;}
#team_box_last {border-right:0px;}
.team_box img {display:block; margin:0 auto; width:90%;}
.team_box h3 {text-align:center; font-weight:300; padding:10px 0px;}
.team_all h2 {display:inline-block; color:#; border-top:1px solid #d5c8b0; padding:10px;}
.team_all p {font-size:20px; padding:10px; margin-bottom:0px;}
.team_all p span {display:inline-block; font-style:italic; font-weight:bold;}

.team_left {width:28%; float:left; margin:1%; border:0px solid red;}
.team_right {width:68%; float:left; margin:1%; border:0px solid blue;}
.team_left a {display:inline-block;}
.team_left a img {display:block; margin:0 auto; width:100%; padding:2%; border:1px dotted #ccc;}
.team_left a img:hover {border:1px solid #d05047;}
.team_right h4 {font-family: 'Dancing Script', cursive; font-size:32px; padding:5px 0px; margin:4px 0px; border-top:0px dotted red; border-bottom:1px dotted #d05047; }
.team_right h4 span {display:inline-block; font-size:20px; position:relative; top:-7px;}
.team_right h4:last-child {border-bottom:0;}
.team_right h4:after {

  content:"";
  display:block;
  margin:0 auto;
  height:1px;
  width:200px;
  border-bottom:1px dotted #d05047;
  position:relative;
  top:5px;
  display:none;
}



/* SPECIALS - BOX */
.headline_content {margin:10px 0px 25px 0px;}
.headline_content h2 {}
.headline_content h2 span {}
.specials_box_full_view {}
.subtitel_txt {background:#d5c8b0; margin-bottom:20px; padding:2%;}
.top_intro_special {}
.first_pic {width:30%; float:left; }
.first_pic a img {display:block; margin:0 auto; width:100%; padding:2%; border:1px solid #ccc;}
.first_pic a img:hover {border:1px solid #d05047;}
.beschreibung_txt {width:70%; float:left; padding:2% 3%; border:0px solid red; font-size:18px; line-height:24px;}
.news_url {}
.next_images {border-top:1px solid #d5c8b0; border-bottom:1px solid #d5c8b0;  margin:20px auto;}
.next_images a {display:inline-block; width:30.33%; border:1px solid red; margin:1%; padding:1%; border:1px solid #ccc;}
.next_images a:hover {border:1px solid #d05047;}
.next_images a img {display:block; width:100%; margin:0 auto;}

.news_url a {border:0px solid red; margin-top:20px; margin-bottom:10px; padding:10px 0px; background:#f4f4f4; display:block;}
.news_url a:hover {background:#d05047; color:#fff;}


/* SPECIAL */

.specials_all {border:0px solid red;  }
.specials_main {max-width:1280px; margin:0px auto; }
.specials_box {display: flex; border-top:1px solid #fff;
  flex-wrap: wrap;}
.specials_box div {position:relative;}
.specials_left {width:30%; float:left; }
.specials_mid {width:55%; float:left; padding:2%; background:#f3eada;}
.specials_right {width:15%; float:left; }
.specials_box img {display:block; width:100%; margin:0 auto;}
.specials_box h2 {font-weight:300; padding:10px 0px; text-align:center; font-size:22px; border-bottom:1px dotted #d5c8b0; font-weight:bold; display:block;
margin-top:10px;}
.specials_box p {padding:2%; text-align:justify; }
.specials_right {background:#d05047; position:relative;  }
.specials_right a {display:inline-block;  border:0px solid red; width:100%; border:0px solid red; text-align:center; color:#fff;  height:100%;  position:relative;}
.specials_right a p {width:100%; position:absolute; top:50%;  line-height:50px; margin-top:-25px; border:0px solid blue; text-align:center;}
.specials_right a span {position:relative; top:2px;}

.zk_specials_all {width:100%; border:0px solid red; text-align:center;}
.zk_specials_all a {display:block; line-height:70px; background:#d5c8b0; font-size:20px;}
.zk_specials_all a span {display:inline-block; position:relative; top:1px;}
.zk_specials_all a:hover {background:#ccc;}

.panorama_stubn {max-width:1300px; margin:0px auto 40px auto; border:0px solid blue;}
.panorama_stubn a {display:inline-block; border:0px solid red; }
.panorama_stubn img {display:block; width:100%; margin:0 auto; padding:1%; border:1px solid #d5c8b0;}
.panorama_stubn img:hover {border:1px solid #ad413e;}

/* GOOGLE MAP */
.finden_bt_all { max-width:1280px; margin:0 auto 20px auto;}
.finden_txt {display:inline-block; width:40%; float:left; font-size:20px; font-weight:bold; text-align:center; padding:9px 0px;
border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;} 
#finden_bt {text-align:center; margin-bottom:20px; font-size:20px; width:60%; float:left;  background:#f4f4f4; padding:10px 0px; cursor:pointer;}
#finden_bt p {display:inline-block; }
#finden_bt p span {position:relative; top:2px;}
#close_finden_bt {text-align:center; margin:20px 0px;}
#close_finden_bt p {display:inline-block; padding:10px; cursor:pointer;}
#close_finden_bt p span {display:block; margin-bottom:5px;}
#googleMap {width:100%; height:400px; border:0px solid red;}
#googleMap_v2 {width:100%; height:400px;}

#google_map_all iframe {border:1px solid red; width:100%; height:400px;}
#google_map_all_v2 iframe {border:1px solid red; width:100%; height:400px;}

/* KONTAKT */
.kontakt_txt {}
.kontakt_txt a {width:23%; margin:1%; float:left; padding:10px 0px; border:1px solid #333;}
.content_impressum {padding:2%;}
.content_impressum span {}
.content_impressum hr {border:none; border-top:1px solid #ccc; padding:3px 0px; margin-top:5px;}
.content_impressum p {margin-bottom:15px; text-align:justify;}
.content_impressum p a {color:#ad413e;}

/* ZEITREISE */



/*#zeitreise_all {width:100%; border:0px solid red; }
.zeitreise_box {width:23%; margin:4% 1%; float:left; border:1px solid #ccc; height:auto; padding:1%; position:relative; 
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zeitreise_box a {display:inline-block;}
.zeitreise_box a p {border:0px solid red; padding:10px 0px; text-align:center; }
.zeitreise_box a img {
				margin: 0 auto;
				display: block; width:100%;
			}*/
			
/*#zeitreise_all {
	column-width: 320px;
	column-gap: 15px;
  width: 100%;
	max-width: 1280px;
	margin: 50px auto;
	border:0px solid red;
}

#zeitreise_all .zeitreise_box {
	background: #fefefe;
	border: 1px solid #ccc;
	cursor:pointer;
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
	transition: opacity .4s ease-in-out;
  display: inline-block;
  column-break-inside: avoid;
}*/

#zeitreise_all {
  -moz-column-count: 3;
  -moz-column-gap: 5px;
  -webkit-column-count: 3;
  -webkit-column-gap: 5px;
  column-count: 3;
  column-gap: 5px;
  max-width: 1440px;
}

.zeitreise_box {
 background: #fefefe;
  border: 1px solid #ccc;
  cursor:pointer;
  margin: 0 2px 15px;
  padding: 15px;
  padding-bottom: 10px;
  transition: opacity .4s ease-in-out;
  display: inline-block;
  opacity: 1;
  position:relative;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#zeitreise_all .zeitreise_box:hover {border:1px solid #d05047; }

#zeitreise_all .zeitreise_box img {
	width: 100%; height: auto;
	display:block;
	
	
	margin-bottom: 10px;
}

#zeitreise_all .zeitreise_box p {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
  text-align:center;
}

@media screen and (max-width: 1024px) { 
  #zeitreise_all { column-gap: 0px; }
  #zeitreise_all .zeitreise_box { width: 96%; }
}


@media screen and (max-width: 750px) { 
  #zeitreise_all { column-gap: 0px; }
  #zeitreise_all .zeitreise_box { width: 100%; }
}
     

/* HIGHLIGHTS*/
.highlights_sportcafe {

  text-align:center;
  padding:30px 0px;

}

.highlights_sportcafe h2 {
  margin-bottom:20px;
  color:#d05047;
}

.highlights_sportcafe p {
  margin-bottom:20px;
  font-size:20px;
}

.highlights_sportcafe p span {
  display:block;
  font-size:30px;
  font-weight:700;
}    

/* FOOTER */

footer { width:100%;  position:relative; border-top:1px dotted #d5c8b0; padding-top:50px; border-bottom:10px solid #aaa08d; }
#footer_line {width:100%; height:5px; background:#d5c8b0; margin-top:0px;}
.gototop {background:url(../img/bg_back_to_top.png); background-repeat:no-repeat; height:80px; line-height:80px; width:80px; 
position:absolute; left:50%; margin-left:-40px; top:-40px;}
.gototop span {display:block; font-size:30px; line-height:75px; width:100%; border:0px solid red; text-align:center; cursor:pointer;}
.gototop span:hover {color:#8e8574; }

.footer_main {border:0px solid red; max-width:1280px; margin:0 auto;}
.footer_left {width:50%; float:left; border:0px solid red;  padding:0% 4% 2% 4%;}
.footer_right {width:50%; float:left; border:0px solid red; padding:0% 4% 2% 4%; border-left:1px dotted #d5c8b0;}

.footer_left h2 {text-align:center; font-size:34px; margin-bottom:10px;}
.footer_left h3 {font-size:24px; text-align:center; font-weight:300; line-height:40px;}
.footer_left h3 p {display:inline-block;}
.footer_left span {font-weight:400;}

.footer_right h2 {text-align:center; font-weight:400; font-style:italic; padding-bottom:20px;}
.footer_right a {width:48%; display:inline-block; float:left; margin:1%; border:1px solid #d5c8b0; text-align:center;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px 0px;}
.footer_right a span {display:inline-block; margin-right:5px;}


.partner_footer {border-top:1px dotted #d05047;  padding:20px 0px;}
.partner_box {width:20%; float:left; border:0px solid red;}
.partner_box a {display:block}
.partner_box a img {display:block; width:70%; margin:0 auto;
-webkit-transition: all 800ms ease-out 0s;	-moz-transition: all 800ms ease-out 0s; -o-transition: all 800ms ease-out 0s;}
.partner_box a img:hover {

-webkit-filter: saturate(0);
filter: saturate(0);}


.datenschutz-content {
  padding:40px;
}

.datenschutz-content h2 {
  margin-top:15px;
}

.datenschutz-content p {
  margin-bottom:10px;
  text-align:justify;
  margin:10px 0px;
}

.clear {clear:both;}





