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

/* 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:#FF007B }

/* Content */

.os_contenttext { line-height:1.5 ; font-size:1.071em ; margin-top:15px }
.os_contenttext h1 { padding-bottom:15px ; 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:1em ; 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 }

/* 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% }


/* Novotec Sonderbau ########################################################################################################### */

/* Reset */
.os_content_sonderbau p { padding-top:0 ; }



/* Bilder & Typo */

.os_content_sonderbau h1 { font-size: 2rem; font-weight: 600; border-bottom: 1px solid #e1e1e1; }
.os_content_sonderbau h2 { font-size: 1.65rem ; margin-bottom:15px }
.os_content_sonderbau h3 { font-size: 1.5rem }
.os_content_sonderbau h4 { font-size: 1.25rem }

.os_content_sonderbau p, .os_content_sonderbau li { font-size: 1rem }

.os_content_sonderbau ul { margin: 0 0 2rem 0}


.os_content_sonderbau img { width:100%; height:auto }
@media screen and ( max-width:768px ) {
    .os_content_sonderbau img { margin-bottom:2rem }
}

/* Elements */

/* 
SLider 
*/

.os_content_sonderbau .slick-dots { bottom:-60px; }

/* Siteindex */
.os_content_sonderbau .row.site-index { display: flex; flex-direction: row; flex-wrap: wrap }
.os_content_sonderbau .row.site-index .col { display: flex; flex-direction: row; margin-bottom:2.5rem; }
.os_content_sonderbau .row.site-index .col-inside { display: flex; flex-direction: column; background: #f1f1f1   }
.os_content_sonderbau .row.site-index .col-inside .flexible { margin:0; padding:0 15px; flex-grow: 1; }

.os_content_sonderbau .site-index a { text-decoration:none; }
.os_content_sonderbau .site-index h3 { color:#fff; background: #DC0177; text-align:center; padding:5px; margin:0; font-weight:600px; font-size:1.125rem; border:0px;  }
.os_content_sonderbau .site-index figure { margin-bottom: 1rem; }
.os_content_sonderbau .site-index a.button { max-width:150px;  background:#DC0177; border:0px; padding:10px 15px; text-align:left; color:#fff; }

/* Spacer */
.os_content_sonderbau .spacer { display:block; width:100%; height:40px }

/* Divider */
.os_content_sonderbau .divider { display:block; width:100%; height:1px ; margin:48px 0 52px 0; border-top:1px solid #DC0177; overflow:hidden }

/* Call for Action */
.sonderbau-call4a { display:block; margin-top:35px; border-top:5px solid #DC0177; background: #f1f1f1; padding:30px; overflow:auto; }
.sonderbau-call4a figure { position:relative; margin-bottom:25px; }
.sonderbau-call4a img { width:70%; max-width:350px; height:auto;}
.sonderbau-call4a figure:after { position:absolute; content:'' ; height:4px; width:200px; left:calc(50% - 100px); bottom:-8px; background:#DC0177;;   }

/* Footer */
.os_content_sonderbau .os_content_sonderbau_footer { margin-top:2rem; padding: 5px 15px }
.os_content_sonderbau .os_content_sonderbau_footer ul { list-style-type:none; margin:0; padding:0; text-align:center; display:flex; flex-wrap: wrap; }
.os_content_sonderbau .os_content_sonderbau_footer ul li { flex-grow:1; background:  #DC0177; padding: 5px 0; margin: 0 15px 15px 0; }
.os_content_sonderbau .os_content_sonderbau_footer a { color:#fff; text-decoration:none }
.os_content_sonderbau .os_content_sonderbau_footer a:hover { text-decoration:underline }

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