@charset "UTF-8";
/*!
 * Bootstrap v5.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@font-face {
font-family: 'Montserrat';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/Montserrat-Regular.ttf') format('truetype');}

@font-face {
font-family: 'Montserrat-Bold';

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

@font-face {
font-family: 'Montserrat-SemiBold';
 
	font-display: fallback;
src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');}


@font-face {
font-family: 'Montserrat-Light';
 
	font-display: fallback;
src: url('fonts/Montserrat-Light.ttf') format('truetype');}

html {
	margin:0;
}

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

#bottomnav {
    width:100% !important;padding:8px 10px;
    box-sizing:border-box
    
}



#bottomnav ul {
    list-style:none;
    padding:0;
    margin:0 
}

#bottomnav li {
    float:left;
    padding-right:10px;
}
#bottomnav a:link,
#bottomnav a:visited {
    color:#D10A11;
    text-decoration: none;
}
#bottomnav a:hover,
#bottomnav a:active {
    color:#666;
    text-decoration: none;
}
.cc-window {
	
	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
	
}
.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
}
header {
	width:100%;
	position: fixed;
	top:0;
	height:85px;
    text-align: left;
	background-color:#fff !important;
	z-index: 100000 !important;
}


#logo {
	width:150px;
	height:auto;
    position: fixed;
    top:0px;
    left:50%;
    margin-left:-75px;
    z-index: 10;
}

#directlinks {
	position:fixed;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
    top:12px;
	left:25px;
	line-height:15px;
	
	z-index: 100000;
	color:#fff !important;
	letter-spacing:0.8px;
	
}

#directlinks p {
    margin:8px 0 !important
}

#directlinks strong {
    font-size:18px !important;
    color:#D90F1A !important
}

#directlinks a:link,
#directlinks a:visited {
    color:#000;
    text-decoration: none;
    transition: 0.3s !important
}

#directlinks a:hover,
#directlinks a:active {
    color:#D90F1A;
    text-decoration: none;
}

#directlinks a::after {
     font-family: 'Font Awesome 5 Pro';
    content: "\f0a9";
    margin-left: 5px !important;
    color: #D90F1A !important;
    wdith: 40px;
    font-weight: normal !important;
    font-size: 14px !important;
    border: none !Important;
    font-style: normal;
    padding-top:0px
}

#directboxes {
	
	max-width:100%;
	margin:0 auto 0 auto !important;
	font-family: 'Montserrat', sans-serif;
}

#onlineshop:link,
#onlineshop:visited {
    text-transform: uppercase;
    position: fixed !important;
    top:0;
    right:0;
    background-color:#D90F1A;
    padding:8px 15px !important;
    -webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
    color:#fff !important;
    text-decoration: none;transition: 0.3s
}

#onlineshop:hover,
#onlineshop:active {
background-color:#D5D5D5}

.onlineshop:link,
.onlineshop:visited {
    background-color:#D90F1A;
    padding:8px 15px !important;

    color:#fff !important;
    text-decoration: none;transition: 0.3s
}

.onlineshop:hover,
.onlineshop:active {
background-color:#D5D5D5}

#onlineshop::after {
     font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    margin-left: 5px !important;
    color: #fff !important;
    wdith: 40px;
    font-weight: normal !important;
    font-size: 14px !important;
    border: none !Important;
    font-style: normal;
    padding-top:0px
}

nav {

position: fixed;
    top:85px;
  z-index: 11;
    right:0;
    width:100%;
    background-color:#D90F1A;

}


.com-content-article__body iframe {
	width:100% !important;
}

nav li a:link,
nav li a:visited {
	padding:10px 12px 10px 12px !important;
		font-family: 'Montserrat', sans-serif;
	font-size:15px !important;
	font-weight:200 !important;
	color:#fff !important; transition: 0.3s !important;
}
nav li a:hover,
nav li a:active,
nav li.active a {

		font-family: 'Montserrat', sans-serif;
    font-size:15px !important;

	color:#fff !important;
	background-color:#D5D5D5 !important;
}

.dj-megamenu-clean li a.dj-up_a > span.dj-drop {
    padding-right:12px !important
}
.dj-megamenu-clean li.parent a.dj-up_a .title {
    padding-right:10px !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;
}



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

nav li a:hover, nav li a:active,
nav li a.active:link, nav li a.active:visited {
color:#D90F1A !important; 
	background-color:#D5D5D5 !important;
	}

.dj-megamenu-wrapper, .dj-megamenu-clean{
    width:100% !important;
    align-items:flex-end !important;
    flex-wrap: nowrap !important;
    display:block !important
}

.dj-megamenu-clean li {
    float:left
}
#mod-custom138 {
    background-color:#E9E9E9 !important;
    padding:15px 0 25px 0 !important
}

#mod-custom138 strong {
    color:#D10A11 !important;
    font-size:18px !important
}

.itemid112,.itemid113,.itemid114 ,.itemid111 {
    float:right !important;
    position: inherit !important;
    display:block;
}


.dj-megamenu-clean li ul.dj-submenu > li {
    width:100%!important;
    float:left !important;
    font-size:14px !important;
    box-sizing: border-box !important
}
.dj-megamenu-clean li ul.dj-submenu > li a:link,
.dj-megamenu-clean li ul.dj-submenu > li a:visited {
    font-size:14px !important;
    padding:5px 5px !important;
    margin:0 !important
}

.dj-megamenu-clean li ul.dj-submenu > li a:hover,
.dj-megamenu-clean li ul.dj-submenu > li a:active {
    padding:5px !important
}

.dj-megamenu-clean li ul.dj-submenu {
    margin:0 !important
}

#slider {
	margin-top:125px!important
}

#slider p {
	margin-left:0 !important;
}

.sliderhead {
			font-family: 'Montserrat', sans-serif !important;
	font-size:35px !important;
	font-weight:700 !important;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
	padding-bottom:0px !important;
    
}

.sliderhead2 {
			font-family: 'Montserrat', sans-serif !important;
	font-size:30px !important;
	font-weight:500 !important;
    color:#000 !important;
	padding-bottom:0px !important;
    
}
.slidersubhead {
			font-family: 'Montserrat', sans-serif !important;
	font-size:24px !important;
	font-weight:500 !important;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
	padding-bottom:10px !important;

}

.sliderhead.aktionslider {
    text-align:left !important;
    padding-top:50px !important;
    padding-left:50px !important;
	font-size:45px !important;
}
.slidersub.aktionslider {
    font-weight:500 !important;
     padding-left:50px !important;
	font-size:25px !important
}

.slidersub2.aktionslider {
    padding-left:50px !important;
    line-height:35px !important;
	font-size:25px !important}
.sliderlink.aktionslider {
    margin-left:35px !important;
	font-size:28px !important;
			font-family: 'Montserrat', sans-serif !important;
}

.slidersub2.aktionslider strong {
	font-size:28px !important;
    font-weight:500 !important
}

.sliderlink:link,
.sliderlink:visited {
	background-color:#D90F1A !important;
color:#fff !important;
	text-decoration: none !important;
	font-family: 'Montserrat', sans-serif;
font-size:17px !important;
font-weight:400 !important;
padding:10px 18px !important;
border:1px solid #fff;
	margin-bottom:15px;
	
  transition: 0.3s !important; }

.sliderlink:hover,
.sliderlink:active {
	background-color:#D5D5D5 !important;}

.sliderlink::before {
font-family: 'Font Awesome 5 Pro';
content: "\f061";
margin-left: 5px !important;
color: #fff !important;
wdith: 40px;
font-weight: 400 !important;
font-size: 15px !important;
border: none !Important;
font-style: normal;
padding-top: 0px;
}

#startboxen {
    width:1200px !important;
    max-width:100% !important;
    margin:0 auto !important
}

.startbox {
    width:46% !important;
    padding:5px 1%!important;
    margin:15px 1%;
    float:left !important;
    background-color:#eee !important;
    text-align: left !important;
    min-height:150px;
    transition:0.3s !important;
        background-image:url("images/back-startbox.jpg");
    background-position: center right;
    background-repeat: no-repeat
    
}

.startbox:hover {
    opacity:0.7 !important
}

.startbox .head {
    font-size:21px !important;
    margin:0!important;
    color:#D90F1A !important;
    text-decoration: none !important;
}

.startbox p {
    color:#000 !important;
    text-decoration: none !important;
    margin:0;
    font-weight:200 !important
}

.startbox b {
    font-size:17px !important;
    color:#999 !important;
    font-weight:500 !important
    
}
.startboxcontent {
    width: 100% !important;
    float:left !important;
    padding-right:25px !important
}



#contentarea {
	width:100% !important;
	max-width:1200px !important;
	margin: 0 auto !important;
	padding-bottom:40px !important
}

.homesite #contentarea, .buerobedarf #contentarea {
    max-width:inherit !important;
    	width:100% !important;
	margin: 0 auto !important;
	padding-bottom:40px !important
    
} 

main {
	width:100% !important;
	padding-top:25px !important;
	margin-top:20px;
    marign-left:auto;margin-right:auto;
    max-width:1200px;
	padding-bottom:50px !important;

    text-align: left;
   
	
}

.homesite main, .buerobedarf main {
    width:100% !important;
	padding-top:25px !important;
	margin-top:20px;
    max-width:inherit !important;
	padding-bottom:50px !important;
    text-align: center
}

.com-content-category-blog.blog {
    text-align: left !important;
}

.com-content-category-blog__items {
    max-width:1900px !important;
    margin:0 auto !important}

.img_caption.item-image {
	width:50% !important;
	float:left !important
}

figure {
	margin:0 !important
}

.aftercontent {
	clear:both !important;
	padding-top:50px;
}

main h1 {
	font-weight:500;
	font-size:28px;
	color:#D90F1A;
    text-align: center !important
}

main h2, main h3, main h4,
main h2 strong, main h3 strong, main h4 strong{
	font-weight:500;
	font-size:21px;
	color:#D90F1A;
	line-height:32px 
}
main a:link,
main a:visited {
	color:#D90F1A;
text-decoration: none;
font-weight:500;}

main a:hover,
main a:active {
	color:#D90F1A;
text-decoration: underline;
font-weight:500;}
main p, main ul, main em,
.com-content-article__body {
	font-size:14px;
	line-height:24px
}

.category-desc {
	text-align:center !important;
    width:1200px;
    max-width:100%;
    margin:0 auto !important
}

.clear {
	clear:both;
}

.mainfullheight {
		height:auto;
	overflow:inherit;
		animation-name: scalemain !important;
	-webkit-animation-name: scalemain !important; 	

	animation-duration: 2s !important;	
	-webkit-animation-duration: 2s !important;

	animation-timing-function: ease !important;	
	-webkit-animation-timing-function: ease !important;	
}



.mainoverlay {
	max-width:100%;
    height: 40px;
    width: 1200px;
	margin-left:auto;
	margin-right:auto;
    bottom: 0;
    text-align: center;
    color:#D90F1A;
    cursor: pointer;
    padding-top: 10px;
    position: relative;
    margin-top: -90px;
    z-index: 1000 !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 }


.mainoverlay2 {
    background: #fff;
	max-width:100%;
    width: 1200px;
	margin-left:auto;
	margin-right:auto;
  
    height: 40px;
    bottom: 0;
    text-align: center;
    color:#D90F1A;
    cursor:pointer
}
.mainoverlay:hover,
.mainoverlay2:hover {
	color:#999 !important
}

#videobox {
	margin-top:50px;
    display:none;
}

.aboutimg {
    width:35% !important;
    margin-right:2% !important;
    float:left !important;
    height:auto !important;
    margin-bottom:15px !important
}

.about main {
    text-align:left !important
}

.about main h1 {
    text-align:center !important
}

.about main .marken {
    text-align:center !important
}

hr {
    clear:both !important
}

.hauptseite #videobox {
    display:block
}
.flex-grow-1 {
	background-color:#D90F1A !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 #D90F1A 
}

aside {
	width:20% !important;
	padding:40px 0;
	float:right;
	
}

aside .box {
		background-color:rgba(52,88,42,0.15);
	padding:8px !important;
	margin:10px 0;
	text-align: center;
	font-weight:200;
	font-size:14px;
	line-height: 22px;
}

aside .box h3 {
	font-weight:500;
	color:#D90F1A;}

aside .box strong {
	font-weight:400 !important;
	color:#D90F1A;}

aside .box a:link,
aside .box a:visited {
	color:#D90F1A;
text-decoration: none;
font-weight:400;}

aside .box a:hover,
aside .box a:active {
	color:#D90F1A;
text-decoration: underline;
font-weight:400;}

.angebotlogo {
	width:70% !important;
}

.com-content-category-blog__items {
    padding:0 50px !important
}

.com-content-category-blog__items a:link,
.com-content-category-blog__items a:visited {
    color:#000 !important
}

.com-content-category-blog__items a:hover,
.com-content-category-blog__items a:active {
    color:#D90F1A !important;
    text-decoration: none !important
}

@media (min-width: 1022px) {
    .blog-items.masonry-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count:2
    }

    .blog-items.masonry-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count:3
    }

    .blog-items.masonry-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count:4
    }
}
.blog-items[class*=" masonry-"] .blog-item, .blog-items[class^=masonry-] .blog-item {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
display: inline-flex;
margin-bottom: 1em;
page-break-inside: avoid;
}
@supports (display:grid) {
.blog-items .blog-item {
padding: 0;
}}
.blog-item {
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0 .5em 1em;
}
*, :after, :before {
box-sizing: border-box;
}

.readmore a:link, .readmore a:visited {
    margin-top: 8px !important;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    background-color: #D90F1A;
    padding:5px;
    font-weight:300;
}

.readmore a:hover, .readmore a:active {
    color: #fff;
    text-decoration: none;
    background-color: #D5D5D5;
    padding:5px
}

p.readmore {
    padding-top:20px !important
}

.readmore 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
}



.blog-item .item-content img {
    float:right !important;
    max-width:50% !important;
    margin-left:3% !important
}
.blog-item .item-content p {
	
	margin:0 !important;
	line-height:22px !important
}



.blog-featured .item-content p {
text-align: center !important
}



#chefwill {
    width:100% !important;
    background-color:#eee !important;
    padding:50px 3% 25px 3% !important;
    margin-left:0%; 
    margin-top:40px !important;
    display:none;
}

.homesite #chefwill {
    display:block
}

.chefwill1 {
    padding-left:0;
    width:34% !important;
    float:left !important;
    margin:15px 4% 0 12% !important;
    text-align: left !important;
list-style: none;}

.chefwill2 {
    padding-left:0;
    width:34% !important;
    float:left !important;
    margin:15px 12% 0 4% !important;
    text-align: left !important;
list-style: none;}

.schule1 {
    padding-left:0;
    width:34% !important;
    float:left !important;
    margin:15px 4% 0 12% !important;
    text-align: left !important;
}

.schule2 {
    padding-left:0;
    width:34% !important;
    float:left !important;
    margin:15px 12% 0 4% !important;
    text-align: left !important;
}

#chefwill ul li {
    margin-bottom:15px !important;
    
}
.item-content ul {
    list-style:none !important
}
#chefwill ul li,
.item-content ul li {
  padding-left: 1.5em;
}
#chefwill ul li:before,
.item-content ul li:before,
.schule1 li:before,
.schule2 li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: FontAwesome;
    color:#D90F1A;
    font-size:18px !important;
    margin-top:2px !important;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
}

#chefwill h1 {
    margin:0 !important
}

#chefwill  b {font-size:20px !important;
    color:#999 !important;
font-weight:500 !important;}

.marken {
    clear:both !important;
    padding-top:40px!important;
    width:1200px;
    max-width:100%;
    margin:0 auto
}

.marken img {
    height:70px !important;
    width:auto !important;
    margin:0 15px !important;
    transition:0.3s !important
}

.marken img:hover {
    opacity:0.7 !important
}

#facebook {
    position:fixed !important;
    bottom:150px;
    left:0 !important;
    height:45px;
    width:45px;
    background-image: url("images/facebook.jpg");
    background-size: contain;
    transition:0.3s !important
}

#facebook:hover {
    opacity:0.7 !important
}

#instagram {
    position:fixed !important;
    bottom:100px;
    left:0 !important;
    height:45px;
    width:45px;
    background-image: url("images/instagram.jpg");
    background-size: contain;
    transition:0.3s !important
}

#instagram:hover {
    opacity:0.7 !important
}




.pagination__wrapper {
	background-color:#fff !important
}

.pagination__wrapper ul {
	margin:0 !important;
	padding:0 !important;
}

.pagination__wrapper ul li {
	float:left !important;
	list-style: none !important
}
.active.page-item {
	padding: 0 8px !important
}

.icon-angle-right::after {
	font-family: 'Font Awesome 5 Pro';
	content:"\f105";
	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;}

.icon-angle-double-right::after {
	font-family: 'Font Awesome 5 Pro';
	content:"\f101";
	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;}

.icon-angle-left::after {
	font-family: 'Font Awesome 5 Pro';
	content:"\f104";
	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;}

.icon-angle-double-left::after {
	font-family: 'Font Awesome 5 Pro';
	content:"\f100";
	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;}

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

#optimal {
    padding-top:0px!important
}

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

#bestoption h2 {
	position:relative;
	z-index: 1000;
	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 #D90F1A;
	padding:10px;
	text-align: center;
	font-size:14px;
	line-height:21px!important
	
}
.best_txt strong {
	font-size:18px;
	color:#D90F1A;
}

.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;
	font-size:14px;
	text-decoration: none;
	background-color:#D90F1A;
	padding:5px;
}

.best_txt a:hover,
.best_txt a:active {
	color:#fff;
	text-decoration: none;
	background-color:#422011;
	padding:5px;
}
.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;}

footer {
	background-color:#D90F1A !important;
	clear:both!important;
	width:100% !important;
	font-size:14px;
	line-height:25px;
	
}

#footerinner {
	max-width:100%;
	margin:0 auto;

	box-sizing:border-box !important;
	
}
#footerinner p {
	margin:10px 0 !important
}

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

#footerright {
	width:50%;
	float:right;
	color:#000;
	font-style: normal;
    background-color:#eeeeee;
}

#footerleft a:link,
#footerleft a:visited {
	color:#fff !important;
    text-decoration: none;
	
}

#footerright a:link,
#footerright a:visited {
	color:#D90F1A !important;
    text-decoration: none;
	
}
#footerright h3 {
    color:#D90F1A !important;}

#footerleft a:hover,
#footerleft a:active,
#footerright a:hover,
#footerright a:active {
	text-decoration:underline !important
	
}

#footerleft .mod-custom,
#footerright .mod-custom{
    padding:25px !important
}

footer .row1,
footer .row2,
footer .row3 {
    width:30% !important;
    margin-right:3% !important;
    float:left !important;
    padding-bottom:15px !important
}

address {
	font-style: normal !important
}

footer iframe {
	height:280px;
	width:90%;
}

.clearcontent {
	clear:both;
}
.mobileicons {
	
	display:none
}

.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;
}

#jPanel_187 {
	top:inherit !important;
	bottom:200px !important
}
#jPanel_191 {
	top:inherit !important;
	bottom:250px !important
}
#jPanel_192 {
	top:inherit !important;
	bottom:300px !important
}

.jpanelHandle {
	font-size:26px !important;
	padding:6px 4px !important;
	width:49px !important;
	padding-top:9px !important;
	border-radius: 0 !important;
	border:1px solid #fff !important;
	right:-70px !important;
	
	
}

.G3-body.joomla.chronoforms.index {
    max-width:600px !important;
    margin:0 auto !important;
    text-align: left !important;
}

.homesite .jpanelHandle {
	font-size:26px !important;
	padding:4px !important;
	width:48px !important;
	padding-top:9px !important;
	border-radius: 0 !important;
	border:1px solid #fff !important;
	right:-70px !important;
	
	
}

.jpanelHandle i {
	font-size:25px !important;
		color:#fff !important;
	margin-bottom:7px !important
}

#jPanel_131 .jpanelHandle {
	padding:6px 7px 3px 7px !important;
}

.jpanelHandle img {
	height:25px !important;
}
.jpanelHandle a {
	color:#fff !important
}

ul.modulelist {
margin: 0;
padding: 10px 5px 0 5px !important;
}

.jpanelContent {
	border:1px solid #fff !important;
	height:47px !important
}

.homesite .jpanelContent {
	border:1px solid #fff !important;
	height:52px !important
}

.jpanelContent a {
	font-size:14px !important;
font-family: 'Montserrat', sans-serif;
	color:#fff !important;
	text-decoration: none !important;
	padding-top:13px !important;
}

.jpanelMod {
	margin-top:3px !important
}


.ruxin_font_resizer {
	background-color:#fff !important;
	font-size:15px !important;
	color:#D90F1A !important
	
	
}.ruxin_font_resizer i {
	
	margin-left:5px !important;
	margin-right:10px;
	float:left !important;
	font-size:25px !important;
color:#D90F1A !important}	
.ruxin_font_resizer a {
	color:#D90F1A !important;
	text-decoration:none !important;
}

.ruxin_font_resizer div {
	float:left !important;
}

.ruxin_font_resizer_reset {
	padding:0 10px !important
}


.ba__arrow,#modID194 .ba__buttons > *, #modID194 .pager > * {
	background-color:#D90F1A !important
}

.ba__arrow:hover,
#modID194 .ba__buttons > :hover, #modID194 .pager > .active{
	background-color:#D5D5D5 !important
}

@media (max-width:1400px) {
	.n2-ss-layer.n2-ow.n-uc-PfTadxXow9HQ {
		zoom:0.7 !important
	}
	
	#best_txt_kissen {
		right:20px !important
	}
	
}


@media (max-width:1050px) and (min-width:750px) {
		
	.n2-ss-layer.n2-ow.n-uc-PfTadxXow9HQ {
		zoom:0.6 !important;
		left:-20px !important
	}
	
	
	.best_txt a {
		font-size:13px !important
	}

#best_relax2000 {
	position:absolute;
	left:50%;
	width:650px;
	margin-left:-350px;
	bottom:190px;
}
#best_matratze {
	position:absolute;
	left:50%;
	width:650px;
	margin-left:-300px;
	bottom:290px;
	visibility: hidden;
}
#best_auflage {
	position:absolute;
	left:50%;
	width:650px;
	margin-left:-280px;
	bottom:360px;
	visibility: hidden;
}
#best_kissen {
	position:absolute;
	left:50%;
	width:650px;
	margin-left:-250px;
	bottom:480px;
	visibility: hidden;
}
.best_txt {
	border:0px solid #D90F1A;
	padding:10px;
	text-align: center;
	font-size:12px !important;
	line-height:19px !important;
	
}
.best_txt strong {
	font-size:15px;
	color:#D90F1A;
}

.best_txt p {
	margin:5px 0 8px 0;
	line-height:20px !important;
	font-size:14px !important
}
	
#best_txt_relax2000 {
	width:360px;
	position: absolute;
	bottom:120px;
	right:0%;
	margin-right:0;
	visibility: hidden;
}
	
#best_txt_matratze {
	width:360px;
	position: absolute;
	bottom:0px;
	left:0.5%;
	visibility: hidden;

}

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

#best_txt_auflage {
	width:360px;
	position: absolute;
	top:140px;
	left:1.5%;
	visibility: hidden;
}
	
	
}

@media (max-width:900px) {
	
	.dj-megamenu-wrapper{
		width:100% !important
	}
	
	main,aside {
		width:95% !important;
		padding:0 2.5% !important;
	}
	
	#linkberatung {
		font-size:14px !important;
		width:150px !important;
	}
	
	#linkberatung i {
		margin-top:0!important
	}
	
	#logo {
		height:95px !important
	}
	
	nav li a:link, nav li a:visited {
		font-size:14px !important
	}
	
	header {
		height:140px !important
	}
	
	#slider {
		margin-top:85px !important
	}
	
	.sliderhead {
		font-size:30px !important;
	}.slidersub {
		font-size:18px !important
	}
	
	.sliderlink {
		font-size:14px !important
	}
	
	.qpartner {
		width:90px !important;
	}
	
	
}

@media (max-width:900px) {
	#bestoption {
		display:none
	}
	
	.sliderhead.aktionslider,
	.n2-ss-layer.n2-ow.n-uc-PfTadxXow9HQ {
		text-align: right !important
	}
	
	.qpartner {
		display:none !important
	}
	
	
	
	#footerleft, #footerright {
		width:100% !important;
		text-align: left !important
	}

	.mobileicons {
		position:fixed !important;
		top:5px !important ;
		display:block !important;
		font-size:15px !important;
		float:right !important;
		color:#fff !important;
		left:10px !important;
        z-index: 100000 !important;
        padding-top:10px;
	}
    
    	.mobileicons a:link,
    .mobileicons a:visited {
        color:#fff !important;
        text-decoration: none;
        padding:15px 15px 0 0 !important
    }
	
	.mobileicons a::after {
font-family: 'Font Awesome 5 Pro';
content: "\f0a9";
margin-left: 5px !important;
color: #fff !important;
wdith: 40px;
font-weight: normal !important;
font-size: 14px !important;
border: none !Important;
font-style: normal;
    }
	
	.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
	}
	
	nav {
		width:100% !important;
		border-radius:0 !important
	}
	
	.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn
	{
		background-color:#D90F1A !important;
		color:#fff !important
	}
	
	ul.dj-mobile-dark li.dj-mobileitem>a {
font-size:15px !important;
	padding:15px !important;
		border-top:1px solid #fff !important
	}
	
	.mobileicons {
		top:125px !important
	}
	
	#linkberatung  {display:none !important}
	
	.slidersub2 {
			font-family: 'Montserrat', sans-serif;
	font-size:22px !important;
	color:#fff !important;
	font-weight:400;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	padding-bottom:10px;
}

.sliderhead.aktionslider {
    text-align:left !important;
    padding-top:25px !important;
    padding-left:0px !important;
	font-size:55px !important;
}
.slidersub.aktionslider {
    font-weight:700 !important;
     padding-left:0px !important;
	font-size:28px !important
}

.slidersub2.aktionslider {
    padding-left:50px !important;
    line-height:35px !important;
	font-size:25px !important}
.sliderlink.aktionslider {
    margin-left:35px !important;
	font-size:28px !important;
			font-family: 'Montserrat', sans-serif !important;
}
}


@media (max-width:500px) {
	aside .box {
		width:95% !important;
		float:none !important;
		margin-top:15px !important
	}


}


@media (max-width:700px) {
    .startbox {
        width:100% !important;
    }
    
    .chefwill1, .chefwill2 {
        width:90% !important;
        margin:15px 4% 0 4% !important
    }
}

@media (max-width:1200px) {
    footer .row1, footer .row2, footer .row3 {
        font-size:12px !important;
        text-align: left !important
    }
    
    footer iframe {
        width:100% !important;
    }
}


@media (max-width:1100px) {
    #contentarea {
        width:100% !important;
        margin-left:0% !important;
    }
    
    
nav li a:link,
nav li a:visited {
	padding:5.5px 8px 5px 8px !important;
		font-family: 'Montserrat', sans-serif;
	font-size:14px !important;
	font-weight:200 !important;
	color:#fff !important; transition: 0.3s !important;
}
nav li a:hover,
nav li a:active,
nav li.active a {
	padding:5.5px 8px 5px 8px !important;
		font-family: 'Montserrat', sans-serif;
    font-size:14px !important;

	color:#fff !important;
	background-color:#D5D5D5 !important;
}
    
    #linkberatung {
        font-size:13px !important
    }
    
    #linkberatung i {
        font-size:22px !important
    }
    
    .marken img {
        height:85px !important
    }
}

@media (max-width:960px) {
    
    #directlinks {
        display:none;
    }

    
    header {
        text-align: center !important;
        position: inherit !important;
        height:auto !important
    }
    #logo {
width: 30% !important;
        max-width:450px !important;
height: auto !important;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 25px;
position: inherit !important;
top: inherit;
left: inherit;
z-index: inherit;
        margin-top:80px !important;
}
    
    #navback {
        display:none !important
    }
    
    nav {
        position: fixed !important;
        width:100% !important;
        top:0;
        height:50px !important;
        z-index: inherit;
        right:inherit;
        
      background-color:#D90F1A !important;
    }
    
    .dj-accordion-in {
        margin-top:0 !important
    }
    
    .mobileicons {
        top:8px !important
    }
    
    #slider {
        margin-top:0 !important
    }
}

@media (max-width:600px) {
    
    .blog-featured .blog-item {
width: 100% !important;
margin: 0% !important;
float: none !important;
clear: none !important;
}
    .blog-item .left.item-image {
        width:100% !important
    }
    
    .clear {
        padding:0 !important
    }
    
    main img {
       width:80% !important;
        margin:0 10%;
        height:auto !important
    }
    
}

@media (max-width:450px) {
        #logo {
width: 50% !important;
       
height: auto !important;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 25px;
position: inherit !important;
top: inherit;
left: inherit;
z-index: inherit;
        margin-top:80px !important;
}
    
    .hidemobile {
        display:none !important
    }
    
    footer .row1, footer .row2, footer .row3 {
font-size: 15px !important;
text-align: left !important;
        width:100% !important;
}
   
}