/* MK 299media 2017 */
@font-face { 
font-family: "CALIBRE"; 
src: url("fonts/Calibre-Bold.otf"); 
}
@font-face { 
font-family: "CALIBRE-SEMIBOLD"; 
src: url("fonts/Calibre-Semibold.otf"); 
}
@font-face { 
font-family: "CALIBRE-REG"; 
src: url("fonts/Calibre-Regular.otf"); 
}
@media only screen and (min-device-width: 555px) {
      /* For portrait layouts only */
.title {
	margin-top:3.50rem;
	margin-left:3.50rem;
	margin-right:3.50rem;
}
.navstart{
	margin-left: 3.50rem;
	margin-right:3.50rem;
}
.navbar {
	padding-left:0rem;
}
.nav-link {
	padding-left: 0.6rem;
}
.img01{
position:relative;
top: 15rem;
z-index:90;
}
.img02{
position:relative;
top: -5rem;
float:right;
z-index:90;
}
.img03{
position:relative;
top:21rem;
left: 24%;
z-index:90;
}
.img04{
position:relative;
top: 26rem;
left: 74%;
z-index:90;
}
.img04b{
position:relative;
top: 34rem;
left: 74%;
z-index:90;
}
.img05{
position:relative;
top: 5.5rem;
z-index:90;
}
.img07{
position: relative;
top: 21rem;
left: -52%;
z-index:90;
}
.img07b{
position: relative;
top: 36rem;
left: -52%;
z-index:90;
}
.img08{
position: relative;
top: 8rem;
z-index:90;
}
.img10{
position: relative;
top: 13rem;
left: 63%;
z-index:90;
}
.img10b{
position: relative;
top: 25rem;
left: 63%;
z-index:90;
}
.img11{
position:relative;
top:-10rem;
left:-1%;
z-index:90;
}
.img12{
position: relative;
top: -13rem;
left: 23%;
z-index:90;
}
.img13{
position: relative;
top: 24rem;
left: 53%;
z-index:90;
}
.img15{
position: relative;
top: -4rem;
left: 4%;
z-index:90;
}
.rightmargin{
 padding-right: 0;
 margin-right: -3.5rem;
}
.startmarg01{
margin-top:20%;
}
.startmarg02{
margin-top:15%;
}
	}
.nav-link{
white-space: nowrap;
}
a {
color:#030303;
z-index:100;
}
a:hover  {
color:#737373;
z-index:100;
}
.wtf {
background-image: url(media/wtf_text_hintergrund.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
}
.relation01 {
  margin-top:5%;
  margin-bottom:5%;
}
.relation {
background-image: url(media/relationshit_bg.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
  margin-bottom:5%;
}
.relmargin {
margin-top:3%;
margin-bottom:7%;
}
.forever {
background-image: url(media/foreveryoung_bg.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
  margin-bottom:5%;
}
.digitalnaives {
background-image: url(media/digitalnaives_bg.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
  margin-bottom:5%;
}
.kill-time {
background-image: url(media/kill-time_bg.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
  margin-bottom:5%;
}
.sos {
background-image: url(media/sos_bg.jpg); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-right:0px !important;
  padding-left:0px !important;
  margin-top:5%;
  margin-bottom:5%;
}
#logo a:link,
#logo a:visited,
#logo a:hover {
  text-decoration:none;
}
h1 {
font-family: CALIBRE;
}
 .nav.flex-column{   
 letter-spacing: 3px;
 font-size: 1.3rem;
 }
 .nav-link{
 font-family: CALIBRE-REG;
 }
 .active{
font-family: CALIBRE-SEMIBOLD;
 }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
#ausmarg01{
margin-left: 11.2%;
}
#ausmarg02{
margin-left:11%
}
.margtop{
margin-top:10%;
}