/* Style the links inside the sidenav */
#mySidenav a {
  position: absolute; /* Position them relative to the browser window */
  left: -220px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  padding: 15px; /* 15px padding */
  width: 200px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 1.1em; /* Increase font size */
  color: white; /* White text color */
  border-radius: 0 9px 9px 0; /* Rounded corners on the top right and bottom right side */
  z-index:9999000;
  text-align:right;
  padding-right: 55px;
}

#mySidenav a:hover {
  left: 0; /* On mouse-over, make the elements appear as they should */
}


#icon1 {
  bottom: calc(10% + 55px);
  background-image: url("layout/icon-telefon.png"); /* The image used */
  background-position: center; /* Center the image */
  background-position: right 0.5em bottom 50%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 2em; 
  background-color: #2C4594;

}

#icon2 {
  top: 75px;
    background-image: url("layout/icon-mobile.png"); /* The image used */
  background-position: center; /* Center the image */
  background-position: right 0.5em bottom 50%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 2em;
  background-color: #102153;
}

#icon3 {
  bottom: 10%;
    background-image: url("layout/icon-mail.png"); /* The image used */
  background-position: center; /* Center the image */
  background-position: right 0.5em bottom 50%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 2em;
  background-color: #102153;
}

#icon4 {
  top: 185px;
  background-color: #555 /* Light Black */
}


@media screen and (max-width: 900px) {
#mySidenav {
	display:none;
}
}

.slidertextbox {
	width:50%;
	position:absolute;top:15%;right:35%;
	z-index:999;
}

.slidertextbox h2 {
	font-family: 'Rambla', serif;
	font-size:3.5em;
	font-weight:700;
	line-height:1.2em;
	color:#fff;
	margin:0em;
	padding:0em 0em;
	text-align:right;
text-shadow: 3px 3px 4px #787878;	
}
.slidertextbox h3 {
	font-family: 'Rambla', serif;
	font-size:2em;
	font-weight:400;
	line-height:1.2em;
	color:#fff;
	margin:0em;
	padding:0em 0em;
	text-align:right;
text-shadow: 3px 3px 4px #787878;	
}
.sliderlayer {
	width:25%;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	bottom:10%;right:5%;
	z-index:999999;
}
.sliderlayer img{
	border:5px solid #fff;border-radius:50%;	
}
  /* Mobile Style */ 
@media screen and (max-width: 500px) {
.sliderlayer {
	position:absolute;
	bottom:1%;right:5%;
}
.sliderlayer img{
	border:2px solid #fff;border-radius:50%;	
}
}

.nurmobile {
	display:none;
}

@media screen and (max-width: 900px) {
.slidertextbox {
	width:55%;
	position:absolute;top:10%;right:35%;
	z-index:999;
}
.slidertextbox h2 {
	font-size:2.5em;
}
.slidertextbox h3 {
	font-size:1.5em;
}
}

@media screen and (max-width: 600px) {
.slidertextbox {
	width:60%;
	position:absolute;top:6%;right:35%;
	z-index:999;
}
.nurmobile {
	display:block;
}
.slidertextbox h2 {
	font-size:2.0em;
}
.slidertextbox h3 {
font-size:1.2em;
}

}

ul.spezialstart {
	margin-left:1em;
	margin-top:0.4em;
}
ul.spezialstart li {
	font-family: 'Rambla', serif;;
	font-size:1.8em;
	font-weight:700;
	line-height:1.2em;
	color:#2C4594;
	margin:0em;margin-bottom:0.2em;
	padding:0em 0em;
	text-align:left;
}