/*Gray:#x4b4b4a*/
/*Pink:#xfcd7e8*/
/*Baige:#xb2a763*/

/* =========================== GENERAL =============================*/
@import url('https://fonts.googleapis.com/css?family=Muli');
body {
	font-size:16px;
	font-family: 'Muli', sans-serif;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{}
h2,.h2{
color: rgba(240,186,153,0.8);
font-size:22px;
}

a, .pseudoLink {
	color: #CA474F;
	text-decoration:none;
	
}

a:hover, a:focus, .pseudoLink:hover {
	color:#000;
	cursor:pointer;
	transition:color 200ms linear;
}

img{
width:100%;
height:auto;
}

#logo{
 margin-top:80px;
max-width:400px;
height:auto;
}

/* =========================== NAVIGATION ==============================*/

#navigation {
	background-color: transparent;
	margin-top: 0px;
	margin-bottom: 15px;
}

#navigation .navbar-toggler {
	border-color: #ec9e5f;
}

#navigation .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(112,112,112, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*Damit die Navigation kein Padding oben mehr hat*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
#navigation .navbar{
padding:0px;
}
}

#navigation .navbar-nav .nav-link {
	background-color: transparent;
  margin:10px 30px;
	font-size: 18px;
  color:#4b4b4a;
	font-weight: bold;
text-transform: uppercase;
  border-bottom: 3px solid transparent;
  border-color: #ec9e5f;
  white-space: nowrap;
}

#navigation .navbar-nav .nav-link:hover {
  background-color: transparent;
  border-color: transparent;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

/* ============================== SLIDER ===============================*/
#header{
height:150px;
overflow:hidden;
}
#header .row, #header .col, #header .carousel{
height: 100%;
}

#header img{
margin-top:-10%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { #header{height:200px;} }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #header img{
margin-top:-22%;
}
#header{height:350px;} }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { #header{height:400px;} }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { #header{height:450px;} }

#header .carousel-control-next,
#header .carousel-control-prev{
/*display:none;*/
}

/* ============================ CONTENT ==============================*/
#content{
margin-top:5%;
margin-bottom:5%;
}

#content table,
#content table td,
#content table tr{
border:none;
background-color:none;
}
#content table td{
width:50%;
}

/* ============================= FOOTER ==============================*/	
footer{
border-top:1px solid #E8E8E8;
padding-top:3%;
padding-bottom:3%;
color:white;
background-color:#ec9e5f;
}	

footer a{
color:white;
}

footer .maps{
width:100%;
height:250px;
border:0px;
}