.slicknav_menu {
	display:none;
}

/* font-family: 'Source Sans Pro', sans-serif; */

body,html {
    font-family: 'Itim', cursive;;
    font-size: 140%;
	font-weight:400;
    color: #000; 
    line-height: 1.2em;
	margin:0;
padding:0;
background-color: #ccc;
}

#mobile {
display:none;
}

h1 {
font-size:120%;
}

a:link, a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color:#738fc8;
text-decoration: underline;
}

#wrapper, #links, #rechts, #nav, #content, #mainContainer {
padding:0;
margin:0;
}

.clear { clear: both; }

#wrapper {
width:100%;
max-width: 1300px;
margin:0 auto;
background-image: url("images/bg.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
}

#links {
width:375px; /* 29.166% */
padding-top:150px;
padding-right:0px;
padding-bottom:0px;
text-align:center;
}
#rechts {
width:850px; /* 70.83333% */
}

#head {
padding-top:57px;
padding-bottom:25px;
padding-left:0;
text-align:left;
margin-left:0px;
}

#will { 
padding-top:20px;
padding-bottom:20px;
/*font-family: 'Source Sans Pro', sans-serif;*/
}

#mainContainer {
display:flex;
}

#nav {
width:350px; /* 32.3529%*/
text-transform: uppercase;
margin-top:20px;
}

#nav ul {
    list-style-image:url(images/logo-klein.png);
}
#nav ul li {
padding-bottom:20px;
}

#content {
width:575px; /* 67.647 */
padding-top:22px;
}
#footer {
margin:0 auto;
width:100%;
max-width: 1300px;
height:30px;
font-family: 'Source Sans Pro', sans-serif;
color:#fff;
padding:5px;
padding-bottom:15px;
font-size:60% !important;
text-align:center;
background-color: #738fc8;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration:none;
}
#footer a:hover {
color:#000;
text-decoration: underline;
}

/* Slider */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  max-width:1200px;
  padding: 0;
  margin: 0;
display:block;
    z-index: 0 !important;   
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  

/* IPAD LANDSCAPE */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
body,html {
    font-family: 'Itim', cursive;;
    font-size: 130%;
	font-weight:400;
    color: #000; 
    line-height: 1.2em;
	margin:0;
padding:0;
background-color: #ccc;
}

h1 {
font-size:100%;
}
#wrapper {
width:100%;
max-width: 100%;
margin:0 auto;
background-image: url("images/bg.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
}
#links {
width:29.166%;
padding-top:150px;
padding-right:20px;
padding-bottom:0px;
text-align:center;
}
#rechts {
width:70.83333%;
}

#head {
padding-top:57px;
padding-bottom:25px;
padding-left:0;
text-align:left;
margin-left:0px;
}

#will { 
padding-top:20px;
padding-bottom:20px;
font-family: 'Source Sans Pro', sans-serif;
font-size:90%;
}

#mainContainer {
display:flex;
}

#nav {
width:32.3529%;
text-transform: uppercase;
margin-top:20px;
}

#nav ul {
    list-style-image:url(images/logo-klein.png);
}
#nav ul li {
padding-bottom:20px;
}

#content {
width:67.647%;
padding-top:22px;

}
#footer {
margin:0 auto;
width:100%;
max-width: 100%;
height:30px;
font-family: 'Source Sans Pro', sans-serif;
color:#fff;
padding:5px;
padding-bottom:15px;
font-size:50% !important;
text-align:center;
background-color: #738fc8;
}

} /* ENDE IPAD LANDSCAPE */

 /* IPAD PORTRAIT */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.slicknav_menu {
display:block;
}
#nav, #logo  {
display:none;
}
#links {
display:none;
}
#wrapper {
width:100%;
max-width: 100%;
margin:0 auto;
background-image: none;
display: flex;
background-color: #fff;
}
#head {
text-align:center;
}
#content, #will {
padding:25px;
max-width:90%;
width:100%;
}
#footer {
font-size:50% !important;
height:60px;
}
#mobile {
display:block;
}
}
/* ENDE IPAD PORTRAIT */

/* SP */
@media screen and (max-width: 480px)  {
.slicknav_menu {
display:block;
}
#nav, #logo  {
display:none;
}

.mob {
max-width:60% !important;
margin-top:55px;
}

#links {
display:none;
}
#wrapper {
width:100%;
max-width: 100%;
margin:0 auto;
background-image: none;
display: flex;
background-color: #fff;
}
#head {
text-align:center;
}
#content, #will {
padding:25px;
max-width:90%;
width:100%;
}
#content {
padding-top:0px;
margin-top:-20px;
}
#will {
font-size:80%;
padding-top:0;
padding-bottom:0;
}
#footer {
font-size:50% !important;
height:70px;
line-height:1.2;
}
#mobile {
display:block;
margin-top:-65px;
}
h1 {
padding:0;
}
}
/* ENDE SP */