@font-face {
	font-family: 'Baron Neue';
	font-style: normal;
	font-weight: normal;
	src: local('../images/special/streetstyle/font/Baron Neue'), url('../images/special/streetstyle/font/Baron Neue.woff') format('woff');
}

@font-face {
	font-family: 'Baron Neue Bold';
	font-style: normal;
	font-weight: normal;
	src: local('../images/special/streetstyle/font/Baron Neue Bold'), url('../images/special/streetstyle/font/Baron Neue Bold.woff') format('woff');
}

@font-face {
	font-family: 'Chivo';
	font-style: normal;
	font-weight: normal;
	src: local('../images/special/alyssawooten/font/Chivo-Regular-webfont'), url('../images/special/alyssawooten/font/Chivo-Regular-webfont.ttf') format('ttf');
}



/* ############################################# HIENLE #################################################### */
/* LARGE UP */
@media only screen and (min-width: 67.75rem) {
	#hienle h1{
		font-size:5rem;
		letter-spacing:2rem;
	}

}

/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	#hienle h1{
		font-size:3.5rem;
		letter-spacing:0.75rem;
	}
}


.hienle-background{
	background-color:#ebeef5;
}

#hienle h1{
	font-family: arial;  
	font-weight: bold;
	margin-top:50px;
	color:#000;
}

#hienle h2{
	color:#009fa8;
	font-size:3rem;
}

#hienle h3{
	color:#009fa8;
	font-size:1.5rem;
	line-height:2rem;
}

#hienle h4{
	color:#009fa8;
	font-size:1rem;
	line-height:2rem;
}


#hienle .copy-hienle{
	font-family: arial;
	font-size: 1rem;
	line-height: 2rem;
}

/* LARGE UP */
@media only screen and (min-width: 64.5rem) {
	.minus-margin-top{
		margin-top:-150px;
	}
}

/* ############################################# HIENLE ENDE ################################################## */




/* ############################################# STREETSTYLE #################################################### */


/* LARGE UP */
@media only screen and (min-width: 67.75rem) {
	.streetstyle-dreiecke{
		background:url(../images/special/streetstyle/img/dreiecke.png) no-repeat right center;
		height: 1500px;
	}

	#streetstyle h1{
		font-size:5rem;
	}

}

/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	.streetstyle-dreiecke{
		background:url(../images/special/streetstyle/img/dreiecke_mobil.png) no-repeat right center;
	}

	#streetstyle h1{
		font-size:3rem;
	}
}

.streetstyle-background{
	background:url(../images/special/streetstyle/img/streetstyle-background-grey.jpg) no-repeat center;
	height:100%;
	background-size:cover;
}


#streetstyle h1{
	font-family: 'Baron Neue',Arial;  
	font-weight: bold;
	margin-top:50px;
	color:#333;
	text-transform: uppercase;
}

#streetstyle h2{
	color:#333;
	font-size:1.75rem;
	font-family: 'Baron Neue',Arial; 
	line-height:1.75rem;
}

#streetstyle .copy-streetstyle{
	color: #333;
	font-size: 1rem;
	line-height: 2rem;
}

#streetstyle .copy-streetstyle ul li{
	color: #333;
	font-size: 0.9rem;
	line-height: 1.5rem;
}



/* ############################################# STREETSTYLE ENDE ################################################ */


/* ############################################# HELENE FRUHWIRTH ################################################ */

 
 
#helene #header {
	margin-bottom: 1.75rem;
}
#helene h1 {
	color:#fc1b43;
	font-size: 40px;
	font-family: 'Sansita One', cursive;
	margin-bottom: 30px;
	line-height: 1.0;
}
#helene .copy {
	font-size: 18px;
	color: #7b7b7b;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 100%;
	font-weight: 400;
}
#helene #zitat .anfuehrung {
	font-family: 'Sansita One', cursive;
	font-size: 38px;
	color: #fc1b43;
}

#helene #zitat {
	padding-top:194px;	
	padding-bottom: 130px;
	line-height: 1.3;
}

#helene #zitat .text { 
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1;
	font-weight: 400;
	font-size: 18px;
	color: #7b7b7b;
 
}
#helene #zitat .g1, #helene #zitat .g2, #helene #zitat .g3 {
	font-family: 'Sansita One', cursive;
	color: #fc1b43;
}
#helene #zitat .g1 {
	font-size: 45px;
}
#helene #zitat .g2 {
	font-size: 30px;
}
#helene #zitat .g3 {
	font-size: 35px;
}
#helene .fl {
	width: 50%;
	float: left;
	text-align: center;
}
#helene a.fl span  {
	color:#fc1b43;
	font-size: 18px;
	font-family: 'Sansita One', cursive;
 	margin-top: 15px;
	line-height: 1.0;
	display:block;
}
#helene .cb {
	clear: both;
}
#helene .special-gallery {
	background: #fff;
}
@media only screen and (max-width: 600px) { 

	#helene .fl {
		width: 100%;
		margin-bottom: 40px;
	}
		.helene-rl {
		margin-top: 20px;
	}
	#helene #zitat {
		padding: 20px 0;
	}


}
/*
#helene .special-gallery .slick-prev-mostseen:before {
	background: #fc1b43;

}
#helene .special-gallery .slick-prev-mostseen {
		border-radius: 50%;
	width: 30px;
	height: 30px;
}*/


