.trixum_top_strip{ background:url(http://tpl.trixum.de/na/10/images/trixum_top_strips.png) repeat-x; height:17px; width:100%;}
.trixum_top_header{ width:100%; text-align:center; background:#f1efef; border-bottom:4px solid #000;}
.trixum_top_header h1{  background:#fff; font-family: 'MyriadProBoldCond'; display:inline-block; margin:0px; padding:15px 20px; color:#212121; font-size:45px; font-weight:normal;}

.trixum_desc{ background:url(http://tpl.trixum.de/na/10/images/trixum_des_bg.png) repeat; width:100%; border-top:4px solid #f1efef; padding:25px 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_desc-inner{ max-width:1305px; width:100%; margin:0px auto; border:2px solid #fff; background:url(http://tpl.trixum.de/na/10/images/trixum_trans.png) repeat; padding:15px 15px; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_desc-inner p{ font-family: 'MarkSimonsonProximaNovaRegular'; margin:0px; padding:0px; font-size:18px; color:#fff; line-height:28px;}
.trixum_desc-inner h1{ font-family: 'MyriadProBoldCond'; font-size:22px; color:#fff; margin:0px; padding:10px 0px; font-weight:normal;}
.trixum_desc-inner h2{ font-family: 'MyriadProBoldCond'; font-size:22px; color:#fff; margin:0px; padding:10px 0px; font-weight:normal;}
.trixum_desc-inner h3{ font-family: 'MyriadProBoldCond'; font-size:22px; color:#fff; margin:0px; padding:10px 0px; font-weight:normal;}
.trixum_desc-inner p a{ color:#fff; text-decoration:underline;}
.trixum_desc-inner ol{ margin:0px; padding:10px 0px; list-style:none; font-family: 'MarkSimonsonProximaNovaRegular'; font-size:18px; line-height:22px;}
.trixum_desc-inner ol li{ list-style:decimal inside;}

.trixum_desc-inner ul{ margin:0px; padding:10px 0px; list-style:none; font-family: 'MarkSimonsonProximaNovaRegular'; font-size:18px; line-height:22px;}
.trixum_desc-inner ul li{ list-style:disc inside;}

.trixum_bilder{ width:100%; padding:50px 10px; background:url(http://tpl.trixum.de/na/10/images/trixum_bilder_bg.png) repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_bilder h2{ font-size:30px; font-family: 'MyriadProBoldCond'; color:#fff; text-align:center;}
.trixum_bilder_inner{ width:100%; max-width:1305px; margin:0px auto;}
.trixum_bilder_inner img{ max-width:100%;}
.trixum_left_images{ width:20%; display:inline-block; float:left; position:relative;}
.trixum_rotate_img{ width:60%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top:10px; margin-bottom:20px; border-bottom:25px solid #fff; border-right:8px solid #fff; border-left:8px solid #fff; border-top:8px solid #fff; -ms-transform: rotate(-8deg); /* IE 9 */ -webkit-transform: rotate(-8deg); /* Safari */ transform: rotate(-8deg); position:relative; float:right;}
.trixum_rotate_img:hover{ -ms-transform: rotate(8deg); /* IE 9 */ -webkit-transform: rotate(8deg); /* Safari */ transform: rotate(8deg);}
.trixum_rotate_img img{ max-width:100%;}

.trixum_rotate_img2{ width:60%; clear:both; top:30px;  border-bottom:25px solid #fff; border-right:8px solid #fff; border-left:8px solid #fff; border-top:8px solid #fff; -ms-transform: rotate(-32deg); /* IE 9 */ -webkit-transform: rotate(-32deg); /* Safari */ transform: rotate(-32deg); position:relative; float:right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.trixum_rotate_img2:hover{ -ms-transform: rotate(32deg); /* IE 9 */ -webkit-transform: rotate(32deg); /* Safari */ transform: rotate(32deg);}
.trixum_rotate_img2 img{ max-width:100%;}

.trixum_rotate_img3{ width:60%; clear:both; top:80px; border-bottom:25px solid #fff; border-right:8px solid #fff; border-left:8px solid #fff; border-top:8px solid #fff; -ms-transform: rotate(-8deg); /* IE 9 */ -webkit-transform: rotate(-8deg); /* Safari */ transform: rotate(-8deg); position:relative; float:right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.trixum_rotate_img3:hover{ -ms-transform: rotate(8deg); /* IE 9 */ -webkit-transform: rotate(8deg); /* Safari */ transform: rotate(8deg); }
.trixum_rotate_img3 img{ max-width:100%;}

.trixum_middle_images{ width:60%; z-index:99; position:relative; display:inline-block; float:left; text-align:center;}
.trixum_middle_images img{ border:10px solid #fff; max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_clr{ clear:both; font-size:1px; line-height:1px; height:1px;}
.trixum_fl_left{ float:left;}

.trixum_content{ width:100%; background:url(http://tpl.trixum.de/na/10/images/trixum_content_strip.png) repeat-x top; padding:100px 15px 15px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_content_inner{ width:100%; max-width:1305px; margin:0px auto;}

.trixum_first_col{ overflow:hidden; margin-bottom:10px; border-width:15px 2px 2px 2px; border-style:solid; border-color:#ff8400; width:100%;}
.trixum_first_col_left{ background:#ff8400; width:8%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; font-size:78px; font-family: 'MyriadProBoldCond'; float:left; padding:15px 15px 999px 15px; margin-bottom:-999px; color:#fff;}
.trixum_first_col_right{ padding:20px 25px; width:92%; float:left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_first_col_right h1{ margin:0px; padding:0px; font-size:30px; font-family: 'MyriadProBoldCond'; font-weight:normal; color:#ff8400;}
.trixum_first_col_right p{ margin:0px; padding:10px 0px; color:#212121; font-size:16px; line-height:28px; font-family: 'MarkSimonsonProximaNovaRegular';}
.trixum_first_col_right ol{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col_right ol li{ list-style:decimal inside;}
.trixum_first_col_right ul{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col_right ul li{ list-style:disc inside;}
.trixum_first_col_right  li { list-style:disc inside;   padding:5px 0px 5px 0px; line-height:20px; color:#212121; font-size:16px;  font-family:'MarkSimonsonProximaNovaRegular'; }

.trixum_first_col2{ overflow:hidden; margin-bottom:10px; border-width:15px 2px 2px 2px; border-style:solid; border-color:#1d1d1c; width:100%;}
.trixum_first_col2_left{ background:#1d1d1c; width:8%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; font-size:78px; font-family: 'MyriadProBoldCond'; float:left; padding:15px 15px 999px 15px; margin-bottom:-999px; color:#fff;}
.trixum_first_col2_right{ padding:20px 25px; width:92%; float:left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_first_col2_right h1{ margin:0px; padding:0px; font-size:30px; font-family: 'MyriadProBoldCond'; font-weight:normal; color:#1d1d1c;}
.trixum_first_col2_right p{ margin:0px; padding:10px 0px; color:#212121; font-size:16px; line-height:28px; font-family: 'MarkSimonsonProximaNovaRegular';}
.trixum_first_col2_right ol{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col2_right ol li{ list-style:decimal inside;}
.trixum_first_col2_right ul{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col2_right ul li{ list-style:disc inside;}
.trixum_first_col2_right  li { list-style:disc inside;   padding:5px 0px 5px 0px; line-height:20px; color:#212121; font-size:16px;  font-family:'MarkSimonsonProximaNovaRegular'; }

.trixum_first_col3{ overflow:hidden; margin-bottom:10px; border-width:15px 2px 2px 2px; border-style:solid; border-color:#e35161; width:100%;}
.trixum_first_col3_left{ background:#e35161; width:8%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; font-size:78px; font-family: 'MyriadProBoldCond'; float:left; padding:15px 15px 999px 15px; margin-bottom:-999px; color:#fff;}
.trixum_first_col3_right{ padding:20px 25px; width:92%; float:left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.trixum_first_col3_right h1{ margin:0px; padding:0px; font-size:30px; font-family: 'MyriadProBoldCond'; font-weight:normal; color:#e35161;}
.trixum_first_col3_right p{ margin:0px; padding:10px 0px; color:#212121; font-size:16px; line-height:28px; font-family: 'MarkSimonsonProximaNovaRegular';}
.trixum_first_col3_right ol{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col3_right ol li{ list-style:decimal inside;}
.trixum_first_col3_right ul{ margin:0px; text-align:left; padding:0px; padding:10px 0px 10px 0px; list-style:none; }
.trixum_first_col3_right ul li{ list-style:disc inside;}
.trixum_first_col3_right li { list-style:disc inside;   padding:5px 0px 5px 0px; line-height:20px; color:#212121; font-size:16px;  font-family:'MarkSimonsonProximaNovaRegular'; }

.trixum_footer{ background:#212121; font-family: 'MarkSimonsonProximaNovaRegular'; color:#fff; text-align:center; padding:15px;}
.trixum_footer label{}
.trixum_last_bar{ background:#ff8400; padding:10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

@media screen and (max-width:950px){
.trixum_rotate_img{ width:50%;}
.trixum_rotate_img2{ width:50%; top:20px;}
.trixum_rotate_img3{ width:50%; top:60px;}
}

@media screen and (max-width:700px){
.trixum_rotate_img{ width:45%;}
.trixum_rotate_img2{ width:45%; top:15px;}
.trixum_rotate_img3{ width:45%; top:50px;}
}

@media screen and (max-width:770px){
.trixum_first_col_left{ width:15%;}
.trixum_first_col_right{ width:85%;}
.trixum_first_col2_left{ width:15%;}
.trixum_first_col2_right{ width:85%;}
.trixum_first_col3_left{ width:15%;}
.trixum_first_col3_right{ width:85%;}

}

@media screen and (max-width:600px){
.trixum_rotate_img{ width:50%; border-width:4px 4px 8px 4px; border-style:solid; border-color:#fff; }
.trixum_rotate_img2{ width:50%; top:15px; border-width:4px 4px 8px 4px; border-style:solid; border-color:#fff;}
.trixum_rotate_img3{ width:50%; top:50px; border-width:4px 4px 8px 4px; border-style:solid; border-color:#fff;}
.trixum_footer label{ width:100%; text-align:center; display:block; padding:10px 0px 0px 0px;}
}

@media screen and (max-width:420px){
.trixum_rotate_img3{ top:30px;}
.trixum_rotate_img2{ top:5px;}
.trixum_first_col_left{ width:20%;}
.trixum_first_col_right{ width:80%;}
.trixum_first_col2_left{ width:20%;}
.trixum_first_col2_right{ width:80%;}
.trixum_first_col3_left{ width:20%;}
.trixum_first_col3_right{ width:80%;}
}

body.trixum .trixum-header {
    padding-top: 25px;
    padding-bottom: 0;
    border-bottom: 3px solid #333;
    background: url(http://tpl.trixum.de/na/10/images/trixum_top_strips.png) repeat-x;
}

body.trixum .trixum-intro {
    color: #fff;
    border-bottom: 3px solid #fff;
    background: url(http://tpl.trixum.de/na/10/images/trixum_des_bg.png);
}

#trixum-slider {
    color: #fff;
    background: url(http://tpl.trixum.de/na/10/images/trixum_bilder_bg.png);
}

#trixum-slider .main-img {
    margin: 50px 0;
    display: inline-block;
    border: 5px solid #fff;
    transform: rotateZ(-8deg);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3) inset
}

#trixum-slider .main-img img {
    border: 2px solid #333;
    transform: rotateZ(8deg);
}

#trixum-slider .trixum-thumbs a {opacity: 0.8}
#trixum-slider .trixum-thumbs a:hover {opacity: 1}

#trixum-slider .trixum-thumbs a img {
    border: 2px solid #fff
}

.trixum-box {
    padding: 15px;
    padding-left: 55px;
    border: 3px solid #ff8400;
    border-radius: 5px;
}

.trixum-box.box-2 {border-color: #2199E8}
.trixum-box.box-3 {border-color: #22BB5B}

.trixum-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 45px;
    background-color: #ff8400
}

.trixum-box.box-2:before {background-color: #2199E8}
.trixum-box.box-3:before {background-color: #22BB5B}

.trixum-box .box-no {
    color: #fff;
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    text-align: center;
    transform: translateY(-50%);
}