/* Text und Links */
html,body{
	font-family:Verdana,sans-serif;
	font-size:16px;
	line-height:1.5;
}

html{overflow-x:hidden}

*{
	margin:0;
	padding:0;
	list-style:none;
	}

a{
	text-decoration:none!important; 
	color: black; font-size:20px;
	padding:5px 20px;
	
}



a:hover{color:#9EB7D6;}
a.Style4:hover {color:black!important;}
i:hover{color:white;}


h1{font-size:20px;font-family:Verdana, sans-serif; text-decoration:none;letter-spacing:2px;font-weight:normal;}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}

.neueraeume {
	font-size:40px;
	color: #9EB7D6!important;	
	letter-spacing:2px;
	line-height:1.5;
	}

/*----- Menu -----*/

nav {
  margin: 0 auto;
  width: 100%;
  height: 11em;
  text-align: right;
  position: relative;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid white;
}

nav ul {
  margin: 0;
  padding: 4.5em 0 0 0;
  height: 100vh;
}

nav ul li {
  list-style: none;
  margin: 0;
  display: inline;
}

nav ul li a {
  color: black;
  position: relative;
  padding: 0 0 -10.5em 0;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

nav ul.menu li a:hover {
  color: #9EB7D6;
  border-bottom: 2px solid #9EB7D6;
}


/*----------------*/


/*Navigation*/




.sticky {width: 100%; height: 120px; position: -webkit-sticky; position:sticky; top: 0;z-index:20;}

.navbar .bottom{
	height: 40px; 	
	background-color:#FFFFFF;
}

.navbar{
	top:0; 
	background-color:#FFFFFF;
	
}

.bottom{
	bottom:0;
	background-color:#9EB7D6;}
	

/*----- Logo -----*/
.brand {
  float: left;
  padding: 1em 1em 0 1em;
  height:100px;
	}
/*----------------*/

/*Diverses*/

.active{color:#9EB7D6!important; text-decoration:bold !important;}
.active-impressum{color:black!important;font-size:16px;}
.active-links{color:black!important;}
.button{white-space:normal;}
.b_grey{background-color: #DDD;}
.blue{background-color:#9EB7D6!important}
.bildergalerie {padding:5px;}
.content{margin-left:225px;margin-top:41px;margin-right:225px;margin-bottom:100px;}

.header-image{margin:auto;}
.grau{text-color:#696969!important;}
.center{display:inline-block;width:auto}

.tooltip .display-container{position:relative}
.hide-small{display:none!important}
.image{max-width:100%;height:auto!important}img{align:top;vertical-align:middle;}
.link{font-size:20px !important; color:##9EB7D6 !important}
.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}

.logo { background: white; border: 1px}
.right{float:right!important}
.shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.padding{padding:8px 16px!important}
.padding-nav-item {margin-top:100px!important}
.footer{text-align:center;background-color:#9EB7D6 !important;}

.white .over-white:hover{color:#000!important;background-color:#fff!important}
.wide{letter-spacing:2px}
.zurueck {font-size:12px;text-decoration:underline;}

.display-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

/*breadcrumb */

ul.breadcrumb {padding: 10px 16px;list-style: none;margin-left:190px;}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 12px;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #9EB7D6;
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: black;
    text-decoration: none;
	font-size:12px;
}


ul.breadcrumb li a:hover {
    color: #9EB7D6;
    text-decoration: underline!important; }
	
	
/* Textstyles */
	.neueraeumebild {
		position:absolute;
		top:50%;left:50%;
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		font-family:Verdana,sans-serif;
		font-size:50px;
		line-height:1.5;
		color: grey;
		z-index:10;
		}
	
/* Überschrift nicht h1 */	
.Style1 {
	font-size:20px;
	letter-spacing:2px;
	line-height:1.5;
}
/* Markennamen blau*/
.Style2 {
	font-size: 20px;
	color: #9EB7D6;
	letter-spacing: 2px;
}
/* Body-Schrift*/
.Style3{
	font-family:Verdana,sans-serif;
	font-size:16px;
	line-height:1.5;
	padding:0px 0px!important;
}

/*Body-Schrift Blau --- LINKS ---*/
.Style4{
	font-family:Verdana,sans-serif;
	font-size:16px;
	line-height:1.5;
	padding:0px 0px!important;
	color: #9EB7D6!important;
	
}

/*Cookie-Hinweis*/
#mbmcookie {position: fixed; z-index:30;top: 0; left: 0; right: 0; background: #eee; padding: 16px; font-size: 12px; font-family: verdana;}
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* allgemein */
	-moz-opacity:0.7; /* Mozilla */
	-khtml-opacity:0.7; /* KTHML */
-opera-opacity:0.7; /* Opera */}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}

/*----- Media Queries -----*/
@media screen and (min-width: 961px) {
  nav ul.menu {
    max-height: 20px;
  }
  nav a#nav-m,
  nav a.close {
    display: none;
  }
  nav ul li {
    margin: 0 30px 0 0;
  }
}


@media screen and (max-width: 960px) {
 
	
 
  /*Formatierung Mobiles Menue*/
  nav ul {
    top: 7.5em;
    position: absolute;
    background: #ccc;
    width: 100%;
    left: -100%;

    list-style-type:none;
    margin: 0;
    padding: 0;

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  nav ul li{
    display: block;
    text-align: left;
    padding: 0em 0.5em;
    border-bottom: 1px solid #fff;
  }

  nav ul li a {
    color: #555;
    padding: 1em 0;
	padding-left:2em;
  }

  nav ul.menu li a:hover {
    border-bottom: 0;
  }

  .neueraeumebild {
  	position:absolute;
  	top:30%;left:50%;
  	transform:translate(-50%,-50%);
  	-ms-transform:translate(-50%,-50%);
  	font-family:Verdana,sans-serif;
  	font-size:25px;
  	line-height:1.5;
	
  	}

  /*Hamburger-Icon*/
  nav a#nav-m img,
  nav a.close img {
    width: 60px;
    height: auto;
  }

  nav > .close,
  nav a#nav-m:target {
    display: none;
  }

  nav a:target ~ ul,
  nav a:target ~ .close {
    display: inline-block;
  }

  nav a:target ~ .close {
    position: absolute;
    margin-left: -80px;
  }

  nav a:target ~ ul {
    left: 0;
  }
  
  /*Anpassungen Mobile*/
  
  .content{margin-left:50px;margin-top:41px;margin-right:50px;margin-bottom:100px;}
 ul.breadcrumb {padding: 10px 16px;list-style: none;margin-left:15px;}
}
/*--------------------------------------*/

@media screen and (max-width: 390px) {
 
	html,body{
		font-family:Verdana,sans-serif;
		font-size:14px;
		line-height:1.5;
	}
 
	h1{font-size:16px;font-family:Verdana, sans-serif; text-decoration:none;letter-spacing:2px;font-weight:normal;}
	h2{font-size:14px}
	h3{font-size:12px}
	h4{font-size:10px}
	h5{font-size:9px}
	h6{font-size:8px}

	/* Textstyles */
		.neueraeumebild {
			position:absolute;
			top:35%;left:50%;
			transform:translate(-50%,-50%);
			-ms-transform:translate(-50%,-50%);
			font-family:Verdana,sans-serif;
			font-size:20px;
			line-height:1.5;
			color: grey;
			z-index:10;
			}
	
	/* Überschrift nicht h1 */	
	.Style1 {
		font-size:18px;
		letter-spacing:2px;
		line-height:1.5;
	}
	/* Markennamen blau*/
	.Style2 {
		font-size: 18px;
		color: #9EB7D6;
		letter-spacing: 2px;
	}
	/* Body-Schrift*/
	.Style3{
		font-family:Verdana,sans-serif;
		font-size:14px;
		line-height:1.5;
		padding:0px 0px!important;
	}

	/*Body-Schrift Blau --- LINKS ---*/
	.Style4{
		font-family:Verdana,sans-serif;
		font-size:14px;
		line-height:1.5;
		padding:0px 0px!important;
		color: #9EB7D6!important;
	
	}
	
  /*Formatierung Mobiles Menue*/
  nav ul {
    top: 7.5em;
    position: absolute;
    background: #ccc;
    width: 100%;
    left: -100%;

    list-style-type:none;
    margin: 0;
    padding: 0;

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }

  nav ul li{
    display: block;
    text-align: left;
    padding: 0em 0.5em;
    border-bottom: 1px solid #fff;
  }

  nav ul li a {
    color: #555;
    padding: 1em 0;
	padding-left:2em;
  }

  nav ul.menu li a:hover {
    border-bottom: 0;
  }




  /*Hamburger-Icon*/
  nav a#nav-m img,
  nav a.close img {
    width: 60px;
    height: auto;
  }

  nav > .close,
  nav a#nav-m:target {
    display: none;
  }

  nav a:target ~ ul,
  nav a:target ~ .close {
    display: inline-block;
  }

  nav a:target ~ .close {
    position: absolute;
    margin-left: -80px;
  }

  nav a:target ~ ul {
    left: 0;
  }
  
  /*Anpassungen Mobile*/
  
  .content{margin-left:30px;margin-top:41px;margin-right:30px;margin-bottom:100px;}
 ul.breadcrumb {padding: 10px 16px;list-style: none;margin-left:15px;}
 .brand {
   float: left;
   padding: 1em 0em 0 0em;
   height:100px;
 	}