/* 
Hier habe ich die styles vom alten Projekt übernommen bis und mit den styles für Systemauswahl. Die styles 
für konfiguration und weiter habe ich dann weggelassen vorerst. Die styles für Systemauswahl können fast 1 zu 1
übernommen werden da es sich heir auch um Produkte handelt, nur heisst das file beim alten Projekt 
systemauswahl.php und beim neuen ofenberaturn.php aber das Layout ist sehr ähnlich.
(unten habe ich das nochmals notiert wo ich das für systemauswahl übernommen habe).
*/

@font-face {
  font-family: 'SuisseIntl-Book';
  src: url('../fonts/SuisseIntl-Book-WebXL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SuisseIntl-Book-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SuisseIntl-Book-WebXL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SuisseIntl-Book-WebXL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SuisseIntl-Book-WebXL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SuisseIntl-Book-WebXL.svg#SuisseIntl-Book') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SuisseIntl-SemiBold';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/SuisseIntl-SemiBold-WebXL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SuisseIntl-SemiBold-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SuisseIntl-SemiBold-WebXL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SuisseIntl-SemiBold-WebXL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SuisseIntl-SemiBold-WebXL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SuisseIntl-SemiBold-WebXL.svg#SuisseIntl-SemiBold') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SuisseWorks-Book';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/SuisseWorks-Book-WebXL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SuisseWorks-Book-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SuisseWorks-Book-WebXL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SuisseWorks-Book-WebXL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SuisseWorks-Book-WebXL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SuisseWorks-Book-WebXL.svg#SuisseWorks-Book') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SuisseWorks-Medium';
  src: url('../fonts/SuisseWorks-Medium-WebXL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SuisseWorks-Medium-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SuisseWorks-Medium-WebXL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SuisseWorks-Medium-WebXL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SuisseWorks-Medium-WebXL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SuisseWorks-Medium-WebXL.svg#SuisseWorks-Medium') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SuisseWorks-Bold';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/SuisseWorks-Bold-WebXL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SuisseWorks-Bold-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SuisseWorks-Bold-WebXL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SuisseWorks-Bold-WebXL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SuisseWorks-Bold-WebXL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SuisseWorks-Bold-WebXL.svg#SuisseWorks-Bold') format('svg'); /* Legacy iOS */
}

/* Allgemein */
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}h1,h2,h3,h4,h5{font-weight: normal;}
html {
  scroll-behavior: smooth;
}
* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
}
.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
}
img {
	max-width:100%;
	height:auto;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#fff;
    touch-action: manipulation;
}
button, input[type=button], input[type=submit] {
    font-weight: normal;
}

#header.nav-up {
    top: -99px;
    transition:all .3s ease;
}
#header.nav-down {
    top: 0;
    transition:all .3s ease;
}
#header {
	background:#fff;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 999;
}
#header-inner {    
    margin:0 auto;
	padding:30px 76px;
    max-width:2560px;
    display: flex;
    justify-content: space-between;
}
#logo svg {
    display: block;
    width:153px;
    height:39px;
}
#menu {
    padding-right:50px;
}
#menu ul {
    text-align: right;
}
#menu ul li {
    display: inline-block;
    margin:0 24px;
}
#menu ul li a {
    font-family: 'SuisseIntl-Book';
    font-size:18px;
    line-height:25px;
    color:#695B54;
    text-decoration: none;
    border-bottom:2px solid transparent;
}
#menu ul li a:hover, #menu ul li.current-menu-item a {
    border-bottom:2px solid #695B54;
}
#menu ul li .sub-menu {
    display: none;
}

#contact-trigger {
    position: absolute;
    top:35px;
    right:76px;
    cursor: pointer;
}
#contact-toggle {
    position: fixed;
    top:222px;
    right:0;
    width:375px;
    background:#D83D3D;
    padding:64px 54px 40px 54px;
    transform: translateX(100%);
    transition:all .6s ease;
    z-index: 999;
}
#contact-toggle.copen {
    transform: translateX(0);
    transition:all .6s ease;
}
#contact-toggle-close {
    position: absolute;
    top:20px;
    right:20px;
    cursor: pointer;
}
#contact-toggle p {
    font-family: 'SuisseIntl-Book';
    font-size:24px;
    line-height:36px;
    color:#fff;
}
#contact-toggle p a {
    color:#fff;
    text-decoration: none;
}
#contact-toggle p a:hover {
    text-decoration: underline;
}
#contact-toggle ul#contact-toggle-linklist {
    padding-top:36px;
}
#contact-toggle ul#contact-toggle-linklist li {
    margin-bottom:8px;
}
#contact-toggle ul#contact-toggle-linklist li a {
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size:16px;
    line-height:26px;
    color:#fff;
    text-decoration: none;
}
#contact-toggle ul#contact-toggle-linklist li a:hover {
    text-decoration: underline;
}
#contact-socials-items {
    display: flex;
    margin:0 -14px;
    padding-top:40px;
}
#mobile-menu #contact-socials-items {
    justify-content: center;
}
#contact-socials-items .contact-socials-item {
    margin:0 14px;
}

#page-title {
    padding:32px 32px 0 32px;
}
#page-title h1 {
    font-family: 'SuisseWorks-Medium';
    font-size:68px;
    line-height:82px;
    color:#695B54;
    text-align: center;
    margin-bottom:16px;
}
#page-title p {
    font-family: 'SuisseIntl-Book';
    font-size:24px;
    line-height:30px;
    color:#695B54;
    text-align: center;
}

#steps {
    width:100%;
    background:#fff;
	z-index: 999;
}
#steps.fixed {
    position: fixed;
    top:0;
    left:0;
    transition:all .3s ease;
}
#steps.fixed.nav-up {
    top:0;
    transition:all .3s ease;
}
#steps.fixed.nav-down {
    top:99px;
    transition:all .3s ease;
}

