@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/predigelight.ttf') format('truetype');}

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

	font-display: fallback;
src: url('fonts/predigeregular.ttf') format('truetype');}

.yendif-video-share {
    display:none;
}

.cc-settings-label {
    display:none !important
}
.cc-window {
	width:360px !important;
	max-width:90% !important;
	margin:10px !important;
	border:0px solid #000 !important;
	border-radius:5px !important; 
	padding:10px !important;
    font-size:13px !important;
	background-color:rgba(255,255,255,0.80) !important
	
}

.imgfloatright {
	float:right
}
@media (max-width:650px){

.imgfloatright {
	float:none;
	width:75%!important;
	margin:0 12.5%!important
}}

.category-list .category-desc {
    text-align:center !important;
}

.termine {
    padding:15px !important;
    font-size:14px !important
}

.cc-message {
	width:100% !important;
	font-size:12px !important;
	font-family: 'Montserrat', sans-serif !important;
	line-height:19px !important
}

.cc-close {
    display: none !important;
	font-family: 'Montserrat', sans-serif !important;
}

.cc-deny {
	color:rgba(255,0,4,1.00) !important;
	font-family: 'Montserrat', sans-serif !important;
    background:none !important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;margin-left:10px !important;margin-top:10px !important
}

.cc-allowall {
background-color:rgba(25,135,0,1.00) !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	font-family: 'Montserrat', sans-serif !important;
	padding:7px 10px !important;
	margin-top:10px !important;
}

.cc-compliance21312 {
	text-align:center !important
}


.cc-allow {
	background-color:rgba(222,173,0,1.00) !important;
	font-family: 'Montserrat', sans-serif !important;
color:#fff!important;
	border:none !important;
	font-weight:normal !important;
	border-radius:5px !important;
	display:inline-block !important;
	padding:7px 10px !important;
}

.cc-deny:hover {
	color:rgba(255,0,4,0.80) !important;
	
	border:none !important;
	font-weight:normal !important;
}

.cc-settings-label {
	font-family: 'Montserrat', sans-serif !important;
	font-size:12px !important;}

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

.cc-allow:hover {
	background-color:rgba(222,173,0,0.80) !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:12px !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;
	font-size:12px !important;
}



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

.cc-cookie-checkbox, a.cc-link label, .cc-revoke {
	font-size:12px !important;
	font-family: 'Montserrat', sans-serif !important;}


.cc-revoke {
    background-color:rgba(255,255,255,0.70) !important
}

html {
	margin:0;
}

body {
	margin:0;
	font-family: 'regular', sans-serif;
	overflow-x:hidden !important;
    font-size:16px !important
}

main a:link,
main a:visited {
color:#c4112f;
text-decoration: none;
    transition: 0.6s
}

main a:hover,
main a:active {
   color:#000;

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

header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    padding-top:15px;
    text-align: center;
    z-index: 100000;
}

#logo {
    height:90px;
    width:auto;
}

#backtoweb:link,
#backtoweb:visited {
    position: fixed;
    left:0;
    top:0;
    padding:8px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important
}

#backtoweb:hover,
#backtoweb:active {
     background-color:#000;
    color:#c4112f
}

#backtoweb i {
    padding-right:5px;
}
nav {
    width:100% !important;
      background-color:#c4112f;
    clear:both !important;
    margin-top:15px;
}


nav li a:link,
nav li a:visited {
	padding:8px 8px 5px 15px !important;
	
	font-size:18px !important;
	font-weight:200 !important;
	color:#fff !important; transition: 0.6s !important;
}
nav li a:hover,
nav li a:active,
nav li.active a {
	font-size:18px;
	color:#fff !important;
	background-color:#CF2212 !important;
}

.dj-megamenu-clean li a.dj-up_a > span,
.dj-megamenu-clean li a.dj-up_a{
	height:inherit !important;
	display:block !important; transition: 0.3s;
}

hr {
    clear:Both;
    width:100% !important;
    margin-top:50px !important;
    padding-top:50px !important;
    background-color:transparent;
    border-bottom:1px solid #000;
    margin-bottom:50px !important
}

.dj-megamenu-wrapper {
	display:table!important;
	margin:0 auto;
}

