/**
*   reset all styles
*/

#cc-notification.cc-bottom{
display:none !important;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,address,time {display:block;}
em,address {font-style:normal;}
.no-select {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
button::-moz-focus-inner {padding:0 !important;border:0 none !important;}
textarea {resize:none;}
input::-ms-clear {display:none;}
sup {font-size:60%;vertical-align:super;}
sub {font-size:60%;vertical-align:sub;}
input,textarea {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:all .25s linear;}
input,button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
html,body {height:100%;}
html.lock {overflow:hidden;}
.clear {clear:both;}
.clearfix::before,.clearfix::after {content:'';display:table;}
.clearfix::after {clear:both;}
.push-footer {}
.invisible,.hidden {position:absolute;left:-9999px;z-index:-1;}
img {max-width:100%;width:auto;height:auto;vertical-align:middle;}
*,*::before,*::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* .video-wrap */
.video-wrap {clear:both;float:none;height:0;padding:25px 0 56.25%;width:100%;position:relative;}
.video-wrap > * {width:100%;height:100%;position:absolute;top:0;left:0;}
/* .middle-wrap,.middle */
.middle-wrap {height:100%;font-size:0;}
.middle-wrap::before,.middle {display:inline-block;vertical-align:middle;}
.middle-wrap::before {content:'';height:100%;}
.middle {width:100%;font-size:1rem;}
/* .img-link */
.img-link {position:relative;}
.img-link::before,.img-link::after {content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;opacity:0;z-index:2;transition:opacity .25s linear;}
.ce_form label {
    clear: none !important;
    float: none !important;
}
.img-link::before {z-index:1;opacity:1;}
.img-link:hover::before,a:hover .img-link::before {opacity:0;}
.img-link:hover::after,a:hover .img-link::after {opacity:1;}
/* .image */
.image {font-size:0;text-align:center;}
.image::before,.image > *,.image img {display:inline-block;vertical-align:middle;}
.image::before {content:'';height:100%;}
.image > *,.image img {font-size:1rem;}
.image.noimage {background:#f5f5f7 url(../images/noimage.png) 50% 50% no-repeat;}
/**
*   @section fonts
*/
.checkbox{-webkit-appearance: checkbox !important;float:left !important;}
/**
*   @section .row
*/
.row {margin-left:-30px;font-size:0;}
.row::before,.row::after {content:'';display:table;}
.row::after {clear:both;}
.row > [class^="col-"],.row > [class*=" col-"] {display:inline-block;vertical-align:top;margin-bottom:30px;padding-left:30px;font-size:1rem;}
.row > .col-10 {width:10%;}
.row > .col-15 {width:15%;}
.row > .col-20 {width:20%;}
.row > .col-25 {width:25%;}
.row > .col-30 {width:30%;}
.row > .col-33 {width:33.33%;}
.row > .col-35 {width:35%;}
.row > .col-40 {width:40%;}
.row > .col-45 {width:45%;}
.row > .col-50 {width:50%;}
.row > .col-55 {width:55%;}
.row > .col-60 {width:60%;}
.row > .col-65 {width:65%;}
.row > .col-66 {width:66.66%;}
.row > .col-70 {width:70%;}
.row > .col-75 {width:75%;}
.row > .col-80 {width:80%;}
.row > .col-85 {width:85%;}
.row > .col-90 {width:90%;}
.row > .col-100 {width:100%;}
@media only screen and (max-width:767px) {
#cc-tag-button{
display:none !important;
}
    .tb-hidden {display:none !important;}
    .tb-visible {display:block;}
    .row > .col-tb-10 {width:10%;}
    .row > .col-tb-15 {width:15%;}
    .row > .col-tb-20 {width:20%;}
    .row > .col-tb-25 {width:25%;}
    .row > .col-tb-30 {width:30%;}
    .row > .col-tb-33 {width:33.33%;}
    .row > .col-tb-35 {width:35%;}
    .row > .col-tb-40 {width:40%;}
    .row > .col-tb-45 {width:45%;}
    .row > .col-tb-50 {width:50%;}
    .row > .col-tb-55 {width:55%;}
    .row > .col-tb-60 {width:60%;}
    .row > .col-tb-65 {width:65%;}
    .row > .col-tb-66 {width:66.66%;}
    .row > .col-tb-70 {width:70%;}
    .row > .col-tb-75 {width:75%;}
    .row > .col-tb-80 {width:80%;}
    .row > .col-tb-85 {width:85%;}
    .row > .col-tb-90 {width:90%;}
    .row > .col-tb-100 {width:100%;}
}
@media only screen and (max-width:479px) {
    #fernseherf{
	top:45px !important;
	left:25px !important;
	font-size:15px !important;
    }
#waschf{
top: 45px !important ;
    left: 160px !important;
    font-size: 21px !important;
}
#geschirrf{
    top: 50px !important;
    left: 210px !important;
    font-size: 17px !important;

}
#eherdf{
    top: 45px !important ;
    left: 270px !important ;
    font-size: 25px !important;
}
#kühlschrankf{
    top: 45px !important;
    left: 320px !important;
    font-size: 27px !important;
}
    .mb-hidden {display:none !important;}
    .mb-visible {display:block;}
    .row > .col-mb-10 {width:10%;}
    .row > .col-mb-15 {width:15%;}
    .row > .col-mb-20 {width:20%;}
    .row > .col-mb-25 {width:25%;}
    .row > .col-mb-30 {width:30%;}
    .row > .col-mb-33 {width:33.33%;}
    .row > .col-mb-35 {width:35%;}
    .row > .col-mb-40 {width:40%;}
    .row > .col-mb-45 {width:45%;}
    .row > .col-mb-50 {width:50%;}
    .row > .col-mb-55 {width:55%;}
    .row > .col-mb-60 {width:60%;}
    .row > .col-mb-65 {width:65%;}
    .row > .col-mb-66 {width:66.66%;}
    .row > .col-mb-70 {width:70%;}
    .row > .col-mb-75 {width:75%;}
    .row > .col-mb-80 {width:80%;}
    .row > .col-mb-85 {width:85%;}
    .row > .col-mb-90 {width:90%;}
    .row > .col-mb-100 {width:100%;}
}
/* .row.alt */
.row.alt {margin-left:0;}
.row.alt > [class^="col-"],.row.alt > [class*=" col-"] {padding-left:0;}
/* .row.alt-1 */
.row.alt-1 > [class^="col-"],.row.alt-1 > [class*=" col-"] {margin-bottom:0;}
/* .row.rtl */
.row.rtl {direction:rtl;}
.row.rtl > * {direction:ltr;}
/**
*   base classes
*/
html,body,.middle {font-size:12px;}
body {min-width:320px;font:normal 12px/1.3 /*'Times New Roman',*/Arial;color:#000;background:#fff;}
a {text-decoration:underline;color:#000;transition:color .25s;}
a:hover {text-decoration:none;color:#900;}
.page-wrapper {min-height:100%;height:auto !important;height:100%;}
.container {margin:0 auto;padding:0 15px;max-width:988px;min-width:320px;}
.container::before,.container::after {content:'';display:table;clear:both;}
.container .columns {display:flex;}
.container .columns .column {flex:1 1 50%;}
.container .columns.alt {}
.container .columns.alt .colum {flex-basis:33.33%;}
/**
*   @section .layout-columns
*/
.layout-columns {display:flex;}
.layout-columns > .left,.layout-columns > .right {/*flex:1 1 68%;*/}
.layout-columns .left {/*float:left;width:68%;*/flex:1 1 auto;}
.layout-columns .right {/*margin-left:68%;*//*flex:2 0 32%;*/flex:2 0 308px;max-width:308px;}
/*
*   @section .ce_text
*/
.ce_text {}
.ce_text.block::after {content:'';display:table;clear:both;}

/*.ce_text > :first-child {margin-top:0 !important;}
.ce_text > :last-child {margin-bottom:0 !important;}*/
.ce_text h1,.ce_text .h1,.ce_text h2,.ce_text .h2,.ce_text h3,.ce_text .h3,.ce_text h4,.ce_text .h4,.ce_text h5,.ce_text .h5,.ce_text h6,.ce_text .h6 {margin:1.8em 0 .2em;font-weight:bold;font-size:24px;font-size:1.5rem;}
.ce_text h1,.ce_text .h1 {}
.ce_text h2,.ce_text .h2 {}
.ce_text h3,.ce_text .h3 {}
.ce_text h4,.ce_text .h4 {}
.ce_text h5,.ce_text .h5 {}
.ce_text h6,.ce_text .h6 {}
.ce_text table,.ce_text p,.ce_text ul,.ce_text ol {margin:0 0 .66em;}
.ce_text li + li {margin-top:.33em;}
.ce_text ul,.ce_text ol {padding-left:40px;}
.ce_text ul li,.ce_text ol li {position:relative;}
.ce_text ul li::before {content:'';display:block;margin-right:6px;border-radius:50%;width:4px;height:4px;background:#c00;position:absolute;top:4px;right:100%;}
.ce_text ol {counter-reset:list1;}
.ce_text ol li {counter-increment:list1;}
.ce_text ol li::before {content:counter(list1)'.';color:#c00;display:block;margin-right:6px;position:absolute;top:0;right:100%;}
.ce_text ol > li > ol {counter-reset:list2;}
.ce_text ol > li > ol > li {counter-increment:list2;}
.ce_text ol > li > ol > li::before {content:counter(list1)'.'counter(list2)'.';}
.ce_text img,.ce_text .image,.ce_text .images {margin:1.8em 0;text-align:center;}
.ce_text .image.left,.ce_text img.left,.ce_text .image.right,.ce_text img.right {margin-top:0;max-width:60%;}
.ce_text .image.left,.ce_text img.left {margin-right:20px;}
.ce_text .image.right,.ce_text img.right {margin-left:20px;}
.ce_text .image img,.ce_text .images img {margin:0;}
.ce_text .images img + img {margin-top:.5em;}
.ce_text .image p {display:block;margin:.5em 0 0;font-size:15px;font-size:1rem;text-align:left;}
.ce_text .images.slider {/*background:#f5f5f7;*/}
.ce_text .slick-slider .image {margin-bottom:0 !important;text-align:center;}
.ce_text .slick-slider .image img {display:inline-block !important;}
.ce_text table {width:100%;}
.ce_text table caption {font-weight:bold;font-size:24px;font-size:1.5rem;text-align:left;}
.ce_text table th,.ce_text table td {padding:.2em 0;vertical-align:middle;}
.ce_text table th {}
.ce_text table td {}
.ce_text table th ~ th,text table th ~ td,.ce_text table td ~ td {padding-left:15px;}
.ce_text table img {margin:0 !important;}
.ce_text blockquote {border-left:5px solid #0b3c88;padding:.5em 0;padding-left:40px;}
.ce_text .title {margin:40px 0 15px;font-weight:bold;font-size:20px;text-transform:uppercase;color:#c00;text-shadow:0 0 1px #000;}
.ce_text .title span {float:left;margin:3px 10px 3px 0;width:34px;height:20px;font-size:0;text-indent:-9999px;background:#979797;position:relative;}
.ce_text .title span::before,.ce_text .title span::after {content:'';display:block;border-width:10px 0 10px 17px;border-style:solid;width:0;height:0;position:absolute;top:0;bottom:0;}
.ce_text .title span::before {/*border-right-width:15px;*/border-color:#fff #979797;right:0;}
.ce_text .title span::after {border-color:transparent #fff;background:#979797;left:0;}
.ce_text img.float-left {float:left;margin:0 20px 20px 0;max-width:50%;width:auto !important;height:auto !important;}
.ce_text img.float-right {float:right;margin:0 0 20px 20px;max-width:60%;width:auto !important;height:auto !important;}
/**
*   @section .ce_form
*/
.ce_form {}
.formbody {clear:both;}
.ce_form input.text,.ce_form textarea {clear:both;margin:0 0 10px;border:1px solid #666;padding:.5em;max-width:100%;width:100% !important;}
.ce_form input.text:focus,.ce_form textarea:focus {border-color:#000;}
.ce_form label {clear:both;float:left;font-weight:bold;}
.ce_form input.text {}
.ce_form textarea {clear:both;max-width:100%;width:100% !important;}
.ce_form br {clear:both;display:block;width:0;height:0;}
.ce_form .submit_container {}
.ce_form .submit_container input.submit {margin:0;border:0;padding:0;width:auto !important;}
/**
*
*/
.ce_table table,table.ce_table {width:100%;}
.ce_table table tr.head td,table.ce_table tr.head td {font-weight:bold;background:#ccc;}
.ce_table table td,table.ce_table td {border:1px solid #999;padding:.5em;}
/*
<div class="title"><span class="arrow">&nbsp;</span>___</div>
<div class="title"><span class="arrow">&nbsp;</span>Kühlschrankreparatur</div>
<div class="title"><span class="arrow">&nbsp;</span>Fernsehdienst</div>
<div class="title"><span class="arrow">&nbsp;</span>Hi-Fi Reparatur</div>
<div class="title"><span class="arrow">&nbsp;</span>Angebote</div>
<div class="title"><span class="arrow">&nbsp;</span>Service-Leistungen</div>
<div class="title"><span class="arrow">&nbsp;</span>Standort</div>
<div class="title"><span class="arrow">&nbsp;</span>Unsere AGB</div>
<div class="title"><span class="arrow">&nbsp;</span>Impressum</div>
<div class="title"><span class="arrow">&nbsp;</span>WebDesign</div>
<div class="title"><span class="arrow">&nbsp;</span>Bewertungen</div>
<div class="title"><span class="arrow">&nbsp;</span>Login / Logout</div>
<div class="title"><span class="arrow">&nbsp;</span>Kontaktformular</div>
ü
In Bearbeitung
*/

/**
*   #imgContainer
*/
#imgContainer,#imgHomeContainer {margin:15px 0 !important;}
#imgContainer img,#imgHomeContainer img {margin:0 !important;max-width:100%;min-width:100%;width:100%;top:0;left:0;}
#imgContainer img:first-child,#imgHomeContainer img:first-child {position:relative !important;}
#imgContainer img:first-child + img,#imgHomeContainer img:first-child + img {top:0;left:0;}
/**
*   @section header.page
*/
header.page {}
header.page .container {position:relative;}
header.page .logo {}
header.page .logo a,header.page .logo span,header.page .logo h1 {}
header.page .logo a {}
header.page .logo img {}
header.page .right {background:url(../images/header-bg.jpg) no-repeat 0 0/cover;}
header.page ul {margin:36px 0 0;height:30px;font-size:0;line-height:30px;/*text-align:center;*/background:#fff;}
header.page li {display:inline-block;vertical-align:top;font-size:15px;}
header.page li + li {}
header.page li a {display:block;padding:0 10px;text-decoration:none;}
header.page li.active a {color:#fff;background:#c00;}
header.page .icons {width:50px;position:absolute;top:0;left:100%;}
header.page .icons a {display:block;border-radius:3px;padding:3px;margin-top:10px;}
@media only screen and (min-width:1024px) {
    header.page .icons a.whatsapp {pointer-events:none;}
}
/**
*   @section .content-wrapper
*/
.content-wrapper {}
.content-wrapper .columns {}
.content-wrapper .content {padding-right:20px;}
.content-wrapper aside {}
.content-wrapper .container {position:relative;}
.content-wrapper .container > .fixed.left,.content-wrapper .container > .fixed.right {position:absolute;top:0;}
.content-wrapper .container > .fixed.left {font-size:12px;white-space:nowrap;color:#ccc;right:100%;}
.content-wrapper .container > .fixed.left > li::before {content:'• ';}
.content-wrapper .container > .fixed.left li::after {content:' •';}
.content-wrapper .container > .fixed.right {width:85px;left:100%;}
/**
*   @section nav
*/
nav {padding:10px 20px 0 0;}
nav ul {margin:-10px 0 0 -10px;font-size:0;}
nav li {display:inline-block;vertical-align:top;margin:5px 0 0 10px;font-weight:bold;font-size:10px !important;white-space:nowrap;}
nav li::before {content:'';display:inline-block;margin-right:4px;border-width:4px 0 4px 4px;border-style:solid;border-color:transparent #c00;width:0;height:0;}
/**
*   @section aside
*/
aside {color:#fff;background:#c00;}
aside a {color:#fff;}
aside a:hover {color:#000;}
aside .block {padding:10px 20px;}
aside .block div.right {text-align:right;}
aside .block p span.image.right {float:right;margin:10px 5px;margin-right:0;}
aside .block .title {font-size:25px;}
aside .block a.title {display:block;text-decoration:none;}
aside .block .title-arrow {display:block;margin:0 -20px;padding-left:40px;height:36px;font-weight:bold;font-size:30px;line-height:36px;text-transform:uppercase;text-decoration:none;color:#c00;text-shadow:0 0 2px #000;text-align:center;background:#fff;position:relative;}
aside .block .title-arrow::before {content:'';display:block;width:35px;background:#c00;position:absolute;top:0;left:0;bottom:0;}
aside .block .title-arrow::after {content:'';display:block;border-width:18px 0 18px 14px;border-style:solid;border-color:transparent #c00;position:absolute;top:0;left:35px;bottom:0;}
aside .block .title-arrow i {display:block;position:absolute;top:50%;z-index:2;}
aside .block-help {text-align:center;}
aside .block-help .title {margin:-10px -20px 10px;padding:10px 20px 0;height:50px;font-size:25px;background:#000;}
aside .block-help .image {text-align:center;margin-bottom:10px;}
aside .block-dark .title {margin:-10px -20px 10px;padding:10px 20px 0;height:50px;font-size:25px;background:#000;}
aside .block-dark .mod_navigation {padding:0;font-weight:bold;font-size:18px;}
aside .block-dark .mod_navigation li {}
aside .block-dark .mod_navigation li.active {color:#000;}
aside .block-help .phone {}
aside .block-help .phone span {display:block;margin-bottom:1em;font-style:italic;font-weight:bold;font-size:18px;}
aside .block-help .phone a {display:block;margin:0 -20px;padding-left:40px;height:36px;font-weight:bold;font-size:30px;line-height:36px;text-decoration:none;color:#c00;text-shadow:0 0 1px #000;text-align:center;background:#f9ea37;position:relative;}
aside .block-help .phone a::before {content:'';display:block;width:35px;background:#c00;position:absolute;top:0;left:0;bottom:0;}
aside .block-help .phone a::after {content:'';display:block;border-width:18px 0 18px 14px;border-style:solid;border-color:transparent #c00;position:absolute;top:0;left:35px;bottom:0;}
aside .block-help .phone a i {display:block;margin-top:-11px;width:27px;height:22px;background:url(../images/i-tel.png) 0 0 no-repeat;position:absolute;top:50%;left:6px;z-index:2;}
aside .block-parts .title-arrow i {display:block;margin-top:-14.5px;width:29px;height:29px;background:url(../images/i-parts.png) 0 0 no-repeat;position:absolute;top:50%;left:6px;z-index:2;}
aside .block-big {}
aside .block-big p {font-size:24px;line-height:1.1;}
aside .block-map {}
aside .block-recall {}
aside .block-recall::before {content:'';display:block;margin:-10px -20px 10px;border-top:2px solid #fff;height:2px;}
aside .block-search {margin-top:200px;font-size:14px;}
aside .block-search::before {content:'';display:block;margin:-10px -20px 10px;border-top:2px solid #fff;height:2px;}
aside .block-search .title {font-size:23px;}
aside .block-24-stunden {text-align: center;}
aside .block-24-stunden img {width: 220px;}
/**
*   @section footer.page
*/
footer.page {border-top:2px solid #fff;padding:10px 0;}
footer.page .columns {padding:20px 0;background:#eee;}
footer.page ul {font-size:0;text-align:center;}
footer.page li {display:inline-block;vertical-align:top;font-size:12px;}
footer.page li + li {margin-left:20px;}
footer.page .copyrights {text-align:center;color:#999;}
/**
*
*/
body::before {display:none !important;content:'';display:block;padding:2px 5px;font-size:11px;color:#fff;background:#f00;position:fixed;left:0;bottom:0;z-index:99;}

.page-wrapper {background:#fff;position:relative;z-index:3;transition:transform .25s;}
.page-wrapper::after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s 0s;pointer-events:none;}
.mobile-nav-handle {float:left;margin:12px 5px 0 0;display:none;width:40px;height:40px;background:#c00;position:relative;z-index:11;position:relative;cursor:pointer;transition:background .25s;}
.mobile-nav-handle:hover {}
.mobile-nav-handle:hover span {}
.mobile-nav-handle span {display:block;margin-top:-1px;border-radius:1px;width:20px;height:2px;font-size:0;background:#fff;position:absolute;top:50%;left:10px;right:10px;transition:all .25s;}
.mobile-nav-handle span::before,.mobile-nav-handle span::after {content:'';display:block;width:100%;height:100%;background:#fff;position:absolute;left:0;right:0;transition-property:top,transform,background;transition-delay:.25s,0s,0s;transition-duration:.25s,.25s,.25s;}
.mobile-nav-handle span::before {top:-7px;}
.mobile-nav-handle span::after {top:7px;}
.mobile-nav {padding:0;width:400px;background:#fff;position:fixed;top:0;left:0;bottom:0;z-index:2;visibility:hidden;}
.mobile-nav ul {padding:10px;height:100%;font-size:17px;line-height:1.2;overflow-y:auto;}
.mobile-nav ul + ul {border-top:1px solid #ddd;}
.mobile-nav a,.mobile-nav span {display:block;padding:10px 10px 11px;text-decoration:none;}
.mobile-nav li {}
.mobile-nav li + li {border-top:1px solid #ddd;}
.mobile-nav li.active {}
.mobile-nav li.active > a,.mobile-nav li.active > span {color:#c00;}
.mobile-phone {display:none;padding:10px 0;height:76px;font-weight:bold;font-size:17px;text-align:center;color:#fff;background:#c00;position:fixed;left:0;right:0;bottom:0;z-index:3;overflow:hidden;transition:transform .25s;}
.mobile-phone a {display:block;text-decoration:none;font-size:26px;letter-spacing:2px;color:#fff;}
/*===========================================================================
*
*/
@media only screen and (max-width:1199px) {
    body::before {content:'1199px';}
    .content-wrapper .container > .fixed.left,.content-wrapper .container > .fixed.right {display:none !important;}
    header.page .icons {width:308px;top:70px;left:auto;right:15px;text-align:center;}
    header.page .icons a {display:inline-block;vertical-align:top;width:50px;height:50px;background:#fff;}
    header.page .icons a::before,header.page .icons a img {display:inline-block;vertical-align:middle;}
    header.page .icons a::before {content:'';height:100%;}
}
/*===========================================================================
*   Tablet Portrait size to standard 960 (devices and browsers)
*/
@media only screen and (max-width:959px) {
    body::before {content:'959px';}
    .layout-columns .right {flex-basis:220px;max-width:220px;}
    header.page ul {margin-top:20px;}
    header.page li a {padding:0 4px;}
    header.page .icons {width:220px;}
    aside .block {padding:10px;}
    aside .block .title {font-size:20px;}
    aside .block-help .title,aside .block-dark .title {margin:-10px -10px 10px;padding:10px 10px 0;font-size:20px;}
    aside .block .title-arrow,aside .block-help .phone a {margin:0 -10px;font-size:26px;}
    aside .block-big p {font-size:20px;}
    .ce_table table,table.ce_table {font-size:10px;}
    .ce_table table td,table.ce_table td {padding:.5em .2em;}
}
/*===========================================================================
*   Mobile Landscape Size to Tablet Portrait (devices and browsers)
*/
@media only screen and (max-width:767px) {
    body::before {content:'767px';}
    body {overflow-x:hidden;}
    .layout-columns {display:block;}
    .layout-columns .left {}
    .layout-columns .right {/*flex-basis:200px;max-width:200px;*/max-width:none;}
    .content-wrapper .content {padding-right:0;}
    header.page .logo {margin-left:50px;}
    header.page .logo a {display:block;width:240px;height:75px;background:url(../images/mobile-logo.png) no-repeat 0 0/100%;}
    header.page .logo a img {display:none;}
    header.page .right {background:transparent;}
    header.page .right ul {display:none;}
    header.page .icons {border-top:1px solid #ddd;padding:10px 0;position:static;width:auto;}
    header.page .icons a {display:inline-block !important;margin:0 10px;width:40px;height:40px;}
    header.page .icons a.phone {width:50px;}
    nav {display:block;}
    aside .block .title-arrow,aside .block-help .phone a {margin:0 -10px;font-size:20px;}
    aside .block-search {margin-top:20px;}
    .ce_table table,table.ce_table {display:block;border:0;font-size:12px;}
    .ce_table table caption,table.ce_table caption {display:block;width:100%;}
    .ce_table table thead,.ce_table table tfoot,table.ce_table thead,table.ce_table tfoot,.ce_table table tr.head,table.ce_table tr.head {display:none !important;}
    .ce_table table tbody,table.ce_table tbody {display:block;width:100%;}
    .ce_table table tr,table.ce_table tr {display:block;border:1px solid #999;width:100%;position:relative;}
    .ce_table table tr::before,table.ce_table tr::before {content:'';display:block;width:106px;position:absolute;top:0;left:0;bottom:0;background:#eee;}
    .ce_table table tr + tr,table.ce_table tr + tr {margin-top:2px;}
    .ce_table table td,table.ce_table td {display:block;border:0;padding:.5em;padding-left:110px !important;position:relative;}
    .ce_table table td::before,table.ce_table td::before {content:attr(data-label);float:left;display:block;margin:-.5em 0 -.5em -110px;padding:.5em;width:106px;}
    .ce_table table td::after,table.ce_table td::after {content:'';display:table;clear:both;}
    .ce_table table td + td,table.ce_table td + td {border-top:1px solid #ccc;}
    .ce_table table td {padding-left:.5em !important;}
    .ce_table table tr::before,.ce_table table td::before {display:none !important;}
    table.ce_table td:nth-child(1)::before {content:'Marke';}
    table.ce_table td:nth-child(2)::before {content:'Model';}
    table.ce_table td:nth-child(3)::before {content:'Firme';}
    table.ce_table td:nth-child(4)::before {content:'NR.';}
    table.ce_table td:nth-child(5)::before {content:'Bmk.';}
    table.ce_table td:nth-child(6)::before {content:'Typ';}
    aside .block-dark .mod_navigation {font-size:16px;}
    /*.ce_text table {display:block;width:100%;}
    .ce_text table tbody,.ce_text table tr {display:block;}
    .ce_text table td {display:block;}*/
    .ce_text img.float-left,.ce_text img.float-right {max-width:40%;}
    .container .columns {display:block;}
    .container .columns .column {display:block;}
    footer.page .layout-columns .left {display:none;}

    .page-wrapper {padding-bottom:76px;;}
    .mobile-nav-handle {display:block;}
    .mobile-nav {visibility:visible;}
    body.mobile-nav-opened {}
    body.mobile-nav-opened .page-wrapper,body.mobile-nav-opened .mobile-phone {transform:translate3d(400px,0,0);}
    body.mobile-nav-opened .page-wrapper::after {visibility:visible;opacity:1;transition-delay:0s;}
    body.mobile-nav-opened .mobile-nav-handle {background:transparent !important;}
    body.mobile-nav-opened .mobile-nav-handle span {background:transparent !important;}
    body.mobile-nav-opened .mobile-nav-handle span::before,body.mobile-nav-opened .mobile-nav-handle span::after {background:#fff !important;}
    body.mobile-nav-opened .mobile-nav-handle span::before,body.mobile-nav-opened .mobile-nav-handle span::after {transition-delay:0s,.25s;}
    body.mobile-nav-opened .mobile-nav-handle span::before {top:0 !important;transform:rotate(45deg);}
    body.mobile-nav-opened .mobile-nav-handle span::after {top:0 !important;transform:rotate(-45deg);}
    body.mobile-nav-opened .mobile-nav {visibility:visible;opacity:1;}
    .mobile-phone {display:block;}
table.ersatzteile.ce_table.block{
	font-size:30px !important;
}
}
/*===========================================================================
*   Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
*/
@media only screen and (max-width:479px) {
    body::before {content:'479px';}
    .mobile-nav {width:70%;}
    body.mobile-nav-opened .page-wrapper,body.mobile-nav-opened .mobile-phone {transform:translate3d(70%,0,0);}
}
/*===========================================================================*/
/** {border:1px solid red !important;}*/
#debug-panel {background:#1c1c1c;}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    text-align: left;
    border: yes;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
#tp_u{
	font-size:13px;
	font-weight:bold;
	color:red;
}
#sideformul #sideformbuttondiv{
	width:100px;
	margin:auto;
	
}

#sideformul.form li label{
	font-weight:bold;
}
label, input {
    display: block;
}
#sideformul.form {
    width  : 200px;
    padding: 0px;
    margin : auto;
    list-style-type: none;
}
#sideformul.form li  {
    width : 200px;
	margin-bottom:10px;
}
#sideformul.form li input {
    width : 200px;
}
#sideformul.form textarea {
    width : 200px;
}

#sideformul.form li.twoColumnPart {
    float : left;
    width : 200px;
	
}