#steps #dot-nav {
    padding:50px 32px;
    transition:all .3s ease;
}
#steps.fixed #dot-nav {
    padding:16px 32px 12px 32px;
    transition:all .3s ease;
}
#steps #dot-nav ul.dnav {
    display: flex;
    justify-content: center;
    margin:0 -66px;
}
#steps #dot-nav ul.dnav li {
    padding:0 66px;
    position: relative;
}
#steps #dot-nav ul.dnav li.bk-item:before {
    position: absolute;
    top:10px;
    left:-66px;
    content:"";
    width:132px;
    height:1px;
    background:#695B54;
}
#steps #dot-nav ul.dnav li a {
    display: block;
    text-decoration: none;
    width:20px;
    height:20px;
    background:#F5F5F5;
    border:1px solid #695B54;
    border-radius:50%;
    margin-bottom:36px;
}
#steps #dot-nav ul.dnav li.active a {
    background:#D83D3D;
    border:1px solid #D83D3D;
}
#steps #dot-nav ul.dnav li a span.label_d {
    font-family: 'SuisseIntl-Book';
    font-size: 15px;
    line-height: 24px;
    color: #695B54;
    position: absolute;
    top:0;
    left:50%;
    padding-top:28px;
    transform: translateX(-50%);
    white-space: nowrap;
}
#steps #dot-nav ul.dnav li.active a span.label_d {
    color: #D83D3D;
}
#steps #dot-nav ul.dnav li a span.label_m {
    width:20px;
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 20px;
    color:#695B54;
    text-align: center;
    display: block;
}
#steps #dot-nav ul.dnav li.active a span.label_m {
    color:#fff;
}
#steps #dot-nav.iclear ul.dnav li.konf-item a, #steps #dot-nav.all_clear ul.dnav li.konf-item a, #steps #dot-nav.all_clear ul.dnav li:nth-child(2) a  {
    background:url(../img/step-checkmark.svg) #695B54 no-repeat center center;
    background-size:10px 7px;
}
#steps #dot-nav.iclear ul.dnav li.konf-item a span.label_m, #steps #dot-nav.all_clear ul.dnav li.konf-item a span.label_m, #steps #dot-nav.all_clear ul.dnav li:nth-child(2) a span.label_m {
    display: none;
}

#wrapper {
	padding-top: 99px;
    overflow: hidden;
}

#content {
	background:#fff;
}
#content-inner {
	position: relative;
}

.form-text {
	margin:0 auto;
    padding:40px 0 52px 0;
	max-width:1380px;
}
#content.offer .form-text {
    border-bottom:1px solid #D3D3D3;
    margin-bottom.48px;
}
.form-text h1, .form-text h2 {
  	font-family: 'SuisseIntl-Book';
	font-size:30px;
	line-height:36px;
	color:#695B54;
    text-align: center;
    padding:0 32px;
}
.form-text p {
  	font-family: 'SuisseIntl-Book';
	font-size:16px;
	line-height: 22px;
	color:#695B54;
}
.form-text p a {
	color:#D83D3D;
}
.form-text p a:hover {
	text-decoration: none;
}

.outputMsg {
	color:#ff0000;
	border:1px solid #ff0000;
	padding:20px;
  	font-family: 'SuisseIntl-SemiBold';
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	margin:30px auto;
	max-width:704px;
}

#bottom-nav {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 999;
	background:#333;
}
#bottom-nav-inner {
	margin:0 auto;
	max-width:1380px;
	padding:18px 48px;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
#bottom-nav #back-button a {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 17px;
	line-height: 31px;
	color:#fff;
    text-decoration: none;
	padding-left:36px;
	display: inline-block;
    background:url(../img/back-arrow.svg) no-repeat left center;
    background-size:20px 16px;
}
#bottom-nav #back-button a:hover {
	color:#D83D3D;
    background:url(../img/back-arrow-orange.svg) no-repeat left center;
    background-size:20px 16px;
}
#bottom-nav span.min-price {
    color:#D83D3D;
    white-space: nowrap;
}
#bottom-nav #prod_continue {
	text-align: right;
	position: relative;
}
#bottom-nav #prod_continue button {
	-webkit-appearance:none;
	appearance:none;
	font-family: 'SuisseIntl-SemiBold';
	font-size: 16px;
	line-height: 20px;
	color:#fff;
	background:url(../img/continue-arrow.svg) #D83D3D no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #D83D3D;
	border-radius: 45px;
	padding:10px 61px 10px 25px;
	display: inline-block;
	cursor: pointer;
}
#bottom-nav #prod_continue button:hover, #orange_buttons button:hover {
	background:url(../img/continue-arrow.svg) #999 no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #999;
}
#bottom-nav #prod_continue button:disabled, #bottom-nav #prod_continue button[disabled], #orange_buttons button:disabled, #orange_button button:disabled, #orange_buttons button[disabled], #orange_button button[disabled] {
	border: 1px solid #aaa !important;
	background:url(../img/continue-arrow.svg) #aaa no-repeat right 25px center !important;
    background-size:20px 16px !important;
	color: #fff !important;
	cursor: default !important;
	padding:10px 61px 10px 25px !important;
    font-weight: normal !important;
}
#bottom-nav #prod_continue_text, #bottom-nav p {
	font-family: 'SuisseIntl-Book';
	font-size: 20px;
	line-height: 22px;
	color:#fff;
	white-space: nowrap;
    margin:0 16px;
}
#bottom-nav p {
    margin-right:0;
}
#orange_buttons {
	text-align: right;
	font-size:0;
}
#orange_button {
	text-align: center;
}
#orange_buttons button, #orange_button button {
	-webkit-appearance:none;
	appearance:none;
	font-family: 'SuisseIntl-SemiBold';
	font-size: 16px;
	line-height: 21px;
	color:#fff;
	background:url(../img/continue-arrow.svg) #D83D3D no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #D83D3D;
	border-radius: 45px;
	padding:10px 61px 10px 25px;
	display: inline-block;
	cursor: pointer;
	margin-left:8px;
}
#orange_button button {
	margin-left:0;
}
#orange_buttons button:hover, #orange_button button:hover {
	background:url(../img/continue-arrow.svg) #999 no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #999;
}

