@import "custom_slick.css"; 
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  height: 100%;
}
body {
	margin:0; padding:0; border:0;
  /* Margin bottom by footer height */
  margin-bottom: 10%;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 14px;
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
}

h1{
	font-size: inherit;
}

.fill{
	width:100%;
	height:100%;
	background-position:center top;
	/*background-position: left top;*/
	background-size:cover;
	/*
	width: -moz-calc(100% - 1px);
    width: -webkit-calc(100% - 1px);
    width: -o-calc(100% - 1px);
    width: calc(100% - 1px);
	*/
}

.bold
{
	font-weight: bold;
}

.table{
	display: table;
}

.tablecell{
	display: table-cell;
}

.shadow {
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.16);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.shadow_small {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


.scaledImage {
	/* Set up proportionate scaling */
  width: 100%;
  height: auto;
  width: expression("auto");
  	/* IE Hack */
  *width:auto;
  width:auto\9;
}

.scaledImageH {
	/* Set up proportionate scaling */
  width: auto;
  height: 100%;
}

.unformated-link, a:hover.unformated-link {
	color:inherit;
}

.absolute-center {
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

.csstransforms .v-center-element{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 768px) {
.csstransforms .h-center-element{
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform:    translateX(-50%);
  -ms-transform:     translateX(-50%);
  -o-transform:      translateX(-50%);
  transform: translateX(-50%);
}

}

.vertical-center{
	position: absolute;
	top: 50%;
}

.vertical-align {
        display: flex;
        align-items: center;
}

.pt-10,
.logo-container.pt-10{
	padding-top: 4%;
	padding-top: 4vh;
}

.btn-close{
	/*
	background-color: #000;
	color: #FFF;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 300;
	padding: 5px 6px;
	padding-bottom: 7px;
	*/
	width: 24px;
	height: 24px;
	bottom: 0px;
	bottom: 0px;
	position: absolute;
	right: 0px;
	margin: 12px 28px;

	border: 0px;
	border-radius: 0px;
	background-image: url(../images/close-button.jpg);
	/*
	background-color: transparent;
	background-image: url(../images/close-button.png);
	*/
	background-size: cover;
	background-position:left top;
}

#PageWrapper, #Navigation, .footer{
	
	padding-left: 6.1%;
	padding-right: 6.1%;
	
	/*191212*/
	/*
	padding-left: 5%;
	padding-right: 5%;
	*/
}


#HeadContend{
	height: 12%;
	min-height: 60px;
	background-color:#FFF;
}

#HeadContend .container{
	width: 100%;
}

#Navigation{
	top: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	/*background-color: transparent;*/
	background-color: rgba(255,255,255,0.3);
	border-width: 0px;
	opacity: 1;
	/*min-height: 11.1%;*/
	/*font-size: 75%;*/
	font-size: 70%;
	/*font-weight:bold;*/
}

#PageContend{
	min-height: 75%;
	height: 75%;
	/*padding: 12px;*/
	font-size: 70%;
}

#Home{
	position: fixed;
	z-index: 100;
	margin-left: 2em;
	display: none;
}

#Home a{
	position: inherit;
	padding: 0.4em 1.5em;
	padding: 0.4vh 1.5em;
    color: inherit;
    text-decoration: none;
    font-family: RotisSansSerifStd-Regular;
	font-size: 145%;
	font-size: 1.45vw;
	font-weight: bold;
	background-color: white;
}

#Back{
	position: fixed;
	z-index: 100;
	/*
	top: -3.9%;
	top: -3.6%;
	*/
	top:1px;
	left: 3.3em;
}

#Back a{
	position: inherit;
	padding: 0.2em 1.75em;
	padding-bottom: 0.05em;
	padding-left: 1.65em;

	padding: 0.2em 1.25em;
    padding-bottom: 0.05em;
	padding-left: 1.05em;

	color: black;
    text-decoration: none;
    font-family: RotisSansSerifStd-Regular;
	font-size: 150%;
	/*font-size: 1.45vw;*/
	/*font-weight: bold;*/
	background-color: white;
	transform: translateY(-99%);
}

@media (orientation:Portrait){
	#HeadContend {
		height: 9%;
	}

	#PageContend{
		height: 83%;
	}
}

@media (orientation:Portrait) and  (max-width:640px){
	.hidden-portrait-xs{display:none!important}
	.slider-container #Back{ display: none;}
}

