/**
 * Common Styles Customer
 *
*/


/* Mouse-Over Image*/
.blenden {
    position: relative;
}

.zufrieden.content-left p, .zufrieden.content-left ol li, .zufrieden.content-left li {
    text-align: left;
}

.blenden div.unsichtbar {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
}
#c10710 .info, #c10711 .info {
    display: none;
}
html  {overflow-y: scroll;}

.video-js .vjs-tech {
     position: relative !important;
}

/* font-size: 14px; */
body {
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  color: #444444;
}

#c10503 .boximagewrap, #c10555 .boximagewrap {
    height: 102px !important;
    width: auto;
}

/*#filterresult, #findersearchboxtop {*/
/*    width: 100%;*/
/*    margin-left : 15px;*/
/*    margin-right : 0 !important;*/
/*}*/

/*--- Headings | Überschriften ------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.1;
    color: #0092a7;
}
#footer h2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
    color: #ffffff;
}

#footer .form-group {
    margin-bottom: 0px;
}

#footer .footer2 .actions .btn-group {
    display: block;
    width: 100%;
    margin-left: 0;
}
#footer .footer2 .btn-primary{
    display: block;
    margin-top: 15px;
    background-color: #868688;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 20px;
    border-radius: 0px;
    border: 0px;
    text-decoration: none;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
}

#footer .form-group label {
    display: none;
}

h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 100%;}

h2.headerAktionen {
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    line-height: 1.1;
    color: #0092a7;
}

.headerimages img {
    width: 100% !important;
    height: auto !important;
}

#content {
    margin-top: 25px;
}

.callnow {
    background-color: #e0001a;
    position: absolute;
    right: 15px;
    padding: 5px 25px;
    color: #ffffff;
}
.folger .callnow,
.witt .callnow {
    background-color: #ef8214;
}

.topnav {
    position: absolute;
    right: 15px;
    top: 1px;
}
.btncall, .btnshop, .btnwarum {
    display: inline;
    padding: 5px 25px;
}
.btncall {
    background-color: #0092a7;
    margin-left: 10px;
}
.btnwarum,
.btnshop {
    background-color: #e0001a;
    margin-left: 10px;
}
.folger .btnwarum,
.folger .btnshop,
.witt .btnwarum,
.witt .btnshop {
    background-color: #ef8214;
}
.btnwarum a:hover,
.btnshop a:hover,
.btncall a:hover,
.btnshop a,
.btnwarum a,
.btncall a {
    color: #ffffff;
    text-decoration: none;
}



.zufrieden {
    border: 1px solid #0092a7;
    background-color: #e5f6f9;
    padding: 15px;
    text-align: center;
}

.textunten {
    margin-top: 15px;
}

.prodboxcontact {
    background-color: #0092a7;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}
.prodboxcontact span,
.prodboxcontact span a{
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
}
.prodboxauftrag,
.prodboxabholung,
.prodboxversand{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    background-color: #e0001a;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    padding-left: 60px;
    background-image: url("/fileadmin/media/template/icon-abholung.png");
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: center;
}

.folger .prodboxauftrag,
.folger .prodboxabholung,
.folger .prodboxversand,
.witt .prodboxauftrag,
.witt .prodboxabholung,
.witt .prodboxversand{
    background-color: #ef8214;
}


.footer1 .prodboxauftrag,
.footer1 .prodboxabholung,
.footer1 .prodboxversand{
    border: 2px solid #ffffff;
}

.prodboxauftrag {
    background-image: url("/fileadmin/media/template/icon-reparaturauftrag.png");
}
.prodboxversand {
    background-image: url("/fileadmin/media/template/icon-versandbox.png");
}

.prodboxauftrag a,
.prodboxversand a,
.prodboxabholung a{
    color: #ffffff;
    display: block;
}

.prodboxauftrag:hover,
.prodboxabholung:hover,
.prodboxversand:hover {
    background-color: #c5041a;
}
.folger .prodboxauftrag:hover,
.folger .prodboxabholung:hover,
.folger .prodboxversand:hover,
.witt .prodboxauftrag:hover,
.witt .prodboxabholung:hover,
.witt .prodboxversand:hover {
    background-color: #d67412;
}

.oldprice {
    text-decoration: line-through;
}

.navbar .container {
    position: relative;
}

.table2 caption {font-weight: bold;font-size: 16px;padding-bottom: 8px;}


.footer1, .footer2, .footer3 {
	padding-top: 15px;
}
.footer1 {
    padding-bottom: 15px;
}

.footer1 .row, .footer2 .row, .footer3 .row {
	margin-bottom: 5px;
}

.footer1 {
	background-color: #e1e5e6;
	color: #5c5d5f;
}
.footer1 a{
    color: #ffffff;
}
.footer2 {
	background-color: #5c5d5f;
	color: #ffffff;
}
.footer2 a{
    color: #ffffff;
}
.footer3 {
	background-color: #ccced2;
	color: #5c5d5f;
}
.footer3 a{
    color: #5c5d5f;
}
.contentmain {
    padding-top: 30px;
    padding-bottom: 20px;
}
.contentbalken{
    background-color: #e4f6f8;
    padding-top: 30px;
    padding-bottom: 20px;
}
.contentbottom {
    padding-top: 30px;
    padding-bottom: 20px;
}


#sidebar .nav a {
    color: #0092a7;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.02em;

}
#sidebar .nav li a {
    font-size: 18px;
    padding: 11px;
}
#sidebar .nav li li a {
    font-size: 16px;
    padding: 8px;
}

#sidebar .nav a.l1-act,
#sidebar .nav a.l1-cur,
#sidebar .nav a.l2-act,
#sidebar .nav a.l2-cur,
#sidebar .nav a.l3-act,
#sidebar .nav a.l3-cur,
#sidebar .nav a.l4-act,
#sidebar .nav a.l4-cur{
    color: #e0001a;

}
.folger #sidebar .nav a.l1-act,
.folger #sidebar .nav a.l1-cur,
.folger #sidebar .nav a.l2-act,
.folger #sidebar .nav a.l2-cur,
.folger #sidebar .nav a.l3-act,
.folger #sidebar .nav a.l3-cur,
.folger #sidebar .nav a.l4-act,
.folger #sidebar .nav a.l4-cur,
.witt #sidebar .nav a.l1-act,
.witt #sidebar .nav a.l1-cur,
.witt #sidebar .nav a.l2-act,
.witt #sidebar .nav a.l2-cur,
.witt #sidebar .nav a.l3-act,
.witt #sidebar .nav a.l3-cur,
.witt #sidebar .nav a.l4-act,
.witt #sidebar .nav a.l4-cur{
    color: #ef8214;

}


#sidebar .nav li li a:hover,
#sidebar .nav a.l2-act,
#sidebar .nav a.l2-cur {
    background-image: url("/fileadmin/media/template/navi-bullet.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 8px;
}



#sidebar .nav > li > a:hover,
#sidebar .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #e0001a;
}
.folger #sidebar .nav > li > a:hover,
.folger #sidebar .nav > li > a:focus,
.witt #sidebar .nav > li > a:hover,
.witt #sidebar .nav > li > a:focus {
    color: #ef8214;
}


#sidebar .nav > li li > a {
    padding-left: 25px;

}
.contentmain ul,
.contentbottom ul {
    margin-left: 0px;
    padding-left: 20px;
}
.contentmain li,
.contentbottom li {
    display: block;
}
.contentmain li:before,
.contentbottom li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e067";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    font-weight: normal;
    margin-left: -17px;
    color: #0092a7;
}

.text-im-bild {
	position: relative;
}
.text-im-bild .csc-textpic-imagewrap{

}
.text-im-bild .csc-textpic-text {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 50%;
}
.slick-track .text-im-bild .csc-textpic-text {
	width: 100%;
}
.hoverbox a {
    color: #ffffff;
}
.hoverbox222:hover img {
    opacity: 0.9;
}



.tx-mtfilter .teaseritem {
    margin-bottom: 25px;
    background-color: #0092a7;
}
.tx-mtfilter .teaseritem:hover {

    background-color: #036a79;
}

.hoverbox p {
    margin:0;
}
.hoverbox .boxtext h2 {
    margin-bottom: 0px;
    background-color: transparent;
    color: #ffffff;
    padding: 8px;
}
.hoverbox .boxtext {
    background-color: #0092a7;
    color: #ffffff;
    padding: 8px;
}

.hoverbox:hover .boxtext {
    background-color: #036a79;
}

.hoverbox a   {
    text-decoration: none;
}

/* click2iframe */