.dj-megamenu-clean li ul.dj-submenu > li {
    width:250px !important
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
    text-align:left !important;
    font-size:16px !important
}

nav li a:link, nav li a:visited{
		background-color:#c4112f !important
	}

nav li a:hover, nav li a:active,
nav li a.active:link, nav li a.active:visited {

     background-color:#000 !important;
    color:#c4112f !important
	}


#startbild {
    width:1350px;
	max-width:100%;
	margin:0 auto;
    height:540px !important;
margin-top:150px !important;
    background-image:url("images/titelbild.jpg");
    background-size:cover;
    background-position: center center;
    position: relative;
}

#relax-logo {
    width:150px;
    position:absolute;
    right:25px;
    top:25px;
}
#relax2000start {
    width:850px;
    position: absolute;
    top:90px;
    left:50%;
    margin-left:-425px;
}
#starttext {
    width:100%;
    position: absolute;
    bottom:50px;
    text-align:center;
    color:#fff;
}
#starttext strong {
    font-family: 'bold', sans-serif;
    text-shadow:0px 0px 7px rgba(0,0,0,0.8);
font-size:32px !important;
letter-spacing:1px;
    padding-bottom:55px;
}


.startbutton:link,
.startbutton:visited {
  
    padding:8px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important;
    font-size:18px !important;
    margin-top:10px;
    border:1px solid #fff;
}

.startbutton:hover,
.startbutton:active {
     background-color:#000;
    color:#c4112f
}
.startbutton i {
    margin-left:5px;
    font-size:15px
}

main {
    width:1250px;
    max-width:94%;
    margin:50px auto;
    margin-top:200px !important
}

.startseite main {
    margin-top:50px !important;
}

p {
    font-size:16px;
}

h1 {
    font-size:30px;
    color:#c4112f;
    font-family: 'bold', sans-serif;
    padding-bottom:15px;
}
h2 {
    font-size:25px;
    color:#c4112f;
    font-family: 'bold', sans-serif;
}
h3, h4, h5 {
    font-size:22px;
    color:#c4112f;
    font-family: 'bold', sans-serif;
    padding-top:25px
}

#mod-custom142 {
    text-align: center;
    width:1000px;
    margin:0 auto;
    max-width:95%!important
}

#bestoption {
    width:100% !important;
margin-bottom:50px !important
}

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

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

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

#best_relax2000 {
	position:absolute;
	left:50%;
	width:600px;
	margin-left:-300px;
	bottom:100px;
}
#best_matratze {
	position:absolute;
	left:50%;
	width:600px;
	margin-left:-300px;
	bottom:180px;
	visibility: hidden;
}
#best_auflage {
	position:absolute;
	left:50%;
	width:600px;
	margin-left:-280px;
	bottom:250px;
	visibility: hidden;
}
#best_kissen {
	position:absolute;
	left:50%;
	width:600px;
	margin-left:-280px;
	bottom:350px;
	visibility: hidden;
}



.best_txt {
	border:0px solid #c4112f;
	padding:10px;
	text-align: center;
	font-size:14px;
	line-height:21px!important
	
}
.best_txt strong {
	font-size:18px;
	color:#c4112f;
}

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

#best_txt_relax2000 {
	width:400px;
	position: absolute;
	bottom:30px;
	right:25px;
	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;
	font-size:14px;
	text-decoration: none;
	background-color:#c4112f;
	padding:8px 8px 5px 8px;
    transition: 0.6s
}

.best_txt a:hover,
.best_txt a:active {
     background-color:#000;
    color:#c4112f
	
}
.best_txt a::after {
	font-family: 'Font Awesome 5 Pro';
	content:"\f061";
	margin-left:5px !important;
		color:#fff !important;
	wdith:40px;
font-weight:400 !important;
	font-size:12px !important;
border:none !Important;
font-style:normal;
  padding-top:0px;}



.ug-thumb-wrapper {
	width:24% !important;
	margin-right:1% !important;
	border:0 !important;
	box-shadow:none !important;
	background-color:#fff !important;
	position: relative !important;
	float:left !important;
	height:auto !important;
	left:inherit !important;
	top:inherit !important
	
}

