body, html{
  height:100%;
  margin:0;
  font-size:16px;
  font-family:"Roboto", sans-serif;
  font-weight:400;
  line-height:1.8em;
  color:#666;
}

.pimg1, .pimg2, .pimg3{
  position:relative;
 /* opacity:0.90;*/
  background-position:center;
  background-size: cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}

.pimg1{
  background-image:url('../img/KimTiziana_by_gideon_greenbaum.jpg');
  min-height:100%;
  margin-top: 6%;
  background-position: 0% 15%;
}

.pimg2{
  background-image:url('../img/image2.jpg');
  min-height:400px;
}

.pimg3{
  background-image:url('../img/contact.jpg');
  min-height:741px;

}

@media(max-width:440px) {
  .mentions {
    flex-basis:150px !important; 
  } 
  .mentions-inner-container {
    padding: 2px !important;
  }
  .mention {
    font-size: 9pt !important;    
    max-width: 50%;
  }
}
@media(max-width:1024px) {
  .pimg1{
    background-image:url('../img/mobile_start_page_img.JPG');
    background-attachment:scroll;
  }

  .mentions-container {
    background-size: cover !important;
  }
 

  .teaserImg{
    max-width: 230px !important;
  }
  .top-col:after{
    top: 37.5% !important;

  }

  .element-item {
    max-width: 100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }

   .award-elem {
    max-width: 50% !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

}

@media  only screen and (max-width: 1600px) and (min-width: 1024px)  {
  .element-item {
    max-width: 32% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

   .award-elem {
    max-width: 20% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  } 
}


/*
@media screen and (max-width: 768px) {
	.collectionob {
		background-attachment: inherit;
	}
}
*/


.section{
  text-align:center;

}

.pink{
  color: #ff3399 ;
}

.pinki{
  color: #ff3399 !important ;
}

.ptext{
  position:absolute;
  top:15%;
  width:100%;
  text-align:center;
  font-size:27px;
  letter-spacing:2px;
  right: 30%;
}
.mobile-news{
  display: none;
}
@media(max-width:1024px){
  .ptext{
   display: none;
  }
  .mobile-news{
    display: flex;
    position: absolute;
    top: 80%;
    width: 100%;
    /* text-align: center; */
    font-size: 15px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #000;
    letter-spacing: 2px;
    padding-left: 2%;
  } 
  
  .collectionob, .collectionb, .sec-img, .pimg1, .pimg2, .pimg3 {
    background-size: cover !important;   
  }

}



.img-sub-header{
  width: 25%;
}

.ptext-bottom{
  position:absolute;
  top:50%;
  width:100%;
  text-align:center;
  color:#000;
  font-size:27px;
  letter-spacing:2px;
  opacity: 0.90;

}

.ptext .border {
  color:#fff;
  font-family: 'Impact';
  font-size: 36px;
}

.ptext-bottom .border {
  background-color: #fff;
  color: #666;
  padding: 20px;
  opacity: 0.9;
}

.ptext .border.trans .ptext-bottom{
  background-color:transparent;
}


.collection-imgae{
    width: 100%;
}

.collectionob{
  background-image:url('../img/Hintergrund_Startseite_scaled.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 0% 15%;
  min-height: 100%;
  padding: 15%;
}


.collectionbs{
  background-image:url('../img/ich_new_york_FW.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0% 15%;
  min-height: 100%;
  padding: 15%;
}

.collection-dfs{
  background-image:url('../img/IMG_8154.jpeg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0% 15%;
  min-height: 100%;
  padding: 15%;
}

.collectionob-wrapper{
  background-color: #343033;
  margin-bottom: 3%;
  padding: 2% 3% !important;
  border: 2px solid #343033;
  border-radius: 25px;
  opacity: 0.9;
}

.collectionbs-wrapper{
  background-color: #f3cdd4;
  opacity: 0.95;
  margin-bottom: 3%;
  padding: 2% 3% !important;
  border: 2px solid #f3cdd4;
  border-radius: 25px;

}

.leagl-info{
  padding-top: 10%;
}

.collection-dfs-wrapper{
  background-color: none	;
  margin-bottom: 3%;
  padding: 2% 3% !important;
  border: 2px solid #DAA520;
  border-radius: 25px;
}

.aboutme-wrapper{
  background-color: #ffffffa3;
  padding: 2% 3% !important;
}

.aboutme-text{
 color: black ;
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 text-align: justify;

}


.data-text{  
  font-family: 'Roboto', sans-serif;
  font-size: 15px !important;

 text-align: center;
 }

.aboutme-imgae{
 width: 80%;
 margin-top: 30%;

}

#myText-ab{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 36px;
  padding: 1%;
  color: black;
}

.txt-btm{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  padding: 1%;
  color: black !important;
  text-align: center;

}

#myText{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 40px;
  padding: 1%;
  color: black;
}

#myText-underline{
  font-family: 'Impact','Roboto', sans-serif;
  font-size: 30px;
  padding: 1%;
  color: black;
}

#myText-black{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 40px;
  padding: 1%;
  color: black;
}

#myText-collection-ob{
  color: black;


}

