@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic,PT+Mono&display=swap');


/* COLOR Active: #9a9b47
COLOR second: #996430
*/

body{
	font-family: 'Pt Sans', sans-serif;
	font-size: 16px;
	margin-top: 40px;
	height: calc(100% - 40px);
	
	/* ROBIN */
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;

}



body {
	overflow-x: hidden;
-webkit-transition: height 0.3s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -moz-transition: height 0.3s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -ms-transition: height 0.3s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -o-transition: height 0.3s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  transition: height 0.3s cubic-bezier(1.0, 0.3, 0.3, 1.0)s;  
}


/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

.moblogo {
    margin-top: -22px;
    margin-bottom: -12px;
}

div.moblogo img {
	width: 250px;
}

#menuToggle
{
  display: block;
  position: relative;
  padding-top: 15px;
  padding-left: 15px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
	overflow: hidden;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 4px;
  left: 1px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}
.logo{width: 220px;}
/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
    width: 24px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #333;
    border-radius: 0px;
    z-index: 1;
    transform-origin: 1px 0px;
	transition: transform 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0),
                opacity 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0);
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #333;
	transition: transform 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0);
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: relative;
 /* width: 100%;*/
  margin: 0 0 0 0;
  padding:0;
  padding-top: 40px;
  margin-left: -15px;
  margin-top: -45px;
  margin-bottom: 22px;
  color:#fff;
  background: none;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(0, -100%);
  
  transition: transform 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0),
	  		  background 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0),
	  		  color 0.4s cubic-bezier(1.0, 0.3, 0.3, 1.0);
	
	overflow:hidden;
	max-height: 0;
	  -webkit-transition: max-height 0.1s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -moz-transition: max-height 0.1s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -ms-transition: max-height 0.1s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  -o-transition: max-height 0.1s cubic-bezier(1.0, 0.3, 0.3, 1.0); 
  transition: max-height 0.1s cubic-bezier(1.0, 0.3, 0.3, 1.0)s;  
}



/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
    transform: translate(0, 0);
    background: #fff;
    color: #333;
    position: relative;
	max-height: 10000px;
	
}

.noscroll {
    position: relative;
    overflow: unset;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

nav#mobileonly {
    display: none;
}

nav#desktop {
    display:inherit;
}

/*
END OF MOBILE NAV
END OF MOBILE NAV
END OF MOBILE NAV
END OF MOBILE NAV
END OF MOBILE NAV
END OF MOBILE NAV
END OF MOBILE NAV
 */

 .spalte12 {
    width: 45%;
    float: left;
    margin-right: 35px;
}

.spalte34 {
   
    margin-right: 35px;
}

.spalte34 img{
   max-height: auto;
   height: 300px;;
}
.spalte-container {
	display: flex;
	margin-bottom: 25px;;
}
 a.next {
    margin-right: 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.85em;
 }

 a.next:hover {
	color:#9a9b47;
		}

 .boxes {
    float: right;
}

 .boxes ul li {
    float: left;
    padding-bottom: 7px !important;
    padding-top: 3px !important;
}

 .box {
    height: 10px;
    width: 18px;
    border: 1px solid #000;
    margin-left: 8px;
	background: #f2f2f2;
	transition: 200ms background ease-in;
}

.box:hover{
background: #9a9b47;
transition: 200ms background ease-in;

}
.subnav .box {
 margin-top: 4px;
}

.active .box{
	background: #9a9b47; 
	
}

.boxes ul{
clear: both;
}



button{
	cursor: pointer;
	background-color: #9a9b47;
	color: white;
	font-weight: bolder;
	border: none;
	-webkit-appearance: none;
}

a{
	text-decoration: none;
	color: #000;
	font-weight: 600;
}

a:hover{ font-weight: 600;  }

.active{ font-weight: 600 !important; color: #9a9b47; }

article{
	padding: 20px 0 0 302px;
	max-width: 735px;
}

	article p{
		/*clear: both;*/
		max-width: 720px;
		margin-bottom: 10px;
	}

ul.subnav li a {font-weight: 400}


footer{
	clear: both;
	margin-left: 302px;
	padding-top: 30px;
	width: 700px;
	display: block;
}

b, strong{
	font-weight: 700;
}

	footer ul{
		margin: 0;
		width: 720px;
		text-align: center;
		border-top: 1px solid #333;
	}

	footer li{
		float: left;
		line-height: 40px;
		margin-right: 20px;
	}


#footer-menu li a{
		color:#333;
		font-weight:700;
	}


	footer li img{ width: 100%; }