@media (orientation:Portrait) and (max-width: 480px) and (max-height: 576px){

	#PageContend{
		height: 80%;
	}

	}

@media (orientation:Portrait) and (max-width: 400px) and (max-height: 576px){

	#PageContend{
		height: 75%;
	}

}

.logo-container{
	vertical-align:middle;
	padding: 0;
}

#svg-Logo,
.logo-offset{
	/*
	margin-left: 3%;
	margin-top: 5%;
	*/
	(;height: 100%;)/*for Safari*/
	/*min-height: 100%;*/
}

/* moved to svg style
#Logo .svgtext{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:7.5px;
}

#svgText1{
	opacity: 0.2;
}

svg:hover, svg:hover #svgText1{
	opacity: 1;
	text-decoration:none;
}

*/

.svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 54.5%;
	vertical-align: middle;
	overflow: hidden;
}

.svg-content {
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 25px;
	width: 100%;
}

.no-svg #Logo {
  background-image: url('../images/bg-images/ws-Logo-Screen.png');
}

.no-svg #png-Logo{
	background-image: url('../images/bg-images/ws-Logo-Screen.png');
	background-repeat:no-repeat;
	background-size: contain;
}

.no-svg #png-Logo:hover{
	background-image: url('../images/bg-images/ws-Logo-Screen-over.png');
	background-repeat:no-repeat;
	background-size: contain;
}

#image-Logo{
	width: 84%;
	margin: 0 8%;
}

#Logos_unten{
    vertical-align: bottom;
    position: absolute;
    /*opacity: 1 !important;
    transition: none 0s ease 0s !important;*/
    bottom: 8%;
	right: 2.66%;
	width: 14%;
	/*z-index: 10;*/
}

/* Svg grünes Lable wird nicht mehr angezeigt 191212*/
#Lable{
	display: none;
	vertical-align: top;
    position: absolute;
	top: 20%;
	left: 11%;
	width: 23%;
}

/*
#TextContent{
	/*background-color: #ebf6fc;* /
	width: 64%;
	height: 90%;
	max-height: 90%;
	margin: 4% auto;
	display: none;
	position: relative;
	z-index: 11;
	overflow: auto;
	/*padding: 1.6em 3.3em;* /
}
*/

#TextContent{
	height: 75vh;
	margin: 2% auto 1%;
	width: 112.5vh;
	max-height: 100%;
	max-width: 100%;
	display: none;
	position: relative;
	z-index: 11;
	/*overflow: auto;*/
	overflow:visible;
}

.no-cssvwunit #TextContent{
	height: 100%;
	width: 100%;
}

#TextContent .tab-pane{
	background-color: #ebf6fc;
	padding: 1.6em 3.3em;
	min-height: 100%;
	height: 100%;
	overflow:auto;
}

#TextContent .tab-pane.active{

}

#TextContent h1{
	margin-bottom: 2em;
}


#TextContent #Einblicke.tab-pane.fill{
	background: transparent;
	padding: 0px;
	width: 100%;
	height: 100%;
	max-height:100%;
	max-width: 100%;
	overflow:visible;
}

#Einblicke #Slideshow-Buttons{
	width: 100%;
}

#Einblicke .control-bar-button{
	margin: 0px 15%;
}

#Einblicke #b-prev.control-bar-button{
	margin-right: 0px;
}

#Einblicke #b-next.control-bar-button{
	margin-left: 0px;
}

#Einblicke .number{
	display: inline-block;
	vertical-align: super;
	color: black;
}

#Einblicke .prev.number{
	/*
	margin-left: -2.5em;
	margin-top: -2px;
	*/
	float: left;
}

#Einblicke .next.number{
	/*
	margin-right: -2.5em;
	margin-top: -2px;
	*/
	float:right;
}

.carousel-control {
	opacity: 1;
}

#Einblicke #Slideshow, #Einblicke .carousel-inner,
#Slideshow, #Slideshow .carousel-inner{
	height:inherit;
	/*overflow:visible;*/
}

#Einblicke .carousel-inner > .item > img.img-responsive{
	max-height:100%;
}

/* neccesary for responsive Imagecontent */
.item {
	width: inherit;
}



#Footer{
 /* Set the fixed height of the footer here */
  /*height: 60px;*/
  height: 7.4%;
  background-color: #97bf0d;
  opacity: 1 !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}


