/* FRONTEND CSS
*********************************************/

@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/Roboto-Condensed-Light.woff') format('woff'),
	url('fonts/Roboto-Condensed-Light.woff2') format('woff2'),
	url('fonts/RobotoCondensed-Light.ttf') format('truetype');}

@font-face {
font-family: 'bold';

	font-display: fallback;
src: url('fonts/Roboto-Condensed-Regular.woff') format('woff'),
	url('fonts/Roboto-Condensed-Regular.woff2') format('woff2'),
	url('fonts/RobotoCondensed-Regular.ttf') format('truetype');}

@font-face {
font-family: 'black';

	font-display: fallback;
src: url('fonts/Roboto-Condensed-Bold.woff') format('woff'),
	url('fonts/Roboto-Condensed-Bold.woff2') format('woff2')
	url('fonts/RobotoCondensed-Bold.ttf') format('truetype');}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }
.fa-calendar-days::before {
  content: "\f073" !important; }
.fad.fa-calendar-days::after, .fa-duotone.fa-calendar-days::after {
  content: "\f073\f073" !important; }
.eb-header {
color:#fff !important;
	padding:15px;
	box-sizing: border-box;
	text-align: center;
    	font-family: 'bold', sans-serif;
	opacity: 1 !important;
	background-color:rgba(0,157,157,1.00) !important;
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.ttf") format("truetype"); }

.fal,
.fa-light {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300; }
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"; }
.eb-content {
	text-align:center !important;
	padding:15px;
	box-sizing: border-box;
}

.eb-content h2 {
	margin:5px 0 !important
}

.eb-content a:link,.eb-content a:visited {
	color:#fff !important;
	text-align: center;
    	font-family: 'bold', sans-serif;
	text-decoration: none;
	background-color:rgba(0,157,157,1.00) !important;padding:5px 8px !important;
}


.eb-content a:hover,.eb-content a:active {
opacity: 0.6 !important;
}



html, body {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	width:100%;
	overflow-x:hidden !important;
	  font-family: 'regular', sans-serif;
}

#contentarea {
	max-width:100%;
	width:1400px;
	margin:0 auto;
}


header {
	width:100% !important;
	position:fixed;
	top:0;
	text-align: center;
	padding:5px 10px;
	box-sizing: border-box;
	height:100px;
	max-width:1400px;
	left:50%;
	margin-left:-700px;
	background-color:#fff;
	z-index: 10000;
}

header img {
	height:100%;
	width:auto;}


#logo {
	width:360px;
	margin-top:5px;
	transition:0.5s;
	position: fixed;
	left:50%;
	margin-left:-180px;
	height:auto;
}


.logostiky {
	width:300px;
	margin-left:-150px;
}

#hero {
	position: relative;
	width:100% !important;
	margin-top:100px !important;
	background-image: url("images/titelbild.jpg");
	background-size: cover;
	background-position: center top;
	padding-top:190px;
	box-sizing: border-box;
	min-height:500px;
	
	
	
}

#hero p {
	text-align:center
}

.textilpflegetxt {  font-family: 'bold', sans-serif !important; }

#hero #herocontent {  
	position:absolute;
	width:100%;
	bottom:100px !important;
	font-family: 'regular', sans-serif !important;
	letter-spacing: 3px !important;
	font-size:40px !important;
	text-align: center !important;
	color:#fff !important;
text-shadow: -1px -1px 5px rgba(0,0,0,0.1);
}
#hero #herocontent b {  

	font-family: 'bold', sans-serif !important;
	font-size:45px;
}

.linkhero {
	position:absolute;
	bottom:50px;
width:100% !important;
text-align: center;}

.linkhero a:link,
.linkhero a:visited {
	padding:8px 5px 8px 8px !important;
	background-color:rgba(245,155,33,1.00) !important;
color:#fff !important;
text-decoration: none !important;
border:1px solid #fff;
font-size:18px !important;
transition:0.5s}


.linkhero a:hover,
.linkhero a:active {
	background-color:rgba(11,157,157,1.00) !important	
}

.linkhero a::after {
  

	margin-right:7px !important;
  font-family: 'Font Awesome 6 Pro';
  content: "\f054";
  font-size: 18px;
  font-weight:200;
	padding-left:10px !important

}

.terminbutton i, .shopbutton i, .showstiky i {
	font-size:20px;
	margin-right:8px;
}

.terminbutton:link,
.terminbutton:visited {
	position: absolute;
	font-size:15px;
	letter-spacing: 0 !important;
	top:15px;
	left:15px;
	background-color:rgba(0,157,157,1.00);
	text-decoration: none;
	color:#fff;
	padding:8px 15px;
	transition:1s;
}
.terminstiky:link,
.terminstiky:visited {
	display:none;
	position: absolute;
	font-size:15px;
	letter-spacing: 0 !important;
	top:0px;
	left:-1px;
	z-index: 1000;
	background-color:rgba(0,157,157,1.00);
	text-decoration: none;
	color:#fff;
	padding:9px 15px 8px 15px;
	transition:1s;
}

