@charset "utf-8";
/* CSS Document */
   
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin');
   
   
/* BASE STYLE */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, #sauna-pb p {margin:0; padding:0;}
div#sauna-pb {float: left;	width: 100%; font-family:"Montserrat", arial, serif; font-size: 100%; font-style:normal; font-weight: normal; color: #000;}
div#sauna-pb b,div#sauna-pb strong {font-weight: 700;}
img {border: none;}

div#sauna-pc {float: left; width: 100%; }
div#sauna-pc a {text-decoration: none; color: #fbbc43;}
div#sauna-pc a:hover {text-decoration: none; color: #fbbc43;}
div#sauna-pc p {margin: 5px 0;}
div#sauna-pc h10 {color: #fbbc43; font-size: 1.6em;margin-top:0px !important; text-transform: uppercase; font-style:normal;}
div#sauna-pc h14 {color: #616161; font-size: 1.2em; text-transform: uppercase; font-style:normal;}
div#sauna-pc h1 { margin-top:0px !important; font-size: 1.6em !important; text-transform: uppercase; font-style:normal;}
div#sauna-pc h1, div#sauna-pc h2, div#sauna-pc h3, div#sauna-pc h4, div#sauna-pc h5, div#sauna-pc h6 {margin-bottom:30px; color: #fbbc43; font-size: 1.4em; text-transform: uppercase; font-style:normal;}
div#sauna-pc img {max-width: 100%; }

div#sauna-fc h1, div#sauna-fc h2, div#sauna-fc h3, div#sauna-fc h4, div#sauna-fc h5, div#sauna-fc h6 {color: #616161; font-size: 1.4em; margin-bottom: 40px; display: block; margin-top: 10px; }
div#sauna-fc h14 { color: #616161; font-size: 1.4em; margin-bottom: 40px; display: block; margin-top: 10px;}
div#sauna-fc .mail { font-weight: bold; font-size: 14px; text-decoration: underline; color:#000; margin-top:10px; line-height:60px}
	