.external-content {
    display: none;
}
.external-content-placeholder {
    padding: 2rem 2rem;
    position: relative;
    background-color: #eeeeee;
}
.external-youtube-placeholder {
    position: relative;
    padding: 0;
    background: none;
}
.external-youtube-placeholder .video-preview-text {
    position: absolute;
    padding: 2rem 2rem;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    right: 0;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.external-youtube-placeholder .video-preview-img {
    width: 100%;
}

/* embed-responsive embed-responsive-16by9
.video-embed {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
*/

/* embed-responsive-item
.video-embed .video-embed-item,
.video-embed iframe,
.video-embed embed,
.video-embed object,
.video-embed video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}


/* from EXT:fluid_sytled_content */

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th {
    vertical-align: top;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}

.ce-left .ce-gallery {float: left;}
/* macht Probleme mit Youtube embed */
/*
.ce-column { float: left;}
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
*/

.ce-right .ce-gallery { float: right; }
/*
.ce-gallery figure { display: table; margin: 0; }
*/
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }

.ce-border img,
.ce-border iframe {
    border: 1px solid #dddddd;
    padding: 5px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 50px;
}
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-right .ce-gallery { margin-left: 50px; }
.ce-intext.ce-left .ce-gallery { margin-right: 50px; }
.ce-below .ce-gallery { margin-top: 50px; }

.ce-column { margin-right: 50px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }




/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }