@CHARSET "UTF-8";

/*********************************
 *
 * Allgemeine CSS Formatierungen
 *
 *********************************/
a.product_shop_link {
  margin:  0 0 16px 0;
  padding: 4px 12px 4px 12px;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  background-color: rgb(91, 191, 223);
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
}

a.product_shop_link:hover {
	background-color: rgb(105, 205, 235);
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.product_shop_link .shop_logo {
	padding-top: 6px;
}

p.product_shop_banner {
  margin:  8px 0 16px 0;
  padding: 4px 12px 4px 12px;
  height:  64px;
  background-image: url('../../img/flatterband_klein.png');
  background-size: 100% 100%;
  line-height: 24px;
  font-weight: bold;  
  color: rgb(255, 255, 255);
}

/************************************
 *
 * Seitenbereich: Kategorie-Auswahl
 *
 ************************************/
section#product-tips {
	position: relative;
	overflow: visible;
	min-height: 560px;
	font-size: 14px;
}

section#product-tips > h1 {
	margin: 0 0 32px 0;
	padding: 0;
/*	max-width: 49%;*/
	min-width: 275px;
	width: 100%;
	display: inline-block;
}

section#product-tips > form.top-bar-category-selection {
	margin: 8px;
	padding: 0;
	max-width: 49%;
	min-width: 300px;
	width: 100%;
	line-height: 32px;
	text-align: right;
	display: inline-block;	
}

section#product-tips > form.top-bar-category-selection > select#category_selection {
	background-color: rgb(230, 230, 230);	
}

section#product-tips > form.top-bar-category-selection > button {
	padding: 4px;
	background-color: rgb(105, 205, 235);
	border-color: rgb(255, 255, 255);
	border-radius: 8px;
	border: none;  
	color: rgb(250, 250, 250);
	font-size: 13px;
}

nav.product-tips-menu {
	z-index: 10000;
	position: relative;
}

nav.product-tips-menu ul.navbar-channel-selection {
	font-size: 0;
	list-style: outside none none;
	margin: 0 0 -16px;
	text-align: center;
}

nav.product-tips-menu ul.navbar-channel-selection > li {
	background-color: rgb(100, 100, 100);
	border-top: 3px solid rgb(243, 145, 0);
	display: inline-block;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

nav.product-tips-menu ul.navbar-channel-selection a:HOVER,
nav.product-tips-menu ul.navbar-channel-selection a:ACTIVE {
	background-color: rgb(120, 120, 120);	
}


nav.product-tips-menu ul.navbar-channel-selection a {
  padding: 0 16px 0 16px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  display: block;
}


nav.product-tips-menu form button[name="nav"] {
	margin: 0 0 0 16px;
	padding: 2px 16px 2px 16px;
	color: rgb(255, 255, 255);
	background-color: rgb(91, 191, 223);
	border: none;
	border-radius: 4px;
	font-size: 14px;
}

nav.product-tips-menu form button[name="nav"]:HOVER {
	background-color: rgb(105, 205, 235);
}


/************************************************
 *
 * Seitenbereich: Artikel-Präsentation Allgemein
 *
 ************************************************/
p.channel_hint {
	border: 2px solid rgb(100, 100, 100);
	padding: 64px 0 64px 0;
	text-align: center;
	position: relative;
	display: block;
	min-height: 480px;
	min-height: 55vh;
}

p.thumbs_topic { margin: 32px 0 0 0; font-size: 20px; font-weight: normal; font-family: sans-serif; text-align: left; }
p.thumbs_topic:FIRST-CHILD { margin: 0; } 

p.thumbs_topic a.rk24_category_link { margin-right: -6px; padding: 0px 8px 0px 8px; font-size: 13px; color: rgb(255, 255, 255); float: right; font-size: 12px;}
p.thumbs_topic a.rk24_category_link:hover { text-decoration: none; }
p.thumbs_topic a.rk24_category_link img { padding: 2px; max-height: 22px; background-color: rgb(240, 240, 240); }

.thumbs_window { background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); }

section#product-tips figure.product {
	margin: 16px 0 16px 0;
	padding: 8px 32px 8px 32px;
	max-width: 100%;
	width: 100%;
	min-height: 560px;
	position: absolute;
	top: -16px;
	left: 0;
	border: 2px solid rgb(100, 100, 100);
	display: inline-block;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	color: rgb(51, 51, 51);
}

section#product-tips figure.product a { color: rgb(51, 122, 183); text-decoration: none; }
section#product-tips figure.product a:hover { cursor: pointer; }

a.product_shop_link {
  margin:  0 auto !important;
  padding: 0;
  border-radius: 4px;
  color: rgb(255, 255, 255) !important;
  background-color: rgb(91, 191, 223);
  vertical-align: top;
  display: block;
  text-align: center;
  /* max-width: 176px; */
  max-width: 96%;
}

a.product_shop_link > img.shop_logo {
	max-width: 128px;
}

a.product_shop_link:hover {
	background-color: rgb(105, 205, 235);
}

section#product-tips a.product_shop_link {
	max-width: 176px;
}

p.product_shop_banner {
  margin:  8px 0 16px 0;
  padding: 4px 28px 4px 4px;
  height:  48px;
  background-image: url('../img/flatterband_klein.png');
  background-size: 100% 100%;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;  
  color: rgb(255, 255, 255);
}

section#product-tips figure.product > label.sliderPreviousArticle,
section#product-tips figure.product > label.sliderNextArticle {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 100%;
	line-height: 560px;
	vertical-align: middle !important;
	text-align: center;
	font-size: 40px;
	color: rgba(240, 240, 240, 1);
	background-color: rgba(100, 100, 100, 1);
	cursor: pointer;
}

section#product-tips figure.product > label.sliderPreviousArticle:hover,
section#product-tips figure.product > label.sliderNextArticle:hover {
	background-color: rgba(120, 120, 120, 1);
	color: rgba(255, 255, 255, 1);
}

section#product-tips figure.product > label.sliderPreviousArticle { 
	position: absolute;
	top: 0;	
	left: 0;	

}

section#product-tips figure.product > label.sliderNextArticle {
	position: absolute;
	top: 0;
	right: 0;		
}

section#product-tips figure.product > figure.product_presentation {
	margin: 32px 16px 8px 16px;
	padding: 0;
	max-width: 47%;
	min-width: 200px;
	width: 100%;
	display: inline-block;
}

section#product-tips figure.product > figure.product_presentation table { max-width: 100%; }
section#product-tips figure.product > figure.product_presentation a { color: rgb(51, 51, 51); }
section#product-tips figure.product > figure.product_presentation a:hover { text-decoration: none; }

section#product-tips figure.product > figure.product_description {
	margin: 32px 16px 8px 16px;
	padding: 0;
	max-width: 45%;
	min-width: 200px;
	width: 100%;
	vertical-align: top;
	display: inline-block;	
	text-align: justify;
	line-height: 22px;
}

section#product-tips figure.product figcaption {
	margin: 0 0 16px 0;
	padding: 0 16px 0 0;
	width: 100%;
	line-height: 28px;
	font-size: 24px;
	font-weight: bold;
	vertical-align: top;
	display: block;
}

section#product-tips figure.product img.product_image {
	margin: 0 auto 0 auto;
	padding: 4px;
	max-width: 100%;
	max-height: 456px;
	width: auto;
	height: auto;
	background-color: rgb(255, 255, 255);
	border: 8px solid rgb(100, 100, 100);
	display: block;
}

section#product-tips figure.product > figure.product_description p.product_text {
	margin: 0;
	padding: 0;
	min-height: 320px;
	text-align: left;
}

section#product-tips figure.product > figure.product_description span.product_details {
  margin: 16px 0;
  display: block;  
}

section#product-tips figure.product > figure.product_description .product_pricetag {
	margin: 0;
	padding: 6px 6px 6px 24px;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0) url("../img/price_tag.png") no-repeat scroll right center / 100% 100%;
	display: inline-block;
	min-height: 40px;
	float: right;
}

ection#product-tips figure.product > figure.product_description .product_details {
	line-height: 20px !important;
}

section#product-tips figure.product > figure.product_description span.product_price {
	padding: 16px 8px 4px 8px;
	display: block;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
}

section#product-tips figure.product > figure.product_description span.product_baseprice {
	padding: 0 8px 16px 8px;
	display: block;
	line-height: 11px;
	font-size: 11px;		
}

section#product-tips figure.product > figure.product_description .product_shoplink {
	margin: 4px 0 20px 0;
	display: inline-block;
	max-width: 256px;
}

section#product-tips figure.product > figure.product_description .product_shoplink a.product_shop_link {
	padding: 4px 0 4px 0;
}

section#product-tips figure.product > figure.product_description table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

section#product-tips figure.product > figure.product_description table > thead { font-weight: bold; } 
section#product-tips figure.product > figure.product_description table > thead > tr > td { margin: 0; padding: 0; text-align: left; background-color: transparent; border: none; word-break: keep-all; }

section#product-tips figure.product > figure.product_description table > tbody > tr > td {
	padding: 0 8px 0 8px;
	border: 1px solid rgb(30, 30, 30);
	color: rgb(51, 51, 51);
}

section#product-tips figure.product > figure.product_description table > tbody > tr > td:NTH-CHILD(2n+1) {
	background-color: rgb(225, 225, 225);
	width: 48px;
	font-weight: bold;
}

section#product-footer {
  margin: 0 auto 16px auto;
  border-top: 8px solid rgb(243, 145, 0);
  text-align: center;
  background-color: rgb(240, 240, 240);
  width: 80%;
  color: rgb(51, 51, 51);
}

section#product-footer > span {
  margin: 8px 0 16px 0;
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  width: 90%;
}



/**************************************
 *
 * SlideShow - Thumbnails
 *
 **************************************/
section#slider-thumbnails {
	margin: 0 0 32px 0;
	padding: 0;
	text-align: left;
	z-index: 99999;
	opacity: .9999;
}

section#slider-thumbnails label {
	margin: 8px 16px 8px 16px;
	padding: 8px;
	width: 125px;
	line-height: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

section#slider-thumbnails label.slider-thumb-selected {
	background-color: rgb(100, 100, 100);
}

section#slider-thumbnails label:hover {
	background-color: rgb(100, 100, 100);
}
 
section#slider-thumbnails label > img.product_thumbnail {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 125px;
	line-height: 16px;
	display: block;
	box-sizing: border-box;
}


/****************************************************
 *
 * Seitenbereich: Artikel-Präsentation Widget-View
 *
 ****************************************************/
section#product-tips-widget {
	margin: auto;
	padding: 0;
	position: relative;
	width: 100%;
	font-family: 'Hind Siliguri', sans-serif;
	color: rgb(40, 40, 40);
	background-color: rgb(255, 255, 255);
	box-sizing: border-box;
	text-align: center;
}
 
section#product-tips-widget figure.product {
	margin: 0 0 0 0;
	padding: 0 2% 0 2%;
	max-width: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: left;
	display: inline-block;
	overflow: hidden;

}

section#product-tips-widget figure.product > label.sliderPreviousArticle,
section#product-tips-widget figure.product > label.sliderNextArticle {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	display: none;
}

section#product-tips-widget figure.product > figure.product_presentation {
	margin: 0 2% 0 2%;
	padding: 0;
	max-width: 96%;
	width: 100%;
	height: 320px;
	text-align: center;
	display: inline-block;
	position: relative;
}

section#product-tips-widget figcaption.product_name_widget a { color: rgb(51, 51, 51); }
section#product-tips-widget figcaption.product_name_widget a:hover { text-decoration: none; }

section#product-tips-widget figure.product > figure.product_presentation a { color: rgb(51, 51, 51); }
section#product-tips-widget figure.product > figure.product_presentation a:hover { text-decoration: none; }

section#product-tips-widget figure.product > figure.product_presentation > img {
	margin: auto;
	padding: 8px;
	max-width: 100%;
	max-height: 320px;
	width: auto;
	height: auto;
	background-color: rgb(255, 255, 255);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;	
	right: 0;
}