#myText-collection{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 40px;
  padding: 1%;
  color: black;
  text-align: center;
}

.ptext-bottom{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;
  position:absolute;
  top:50%;
  width:100%;
  text-align:center;
  color:#000 !important;
  font-size:27px;
  letter-spacing:2px;
  opacity: 0.90;
}

.footer-text{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 17px;
  padding-top: 1%;
  color: black !important;
  text-align: center;
}

.footer-text-index{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 17px;
  padding-top: 1%;
  color: black !important;
  text-align: center;
}

.footer-container{
 z-index: 100;
  background-color: #fff;
  position: bottom;
  margin-top: -2.8%;
}

.nav-line{
  padding-top: 5%;
}

.img-slider{
  width: 85%;
}



.hide-bullets {
  list-style:none;
  margin-left: -40px;
  margin-top:20px;
}

.thumbn {
  padding: 0;
  margin-bottom: 20px;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  width: 100%;
}

.img-galery-wrapper{
  padding-bottom: 2%;
  padding-top: 10px;
}

.img-galery-wrapper-sm{
  padding-bottom: 2%;
}



.img-galery-wrapper-bs{
  padding-bottom: 2%;
}

.gold{
  color: #CFB53B;
}
.con-col{
  padding-top: 1%;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;

}

.navbar-nav a {
  z-index: 1000;
}

.bottom{
  font-size: 30px;
  color: black !important;
  background-color:#f3cdd4 !important;
  margin-bottom: 0px !important;
}

.nav-bottom{
  text-align: center;
}

.header-nav{
  padding-top: 20px;
  font-size: 28px;
  color: black !important;
  background-color:#f3cdd4 !important;
}

.footer-nav{
  height: 52px !important;
  font-size: 30px;
  color: black !important;

}

.footer-nav-collection{
  height: 52px !important;
  font-size: 30px;
  color: black !important;
  margin-top: 5% !important;
}
.navbar .navbar-collapse {
  text-align: center;
}
.navbar-default .navbar-nav>li>a{
  color: #000 !important;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.black-link{
  color: #000 !important;
}

.grey-link{
  color: #666 !important;
}

.top:after {
  position: absolute;
  left: 0;
  top: 31%;
  height: 3px;
  background: #000;
  content: "";
  width: 100%;
  display: block;
}

.top-col:after{
  position: absolute;
  left: 0;
  top: 31.5% ;
  height: 2px;
  background: #000;
  content: "";
  width: 100%;
  display: block;
}

.title{
  font-size: 36px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-align: center;
  color: #000 !important;
  margin: 0% !important;
}

.title-sub{
  font-size: 20px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-align: center;
  color: #666 !important;
}

.title-collection{
  font-size: 35px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-align: center;
  margin-top: 1%;
  color: #000 !important;
}