.shopbutton:link,
.shopbutton:visited {
	position: absolute;
	font-size:15px;
	letter-spacing: 0 !important;
	top:15px;
	right:15px;
	background-color:rgba(0,157,157,1.00);
	text-decoration: none;
	color:#fff;
	padding:8px 15px;
	transition:1s;
	display:none;
}
.shopstiky:link,
.shopstiky:visited {
	display:none !important;
	position: absolute;
	font-size:15px;
	letter-spacing: 0 !important;
	top:0px;
	right:-1px;
	background-color:rgba(0,157,157,1.00);
	text-decoration: none;
	color:#fff;
	z-index: 1000;
	padding:9px 15px 8px 15px;
	transition:1s;
}
.terminbutton:hover,
.terminbutton:active,
.shopbutton:hover,
.shopbutton:active,
.terminstiky:hover,
.terminstiky:active,
.shopstiky:hover,
.shopstiky:active {

	background-color:rgba(0,157,157,0.70);

}

.showstiky {
	display:block !important
}

strong {
	  font-family: 'bold', sans-serif;
	font-weight:normal;
}

address{
	width:30%;

	padding-top:10px;
	color:rgba(76,82,87,1.00);
	box-sizing: border-box;
	margin-top:0;
	margin-bottom:0;
	
}
.addressleft p,
.addressright p {
	margin:0 !important;
	font-style: normal !important;
	line-height:25px !important
}
.addressright {
	float:right;
	width:35%;
	text-align: right;
	padding-top:25px !important
} 

.addressright a:link,.addressright a:visited {
	font-size:40px !important;
	color:rgba(11,157,157,1.00) !important;
	transition:0.5s !important
}

.addressright a:hover,.addressright a:active {
	font-size:40px !important;
	color:rgba(11,157,157,0.80) !important;
	transition:0.5s !important
}

.addressleft {
	float:left;
	width:35%;
	text-align: left;
} 
address a:link,
address a:visited {
	color:rgba(0,157,157,1.00);
text-decoration:none;}

address a:hover,
address a:active {
	color:rgba(76,82,87,1.00);
text-decoration:none;}

nav {
	clear:both;
	background-color:rgba(11,157,157,1.00) !important;
		position: fixed;
top:100px;
left:50%;
width:1400px;
max-width: 100%;
margin-left:-700px;
	z-index: 10;
border-bottom:1px solid #fff
}
.startseite nav {
	clear:both;
	background-color:rgba(11,157,157,1.00) !important;
	position: inherit;
	margin-left:0;
	
}
.navstiky {
	position: fixed !important;
top:100px;
left:50%;
width:1400px;
max-width: 100%;
margin-left:-700px !important;
	z-index: 10;
border-bottom:1px solid #fff}


nav .dj-megamenu-clean {
	background-color:rgba(11,157,157,1.00);width:100%;
display: block;
  justify-content: center;}

nav .dj-megamenu-clean li a.dj-up_a small.subtitle {
	display:none !important
}

nav .dj-megamenu-clean li a.dj-up_a, nav .dj-megamenu-clean li a.dj-up_a > span {
	height:40px !important;
	text-transform: uppercase;
}
nav .dj-megamenu-clean li a.dj-up_a {
	color:#fff !important;
	
	font-family: 'bold', sans-serif;
	transition: 1s;
}
nav .dj-megamenu-clean li {
	float:left !important
}

nav .dj-megamenu-clean li.itemid135, 
nav .dj-megamenu-clean li.itemid158 {
	float:right !important;
	display:table-cell!important
}

nav .dj-megamenu-clean li:hover a.dj-up_a, nav .dj-megamenu-clean li.hover a.dj-up_a, nav .dj-megamenu-clean li.active a.dj-up_a {
	background-color:rgba(245,155,33,1.00) !important;
	color:#fff !important;
	
}
nav .dj-megamenu-clean li.active a.dj-up_a {
		background-color:rgba(245,155,33,1.00) !important;
	color:#fff !important;
}.dj-megamenu-clean li div.dj-subwrap,
nav .dj-megamenu-clean li ul.dj-submenu {
	width:220px !important
}
nav .dj-megamenu-clean li ul.dj-submenu > li > a {
	width:200px !important;
	background-color:rgba(11,157,157,1.00) !important;
	font-size:16px !important;
	padding:8px 15px !important;
	color:#fff !important;
}

nav .dj-megamenu-clean li ul.dj-submenu > li:hover > a, nav .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	color:#fff !important;
	background-color:rgba(245,155,33,1.00) !important;
	width:200px !important;
}

main {
	width:70%;
	margin:0 auto;
	padding:50px 0
}
.startseite main {
	width:96%;
	margin:0 auto;
	padding:50px 0
}

main ul {
  list-style-position: inside;
  padding-left: 0;
}
main ul li {
  list-style: none;
  position: relative;
  padding-left: 25px;
	padding-bottom:15px !important;
}
main ul li::before {
  position: absolute;
  top: 0; /* half font-size */
  left: 0px;
	margin-right:7px !important;
  font-family: 'Font Awesome 6 Pro';
  content: "\f058";
  font-size: 16px;
  font-weight: 400;
	color:rgba(245,155,33,1.00) !important
}

main a:link,
main a:visited {
	color:rgba(0,157,157,1.00) !important;
	text-decoration: none !important;transition: 1s
}

main a:hover,
main a:active {
	color:rgba(0,157,157,0.70) !important;
	text-decoration: none !important;
}

main img {
	max-width:100% !important
}