#prod_continue button:disabled, #prod_continue button:disabled:hover {
	border:1px solid #ccc;
	color:#999;
	cursor: default;
	background:url(../img/continue-arrow.svg) #ccc no-repeat right 25px center;
    background-size:20px 16px;
}

#produkte {
    background:#F0F0F0;
}
#produkte #produkt_auswahl_form { 
    margin:0 auto;
    padding:36px 48px 0 48px;
    max-width:1082px;
}

#cb-block {
	display: flex;
	margin:0 0 40px 0;
}
#oa-count {
	font-family: 'SuisseIntl-Book';
	font-size: 24px;
	line-height: 28px;
	color:#B9B9B9;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#oa-count {
	width:250px;
}
#oa-count {
	width:100%;
}
#oa-count span.corange {
	color:#695B54;
}
.oa-block {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	margin:0 -20px;
}
.oa-block .oa-item {
	width:calc(33.333% - 40px);
	margin:0 20px 40px 20px;
	background:#fff;
	height:calc(100% - 44px);
	position: relative;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0);
    transition: all .3s ease;
}
.oa-block .oa-item:hover {
	box-shadow: 0 0 50px 0 rgba(0,0,0,.35);
}

.oa-block .oa-item .prod_text {
    padding:0 24px 24px 24px;
}

.oa-buttons {
    display: flex;
    flex-wrap: wrap;
    margin:0 -5px;
}
.oa-item .prod_detail {
    margin:0 5px;
    width:calc(50% - 10px);
}
.oa-item .prod_detail > span {
    min-height:32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background:#fff;
    border:1px solid #695B54;
    border-radius:2px;
}
.oa-item .prod_detail > span > span {
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 13px;
	color:#695B54;
    padding:3px 8px;
    text-align: center;
}
.oa-item .prod_detail:hover > span {
    background:#695B54;
}
.oa-item .prod_detail:hover > span > span {
	color:#fff;
}