.ug-textpanel-title {
	display:none !important
}

.ug-thumb-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.ug-thumb-wrapper img {
	width:100% !important;
}

.yendif-video-share-playlist-item.active {
    background-color: #c4112f !important;
}
.yendif-video-share-playlist {
   background-color:#eee !important;

}

.yendif-video-share-playlist-item {
    text-align:center !important;
    border-bottom:0 !Important;
    color:#c4112f !important;
    transition:0.6s !important
}

.yendif-video-share-playlist-item.active {
    color:#fff !important
}
.yendif-video-share-playlist-item:hover {
    background-color:#000 !important;
    color:#fff !important;
}


.flex-shrink-0 {
    width:100% !important;
    flex-shrink: inherit !important;
    margin:0 !important;
    display:block !important;
    padding-bottom:8px !important
}

.flex-grow-1 {
    width:100% !important;
    flex-grow: inherit !important;
    margin:0 !important;
    display:block !important;
}

.d-flex {
    display:block !important
}

#mod-custom149 {
    width:48% !important;
    float:left !important;
}
#mod-custom150 {
    width:48% !important;
    float:right !important
}

#mod-custom149, #mod-custom150 {
 text-align: center;
margin:50px 0

    
}

#mod-custom149 img, #mod-custom150 img {
    width:100%;
    height:auto;
    margin-bottom:15px;
}

#mod-custom149 h2 a:link, #mod-custom150 h2 a:link,
#mod-custom149 h2 a:visited, #mod-custom150 h2 a:visited {
    color:#c4112f;
	text-decoration: none;
    padding-top:15px;
    transition:0.6s
}

#mod-custom149 h2 a:hover, #mod-custom150 h2 a:hover,
#mod-custom149 h2 a:active, #mod-custom150 h2 a:active {
     color:#000;
}
	a.readmore:link,
a.readmore:visited {
  
    padding:8px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important;
   
    margin-top:10px;
    border:1px solid #fff;
}

a.readmore:hover,
a.readmore:active {
     background-color:#000;
    color:#c4112f
}
.readmore i {
    margin-left:5px;
    font-size:15px
}

	.readmore .btn-secondary:link,
.readmore .btn-secondary:visited {
  
    padding:8px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important;
   
    margin-top:10px;
    border:1px solid #fff;
}

.readmore .btn-secondary:hover,
.readmore .btn-secondary:active {
     background-color:#000;
    color:#c4112f
}
.readmore i {
    margin-left:5px;
    font-size:15px
}
footer {
    width:100% !important;
    padding:10px  !important;
    box-sizing: border-box;
    background-color:#c4112f;
    color:#fff;
    text-align: center;
    clear:both;
}

footer p 
{margin:0}

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

footer a:hover,
footer a:active {
    color:#fff !important;
    text-decoration: underline;
}
#footerout a:link,
#footerout a:visited {
    color:#c4112f !important;    transition:0.6s !important;
    text-decoration: none;
}

#footerout a:hover,
#footerout a:active {
    color:#000 !important;
    text-decoration: none;
}
#footerout {
    width:100% !important;
    padding:10px  !important;
    box-sizing: border-box;
    color:#c4112f;

}
.copyright {
    float:right;
    text-align: right;
}

.rechtliches {
    float:left;
    width:60%;
}

.textilpflege {
    width:50%!important;
    float:left
}

[data-tooltips] {
    border:none !Important
}

.textilpflegetxt strong {
    font-weight:Normal;
    
    font-family: 'bold', sans-serif;
}
.blog-item {
    clear:both !important
}

.blog-item {
    clear:both !important
}

.blog-item {
    clear:both !important
}

.blog-item .item-content {
    width:50%!important;
    float:right;
}

.blog-item .left.item-image {
	width:50% !important;
	float:left !important;
	margin:0 !important;
}

.blog-item .left.item-image img {
	width:90% !important; height:auto !important;
}

.page-header h2 {
	font-size:20px !important;

}

.blog-item {
    clear:both !important
}

.blog-item {
    clear:both !important
}

.blog-item .item-content {
    width:50%!important;
    float:right;
}
.items-leading .blog-item .item-content {
    width:100%!important;
    float:none !important;
}