/* ############################################# HELENE FRUHWIRTH ENDE ########################################### */


/* ############################################# ALYSSA WOOTEN #################################################### */

.alyssawooten-background{
	background:url(../images/special/alyssawooten/img/alyssawooten-background.jpg) no-repeat right center;
	background-size:cover;
}

#alyssawooten .copy-alyssawooten {
	color: #fff;
	font-size: 1rem;
	line-height: 2rem;
}

#alyssawooten .uhren-absolut-white {
	position: absolute;
	max-width:200px;
	top:-130px;
	left:170px;
}

#alyssawooten .uhren-absolut-white-link {
	position: absolute;
	top:120px;
	left:210px;
	color:#fff;
}


#alyssawooten .uhren-absolut-blue {
	position: absolute;
	max-width:200px;
	top:-70px;
	left:30px;
}

#alyssawooten .uhren-absolut-blue-link {
	position: absolute;
	top:180px;
	left:60px;
	color:#fff;
	z-index:99;
}


#alyssawooten .blume-absolut {
	position: absolute;
	top:-245px;
}

#alyssawooten h2{
	color:#fff;
	font-size:2rem;
	font-family: 'Sansita One'; 
	line-height:2rem;
}

#alyssawooten h3{
	color:#ffcc00;
	font-size:1.4rem;
	font-family: 'Sansita One';
	line-height:2rem;
}

/* LARGE UP */
@media only screen and (min-width: 67.75rem) {
	#alyssawooten .text-top {
		margin-top:150px;
	}
}

/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	#alyssawooten .text-top {
		margin-top:40px;
	}

}




/* ############################################# ALYSSA WOOTEN ENDE ############################################### */


/* ############################################# BARRE NOIRE  ############################################### */
/* LARGE UP */
@media only screen and (min-width: 67.75rem) {
	.barrenoire-background{
		background:url(../images/special/barre-noire/img/barrenoire-background.jpg) no-repeat top center;
		background-size:cover;
	}
}

/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	.barrenoire-background{
		background-color:#000;
		background-size:cover;
	}
}




#barrenoire h1{
	font-family: arial;  
	text-transform: uppercase;
	font-family: "BitterRegular",Helvetica,Roboto,Arial,sans-serif;
	margin-top:50px;
	margin-bottom: 0;
	color:#009fa8;

}

#barrenoire h2{
	color:#009fa8;
	font-size:3rem;
}

#barrenoire h3{
	color:#009fa8;
	font-size:1.5rem;
	line-height:2rem;
}

#barrenoire h4{
	color:#009fa8;
	font-size:1rem;
	line-height:2rem;
}


#barrenoire .copy-barrenoire{
	font-family: arial;
	font-size: 1rem;
	line-height: 2rem;
	color:#fff;
}

.edition-absolute{
	position: absolute;
	left:25%;
}



/* ############################################# ANIMAL PRINT  ############################################### */

/* LARGE UP */
@media only screen and (min-width: 67.75rem) {
	.animalprint-background{
		background:url(../images/special/animal-print/img/animalprint_background.jpg) no-repeat top center;
		background-size:cover;
	}

	.m-top300{
		margin-top: 300px;
	}

	#animalprint h1{
		font-family: arial;  
		text-transform: uppercase;
		font-family: 'Neucha',Helvetica,Roboto,Arial,sans-serif;  
		margin-top:50px;
		margin-bottom: 0;
		font-size:5rem;
		line-height:6rem;
		color:#cc9933;
	}
}

/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	.animalprint-background{
		background:url(../images/special/animal-print/img/animalprint_background_small.jpg) no-repeat top right;
		background-size:cover;
	}
	.m-top300{
		margin-top: 200px;
	}

	#animalprint h1{
		font-family: arial;  
		text-transform: uppercase;
		font-family: 'Neucha',Helvetica,Roboto,Arial,sans-serif;  
		margin-top:50px;
		margin-bottom: 0;
		font-size:3rem;
		line-height:3rem;
		color:#cc9933;
	}	
}


#animalprint h2{
	color:#cc9933;
	font-size:2rem;
	line-height: 2.5rem;
	font-family: Arial,sans-serif;  
}

#animalprint .copy-animalprint{
	font-family: arial;
	font-size: 1rem;
	line-height: 2rem;
	color:#000;
}