section#product-tips-widget figcaption.product_name {
	margin: 12px 0 16px 0;
	padding: 16px 0 0 0;
	width: 100%;
	line-height: 28px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid rgb(200, 200, 200);
	vertical-align: top;
	display: block;
}

section#product-tips-widget figcaption.product_name_widget {
	margin: 12px 0 12px 0;
	padding: 12px 0 0 0;
	width: 100%;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid rgb(200, 200, 200);
	vertical-align: top;
	display: block;
}


section#product-tips-widget a.product_shop_link {
	margin-left: 8px;
	color: rgb(255, 255, 255);
}

/**************************************
 *
 * SlideShow - Technical
 *
 **************************************/
.css-slider {
	position: relative;
}
 
section#product-tips figure.product {
	overflow: hidden;
	display: inline-block;
}
 
input.sliderControl {
	display: none;
}

input.widgetSliderControl {
	display: none;
}

input.sliderControl:checked + figure.product,
input.widgetSliderControl:checked + figure.product {
	opacity: 1;
	z-index: 9999;
	position: relative !important;
	/* visibility: visible; */
} 

figure.product {
	opacity: 0;
	z-index: 0;
	transition: opacity 1s ease-in-out;
	/* visibility: hidden; */
}

/*****************************************
 *
 * Thumbnail Design 001
 *
 *****************************************/
p.thumbs_topic {
	padding-left: 10px;
	font-size: 18px;
	color: rgb(255, 255, 255);
	background-color: rgb(100, 100, 100);
}

.thumbs_window {
	border-bottom: 1px dashed rgb(100, 100, 100);
	overflow: hidden;
}


/*****************************************
 *
 * RK24 Search Form
 *
 *****************************************/
 #rk24_search_form {
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}
 
#rk24_search_form input[type="text"] {
	padding: 5px;
	width: 200px;
	height: 25px;
	border: 1px solid rgb(220, 220, 220);	
	font: 12px Arial,Helvetica,sans-serif;
	vertical-align: middle;
	color: rgb(0, 0, 0);
	position: relative;
	top: 8px;	
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
} 
  
#rk24_search_form button {
	margin: 0;
	padding: 0;
	width: 33px;
	height: 26px;
	background: url("https://www.raumkult24.de/skin/frontend//ambimax-4.0/raumkult24-3.0/images/layout/search-button.png") 0 0 no-repeat;
	text-align: right;
	vertical-align: middle;
	border: 0;
	overflow: visible;
	cursor: pointer;
	position: relative;
	top: 9px;
}


@media (max-width: 1199px) {	
	section#product-tips figure.product > figure.product_presentation { max-width: calc(100%);}
	section#product-tips figure.product > figure.product_description  { max-width: calc(100%);}
	section#product-tips figure.product > figure.product_presentation { margin: 32px 0px 8px 0px; }
	section#product-tips figure.product > figure.product_description { margin: 32px 0px 8px 0px; }	
}

@media (max-width: 999px) {
	#rk24_search_form { top: -36px; }
}

@media (max-width: 735px) {
	section#slider-thumbnails { display: none; }	
}

@media (max-width: 539px) {	
	section#product-tips figure.product > figure.product_description > p.product_pricetag { display: none;}
	section#product-tips figure.product > figure.product_description > p.product_shoplink { margin: 4px 0 0 0;}
	section#product-tips figure.product > figure.product_presentation > figcaption { font-size: 16px; }
	nav.product-tips-menu ul.navbar-channel-selection > li { display: block; line-height: 48px; }
	section#product-tips figure.product > label.sliderPreviousArticle,
	section#product-tips figure.product > label.sliderNextArticle { color: rgb(100, 100, 100); background-color: transparent; }
}

@media (max-width: 419px) {	
	section#product-tips figure.product > figure.product_description > table { display: none;}	
}

@media (max-width: 375px) {
	section#slider-thumbnails label { margin: 8px 2px 8px 2px; }	
}