.oa-block .oa-item .checkbox-prod {
    margin:0 5px;
    width:calc(50% - 10px);
}
.oa-block .oa-item .checkbox-prod input {
    position: absolute;
    opacity:0;
}
.oa-block .oa-item .checkbox-prod label {
    cursor: pointer;
    display: block;
    position: relative;
}
.oa-block .oa-item .checkbox-prod span {
    display: block;
    text-align: center;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"] + label {
    padding:3px;
    border:1px solid #D83D3D;
    border-radius:2px;
	font-family: 'SuisseIntl-SemiBold';
	font-size: 12px;
	line-height: 13px;
	color:#D83D3D;
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height:26px;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"] + label:hover {
    background:#D83D3D;
    color:#fff;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label {
	color:#fff;
    background:url(../img/Icons/check-on.svg) #D83D3D no-repeat right 14% center;
	background-size:16px 10px;
    text-align: left;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
    border:1px solid #D83D3D;
    background:url(../img/Icons/check-remove.svg) #D83D3D no-repeat right 15% center;
	background-size:13px 13px;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label span {
    width:85%;
    text-align: left;
}

.oa-block .oa-item a {
    text-decoration: none;
    display: block;
}
.oa-block .oa-item .prod_img {
    margin-bottom:22px;
    padding:24px 7px 0 7px;
}
.oa-block .oa-item .prod_img img {
    display: block;
}
.oa-block .oa-item h2 {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 24px;
	line-height: 24px;
	color:#695B54;
    margin-bottom:6px;
}
.oa-block .oa-item .prod_price {
	font-family: 'SuisseIntl-Book';
	font-size: 20px;
	line-height: 20px;
	color:#695B54;
	margin-bottom:12px;
}
.oa-block .oa-item.no-var .prod_price {
	margin-bottom:48px;
}

.panel-group.produkt_filter {
	display:flex;
	margin:0 -12px 16px -12px;
}
.panel-group.produkt_filter .produkt_filter_item {
	width:calc(33.333% - 24px);
	margin:0 12px 8px 12px;
	background:#fff;
    border:1px solid #AD9F9B;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.panel-group.produkt_filter .produkt_filter_item.icheck {
	background:#D83D3D;
    border:1px solid #D83D3D;
}
.panel-group.produkt_filter .produkt_filter_item .panel-heading {
	position: relative;
}
.panel-group.produkt_filter .produkt_filter_item .panel-heading h4 {
	font-family: 'SuisseIntl-Book';
	font-size: 14px;
	line-height: 18px;
	color:#695B54;
	padding:9px 30px 9px 10px;
	cursor: pointer;
	background:url(../img/Icons/arrow-down.svg) no-repeat right 10px center;
	background-size:14px 7px;
}
.panel-group.produkt_filter .produkt_filter_item .panel-heading .panel-reset-filter {
	display: none;
	position: absolute;
	top:6px;
	right:6px;
	width:24px;
	height:24px;
	background:url(../img/Icons/close-orange.svg) no-repeat center center;
	background-size:12px 12px;
}
.panel-group.produkt_filter .produkt_filter_item.icheck .panel-heading h4 {
	background:none;
	color:#fff;
}
.panel-group.produkt_filter .produkt_filter_item.icheck .panel-heading .panel-reset-filter {
	display: block;
	cursor: pointer;
}
.produkt_filter_item .panel-default {
	position: relative;
}
.produkt_filter_item .panel-collapse {
	display: none;
	position: absolute;
	top:-1px;
	left:-1px;
	background:#fff;
    border:1px solid #695B54;
	padding:9px 10px;
	z-index: 99;
	min-width:212px;
}
.produkt_filter_item .panel-collapse.popen {
	display: block;
}
.produkt_filter_item .panel-collapse .panel-title {
	font-size:0;
	margin:0 0 16px 0;
}
.produkt_filter_item .panel-collapse .panel-title h4 {
	font-family: 'SuisseIntl-Book';
	font-size: 14px;
	line-height: 18px;
	color:#695B54;
	padding-right:20px;
}
.produkt_filter_item .panel-collapse .panel-close {
	position: absolute;
	top:9px;
	right:11px;
	width:16px;
	height:16px;
	cursor: pointer;
}
.panel-links {
	margin:0 0 16px 0;
	font-size:0;
}
.panel-links .pl-item {
	display: inline-block;
	margin-right:16px;
}
.panel-links .pl-item span {
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 16px;
	color:#695B54;
	text-decoration: underline;
	cursor: pointer;
}
.panel-links .pl-item span:hover {
	color:#D83D3D;
	text-decoration: none;
}
.checkboxes {
	margin:0 0 22px 0;
}
.checkboxes .checkbox {
	margin:0 0 4px 0;
	padding-right:16px;
	white-space: nowrap;
}
.checkboxes .checkbox.filter_item_hidden {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.35;
}
.checkboxes .checkbox input[type="checkbox"] {
    opacity: 0;
	position: absolute;
}
.checkboxes .checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 21px;
	cursor: pointer;
	font-family: 'SuisseIntl-SemiBold';
	font-size: 16px;
	line-height: 24px;
	color:#695B54;
	white-space: nowrap;
}
.checkboxes .checkbox label .lcount {
	font-family: 'SuisseIntl-Book';
}
.checkboxes .checkbox label::before, .checkboxes .checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.checkboxes .checkbox label::before{
    height: 12px;
    width: 12px;
    border: 1px solid #695B54;
    left: 0px;
    top: 5px;
}
.checkboxes .checkbox label::after {
    height: 3px;
    width: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    left: 3px;
    top: 8px;
}
.checkboxes .checkbox input[type="checkbox"] + label::after {
    content: none;
}
.checkboxes .checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}
.checkboxes .checkbox input[type="checkbox"]:checked + label::before {
    border: 1px solid #D83D3D;
	background:#D83D3D;
}
.count-button {
	font-family: 'SuisseIntl-Book';
	font-size: 14px;
	line-height: 18px;
	color:#695B54;
	border:1px solid #695B54;
	margin:0 0 4px 0;
	padding:8px 10px;
	background:#fff;
	display: inline-block;
	cursor: pointer;
}
.filter_info {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left:4px;
}
.filter_info_icon {
	cursor: pointer;
}
.filter_info_text {
	display: none;
	position: absolute;
	top:18px;
	right:-175px;
	width:166px;
	background:#D8D8D8;
	border:1px solid #707070;
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 18px;
	color: #695B54;
	padding:12px;
	white-space: normal;
	z-index: 999;
}
#filter_3.produkt_filter_item .panel-collapse, #filter_7.produkt_filter_item .panel-collapse {
	position: absolute;
	left: inherit;
	right:0;
}
#filter-block > .produkt_filter {
    margin:0 auto;
    padding:0 32px;
    max-width:592px;
}
.produkt_filter .produkt_filter {
    padding:0;
}

#oa-crs {
	display: flex;
	flex-wrap: wrap;
	margin:0 auto 32px auto;
    padding:0 32px;
    max-width:592px;
}
#oa-crs #oa-reset {
	width:192px;
	height:20px;
	margin-right:32px;
	text-align: center;
	align-self: center;
}
#oa-crs #oa-sort {
	width:calc(100% - 224px);
	height:20px;
	text-align: right;
	align-self: center;
}
#oa-crs #oa-sort select {
	width:148px;
}
#oa-crs #oa-reset, #oa-crs #oa-sort label {
	font-family: 'SuisseIntl-Book';
	font-size: 13px;
	line-height: 18px;
	color: #695B54;
	display: inline-block;
}
#oa-crs #oa-reset {
    text-align: left;
}
#oa-crs #oa-reset a {
	font-family: 'SuisseIntl-Book';
	font-size: 13px;
	line-height: 18px;
	color:#D83D3D;
	display: inline-block;
	text-decoration: none;
}
#oa-crs #oa-reset a:hover {
	text-decoration: underline;
}

.varianten-block {
    position: relative;
    margin-bottom:18px;
}
.varianten {
	width:96px;
}
.varianten .sichtbare_ueberschrift {
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 18px;
	color: #695B54;
	padding-right:21px;
	background: url(../img/Icons/arrow-down-g.svg) no-repeat right center;
	background-size: 14px 7px;
	position: relative;
    cursor:pointer;
}
.varianten.zindex .sichtbare_ueberschrift {
	z-index: 99;
}
.varianten_wrapper {
	display: none;
	position: absolute;
	top:-10px;
	left:-13px;
	z-index: 9;
	border: 1px solid #695B54;
	background:#fff;
	padding:36px 12px 12px 12px;
	width:100%;
}
.varianten_wrapper .eine_variante {
	font-size: 14px;
	line-height: 18px;
	color:#695B54;
	padding:3px 0;
	text-align: left !important;
}
.varianten_wrapper .eine_variante input {
    position: absolute;
    opacity:0;
}
.varianten_wrapper .eine_variante .ausfuehrung {
	font-family: 'SuisseIntl-Book';
}
.varianten_wrapper .eine_variante .preis {
	font-family: 'SuisseIntl-SemiBold';
	padding-left: 7px;
	white-space: nowrap; /* Von Iwan am 14.05.2020 hinzugefügt */
}
.varianten_wrapper .eine_variante.my_activ_item label {
	color: #D83D3D !important;
}
.varianten_wrapper .eine_variante label:hover {
	color:#AAAAAA;
	cursor: pointer;
}