.starttext {
	width:1200px !important;
	margin:0 auto !important;
	padding-bottom:50px !important;
	max-width:96% !important
}


.starttext h1,.starttext h2 {
font-size: 32px !important;
padding-bottom: 15px !important;
	color:rgba(0,157,157,1.00) !important;
	text-align: center;
	font-family: 'regular', sans-serif;
	
}
.starttext h1 strong {
font-size: 32px !important;
padding-bottom: 15px !important;
	color:rgba(0,157,157,1.00) !important;
	text-align: center;
	font-family: 'bold', sans-serif;
	
}

.starttext p {
	 column-count: 2;
	column-gap: 3% !important; 
	text-align: justify;
	font-size:16px !important;
	line-height:28px !important

}

main p {
	
	font-size:16px !important;
	line-height:28px !important
}

.main p.twocolumns {
	
	 column-count: 2;
	column-gap: 3% !important; 
}

.moebel main p {
	 column-count: 1 !important;
	column-gap: 3% !important; 
	width:50%;
	text-align: justify;
	font-size:16px !important;
	line-height:28px !important

}

.imgright {
	width:50%;
	float:right !important;
	height:auto;
	margin-left:5%
}

.starttext ul {
	padding:0 !important;
	list-style: none;
}

.starttext ul li {
	width:30% !important;
	margin:15px 1.5%;
	float:left;
		text-align:center;
	font-size:16px !important;
	line-height:28px !important;
	padding-left:0 !important;
}

.starttext ul li::before {
	display:none !important}

.starttext ul li i {
	font-size:55px;
	color:rgba(245,155,33,1.00);
	font-weight:200 !important;
	padding-bottom:15px;
}

.starttext ul li strong {
	font-weight:normal;
	color:rgba(245,155,33,1.00);
	font-size:18px;
	font-family: 'regular', sans-serif;
}
h2.h2facts {
	color:rgba(245,155,33,1.00) !important
}

.com-content-category-blog__item.blog-item {
	border-top:0px solid #ccc;
	margin-top:80px !important;
	clear:both !important;
	padding:70px 0 110px 0 !important;
}
.blog-item:nth-child(odd) .left.item-image {
width: 50% !important;
float: left !important;
margin: 0 !important;
}

.blog-item:nth-child(even) .left.item-image {
width: 50% !important;
float: right !important;
margin: 0 !important;
	text-align: right;
}

.textilpflege {
	padding:8px !important;
	box-sizing: border-box;
}
.blog-item:nth-child(even) .textilpflege {
	float:left !important;
}
.blog-item:nth-child(odd) .textilpflege {
	float:right !important;
}
.blog-item .left.item-image img {
	width:90% !important;
	height:auto !important
}

.blog-item:nth-child(odd) .item-content, .productdesc {
width: 50% !important;
float: right !important;
text-align: left !important;
padding-bottom:50px !important;
}
.blog-item:nth-child(even) .item-content, .productdesc {
width: 50% !important;
float: left !important;
text-align: left !important;
padding-bottom:50px !important;
}

.bezuegedesc {
width: 45% !important;
float: right !important;
text-align: left !important;
padding-bottom:50px !important;

} 
figcaption {
	font-size:13px;
	text-align: center;
	padding-top:15px;
	display:none !important
}
[data-tooltips] {
	border:none !important
}

h1 {
font-size: 32px !important;
padding-bottom: 15px !important;
	color:rgba(0,157,157,1.00) !important;
	
}
h2, h3, h4 {
font-size: 24px !important;
	color:rgba(0,157,157,1.00) !important;
	margin:10px 0 0 0 !important
	
}

#videobox h2 {
	margin-bottom:30px !important
}

.page-header h2 {
font-size: 24px !important;
	color:rgba(0,157,157,1.00) !important;
	
}
.img_caption.left {
	width:25%!important;
	float:left;
	height:auto !important;
	padding-top:15px;
}
.img_caption.left img {
	width:100% !important;
	height:auto !important
}

p.img_caption {
	width:100% !important
}

.federkoerpervideo {
	width:40% !important;
	float:left;
	margin-right:15px;
}

.federkoerpervideo video {
	width:100%;
	height:auto;
}

.items-leading .blog-item:nth-child(even) {
width: 48% !important;
	float:right;
	margin-left:2%;
		border:none !important;
	clear:inherit !important;
	padding:25px 0 !important;
	
}



.items-leading .blog-item:nth-child(odd) {
width: 48% !important;
	float:left;
	margin-right:2%;
	border:none !important;
	clear:inherit !important;
	padding:25px 0 !important;
	
}
.items-leading .blog-item .item-content {
	width:100% !important;
}

.items-leading .blog-item img {
width: 100% !important;
height: auto !important;
}

.specification, .holzarten {

	float:right !important;
	padding-left:25px;

}


.specification a:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\e571";
  font-size: 20px;
	margin-right:5px !important
  
  
}

.holzarten a:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\f1bb";
  font-size: 20px;
	margin-right:5px !important
  
  
}
	
.kombibett {
	width:35% !important;
	float:right !important;
	margin-left:5% !important
}