.footer {
  /*width: 100%; */
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 70%;
  /*font-size: 72%;*/
  margin: 0px 1em;
}

.footer span{
	display: inline-block;
	vertical-align: middle;
}

.footer .space-right{
	padding-right: 1.5em;
}

.footer .pull-right .space-right{
	padding-right: 1.0em;
}



#BGCarousel, #Carouseloverlay{
	position:fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}


#BGCarousel .carousel,.item,.active{
	height:100%;
}

/*
#BGCarousel .carousel,#BGCarousel .item, #BGCarousel .active{
	height:100%;
}
*/
#BGCarousel .carousel-inner{
	height:100%;
}


.carousel-fade .carousel-inner .item {
  left: 0px !important;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 1;
  z-index: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.bgImage1{
	background-image:url('../images/bg-images/1920/BG-Start-01.jpg');
	/*background-position:center bottom;*/
	background-position: 50% 85%;
}

.bgImage2{
	background-image:url('../images/bg-images/1920/BG-Start-02.jpg');
	background-position:center bottom;
	background-position: 50% 90%;
}

.bgImage3{
	background-image:url('../images/bg-images/1920/BG-Start-03.jpg');
	background-position:center center;
	background-position: 50% 60%;
}

.bgImage4{
	background-image:url('../images/bg-images/1920/BG-Start-04.jpg');
	background-position:center top;
	background-position: 50% 0%;
}

@media (max-width: 1024px){

	.bgImage1{
	background-image:url('../images/bg-images/1024/BG-Start-01.jpg');
	}

	.bgImage2{
		background-image:url('../images/bg-images/1024/BG-Start-02.jpg');
	}

	.bgImage3{
		background-image:url('../images/bg-images/1024/BG-Start-03.jpg');
	}
	
	.bgImage4{
		background-image:url('../images/bg-images/1024/BG-Start-04.jpg');
	}

}

#Carouseloverlay{
	z-index:10;
}

/***** Navigation ***************/

.navbar-nav {
	display: inline-block;
	float:none;

}

.nav-list{
	/*display: inline-block;*/
	display: table-cell;
	vertical-align: middle;
}

.nav-list > li > a, .dropdown-menu > li > a {
    padding: 0px 3em 0px 0px;
	color: inherit;
	text-decoration:none;
}

.nav-list > li.current > a {
  color: #97bf0d;
}

 .dropdown-menu > li > a {
	 padding-bottom: 0.3em;

 }

.nav > .nav-list:last-child > li > a {
	padding: 0px;
}

.nav-list.spacer{
	padding: 0px 2em 0px 0px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
    text-decoration: none;
    background-color: transparent;
	/*color:#F90; */
	color: #97bf0d;
	color: rgba(157, 198, 15, 1);
	outline: none;
	border: none;
}

.dropdown-menu > li:first-child > a{
	padding-top: 0.25em;
}

.dropdown-menu > li:last-child > a{
	padding-top: 0.5em;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background-color: transparent;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .dropdown-menu  {
	background-color: rgba(255,255,255,0.4);
	background-image: linear-gradient(rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.5) 80%);
	min-width: 100px;
	box-shadow: none;
	/*
	top: 3.7em;
	margin-top: 1px;
	*/
	top: 3.9em;
	border: none;
	margin-left: -1em;
	padding-left: 1em;
	font-size:inherit;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: transparent;
	border:none;
}

/******** collapsed Menu ************/

@media (max-width: 767px){
	#Navigation {
		background-color: rgba(255,255,255,0.6);
		min-height: unset;
		padding-top: unset;
		font-size: 90%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.nav > li > a {
		padding: 0.7em 0px;
	}


	.navbar-fixed-top .navbar-collapse{
		max-height: 80vh;
	}

	.navbar-collapse.collapse.in{
		/*background-color: rgba(255,255,255,0.6);*/
		background-image: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 60%);
		border-top: 0px;
		padding-left: 27px;
	}

	.in > .h-center-element, .csstransforms ul.h-center-element{
		left: auto;
		transform: unset;
		display: block;
	}

	.navbar-collapse.collapse.in > navbar-nav{
		display:block;
	}


	#Footer {
		height:auto;
	}
	.footer{
		transform: unset;
	}
	
	.pt-10,
	.logo-container.pt-10{
	padding-top: 5%;
	padding-top: 5vh;
}
	
}

/*
.collapsing {
    -webkit-transition: none;
	-o-transition:none;
    transition: none;
	height:auto;
	overflow:visible;
}
*/