#box-block {
	margin:0 auto;
    padding:0 32px;
    max-width:1290px;
}
.box-item {
	border-top:1px solid #D3D3D3;
	margin:0 0 48px 0;
    padding-top:48px;
}
.box-item h2 {
    font-family: 'SuisseWorks-Medium';
	font-size: 40px;
	line-height: 48px;
	color: #695B54;
    text-align: center;
	margin:0 0 8px 0;
}
.box-item p {
	font-family: 'SuisseIntl-Book';
	font-size: 16px;
	line-height: 24px;
	color: #695B54;
    text-align: center;
	margin:0 0 44px 0;
}
.box-item input#plz {
    -webkit-appearance: none;
	appearance: none;
    width:146px;
    border-radius:3px;
    border:1px solid #695B54;
	background: #EFEFEF;
	font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 32px;
    color: #695B54;
    margin:0 auto;
    padding: 12px 45px 16px 45px;
    text-align: center;
    display: block;
}
.box-item fieldset {
    margin:0 auto;
    max-width:1290px;
}
.box-item ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	margin:0 -8px;
}
.box-item ul li {
	display: inline-block;
	width:calc(25% - 16px);
	margin:0 8px 16px 8px;
}
.box-item ul li img {
	margin-bottom:3px;
}
.box-item ul li label {
	border: 1px solid #D8D8D8;
    padding: 9px 10px 6px 10px;
    font-family: 'SuisseIntl-Book';
    font-size: 14px;
    line-height: 18px;
    color: #695B54;
	position: relative;
	display: block;
	cursor: pointer;
	height:calc(100% - 15px);
}
.box-item ul li label:hover {
	border: 1px solid #D83D3D;
}
.box-item ul li.rbutton input {
	position: absolute;
	opacity: 0;
}
.box-item ul li.rbutton label span.box-item-answer {
	padding:3px 34px 3px 0;
	display: block;
}
.box-item ul li.rbutton input + label {
	border: 1px solid #D8D8D8;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background:none;
	display: block;
}
.box-item ul li.rbutton input:checked + label {
	border: 1px solid #D83D3D;
	background: url(../img/Icons/auswahl_system.svg) #fff no-repeat right 10px bottom 8px;
	background-size: 24px 24px;
}

#flex-block {
    margin:0 auto;
    max-width:1380px;
    border-top:1px solid #D3D3D3;
}
#preview-block {
	margin: 0 auto 48px auto;
    max-width:568px;
	padding: 48px 52px;
    background:#f1f1f1;
    display: flex;
    flex-wrap: wrap;
}
#preview-block #preview-block-text {
    width:calc(50% - 16px);
    margin-right:16px;
}
#preview-block #preview-block-pdf {
    width:calc(50% - 16px);
    margin-left:16px;
    text-align: right;
}
#partner-block, #form-block {
	margin: 0 auto;
    max-width:672px;
	padding:48px 0 12px 0;
}
#partner-block h2, #form-block h2, #preview-block h2 {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 24px;
	line-height: 32px;
	color: #695B54;
    text-align: center;
	margin: 0 0 18px 0;
}
#partner-block p, #form-block p, #preview-block p {
	font-family: 'SuisseIntl-Book';
	font-size: 16px;
	line-height: 24px;
	color: #695B54;
    text-align: center;
	margin: 0 0 48px 0;
}
#preview-block #preview-block-text h2 {
    margin:0;
    text-align: left;
}
#preview-block #preview-block-text p {
    text-align: left;
}
#form-block p {
	margin: 0 0 38px 0;
}
#form-block p.info-text {
    padding-top:48px;
    margin-bottom:72px;
    text-align: left;
}
#preview-block img {
    display: block;
    margin:0 auto;
    max-width:138px;
    height:auto;
}
#preview-block a {
    display: inline-block;
    opacity:1;
    transition:opacity .2s ease;
}
#preview-block a:hover {
    opacity:0.8;
    transition:opacity .2s ease;
}
#partner-block .partner-boxes {
    display: flex;
    flex-wrap: wrap;
    margin:0 -18px;
}
#partner-block .partner-box {
    width:calc(50% - 36px);
	margin:0 18px 36px 18px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    display: flex;
}
#partner-block .partner-box label {
    width:100%;
	border: 2px solid #695B54;
    padding: 24px 22px 28px 22px;
	position: relative;
	display: block;
	cursor: pointer;
	font-size:0;
}
#partner-block .partner-box label:hover {
	border: 2px solid #D83D3D;
}
#partner-block .partner-box label .partner-img {
    margin:0 36px 24px 36px;
}
#partner-block .partner-box label .partner-img img {
    display: block;
    margin:0 auto;
}
#partner-block .partner-box label .partner-info .name {
    font-family: 'SuisseIntl-SemiBold';
	font-size: 20px;
    line-height: 26px;
    color: #695B54;
    margin-bottom:8px;
}
#partner-block .partner-box label .partner-info .ort {
    font-family: 'SuisseIntl-Book';
	font-size: 16px;
    line-height: 24px;
    color: #695B54;
    margin-bottom:22px;
}
#partner-block .partner-box label .partner-info .beschrieb {
    font-family: 'SuisseIntl-Book';
	font-size: 13px;
    line-height: 18px;
    color: #B9B9B9;
}
#partner-block .partner-box input {
	position: absolute;
	opacity: 0;
}
#partner-block .partner-box input + label {
	background:none;
	border: 2px solid #695B54;
}
#partner-block .partner-box input:checked + label {
	border: 2px solid #D83D3D;
	background: url(../img/Icons/auswahl_system.svg) #fff no-repeat top 16px right 16px;
	background-size: 34px 34px;
}
#form-block .form-line {
	margin:0 0 8px 0;
}
#form-block .form-line input[type=text] {
    -webkit-appearance: none;
	appearance: none;
    border-radius: 0;
    border: none;
    border-bottom:1px solid #695B54;
	background: none;
    font-family: 'SuisseIntl-Book';
    font-size: 20px;
    line-height: 30px;
    color: #695B54;
    padding:10px 0;
    text-align: left;
	width:100%;
}
#form-block .form-line textarea {
    -webkit-appearance: none;
	appearance: none;
    border-radius: 0;
    border: none;
    border-bottom:1px solid #695B54;
	background: none;
    font-family: 'SuisseIntl-Book';
    font-size: 20px;
    line-height: 30px;
    color: #695B54;
    padding:10px 0;
    text-align: left;
	width:100%;
	max-width:100%;
	min-height:120px;
}
#report-thanks {
	padding: 48px 16px;
}
.rtw-message {
	font-family: 'SuisseIntl-Book';
	font-size: 18px;
	line-height: 24px;
	color: #695B54;
	text-align: center;	
	margin:0 0 16px 0;
}
.rtw-message img {
	display: block;
	margin:0 auto 16px auto;
}
.rtw-link {
	text-align: center;		
}
.rtw-link a {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 18px;
	line-height: 24px;
	color:#D83D3D;
	text-decoration: none;
}
.rtw-link a:hover {
	color:#695B54;
}
#partner_und_email #orange_button {
	position: fixed;
	top:74px;
	left:calc(50% + 37px);
	z-index: 999;
	width:630px;
	text-align: right;
	transform: translate(-50%,0)
}
.error-page .form-text {
	min-height: 200px;
	text-align: center;
}

