@media print {
    	.produkte-wrapper, .produkte-wrapper div, .item {clear:both; float: none !important; display:block;  page-break-inside: auto !important; break-inside:auto !important; }
	.produkte-wrapper .item {display:block;}
	.produkte-wrapper {width:70%;page-break-before:always;}
	.produkte-wrapper .item-text {margin-left:5%;}
	.produkte-wrapper .item .img-bg {display:none;}

}

.slick-slide img {width:100%;}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 40px;
    margin-bottom: 40px;
}


.csc-textpic h2 {clear:none;}

.aktion-wrapper .item {min-height:200px;}


/* special css for tt_news list */
.news-list div.csc-header {padding-left: 30px; max-width: 1200px; margin: 0 auto; width: 100% !important;}
.news-list div.csc-textpic {padding-left: 30px; max-width: 1200px; margin: 0 auto; width: 100% !important;}
.news-container a {border-radius: 500px; background-color: #007cbc; color: #fff; padding: 5px 10px;display: inline-block;}


/* tt_news */
.news-list-browse, .tx-ttnews-browsebox, .tx-ttnews-browsebox-SCell, .tx-ttnews-browsebox-SCell a {text-align:left;font-size:16px;}
.tx-ttnews-browsebox table{text-align:left; font-size:16px;}
.tx-ttnews-browsebox, .browseBoxWrap {clear:both; text-align:left; margin:3px; border:0px solid #666;padding:3px;background-color:#fff;}
.tx-ttnews-browsebox a {color:#6AA8D7;}
.tx-ttnews-browsebox a:hover {color:#6AA8D7;}

.tx-ttnews-browsebox table tbody tr td {font-size: 16px; width:80px; text-align:center; }
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {font-weight: bold;}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{margin:0px;}
.tx-ttnews-browsebox-SCell {background-color: #fff; border:1px solid #666; width:20px;}

.news-single-img {margin-left:0px; margin-bottom:12px;}

.news-item img{width:auto; margin-right:0px;}



/* VIMEO iframe --------*/

.vimeo1 {max-width:640px !important; max-height:360px !important;}

@media screen and (max-width: 662px) {
.vimeo1 {max-width:480px !important; max-height:270px !important;}
}
@media screen and (max-width: 490px) {
.vimeo1 {max-width:350px !important; max-height:197px !important;}
}
/* VIMEO iframe END --------*/




@media screen and (min-width: 1200px) {
/* button in content einblenden */
div.sidebar p.btn-anmelden  {display:inline;}
}

@media screen and (min-width: 1024px) {
.produkte-wrapper .item {
    width: calc(50% - 30px);
}

@media screen and (max-width: 1024px) {
/* button in content einblenden */
div.sidebar p.btn-anmelden  {display:none;}
;}
}


@media screen and (max-width: 767px) {
 thead tr {position:static; top:0px; left:0px; }

.csc-textpic img {max-width:100%;}
.news-single-img a img {width:auto; height:auto; max-width:55%; max-height:55%;}
.news-container div img {width:auto; height:auto; max-width:84%; max-height:84%; margin-bottom:0px;}

/* button in content ausblenden */
div.sidebar p.btn-anmelden {display:none;}
}


table { display: table; }
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
}
table.price-table, table.ce-table {
    width: 100%;
    margin: 0.5 0 1.5em;
}
table.price-table th, table.ce-table th {
    background-color: #D4EAFA;
    border-top: none;
text-align:center;
}
table.price-table td, .table.price-table th, table.ce-table td, .table.ce-table th {
    text-align: center;
    vertical-align: middle;
    padding: .5em 1em;
    border-top: none;
    border-bottom: 1px solid #007cbc;
}





@media screen and (max-width: 599px) {
.table.price-table td:last-child {border-bottom:0px !important;}
.table.price-table th:last-child {border-bottom:0px !important;}
td { width:auto !important; padding-left:14.43 !important; padding-right:5px !important;}

table { display: table; font-size:0.95em;}
table thead { display: table-row; !important; background-color: rgb(212, 234, 250); border-bottom: 1px solid #007cbc !important;}
table thead tr { border-bottom: 0px; display: table-row;  min-width:100% !important;}
table thead tr th{ display: table-cell; border-bottom: 0px;}
table tbody tr{ display: table-row; border-bottom: 1px solid #007cbc !important; border-top: 0px  !important; }
table tbody tr td { display: table-cell;}

.table.price-table tbody td:first-child, .table.price-table tbody th:first-child {text-align:left !important;}

}


.csc-textpic-caption {line-height: 1; padding-top:5px;}


/* products dce lists */

.produkte-wrapper ul {text-align:left;}

.produkte-wrapper h2 {font-size:21px; margin-bottom:17px; }


.produkte-wrapper .item-text .bodytext {text-align:left; padding-left:17px;}
.produkte-wrapper .item-text .align-canter {text-align:center; margin:0px; padding:0px;}
.produkte-wrapper .item-text ul{ padding-left:31px;}
.produkte-wrapper .item-text { font-size:15px;   line-height:18px;  padding-right:0px;}




/* Siegel TWO TÜV LOGOS   DISABLED!!!!!!!!*/
.XXXsiegel-wrapper {z-index:99; position:absolute; top:38%;  width:100%; height:auto; align-items: center;}
.XXXsiegel-wrapper .siegel-content {max-width:1240px; height:auto;  margin-left:auto; margin-right:auto; padding-right:20px; }
/* Siegel removed 2019_04
.XXXsiegel-wrapper .siegel1 {float:right; width:224px; height:106px; background-image:url(/fileadmin/templates/images/Siegel_Gesamt_TOP10_web-1.png); background-size: cover; }
.XXXsiegel-wrapper .siegel2 {clear:both; float:right; width:223px; height:106px; margin-top:7px;background-image:url(/fileadmin/templates/images/Siegel_Konditionen_TOP10_web-1.png); background-size: cover;}
 */
.XXXsiegel-wrapper .siegel1 {float:right; width:100px; height:100px; background-image:url(/fileadmin/templates/images/tuev.jpg); background-size: cover; }
.XXXsiegel-wrapper .siegel2 { clear:both; float:right; width:100px; height:100px; margin-top:7px;background-image:url(/fileadmin/templates/images/tuev2-1.gif); background-size: cover;background-color: transparent;}

@media screen and (max-width: 767px) {
.XXXsiegel-wrapper {top:8%;}
.XXXsiegel-wrapper .siegel-content { padding-right:12px; }
.XXXsiegel-wrapper .siegel1 {float:right; max-width:80px; max-height:80px; background-size: cover;}
.XXXsiegel-wrapper .siegel2 {float:right; max-width:80px; max-height:80px; background-size: cover;}
}

@media screen and (max-width: 599px) {
.XXXsiegel-wrapper {top:8%;}
.XXXsiegel-wrapper .siegel-content { padding-right:12px; }
.XXXsiegel-wrapper .siegel1 {float:right; max-width:50px; max-height:50px; background-size: cover;}
.XXXsiegel-wrapper .siegel2 {float:right; max-width:50px; max-height:50px; background-size: cover;}
}
/* Siegel end*/



/* Siegel 2020_04 BRANCHEN CHAMPION*/
.siegel-wrapper {z-index:99; position:absolute; top:38%;  width:100%; height:auto; align-items: center;}
.siegel-wrapper .siegel-content {max-width:1240px; height:auto;  margin-left:auto; margin-right:auto; padding-right:20px; }
.siegel-wrapper .siegel1 {float:right; width:191px; height:102px; background-image:url(/fileadmin/templates/images/Siegel_BranchenChampion_KUZ_quer_2021-3.png); background-size: cover; } /**/
.siegel-wrapper .siegel1:hover {width:300px; height:159px; background-image:url(/fileadmin/templates/images/Siegel_BranchenChampion_KUZ_quer_2021-3_big.png); background-size: cover;}


.siegel-wrapper .siegel2 {display:none;  clear:both; float:right; width:100px; height:100px; margin-top:7px;background-image:url(/fileadmin/templates/images/tuev2-1.gif); background-size: cover;background-color: transparent;}

@media screen and (max-width: 767px) {
.siegel-wrapper {top:8%;}
.siegel-wrapper .siegel-content { padding-right:12px; }
.siegel-wrapper .siegel1 {float:right; max-width:180px; max-height:80px; background-size: cover;}
.siegel-wrapper .siegel2 {display:none; float:right; max-width:80px; max-height:80px; background-size: cover;}
}

@media screen and (max-width: 599px) {
.siegel-wrapper {top:8%;}
.siegel-wrapper .siegel-content { padding-right:12px; }
.siegel-wrapper .siegel1 {float:right; max-width:100px; max-height:54px; background-size: cover;}
.siegel-wrapper .siegel2 {display:none; float:right; max-width:50px; max-height:50px; background-size: cover;}
}
/* Siegel end*/


p .file-link {padding-bottom:15px;}
p a .icon {float:left;margin-right:10px;}
p a .text {display:block; margin-top:2px; margin-left:3px; line-height:20px;}


/* tt_news */

.news-teaser .bodytext {
    font-size: 1.2em;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tx-ttnews-browsebox table {
    text-align: left;
    font-size: 16px;
    width:auto;
}

.tx-ttnews-browsebox p {
    color: #6AA8D7;
}
.ce-headline-left {max-width:1140px; margin:40px auto 0px auto;}

/* tt_news end */








/*js_faq from eaa accordeon */

.tx-jsfaq ul {
    margin-top: 10px;
    list-style-image: url('../images/list-redbox.gif');
}

.tx-jsfaq ul li,
.tx-jsfaq ol li {
    list-style-image: url('../images/list-redbox.gif');
    line-height: 1.5 !important;
    margin-left: 20px;
    vertical-align: middle !important;
    background-position: left top !important;
}







.tx-jsfaq-toggle-show-all,
.tx-jsfaq-toggle-hide-all {
    border: 1px solid #E31C48;
    color: #E31C48;
    min-width:24%;
    text-transform: uppercase;

}
.tx-jsfaq-toggle-show-all:hover,
.tx-jsfaq-toggle-hide-all:hover{
    border: 1px solid #E31C48;
    color: #fff;
    background-color: #E31C48;
    min-width:24%;
    text-transform: uppercase;

}
.tx-jsfaq-header {
    padding: 0;
    border: 0;
}
.tx-jsfaq-box {
    padding: 0;
margin-top:-11px;
}

.tx-jsfaq-toggle-plus,
.tx-jsfaq-toggle-minus {
    width: 100%;
    height: auto;
    padding: 20px 50px 20px 20px;
    background: #fff;
    border-top: 1px solid #2699D6;
    position: relative;
    cursor: pointer;
}
.tx-jsfaq-box:last-child {
    border-bottom: 1px solid #2699D6;
}
.tx-jsfaq-toggle-minus{
    border-bottom: 1px solid #fff;
    background: #f3f4f4;
}
.tx-jsfaq-toggle-plus,
.tx-jsfaq-toggle-minus{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #868F98;
}

.tx-jsfaq-toggle-minus{
    color: #2699D6;
}

.tx-jsfaq-header .arrow {
    width: 24px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.tx-jsfaq-box .click-open{
    width: 24px;
    height: 24px;
    fill: #2699D6;
}
.tx-jsfaq-box .click-closed{
    width: 24px;
    height: 24px;
    fill: #2699D6;
}
.click-closed {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.tx-jsfaq-details {
    border: 0;
}
.tx-jsfaq-details {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin: 0;
    display: none;
}






}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 1170px) {   
}
@media only screen and (max-width: 1130px) {   
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1081px) {
}
@media only screen and (max-width: 991px) {   
}

@media only screen and (max-width: 959px) {

    .tx-jsfaq-toggle-plus,
    .tx-jsfaq-toggle-minus {
        padding: 13px 50px 13px 20px;
    }
    .tx-jsfaq-toggle-plus,
    .tx-jsfaq-toggle-minus {
        font-size: 16px;
    }
    .tx-jsfaq-details{
        padding: 40px 20px;
    }

}
@media only screen and (max-width: 932px) {
}
@media only screen and (max-width: 850px) {

}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 659px) {  
}
@media only screen and (max-width: 573px) {    
}
@media only screen and (max-width: 511px) {   
}
@media only screen and (max-width: 468px) {
   
    .tx-jsfaq-toggle-plus,
    .tx-jsfaq-toggle-minus{
        font-size: 13px;
    }  
}

@media only screen and (max-width: 450px) {
}

@media only screen and (max-width: 410px) {   
}

@media only screen and (max-width: 401px) {
}

@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 320px) {
}  
/* ----------------------------------------------------------------------------- */
/* Extensions */



/*************
*** js faq ***
*************/
.tx-jsfaq {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
}
.tx-jsfaq .toggale {
    padding: 0 0 40px 0;
    text-align:right;
}
.tx-jsfaq .tx-jsfaq-box {
    width: 100%;
    padding: 10px 0;
}
.tx-jsfaq .tx-jsfaq-header {
    clear: both;
    width: 100%;
    cursor: pointer;
    padding: 10px 0 10px 2%;
    position: relative;
}
.tx-jsfaq-header.tx-jsfaq-toggle-minus::before {
    color: #ddd;
}
.tx-jsfaq .tx-jsfaq-toggle-show-all,
.tx-jsfaq .tx-jsfaq-toggle-hide-all {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    line-height: normal;
    padding: 10px;
}
.tx-jsfaq .tx-jsfaq-toggle-show-all.disabled,
.tx-jsfaq .tx-jsfaq-toggle-hide-all.disabled  {
    cursor: default;
}
.tx-jsfaq .tx-jsfaq-details {
    width: 100%;
    padding: 2%;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
    overflow: hidden;
    clear: both;
}
.tx-jsfaq-detail .header {
    padding: 10px 30px 20px 0;
}
.page-navigation {
    width: 100%;
    padding: 0 15px;
    margin: 15px 0;
    display: inline-block;
}
.pagination>li>a,
.pagination>li>span,
#content .pagination a,
#content .pagination a:link,
#content .pagination a:active,
#content .pagination a:visited,
#content .pagination a:focus {
    color: #1d1d1b;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border: 1px solid #868f98;
    color: #1d1d1b;
    background-color: #fff;
}








/*************
*** js faq ***
*************/
.tx-jsfaq {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
}
.tx-jsfaq .toggale {
    padding: 0 0 40px 0;
    text-align:right;
}
.tx-jsfaq .tx-jsfaq-box {
    width: 100%;
    padding: 10px 0;
}
.tx-jsfaq .tx-jsfaq-header {
    clear: both;
    width: 100%;
    cursor: pointer;
    padding: 10px 0 10px 2%;
    padding: 20px 50px 10px 20px;
    position: relative;
}
.tx-jsfaq-header.tx-jsfaq-toggle-minus::before {
    color: #ddd;
}
.tx-jsfaq .tx-jsfaq-toggle-show-all,
.tx-jsfaq .tx-jsfaq-toggle-hide-all {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    line-height: normal;
    padding: 10px;
}
.tx-jsfaq .tx-jsfaq-toggle-show-all.disabled,
.tx-jsfaq .tx-jsfaq-toggle-hide-all.disabled  {
    cursor: default;
}
.tx-jsfaq .tx-jsfaq-details {
    width: 100%;
    padding: 2%;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    border-top: none;
    display: none;
    overflow: hidden;
    clear: both;
}
.tx-jsfaq-detail .header {
    padding: 10px 30px 20px 0;
}
.page-navigation {
    width: 100%;
    padding: 0 15px;
    margin: 15px 0;
    display: inline-block;
}
.pagination>li>a,
.pagination>li>span,
#content .pagination a,
#content .pagination a:link,
#content .pagination a:active,
#content .pagination a:visited,
#content .pagination a:focus {
    color: #1d1d1b;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border: 1px solid #2699D6;
    color: #1d1d1b;
    background-color: #fff;
}




/*js_faq from eaa accordeon END*/


/* ns-faq ------------------------ */

.ns-faq-list {
	margin-left:-15px;
}

.ns-faq-body {
	padding-left:20px;
}
.ns-faq-body ul {
	margin-bottom:30px;
}
.ns-faq-body p {
	margin-bottom:20px;
}
.ns-faq-title {
	border-top: 1px solid #2699D6;
	padding: 25px 0px 25px 20px;
}
.ns-faq-wrap {
	margin-bottom:0px;

}
.ns-faq-wrap .ns-faq-title {
	background-color:#fff;
}
.ns-faq-title-text {clear:both; float:left; width:auto;}
.ns-faq-title-text h4{
	color: #868F98;
	font-weight: 600;
	font-size: 16px; margin-top:-5px;
}
.ns-faq-title .ns-faq-icon-wrap {
	position:relative;
	width:30px;
	float:right;
	background-color:#fff;
	left:0px;
	top:-10px;
}
.ns-faq-title .ns-faq-icon-wrap em {
	position:relative;
	left:0px;
	top:0px;
}
.ns-faq-wrap .ns-faq-title .ns-faq-icon-wrap .fa-chevron-down:before{content:"\f078";}
.ns-faq-wrap .ns-faq-title .ns-faq-icon-wrap .fa-chevron-down{font-weight:bold; font-size:30px; color:#2699D6; background-color:#fff;}
.ns-faq-active .ns-faq-title .ns-faq-icon-wrap .fa-chevron-down:before{content:"\f077";}

.ns-faq-active .ns-faq-title .ns-faq-icon-wrap .fa-chevron-down{font-weight:bold; font-size:30px; color:#2699D6; background-color:#f3f4f4;}
.ns-faq-active .ns-faq-title .ns-faq-icon-wrap {background-color:#f3f4f4;}
.ns-faq-active .ns-faq-title {background-color:#f3f4f4; height:63px;}
.ns-faq-active .ns-faq-title-text h4{color:#2699D6;}

@media only screen and (max-width: 768px) {
.ns-faq-list {
	margin-left:25px;
}
}

/*2023-10 abstand rechts*/
.ns-faq-list-wrap .container {padding-right:15px !important;}

/* ns-faq end --------------------- */