h2{
	font-size: 1.5em;
	font-weight: 600;
	padding-top: 24px;
	float: left;
	text-transform: lowercase;
/*	width: 177px;
	height: 50px;
	float: left;
	margin: 10px 0 35px 0;*/
}
h2.ease{margin-top:-24px;}

.article-terms h2{
	float: none; 
	margin-bottom:30px;
}

h3 {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.5em;
	padding-bottom: 10px;
	padding-top: 15px;
}

header{
	width: 100%;
	height: 416px;
	padding: 0 30px;
	min-height: 394px;
	background-color: #d4d4d4;
}

i{
	text-decoration: underline;
}

iframe{
	width: 100%;
	max-width: 700px;
	max-height: 394px;
	margin-bottom: -3px;
	border: solid 1px white;
}

nav{
	width: 250px;
	text-align: right;
	padding-top: 30px;
	margin-right: 20px;
	float: left;
}

table{
	width: 100%;
	border: solid 1px #c1c1c1;
	text-align: left;

}
.article-terms table {
	margin-top: 30px;
	margin-bottom: 15px;
}

.article-terms table tr:first-of-type{ border-bottom: solid 1px #c1c1c1;}

.articleterms td, th{
	padding: 5px 5px;
}

.article-terms table tr td:first-of-type{padding-left: 20px !important;}

.article-terms table tr td {
    padding: 10px;
    border-right: 1px solid #ccc;
}

.article-terms table tr {
    border-bottom: 1px solid #ccc;
}

ul{
	font-weight: 300;
	letter-spacing: none;
}

video{
/*	width: 700px;
	height: 394px;*/
	border: solid 1px white;

}



#actual-section{
	color: #9a9b47;
}

#article-img{
	float: left;
	position: relative;
	border: solid 10px #9a9b47;
/*	width: 702px; */
	height: 396px; 
	background: #fff;
}


#article-img.textpage{
	height: auto;
	
}
	#article-img img{
		border: solid 1px white;
		max-height: 394px;
	}

	#article-img .slide {
		border: solid 1px #fff;
		max-height: none;
	}

	.topology {width: 702px;}

	.infotext {
		
		position: absolute;
		margin-left: 420px;
		margin-top: 50px;
		margin-right: 85px;
		
	}
	.infotext h4{
		
		font-size: 16px;
		font-weight: 600;
		display: flex;
	
	}

	a.rslides_nav {
		top: 13px;
		position: relative;
		text-align: left;
		/*left: 668px;*/
		margin-right: 15px;
		font-size: 1em;;
	}

	a.rslides_nav:hover {
color:#9a9b47;
	}

	.rslides_cap {
		top: -10px;
		position: relative;
		text-align: left;
		left: 462px;
		margin-right: 15px;
		font-size: 14px;
		width: 200px;
	}

	.rslides_tabs li{
		float: left;
		top: -10px;
		position: relative;
		text-align: left;
		margin-right: 10px;
	}

	.rslides_here a{
		color:#9a9b47;
			}

.infotext h3:after {

    background-image: url(../base4-chair/images/1loop.svg);
    margin: 5px 0 0 10px;
    background-size: 30px 16px;
    display: inline-block;
    width: 30px;
    height: 14px;
    content: "";
}

.tag {
				width: 37px !important;
				display: inline;
  margin: 0 0.125em;
  padding: 0;
  vertical-align: baseline;
			}
#terms{
	width: 100%;
}

	#terms li{
/*		width: 20%;
		padding: 10%;
		margin: 5%;*/
		text-align: center;
		float: left;
		background-color: #d4d4d4;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
	}

#thumbnails{
	float: right;
	margin: 0;
}

#thumbnails2{
	float: right;
	margin: 0;
}
	#thumbnails li{
		margin: 0;
		float: left;
		margin-right: 15px;
	}

	#thumbnails li img{
		border: solid 4px #996430;
		width: 70px;
	}

	#thumbnails2 li img{
		border: solid 4px #996430;
		width: 140px;
	}
	#thumbnails2 li{
		margin: 0;
		float: left;
		margin-right: 30px;
	}

#thumbnail-selected{
	border-color: #9a9b47 !important;
}

