.uo-content a{text-decoration:underline;}
.uo-content a:hover{text-decoration:none;}

.uo-content .btn{text-decoration:none;}

.uo-content a.spaltenlink{text-decoration:underline;}
.uo-content a.spaltenlink:hover{text-decoration:none;}

.uo-content ul li,
.uo-content ol li {color: #000000; font-size: 13px; line-height: 18px; }

.uo-content img{max-width:100%; height:auto!important;}

.uo-content .topics{display:block!important;}
.uo-content .title-picture {text-align:center;}
.uo-content .title-picture img{}
.uo-content .topics .btn { white-space:normal;}
.uo-content .topics a {text-decoration:none;}


.uo-content{padding-bottom:20px;}

.uo-content .uo-box {clear: both; border: 2px solid #d7d7d7; padding: 15px 20px; margin:30px 0;}
.uo-content .uo-box h2 {padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin: 6px 0 15px 0; }


.uo-content legend{display:none;}

.uo-content .togglerollrasen{width:100%!important;}


.uo-content ul.uo-services-market-list  {list-style:none; margin:0; padding:0; }
.uo-content ul.uo-services-market-list li {width: 100%; margin:0 0 0.5em 0;}



.uo-content table > thead > tr > th,
.uo-content table > tbody > tr > th,
.uo-content table > tfoot > tr > th,
.uo-content table > thead > tr > td,
.uo-content table > tbody > tr > td,
.uo-content table > tfoot > tr > td {border: 1px solid #707070; }

.uo-content table {width: 100%; line-height: 17px; font-size: 12px; text-align: left; font-family: "open_sanslight"; margin-bottom:30px;}
.uo-content table th, 
.uo-content table td {padding: 5px 10px; font-size: 13px; line-height: 24px; }
.uo-content table th {text-align: left; padding-top: 0; font-family: "open_sansbold"; }





.uo-content .table > thead > tr > th,
.uo-content .table > tbody > tr > th,
.uo-content .table > tfoot > tr > th,
.uo-content .table > thead > tr > td,
.uo-content .table > tbody > tr > td,
.uo-content .table > tfoot > tr > td {border-top: 1px solid #ddd; }
.uo-content .table > thead > tr > th {border-bottom: 2px solid #ddd; }



.uo-content .table {width: 100%; line-height: 17px; font-size: 12px; text-align: left; font-family: "open_sanslight"; margin-bottom:30px;}
.uo-content .table th, 
.uo-content .table td {padding: 5px 20px; font-size: 14px; line-height: 24px; }
.uo-content .table th {text-align: left; padding-top: 0; font-family: "open_sansbold"; }
.uo-content .table-striped tr:nth-child(even) {background-color: #f5f5f5; }

.uo-content .table-condensed > thead > tr > th,
.uo-content .table-condensed > tbody > tr > th,
.uo-content .table-condensed > tfoot > tr > th,
.uo-content .table-condensed > thead > tr > td,
.uo-content .table-condensed > tbody > tr > td,
.uo-content .table-condensed > tfoot > tr > td { padding: 5px;}

.uo-content .table-noborder > thead > tr > th,
.uo-content .table-noborder > tbody > tr > th,
.uo-content .table-noborder > tfoot > tr > th,
.uo-content .table-noborder > thead > tr > td,
.uo-content .table-noborder > tbody > tr > td,
.uo-content .table-noborder > tfoot > tr > td { border:none;}

.uo-content .table-striped > thead > tr > th{ background-color: #f5f5f5; vertical-align:middle; padding: 10px 20px;}


.uo-content .gutschein{display:inline-block; vertical-align:top;  border:1px solid #d7d7d7; padding:10px; margin:0 16px 20px 0; background: #f5f5f5;}
.uo-content .gutschein .gutscheinillu{margin:0 0 7px 0;}
.uo-content .gutschein .gutscheintext{}

.uo-content .mini-accordion__panel__heading__title__link {text-decoration: none}

.uo-content .uo-nav-materialrechner .product-navigation__list__item--slider-tab{width:50%;}
.uo-content a.product-navigation__list__link--slider-tab{ text-decoration:none;}




.uo-content .input-group {position: relative; display: table; border-collapse: separate; }


.uo-content .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; border: 1px solid #919191; box-shadow: none; border-radius: 3px; font-family: "open_sanslight"; font-size: 13px; padding: 7px 10px 5px; color: #000000;}

.uo-content .input-group .form-control, 
.uo-content .input-group-addon, 
.uo-content .input-group-btn {display: table-cell; }

.uo-content .input-group .form-control:first-child, 
.uo-content .input-group-addon:first-child, 
.uo-content .input-group-btn:first-child>.btn, 
.uo-content .input-group-btn:first-child>.btn-group>.btn, 
.uo-content .input-group-btn:first-child>.dropdown-toggle, 
.uo-content .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, 
.uo-content .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0; }




.uo-content .input-group .form-control, 
.uo-content .input-group-addon, 
.uo-content .input-group-btn {display: table-cell; }

.uo-content .input-group-addon, 
.uo-content .input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle; }

.uo-content .input-group-addon {padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #000000; text-align: center; background-color: #e8e8e8; border: 1px solid #919191; border-radius: 4px; }

.uo-content .input-group .form-control:last-child, 
.uo-content .input-group-addon:last-child, 
.uo-content .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
.uo-content .input-group-btn:first-child>.btn:not(:first-child), 
.uo-content .input-group-btn:last-child>.btn, 
.uo-content .input-group-btn:last-child>.btn-group>.btn, 
.uo-content .input-group-btn:last-child>.dropdown-toggle {border-top-left-radius: 0; border-bottom-left-radius: 0; }

.uo-content .input-group-addon:last-child {border-left: 0; }


.uo-content .anleitung {padding:15px 0; }
.uo-content .anleitungbild { margin:0 0 15px 0;}
.uo-content .partnerbild { float:left; margin-right:10px; font-size:30px; color:#de0000;}

.uo-content .uo-nav-noicon .product-navigation__list__item--slider-tab { width: 50%;}
.uo-content .uo-nav-noicon .product-navigation__list__link--slider-tab.active {background-position:top;}
.uo-content .uo-nav-noicon .product-navigation__list__link {padding: 12px 20px 10px; }


.uo-content .radio-inline input[type="radio"], 
.uo-content .checkbox-inline input[type="checkbox"] {margin-left: 0px;}

.uo-content .oder {float:left; font-size:13px; font-style:italic; padding-left:15px; padding-right:15px;}
.uo-content .label-inline {line-height:32px; padding-right:10px;}
.uo-content .input-count {width: 50px; text-align:center; margin-right:10px;}


.uo-content .uo-tiles .product-tile__figure{/*border:none;*/}
.uo-content .uo-tiles .product-tile__figure:before {/*padding-top: 46.35%;*/}
.uo-content .uo-tiles .product-tile__figure__inner-wrapper {width: 100%;}
.uo-content .uo-tiles .product-tile__figure__image{width:100%; min-width:auto;}
.uo-content .uo-tiles .product-tile__productname {margin-bottom: 0.5rem;}
.uo-content .uo-tiles .product-tile__wrapper-link{text-decoration:none!important;}

.uo-content .uo-tiles-katalog .product-tile__figure{/*border:none;*/}
.uo-content .uo-tiles-katalog .product-tile__figure:before {padding-top: 141%;}
.uo-content .uo-tiles-katalog .product-tile__figure__inner-wrapper {width: 100%;}
.uo-content .uo-tiles-katalog .product-tile__figure__image{width:100%; min-width:auto;}
.uo-content .uo-tiles-katalog .product-tile__productname {margin-bottom: 0.5rem;}
.uo-content .uo-tiles-katalog .product-tile__wrapper-link{text-decoration:none!important;}

.uo-content .uo-morelinks{margin-bottom: 2rem; font-size:14px;}
.uo-content .uo-morelinks a{margin-bottom: 7px; display:block; text-decoration:none!important;}
.uo-content .uo-morelinks a span {font-size: 10px; }

.uo-content .uo-moretext{margin-bottom: 2rem; font-size:13px;}
.uo-content .uo-moretext a span {font-size: 10px; }


.uo-content .uo-inline-block{display: inline-block; vertical-align: top; float: none; margin-right: -4px;}


.uo-content .formerrors .red{color:#de0000; line-height:18px; display:block; margin:0 0 10px 0;}
.uo-content .formerrors br{display:none;}
.uo-content .nittvisi {display:none;}
.uo-content input[type="number"].hidespinner::-webkit-outer-spin-button, .uo-content input[type="number"].hidespinner::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.uo-content input[type="number"].hidespinner {-moz-appearance: textfield;}

.uo-content .uo-marktillu{}
.uo-content .uo-markttable p{margin:0;}
.uo-content .uo-markttable hr{margin:10px 0;}
.uo-content .uo-markttable .btn{margin:10px 0;}


.uo-content .success-message {color: #63A413; float: left; font-size: 13px; margin: 10px 0 0 0; padding: 8px 0 5px; width: 100%; }
.uo-content .success-message p {color: #63A413; margin: 0; }

.uo-content .info-message {color: #000000; float: left; font-size: 13px; margin: 10px 0 0 0; padding: 8px 0 5px; width: 100%; }
.uo-content .info-message p {color: #000000; margin: 0; }


.uo-content table input[type="radio"], 
.uo-content table input[type="radio"][disabled], 
.uo-content table input[type="checkbox"], 
.uo-content table input[type="checkbox"][disabled] {top: 6px;}


.uo-content #workshop-error {display: none !important; }


.accountlogin .formdetail p  {font-size:14px; margin-bottom:30px; }
.accountlogin .formdetail p span  {font-weight:bold; }
.accountlogin .btn{margin-bottom:10px; width:100%;}

.accountlogin-aside {display:none; margin-top:30px; }
.accountlogin-aside .mini-accordion__panel__heading__title__link strong{display:block;}
.accountlogin-top .mini-accordion__panel__heading__title__link strong{display:block;}



.uo-content .embed-responsive {position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.uo-content .embed-responsive .embed-responsive-item,
.uo-content .embed-responsive iframe,
.uo-content .embed-responsive embed,
.uo-content .embed-responsive object,
.uo-content .embed-responsive video {position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }
/* Youtube */
.uo-content .embed-responsive-16by9 {padding-bottom: 56.25%; }
.uo-content .embed-responsive-4by3 {padding-bottom: 75%; }

/* Flip Image*/
.uo-content .tile {position:relative;}

.uo-content .turnaround { position: relative; height: 100%; 
-webkit-perspective: 750px;
	-moz-perspective: 750px;
	-ms-perspective: 750px;
	-o-perspective: 750px;
	perspective: 750px;}

.uo-content .turnaround:hover .front{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg); }

.uo-content .turnaround:hover .back{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg); }

.uo-content .turnaround .front,
.uo-content .turnaround .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	 position: absolute; width: 100%; height: 100%; 
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);}

.uo-content .turnaround .back { overflow: hidden; background:#F5F5F5; padding:20px;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);}
.uo-content .turnaround .front { overflow: hidden;}

.uo-content .turnaround .caption-container{margin-top: 10px;}
.uo-content .turnaround .caption-container p:first-child strong{font-size: 18px;}

/*imageflip*/

 .uo-content .flip__ {
    width: 268px;
    height: 268px;
    }
 .uo-content .flip_1_3 {
    width: 268px;
    height: 90px;
    }
.uo-content .flip_2_3 {
    width: 268px;
    height: 180px;
    }
.uo-content .flip_3_3, 
.uo-content .flip__3 {
    width: 268px;
    height: 268px;
    }

.uo-content .flip_1_4{
    width: 357px;
    height: 119px;
    }
.uo-content .flip_2_4{
    width: 357px;
    height: 238px;
    }
.uo-content .flip_3_4,
.uo-content .flip__4{
    width: 357px;
    height: 357px;
    }

.uo-content .flip_1_6{
    width: 536px;
    height: 178px;
    }
.uo-content .flip_2_6{
    width: 536px;
    height: 357px;
    }
.uo-content .flip_3_6,
.uo-content .flip__6 {
    width: 536px;
    height: 536px;
    }

.uo-content .flip_1_8{
    width: 714px;
    height: 238px;
    }
.uo-content .flip_2_8{
    width: 714px;
    height: 476px;
    }
.uo-content .flip_3_8,
.uo-content .flip__8{
    width: 714px;
    height: 714px;
    }

.uo-content .flip_1_9{
    width: 804px;
    height: 268px;
    }
.uo-content .flip_2_9{
    width: 804px;
    height: 536px;
    }
.uo-content .flip_3_9,
.uo-content .flip__9{
    width: 804px;
    height: 804px;
    }

.uo-content .flip_1_12{
    width: 1072px;
    height: 357px;
    }
.uo-content .flip_2_12{
    width: 1072px;
    height: 714px;
    }
.uo-content .flip_3_12,
.uo-content .flip__12{
    width: 1072px;
    height: 1072px;
    }
    


/* Flip Image ende*/




.uo-content .imgwithcaption{position:relative; display:inline-block;}
.uo-content .imgwithcaption .caption-container{position:absolute; top:50%; right:0; left:0; background:rgba(0, 0, 0, 0.6);text-align:center; padding: 5px 0;}
.uo-content .imgwithcaption .caption-container h3{color: #ffffff; font-family: "open_sans_condensedbold"; font-size: 20px; line-height: 24px; margin: 0; text-transform: none; padding: 0 15px;}
.uo-content .imgwithcaption .caption-container p{color: #ffffff; font-size: 14px; line-height: 18px; margin: 0; padding: 0 15px;}


/* --------------------------------------------------------------------------- */
/* ------------------------------ MEDIA QUERIES START ------------------------ */
/* --------------------------------------------------------------------------- */
@media (min-width: 768px) {		
	.uo-content ul.uo-services-market-list li {float: left; width: 33.333%;}
	.uo-content .gutschein{margin:0 6px 0 0;}
	.uo-content .uo-nav-materialrechner .product-navigation__list__item--slider-tab{width:25%;}
	.uo-content .uo-nav-noicon .product-navigation__list__item--slider-tab{width:auto;}
	.uo-content .anleitungbild {float:left; width:25%; margin:0;}
	.uo-content .anleitungtext {float:left; width:73%; margin-left:2%; }
	.accountlogin-top .mini-accordion__panel__heading__title__link strong{display:inline-block;}
	.accountlogin-top .btn{width:auto;}
}

@media (min-width: 1020px) {	
	.accountlogin-aside {display:block; }
	.accountlogin-top{display:none;}	
}

/* --------------------------------------------------------------------------- */
/* ------------------------------ MEDIA QUERIES END -------------------------- */
/* --------------------------------------------------------------------------- */










/* WEBAPP */

#webapp ul.choices li .question, #webapp ul.choices li label {float: none;}
#webapp ul.choices li label span {font-weight: bold; font-family:arial;}
#webapp .backToStart {font-family:arial;}

.contilla-webapp-lightbox{font-size:13px;font-family:Helvetica,Helvetica Neu,Arial,sans-serif;}
.contilla-webapp-lightbox .fb-button-row{height:72px;position:relative}
.contilla-webapp-lightbox .fb-button-row .fb-button{display:block;position:absolute;left:32px;top:32px;color:#fff;border:1px #3d4a7f solid;text-decoration:none;padding:0;font-size:1.1em;font-weight:bold;line-height:32px;text-align:center;width:82px;background-color:#006cde;background:linear-gradient(bottom,#006ad9,#006ee3) repeat scroll 0 0 transparent;background:-o-linear-gradient(bottom,#006ad9,#006ee3) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center bottom,#006ad9,#006ee3) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(bottom,#006ad9,#006ee3) repeat scroll 0 0 transparent;background:-ms-linear-gradient(bottom,#006ad9,#006ee3) repeat scroll 0 0 transparent;background:-webkit-gradient(linear,left bottom,left top,#006ad9,#006ee3) repeat scroll 0 0 transparent;box-shadow:0 2px 2px 0 rgba(0,58,120,0.8);-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.contilla-webapp-lightbox .fb-button-row .fb-button:hover{background-color:#006cde;background:linear-gradient(bottom,#0060c5,#0078f8) repeat scroll 0 0 transparent;background:-o-linear-gradient(bottom,#0060c5,#0078f8) repeat scroll 0 0 transparent;background:-moz-linear-gradient(center bottom,#0060c5,#0078f8) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(bottom,#0060c5,#0078f8) repeat scroll 0 0 transparent;background:-ms-linear-gradient(bottom,#0060c5,#0078f8) repeat scroll 0 0 transparent;background:-webkit-gradient(linear,left bottom,left top,#0060c5,#0078f8) repeat scroll 0 0 transparent;box-shadow:0 2px 2px 0 rgba(0,58,120,0.8)}
.contilla-webapp-lightbox a.fangating{text-decoration:none}
.contilla-webapp-lightbox a.fangating img{border:0}
.contilla-webapp-lightbox #webapp-container{margin:0 auto;background-color:#fff;padding:10px}
.contilla-webapp-lightbox #webapp-container .webapp-socialmedia-buttons .fb_iframe_widget{padding-right:4px;vertical-align:bottom!important}
.contilla-webapp-lightbox #webapp-container .webapp-socialmedia-buttons #twitter-widget-0,
.contilla-webapp-lightbox #webapp-container .webapp-socialmedia-buttons #___plusone_0,
.contilla-webapp-lightbox #webapp-container .webapp-socialmedia-buttons div{vertical-align:bottom!important}
.contilla-webapp-lightbox #micrositecontainer{width:100%}
.contilla-webapp-lightbox #micrositecontainer .microsite-padding-top{padding-top:40px}



/*TOPICS*/

.uo-content .topics {
text-align: center; }
/*@media (max-width: 1020px) {
.topics {
display: none; } }*/
.uo-content .topics .topics__imagebox-1rows,
.uo-content .topics .topics__imagebox-2rows,
.uo-content .topics .topics__imagebox-3rows {
background-color: #000000;
background-size: cover;
color: #ffffff;
display: table;
margin-bottom: 30px;
padding: 0;
position: relative;
text-align: center;
width: 100%; }
.uo-content .topics .topics__imagebox-1rows .topics__imagebox__image,
.uo-content .topics .topics__imagebox-2rows .topics__imagebox__image,
.uo-content .topics .topics__imagebox-3rows .topics__imagebox__image {
background-size: cover;
background-position:50% 50%;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper {
display: table-cell;
position: relative;
vertical-align: bottom; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox {
background: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 5px 0;
position: relative;
width: 100%; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox .topics__subline,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox .topics__subline,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox .topics__subline {
color: #ffffff;
font-size: 18px;
line-height: 22px;
margin: 0 0 6px;
width: 100%;
padding: 0 15px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox h3,
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox .topcis__textbox__headline,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox h3,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox .topcis__textbox__headline,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox h3,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox .topcis__textbox__headline {
color: #ffffff;
font-family: "open_sans_condensedbold";
font-size: 20px;
line-height: 24px;
margin: 0;
text-transform: none;
padding: 0 15px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox h3 {
font-size: 20px;
line-height: 24px; }
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox h3,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox h2,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox h3 {
font-size: 36px;
line-height: 40px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox p {
color: #ffffff;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0 15px; }
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox p,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox p {
color: #ffffff;
font-size: 18px;
line-height: 22px;
margin: 0;
padding: 0 15px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .buttonbox,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .buttonbox,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .buttonbox {
bottom: 20px;
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .buttonbox .btn,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .buttonbox .btn,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .buttonbox .btn {
font-size: 18px;
margin: 0;
padding: 3px 30px;
white-space: nowrap; }
.uo-content .topics .topics__imagebox-1rows:hover .topics__imagebox__image,
.uo-content .topics .topics__imagebox-2rows:hover .topics__imagebox__image,
.uo-content .topics .topics__imagebox-3rows:hover .topics__imagebox__image {
opacity: 1; }
.uo-content .topics .topics__imagebox-1rows:hover .topics__inner-wrapper .btn,
.uo-content .topics .topics__imagebox-2rows:hover .topics__inner-wrapper .btn,
.uo-content .topics .topics__imagebox-3rows:hover .topics__inner-wrapper .btn {
background-color: #75c017; }
.uo-content .topics a:hover .topics__imagebox-1rows .topics__imagebox__image,
.uo-content .topics a:hover .topics__imagebox-2rows .topics__imagebox__image,
.uo-content .topics a:hover .topics__imagebox-3rows .topics__imagebox__image {
opacity: 0.4; }
.uo-content .topics a:hover .topics__imagebox-1rows .topics__inner-wrapper .btn,
.uo-content .topics a:hover .topics__imagebox-2rows .topics__inner-wrapper .btn,
.uo-content .topics a:hover .topics__imagebox-3rows .topics__inner-wrapper .btn {
background-color: #75c017; }
.uo-content .topics .topics__imagebox-1rows {
height: 180px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper {
vertical-align: middle;
top: -2px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .buttonbox {
bottom: 18px; }
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox {
height: 135px;
line-height: 120px; }
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox span,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span {
display: inline-block;
line-height: normal;
text-align: center;
vertical-align: middle;
width: 100%; 
margin:0;}
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox span:first-child,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span:first-child,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span:first-child {
margin-bottom:0;}
.uo-content .topics .topics__imagebox-1rows .topics__inner-wrapper .blackbox span + span,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span + span,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span + span {
margin-top:0;}
@media (max-width: 1280px) {
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span h3,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span h3,
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span h2,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span h2 {
font-size: 32px;
line-height: 36px; }
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox span .topics__subline,
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox span .topics__subline {
font-size: 16px; } }
.uo-content .topics .topics__imagebox-2rows {
height: 390px; }
.uo-content .topics .topics__imagebox-2rows .topics__inner-wrapper .blackbox {
margin: 0 0 75px; }
.uo-content .topics .topics__imagebox-3rows {
height: 600px; }
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .blackbox {
margin: 0 0 210px; }
.uo-content .topics .topics__imagebox-3rows .topics__inner-wrapper .buttonbox {
bottom: 155px; }
.uo-content  .module-title {margin: 30px 0 10px 0; }


/*recommendations*/
.recommendations {float: left; width: 100%;}

/* Akkordeon */
.akkordeon{ position: relative; margin-bottom:10px; padding: 18px 20px 18px 20px; min-height: 37px; background: #f5f5f5; font-size:14px; font-family: "open_sanslight";}
.akkordeon + .akkordeon {margin-top: 5px; }
.akkordeon .akkordeontext{ cursor: pointer; font-size:14px; font-family: "open_sanslight"; padding:0; z-index: 1; position:relative;}
.akkordeon .panel{ background:transparent; margin-bottom:0!important; border-radius: 0;}
.akkordeon.active .panel{ border-top:1px solid #ddd; padding:25px 0; background:transparent; margin-bottom:0!important; margin-top:18px; border-radius: 0;}
.akkordeon>div{max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.akkordeon .row{z-index: 1000000 }
.akkordeon:before {font-family: 'hellweg-iconfont'; content: '\e623'; /*max-height: 0; */position: absolute;  z-index: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg);
    transition: all 0.2s; top: 21px; right: 20px; color: #7a7a7a; font-size: 20px; left: auto;}
.akkordeon.active:before { -ms-transform: rotate(0deg); transform: rotate(0deg);}
.akkordeontext{/*padding-left:20px;*/}
.akkordeon .uo-content h1{ font-size:20px; line-height:26px;}
.akkordeon .recommendations {padding: 0 45px; float: left; width: 100%;}
.akkordeon .recommendations .product-tile{background-color:transparent;}