.navbar-collapse.collapsing  .nav-list {
	opacity: 0;
	-webkit-transition:opacity .35s ease;
	-o-transition:opacity .35s ease;
	transition:opacity .35s ease
}


.navbar-collapse.collapse.in  .nav-list {
	display: block;
	vertical-align: top;
}


.navbar-collapse.collapse.in .nav > li > a:after {
	content: ">";
	float:right;
	margin-right: 2em;
}

/*
@media (min-width: 640px) and (orientation:landscape) {

	body {
  		font-size: 1.5vw;
	}

}
*/

@media (min-width: 768px) {
	body {
  		font-size: 1.5vw;
	}
}
#Pagecaruosel{
	z-index: 11;
	height: 100%;
	/*
	margin: 10px;
	margin-top: 20px;
	*/
	margin: 2% 0px 1%;
}

#Pagecaruosel .carousel-inner{
	height:inherit;
}

/*
#Pagecaruosel{
	z-index: 11;
	height: 100%;
	/*margin: 2% 0px 1%; * /
	height: 75vh;
	margin: 2% auto 1%;
	width: 112.5vh;
	max-height: 100%;
	max-width: 100%;
}

#Pagecaruosel .carousel-inner{
	height:inherit;
	overflow:visible;
}
*/

#Pagecaruosel img, #Pagecaruosel img:hover{
	max-height: 100%;
	max-width: 100%;
	cursor:url('/images/cursor/zoom-out.cur'), default;
	cursor:zoom-out;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
}

#Pagecaruosel-Buttons{
	width:100%;

}

.csstransforms #Pagecaruosel-Buttons{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform: translateX(-50%);
}

/* Einblicke Darstellung Pfeile geändert*/
#Einblicke .carousel-control{
	font-size: inherit;
	font-size: 202.5%;
	font-size: 190%;
	width: 0.5em;
	background-image: none;
	text-shadow: none;
    margin: 0 0.6em;
}

#Einblicke .glyphicon{
	font-family: RotisSansSerifStd-Regular;
	font-weight: bold;
	color: black;
	height: 1em;
	width: 0.5em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

#Einblicke .carousel-control .glyphicon-chevron-left, 
#Einblicke .carousel-control .glyphicon-chevron-right{
	font-size: inherit;
}

#Einblicke .glyphicon-chevron-right:before {
    content: ">";
}

#Einblicke .glyphicon-chevron-left:before {
    content: "<";
}

/* Slick */
.slider-container {
  position: fixed;
  width: 90%;
  height: 70vh;
  
  /*Bigger Display */
  height: 72vh;

  right: 0;
  left: 0;
  margin: 0px auto;
  padding: 12px 16px;
  /*padding: 1em 1.2em;*/
  padding: 1em 2.75em;
  /*font-size: 15px;*/
  font-size: 80%;
  font-size: 86%;
  color: #6d748b;
  background-color: #fff;
  top: 50%;
 -ms-transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -o-transform: tranlslateY(-50%);
  transform: translateY(-50%);
  z-index: 7500;
}

@media (orientation:Portrait) and  (max-width:640px){
	.slider-container #Back{ display: none;}
	/*.slider-container{height: 70vh;}*/
}

/* Initial Unsichtbar wird nach berechnung eingeblendet */
.slider-container{
	opacity: 0;
}

/* Schriftgrößenanpassung für die Darstellung der Besenstiele*/
@media (max-width: 1600px) {
	.slider-container {
		font-size: 85%;
	}
  }
  
  @media (max-width: 1200px) {
	.slider-container {
		font-size: 90%;
	}
  }

  @media (max-width: 1200px) and (orientation:Portrait) {
	.slider-container {
		font-size: 130%;
	}
  }

  @media (max-width: 900px) {
	.slider-container {
		font-size: 100%;
	}
  }

  @media (max-width: 900px) and (orientation:Portrait) {
	.slider-container {
		font-size: 130%;
	}
  }

  
  @media (max-width: 680px) {
	.slider-container {
		font-size: 105%;
	}	
  }
/* Schriftgrößenanpassung für die Darstellung der Besenstiele*/

.slick-slider, .slick-track, .slick-list {
  height: 100%;
}

.slick-slide {
  padding: 10px;
  padding: 0.9em;
}