.article-terms{
	width: 660px;
	height: 650px !important;
	margin-top: -40px;
	padding: 40px 20px;
	background-color: white;
	overflow-y: scroll;
	border-top: none !important;
	border-bottom: none !important;
}

	.article-terms p{
		margin: 0 0 20px 0;
		
		
	}

	.article-terms img {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.article-terms table.jump img {
		margin-top: 0;
		margin-bottom: 0;
	}


.button-slideshow{
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
	width: 32px;
	height: 32px;
	border: none;
	outline: none;
}
.button-slideshow-right{
	right: 0%;
}

	.button-slideshow:hover{
		background-color: #996430;
	}

.slides img{
	width: 100%;
	height: 100%;
	max-width: 700px;
	max-height: 376px;
	
}

img.icon {
    margin: 0 !important;
    float: left;
	width: 70px;
	border: 1px solid #9a9b47 !important;
	margin-right:20px !important; 
	padding:0px !important; 
	margin-bottom:20px !important;
}

.downloads {
	clear: both;
	margin-bottom: 15px;
}

.slidercontent {
    width: 100%;
    height: 100%;
    position: absolute;

}

.slidercontent h4{
	padding-top: 20px;
	padding-left:30px;
	font-weight: 500;
}

.slidericons{
	position: absolute;
	right: 0;
	margin-top: -30px;
}
.slidericons img {
    width: 60px !important;
	margin-right: 15px;
}

.slidercontent .leftside{
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 15px;
margin-left: 30px;
font-size: 0.85em;
font-style: italic;
}

.slidercontent .rightside{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 15px;
	margin-right: 30px;
	font-size: 0.85em;
font-style: italic;
	}


/****************** CURRENCY SCRIPT ************************/
#close-currency{
	display: none;
	width: 350px;
	height: 200px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -515px;
	margin-top: -130px;
	color: red;
}

#gcw_mainFX27FywjK{
	display: none;
	width: 350px;
	height: 180px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -110px;
	padding: 5px;
	font-size: 80%;
	background-color: #f1f1f1;
	border: solid 8px rgba(0, 0, 0, .7);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.gcw_headerFX27FywjK{
	background-color: #9a9b47 !important;
	color: white;
	font-weight: bold;
}

.gcw_sourceFX27FywjK{
	display: none;
}

.onlymobile {
	display: none;
}

/* ROBIN */

ul.subnav  {
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	clear: both;
}


ul.subnav li {
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	line-height: 1em;
}

ul#product-list li {
	
	padding-bottom: 3px;
	padding-top: 15px;
}

.mainnav {letter-spacing: 2px;
font-size: 18px
}

#product-list{
	font-weight: 700;
	margin: 0;
	margin-top: 25px;
}


article p:first-of-type {
	clear: both;
	padding-top:25px;
	
	
}


ul.list-content {
  padding: 0;
  margin: 0;
	margin-bottom: 25px;
	counter-reset: foo;
    display: table;
	
}

.list-content li {
    list-style: none;
    counter-increment: foo;
    display: table-row;
}

.list-content li::before {
    content: "-";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}

 .jump tr img {height:50px;}

.jump td, th {
    padding: 10px;
    border-right: 1px solid #ccc;
	vertical-align: middle;
}

.jump tr {
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
}



.gallery img {margin-bottom: 10px;}
.gallery h3 {margin-top: 25px; margin-bottom: 0;}
.article-terms .gallery p {margin-top:0;}

.gallery-container {
    margin-bottom: 40px;
	height: 355px;

}


.gallery-images {
    width: 645px;
    float: none;
    
	
	
}

.gallery-left {
	float: left;
	width: 250px;
	position: relative;
	transition: all ease-in-out 400ms;
}

.gallery.outdoor .gallery-left img{
	margin-left: -9px;
}

.gallery.outdoor .gallery-right img{
	margin-left: -10px;
}

.gallery.indoor .gallery-left img{
	margin-left: -4px;
}

.gallery.indoor .gallery-right img{
	margin-left: -3px;
}



.gallery-right {
    float: left;
    margin-left: 60px;
	position: relative;
	margin-bottom:0px;
	transition: all ease-in-out 400ms;
}
.gallery-right img{
	margin-top: 30px;
	width: 200px;
	height: auto;
	transition: all ease-in-out 400ms;
}


.gallery-right img:hover{
	margin-left: -5px;
	width: 250px;
height: auto;
transition: all ease-in-out 400ms;
margin-top:-10px;
}



.gallery-left img{
	
	width: 230px;
	height: auto;
	transition: all ease-in-out 400ms;
}


.gallery-left img:hover{
	
	width: 250px;
height: auto;
transition: all ease-in-out 400ms;

}
.indoor .gallery-left img{
	
	width: 250px;
}
.indoor .gallery-left img:hover{
	
	width: 270px;
}
.indoor .gallery-right img{
	
	width: 220px;
}

.indoor .gallery-right img:hover{
	
	width: 260px;
}

.label-left{
	position: absolute;
	top:315px;
	
}

.label-right{
	position: absolute;
	top:315px;
	
}