p.readmore a.btn-secondary:link,
p.readmore a.btn-secondary:visited {
	float:right !important;
	background-color:rgba(0,157,157,1.00) !important;
	color:#fff !important;
	border:none !important;transition: 1s;
	padding:4px 15px !important
}
p.readmore a.btn-secondary:hover,
p.readmore a.btn-secondary:active {
	float:right !important;
	background-color:rgba(76,82,87,1.00) !important;
	color:#fff !important;
	border:none !important;
}

p.readmore a.btn-secondary span {
	float:right !important;
	padding-top:5px !important;
	padding-left:8px !important;
	
}

.imgfloatleft {
	width:50% !important;
	float:left !important;
	margin:0 25px 50px 0;
	height:auto !important;
}
.imgfloatright {
	width:50% !important;
	float:right !important;
	margin:0 0 25px 50px;
	height:auto !important;
}

.naturformschulter {
	width:25% !important;
}

.clear {
	clear:both;
}
.formular {display:none}

.nui.form .field>label, .nui.form .fields>label {
	font-weight:normal !important;
padding-top:15px;
padding-bottom:5px !important;
	  font-family: 'bold', sans-serif !important;}

.nui.checkbox, .g-recaptcha {
	padding:25px 0 0 0 !important
}

.nui.button {
	  font-family: 'bold', sans-serif !important;
	font-weight:normal !important;
	background-color:rgba(0,157,157,1.00) !important;
	color:#fff !important;
	margin-top:25px !important
}
.nui.button:hover {
	opacity:0.7 !important
}
.relax2000zirbe {
	width:100% !important;
	margin-top:35px; 
	height:auto;

}
.highlight {
	background-color: rgba(26,70,20,0.10);
	padding:15px !important;
	clear:both !important;

	width:75% !important;
	margin:20px auto !important
}
.highlight h3 {
	padding:0 !important;
	font-size:22px !important
}
.kompakthuelle .highlight img {
	float:right !important;
	width:280px;
	height:auto;
}
.schulterformabsenkung .highlight img {
	float:left !important;
	width:280px;
	height:auto;
}

.easy_img_caption {
	background-color:transparent !important;
	text-align: center !important;
	font-size:15px !important;
	width:22% !important;
	margin:0 1%!important
}

.easy_img_caption img {
	width:100% !important;
}
.easy_img_caption_inner {	text-align: center !important;
	font-size:15px !important
}
.videofederkoerper {
	width:400px;
	border:none !important;
	border-color:#fff !important
}

video {
	background-color:white !important;
	border:none !important;
	outline:none !important
}

.videokoerperformen {
	max-width:100% !important
}
.schulterzonestates:nth-child(odd)  {
	width:25% !important;
	float:left !important;
	height:auto !important
}
.schulterzonestates:nth-child(even)  {
	width:25% !important;
	margin:0 4.5%;
	float:left !important;
		height:auto !important
}

.schreinereiimg:nth-child(odd)  {
	width:30% !important;
	float:left !important;
	height:auto !important;
	margin-top:40px;
}
.schreinereiimg:nth-child(even)  {
	width:30% !important;
	margin:0 4.5%;
	float:left !important;
		height:auto !important;	margin-top:40px;
}

.startitem {
    width:23.5% !important;
    margin:0 0.75% !important;
    float:left !important;
    padding-bottom: 17%;
    background-size: cover !important;
    position: relative;
    transition:0.6s !important;
    margin-bottom:15px !important;
	z-index: 1;
}

.startitem:hover {
    transform:scale(1.05);
    opacity: 0.8 !important
}

.startitemcontent {
    position: absolute;
    bottom:0px;
    left:0px;
    text-align: left;
	
}

.startitemcontent h2 {
    padding:8px 15px 5px 15px !important;
    background-color:rgba(0,157,157,1.00) !important;
    color:#fff !important;
    display:table-cell !important;
	font-size:16px !important;
	font-weight:normal !important;
		font-family: 'regular', sans-serif !important;
	border:1px solid #fff;
	border-left:0
    
    
}

.startitemtext {
    width:85% !important;
    padding:5px 15px 3px 15px !important;
    color:#000 !important;
    margin-top:10px !important;
}
.startitemtext p {
    margin:0 !important
}


.flex-grow-1 {
	background-color:rgba(0,157,157,1.00)!important;
	color:#fff !important;
	text-align: center !important;
	font-size:14px !important; 
	padding:5px 0 !important
	
}

.yendif-video-share-playlist-item.active{
	border:2px solid rgba(0,157,157,1.00)
}
.yendif-video-share-playlist {
	background-color:rgba(0,157,157,0.20) !important;
}

.p-2 {
	padding:0 !important;
	flex:none !important;
	display:block !important
}

.flex-shrink-0 {
	width:100% !important;
	height:auto !important
}

.ms-3 {
	margin:0 !important;
}

#videobox {
	width:1200px !important;
	text-align: center !important;
	max-width: 100%;
	margin:0 auto !important;
	margin-top:50px !important;
	height:550px;
	padding-bottom:120px !important
	
}

.mod-yendifvideoshare-playlist, .yendif-video-share-playlist, .yendif-video-share-playlist-player,
.yendif-player-wrapper, .yendif-player, .yendif-player iframe {

	height:550px !important
}



	/* BEST COMBI
*********************************************/

#bestoption {
	position:relative !important;
	width:100%;
	height:800px;
	margin:0 auto;
	margin-top:0px !important;
	padding-bottom:50px !important;
}

