/** FORMS **/
#configform label {color:#333;}
.offerview {border:1px solid #CCC;padding:1%;}
#modellinfo, #holzinfo, #kanteninfo, #variante {text-align:justify;}
.gform_required_legend, #gfield_upload_rules_5_6 {display:none;}
#gform_submit_button_5 {color: #fff; background-color: #b40019; border-color: #FFF; font-weight: 700;width: 98%;}
input[type=checkbox] {vertical-align: top;}
#field_5_8 label {max-width: 90%;}

/** FOOTER **/
footer {margin-top:1%; padding:2% 0 1% 0; background:#181715; color:#FFF;}
footer a {color:#FFF;} footer a:hover {text-decoration:underline; color:#FFF;}
#footer-menu ul {list-style:none; margin:0;}
#footer-menu ul > li { padding:0 10px;}
#footer-menu a { color:#444;}


/* WP DEFAULT STYLES */
.alignleft {float: left;}
.alignright {float: right;}
.block {display:block;}

/* BREADCRUMBS */
#breadcrumbs {border-top: 1px solid #CCC;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; padding-top:1%;}
.crumbs {margin-top:6%; }
#breadcrumbs a {color:#5a000c; text-decoration:underline;}

/* CREDITS */
#credits {color: #333;font: 10px/16px "Open Sans",sans-serif;margin: 0 auto;text-align: center;width: 98%;}
#credits a {color: #333;text-decoration: none;}
.corpogreen {color: #9dc34a;}
.konzeptionisten {background: #333333 none repeat scroll 0 0;color: #ffffff;font: 10px/16px "Open Sans",Arial,Helvetica,sans-serif;padding: 2px 2px 0 6px;}

/* BOOTSTRAP OVERWRITES */
li.list-group-item:before {content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-left: -10px;
    color: #000;}

.col-print-1 {width:8%;  float:left;}
.col-print-2 {width:16%; float:left;}
.col-print-3 {width:25%; float:left;}
.col-print-4 {width:33%; float:left;}
.col-print-5 {width:42%; float:left;}
.col-print-6 {width:50%; float:left;}
.col-print-7 {width:58%; float:left;}
.col-print-8 {width:66%; float:left;}
.col-print-9 {width:75%; float:left;}
.col-print-10{width:83%; float:left;}
.col-print-11{width:92%; float:left;}
.col-print-12{width:100%; float:left;}
	
.row {margin:0 !important; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display : flex; flex-wrap: wrap;}
.flex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display : flex;}
.flex-first {-webkit-order: 0; order: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0;}
.flex-last {-webkit-order: 2; order: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 2;}


/* for 1280px or less */
@media screen and (max-width: 1250px) {
.navbar-fluid {width:98%;}
.navbar>.container-fluid .navbar-header {margin:0 auto;}
div.sticker {top:18vh!important;}
}

/* for 990px or less */
@media screen and (max-width: 1040px) {
.caption-overlay {bottom: 10%; width:45%;}
.gallery {width:98%; margin:2% 1%;}
.gallery-item img {width:73%; margin:1%; height:auto!important;}
div.sticker {top:23vh!important;}
}

/* for MD or less */
@media screen and (max-width: 990px) {
.flex-first, .flex-last {-webkit-order: 0; order: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0;}
div.sticker {top:11vh!important;}
}

/* for SM or more */
@media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}

}

/* for SM or less */
@media screen and (max-width: 768px) {
.caption-overlay {display:none;}
.btn {margin-bottom:30px;}
div.sticker {top:11vh!important;}
}

/* for 640px or less */
@media screen and (max-width: 700px) {
.gallery-item img {width:98%; margin:1%; height:auto!important;}
.col-xs-12 ul {padding:0%;}
}

@media screen and (max-width: 414px) {
.navbar-brand {width:73%!important;}	
h1 {max-width:96%!important; font-size:1.8em!important; line-height:2em!important;}
h2 {max-width:96%!important; font-size:1.6em!important; line-height:1.8em!important;}
h3 {max-width:96%!important; font-size:1.2em!important; line-height:1.4em!important;/*word-break: break-all;*/}
.desktop {display:none;}
.mobile {display:block;}
.col-xs-12 {width:98%!important;}

}

/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  /* Styles */
  .content {margin-top: 180px;}
}

/* iPhone 8 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) { 
	.col-md-6, .col-lg-5, .col-lg-7, .col-xs-12 {width:98%!important;}
}
/* iPhone 8 Plus */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 
		.col-md-6 {width:98%!important;}.col-xs-12 {width:100%;}
}

@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { 
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0px !important;}
.col-lg-7 {width:58%;}.col-lg-5 {width:41%;}
.col-md-6, .col-sm-6 {width:49%;}
/*.col-xs-12 {width:100%;}*/
}