#feltpadding.label-left{
	position: absolute;
	top:292px;
}
#feltpadding.label-right{
	position: absolute;
	top:292px;
	left: 128px;
}
.small a {
	font-size: 0.75em;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 15px;
}



.back-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
		border-left: 1px solid red;
	
}

.container { margin: auto; }

.rect-outer { position: relative; }

.rect-outer .rect-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	border-right: 1px solid red;
}

.section-intro .container {
  max-width: 702px;
  margin: 0;
}

.section-intro .photo-slider-wrap { position: relative; }

.section-intro .slider-arrow {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
  font-size: 30px;
  z-index: 3;
  transition: 1s;
  cursor: pointer;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
	
}

.section-intro .slider-arrow:hover { background: rgba(0, 0, 0, 0.8); }

.section-intro .slider-arrow.slide-next { right: 20px; }

.section-intro .slider-arrow.slide-prev { left: 20px; }

.section-intro .photo-slider {
  width: 702px;
  height: 394px;
  position: relative;
	
}

.section-intro .photo-slider .caption {
  font-size: 16px;
  color: white;
  transition: 1s;
  font-weight: 700;
  text-transform: uppercase;
}

.section-intro .photo-slider > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0;

}

.section-intro .photo-slider > div.active {
  z-index: 3;
  opacity: 1;
}

.section-intro .photo-slider > div.prev .caption {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.section-intro .photo-slider > div.next {
  z-index: 2;
  opacity: 1;
}

.section-intro .photo-slider > div.next .caption {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.section-intro .photo-slider-thumb {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-intro .photo-slider-thumb .caption {
  color: white;
  transition: 1s;
}

.section-intro .photo-slider-thumb > div {
  width: 25%;
  height: 150px;
  position: relative;
  z-index: 2;
  cursor: pointer;
		border-left: 1px solid red;
	border-right: 1px solid red;
}

.back-img.next img, .back-img.active img {

	transition:1s;
		border-left: 1px solid red;
	border-right: 1px solid red;
}

 @media (max-width: 700px) {

.section-intro .photo-slider-thumb > div { width: 50%; }
}

.section-intro .photo-slider-thumb > div:hover > div:before { opacity: 1; }

.section-intro .photo-slider-thumb > div > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 10px;
		border-left: 1px solid red;
	border-right: 1px solid red;
}

.section-intro .photo-slider-thumb > div > div.prev .caption {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.section-intro .photo-slider-thumb > div > div.next {
  z-index: 2;
  opacity: 1;
	border-left:3px solid #000;
}

.section-intro .photo-slider-thumb > div > div.next .caption {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.section-intro .photo-slider-thumb > div > div:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 1s;
}

.section-intro .photo-slider-thumb > div > div.next { z-index: 1; }
/* ROBIN ENDE HI */


/*********************************
    RESPONSIVE
*********************************/

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


}



@media screen and (max-width: 1025px){
html {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	
}

body {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #fff;
}
}

@media screen and (max-width: 1023px){
	
	div#article-img.textpage {
		float: none;
	}

nav#mobileonly {
    display:inherit;
}
	
	nav#desktop {
    display:none;
}
	
	nav {
		margin: 0;
		padding: 0;
	}
	
	#menuToggle{
		margin: 0 auto;
    max-width: 702px;
	}
	

	body {
		margin-top:0;
	}
	
	header {
		padding: 0;
		min-height: inherit;
	}

	article {
		padding: 20px 0 0 272px;
		max-width: 735px;
	}

	footer {
		margin-left: 272px;
	
	}
	
	ul.subnav li a {
		font-weight: 400;
		margin-right: 3px;
		margin-left: 3px;
	}

footer	ul li {
		float: none;
		
		margin-right: 10px;
		display: inline;
	}


	article{
		margin: 17px auto;
    padding: 0;
    width: 720px;
	}


	footer {
		width: 100%;
		float: none;
		left: 0;
		max-width: unset;
		position: relative;
		bottom: 0;
		margin: 0;
		background: #d4d4d4;
		
	}
	footer ul{
		
		padding: 0;
		max-width: 702px;
		float:none;
		margin:0 auto;
		left: 0;
		text-align: left;
		
	}

	footer li {
		
		text-align: left;
		margin: 0;
		margin-right: 30px;
	}

	ul li {
		margin: 0;
	}
	header{
		height: auto;
		padding: 0;
	}

	nav{
		float: none;
		text-align: center;
		width: 100%;
	}

	section{
		width: 100%;
		overflow: hidden;
		margin-bottom:40px;
	}

	ul{
		margin: 0;
	}

	ul li{
		float: none;
		margin:none;
	}

	#article-img{
		clear: both;
		 float: none; 
		text-align: left;
		margin: 0 auto;
		max-width: 702px;
	}

	.article-terms {
		width: 660px;
		height: 100% !important;
		margin-top: -40px;
		padding: 40px 20px;
		background-color: white;
		overflow-y: hidden;
		border-top: none !important;
		border-bottom: none !important;
	}
	
	/*#article-img img{
		width: 100%;
	
			border: none;
			max-height: none;
	
	}*/

	

	#article-img.slider img{
		width: auto;

	
	}
	

	#product-list{
		clear: both;
		width: 100%;
		text-align: center;
	
	}

	#product-list li{
		float: none;
		margin: 0 20px;
	}

	#thumbnails li{
		margin: 0 0 0 17px;
	}