.prod_text .delivery-ov {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.prod_text .delivery-ov {
    position: absolute;
    bottom:68px;
    right:24px;
}
.prod_text .delivery-ov span.delivery-img {
    margin-right: 8px;
}
.prod_text .delivery-ov span.delivery-img img {
    display: block;
    width:12px;
    height:12px;
}
.prod_text .delivery-ov span.delivery-title {
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 32px;
    color:#695B54;
}

#footer {
    padding:64px 20px 108px 20px;
    background:#695B54;
}
#footer #footer-inner {
    margin:0 auto;
    max-width:908px;
}
#fmenu-top {
    margin:0 0 58px 0;
}
#fmenu-top ul, #fmenu-bottom ul {
    font-size:0;
    text-align: center;
}
#fmenu-top ul li {
    margin:0 24px;
    display: inline-block;
}
#fmenu-top ul li a {
    font-family: 'SuisseIntl-Book';
    font-size: 18px;
    line-height: 26px;
    color:#fff;
    text-decoration: none;
}
#fmenu-top ul li a:hover, #fmenu-bottom ul li a:hover, #adress p a:hover {
    text-decoration: underline;
}
#fmenu-bottom ul li {
    display: inline-block;
}
#fmenu-bottom ul li:before {
    display: inline-block;
    content:"|";
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 20px;
    color:#fff;
    margin:0 8px;
}
#fmenu-bottom ul li:nth-child(1):before {
    display:none;
}
#fmenu-bottom ul li a {
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 18px;
    color:#fff;
    text-decoration: none;
}
#copyright {
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 20px;
    color:#fff;
    text-align: center;
    margin-bottom:6px;
}

#socials {
    font-size:0;
    text-align: center;
    margin:0 0 64px 0;
}
#socials .social-box {
    margin:0 14px;
    display: inline-block;
}
#socials .social-box img {
    display: block;
    width: 36px;
    height: 36px;
}

#adress {
    margin:0 0 48px 0;
    text-align: center;
}
#adress ul {
    font-size:0;
    text-align: center;
}
#adress ul li {
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 27px;
    color:#fff;
}
#adress ul li::after {
    content:"|";
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 26px;
    color:#fff;
    margin:0 8px;
}
#adress ul li:nth-last-child(1)::after {
    content:"";
    display: none;
}
#adress ul li a {
    color:#fff;
    text-decoration: none;
    white-space: nowrap;
}
.fclist li a, span.nnr {
    white-space: nowrap;
}

.akzent_farbe {
	color: #D83D3D;
	font-weight: bold;
}

.box-item input#plz.valid {
	color: green !important;
}

span.post-button {
    display: block;
    font-size:0;
    text-align: center;
}
span.post-button a {
    display: inline-block;
    padding: 9px 24px;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 22px;
    color: #D83D3D;
    text-decoration: none;
    background: #fff;
    border: 2px solid #D83D3D;
    border-radius: 22px;
    transition: all .3s ease;   
}
span.post-button a:hover {
    color: #fff;
    background: #D83D3D;
    transition: all .3s ease;
}

#menu-trigger {
    display: none;
    position: absolute;
    top:50%;
    right:24px;
    transform: translateY(-50%);
    cursor: pointer;
}

#mobile-menu {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100dvh;
    background: linear-gradient(135deg,rgba(105, 91, 84, 1) 0%, rgba(209, 209, 209, 1) 100%);
    transform: translateY(-150%);
    transition:all .8s ease;
    z-index: 9999;
}
#mobile-menu.mopen {
    transform: translateY(0);
    transition:all .8s ease;
}
#mobile-menu #mobile-menu-logo {
    position: absolute;
    top:20px;
    left:20px;
}
#mobile-menu #mobile-menu-close {
    position: absolute;
    top:20px;
    right:24px;
    cursor:pointer;
}
#mobile-menu #mobile-menu-inner {
    padding:80px 20px;
    height:100dvh;
    max-height:100dvh;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}