.m-top60{
	margin-top:60px;
}


.watch-layer{
	position: absolute;
	top:300px;
}

#animalprint .special-watches a{
	color:#000;
}

#animalprint .copy-animalprint a{
	color: #cc9933;
}

.watch1{
	position: absolute;
	left:50px;
	z-index: 99;
}

.watch2{
	position: absolute;
	right:60px;
}

#animalprint .slick-prev-watches::before,
#animalprint .slick-next-watches::before,
#animalprint .slick-prev-watches::before,
#animalprint .slick-next-watches::before {
    color: #cc9933;
}


/* ############################################# THE SHALLOWS ############################################### */
.the-shallos-background {
	background:url(../images/special/the-shallows/background.jpg) no-repeat top center;
	min-height:1000px;
}

.the-shallows-logo {
	padding-top:75px;
}

.the-shallows-dvd {
	background:url(../images/special/the-shallows/dvd_teaser.png) no-repeat top left;
	width:553px;
	height:172px;
	position:relative;
}

.the-shallows-dvd-block {
	padding-top:70px;	
}

.the-shallows-pr {
	position:relative;
}
	
.the-shallows-dvd-text {
	color: #fff;
  left: 260px;
  position: absolute;
  text-transform: uppercase;
  top: 76px;
  width: 220px;
}

.the-shallows-dvd-text span {
	width:96px;
	height:16px;
	display:inline-block;
	background:url(../images/special/the-shallows/digital.png) no-repeat top left;
}

.the-shallows-img img {
	width:100%;
	display: block;
  margin: 0 auto;
}

.the-shallows-headline1 {
	background:url(../images/special/the-shallows/title_mood_2.png) no-repeat top left;
	height:105px;
	font-size:1.875rem;
	color:#fff;
	text-align:center;
	padding-top:30px;
	margin-top:40px;	
}

.the-shallows-headline2 {
	background:url(../images/special/the-shallows/title_mood_1.png) no-repeat top left;
	height:105px;
	font-size:1.875rem;
	color:#fff;
	text-align:center;
	padding-top:30px;
	margin-top:40px;	
}

.the-shallows-content {
	color:#fff;
	padding:50px 7% 0 7%;
}

.the-shallows-watchlink {
	position:absolute;
	color:#fff;
	text-decoration:none;
	font-size:1.575rem;
	top: 35%;
	right: 10%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.the-shallows-gallery {
	background:url('../images/special/the-shallows/galerie.png') top left no-repeat;
	background-size:contain;
	height:322px;
	padding: 0 60px;
}

.the-shallows-gallery-in {
	padding-top:45px;
}

.the-shallows-a {
	color:#9a110e;
	font-weight:bold;
}

.the-shallow-dvd-block-mobil {
	display:none;
}

.the-shallows-2br {
	height:50px;
}

.the-shallows-3br {
	height:90px;
}


@media only screen and (max-width: 68rem) { 

	.the-shallows-white {
		background-color:#fff;
		min-height: 230px;
	}	
	
	.the-shallows-headline1 {
		text-align:left;
		padding-left: 60px;
	}
	
	.the-shallos-background {
		background-size:120% auto;
		background-position:0 229px;
		background-color:#082D4A;
	}
	
	.the-shallows-logo {
    display: block;
    margin: 0 auto;
    padding-top: 55px;
	}
	
	.the-shallows-gallery {
		background-size:100% 85%;
	}
	
}


@media only screen and (max-width: 41rem) { 
	
	.the-shallows-headline1, .the-shallows-headline2 {
		font-size: 1.3rem;
		line-height:1.4rem;
		background-size:100% 100%;
		padding: 30px 40px 0;
	}
	
	.the-shallows-dvd-block {
		display:none;
	}
	
	.the-shallows-watchlink {
		font-size:1rem;
		right:5%;
	}
	
	.the-shallow-dvd-block-mobil {
		display:block;
		margin-top:190px;
	}
	
	.the-shallow-dvd-block-mobil .the-shallows-headline1 { 
		font-size: 1.1rem;
		line-height:1.2rem;
	}
	
	.the-shallows-2br {
		height:0;
	}
	
	.the-shallows-3br {
		height:20px;
	}
	
}


/* ############################################# LIFESTYLE ############################################### */
#lifestyle {
	background:url('../images/special/lifestyle/background-lifestyle.jpg') no-repeat;
	background-size: cover;
	min-height: 1000px;
	width: 100%;

	font-family: 'Lato' , sans-serif;

	box-sizing: border-box;
	padding: 50px 0;
}
#lifestyle .mb-40 {
	margin: 0 0 40px 0;
}
#lifestyle h1 {
	font-size: 30px;
	line-height: 1;
	font-family: 'Lato' , sans-serif;
	font-weight: 700;
}
#lifestyle p {
	font-size: 18px;
	line-height: 1.75;
	font-family: 'Lato' , sans-serif;
	font-weight: 400;
}
#lifestyle .bg-black {
	background: #000;
}
#lifestyle .bg-white {
	background: #fff;
}
#lifestyle .color-pink {
	color: #ff2998;
}
#lifestyle .color-white {
	color: #fff;
}
#lifestyle .ttu {
	text-transform: uppercase;
}
#lifestyle .bold {
	font-weight: 700;
}
#lifestyle .box {
	box-sizing: border-box;
	padding: 70px 30px 30px;
}
#lifestyle .triangle-up-right {
    width: 0;
    height: 0;
    padding-left:10%;
    padding-top: 10%;
    overflow: hidden;
}
#lifestyle .triangle-up-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    margin-top:-500px;
    
    border-left: 500px solid transparent;
    border-top: 500px solid #4679BD;
}
#lifestyle .rotate-left {
	transform: skewY(-5deg);
	transform: rotate(-5deg);
}
#lifestyle .rotate-left .inner{
	transform: skewY(5deg);
	transform: rotate(5deg);
}
#lifestyle .rotate-right {
	transform: skewY(5deg);
	transform: rotate(5deg);
}
#lifestyle .rotate-right .inner{
	transform: skewY(-5deg);
	transform: rotate(-5deg);
}