.items-leading .blog-item .item-content img {
    width:48% !important;
    float:right !important;
    margin-left:3% !important;
    height:auto !important
}

.specification {
	background-image:url(https://relax.eco/haendler/specification.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size:contain;
	height:30px;
	padding:10px 15px 10px 30px;
	float:left !important;
}

.holzarten {
	background-image:url(https://relax.eco/haendler/holz.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size:contain;
	height:30px;
	padding:10px 15px 10px 35px;
	float:left !important;
    margin:0 !important
}

.caption {
    color:#999 !important;
    font-size:12px !important;
    text-align: center !important;
    padding-top:8px !important;
    padding-bottom:20px !important
}

.closewindow {
	font-size:25px;
	text-align: right;
	padding:8px;
	color:#422011;
	position:absolute;
	width:40px;
	right:0;
	height:40px;
	top:0;
	
}
.closewindow:hover {
	color:#ccc;
	cursor:pointer
	
}
#overlayPopUp {
	display:none;
	background-color:rgba(255,255,255,0.80);
	width:100%;
	height:100%;
	position: fixed;
	z-index: 100000;
	top:0;
	left:0;
	
	
}
.mobilebr {
    display:none
}

.mobiletoplinks {
    display:none;
}


.toplinks {
position: fixed;
    top:5px;
    right:0px;
    text-align: right;
}

.toplinks p {
    margin-bottom:10px !important
}


.toplinks a:link,
.toplinks a:visited {
  
    padding:10px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important
}

.toplinks a:hover,
.toplinks a:active {
     background-color:#000;
    color:#c4112f
}

.toplinks a i {
    padding-left:5px;
}

@media (max-width:1200px) {
    
    #bestoption {
        background:none !important
    }
    
    #best_txt_matratze, #best_txt_relax2000, #best_txt_auflage, #best_txt_kissen {
        background-color:rgba(202,210,194,0.50) !important
    }
    
}

.clear {
    clear:both;
    width:100%;
}

@media (max-width:900px) {
    
    #bestoption {
        display:none;
    }
    
    #startbild {
        height:450px !important
    }
    
    #relax2000start {
        top:50px;
        width:80% !important;
        height:auto !important;
        margin-left:-40% !important;
        left:50%;
    }
    
    #starttext {
        bottom:10px !important
    }
    
    .mobilebr {
        display:block !important
    }
    
    #relax-logo {
        width:120px
    }
    .dj-megamenu-wrapper{
        float:left !important;
        width:80px;
        height:50px !important; padding-top:10px !important; 
    }
    
    .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
          color:#ffffff !important;
        background:transparent !important;padding-bottom:8px !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 {
        color:#000 !important;
        background:transparent !important
        
    }
    
    .dj-offcanvas-open .dj-offcanvas {
        z-index: 1000000 !important
    }
     .dj-megamenu-offcanvas-overlay::after {
         z-index: 100000 !important}
    
    
    .dj-offcanvas-light, .dj-offcanvas-top {
        background:#ffffff !Important
    }
    ul.dj-mobile-light li.dj-mobileitem>a {
        background-color:#c4112f !important;
         color:#fff;
        transition:0.6s !important;
        letter-spacing: 1px !important;
        font-size:17px !important;
	font-family: 'regular', sans-serif;
    }
       ul.dj-mobile-light li.dj-mobileitem>a:hover {
        background-color:#000 !important;
         color:#c4112f;
        transition:0.6s !important;
    }
    ul.dj-mobile-light ul li.dj-mobileitem>a, ul.dj-mobile-light li.dj-mobileitem.active>a  {
          background-color:#000 !important;
         color:#c4112f;
        transition:0.6s !important;
    }
    ul.dj-mobile-light ul li.dj-mobileitem>a:hover, ul.dj-mobile-light ul li.dj-mobileitem.active>a  {
          background-color:#ffffff !important;
         color:#c4112f;
        transition:0.6s !important;
    }
    .blog-item .left.item-image {
width: 90% !important;
float: left !important;
margin: 0 !important;
        margin-right:10% !important
}
    
    .blog-item .item-content {
width: 100%!important;
float: none !important;
}
}
.imgfloatleft {
    float:left;
    margin-right:15px;
    max-width:350px;
    margin-bottom:50px;
}
@media (max-width:650px) {
    .imgfloatleft {
    float:none !important;
    margin-right:15px;
    max-width:100% !important;
    margin-bottom:50px;
        
}
        .blog-item .left.item-image {
width: 100% !important;
float: left !important;
margin: 0 !important;
    
}
    .blog-item .left.item-image img{
        width:100% !important
    }   
    
    #bestoption {
        display:none;
    }
    
    #startbild {
        height:300px !important
    }
    
    #relax2000start {
        top:50px;
        width:96% !important;
        height:auto !important;
        margin-left:-48% !important;
        left:50%;
    }
    
    #relax-logo {
        display:none;
    }
    
    #starttext {
        bottom:10px !important;
        font-size:25px !important
    }
    #starttext strong {
        font-size:22px !important
    }
    
    #mod-custom149 {
    width:100% !important;
    float:left !important;
}
#mod-custom150 {
    width:100% !important;
    float:right !important
}