/* BG MOTIVES */	
.sauna-bg1 {background:url(https://www.saunasteine.de/media/wysiwyg/icotheme/slide/DSC_2750.jpg) #2c2c2c no-repeat; background-size: 100%; height:100px; background-position:center 65%}
div#sauna-cc { margin: 0 auto; padding: 0 15px; text-align:left; background: #fff;}
.sauna-shadow1 {-webkit-box-shadow: 0px 0px 3px 3px #f1ede3; -moz-box-shadow: 0px 0px 3px 3px #f1ede3;box-shadow: 0px 0px 3px 3px #f1ede3;}
.sauna-shadow2 {-webkit-box-shadow: 0 8px 6px -6px #a7a7a7;-moz-box-shadow: 0 8px 6px -6px #a7a7a7;box-shadow: 0 8px 6px -6px #a7a7a7;}	
.sauna-shadow3 {position: relative; background-color: #fff; border-width: 1px; border-style: solid;  border-color: #ddd; border-radius: 0px; box-shadow: 0px 8px 4px -8px #cdcdcd, 0px 0px 40px #eee; }			
.sauna-small {font-size: 0.7em;}	
.clear {clear: both;}	
.sauna-rounded {	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	
.sauna-table {display: table;}
.sauna-row {display: table-row;}
.sauna-tablecell {display: table-cell;}		

/* ADDITION: TABLE STYLE */
div#sauna-pb table { width: 100%; font-size: 12px; table-layout: fixed; word-wrap:normal; border-top:1px solid #ccc; border-left:1px solid #ccc}
div#sauna-pb td {padding: 5px;border: none;vertical-align: middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
#versandkosten img { width:35%; margin-right:5px; max-width: 20px !important; }	
			
/* GRADIENTS */
.sauna-ggr-light {background: #f4f4f4;}
.sauna-ggr-color {background: #ea5b0c;}
.sauna-ggr-dark { background: #000;}
	
/* HEADER STYLE */
div#sauna-header { position: relative;}
div#sauna-hotline { top: 13px; color: #a7a7a7; text-shadow: 0px 1px 0px #fff; z-index:999;}
div#sauna-header i { font-size: 30px; color: #fbbc43; line-height: 38px;}	
ul#sauna-service { padding: 0;}	
ul#sauna-service li {display: inline-block; padding: 10px; font-size: 0.7em; vertical-align: middle; text-align: left;}
ul#sauna-service li span,ul#sauna-service li i { display: block; }
ul#sauna-service li > span { color: #666; margin-left: 10px; }	
ul#sauna-service li span > span { color: #999; }
ul#sauna-service li > a { color: #cdcdcd; }
			
/* Detaileinstellungen Kopfbereich */
/* NAVIGATIONEN */	
div#sauna-topNavi { float: left; width: 100%;  background: #e9e9e9;}
ul#sauna-n1 { float: left; list-style:none; position: relative; width: 100%; margin: 0; padding: 0; }
ul#sauna-n1 li {float: left; margin: 0; padding: 0 15px; line-height: 49px; }
ul#sauna-n1 li > a {color: #fff; text-transform:uppercase}	
ul#sauna-n1 li:hover a, ul#sauna-n1 li > a:hover {color: #fbbc43;}	
ul#sauna-n1 li.sauna-n1-search {border-right: 0 none transparent;}
ul#sauna-n1 li.sauna-n1-search:hover {background: 0 none transparent;}
ul#sauna-n1 li i {line-height:48px;}	

/* CONTENT STYLE */	
div#sauna-content {width: 100%; margin: 0;}
	
/* Detaileinstellungen Content-Bereich */
/* CONTENT WRAPPER */
div.sauna-ContainerWrapper {width: 99.9%;margin: 0 auto;}
.sauna-ContainerWrapper ul {margin: 5px;padding: 0 0 0 25px;}

/* BOX DESIGN */
/* SIDE & MIDDLE */
div.sauna-sideCol,div.sauna-middleCol,div.sauna-middleCol-l,div.sauna-middleCol-r {float: left;padding: 10px 0;}
	
div.sauna-middleCol div.sauna-middleTheme, div.sauna-middleCol div.sauna-middleContent, div.sauna-middleCol-l div.sauna-middleTheme, div.sauna-middleCol-l div.sauna-middleContent, div.sauna-middleCol-r div.sauna-middleTheme, div.sauna-middleCol-r div.sauna-middleContent {float: left;width: 100%;}
	
div.sauna-sideCol div.sauna-sideTheme,
div.sauna-sideCol div.sauna-sideContent,
div.sauna-middleCol div.sauna-middleTheme,
div.sauna-middleCol div.sauna-middleContent,
div.sauna-middleCol-l div.sauna-middleTheme,
div.sauna-middleCol-l div.sauna-middleContent,
div.sauna-middleCol-r div.sauna-middleTheme,
div.sauna-middleCol-r div.sauna-middleContent { margin: 5px 0; padding: 5px 10px;}

div.sauna-sideCol div.sauna-sideTheme,
div.sauna-middleCol div.sauna-middleTheme,
div.sauna-middleCol-r div.sauna-middleTheme,
div.sauna-middleCol-l div.sauna-middleTheme { padding-bottom: 2px; font-size: 1.0em;font-weight:bold;background: #eee;min-height: 30px; line-height: 30px;}
div.sauna-sideCol div.sauna-sideContent { padding-bottom: 20px;}
		
	div.sauna-sideTheme span,
	div.sauna-middleTheme span,
	div.sauna-fcBox div.sauna-fcTheme span {
		margin-right: 15px;
		margin-left: 5px;
		color: #fbbc43; }	
		
/* Addition: Shipping-List */
/* Addition: Payment-List */
	.sauna-sideCol ul.sauna-ship,
	.sauna-sideCol ul.sauna-pay {
		width: 100%;
		margin: 0 auto; margin-top: 10px;
		padding: 0;}
	.sauna-sideCol ul.sauna-ship li,
	.sauna-sideCol ul.sauna-pay li {list-style: none;
		display: inline-block;
		text-align:center;
		padding: 0 5px;
		opacity:1;}
		
.sauna-sideCol ul.sauna-ship li img:hover,.sauna-sideCol ul.sauna-pay li img:hover {opacity: 0.8;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}	
	
/* Addition: Flag-List */
.sauna-sideCol ul.sauna-flagList { padding: 0; margin: 0;}
.sauna-sideCol ul.sauna-flagList li {list-style: none; position: relative; padding: 4px 0 !important; margin: 1px 0 !important; }
ul.sauna-flagList img {margin-right: 3px; vertical-align: middle; height:20px;}				
.sauna-sideCol .sauna-flagList li > span {position: absolute; top: 0; right: 0; display: block;width: auto; height: 20px;margin-right: 5px; margin-top: 3px;text-align: center; line-height: 20px;}
div.sauna-middleCol div.sauna-middleTheme, 
div.sauna-middleCol div.sauna-middleContent,
div.sauna-middleCol-l div.sauna-middleTheme,
div.sauna-middleCol-l div.sauna-middleContent,
div.sauna-middleCol-r div.sauna-middleTheme,
div.sauna-middleCol-r div.sauna-middleContent {float: left;width: 100%; font-size:14px;}

/* PRODUCT INFO CONTAINER */
div.sauna-prodDetails {float: left; width: 100%;}
div.sauna-prodDetails ul.sauna-leftCol {float: left; width: 47.8%;padding-left: 0 !important;list-style: none;}
div.sauna-prodDetails .sauna-leftCol:first-child {padding-right: 12px !important;}	
div.sauna-prodDetails ul.sauna-leftCol li {list-style: none;padding: 3px 0 !important;border-bottom: 1px solid #cdcdcd;}	
ul.sauna-leftCol div.sauna-leftColTheme {padding: 5px; background: #e9e9e9; font-weight:bold;}
		
/* FUSS */
div#sauna-fc { display: inline-block; width: 100%; padding: 10px; color: #555; font-size:0.8em; line-height:1.8em; text-align: left; background-color:#e6e6e6;}

/* IMPRESSUM LINK BOX */
	
	 
 
/* CATEGORY MENU */
/* List Style Transition */
ul.categories-tree, ul.MenuSub1Item, ul.MenuSub2Item {margin: 0; padding: 0; border: 0; outline: none;}
ul.categories-tree li, ul.MenuSub1Item li, ul.MenuSub2Item li {list-style:none;}
ul.categories-tree li.MenuItem {margin: 5px 0;}
ul.categories-tree li.MenuItem > a {display:block; position: relative;
	width: 100%;
	padding: 5px 5px 5px 15px;
	background: url(gfx/icon-li-rgl-2.png) 7px 12px no-repeat #e9e9e9;
	color: #313131 !important;
	
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: 0.6s;
	-webkit-transform: 0.6s;
	-moz-transition: 0.6s;}
	ul.categories-tree li.MenuItem > a:hover,
	ul.categories-tree > li.MenuItem:hover > a,
	ul.categories-tree > li.MenuItem:target > a {
		width: 100%;
		padding: 5px 5px 5px 20px;
		background: url(gfx/icon-li-rgl-2.png) 10px 12px no-repeat #444;
		color: #ccc !important;
		
		text-shadow: none;}
	.MenuItem .MenuSub1Item li {
		padding: 2px 5px 2px 22px;
		background: url(gfx/icon-li-li-rgl-2.png) 12px 10px no-repeat;
		
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		transition: 0.6s;
		-webkit-transform: 0.6s;
		-moz-transition: 0.6s;}	
	.MenuItem .MenuSub1Item li:hover {
		padding: 2px 5px 2px 26px;
		background: url(gfx/icon-li-li-rgl-2.png) 15px 10px no-repeat #fff;}	
	.MenuItem .MenuSub1Item .MenuSub2Item {display: none;}
	
/* GALLERY */
section#sauna-gallery>div.sauna-panel-body { padding-top: 0;}
.sauna-gal-area {
    width: 100%;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: center;}

.sauna-gal-link {
    height: 50px;
    max-width: 75px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding: 3px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;}
    .sauna-gal-link>img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;}
    .sauna-gal-link:hover {
        background: #eee;
        border: 1px solid #009ec5;}

.sauna-gal {
    clear: both;
    padding: 0;
    margin-bottom: 20px;
    display: none;}
  .sauna-gal>img.sauna-img-responsive {
      max-height: 500px;
      margin: auto;
      border: 1px solid #dfdfdf;}

/* ZOOM */
.sauna-gal>img.sauna-img-responsive:hover {
    transform: scale(1.35);
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    z-index: 9999;
    position: relative;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;}
/* */

.sauna-target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;}

.sauna-gals-focus .sauna-gal-link:focus,
.sauna-gals-hover .sauna-gal-link:hover,
#gal12:target ~ a:nth-of-type(12),
#gal11:target ~ a:nth-of-type(11),
#gal10:target ~ a:nth-of-type(10),
#gal9:target ~ a:nth-of-type(9),
#gal8:target ~ a:nth-of-type(8),
#gal7:target ~ a:nth-of-type(7),
#gal6:target ~ a:nth-of-type(6),
#gal5:target ~ a:nth-of-type(5),
#gal4:target ~ a:nth-of-type(4),
#gal3:target ~ a:nth-of-type(3),
#gal2:target ~ a:nth-of-type(2),
#gal1:target ~ a:nth-of-type(1) {
    background: #ddd;}

.sauna-gals-target span[id^="gal"]:target 
~ .sauna-gal:nth-of-type(1) {display:none !important;}

.sauna-gals-target span[id^="gal1"]:target 
~ .sauna-gal:nth-of-type(1) {display:block !important;}

.sauna-gals-target span[id^="gal"]:not(:target) 
~ .sauna-gal:nth-of-type(1),
.sauna-gals-target span:nth-of-type(1):target ~ .sauna-gal:nth-of-type(1),
.sauna-gals-target span:nth-of-type(2):target ~ .sauna-gal:nth-of-type(2),
.sauna-gals-target span:nth-of-type(3):target ~ .sauna-gal:nth-of-type(3),
.sauna-gals-target span:nth-of-type(4):target ~ .sauna-gal:nth-of-type(4),
.sauna-gals-target span:nth-of-type(5):target ~ .sauna-gal:nth-of-type(5),
.sauna-gals-target span:nth-of-type(6):target ~ .sauna-gal:nth-of-type(6),
.sauna-gals-target span:nth-of-type(7):target ~ .sauna-gal:nth-of-type(7),
.sauna-gals-target span:nth-of-type(8):target ~ .sauna-gal:nth-of-type(8),
.sauna-gals-target span:nth-of-type(9):target ~ .sauna-gal:nth-of-type(9),
.sauna-gals-target span:nth-of-type(10):target ~ .sauna-gal:nth-of-type(10),
.sauna-gals-target span:nth-of-type(11):target ~ .sauna-gal:nth-of-type(11),
.sauna-gals-target span:nth-of-type(12):target ~ .sauna-gal:nth-of-type(12) {
    display: block;}
		
/** MEDIA QUERIES **/
		
@media only screen and (min-width: 1025px) {

/* BASE STYLE */
div#sauna-cc {max-width: 1390px;}	
div#sauna-header {height: 100px;}
ul#sauna-service {margin: 0;}	
ul#sauna-service li {margin-left: 20px;}
ul#sauna-service li:first-child {margin-left: 0;}

/* HEADER STYLE */
	div#sauna-logoBox {height: 100px; width: 220px;position: absolute; top: 0; left: 5px;background-position: left center !important;background-size: contain !important;background-repeat: no-repeat !important;}
	div#sauna-hotline {position: absolute; right: 0; top: 0;}
	div#sauna-hotline i {text-align: center;}	

/* CONTENT STYLE */
	.sauna-sideCol {
		width: 30%;
		right: 70%;}
	.sauna-middleCol {
		width:70%;
		left: 30%;}
	.sauna-middleCol-l {
		width: 55%;
		left: 0%;}
	.sauna-middleCol-r {
		width: 45%;
		left: 0;}	
	
	div.sauna-sideCol div.sauna-sideTheme, div.sauna-middleCol div.sauna-middleTheme {margin-right: 20px; font-size:1em; text-transform:uppercase}
	div.sauna-sideCol div.sauna-sideContent {margin-right: 20px; font-size:0.8em; line-height: 1.7em;}
	div.sauna-sideCol div.sauna-sideContent p { margin:0 0 25px 0 !important }
		
/* FOOTER */
	div.sauna-fcBox:first-child div.sauna-fcTheme {margin-right: 20px;}}

@media only screen and (max-width: 1024px) {

/* BASE STYLE */
div#sauna-cc {width: 100%;}

/* HEADER STYLE */	
	div#sauna-logoBox {height: 100px; width: 100%;background-position: center center !important;background-repeat: no-repeat !important;}
	div#sauna-hotline {width: 100%;text-align: center;}

/* CONTENT STYLE */	
	.sauna-sideCol, .sauna-middleCol, .sauna-middleCol-l, .sauna-middleCol-r {width:100%;}
	.sauna-sideCol ul.sauna-pay li, .sauna-sideCol ul.sauna-ship li { width: 32.333%; margin: 0;}}

@media only scree and (min-width: 750px) and (max-width: 1024px) {
		ul#sauna-service li i { float: left; margin: 0 10px 38px 0;}}

@media only screen and (min-width: 749px) {

/* HEADER STYLE */
	ul#sauna-service li { text-align: center;}
	ul#sauna-n1 li { font-size: 0.9em;}
	ul#sauna-n1 li.sauna-n1-search { position: absolute; right: 0; bottom: 0;}

/* CONTENT STYLE */
	div.sauna-prodDetails ul.sauna-leftCol { width: 47.8%;}
	.sauna-listBox { width: 33.33%;}	

/* CROSS SELLING */
	.sauna-crossBox > .sauna-crossContainer { float: left; width: 25%; padding: 10px;}
    .sauna-crossPic>a { display: block; text-align: center;}
    .sauna-price { text-align: center; font-size: 1.2em; font-weight: 700;}  

/* FOOTER */	
	div.sauna-fcBox.sauna-l {width: 74.99%;}
	div.sauna-fcBox.sauna-r {width: 24.99%;}}

@media only screen and (max-width: 748px) {

/* HEADER STYLE */
	ul#sauna-service { margin: 0 0 10px 0;}
	ul#sauna-service li { margin-top: 5px; text-align: center;}

	ul#sauna-n1 li { display: inline-block; font-size: 1em;}
	ul#sauna-n1 li.sauna-n1-search {margin-bottom: 10px;}

/* CONTENT STYLE */	
	.sauna-sideCol, .sauna-middleCol, .sauna-middleCol-l, .sauna-middleCol-r {width: 100%;}	
	div.sauna-prodDetails ul.sauna-leftCol { width: 100%;}
	.sauna-listBox { width: 100%;}

/* CROSS SELLING */
	.sauna-crossBox > .sauna-crossContainer { float: left; width: 100%; padding: 10px;}
	.sauna-crossPic>a { display: block; text-align: center;}
    .sauna-price { text-align: center; font-size: 1.2em; font-weight: 700;}  
	div.sauna-fcBox {width: 100%;}}

@media only screen and (max-width: 480px) {
	.sauna-service { width: 100% !important;}}