#mobile-menu #mobile-menu-inner::-webkit-scrollbar {
    display: none;
}
#mobile-menu #mobile-menu-inner #mmenu {
    padding-top:44px;
}
#mobile-menu #mobile-menu-inner #mmenu ul li {
    display: block;
    margin-bottom:23px;
    text-align: center;
}
#mobile-menu #mobile-menu-inner #mmenu ul li a {
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size:24px;
    line-height:32px;
    color:#fff;
    text-decoration: none;
}
#mobile-menu #mobile-menu-inner #mmenu ul li .sub-menu {
    display: none;
}
#mobile-menu #mobile-menu-inner #mcontact {
    padding-top:32px;
}
#mobile-menu #mobile-menu-inner #mcontact p {
    font-family: 'SuisseIntl-Book';
    font-size:20px;
    line-height:24px;
    color:#fff;
    text-align: center;
    margin-bottom:14px;
}
#mobile-menu #mobile-menu-inner #mcontact p a {
    color:#fff;
    text-decoration: none;
}
ul#mcontact-linklist {
    padding-top:32px;
}
ul#mcontact-linklist li {
    margin-bottom:8px;
    text-align: center;
}
ul#mcontact-linklist li a {
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size:16px;
    line-height:26px;
    color:#fff;
    text-decoration: none;
}