#mod-custom149, #mod-custom150 {
 text-align: center;
margin:50px 0

    
}
    
    #backtoweb {
        display:None
    }
}.mobileicons {
    display:none;
}


 
@media (max-width:800px) {
    .ug-thumb-wrapper {
	width:49% !important;
	margin-right:1% !important;
	border:0 !important;
	box-shadow:none !important;
	background-color:#fff !important;
	position: relative !important;
	float:left !important;
	height:auto !important;
	left:inherit !important
	
}
	
	.yendif-video-share-playlist-videos.right {
		max-height:180px !important;
		height:auto !important;
	}
	
	.yendif-video-share-playlist-item {
		width:50% !important;
		float:left !important;
		height:180px !important
	}
	
	.yendif-video-share-responsive-item .yendif-video-share-image {
		height:180px !important;
	}
	
	.yendif-video-share-playlist-item.active {
		border:none !Important
	}
    
.toplinks {display:none;
}
    
    .mobiletoplinks {
        display:block;
        text-align: center;
        padding-bottom:35px;
    }

.mobiletoplinks a:link,
.mobiletoplinks a:visited {
  
    padding:10px 8px 5px 8px;
    background-color:#c4112f;
    color:#fff;
    text-decoration: none;
    font-family: 'bold', sans-serif;
    transition:0.6s !important
}

.mobiletoplinks a:hover,
.mobiletoplinks a:active {
     background-color:#000;
    color:#c4112f
}

.toplinks a i {
    padding-left:5px;
}
    
	.relaxvideo {
	width:100% !important;
	margin-right:0% !important;
	float:none !important;
}
	.mobileicons {
	float:right;
		display:block !important;
		font-size:30px !important;
margin-right:25px !important;
		color:#fff !important;
        margin-top:8px;
	
	}
	
#kopfhaeupter, #kopfhaeupterfiori {
	display:none;
	position: fixed;
	z-index: 1000000;
	top:50px !important;
	width:93% !important;
	max-width:98%;
	left:2.5% !important;
	margin-left:0 !important;
	background-color:#fff;
	padding-left:1%;
	background-color:#fff;
	padding-left:1%;
	
	
}
#holzarten {
	display:none;
	position: fixed;
	z-index: 1000000;
	top:50px !important;
	width:93% !important;
	max-width:98%;
	left:2.5% !important;
	margin-left:0 !important;
	background-color:#fff;
	padding-left:1%;
	overflow:scroll;
	max-height:75%;
	padding-right:1%;
	
	
}

#lodenstoffe {
	display:none;
	position: absolute;
	z-index: 1000000;
	top:50px !important;
	width:600px;
	max-width:93%;
	left:2%;
	margin-left:0 !important;
	background-color:#fff;
	padding-left:1%;
	
	
}
	
.img_caption_betten.left,
	.img_caption_betten.right,
	.spezifikationen {
		width:100% !important;
		max-width:100% !important;
		margin:0 !important
	}
	
	.spezifikationen {
		padding-bottom:35px !important
	}
	
}