@CHARSET "UTF-8";

/************************************************************************************************/
/* CONTENT */
body,html{
 	margin: 0;
 	padding: 0;
 	background: #FFF;
}


#externalContentWrapper{
	position: relative;
	display: block;
	width: 96%;
	padding: 2%;
	background: #FFF;
}

/************************************************************************************************/
/* OVERALL */
.samsungShopLP{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	font-family: "SamsungOneLite", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #010101;
}

.samsungShopLP section{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 25px;
	clear: both;
	float: none;
}

.samsungShopLP section .sectionContentContainer{
	position: relative;
	display: block;
	width: 100%;
	background-color: #FAFAFA;
	background-color: #EEE;
}

.samsungShopLP h1,
.samsungShopLP h2,
.samsungShopLP ul,
.samsungShopLP ol,
.samsungShopLP p{
	margin: 0;
	padding: 0;
	font-weight: 300;
}

.samsungShopLP ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.samsungShopLP .clear{
	position: relative;
	display: block;
	clear: both;
	float: none;
}

.samsungShopLP a img{
	border: 0;
	outline: none;
}

.samsungShopLP ul li strong,
.samsungShopLP ol li strong,
.samsungShopLP p strong{
	font-family: "SamsungOneRegular", sans-serif;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.samsungShopLP a{
	color: inherit;
	text-decoration: underline;
}
.samsungShopLP a:hover{
	text-decoration: none;
}

.samsungShopLP h2{
	padding-bottom: 15px;
	font-family: "SamsungSharpSansBold", sans-serif;
	font-size: 2em;
	line-height: 120%;
	color: #000;
}

/* BUTTON */
.samsungShopLP .ctaButton{
	position: relative;
	display: block;
	margin-top: 25px;
}
.samsungShopLP .ctaButton a{
	position: relative;
	display: inline-block;
	padding: 15px 25px;
	font-size: 1.188em;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background: #006CC1;
	background: #1428A0;
	transition: background 0.2s;
}

.samsungShopLP .ctaButton a:hover{
	background: #00B0EB;
}

/* BUTTON - MULITPLE */
.samsungShopLP .ctaButtons{
	position: relative;
	display: table;
	margin-top: 25px;
	border-collapse: separate;
  	border-spacing: 20px 0;
  	margin-left: -20px;
}
.samsungShopLP .ctaButtons .ctaButtonRow{
	position: relative;
	display: table-row;
	width: 100%;
}
.samsungShopLP .ctaButtons .ctaButton{
	position: relative;
	display: table-cell;
	width: 50%;
}
.samsungShopLP .ctaButtons .ctaButton a{
	display: block;
	width: 100%;
	padding: 15px 5px;
	margin-top: 10px;
}

.samsungShopLP .ctaButtons.threeButtons .ctaButton{
	width: 33.3333%;
}
.samsungShopLP .ctaButtons.fourButtons .ctaButton{
	width: 25%;
}



/******************************************************************************/
/* ONE COLUMN */
.samsungShopLP section.oneColumn .sectionContentContainer{
	position: relative;
	display: block;
	width: 100%;
	margin: auto;
}
.samsungShopLP section.oneColumn .sectionContentInner{
	position: relative;
	display: block;
	width: 98%;
	padding: 2% 1%;
}



/******************************************************************************/
/* TWO COLUMNS */
.samsungShopLP section.twoColumns .sectionContentInner{
	position: relative;
	display: table;
	width: 100%;
	margin: auto;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}
.samsungShopLP section.twoColumns .sectionContentElement{
	display: table-cell;
	width: 50%;
	padding: 1%;
	vertical-align: middle;
}

/* IMAGE */
.samsungShopLP section.twoColumns .sectionContentElement.contentImage{
	text-align: center;
}
.samsungShopLP section.twoColumns .sectionContentElement.contentImage img{
	max-width: 100%;
	margin: auto;
}
.samsungShopLP section.twoColumns .sectionContentElement.contentImage.noPadding{
	padding: 0;
	text-align: right;
}
.samsungShopLP section.twoColumns .sectionContentElement.contentImage.noPadding img{
	display: block;
	width: 100%;
	max-width: none;
}

.samsungShopLP section img.responsiveImage{
	max-width: 100%;
	display: none !important;
}


/******************************************************************************/
/* TWO TILES */
.samsungShopLP section.twoColumns.twoArticle,
.samsungShopLP section.twoColumns.threeArticle{
	display: table;
	border-collapse: separate;
  	border-spacing: 5px 0;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentContainer,
.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.samsungShopLP section.twoColumns.twoArticle .sectionContentInner{
	display: block;
	width: 100%;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentElement{
	display: block;
	width: 96%;
	padding: 2%;
}
.samsungShopLP section.twoColumns.threeArticle .sectionContentElement{
	display: block;width: 94%;
	padding: 3%;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentElement.contentImage,
.samsungShopLP section.twoColumns.threeArticle .sectionContentElement.contentImage{
	padding: 0;
	width: 100%;
	vertical-align: bottom;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentElement.contentImage img,
.samsungShopLP section.twoColumns.threeArticle .sectionContentElement.contentImage img{
	display: block;
	width: 100%;
	max-width: none;
}

/***************************************/
/* TWO TILES - ONE BIG */
.samsungShopLP section.twoColumns.bigArticleLeft,
.samsungShopLP section.twoColumns.bigArticleRight{
	border-spacing: 5px 0;
}
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentElement.contentImage img,
.samsungShopLP section.twoColumns.bigArticleRight .sectionContentElement.contentImage img{
	width: auto;
	max-width: 100%;
}

/* TWO TILES - LEFT BIG */
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:nth-child(1){
	width: 66.6666%;
}
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:nth-child(2){
	width: 33.3333%;
}

/* TWO TILES - LEFT BIG - PADDING CORRECTION */
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:first-child .sectionContentElement{
	width: 94%;
	padding: 3%;
	
	width: 96%;
	padding: 2%;
}
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:first-child .sectionContentElement.contentImage{
	width: 100%;
	padding: 0;
}
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:last-child .sectionContentElement{
	width: 88%;
	padding: 6%;
	
	width: 94%;
	padding: 3%;
}
.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:last-child .sectionContentElement.contentImage{
	width: 100% !important;
	padding: 0 !important;
}

/* TWO TILES - RIGHT BIG */
.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:nth-child(1){
	width: 33.3333%;
}
.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:nth-child(2){
	width: 66.6666%;
}
/* TWO TILES - RIGHT BIG - PADDING CORRECTION */
.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:first-child .sectionContentElement{
	width: 88%;
	padding: 6%;
	
	width: 94%;
	padding: 3%;
}
.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:first-child .sectionContentElement.contentImage{
	width: 100%;
	padding: 0;
}

/******************************************************************************/
/* THREE TILES */
.samsungShopLP section.twoColumns.threeArticle{
  	border-spacing: 12px 0;
}
.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer{
	width: 33.3333%;
}

/******************************************************************************/
/* SMALL TEASER - SIDE BY SIDE */
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentInner{
	display: table;
	height: 100%;
}
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement{
	display: table-cell;
	vertical-align: middle;
}
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.contentImage{
	text-align: center;
	vertical-align: middle;
}
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.contentImage img{
	width: auto;
	max-width: 100%;
}



/******************************************************************************/
/* NAV */
.samsungShopLP header nav{
	position: relative;
	display: table;
	width: 100%;
	background: #0067B2;
	background: #1428A0;
}
.samsungShopLP header nav .navElement{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.samsungShopLP header nav .navElement.logo{
	text-align: right;
}
.samsungShopLP header nav .navElement.logo a{
	padding: 15px 20px;
}
.samsungShopLP header nav .navElement.logo a img{
	vertical-align: top;
}

.samsungShopLP header nav ul{
	position: relative;
	display: block;
	width: 100%;
}
.samsungShopLP header nav ul li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.samsungShopLP header nav ul li a{
	position: relative;
	display: block;
	padding: 15px 10px;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	transition: background-color: 0.2s;
}
.samsungShopLP header nav ul li a .arrow{
	position: absolute;
	display: none;
	width: 0; 
	height: 0;
	margin-left: -40px;
	bottom: -13px;
	left: 50%;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 13px solid #00B0EB;
	z-index: 2;
}

.samsungShopLP header nav ul li a.active,
.samsungShopLP header nav ul li a:hover{
	background-color: #00B0EB;
}
.samsungShopLP header nav ul li a.active .arrow,
.samsungShopLP header nav ul li a:hover .arrow{
	display: block;
}


/* FIXED */
.samsungShopLP header nav #menuButton{
	position: relative;
	display: none;
	padding: 2% 4%;
}

/* FIXED */
.samsungShopLP header nav.fixed ul{
	position: fixed;
	display: none;
	width: 100%;
	background-color: #0067B2;
	background-color: #1428A0;
	border-top: 1px solid #FFF;
	z-index: 2;
}
.samsungShopLP header nav.fixed ul li{
	display: block;
	width: 100%;
}
.samsungShopLP header nav.fixed #menuButton{
	display: block;
}
.samsungShopLP header nav.fixed #menuButton img{
	vertical-align: middle;
}

.samsungShopLP header nav.fixed ul li a.active .arrow, 
.samsungShopLP header nav.fixed ul li a:hover .arrow{
	display: none;
}





/************************************************************************************************/
/* OVERWRITES */
/************************************************************************************************/

/* OVERWRITES - EXTRA CLASSES */
.samsungShopLP section .sectionContentContainer.whiteText h2,
.samsungShopLP section .sectionContentContainer.whiteText p{
	color: #FFF;
}

.samsungShopLP section .sectionContentContainer .sectionContentElement.alignToBottom{
	vertical-align: bottom;
}

.samsungShopLP section .sectionContentContainer.interalTeaser .sectionContentElement.contentImage{
	padding: 1% 2%;
	text-align: right;
}
.samsungShopLP section .sectionContentContainer.interalTeaser .sectionContentElement.contentImage img{
	display: inline-block;
	margin: 0;
}


.samsungShopLP section .sectionContentContainer .sectionContentElement.fullScreenImage,
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.fullScreenImage{
	padding: 0;
}
.samsungShopLP section .sectionContentContainer .sectionContentElement.fullScreenImage img,
.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.fullScreenImage img{
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
}



/* OVERWRITES - LAYOUT FIX */
.samsungShopLP section.twoColumns.twoArticle,
.samsungShopLP section.twoColumns.threeArticle{
	display: flex;
	border-spacing: 0;
	border-collapse: collapse;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentContainer,
.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer{
	display: inline-block;
	margin-right: 25px;
	left: auto !important;
	right: auto !important;
}
.samsungShopLP section.twoColumns.twoArticle .sectionContentContainer:last-child,
.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer:last-child{
	margin-right: 0;
}

.samsungShopLP section.twoColumns.twoArticle.bigArticleLeft .sectionContentContainer:first-child{
	padding-right: 25px;
}


/* BUTTON AT THE BOTTOM */
.samsungShopLP .buttonToBottom .ctaButton,
.samsungShopLP .buttonToBottom .ctaButtons{
	position: absolute;
	bottom: 4%;
}
.samsungShopLP .buttonToBottom .ctaButtons .ctaButton{
	position: relative;
	bottom: auto;
}

.samsungShopLP .threeArticle .buttonToBottom .ctaButton,
.samsungShopLP .threeArticle .buttonToBottom .ctaButtons{
	bottom: 2%;
}

.samsungShopLP .buttonToBottom p:last-of-type{
	margin-bottom: 35px;
	margin-bottom: 75px;
}
.samsungShopLP .buttonToBottom.twoButtonRows p:last-of-type{
	margin-bottom: 150px;
}



/************************************************************************************************/
/* BACKGROUND IMAGES */
/************************************************************************************************/
.tablets_tabs2{
	background: url('../images/tablets/galaxy-tab-s2_bg.jpg') no-repeat right center transparent;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.tablets_tabs2-audio .sectionContentElement.contentImage img{
	display: none !important;
}

.tablets_tabA{
	background: url('../images/tablets/galaxy-tab-a_bg.jpg') no-repeat right center transparent;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.zubehoer_level{
	background: url('../images/zubehoer/level-over_bg.jpg') no-repeat left center transparent;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.it_drucker{
	background: url('../images/it-produkte/drucker_bg.jpg') no-repeat right center transparent;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.tv_curvedSoundbars{
	background: url('../images/tv_audio-video/curved-soundbars.jpg') no-repeat right center transparent;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.tv_36-audio{
	background: #000;
}



/************************************************************************************************/
/* MEDIA QUERIES */
/************************************************************************************************/

/* everything below 1130 */
@media screen and (max-width: 1130px) {
	.samsungShopLP{
		font-size: 14px;
		line-height: 20px;
	}
}

/* everything below 1105 */
@media screen and (max-width: 1105px) {
	.samsungShopLP header nav ul li a.active .arrow,
	.samsungShopLP header nav ul li a:hover .arrow{
		display: none;
	}
}

/* everything below 1024 */
@media screen and (max-width: 1024px) {
	.tv_36-audio{
		background: url('../images/tv_audio-video/wireless-360-lautsprecher.jpg') no-repeat right top #000;
		-webkit-background-size: contain;
	  	-moz-background-size: contain;
	  	-o-background-size: contain;
	  	background-size: contain;
	}
	.tv_36-audio .sectionContentElement.contentImage img{
		display: none !important;
	}
}


/* everything below 800 */
@media screen and (max-width: 800px) {
	.samsungShopLP section.twoColumns.twoArticle, 
	.samsungShopLP section.twoColumns.threeArticle{
		display: block;
	}
	.samsungShopLP section.twoColumns.twoArticle .sectionContentContainer, 
	.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer,
	.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:nth-child(1),
	.samsungShopLP section.twoColumns.twoArticle .sectionContentContainer:last-child, 
	.samsungShopLP section.twoColumns.threeArticle .sectionContentContainer:last-child{
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}
	.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:nth-child(1){
		display: block;
		width: 100%;
	}
	.samsungShopLP section.twoColumns.twoArticle .sectionContentInner,
	.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentInner{
		display: block;
	}
	.samsungShopLP section.twoColumns.twoArticle .sectionContentElement,
	.samsungShopLP section.twoColumns .sectionContentElement,
	.samsungShopLP section.twoColumns.threeArticle .sectionContentElement,
	.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:first-child .sectionContentElement,
	.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:last-child .sectionContentElement,
	.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement{
		display: block;
		width: 96% !important;
		padding: 2%;
	}
	.samsungShopLP section.twoColumns.twoArticle .sectionContentElement.contentImage,
	.samsungShopLP section.twoColumns.threeArticle .sectionContentElement.contentImage,
	.samsungShopLP section .sectionContentContainer .sectionContentElement.fullScreenImage, 
	.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.fullScreenImage,
	.samsungShopLP section.twoColumns .sectionContentElement.contentImage.noPadding{
		display: block;
		width: 100% !important;
		padding: 0 !important;
	}
	
	/* HIDE IMAGES */
	.samsungShopLP section.twoColumns .sectionContentElement.contentImage img,
	.samsungShopLP section.twoColumns .sectionContentElement.contentImage.noPadding img,
	.samsungShopLP section .sectionContentContainer.interalTeaser .sectionContentElement.contentImage img,
	.samsungShopLP section.twoColumns.twoArticle .sectionContentElement.contentImage img,
	.samsungShopLP section.twoColumns.threeArticle .sectionContentElement.contentImage img{
		display: none;
	}
	.tablets_tabs2,
	.zubehoer_level,
	.tv_curvedSoundbars,
	.tv_36-audio,
	.it_drucker{
		background-image: none;
	}
	.samsungShopLP section .tv_curvedSoundbars{
		background-color: #000;
	}
	
	.samsungShopLP section .tv_36-audio{
		background-color: #000002 !important;
	}
	
	
	
	/* SHOW RESPONSIVE ALTERNATIVE IMAGE */
	.samsungShopLP section img.responsiveImage,
	.samsungShopLP section .sectionContentContainer .sectionContentElement.fullScreenImage img.responsiveImage, 
	.samsungShopLP section .sectionContentContainer.sideBySide .sectionContentElement.fullScreenImage img.responsiveImage{
		display: block !important;
	}
	
	.samsungShopLP .buttonToBottom p:last-of-type,
	.samsungShopLP .buttonToBottom.twoButtonRows p:last-of-type{
		margin-bottom: 15px;
	}
	.samsungShopLP .buttonToBottom .ctaButton,
	.samsungShopLP .buttonToBottom .ctaButtons{
		position: relative;
		bottom: auto;
	}
}

/* everything below 650 */
@media screen and (max-width: 650px) {
	/* OVERALL */
	.samsungShopLP section.twoColumns.twoArticle .sectionContentElement, 
	.samsungShopLP section.twoColumns .sectionContentElement, 
	.samsungShopLP section.twoColumns.threeArticle .sectionContentElement, 
	.samsungShopLP section.twoColumns.bigArticleRight .sectionContentContainer:first-child .sectionContentElement, 
	.samsungShopLP section.twoColumns.bigArticleLeft .sectionContentContainer:last-child .sectionContentElement{
		padding-top: 4%;
		padding-bottom: 4%;
	}
	
	.samsungShopLP section.twoColumns .sectionContentElement.contentImage{
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* everything below 450 */
@media screen and (max-width: 450px) {
	/* OVERALL */
	.samsungShopLP{
		font-size: 12px;
		line-height: 18px;
	}
	
	/* BUTTONS */
	.samsungShopLP .ctaButtons{
		display: table;
		width: 100%;
		margin-left: -15px;
		border-spacing: 15px 0;
	}
	.samsungShopLP .ctaButtons .ctaButton{
		display: table-cell;
		margin: 0 10px 10px 0;
	}
	.samsungShopLP .ctaButtons .ctaButton a{
		margin-top: 0;
	}
}


/* everything below 400 */
@media screen and (max-width: 400px) {
	/* BUTTONS */
	.samsungShopLP .ctaButtons{
		display: block;
		width: 100%;
		margin-left: 0;
		border-spacing: 0 0;
	}
	.samsungShopLP .ctaButtons .ctaButton,
	.samsungShopLP .ctaButtons.threeButtons .ctaButton,
	.samsungShopLP .buttonToBottom .ctaButton, 
	.samsungShopLP .buttonToBottom .ctaButtons{
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.samsungShopLP .ctaButton a,
	.samsungShopLP .ctaButtons .ctaButton a{
		display: block;
		width: auto;
	}
}