.title-margin{
  font-size: 35px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-align: center;
  color: #000 !important;
  margin-top: 20px;
}
.news{
  font-size: 19px !important;
  color: white;
  opacity: 0.8;
  width: 30%;
  margin-left: 35%;
  margin-top: 1%;
  padding: 1%;
  border-radius: 25px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.body{
  background-color: #f3cdd4;
}

.body-section-header{
  padding: 1.2%;
  background-color: #f3cdd4;
}

.collection-ob-text{
  color: white;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  text-align: justify;
 }

 .collection-dfs-text{
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  text-align: justify;
 }

 .collection-bs-text{
  color: black;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  text-align: justify;

 }

 .side{
   background-color: white;
 }

 .sec-img{
  background-image:url('../img/about_me.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

 }

 .sel-img{

 }

.sel-img-large{
  min-height: 550px;
}

.teaser{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.buttonob {
  background-color: transparent;
  color: white;
  border: transparent;
  border-radius: 25px;
  padding: 1% 2%;
  font-size: 20px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.buttonbs {
  background-color: transparent;
  color: black;
  border: transparent;
  border-radius: 25px;
  padding: 1% 2%;
  font-size: 20px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-align: justify;
}

.buttondfs {
  background-color: transparent;
  color: white;
  border: transparent;
  font-size: 20px;
  padding: 1% 2%;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  border-radius: 25px;
  margin-top: 15%;
  text-align: center;
}

.fa-facebook{
  color:#3b5998;
}
.fa-linkedin{
  color:#0077B5;
}
.fa-twitter{
  color:#4099FF;
}
.fa-google{
  color:#d34836;
}
.bg-primary {
background-color: #000 !important;
}

.bg-circle
{
display: inline-block;
width: 60px;
height: 60px;
padding: 14px 4px;
color: #ececec;
text-align: center;
border-radius: 50%;
}

.bg-circle-outline
{
width: 50px;
height: 50px;
color:smoke;
padding: 8px 2px;
border: 2px solid;
border-color: smoke;
border-radius: 50%;
}


.bg-circle a, a:hover, .media a:focus
{
text-decoration: none !important;
outline: none;
color: #ececec;
}
.bg-circle-outline a, a:hover, .media a:focus
{
text-decoration: none !important;
outline: none;
color: #ececec;
}

.nav-btn{
  font-size: 25px !important;
}


.link-underline{
  text-decoration: underline !important;
  color: black !important;
}

.colImg{
  text-align: center;
}

.oblivon    .colImg{
  margin-top: 5px
}

.teaserImg{

  max-width: 100%;
  margin-top: 3%;
}

.oblivon .teaserImg {
  max-height: 700px;
  margin-top: 0px !important;
}




.subText{
  margin-top: 3%;
}

.ob-text{
  margin-top: 2%
}

.name-title{
  padding: 0% !important;
}
.mid-img{
  margin-top: 2%;
  margin-bottom: 2%;
}


.cookie-consent-banner {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  min-height: 25%;
  background: black;
  padding: 40px;
  font-size: 15pt; 
   background: #fffffff0;
    color: #380430;
    z-index: 2000;
}

.cookie-consent-banner .btn {
     margin-top: 20px;
    float: right;
}



 @media only screen and (max-width: 600px) {
   .cookie-consent-banner .btn  { 
            margin-top: 20px;
    }
}


.small-link {
  color: #380430;
  font-size: 10pt;
}

.consent-link {
  color: #380430;
text-decoration: underline;    
}

.consent-text {

    display: block;
    margin-top: 2%;
}

.close-banner {
  position: relative;
  top: -20px;    
  float: right;
}

.mention {
  margin: 2px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.mentions {
    margin-top: 40px;
}


#vogue-image {
width: 100%;
margin-top: 40px;    
margin-left:10px;
}

.award {
width: 40%;
margin-top:30px;
margin-left: 10px;

}

.banner-bottom {
    position: absolute;
    bottom:0px;    
    width:100%
}

.pictureInfo {
  color: #A2A2A2;
  padding-left: 40px;
}

.press {
  width: 100%;
  padding:0px;
}

.element-item {
  max-width: 24%;
  padding: 20px;
} 

.award-elem {
  max-width: 12%;
  padding: 20px;
}

.mentions-container {
  width: 100%;  
 
  background-image:url('../img/press/mentions_background.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mentions-inner-container {
  display: flex;  
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.56);
}

.mentions-overlay {
  width:100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.56);
}

.mentions {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 200px;
}