footer{
		display: none;
	}
	
}

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

	article{
		margin: 4%;
		width: 90%;
	}

		article h2{
			width: 100%;
			margin: 0 0 5px 0;
			height: auto;

		}
	

	

	ul{
		font-size: 100%;
	}

	#article-img {
		width: auto;
		height: auto;
	}
	#article-img.home {
	float: left;
	}

	#article-img img {
    max-width: 100%;
    margin: 0 0 -7px 0;
}
#article-img video {
    max-width: 100%;
		margin: 0 0 -7px 0;
		height: auto;
}

	ul#footer-menu{
		width: 100%;
		font-size: 100%;
	}

	
	

	#thumbnails{
		width: 100%;
		text-align: center;
		margin-top: 10px;
		
	}

		#thumbnails li {
			margin: 0 17px 0 0;

  }

   .thumb-footer{
   	display: none;
   }

   .gallery-container {
    margin-bottom: 40px;
    height: auto;
    clear: both;
}

ul.subnav li a {
	font-weight: 400;
	margin-right: 3px;
	margin-left: 3px;
}

footer	ul li {
	float: none;
	margin:0;
	margin-right: 10px;
	display: inline;
}

.article-terms{
	width: 100%;
	overflow-x: hidden;
}



.gallery-right {
    float: none;
    margin-left: 0;
    position: relative;
    /* margin-bottom: 0px; */
    /* transition: all ease-in-out 400ms; */
}
.gallery-left {

	float: none;
}

.gallery-right img{
    width: 250px;
}

.label-right {
    position: relative;
	top: 0;
	font-size: 100%;
}

.label-left {
    position: relative;
    top: 0;
	font-size: 100%;
}

img.b-dics__image {
    max-width: none !important;
}
	
	.label-right, .label-left {
		font-size: 16px !important;
	}
	
	
	a.rslides_nav {
		top:inherit;
		position: absolute;
		text-align: left;
		right: 0;
		margin-right: 0;
	}


	a.rslides_nav.rslides1_nav.prev {
		padding: 15px;
		right: 30px;
	}

	a.rslides_nav.rslides1_nav.next {
		padding: 15px;
		
	}

	.infotext {
		position: relative;
		margin-left: 10px;
		margin-top: 15px;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.slidericons img {
		width: 50px !important;
		margin-right: 15px !important;
	}

}


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

	.onlymobile {
		display: block;
	}
	
	.notmobile {
		display: none;
	}
	.gallery-right {
		float: none;
		margin-left: 0;
		position: relative;
		/* margin-bottom: 0px; */
		/* transition: all ease-in-out 400ms; */
		font-size: 16px !important;
	}
	.gallery-left {
		float: none;
		font-size: 16px !important;
	}
	
	.gallery-left img {
		width: 250px !important;
	}

	.gallery-right img {
		width: 250px !important;
	}

	img.b-dics__image {
		max-width: none !important;
	}

	#article-img video {
		max-width: 100%;
			margin: 0 0 -7px 0;
			height: auto;
	}
	.label-right, .label-left {
		font-size: 16px !important;
	}

	h2 br{display: none;}

	h2.ease{margin-top:0px;}

	a.next {
		
		font-weight: 600;
		letter-spacing: 0;
		text-transform: none;
	}
	.slidercontent .leftside{
		margin-bottom: 10px;
		margin-left: 20px;
		font-size: 0.7em;
		
		}
		
		.slidercontent .rightside{
			margin-bottom: 10px;
			margin-right: 20px;
			font-size: 0.7em;
			}

	.slidercontent h4 {
		font-size: 0.85em;
		padding-top: 10px;
    	padding-left: 20px;
	}
	.slidericons img {
		width: 40px !important;
		margin-right: 7px !important;
	}
}