#bestoption h2 {
	position:relative;
	z-index: 2;
	text-align: center !important
}

#best_relax2000 {
	position:absolute;
	left:50%;
	width:700px;
	margin-left:-350px;
	bottom:210px;
}
#best_matratze {
	position:absolute;
	left:50%;
	width:700px;
	margin-left:-350px;
	bottom:290px;
	visibility: hidden;
}
#best_auflage {
	position:absolute;
	left:50%;
	width:700px;
	margin-left:-320px;
	bottom:390px;
	visibility: hidden;
}
#best_kissen {
	position:absolute;
	left:50%;
	width:700px;
	margin-left:-310px;
	bottom:510px;
	visibility: hidden;
}



.best_txt {
	border:0px solid #1A4714;
	padding:10px;
	text-align: center;
	font-size:14px;
	line-height:21px!important
	
}
.best_txt strong {
	font-size:18px;
	color:rgba(0,157,157,1.00);
}

.best_txt p {
	margin:5px 0 8px 0
}

#best_txt_relax2000 {
	width:400px;
	position: absolute;
	bottom:120px;
	right:50%;
	margin-right:-50%;
	visibility: hidden;
}

#best_txt_matratze {
	width:400px;
	position: absolute;
	bottom:30px;
	left:1%;
	visibility: hidden;

}

#best_txt_kissen {
	width:400px;
	position: absolute;
	top:50px;
	right:1%;
	visibility: hidden;
}

#best_txt_auflage {
	width:400px;
	position: absolute;
	top:70px;
	left:3%;
	visibility: hidden;
}

.best_txt a:link,
.best_txt a:visited {
	margin-top:8px !important;
	color:#fff !important;
	text-decoration: none;
	background-color:rgba(0,157,157,1.00);
	padding:5px;
	transition: 1s
}

.best_txt a:hover,
.best_txt a:active {
	color:#fff !important;
	text-decoration: none;
	background-color:rgba(0,157,157,0.60);
	padding:5px;
}
.best_txt a::after {
    font: var(--fa-font-regular);
	content:"\f061";
	margin-left:5px !important;
		color:#fff !important;
	wdith:40px;
	font-size:12px !important;
border:none !Important;
font-style:normal;
  padding-top:0px;}

footer {
	background-color:rgba(76,82,87,1.00) !important;
	clear:both!important;
	width:100% !important;

	box-sizing: border-box;
	padding:10px 25px;
	
}


#footerleft {
	width:50%;
	float:left;
	color:#fff;
	font-style: normal;
}

#footerright {
	width:50%;
	float:right;
	color:#fff;
	text-align: right;
}

footer a:link,
footer a:visited {
	color:#fff !important;
	text-decoration: none;
	transition:1s;
	
}


footer a:hover,
footer a:active {
	color:rgba(0,157,157,1.00) !important;

	
}

#footerleft a {
	padding:0 15px
}

#mod-custom127 h3 {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'black', sans-serif !important;
margin-bottom:0!important;
	font-size:32px;
	
}
#mod-custom127 a:link,
#mod-custom127 a:visited {
	color:#fff !important;
background-color:rgba(0,157,157,1.00) !important;
text-decoration: none!important;
padding:10px 15px;
	transition: 1s !important
}
#mod-custom127 a:hover,
#mod-custom127 a:active {
	color:#fff !important;
background-color:rgba(0,157,157,0.70) !important;
text-decoration: none!important;
padding:10px 15px;
}
#mod-custom127 {
	margin-top:50px;
	text-align: center;
	background-color:rgba(0,157,157,0.10);
	padding:25px !important
}


@media (max-width:1400px) {
	header, .navstiky {
		max-width:100% !important;
		margin-left:0% !important;
		left:0 !important;
		position: fixed
	}
	
	main {
width: 80%;
margin: 0 auto;
padding: 50px 0;
}
	
	nav {
clear: both;
background-color: rgba(11,157,157,1.00) !important;
position: fixed;
top: 100px;
left: 0% !important;
width: 100%;
max-width: 100%;
margin-left: 0 !important;
z-index: 10;
border-bottom: 1px solid #fff;
}
	
	#contentarea {
		max-width:100% !important;
		margin-left:0% !important;
	}
}
@media (max-width:1480px) {
	
	
	.navstiky .dj-megamenu-clean li a.dj-up_a {
		padding:0 10px !important
	}
}
	
	
@media (max-width:1350px) {
	
	
	.navstiky .dj-megamenu-clean li a.dj-up_a {
		padding:0 10px !important;
	text-transform: uppercase;
	font-family: 'regular', sans-serif !important;
	}
	
		.navstiky .dj-megamenu-clean li.dj-up > a .arrow {
		display:none !important
	}
	.navstiky .dj-megamenu-clean li a.dj-up_a > span.dj-drop {
		padding-right:0px !important
	}
	
	.shopstiky span, .terminstiky span {
		display:none !important
	}
	
}

@media (max-width:1280px) {
.addressleft p, .addressright p {
font-size:14px !important
}	
	
	
}

.dj-megamenu-offcanvas-light {
	text-align: center !important
}
.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus,
.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {

background:rgba(11,157,157,1.00) !important;
color: #fff !important;
}