@media screen and (max-width: 700px) {
	#lifestyle .rotate-left {
		transform: skewY(-2deg);
		transform: rotate(-2deg);
	}
	#lifestyle .rotate-left .inner{
		transform: skewY(2deg);
		transform: rotate(2deg);
	}
	#lifestyle .rotate-right {
		transform: skewY(2deg);
		transform: rotate(2deg);
	}
	#lifestyle .rotate-right .inner{
		transform: skewY(-2deg);
		transform: rotate(-2deg);
	}

	#lifestyle h1 {
		font-size: 24px;
	}

	
}

#lifestyle .watch-slider img {
	max-width: 350px;
	margin: 0 auto;
}
#lifestyle .watch-slider a {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	border: 2px solid #ff2998;
	box-sizing: border-box;
	width: 60%;
	margin: 0 auto;
	height: 40px;
	line-height: 37px;
}
#lifestyle .watch-slider .slick-next:before,
#lifestyle .watch-slider .slick-prev:before {
	content: '';
}
#lifestyle .watch-slider .slick-prev {
	width: 26px;
	height: 36px;
	background: url(../images/special/lifestyle/btn-watch-slider.png) no-repeat;
	background-position: 0 0;
}
#lifestyle .watch-slider .slick-next {
	width: 26px;
	height: 36px;
	background: url(../images/special/lifestyle/btn-watch-slider.png) no-repeat;
	background-position: -27px 0;
}
@media screen and (max-width: 767px) {
	#lifestyle .watch-slider .slick-prev {
		left: 0;
	}
	#lifestyle .watch-slider .slick-next {
		right: 0;
	}
	#lifestyle .watch-slider img {
		max-width: 200px;
	}
	#lifestyle .row {
		max-width: 100%;
	}
	#lifestyle .shoes { 
		width: 40%;
		right: 0;
		bottom: -100px;
		position: absolute;
	}
	#lifestyle .box {
		padding-left: 25px;
		padding-right: 25px;
	}
}
#lifestyle .shoes {
	position: relative;
    display: table-cell;
    vertical-align: sub;
    bottom: -50px;
    right: -30px;
}

#lifestyle .dp-t {
	display: table;
}
#lifestyle ul.af {
	position: relative;
    display: table-cell; 
    vertical-align: top;
    padding: 0 0 0 20px;
    font-size: 14px;
}


/* ############################################# BIRTHDAY  ############################################### */

/* LARGE UP */
.birthday-background{
		background:url(../images/special/birthday/bg.jpg) no-repeat top center;
		background-size:cover;
}
.birthday-bg{
		background:url(../images/special/birthday/header.jpg) no-repeat top center;
		height:1078px;
}
	

#birthday h1{
		font-family: aw-conqueror-inline,Helvetica,Roboto,Arial, sans-serif;
		font-style: normal;
		font-weight: 400;
		text-transform: uppercase;
		margin-top:50px;
		margin-bottom: 0;
		font-size:5.5rem;
		line-height:5.8rem;
		color:#c82d2d;
}


#birthday h2{
	color:#c82d2d;
	font-family: aw-conqueror-inline, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:2rem;
	line-height: 2.5rem;
}

.mb-40{
	margin-top:40px;
}


/* SMALL und medium */
@media only screen and (max-width: 67.74rem) {
	.birthday-bg-mobil{
		background-color:#e5d7d7;
		padding:25px;
	}
	
	#birthday h1{
		font-size:3.5rem;
		line-height:3.8rem;
		margin-top:0px;
	}
}