.slick-slide .stiel-item {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: RotisSansSerifStd-Regular;
	font-weight: normal;
	font-style: normal;
  color: #000;
  margin-top: 10px;
  margin-top: 0.75em;
  /*overflow-y: auto;*/
}

.slick-slide .stiel-item > table {
  width: 58%;
  line-height: 1.1em;
  display: table;
  float: left;
  /* Bigger ItemDisplay*/
  margin-top: 0.5em; 
  width: 66%;
}

.slick-slide .stiel-item > table tr.headline td {
  font-size: 150%;
  line-height: 1.1em;
}

.slick-slide .stiel-item > table tr.bold {
  font-family: RotisSansSerifStd-ExtraBold;
	font-weight: normal;
	font-style: normal;
  line-height: 1.2em;
}

.slick-slide .stiel-item > table tr.margin-top-1 td {
  padding-top: 2em;
}

.slick-slide .stiel-item > table tr.margin-top-2 td {
  padding-top: 1em;
}

.slick-slide .stiel-item > table tr.border-bottom td {
  border-bottom: 1px solid #000;
}

.slick-slide .stiel-item > table tr.border-bottom td:first-of-type {
	width: 70%;
  }
  

.slick-slide .stiel-item > table tr td {
  vertical-align: top;
  height: 1.2em;
  padding: 0.2em;
}

.slick-slide .stiel-item > table tr td.align-center {
  text-align: center;
}

.slick-slide .stiel-item > img {
  float: right;
  display: block;
  width: auto;
  height: 100%;
  margin-right: 10%;
  position: relative;
  left: -30px;
  top: -15px;
  /* Bigger ItemDisplay */
  height: 120%;
  top: -8%;
  left: -10%;
  margin-right: 0;

  height: 105%;
  top: -4%;
}

.slick-prev::before, .slick-next::before {
  /*font-size: 40px;*/
  font-size: inherit;
  /* font-size: 3.5em; */
  /*font-size: 351%;*/
}

.slick-prev, .slick-next {
  height: 40px;
  font-size: inherit;
  /*font-size: 351%;*/
  font-size: 225%;
  height: 1em;
  width: 0.5em;
  /*width: auto;*/
  /*margin: 0 -1.2em;*/
  margin: 0 -0.75em;
}

.slick-next {
	/*right: -45px;*/
	/*right: -5em;*/
	right: 0;
	/*transform: translateX(150%);*/
	/*transform: translateX(2vw);*/
}

.slick-prev {
	/*left: -65px;*/
	/*left: -5em;*/
	left: 0;
	/*transform: translateX(-150%);*/
	/*transform: translateX(-2vw);*/
}


  @media (max-width: 600px) {
	.slick-next {
		/*margin: 0 0em;*/
		transform: translate(-60%, -50%);
	}
	
	.slick-prev {
		/*margin: 0 0em;*/
		transform: translate(33%, -50%);
	}
  }

  @media (max-width: 400px) {
	.slider-container {
		/*width: 85%;*/
		width: 90%;
	}
	.slick-next {
		/*margin: 0 0em;*/
		transform: translate(-30%, -50%);
		font-size: 300%;
	}
	
	.slick-prev {
		/*margin: 0 0em;*/
		transform: translate(30%, -50%);
		font-size: 300%;
	}
  }



#kontaktdaten {
  display: none;
  position: absolute;
  bottom: 0;
  color: #000;
  height: 0;
  width: 100%;
}

#kontaktdaten #ansprechpartner {
  bottom: 1vw;
  left: 2vw;
  position: absolute;
  width: 8vw;
}

#kontaktdaten #telefon {
  bottom: 0.4vw;
  font-family: RotisSansSerifStd-ExtraBold;
  font-size: 7vw;
  font-style: normal;
  font-weight: normal;
  left: 9vw;
  line-height: 0;
  position: absolute;
}

#kontaktdaten #telefon a {
  color: #000;
  text-decoration: none;
}

#kontaktdaten #telefon .tel {
  font-size: 1.5vw;
}

#kontaktdaten #email-button {
  bottom: 0vw;
  position: absolute;
  right: -4vw;
  width: 14vw;
}

@media (max-width: 1600px) {
  #kontaktdaten #email-button {
    right: -4vw;
  }
}

@media (max-width: 1100px) {
  #kontaktdaten #email-button {
    right: -2vw;
  }
}

@media (max-width: 680px) {
  #kontaktdaten #email-button {
    right: 0vw;
  }
}