@media only screen and (max-width:1440px) {
    .form-text, #flex-block {
        margin: 0 32px;
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right:2px;
    }
    #header-inner {
        padding: 20px;
    }
    #contact-trigger {
        top: 32px;
        right: 32px;
    }
    #menu {
        padding-top: 6px;
    }
    #steps.fixed.nav-down {
        top: 79px;
    }
}
@media only screen and (max-width:1280px) {
    #steps, #steps.nav-down {
        top: 70px;
    }
    #steps.small #dot-nav {
        padding: 16px 20px 8px 20px;
    }
}
@media only screen and (max-width:1080px) {
    .oa-block .oa-item, .oa-block .oa-item:hover {
        box-shadow: 0 0 50px 0 rgba(0,0,0,0);
    }    
    #page-title h1 {
        font-size:32px;
        line-height:40px;
    }
    #page-title p {
        font-size:20px;
        line-height:26px;
    }
    .box-item h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media only screen and (max-width:1023px) {
    #bottom-nav #back-button a {
        font-size: 12px;
        line-height: 22px;
        padding-left:24px;
        background:url(../img/back-arrow.svg) no-repeat left center;
        background-size:14px 12px;
    }
    #bottom-nav #back-button a:hover {
        background:url(../img/back-arrow-orange.svg) no-repeat left center;
        background-size:14px 12px;
    }
    #bottom-nav #prod_continue_text, #bottom-nav p {
        font-size: 20px;
        line-height: 24px;
        margin: 0 24px;
        white-space:normal;
        text-align: center;
    }
    #bottom-nav #prod_continue button, #orange_buttons button, #orange_button button {
        font-size: 12px;
        line-height: 16px;
        background: url(../img/continue-arrow.svg) #D83D3D no-repeat right 12px center;
        background-size: 14px 12px;
        padding: 9px 38px 9px 17px;
    }
    #bottom-nav-inner {
        padding: 14px 48px;
    }
    #bottom-nav #prod_continue button:disabled, #bottom-nav #prod_continue button[disabled], #orange_buttons button:disabled, #orange_button button:disabled, #orange_buttons button[disabled], #orange_button button[disabled] {
        background: url(../img/continue-arrow.svg) #aaa no-repeat right 12px center !important;
        background-size: 14px 12px !important;
        padding: 7px 38px 7px 17px !important;
    }
    #bottom-nav #prod_continue button:hover, #orange_buttons button:hover, #orange_buttons button:hover, #orange_button button:hover {
        background: url(../img/continue-arrow.svg) #999 no-repeat right 12px center;
        background-size: 14px 12px;
    }
    #form-block .form-line input[type=text], #form-block .form-line textarea {
        font-size: 16px;
        line-height: 26px;
    }
    #back-button.back-oa {
        width:94px;
    }
    #menu-trigger {
        display: block;
    }
    #menu, #contact-trigger {
        display: none;
    }
}
@media only screen and (max-width:960px) {
    .oa-block .oa-item {
        width: calc(50% - 40px);
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label span {
        padding-right:32px;
        padding-left:4px;
    }
}
@media only screen and (max-width:810px) {
    #produkte #produkt_auswahl_form {
        padding: 20px 48px 0 48px;
    }
    #steps #dot-nav ul.dnav li a span.label_d {
        font-size: 12px;
        padding-top: 21px;
    }
    #steps #dot-nav ul.dnav li a {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width:768px) {
	form#select_prod_type_form {
		width: 100%;
	}
	.select2-container {
		width:147px !important;
	}
	#partner_und_email #orange_button {
		top:inherit;
		left:inherit;
		right:16px;
		bottom:8px;
		width:auto;
		margin:0;
		transform: none;
	}
}
@media only screen and (max-width:767px) {
    #oa-crs {
        justify-content: space-between;
    }
    #oa-crs #oa-sort {
        width:50%;
    }
    #oa-count {
        font-size:0;
        line-height:0;
    }
    #oa-count span#anz_von_total {
        font-size:14px;
        line-height:20px;
    }
    #oa-sort label {
        display: none !important;
    }
    #oa-crs #oa-reset {
        margin:0;
        width:33.333%;
    }
    #bottom-nav-inner {
        padding: 14px 32px;
    }
	.box-item ul li {
		width:calc(50% - 16px);
	}
    #partner-block h2, #form-block h2, #preview-block h2 {
        font-size: 16px;
        line-height: 20px;
    }
    #adress ul.falist {
        margin-bottom:20px;
    }
    #adress ul li, span.nnr {
        display: block;
    }
    #adress ul li::after {
        content:"";
        display:none;
    }
    #produkte #produkt_auswahl_form {
        padding: 20px 32px 0 32px;
    }
    .oa-block {
        margin: 0 -16px;
    }
    .oa-block .oa-item {
        width: calc(50% - 32px);
        margin: 0 16px 32px 16px;
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 2px;
    }
    #fmenu-top ul li {
        margin:0 16px;
    }
}
@media only screen and (max-width:736px) {    
    #partner-block {
        margin: 0 32px;
    }
}
@media only screen and (max-width:640px) {
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 0;
    }
    .oa-block .oa-item .prod_img {
        padding:20px 7px 0 7px;
    }
    .oa-block .oa-item .prod_text {
        padding:0 20px 20px 20px;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label span {
        padding-right: 2px;
        padding-left: 2px;
        width:100%;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label {
        background:url(../img/Icons/check-on.svg) #D83D3D no-repeat right 5px center;
        background-size:16px 10px;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
        background:url(../img/Icons/check-remove.svg) #D83D3D no-repeat right 6px center;
        background-size:13px 13px;
    }
    #produkte #produkt_auswahl_form {
        padding: 20px 20px 0 20px;
    }
}
@media only screen and (max-width:586px) {
	.form-text {
		margin: 16px auto 24px auto;
        padding:24px 0 18px 0;
    }
	.form-text h1, .form-text h2, #home-lead h1 {
		font-size: 20px;
		line-height: 26px;
	}
    .oa-block .oa-item {
        width: calc(100% - 32px);
        margin: 0 16px 18px 16px;
    }
	.panel-group.produkt_filter .produkt_filter_item {
		width: calc(50% - 8px);
		margin: 0 4px 8px 4px;
	}
	#filter_1.produkt_filter_item .panel-collapse, #filter_5.produkt_filter_item .panel-collapse {
		position: absolute;
		left: inherit;
		right:0;
	} 
    #oa-crs #oa-reset a, #oa-crs #oa-sort .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-results__option {
        font-size: 12px !important;
    }
    #bottom-nav #prod_continue_text, #bottom-nav p {
        font-size: 14px;
        line-height: 18px;
    }
    #partner-block .partner-box {
        width: calc(100% - 36px);
        margin: 0 18px 18px 18px;
    }
    #preview-block {
	    padding: 32px 24px;
    }
    .panel-group.produkt_filter {
        flex-wrap: wrap;
    }
    .panel-group.produkt_filter .produkt_filter_item {
        width: calc(100% - 8px);
    }
    .produkt_filter_item .panel-collapse {
        min-width: calc(100% - 20px);
        left:0;
    }
}
@media only screen and (max-width:520px) {
	#partner-block .partner-box label {
		display: block;
		padding-right:16px;
	}
	#partner-block .partner-box label .partner-img {
		width: calc(100% - 72px);
		margin-right:0;
		margin-bottom:16px;
	}
	#partner-block .partner-box label .partner-info {
		width: 100%;
	}
}
@media only screen and (max-width:480px) {
	.box-item ul li {
		width:calc(100% - 16px);
	}
    .form-text h1, .form-text h2 {
        padding: 0 28px;
    }
    .produkt_filter, #oa-crs {
        padding: 0 20px;
    }
    #produkte #produkt_auswahl_form {
        padding: 20px 20px 0 20px;
    }
    #box-block, #partner-block, .form-text, #flex-block {
        margin: 0 20px;
    }
    #bottom-nav-inner {
        padding: 20px 8px;
    }
    #bottom-nav-inner #back-button {
        width:111px;
    }
    #bottom-nav #prod_continue_text, #bottom-nav p {
        margin: 0 8px;
        font-size:12px;
        line-height:16px;
    }
    #bottom-nav #prod_continue_text {
        width:calc(100% - 238px);
    }
    #bottom-nav #prod_continue {
        width:111px;
    }
    #steps #dot-nav ul.dnav li {
        padding: 0 48px;
    }
    #steps #dot-nav ul.dnav li.bk-item::before {
        left: -48px;
        width:96px;
    }
    #oa-crs {
        margin: 0 auto 20px auto;
    }
    #oa-crs #oa-reset, #oa-crs #oa-sort {
        width:100%;
        text-align: center;
    }
    #oa-crs #oa-reset {
        margin-bottom:8px;
    }
} 
@media only screen and (max-width:414px) {
    .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label span {
        padding-right:20px;
    }
}
@media only screen and (max-width:374px) {
    .oa-block .oa-item .checkbox-prod span {
        padding-right:2px;
    } 
}



/* Die 2 sind von Iwan, damit man Kategorien im Filter weg klicken kann von denen 0 Stück vorhanden sind (die Zahl hinter dem Element in Klmmern), normalerweise wurden sie ausgeblendet (grau und nicht klickbar) weil es eben 0 Stück waren, jetzt kann man diese Filter auch deaktivieren, wirkt kundenfreundlicher.
*/
.checkboxes .checkbox.filter_item_hidden:has(> input:checked) {
    /* CSS-Regeln für den parent div */
    opacity: 1;
}
.checkboxes .checkbox.filter_item_hidden > input:checked {
	/* damit man diesen Filter unchecked machen kann */
	pointer-events: all;
}


#filter_5, #filter_4 {
	visibility: hidden;
}