/* 
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-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;
}

#top-bar.nav-up {
    top: -34px;
    transition:all .3s ease;
}
#top-bar.nav-down {
    top: 0;
    transition:all .3s ease;
}

#top-bar {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    border-bottom:2px solid #D3D3D3;
    z-index:99999;
}
#top-bar-inner {
    margin:0 auto;
    max-width:1380px;
    text-align: right;
}
#top-bar-ext-menu {
    position: absolute;
    top:0;
    left:0;
    display:flex;
}
.top-bar-ext-menu-tiba {
    margin:0 5px 0 16px;   
    padding:9px 0 10px 0;
}
.top-bar-ext-menu-tiba img {
    display: block;
}
.top-bar-ext-menu-item {
    margin:0 15px;
}
.top-bar-ext-menu-item-title {
    position: relative;
}
.top-bar-ext-menu-item-title span {
    font-family: 'SuisseIntl-SemiBold';
    font-size:13px;
    line-height:17px;
    color:#535253;
    text-decoration: none;
    padding:7px 0 8px 0;
    display: block;    
    cursor: pointer;
}
.top-bar-ext-menu-item-submenu {
    display: none;
    position: absolute;
    top:32px;
    left:-15px;
    background:#fff;
    padding:0 15px 13px 15px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
}
.top-bar-ext-menu-item-title:hover .top-bar-ext-menu-item-submenu {
    display: block;
}
.top-bar-ext-menu-item-submenu a {
    font-family: 'SuisseIntl-Book';
    font-size:17px;
    line-height:22px;
    color:#535253;
    text-decoration: none;
    margin-top:9px;
    display: block;
    white-space: nowrap;
}
.top-bar-ext-menu-item-submenu a:hover {
    color:#F07D00;
}
#top-menu {
    display: inline-block;
    padding:7px 0 8px 0;
}
#top-menu ul {
    text-align: right;
    font-size:0;
}
#top-menu ul li {
    display: inline-block;
    margin:0 15px;
}
#top-menu ul li:nth-last-child(1) {
    margin-right:0;
}
#top-menu ul li a {
    font-family: 'SuisseIntl-Book';
    font-size:13px;
    line-height:17px;
    color:#535253;
    text-decoration: none;
}
#top-menu ul li.special a {
    color:#D83D3D;
}
#top-menu ul li a:hover, #top-menu ul li.current-menu-item a, #top-menu ul li.current-beitraege-ancestor a, .single-technik #top-menu ul li.technik a {
    color:#F07D00;
}
#top-menu ul li .sub-menu {
    display: none;
}

#top-bar-icon-menu {
    width:150px;
	display:inline-block;
    position: absolute;
    right:16px;
    top:7px;
    text-align: right;
}
#top-bar-icon-menu .icon-box {
	display:inline-block;
	vertical-align:middle;
	margin:0 7px;
    cursor: pointer;
    width:20px;
}
#top-bar-icon-menu .icon-box.invisible {
	opacity: 0.5;
}
#top-bar-icon-menu .icon-box img {
	display:block;
    width:20px;
	height:20px;
}
#top-bar-icon-menu .icon-box.link-trigger img {
    width:20px;
	height:20px;
}
#top-bar-icon-menu .icon-box.contact-trigger img {
    width:94px;
}
#top-bar-icon-menu .icon-box.lang-trigger img {
    width:20px;
	height:20px;
}
.contact {
    display: none;
    background:rgba(83,82,83,0.96);
    padding:20px;
    position: absolute;
    top:38px;
    right:7px;
    width:280px;
    z-index: 999999;
}
.contact.copen {
    display: block;
}
.contact-close {
    cursor: pointer;
}
.contact-tels, .contact-email, .contact-rr {
    margin:0 0 20px 0;
    border-bottom:1px solid #fff;
}
.contact-tels .contact-tel {
    margin:0 0 10px 0;
}
.ct-nr, .ce-mail {
    text-align: center;
}
.ce-mail {
    margin:0 0 20px 0;
}
.call-form {
    position: relative;
}
.contact h2 {
    font-family: 'SuisseIntl-Book';
    font-size:18px;
    line-height: 28px;
    color:#fff;
    text-align: center;
}
.contact-rr h2 {
    margin:0 0 5px 0;
}
.contact-links h2 {
    margin:0 0 15px 0;
}
.contact a {
    font-family: 'SuisseIntl-SemiBold';
    font-size:18px;
    line-height: 28px;
    color:#fff;
    text-decoration: none;
    display: inline-block;
}
.clink-line {
    text-align: center;
}
.clink-line a {
    color:#F07D00;
}
.clink-line a:hover {
    color:#fff;
}
.lang-box {
    position: absolute;
    top:38px;
    right:7px;
    width:180px;
    background:rgba(83,82,83,0.96);
    padding:20px;
    display: none;
    z-index: 999999;
}
.lang-box.lopen {
    display: block;
}
.lang-select {
    font-size:0;
    text-align: center;
}
.lang-select-item {
    display: inline-block;
}
.lang-select-item:before {
    display: inline-block;
    content:"|";
    font-family: 'SuisseIntl-Book';
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin:0 8px;
}
.lang-select-item:nth-child(1):before {
    display: none;
}
.lang-box a {
    font-family: 'SuisseIntl-Book';
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    border-bottom:1px solid transparent;
}
.lang-box a:hover {
    border-bottom:1px solid #fff;
}
.lang-box a span.lang_active {
    font-family: 'SuisseIntl-SemiBold' !important;
}


#header.nav-up {
    top: -60px;
    transition:all .3s ease;
}
#header.nav-down {
    top: 34px;
    transition:all .3s ease;
}

#header {
	background:#fff;
	position: fixed;
	top:34px;
	left:0;
	width:100%;
	z-index: 999;
}
#header-inner {
	margin:0 auto;
	max-width:1380px;
	padding:0 20px;
    font-size:0;
    position: relative;
}
#header #logo {
	display: inline-block;
    padding:28px 0 20px 0;
    transition:all .3s ease;
}
#header.small #logo {
    padding:16px 0 14px 0;
    transition:all .3s ease;
}
#header.header-small #logo, #header.header-small.small #logo {
    padding:16px 0 14px 0;
    transition:all .3s ease;
}
#header #logo img {
	display: block;
	width:98px;
	height:70px;
    transition:all .3s ease;
}
#header.small #logo img {
	width:42px;
	height:30px;
    transition:all .3s ease;
}
#header.header-small #logo img, #header.header-small.small #logo img {
	width:42px;
	height:30px;
    transition:all .3s ease;
}
#logo a {
    display: block;
}

#header #menu {
    position: absolute;
    bottom:20px;
    right:32px;
    transition:all .3s ease;
}
#header.small #menu {
    bottom:15px;
    transition:all .3s ease;
}
#header.header-small #menu, #header.header-small.small #menu {
    bottom:15px;
    transition:all .3s ease;
}
#menu ul {
    text-align: right;
    font-size:0;
}
#menu ul li {
    display: inline-block;
    margin-left:46px;
}
#menu ul li a {
    font-family: 'SuisseIntl-Book';
    font-size: 20px;
    line-height: 30px;
    color: #535253;
    text-decoration: none;
}
#menu ul li a:hover {
    color: #F07D00;
}

#steps.nav-up {
    top:0;
    transition:all .3s ease;
}
#steps.nav-down {
    top:94px;
    transition:all .3s ease;
}

#steps {
    position: fixed;
    top:94px;
    left:0;
    width:100%;
    background:#F5E6D4;
	z-index: 999;
}
#steps #dot-nav {
    padding:50px 32px;
    transition:all .3s ease;
}
#steps.small #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:7px;
    left:-66px;
    content:"";
    width:132px;
    height:2px;
    background:#535253;
}
#steps #dot-nav ul.dnav li a {
    display: block;
    text-decoration: none;
    width:16px;
    height:16px;
    background:#535253;
    border-radius:50%;
    margin-bottom:36px;
}
#steps #dot-nav ul.dnav li.active a {
    background:#F07D00;
}
#steps #dot-nav ul.dnav li a span.label_d {
    font-family: 'SuisseIntl-Book';
    font-size: 15px;
    line-height: 24px;
    color: #535253;
    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: #F07D00;
}
#steps #dot-nav ul.dnav li a span.label_m {
    display: none;
}
#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) #fff no-repeat center center;
    background-size:9px 6px;
}

#container.home {
	padding-top: 152px;
    transition:all .3s ease;
}
#container {
	padding-top: 246px;
    transition:all .3s ease;
}
#container.small {
	padding-top: 174px;
    transition:all .3s ease;
}

#content {
	background:#fff;
}
.home #content {
	padding:0 0 80px 0;
}
#content-inner {
	position: relative;
}
.home #content-inner {
	margin:0 auto;
	max-width:1380px;
}

#home-slider, #planung-slider, #kontakt-slider {
    margin-bottom:36px;
    height:400px;
    overflow: hidden;
}
#kontakt-slider {
    margin:0 auto;
    max-width:1380px;
}
#planung-slider, #dplan-block.pub-item, #kontakt-slider {
    padding-top:150px;
}
#home-slides .home-slide img, #planung-slider .planung-slide img, #kontakt-slider .kontakt-slide img {
    height:400px;
}
#home-slides .home-slide, #planung-slider .planung-slide, #kontakt-slider .kontakt-slide {
    margin:0 3px;
}

#home-lead {
    margin:0 auto;
    padding:0 32px 80px 32px;
    max-width:910px;
}
#home-lead h1 {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 36px;
    line-height: 44px;
    color: #535253;
    text-align: center;
    margin-bottom:32px;
}
#home-lead p {
  	font-family: 'SuisseIntl-Book';
	font-size:24px;
	line-height:36px;
	color:#535253;
    margin-bottom:36px;
}
#home-lead .home-lead-button {
    padding-top:14px;
    text-align: center;
    font-size:0;
}
#home-lead .home-lead-button a {
    display: inline-block;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 23px;
    color: #F07D00;
    text-decoration: none;
    padding:7px 24px 8px 24px;
    background:#fff;
    border:2px solid #F07D00;
    border-radius:21px;
    transition:all .4s ease;
}
#home-lead .home-lead-button a:hover {
    background:#F07D00;
    color: #fff;
    transition:all .4s ease;
}

#home-style-carousel {
    padding-bottom:100px;
}
#home-style-carousel .home-style-carousel-slide {
    margin:0 10px;
    max-width:400px;
    position: relative;
}
#home-style-carousel .home-style-carousel-slide a {
    text-decoration: none;
}
#home-style-carousel .home-style-carousel-slide.beige {
    background:#EBD8C6;
}
#home-style-carousel .home-style-carousel-slide.blue {
    background:#B0BDC4;
}
#home-style-carousel .home-style-carousel-slide.gray {
    background:#B7B7B7;
}
#home-style-carousel .home-style-carousel-slide.dbeige {
    background:#D3AD8B;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-img {
    overflow: hidden;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-img img {
    display:block;
    transform: scale(1);
    transition: transform .4s ease;
}
#home-style-carousel .home-style-carousel-slide:hover .home-style-carousel-slide-img img {
    transform: scale(1.1);
    transition: transform .4s ease;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text {
    padding:22px 32px 64px 32px;
    text-align: center;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text h2 {
  	font-family: 'SuisseIntl-Book';
	font-size:30px;
	line-height:32px;
	color:#535253;
    margin-bottom:8px;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text p {
  	font-family: 'SuisseIntl-Book';
	font-size:14px;
	line-height:19px;
	color:#535253;
    margin:0 10px 24px 10px;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text .home-style-carousel-slide-text-link {
    position: absolute;
    bottom:42px;
    left:0;
    width:100%;
    text-align: center;
}
#home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text .home-style-carousel-slide-text-link span.home-style-carousel-slide-text-linktext {
    display: inline-block;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 22px;
	color:#535253;
}

#home-tm-carousel {
    padding:56px 0 114px 100px;
    background:#535253;
}
#home-tm-carousel h2 {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 36px;
    line-height: 48px;
	color:#fff;
    text-align: center;
    margin-bottom:52px;
    margin-left:-100px;
}
#home-tm-carousel .home-tm-carousel-slide {
    width:240px;
    padding-top:56px;
    position: relative;
    margin:0 25px;
}
#home-tm-carousel .home-tm-carousel-slide a {
    text-decoration: none;
}
#home-tm-carousel .home-tm-carousel-slide .home-tm-carousel-slide-logo {
    position: absolute;
    top:0;
    left:0;
}
#home-tm-carousel .home-tm-carousel-slide .home-tm-carousel-slide-img {
    overflow: hidden;
    margin-bottom:16px;
}
#home-tm-carousel .home-tm-carousel-slide .home-tm-carousel-slide-img img {    
    display:block;
    transform: scale(1);
    transition: transform .4s ease;
}
#home-tm-carousel .home-tm-carousel-slide:hover .home-tm-carousel-slide-img img {
    transform: scale(1.1);
    transition: transform .4s ease;
}
#home-tm-carousel .home-tm-carousel-slide h3 {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 19px;
    line-height: 24px;
	color:#fff;
}

#home-stove-tiles {
    padding:100px 0 60px 0;
}
#home-stove-tiles-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -20px;
}
#home-stove-tiles-items .home-stove-tiles-item {
    width:calc(33.333% - 40px);
    margin:0 20px 40px 20px;
}
#home-stove-tiles-items .home-stove-tiles-item a {
    text-decoration: none;
}
#home-stove-tiles-items .home-stove-tiles-item .home-stove-tiles-item-img {
    overflow: hidden;
    margin-bottom:18px;
}
#home-stove-tiles-items .home-stove-tiles-item .home-stove-tiles-item-img img {
    display: block;    
    transform: scale(1);
    transition: transform .4s ease;
}
#home-stove-tiles-items .home-stove-tiles-item:hover .home-stove-tiles-item-img img { 
    transform: scale(1.1);
    transition: transform .4s ease;
}
#home-stove-tiles-items .home-stove-tiles-item h3 {
    font-family: 'SuisseIntl-Book';
    font-size: 30px;
    line-height: 36px;
	color:#535253;
    margin-bottom:9px;
    max-width:436px;
}
#home-stove-tiles-items .home-stove-tiles-item p {
    font-family: 'SuisseIntl-Book';
    font-size: 14px;
    line-height: 19px;
	color:#535253;
    margin-bottom:0;
    max-width:436px;
}

#home-news {
    background:#F5E6D4;
    padding:68px 26px 60px 26px;
}
#home-news h2 {
    font-family: 'SuisseIntl-Book';
    font-size: 30px;
    line-height: 40px;
	color:#535253;
    text-align: center;
    margin-bottom:72px;
}
#home-news-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px;
}
#home-news-items .home-news-item {
    width:calc(25% - 22px);
    margin:0 10px 20px 10px;
    background:#fff;
    border:1px solid #F07D00;
    border-radius:4px;
    overflow: hidden;
    position: relative;
	transition:all .4s ease;
}
#home-news-items .home-news-item:hover {
    background:#f4f4f4;
	transition:all .4s ease;
}
#home-news-items .home-news-item a {
    text-decoration: none;
}
#home-news-items .home-news-item h3 {
    font-family: 'SuisseIntl-SemiBold';
    font-size:20px;
    line-height:28px;
    color: #535253;
    margin-bottom:12px;
}
#home-news-items .home-news-item p {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
}
#home-news-items .home-news-item .home-news-item-img {
    overflow: hidden;
    aspect-ratio:3/2;
}
#home-news-items .home-news-item .home-news-item-text {
    padding:22px 22px 62px 22px;
}
#home-news-items .home-news-item .home-news-item-text span.home-news-item-text-date {
    position: absolute;
    bottom:22px;
    left:22px;
    font-family: 'SuisseIntl-Book';
    font-size: 12px;
    line-height: 16px;
    color:#B9B9B9;
    letter-spacing:0.24px;
}
#home-news-items .home-news-item .home-news-item-text span.home-news-item-text-readmore {
    position: absolute;
    bottom:20px;
    right:32px;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 16px;
    line-height:21px;
    color: #F07D00;
}
#home-news #home-news-button {
    margin-bottom:20px;
    padding-top:60px;
    text-align: center;
    font-size:0;
}
#home-news #home-news-button a {
    display: inline-block;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 23px;
    color: #F07D00;
    text-decoration: none;
    padding:7px 24px 8px 24px;
    background:#fff;
    border:2px solid #F07D00;
    border-radius:21px;
    transition:all .4s ease;
}
#home-news #home-news-button a:hover {
    background:#F07D00;
    color: #fff;
    transition:all .4s ease;
}

.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:#535253;
    text-align: center;
    padding:0 32px;
}
.form-text p {
  	font-family: 'SuisseIntl-Book';
	font-size:16px;
	line-height: 22px;
	color:#535253;
}
.form-text p a {
	color:#F07D00;
}
.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:#535253;
}
#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:#F07D00;
    background:url(../img/back-arrow-orange.svg) no-repeat left center;
    background-size:20px 16px;
}
#bottom-nav span.min-price {
    color:#F07D00;
    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) #F07D00 no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #F07D00;
	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: 30px;
	line-height: 40px;
	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) #F07D00 no-repeat right 25px center;
    background-size:20px 16px;
	border:1px solid #F07D00;
	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:1380px;
}

#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:#535253;
}
.oa-block {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	margin:0 -18px;
}
.oa-block .oa-item {
	width:calc(25% - 36px);
	margin:0 18px 36px 18px;
	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-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 #535253;
    border-radius:2px;
}
.oa-item .prod_detail > span > span {
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 13px;
	color:#535253;
    padding:3px 8px;
    text-align: center;
}
.oa-item .prod_detail:hover > span {
    background:#535253;
}
.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: right;
    padding-right:12px;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"] + label {
    padding:3px 8px;
    border:1px solid #F07D00;
    border-radius:2px;
	font-family: 'SuisseIntl-SemiBold';
	font-size: 12px;
	line-height: 13px;
	color:#F07D00;
    background:#fff;
    background:url(../img/Icons/check-off.svg) #fff no-repeat left 14% center;
	background-size:16px 10px;
    text-align: center;
    display: block;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"] + label:hover {
    background:url(../img/Icons/check-hover.svg) #F5E6D4 no-repeat left 14% center;
	background-size:16px 10px;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label {
	color:#fff;
    background:url(../img/Icons/check-on.svg) #F07D00 no-repeat left 14% center;
	background-size:16px 10px;
}
.oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
    border:1px solid #535253;
    background:url(../img/Icons/check-remove.svg) #535253 no-repeat left 15% center;
	background-size:13px 13px;
}

.oa-block .oa-item a {
    text-decoration: none;
    display: block;
	padding:0 20px 24px 20px;
}
.oa-block .oa-item .prod_img img {
	max-height:242px;
	width:auto;
	margin:0 auto 8px auto;
    display: block;
}
.oa-block .oa-item h2 {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 24px;
	line-height: 24px;
	color:#535253;
    margin-bottom:16px;
}
.oa-block .oa-item h3 {
	font-family: 'SuisseIntl-Book';
	font-size: 12px;
	line-height: 18px;
	color:#B9B9B9;
    margin-bottom:2px;
}
.oa-block .oa-item p {
	font-family: 'SuisseIntl-Book';
	font-size: 13px;
	line-height: 18px;
	color:#B9B9B9;
}
.oa-block .oa-item .prod_price {
	font-family: 'SuisseIntl-Book';
	font-size: 16px;
	line-height: 18px;
	color:#535253;
	margin-bottom:8px;
}
.oa-block .oa-item.no-var .prod_price {
	margin-bottom:44px;
}

.panel-group.produkt_filter {
	display:flex;
	flex-wrap: wrap;
	margin:0 -4px 16px -4px;
}
.panel-group.produkt_filter .produkt_filter_item {
	width:calc(25% - 8px);
	margin:0 4px 8px 4px;
	background:#D8D8D8;
	-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:#FFE3C4;
}
.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:#535253;
	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;
}
.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:0;
	left:0;
	background:#FFE3C4;
	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:#535253;
	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:#535253;
	text-decoration: underline;
	cursor: pointer;
}
.panel-links .pl-item span:hover {
	color:#F07D00;
	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:#535253;
	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 #535253;
    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 #F07D00;
	background:#F07D00;
}
.count-button {
	font-family: 'SuisseIntl-Book';
	font-size: 14px;
	line-height: 18px;
	color:#535253;
	border:1px solid #535253;
	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: #535253;
	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;
}
.produkt_filter {
    margin:0 auto;
    padding:0 32px;
    max-width:768px;
}
.produkt_filter .produkt_filter {
    padding:0;
    max-width:calc(100% + 8px);
}

#oa-crs {
	display: flex;
	flex-wrap: wrap;
	margin:0 auto 32px auto;
    padding:0 32px;
    max-width:768px;
}
#oa-crs #oa-count {
	width:260px;
}
#oa-crs #oa-reset {
	width:192px;
	height:20px;
	margin-right:32px;
	text-align: center;
	align-self: center;
}
#oa-crs #oa-sort {
	width:calc(100% - 484px);
	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: 14px;
	line-height: 20px;
	color: #535253;
	display: inline-block;
	vertical-align: middle;
}
#oa-crs #oa-reset a {
	font-family: 'SuisseIntl-Book';
	font-size: 14px;
	line-height: 20px;
	color:#535253;
	display: inline-block;
}
#oa-crs #oa-reset a:hover {
	color:#F07D00;
	text-decoration: none;
}

.oa-block .oa-item .prod_img {
    margin-bottom:10px;
}
.oa-block .oa-item .prod_company {
	height:34px;
    margin-bottom:20px;
}
.oa-block .oa-item .prod_company img {
	width:120px;
	height:34px;
	display: block;
}
.varianten-block {
    position: relative;
    margin-bottom:18px;
}
.varianten {
	width:96px;
}
.varianten .sichtbare_ueberschrift {
	font-family: 'SuisseIntl-Book';
	font-size: 13px;
	line-height: 18px;
	color: #B9B9B9;
	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 #535253;
	background:#fff;
	padding:36px 12px 12px 12px;
	width:100%;
}
.varianten_wrapper .eine_variante {
	font-size: 14px;
	line-height: 18px;
	color:#535253;
	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: #F07D00 !important;
}
.varianten_wrapper .eine_variante label:hover {
	color:#AAAAAA;
	cursor: pointer;
}

#box-block {
	margin:0 auto;
    padding:0 32px;
    max-width:1380px;
}
.box-item {
	border-top:1px solid #D3D3D3;
	margin:0 0 48px 0;
    padding-top:48px;
}
.box-item h2 {
	font-family: 'SuisseIntl-SemiBold';
	font-size: 24px;
	line-height: 32px;
	color: #535253;
    text-align: center;
	margin:0 0 18px 0;
}
.box-item p {
	font-family: 'SuisseIntl-Book';
	font-size: 16px;
	line-height: 24px;
	color: #535253;
    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 #535253;
	background: #EFEFEF;
	font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 32px;
    color: #535253;
    margin:0 auto;
    padding: 12px 45px 16px 45px;
    text-align: center;
    display: block;
}
.box-item fieldset {
    margin:0 auto;
    max-width:1032px;
}
.box-item ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	margin:0 -8px;
}
.box-item ul li {
	display: inline-block;
	width:calc(33.333% - 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: #535253;
	position: relative;
	display: block;
	cursor: pointer;
	height:calc(100% - 15px);
}
.box-item ul li label:hover {
	border: 1px solid #F07D00;
}
.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 #F07D00;
	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:#F5E6D4;
    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: #535253;
    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: #535253;
    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 #535253;
    padding: 24px 22px 28px 22px;
	position: relative;
	display: block;
	cursor: pointer;
	font-size:0;
}
#partner-block .partner-box label:hover {
	border: 2px solid #F07D00;
}
#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: #535253;
    margin-bottom:8px;
}
#partner-block .partner-box label .partner-info .ort {
    font-family: 'SuisseIntl-Book';
	font-size: 16px;
    line-height: 24px;
    color: #535253;
    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 #535253;
}
#partner-block .partner-box input:checked + label {
	border: 2px solid #F07D00;
	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 #535253;
	background: none;
    font-family: 'SuisseIntl-Book';
    font-size: 20px;
    line-height: 30px;
    color: #535253;
    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 #535253;
	background: none;
    font-family: 'SuisseIntl-Book';
    font-size: 20px;
    line-height: 30px;
    color: #535253;
    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: #535253;
	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:#F07D00;
	text-decoration: none;
}
.rtw-link a:hover {
	color:#535253;
}
#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;
}

#pdetail-buttons {
    position: fixed;
    bottom:20px;
    left:20px;
    z-index:999;
    display: flex;
    flex-direction: column;
}
#offer-button {
    margin-bottom:16px;
}
#offer-button-2 {
    margin-bottom:32px;
}
#bto-button a {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 22px;
    color: #535253;
    text-decoration: none;
    padding:10px 32px 10px 52px;
    display: inline-block;
    background: url(../img/back-arrow-black.svg) no-repeat left 16px center;
    background-size: 20px 16px;
    border-radius:26px;
    transition:all .3s ease;
}
#bto-button a:hover {
    color:#F07D00;
    transition:all .3s ease;
    background: url(../img/back-arrow-orange.svg) no-repeat left 16px center;
    background-size: 20px 16px;
}
#offer-button a, #offer-button-2 a {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 22px;
    color: #F07D00;
    text-decoration: none;
    padding:8px 22px 8px 48px;
    display: inline-block;    
    background: url(../img/Icons/check-off.svg) #fff no-repeat left 18px center;
    background-size: 16px 10px;
    border-radius:2px;
    border:1px solid #F07D00;
    transition:all .3s ease;
}
#offer-button-2 a {
    padding:8px 22px 8px;
    background:#fff;
}
#offer-button a:hover, #offer-button-2 a:hover {
    transition:all .3s ease;
    background: url(../img/Icons/check-on.svg) #F07D00 no-repeat left 18px center;
    background-size: 16px 10px;
    color: #fff;
}
#offer-button-2 a:hover {
    background:#F07D00;
}

#header-img {
    margin:0 auto;
    max-width:1380px;
    position: relative;
}
#header-img.pd-himg {
    padding-top:152px;
}
#header-img.pd-himg #header-img-frame {
    border-top:1px solid #535253;
}
#header-img img {
    display: block;
    margin:0 auto;
}
#header-img-caption {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    background:rgba(255,255,255,.8);
    text-align: center;
}
#header-img-caption h1 {
    display: inline-block;
    padding:18px 62px 20px 62px;
	font-family: 'SuisseIntl-Book';
	font-size: 24px;
	line-height: 36px;
	color: #535253;
	text-align: center;	
}

#anchor-block {
    background:#fff;
    z-index: 9999 !important;
    padding-top:12px;
}
#anchor-block.active.nav-down {
    position: fixed;
    top:94px;
    left:0;
    width:100%;
    transition: all .3s ease;
}
#anchor-block.active.nav-up {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    transition: all .3s ease;
}
#anchor-block-outer {
    -ms-overflow-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    margin:0 auto;
    max-width:1380px;
    border-bottom:1px solid #E5E5E5;
}
#anchor-block-outer::-webkit-scrollbar {
    display: none;
}
#anchor-block-inner {
    text-align: center;
    font-size:0;
    white-space: nowrap;
}
#anchor-block .anchor-box {
    vertical-align: top;
    display: inline-block;
    margin:0 20px;
    transition: all .4s ease;
}
#anchor-block .anchor-box:nth-child(1) {
    margin:0 20px 0 0;
}
#anchor-block .anchor-box:nth-last-child(1) {
    margin:0 0 0 20px;
}
#anchor-block .anchor-box a {
    display: block;
    font-family: 'SuisseIntl-Book';
    font-size:16px;
    line-height: 26px;
    color:#535253;
    padding-bottom:12px;
    text-decoration: none;
    border-bottom:3px solid transparent;
    transition: all .4s ease;
}
#anchor-block.active .anchor-box a {
    font-size:16px;
    line-height:20px;
    padding-bottom:8px;
    transition: all .4s ease;
}
#anchor-block .anchor-box a:hover, #anchor-block .anchor-box a.active {
    color:#F07D00;
    border-bottom:3px solid #F07D00;
    transition: all .4s ease;
}
#sticky-anchor span.ptitle {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 42px;
    line-height: 46px;
    color:#535253;
    text-align: center;
    margin: 0 auto 24px auto;
    padding:48px 20px 0 20px;
    display: block;
    transition: all .4s ease;
    max-width:916px;
}
#sticky-anchor.active #anchor-block .anchor-box {
    margin: 0 8px;
    transition: all .4s ease;
}
#sticky-anchor.active #anchor-block .anchor-box:nth-child(1) {
    margin:0 8px 0 0;
}
#sticky-anchor.active #anchor-block .anchor-box:nth-last-child(1) {
    margin:0 0 0 8px;
}

#dtext-block, #dfact-block, #dplan-block, #doffer-block, #oserv-block, .planung-lead, .pbutton-block, .ptlir-block, .piltr-block, .ptext-block, .cprod-block, #kontakt-block {
    margin:0 auto;
    padding:80px 20px;
    max-width:1380px;
}
#dtext-block {
    padding:80px 20px 44px 20px;
}
#dfact-block, #dplan-block, #doffer-block, #oserv-block, .pbutton-block, .ptlir-block, .piltr-block, .ptext-block, .cprod-block {
    border-top:1px solid #E5E5E5;
}
#dtext-block-inner, #dfact-block-inner, #dplan-block-inner, #doffer-block-inner, .planung-lead-inner, .pbutton-block-inner, .ptlir-block-inner, .piltr-block-inner, .ptext-block-inner, .cprod-block-inner, .ptext-imag-block {
    margin:0 auto;
    max-width:916px;
}
.pd-item h1, .pd-item h2, #oserv-block h2, .pbutton-block h2, .ptlir-block h2, .piltr-block h2, .ptext-block h2, .planung-lead-inner h2, .cprod-block h2, #kontakt-block h1 {
    font-family: 'SuisseIntl-Book';
    font-size: 30px;
    line-height: 40px;
    color:#535253;
    text-align: center;
    margin-bottom:72px;
}
.pub-item .pd-item h1 {
    padding-top:64px;
}
.ptext-block .ptext-block-services h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom:40px;
}
.pd-item h3, .cprod-block-inner h3, .cprod-block-item h4 {
    font-family: 'SuisseIntl-Book';
    font-size: 24px;
    line-height: 36px;
    color:#535253;
}
.cprod-block-inner h3 {
    text-align: center;
    margin-bottom:32px;
}
.cprod-block-item h4 {
    font-family: 'SuisseIntl-SemiBold';
    text-align: center;
    margin-bottom:8px;
}
.pd-item p, .planung-lead-inner p, #kontakt-block p {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    margin-bottom:24px;
}
.pd-item #dfact-table .dfact-table-line .dfact-table-title label, .pd-item #dfact-table .dfact-table-line .dfact-table-value p {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    margin-bottom:0;
    padding-right:16px;
}
.pd-item ul, .pd-item ol {
    margin-bottom:36px;
    padding-left:24px;
}
.pd-item ul li {
    font-family: 'SuisseIntl-Book';
    font-size: 24px;
    line-height: 36px;
    color:#535253;
    list-style: disc;
}
.pd-item ol li {
    font-family: 'SuisseIntl-Book';
    font-size: 24px;
    line-height: 36px;
    color:#535253;
    list-style: decimal;
}
.pbutton-block p, .ptlir-block p, .piltr-block p, .ptext-block p, .cprod-block-item p {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    margin-bottom:24px;
}
.cprod-block-item p {
    margin-bottom:0;
    text-align: center;
}
.pbutton-block ul, .ptlir-block ul, .piltr-block ul, .ptext-block ul, .pbutton-block ol, .ptlir-block ol, .piltr-block ol, .ptext-block ol {
    margin-bottom:24px;
    padding-left:24px;
}
.pbutton-block ul li, .ptlir-block ul li, .piltr-block ul li, .ptext-block ul li {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    list-style: disc;
}
.pbutton-block ol li, .ptlir-block ol li, .piltr-block ol li, .ptext-block ol li {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    list-style: decimal;
}
#kontakt-block h2 {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 20px;
    line-height: 22px;
    color:#535253;
    margin-bottom:24px;
}
#kontakt-block p a {
    color:#535253;
    text-decoration: none;
}
#kontakt-block p a:hover {
    color:#F07D00;
}
#kontakt-block-termin a {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color:#F07D00;
}
#kontakt-block-termin a:hover {
    color:#535253;
}
#kontakt-block-odaten {
    padding-top:61px;
}
#kontakt-block-kataloge-img img {
    display: block;
}
#kontakt-block-kataloge-link, #kontakt-block-map-link {
    padding-top:18px;
}
#kontakt-block-kataloge-link a, #kontakt-block-map-link a {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    color:#F07D00;
}
#kontakt-block-kataloge-link a:hover, #kontakt-block-map-link a:hover {
    color:#535253;
}

#dtext-block-items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin:0 -10px;
}
#dtext-block-text {
    width:calc(100% - 332px);
    margin:0 10px;
}
#dtext-block-info {
    width:228px;
    margin:0 10px;
    padding:24px 32px;
    background:#F0F0F0;
}
#dtext-block-info .prod_company {
    margin-bottom:20px;
}
#dtext-block-info .prod_company img {
    display: block;
    height:36px;
    width:auto;
}
#dtext-block-info .prod_cat {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
}
#dtext-block-info .prod_weight, #dtext-block-info .prod_mass {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#B9B9B9;
}
#dtext-block-info .prod_price {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 30px;
    line-height: 34px;
    color:#535253;
    margin-bottom:10px;
    padding-top:20px;
}
#dtext-block-info .delivery, .prod_text .delivery-ov {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.prod_text .delivery-ov {
    position: absolute;
    bottom:68px;
    right:20px;
}
#dtext-block-info .delivery label {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
    width:100%
}
#dtext-block-info .delivery span.delivery-img, .prod_text .delivery-ov span.delivery-img {
    margin-right: 8px;
}
#dtext-block-info .delivery span.delivery-img img, .prod_text .delivery-ov span.delivery-img img {
    display: block;
    width:12px;
    height:12px;
}
#dtext-block-info .delivery span.delivery-title, .prod_text .delivery-ov span.delivery-title {
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 24px;
    color:#535253;
}
.prod_text .delivery-ov span.delivery-title {
    font-size: 12px;
    line-height: 32px;
}

#dfact-table {
    border-top:1px solid #535253;
}
#dfact-table .dfact-table-line {
    border-bottom:1px solid #535253;
    display: flex;
    flex-wrap: wrap;
}
#dfact-table .dfact-table-line .dfact-table-title {
    width:calc(50% - 8px);
    padding:14px 8px 16px 0;
}
#dfact-table .dfact-table-line .dfact-table-value {
    width:calc(50% - 8px);
    padding:14px 0 16px 8px;
}

#kontakt-block-items {
    display: flex;
    margin: 0 -24px;
}
#kontakt-block-items #kontakt-block-left, #kontakt-block-items #kontakt-block-right {
    width: calc(50% - 48px);
    margin: 0 24px;
}
#kontakt-block-daten {
    margin-bottom:48px;
}
#kontakt-block-map iframe {
    width:100%;
    height:458px;
}

.cprod-block-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -10px 32px -10px;
}
.cprod-block-items .cprod-block-item {
    width: calc(33.333% - 20px);
    margin: 0 10px 20px 10px;
}

.pbutton-block-items, .ptlir-block-items, .piltr-block-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -18px;
}
.pbutton-block-items .pbutton-block-text, .ptlir-block-items .ptlir-block-text, .piltr-block-items .piltr-block-text, .ptlir-block-items .ptlir-block-img, .piltr-block-items .piltr-block-img, .pbutton-block-items .pbutton-block-buttons {
    width: calc(50% - 36px);
    margin: 0 18px;
}
.pbutton-block-items .pbutton-block-text {
    width: calc(100% - 36px);
    margin: 0 18px;
}
.ptlir-block-items .ptlir-block-text {
    order:1;
}
.ptlir-block-items .ptlir-block-img {
    order:2;
}
.ptlir-block-img-caption p {
    padding-top:4px;
    margin:0 !important;
    font-family: 'SuisseIntl-SemiBold' !important;
}
.ptlir-block-button {
    padding-top:64px;
    text-align: center;
    font-size:0;
}
.pbutton-block-items .pbutton-block-buttons .pbutton-block-button {
    margin-bottom:24px;
    text-align: left;
    font-size:0;
} 
.pbutton-block-items .pbutton-block-buttons .pbutton-block-button a, .ptlir-block-button a {
    display: inline-block;
    border: 2px solid #F07D00;
    background: #fff;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 16px;
    line-height: 28px;
    color: #F07D00;
    text-decoration: none;
    padding: 7px 24px;
    border-radius: 26px;
    transition: all .3s ease;
} 
.pbutton-block-items .pbutton-block-buttons .pbutton-block-button a:hover, .ptlir-block-button a:hover {
    background:#F07D00;
    color:#fff;
    transition: all .3s ease;
} 
.pbutton-block-items .pbutton-block-img {
    width: calc(100% - 36px);
    margin: 0 18px;
    padding-top:16px;
}
.yt-frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.yt-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#oserv-block-items, .ptext-block-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 -18px;
}
.ptext-block-items {
    justify-content:center;
}
#oserv-block-items .oserv-block-item, .ptext-block-items .ptext-block-item {
    margin:0 18px;
    text-align: center;
}
.ptext-block-items .ptext-block-item {
    margin:0 40px 40px 40px;
}
#oserv-block-items .oserv-block-item a, .ptext-block-items .ptext-block-item a {
    text-decoration: none;
}
#oserv-block-items .oserv-block-item span.ititle, .ptext-block-items .ptext-block-item span.ititle {
    display: block;
    padding-top:20px;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 20px;
    line-height: 22px;
    color:#F07D00;
}
#oserv-block-items .oserv-block-item:hover span.ititle, .ptext-block-items .ptext-block-item:hover span.ititle {
    color:#535253;
}
#oserv-block-items .oserv-block-item span.icon-kd, .ptext-block-items .ptext-block-item span.icon-kd {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/kundendienst-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-kd, .ptext-block-items .ptext-block-item:hover span.icon-kd {
    background:url(../img/planung/kundendienst.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item span.icon-et, .ptext-block-items .ptext-block-item span.icon-et {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/ersatzteile-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-et, .ptext-block-items .ptext-block-item:hover span.icon-et {
    background:url(../img/planung/ersatzteile.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item span.icon-g, .ptext-block-items .ptext-block-item span.icon-g {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/garantie-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-g, .ptext-block-items .ptext-block-item:hover span.icon-g {
    background:url(../img/planung/garantie.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item span.icon-ap, .ptext-block-items .ptext-block-item span.icon-ap {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/alte-produkte-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-ap, .ptext-block-items .ptext-block-item:hover span.icon-ap {
    background:url(../img/planung/alte-produkte.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item span.icon-k, .ptext-block-items .ptext-block-item span.icon-k {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/katalog-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-k, .ptext-block-items .ptext-block-item:hover span.icon-k {
    background:url(../img/planung/katalog.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item span.icon-pr, .ptext-block-items .ptext-block-item span.icon-pr {
    display: inline-block;
    width:60px;
    height:60px;
    background:url(../img/planung/pr-orange.svg) no-repeat center center;
    background-size:60px 60px;
}
#oserv-block-items .oserv-block-item:hover span.icon-pr, .ptext-block-items .ptext-block-item:hover span.icon-pr {
    background:url(../img/planung/pr.svg) no-repeat center center;
    background-size:60px 60px;
}

#dplan-block-images, .ptext-block-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -10px 42px -10px;
}
.ptext-block-images {
    margin:0 -10px 80px -10px;
}
#dplan-block-images .dplan-block-image, .ptext-block-images .ptext-block-image {
    width:calc(33.333% - 20px);
    margin:0 10px;
}
#dplan-block-images .dplan-block-image img, .ptext-block-images .ptext-block-image img {
    display: block;
    width:100%;
    height:auto;
}
.ptext-block-images .ptext-block-image a {
    text-decoration: none;
}
.ptext-block-images .ptext-block-image a span {
    display: block;
    padding-top:10px;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 32px;
    color: #F07D00;
    text-align: center;
}
.ptext-block-images .ptext-block-image a:hover span {
    color: #535253;
}
#dplan-block-button {
    padding-top:36px;
    text-align: center;
    font-size:0;
}
#dplan-block-button a, .doffer-block-col-button a {
    display: inline-block;
    border: 2px solid #F07D00;
    background: #fff;
    font-family: 'SuisseIntl-SemiBold';
    font-size: 17px;
    line-height: 22px;
    color: #F07D00;
    text-decoration: none;
    padding:9px 24px 11px 24px;
    border-radius: 26px;
    transition: all .3s ease;
}
#dplan-block-button a:hover, .doffer-block-col-button a:hover {
    background: #F07D00;
    color: #fff;
    transition: all .3s ease;
}

#doffer-block-cols {
    display: flex;
    flex-wrap: wrap;
    margin:0 -28px;
}
#doffer-block-cols .doffer-block-col {
    width:calc(50% - 56px);
    margin:0 28px;
}
#doffer-block-cols .doffer-block-col img {
    display: block;
}

#footer {
    padding:60px 20px 100px 20px;
    background:#848484;
}
#footer #footer-inner {
    margin:0 auto;
    max-width:908px;
}
#fmenu-top {
    margin:0 0 30px 0;
}
#fmenu-top ul, #fmenu-bottom ul {
    font-size:0;
    text-align: center;
}
#fmenu-top ul li {
    margin:0 15px 15px 15px;
    display: inline-block;
}
#fmenu-top ul li a {
    font-family: 'SuisseIntl-Book';
    font-size: 18px;
    line-height: 22px;
    color:#fff;
    text-decoration: none;
}
#fmenu-top ul li a:hover, #fmenu-bottom ul li a:hover, #adress p a:hover {
    color:#535253;
}
#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: 18px;
    color:#fff;
    margin:0 5px;
}
#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: 18px;
    color:#fff;
    text-align: center;
    margin-bottom:8px;
}

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

#adress {
    margin:0 0 40px 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: 26px;
    color:#fff;
}
#adress ul li::after {
    content:"|";
    display: inline-block;
    font-family: 'SuisseIntl-Book';
    font-size: 16px;
    line-height: 26px;
    color:#fff;
    margin:0 10px;
}
#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, span.nnr-cost {
    white-space: nowrap;
}

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

.box-item input#plz.valid {
	color: #F07D00 !important;
	font-weight: bold;
}

.slick-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
}
.slick-slider.finally-loaded {
    visibility: visible;
    opacity: 1 !important;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

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: #F07D00;
    text-decoration: none;
    background: #fff;
    border: 2px solid #F07D00;
    border-radius: 22px;
    transition: all .3s ease;   
}
span.post-button a:hover {
    color: #fff;
    background: #F07D00;
    transition: all .3s ease;
}

#menu-trigger {
    display: none;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
    cursor: pointer;
}
#mobile-menu {
    position: fixed;
    top: 0;
    right: -150%;
    width: 240px;
    height: calc(100vh - 100px);
    background: rgba(83,82,83,0.96);
    padding: 70px 20px 30px 30px;
    z-index: 999999;
    transition: all .4s ease;
}
#mobile-menu.mmopen {
    position: fixed;
    right: 0;
    transition: all .4s ease;
}
#mobile-menu-inner {
    max-height:100%;
    overflow-y:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#mobile-menu-inner::-webkit-scrollbar {
    display: none;
}
#mobile-menu-close {    
    position: absolute;
    top: 20px;
    right: 22px;
    cursor: pointer;   
}
#main-nav, #sec-nav {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin: 0 0 24px 0;
}
#main-nav a {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom:14px;
}
#sec-nav a, #multisite-nav a {
    font-family: 'SuisseIntl-Book';
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-bottom:14px;
}
#tiba-produkte h2 {
    font-family: 'SuisseIntl-SemiBold';
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom:14px;
}


@media only screen and (max-width:1680px) {
    #top-bar-inner {
        max-width: 100%;
    }
    #top-menu {
        margin-right:142px;
    }
}
@media only screen and (max-width:1440px) {
    .form-text, #flex-block {
        margin: 0 32px;
    }
    #menu ul li {
        margin-left: 32px;
    }
    .top-bar-ext-menu-item, #top-menu ul li {
        margin: 0 12px;
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right:2px;
    }
}
@media only screen and (max-width:1420px) {
    #home-stove-tiles-items {
        margin: 0;
    }
    #anchor-block-outer {
        margin: 0 20px;
    }
}
@media only screen and (max-width:1380px) {
    #menu ul li {
        margin-left: 24px;
    }
    .home #content {
        padding: 0;
    }
}
@media only screen and (max-width:1280px) {
    #top-menu, #top-bar-ext-menu, #menu {
        display: none;
    }
    #header #logo img, #header.small #logo img, #header.header-small #logo img, #header.header-small.small #logo img {
        width: auto;
        height: 44px;
    }
    #menu-trigger {
        display: block;
    }
    #top-bar-icon-menu {
        right: 70px;
        top: 25px;
    }
    #top-bar.nav-up {
        top: -64px;
    }
    #header, #header.nav-down {
        top:0;
    }
    #header.nav-up {
        top: -100px;
    }
    #header #logo, #header.header-small #logo, #header.header-small.small #logo {
        padding: 16px 0 10px 0;
    }
    #steps, #steps.nav-down {
        top: 70px;
    }
    #steps #dot-nav, #steps.small #dot-nav {
        padding: 16px 20px 8px 20px;
    }
    #container.home {
        padding-top: 70px;
    }
    #container {
        padding-top: 146px;
    }
    .oa-block .oa-item {
        width: calc(33.333% - 36px);
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 12px;
    }
    #anchor-block.active.nav-down {
        top: 70px;
    }
    
    #pdetail-buttons {
        bottom: 0;
        left: 0;
        width:calc(100% - 40px);
        background:#fff;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding:12px 20px;
    }
    #pdetail-obuttons {
        order:2;
        display: flex;
    }
    #offer-button {
        margin-bottom:0;
        order:2;
    }
    #offer-button-2 {
        order:1;
        margin-bottom:0;
        margin-right:12px;
    }
    #bto-button {
        order:1;
    }
    #bto-button a {
        padding:10px 32px 10px 36px;
        background: url(../img/back-arrow-black.svg) no-repeat left center;
        background-size: 20px 16px;
    }
    #bto-button a:hover {
        background: url(../img/back-arrow-orange.svg) no-repeat left center;
        background-size: 20px 16px;
    }
    #header-img.pd-himg {
        padding-top: 70px;
    }
    #header-img.pd-himg #header-img-frame {
        border-top:none;
    }
    #planung-slider, #dplan-block.pub-item, #kontakt-slider {
        padding-top: 70px;
    }
}

@media only screen and (max-width:1180px) {
    #home-news-items .home-news-item {
        width: calc(33.333% - 22px);
    }
    #home-news-items .home-news-item:nth-last-child(1) {
        display: none;
    }
}
@media only screen and (max-width:1080px) {
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 2px;
    }
    #home-slider, #planung-slider, #kontakt-slider, #home-slides .home-slide img, #planung-slider .planung-slide img, #kontakt-slider .kontakt-slide img {
        height: 350px;
    }
    #home-stove-tiles-items {
        margin:0 10px;
    }
    #home-stove-tiles-items .home-stove-tiles-item {
        width:calc(33.333% - 20px);
        margin:0 10px 20px 10px;
    }
    #home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-img img, #home-style-carousel .home-style-carousel-slide:hover .home-style-carousel-slide-img img, #home-tm-carousel .home-tm-carousel-slide .home-tm-carousel-slide-img img, #home-tm-carousel .home-tm-carousel-slide:hover .home-tm-carousel-slide-img img, #home-stove-tiles-items .home-stove-tiles-item .home-stove-tiles-item-img img, #home-stove-tiles-items .home-stove-tiles-item:hover .home-stove-tiles-item-img img {
        transform: scale(1);
    }    
    .oa-block .oa-item, .oa-block .oa-item:hover {
        box-shadow: 0 0 50px 0 rgba(0,0,0,0);
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"] + label:hover, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
        color:#fff;
        background:url(../img/Icons/check-on.svg) #F07D00 no-repeat left 14% center;
        background-size:16px 10px;
    }
}
@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) #F07D00 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;
    }
}
@media only screen and (max-width:960px) {
    .oa-block .oa-item {
        width: calc(50% - 36px);
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 12px;
    }
}
@media only screen and (max-width:840px) {
    #home-news-items .home-news-item {
        width: calc(50% - 22px);
    }
    #home-news-items .home-news-item:nth-last-child(1) {
        display: block;
    }
    #home-stove-tiles-items .home-stove-tiles-item {
        width: calc(50% - 20px);
    }
}
@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;
    }
    #container {
        padding-top: 140px;
    }
    #home-style-carousel .home-style-carousel-slide {
        max-width: 320px;
    }
    #home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text {
        padding: 22px 22px 64px 22px;
    }
}
@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;
	}
	#footer {
		padding:60px 32px 90px 32px;
	}
}
@media only screen and (max-width:767px) {
    #oa-crs {
        justify-content: space-between;
    }
    #oa-crs #oa-count, #oa-crs #oa-sort {
        width:33.333%;
    }
    #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;
    }
    #home-tm-carousel .home-tm-carousel-slide {
        margin: 0 16px;
    }
    
    #dtext-block {
        padding: 32px 20px 44px 20px;
    }
    #dtext-block-text, #dtext-block-info {
        width:calc(100% - 20px);
    }
    #dtext-block-info {
        order:1;
        padding:0;
        background:none;
        margin-bottom:60px;
    }
    #dtext-block-info .delivery label {
        width: auto;
        margin-right:10px;
    }
    #dtext-block-info .prod_price {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    #dtext-block-text {
        order:2;
    }
    .pbutton-block-items .pbutton-block-text, .ptlir-block-items .ptlir-block-text, .piltr-block-items .piltr-block-text, .ptlir-block-items .ptlir-block-img, .piltr-block-items .piltr-block-img, .pbutton-block-items .pbutton-block-buttons {
        width: calc(100% - 36px);
    }
    .ptext-block-images .ptext-block-image a span {
        font-size: 20px;
        line-height: 22px;
    }
    #kontakt-block-items {
        flex-wrap: wrap;
    }
    #kontakt-block-items #kontakt-block-left, #kontakt-block-items #kontakt-block-right {
        width: calc(100% - 48px);
    }
    #kontakt-block-items #kontakt-block-left {
        margin-bottom:40px;
    }
    #kontakt-block-odaten {
        padding-top: 0;
    }
    .cprod-block-items .cprod-block-item {
        width: calc(50% - 20px);
    }
}
@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 input[type="checkbox"] + label {
        background:url(../img/Icons/check-off.svg) #fff no-repeat left 6px center;
        background-size:16px 10px;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"] + label:hover, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
        background:url(../img/Icons/check-on.svg) #F07D00 no-repeat left 6px center;
        background-size:16px 10px;
    }   
    .oa-block .oa-item .checkbox-prod span {
        padding-right: 0;
    }
}
@media only screen and (max-width:586px) {
	.form-text {
		margin: 16px auto 24px auto;
        padding:24px 0 18px 0;
    }
    #dtext-block, #dfact-block, #dplan-block, #doffer-block, #oserv-block, .planung-lead, .pbutton-block, .ptlir-block, .piltr-block, .ptext-block, .cprod-block, #kontakt-block {
        padding: 40px 20px;
    }
    #header-img-caption h1 {
        padding: 9px 23px 10px 23px;
        font-size: 16px;
        line-height: 24px;
    }
    #sticky-anchor span.ptitle {
        font-size:24px;
        line-height:30px;
        padding-top: 20px;
        margin-bottom:20px;
    }
    .pd-item h1, .pd-item h2, #oserv-block h2, .pbutton-block h2, .ptlir-block h2, .piltr-block h2, .ptext-block h2, .planung-lead-inner h2, .cprod-block h2, #kontakt-block h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 40px;
    }
	.form-text h1, .form-text h2, #home-lead h1 {
		font-size: 20px;
		line-height: 26px;
	}
    #home-lead h1 {
        margin-bottom:24px;
    }
    #home-lead p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    #home-lead .home-lead-button a {
        font-size: 16px;
        line-height: 22px;
        padding: 7px 24px 8px 24px;
    }
    #home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text h2 {
        font-size: 20px;
        line-height: 26px;
    }
    #home-style-carousel .home-style-carousel-slide .home-style-carousel-slide-text .home-style-carousel-slide-text-link span.home-style-carousel-slide-text-linktext {
        font-size: 16px;
        line-height: 21px;
    }
    #dplan-block-button {
        padding-top:18px;
    }
    #dplan-block-button a, .doffer-block-col-button a, span.post-button a {
        font-size: 16px;
        line-height: 21px;
    }
    .ptext-block .ptext-block-services h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom:20px;
        padding-top:20px;
    }
    .pd-item h3, .cprod-block-inner h3, .cprod-block-item h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .cprod-block-inner h3 {
        margin-bottom: 24px;
    }
    .cprod-block-item h4 {
        margin-bottom: 0;
    }
    
    .ptext-block-images .ptext-block-image a span, #oserv-block-items .oserv-block-item span.ititle, .ptext-block-items .ptext-block-item span.ititle {
        font-size: 16px;
    }
    #kontakt-block-kataloge-link, #kontakt-block-map-link {
        padding-top: 8px;
    }
    #kontakt-block-termin a, #kontakt-block-kataloge-link a, #kontakt-block-map-link a {
        font-size: 18px;
        line-height: 24px;
    }
    
    .oa-block .oa-item {
        width: calc(100% - 32px);
        margin: 0 16px 18px 16px;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"] + label {
        background:url(../img/Icons/check-off.svg) #fff no-repeat left 14% center;
        background-size:16px 10px;
    }
    .oa-block .oa-item .checkbox-prod input[type="checkbox"] + label:hover, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label, .oa-block .oa-item .checkbox-prod input[type="checkbox"]:checked + label:hover {
        background:url(../img/Icons/check-on.svg) #F07D00 no-repeat left 14% center;
        background-size:16px 10px;
    }
    .oa-block .oa-item .checkbox-prod span {
        padding-right:12px;
    } 
	.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;
    }
    #oa-crs #oa-sort .select2-container {
        width: 132px !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;
    }
    #home-slider, #planung-slider, #kontakt-slider, #home-slides .home-slide img, #planung-slider .planung-slide img, #kontakt-slider .kontakt-slide img {
        height: 210px;
    }
    #home-news-items .home-news-item {
        width: calc(100% - 22px);
    }
    #home-news {
        padding: 68px 20px 60px 20px;
    }
    #home-lead {
        padding:0 20px 40px 20px;
    }
    #home-tm-carousel {
        padding: 56px 0 114px 32px;
    }
    #home-stove-tiles-items .home-stove-tiles-item {
        width: calc(100% - 20px);
        margin: 0 10px 32px 10px;
    }
    #dplan-block-images, .ptext-block-images {
        margin: 0 -10px 24px -10px;
    }
    #home-tm-carousel h2 {
        margin-left: -32px;
    }
    
    
    #pdetail-obuttons {
        order:2;
        display: flex;
        flex-direction: column;
        max-width:50%;
    }
    #offer-button {
        margin-bottom:8px;
        order:1;
        text-align: center;
    }
    #offer-button-2 {
        order:2;
        margin-bottom:0;
        margin-right:0;
        text-align: center;
    }
    
    #bto-button a {
        font-size: 12px;
        line-height: 22px;
        padding:10px 32px 10px 24px;
        background: url(../img/back-arrow-black.svg) no-repeat left center;
        background-size: 14px 12px;
    }
    #bto-button a:hover {
        background: url(../img/back-arrow-orange.svg) no-repeat left center;
        background-size: 14px 12px;
    }
    #offer-button {
        width:100%;
    }
    #offer-button a {
        display: block;
        font-size: 12px;
        line-height: 13px;
        padding:5px 18px 5px 48px;
        background: url(../img/Icons/check-off.svg) #fff no-repeat left 18px center;
        background-size: 16px 10px;
    }
    #offer-button a:hover {
        background: url(../img/Icons/check-on.svg) #F07D00 no-repeat left 18px center;
        background-size: 16px 10px;
    }
    #offer-button-2 a {
        font-size: 12px;
        line-height: 13px;
        padding:5px 18px;
    }
    #anchor-block .anchor-box a, #anchor-block.active .anchor-box a {
        font-size: 13px;
        padding-bottom: 6px;
        border-bottom: 2px solid transparent;
    }
    #anchor-block .anchor-box a:hover, #anchor-block .anchor-box a.active {
        border-bottom: 2px solid #F07D00;
    }
    #anchor-block .anchor-box:nth-child(1) {
        margin: 0 11px 0 0;
    }
    #anchor-block .anchor-box {
        margin: 0 11px;
    }
}
@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;
    }
    #pdetail-buttons {
        padding: 16px 12px;
        width: calc(100% - 24px); 
    }
    #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-count {
        width:76px;
    }
    #oa-crs #oa-reset {
        width:calc(100% - 76px);
        text-align: right;
    }
    #oa-crs #oa-sort {
        width:100%;
        text-align: center;
    }
    #oa-crs #oa-count, #oa-crs #oa-reset {
        margin-bottom:8px;
    }
    #header #logo, #header.header-small #logo, #header.header-small.small #logo {
        padding: 16px 0 14px 0;
    }
    #header #logo img, #header.small #logo img, #header.header-small #logo img, #header.header-small.small #logo img {
        width: auto;
        height: 40px;
    }
    #dfact-table .dfact-table-line .dfact-table-value {
        text-align: right;
    }
    .ptext-block-images .ptext-block-image {
        width: calc(100% - 20px);
        margin: 0 10px 20px 10px;
    }
    .contact {
        padding:20px;
        position: fixed;
        top:70px;
        right:0;
        width:calc(100% - 40px);
        height:100%;
    }
} 
@media only screen and (max-width:375px) {
    .cprod-block-items .cprod-block-item {
        width: calc(100% - 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;
}