/* ---------- ANSICHT CONTENT-SEITEN ---------- */

.os_head_slider { margin: 20px 0 }

/* Navigation BLOCK */

.os_contentnavi { margin-right:20px ; margin-top:15px }
.os_contentnavi ul { margin-top:20px ; border-top: 1px solid #e1e1e1 }
.os_contentnavi ul a { display:block ; padding: 8px 0 ; border-bottom: 1px solid #e1e1e1 }
.os_contentnavi ul a.active { color:#FF6835 }

/* SPEZIAL : Inhalte */

.os_prod_logo { list-style:none ; padding:0 !important ; margin: 10px 0 }
.os_prod_logo li { float:left ; border: 1px solid #e1e1e1 ; width:150px ; height:150px ; padding:30px !important ; margin: 0 15px 15px 0 }
.os_prod_logo li img { width:100% }

.os_cert_logo { list-style:none ; padding:0 !important ; margin: 10px 0 }
.os_cert_logo li { float:left ; border: 1px solid #e1e1e1 ; width:240px ; height:340px ; padding:20px !important ; margin: 0 15px 15px 0 }
.os_cert_logo li img { width:100% }

.os_ref_logo { list-style:none ; padding:0 !important ; margin: 10px 0 }
.os_ref_logo li { float:left ; border: 1px solid #e1e1e1 ; width:240px ; height:200px ; padding:20px !important ; margin: 0 15px 15px 0 }
.os_ref_logo li img { width:100% }

/* Content */

.os_contenttext { line-height:1.5 ; font-size:1.071em ; margin-top:15px }
.os_contenttext h1 { padding-bottom:25px ; margin: 0 0 30px 0 ; font-size:1.357em ; font-weight:600 ; border-bottom:1px solid #e1e1e1 }
.os_contenttext h2 { margin: 15px 0 25px 0 ; font-size:1.143em ; font-weight:600 }
.os_contenttext h3 { margin: 15px 0 25px 0 ; font-size:1.05em ; font-weight:600 }
.os_contenttext a { text-decoration:underline }
.os_contenttext p { padding: 10px 0 10px 0 }
.os_contenttext ul { margin: 20px 0 20px 0 ; padding-left: 15px  }
.os_contenttext ul li { margin-left:0 ; padding:6px 0 6px 0 }
.os_contenttext ul li a { text-decoration:none }
.os_contenttext.cno h1 { font-size:1.6em ; margin: 0 0 20px 0 }

/* SPECIAL : Kontaktform */

.os_form_mailer_formgroup .control-label { font-weight:normal } 
.os_form_mailer_formgroup .form-group.mand .control-label { font-weight:bold } 

/* SPECIAL : Schnellbestellung */

.os_fastorder_form td , .os_fastorder_form th { padding: 4px 8px }

/* SPEZIAL : Youtube-Video responsive */

.os_content_youtube { position:relative ; padding-bottom:56.25% ; height:0 ; overflow:hidden }
.os_content_youtube iframe { position:absolute ; top:0 ; left:0 ; width:100% ; height:100% }
.os_content_youtube.ratio4x3 { padding-bottom:75% }

/* K" : Kategorien */

.os_home_catswrapper > div { display:flex ; flex-wrap:wrap  }
.os_home_catswrapper .cata { position:relative ; margin-top:35px ; text-align:center ; border: 1px solid #e1e1e1 ; overflow:hidden ; cursor:pointer }
.os_home_catswrapper .cata a { text-decoration:none }
.os_home_catswrapper .cata img { width:60% ; margin:15px }
.os_home_catswrapper .cata span { display:block ; color:#fff ; font-weight:600 ; font-size:1em ; padding:8px ; background:#105375 ; overflow:hidden }


/* ---------- END ---------- */



/* ---------- Hilfeseite ---------- */

body {overflow-x: hidden;}
.os_foot_main {margin-top:0px;}
.os_contenttext.cno h1 {font-size: 2.25rem; font-weight: 900; margin: 0 0 20px 0; color: #105274; border-bottom:0; padding-bottom:0; text-align:center; margin-bottom:0;}

.os_kundeninfo img {max-width:100%; height:auto;}

.os_kundeninfo .inside {max-width:1300px; margin:auto;}

/* Bootstrap Adon für 5 Spalten -----------------------------  */

@media (min-width: 1200px) {
.os_kundeninfo .fivecolumns .col-sm-2, .os_kundeninfo .fivecolumns .col-md-2, .os_kundeninfo .fivecolumns .col-lg-2 { width: 20%; }
.os_kundeninfo .fivecolumns .col-sm-10, .os_kundeninfo .fivecolumns .col-md-10, .os_kundeninfo .fivecolumns .col-lg-10 { width: 80%; padding: 0 15px;}
}



.os_kundeninfo h2 { font-size:1.75rem ; font-weight:900 ; margin: 0 0 20px 0; color:#105274;}
.os_kundeninfo h3 { font-size:1.25rem ; font-weight:900 ; margin: 0 0 10px 0; color:#105274;}

@media screen and (max-width:768px ) {
    .os_kundeninfo h1 { font-size:1.625rem }
    .os_kundeninfo h2 { font-size:1.5rem }
    .os_kundeninfo h3 { font-size:1.125rem }
}

.os_kundeninfo .spacer {position:relative; display:block; float:left; width:100%; height:40px;}


.os_kundeninfo .first-order { border:1px solid #105274; padding:2rem; margin-bottom:3rem; }
.os_kundeninfo .first-order ol li { margin-bottom:1rem; }
.os_kundeninfo .first-order h2 {text-align:center; border-bottom:2px solid #105274 ; padding-bottom:1.5rem; margin-bottom:2.5rem;  }

.os_kundeninfo ol { list-style: none; counter-reset: item; }
.os_kundeninfo .first-order ol li { position:relative; padding-left:40px; counter-increment: item; margin-bottom: 30px; }
.os_kundeninfo .first-order ol li:before { position:absolute; top:0px; left:-40px; content: counter(item);  font-weight:bold; font-size:2rem; background: #fff; border:1px solid #105274; border-radius: 100%; color: #105274; width: 55px; height:55px; text-align: center; display: inline-block; }


/* Icons --------------------------------- */

.os_kundeninfo .t1circles { margin-bottom:20px; }
.os_kundeninfo .t1circles .t1shadow { border: 1px solid #EEEEEE; }
.os_kundeninfo .t1circles a { text-decoration:none }
.os_kundeninfo .ccount { margin: 0 auto ; width:50px ; padding: 3px 0 10px ; color:#fff ; background:#105274 ; clip-path: polygon(50% 100%, 0 0, 100% 0) }
.os_kundeninfo .cicon img { width:102px ; height:102px ; margin: 15px 0 ; border-radius:50% ; border: 2px solid #105274; padding:20px; }
.os_kundeninfo .ctext { font-size:.95rem; font-weight:600 ; color:#105274; padding:20px 0; }
.os_kundeninfo span { display:block }


/* .os_kundeninfo .container {width:100%; max-width:1300px;} */

/* Abschnitt 1 */

.os_kundeninfo .os_kundeninfo_section_1 { background:#fff ; padding: 35px 0;}
.os_kundeninfo .os_kundeninfo_section_1 h1 { font-size:1.6em ; margin: 0 0 20px 0 }
.os_kundeninfo .os_kundeninfo_section_1 h2 { font-size:2.25em ; font-weight:900 ; margin: 0 0 20px 0; color:#105274;}
.os_kundeninfo .os_kundeninfo_section_1 h3 { font-size:1.2em ; font-weight:normal ; margin: 30px 0 40px 0 }
.os_kundeninfo .os_kundeninfo_section_1 p {font-size:1.25rem; font-weight:200; color:#105274; line-height:1.75rem; padding:0 3%; margin-bottom:2.5em;}
.os_kundeninfo .os_kundeninfo_section_1 p b {display:block; margin-top:1rem;}

/* Abschnitt 2 */

.os_kundeninfo .os_kundeninfo_section_2 {padding: 50px 0 25px 0; border-top:1px solid #105274;}
.os_kundeninfo .os_kundeninfo_section_2 .t1circles .t1shadow {border-color: #105274; background:#fff;}

/* Abschnitt 3 */
.os_kundeninfo .os_kundeninfo_section_3 {padding: 50px 0 25px 0; border-top:1px solid #105274;}
.os_kundeninfo .os_kundeninfo_section_3 .t1circles .t1shadow {border-color: #105274; background:#fff;}

/* Abschnitt 4 */

.os_kundeninfo .os_kundeninfo_section_4 {margin-top;padding: 50px 0 25px 0; border-top:1px solid #105274;}
.os_kundeninfo .os_kundeninfo_section_4 .t1circles .t1shadow {border-color: #105274; background:#fff;}

	
/* Abschnitt 5 */
.os_kundeninfo .os_kundeninfo_section_5 {padding: 50px 0 25px 0; border-top:1px solid #105274; margin-top:50px; }
.os_kundeninfo .os_kundeninfo_section_5 .t1circles .t1shadow {border-color: #105274; background:#fff;}

/* Abschnitt 6 */
.os_kundeninfo .os_kundeninfo_section_6 {padding: 50px 0 25px 0; border-top:1px solid #105274;}
.os_kundeninfo .os_kundeninfo_section_6 .t1circles .t1shadow {border-color: #105274; background:#fff;}

/* ---------- END ---------- */