@media (max-width:1160px) {
	
	
	.dj-megamenu-offcanvas-overlay:after {
		z-index: 10000002 !important;
	
		background-color:rgba(255,255,255,0.6) !important;
		top:0 !important;
		left:0 !important
	}
	.dj-offcanvas-light {
		z-index: 10000003 !important;
		background-color:#fff !important
	}
	.dj-offcanvas-light .dj-offcanvas-top {
		background-color:#fff !important}
	ul.dj-mobile-light li.dj-mobileitem a {
		font-size:18px !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem a .name {
	font-family: 'bold', sans-serif !important;
		color:rgba(0,157,157,1.00) !important;
		
	}
	ul.dj-mobile-light li.dj-mobileitem a .subtitle {
	font-family: 'regular', sans-serif !important;
		font-size:13px !important;
		line-height:22px;
		color:rgba(0,0,0,1.00) !important
		
	}
	ul.dj-mobile-light li.dj-mobileitem>a {
		background-color:#fff !important;
		border-top:1px solid rgba(0,157,157,1.00)!important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
		background-color:rgba(0,157,157,1.00)!important;
		color:#fff !important
	}
	ul.dj-mobile-light li.dj-mobileitem:hover>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem:hover>a .name,
	ul.dj-mobile-light li.dj-mobileitem.active>a .subtitle,
	ul.dj-mobile-light li.dj-mobileitem.active>a .name {
		color:#fff !important;
	}
	
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before {
		color:rgba(0,157,157,1.00)}
	.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem:hover.parent >a span.toggler:before {
		color:rgba(255,255,255,1.00)
	}
	
	#videobox {
		width:100% !important;
	}
		.shopstiky span, .terminstiky span {
		display:inline !important
	}
	
	.terminstiky, .shopstiky {
		padding: 11px 15px 11px 15px !important;
	
	}
	.shopstiky {
		right:0 !important;
	}
	#contentarea, header, #mainnav, footer, #mod-custom127,.startseite main, #videobox {
		max-width:100% !important;
		margin-left:0 !important;
		width:100% !important
	}
	
	#hero, #mainnav, footer, #newsletter, .nlhead, #mod-custom127, .mod-yendifvideoshare-playlist, .yendif-video-share-playlist, .yendif-video-share-playlist-player, .yendif-player-wrapper, .yendif-player, .yendif-player iframe {
	}
	#newsletter, #videobox {
		width:100% !important;
		min-height:inherit !important;
	}
	
	.onefield {
		width:30% !important;
		float:left !important;
		box-sizing: border-box !important
	}
	
	.fieldacyterms {
		width:95% !important;
		
	}
	
}

.mobileicons {
	display:none;
}

@media (max-width:1050px) {
	
	.addressleft,.addressright {
		width:50% !important;
	}
	.hideaddress {
		display:none;
	}
	
	#logo {
		width:300px !important;
		margin-left:-150px !important
	}
	
	.mobileicons {
		display:block !important;
	}
	.addressleft .mobileicons i {
		font-size:27px !important;
		margin-right:15px;
				margin-top:5px;
	}
	.addressright .mobileicons i {
		font-size:27px !important;
		margin-left:15px;
		margin-top:5px;
	}
	
	.addressleft strong, .addressright strong {
		font-size:15px;
		padding-bottom:8px;
	}
	
	.startitem {
		width:48% !important;
		height:200px;
	}
	
	.startitemtext {
		background-color:transparent !important
	}
	
	.startitemcontent h2 {
		display:table-cell !important;
		font-size:18px !important;
	}
	
	.startitemcontent{
		bottom:20px !important;
		width:100%;
		background-color:rgba(0,157,157,0.10)
	}
	
	#videobox {
		margin-top:50px !important;
	}
	
	.startitem {

z-index: 1;
}
	.mod-yendifvideoshare-playlist, .yendif-video-share-playlist, .yendif-video-share-playlist-player, .yendif-player-wrapper, .yendif-player, .yendif-player iframe {
		min-height:inherit !important
	}
	.com-content-category-blog__item.blog-item {
		margin-top:10px !important
	}
		main {
width: 90%;
margin: 0 auto;
padding: 50px 0;
}
	
}
.contactdata {
	width:100% !important;
	margin-bottom:50px !important;
}

.contactleft {
	width:30%!important;
	float:Left;
}

.contactright {
	width:60%!important;
	float:right;
}

.contactright iframe {
	width:100% !important;
height:250px;}

.clearmobile {
	display:none
}
.addressleft i {
	display:none
}


@media (max-width:800px) {
	.contactdata {
	width:100% !important;
	margin-bottom:50px !important;
}
	.img_caption.left {
width: 50%!important;
float: left;
height: auto !important;
padding-top: 15px;
}
		main {
width: 96%;
margin: 0 auto;
padding: 50px 0;
}
	

	.addressleft p {
		display:none !important
	}
.addressleft i {
	display:inherit;
	font-size: 35px !important;
	margin-right:10px !important;
	font-weight:200 !important;
	margin-top:20px !important;
color: rgba(11,157,157,0.80) !important;


}
	
	

	.addressleft {
		padding-top:20px !important}

	.addressright {
		display:none !important;
	}
	
	#logo {
		right:25px !important;
		left:inherit !important;
		margin-left:0 !important;
	}
	
.contactleft {
	width:100%!important;
	float:Left;
}

.contactright {
	width:100%!important;
	float:right;
}

.contactright iframe {
	width:100% !important;
height:300px;}
	.startitemtext {
		width:100% !important;background-color:transparent !important;
		font-size:14px !important;
	}
	
	.starttext p {
		column-count: 1 !important;
		
	}
	
.blog-item:nth-child(odd) .left.item-image {
width: 100% !important;
float: left !important;
margin: 0 !important;
	text-align: center;
	padding-bottom:25px;
}

.blog-item:nth-child(even) .left.item-image {
width: 100% !important;
float: left !important;
margin: 0 !important;
	text-align: center;
		padding-bottom:25px;
}
.items-leading .blog-item:nth-child(even) {
width: 100% !important;
	float:right;
	margin-left:2%;
		border:none !important;
	clear:inherit !important;
	padding:25px 0 !important;
	
}
	.kombibett {
		width:100% !important;
		margin-bottom:25px !important
	}
	
	
.items-leading .blog-item:nth-child(odd) {
width: 100% !important;
	float:left;
	margin-right:2%;
	border:none !important;
	clear:inherit !important;
	padding:25px 0 !important;
	
}
.textilpflege {
	padding:8px !important;
	box-sizing: border-box;
}
.blog-item:nth-child(even) .textilpflege {
	float:left !important;
}
.blog-item:nth-child(odd) .textilpflege {
	float:right !important;
}
.blog-item .left.item-image img {
	width:90% !important;
	height:auto !important
}

.blog-item:nth-child(odd) .item-content, .productdesc {
width: 100% !important;
float: right !important;
text-align: left !important;
}
.blog-item:nth-child(even) .item-content, .productdesc {
width: 100% !important;
float: left !important;
text-align: left !important;
}
	#videobox {
		height:inherit !important;
		padding-bottom:250px !important
	}
	
	.starttext ul li {
width: 47% !important;
margin: 15px 1.5%;
float: left;
text-align: center;
font-size: 16px !important;
line-height: 28px !important;
padding-left: 0 !important;
}
	.startitemcontent{
		bottom:30px !important;
		width:100% !important;
		background-color:rgba(0,157,157,0.10)
	}
	.yendif-video-share-playlist {
		display:block !important;
		position: inherit !important
	}

	.yendif-video-share-playlist-item,.yendif-video-share-playlist-item.active {
		width:250px !important;
	}
	.yendif-video-share-playlist-item.active img {
		opacity: 0.8
	}
	#yendif-video-share-playlist-128 .yendif-video-share-playlist-videos {
		max-height:inherit !important
	}
		.yendif-video-share-playlist-videos.bottom {
		background-color: rgba(255,241,196,1.00) !important;
		overflow:scroll;
			max-height:inherit !important
	}
	.yendif-video-share-playlist-player{
		width:100% !important;
		position: inherit !important;
	}
	.yendif-video-share-playlist-item {
		border:2px solid rgba(11,157,157,1.00) !important
	}
	.yendif-video-share-playlist-item.active {
		border:2px solid rgba(245,155,33,1.00) !important
	}
	.yendif-video-share-playlist-videos.right {
		width:100% !important;
		position: inherit !important;
		height:200px !important;
	}
	.yendif-video-share-playlist-items {
	
	
		width:2000px !important}
	.yendif-video-share-playlist-item, .yendif-video-share-playlist-item.active {
		float:left !important;
	}
	
	#yendif-video-share-playlist-128 .yendif-video-share-playlist-player,
	#yendif-video-share-playlist-128 .yendif-video-share-playlist-videos{
		width:100% !important
	}
	
	.addressleft, .addressright {
		width:50%!important 
	}
	
	main img {
		max-width:100% !important
	}
	.easy_img_caption {
background-color: transparent !important;
text-align: center !important;
font-size: 15px !important;
width: 45% !important;
margin: 0 1%!important;
}
	.clearmobile {
		display:block;
		clear:both;
	}
	

	
	
	
	#contentarea, #hero {
		margin-top:0px !important
	}
.best_txt strong,
	.best_description {
		display:none;
	}
	#bestoption {
	height:450px !important;
		max-width:95% !important;
		
	}
	
	
#best_relax2000 {

	width:90%;
	margin-left:0;
	bottom:5%;
	left:3%
}
#best_matratze {

	width:90%;
	margin-left:0;
	bottom:20%;
	left:6%

}
#best_auflage {

	width:90%;
	margin-left:0;
	bottom:35%;
	left:8%

}
#best_kissen {

	width:90%;
	margin-left:0;
	bottom:55%;
	left:8%

}
	
	
#best_txt_relax2000 {
	width:auto;
	position: absolute;
	bottom:12%;
	right:1%;
	visibility: hidden;
	margin-right:inherit !important
}

#best_txt_matratze {
	width:auto;
	position: absolute;
	bottom:150px;
	left:1%;
	visibility: hidden;

}

#best_txt_kissen {
	width:auto;
	position: absolute;
	bottom:50%;
	right:1%;
	visibility: hidden;
}

#best_txt_auflage {
	width:auto;
	position: absolute;
	bottom:45%;
	left:2%;
	visibility: hidden;
}
}



@media (max-width:600px) {
	#logo {
		width:50% !important;
	}
	#videobox {
		margin-top:50px !important
	}
	.schulterzonestates:nth-child(odd), .schulterzonestates:nth-child(even) {
		width:50% !important;
	}
	
	.img_caption {
		text-align: center !important}
	#herocontent,.linkhero {
		transform:scale(0.7)
	}
	.federkoerpervideo {
	width:100% !important;
	float:left;
	margin-right:0;
}

.federkoerpervideo video {
	width:100%;
	height:auto;
}
	.startitem {
width: 100% !important;
margin: 0 0% !important;
		height:300px !important;
float: left !important;
padding-bottom: 10%;
background-size: cover !important;
position: relative;
transition: 0.6s !important;
margin-bottom: 25px !important;
z-index: 1;
}
	#yendif-video-share-playlist-122 .yendif-video-share-playlist-videos {
		height:220px !important;
	}
	
	#hero {
position: relative;
width: 100% !important;
margin-top: 100px !important;
background-image: url("images/titelbild.jpg");
background-size: cover;
background-position: left top !important;
padding-top: 190px;
box-sizing: border-box;
min-height: 350px !important;
}
	
	.starttext ul li {
width: 80% !important;
margin: 15px 10%;
float: left;
text-align: center;
font-size: 16px !important;
line-height: 28px !important;
padding-left: 0 !important;
}
	
.mod-yendifvideoshare-playlist, .yendif-video-share-playlist, .yendif-video-share-playlist-player, .yendif-player-wrapper, .yendif-player, .yendif-player iframe {
	height:350px !important
	}
	
	#footerleft, #footerright {
		width:100% !important;
	text-align: center !important}
	
}

.cc-window {
	width:360px !important;
	max-width:90% !important;
	
	border:0px solid #000 !important;
	padding:10px !important;
	background-color:rgba(255,255,255,0.80) !important;
	left:50% !important;
	margin:0 !important;
	margin-left:-180px !important;
	top:0 !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	
}

.cc-header {
	display:block !important
}

.cc-message {
	width:100% !important;
	font-size:13px !important;
	font-family: "regular", "sans-serif" !important;
	line-height:19px !important;
	display:block !important
}

.cc-close {
    display: none !important;
}

.cc-deny {
	background-color:rgba(125,125,125,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	box-sizing: border-box !important;
	padding:7px 10px !important;
	font-family: "regular", "sans-serif" !important;
	display:block !important;
	margin:0 !important;
	margin-bottom:5px !important;
	text-decoration: none !important;transition:0.6s !important
	
}

.cc-allowall {
background-color:rgba(0,157,157,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	box-sizing: border-box !important;
	padding:7px 10px !important;
	font-family: "regular", "sans-serif" !important;
	display:block !important;
	margin:0 !important;
	margin-bottom:5px !important;transition:0.6s !important
}

.cc-compliance {display:block !important;
	text-align:center !important;
	flex: inherit !important;
	align-content: inherit !important;
flex-wrap: inherit !important;
align-items: inherit !important;
	width:100% !important
}

a.cc-link label {
	font-family: "regular", "sans-serif" !important;
}

.cc-revoke.cc-center.cc-revoke-bottom {
		font-family: "regular", "sans-serif" !important;
}
#directboxes {
	display:none
}

.cc-settings-label {
	display:none !important
}
.cc-allow {
	background-color:rgba(76,82,87,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	box-sizing: border-box !important;
	padding:7px 10px !important;
	font-family: "regular", "sans-serif" !important;
	display:block !important;
	margin:0 !important;
	margin-bottom:5px !important;transition:0.6s !important
}

.cc-deny:hover {
	background-color:rgba(125,125,125,0.50) !important;
	
	border:none !important;
	font-weight:normal !important;
}

.cc-allowall:hover {
	background-color:rgba(0,157,157,0.50) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-allow:hover {
		background-color:rgba(76,82,87,0.5) !important;
color:#fff!important;text-decoration:None !important;
	border:none !important;
	font-weight:normal !important;
}

.cc-settings-label {
	padding:5px !important;
	background-color:#fff !important;

	font-size:14px !important;
	margin-bottom:11px !important;
	font-weight:bold !important;
	margin-left:-19px !important;
	padding-right:14px !important;
	margin-right:0 !important;
}
div.cc-checkbox-container:not(:last-child) a {
	border:none !important
}

.cc-checkbox-container {
	padding-left:10px !important;
}

.cc-checkboxes-container {
	padding-left:10px !important;
	margin-right:-10px !important
}

.cc-cookie-checkbox {
	font-size:14px !important}
#mobilenav, #mobilenavclose  {
	display:none;
}

div.gdprlock-placeholder.hideinfo2, div.gdprcookielock-placeholder.hideinfo2 {text-align:center !important;
background-color:rgba(26,70,20,0.20) !important;
color:#1A4614 !important}


@media (max-width:400px) {
	.fa-square-facebook {
		display:none !important
	}
	.addressleft {
		width:100% !important;
		float:none !important;
		text-align: right !important;
		padding-top:0 !important;
		position: fixed !important;
		right:0 !important;
		top:80px !important;
	}
	main {
		margin-top:20px !important
	}
	.adressleft i {
		font-size:30px !important
	}
	header {
		height:130px !important;
	}
	
	nav {
		top:130px !important;
	}
	
	#logo {
		width:80% !important;
		position: inherit !important;
		height:auto !important;
	}
}