/*  Custom Theming for Bootstrap Subtheme by nadolski art & design - www.n-ad.de  */



/* Branding oben */

body {
    background-color: #241c0e;
}

h3  {
		text-transform: uppercase;
		display: block;
		color: #fff;
		text-align: center;
}
		
p  {
		color: #fff;
		text-align: center;
		margin-top: 30px;
}

a {
    color: #b3883b;
    text-decoration: none;
}

a:hover {
    color: #666;
    text-decoration: none;
}

a:active,
a:focus {
    color: #666;
    text-decoration: none;
}

.impressum p {text-align: left;}

.impressum h4 {color: #b3883b; font-weight: normal; font-size: 120%; margin-top: 50px; font-family: inherit;}

.node--type-referenz p {text-align: left; color: #fff;}

.node--type-referenz .field--name-field-subtitle,
.node--type-referenz .field--name-field-mehr-infos,
.node--type-referenz .field--name-field-infos-inhalt,
.node--type-referenz .field--name-field-daten,
.node--type-referenz .field--name-field-daten-inhalt {color: #fff;}



.branding-fixed-top .row {
    display: block;
    height: 100px;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.branding-fixed-top {
    position: fixed;
    top: 0;
    background-color: #241c0e;
    height: 150px;
    width: 100%;
    z-index: 1000;
    padding: 0 15px;
}

.navbar-fixed-top {position: fixed; margin-top: 150px;}

.navbar-nav {
    float: right;
}

.navbar-default {
    background-color: #241c0e;
    border: none;
}

.menu--account {display: none;}

.md-slider-wrap {
    margin-top: 48px;
}

/* Logo custom responsive*/

.logo {max-width: 200px; height: auto; width: 100%;}
.logo img {max-width: 100px; height: auto; width: 100%; margin-top: 10px;}

.zusatz-grid {padding: 0px; 15px; background-color: #b3883b;}
.region-zusatz{
		display: block;
		max-width: 1170px;
		margin-left: auto;
		margin-right: auto;
}		

.zusatz h3 {padding-top: 50px;}
.zusatz p {padding-bottom: 50px;}
		
.region-ueberschrift {padding: 20px; 15px; margin-left: auto; margin-right: auto; background-color: #b3883b;}
.region-ueberschrift p {max-width: 1170 px;}


.main-container {margin-top: 50px;}

/* Name der Website entfernen */
.navbar-brand {display: none;}

/* Admin-Menu sichtbar */
#toolbar-administration, #toolbar-administration * { z-index: 99999;}

.highlighted {width: 100%}

.region-parallax-one #block-parallax1 {
    background-image: url("../../../sites/default/files/parallax.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    width: 100%;
    height: auto;
    margin-top: -20px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 10px solid #333;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    vertical-align: middle;
    background-color: #630;
}

.region-parallax-one #block-parallax1 {padding-top: 100px; padding-bottom: 100px}

.parallax-grid {margin-top: 150px;}

.parallax h2 {font-size: 60px; color: #fff; text-align: center; vertical-align: middle;}
.parallax p {font-size: 30px; color: #fff; text-align: center; vertical-align: middle;}
.parallax h3 {text-align: center; vertical-align: middle;}

.parallax .field--name-body {vertical-align: middle;}

.responsive-video {
    position: relative;
    padding-bottom: 54%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 50px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer {
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-grid {background-color: #241c0e; border-top: 1px solid #fff;}
.footer-grid .col-sm-2 {padding-top: 20px;}
.footer-grid p {color: #fff;}
.footer-grid .nav > li > a {color: #fff; padding: 3px 15px;}
.footer-grid .nav > li > a:hover, .nav > li > a:focus {color: #241c0e; background-color: #b3883b;}

.footer-grid .col-sm-12 {width: 100%; padding-top: 0px; padding-bottom: 20px;}

.footer-grid .row {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.zusatzoben p {
		font-size: 30px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #b3883b;
    text-transform: uppercase;
}
.parallax-grid .col-sm-12 {padding-left: 0; padding-right: 0;}

.footerend {background-color: #eee; border-top: 1px solid #fff;}
.footerend .field--name-body {color: #6a3a2b; margin-bottom: 0px;}
.footerend .col-sm-12 {width: 100%; padding-top: 20px; padding-bottom: 10px;}

.footerend .row {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.footeraddress {background-color: #241c0e; border-top: 1px solid #fff; margin-top: -2px;}
.footeraddress .field--name-body {color: #eee; margin-bottom: 0px;}
.footeraddress .col-sm-12 {width: 100%; padding-top: 20px; padding-bottom: 10px; margin-top: -30px;}
.footeraddress p {text-align: left; padding-left: 15px; padding-right: 15px;}

.footeraddress .row {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}



.maps {width: 100%;}

.maps .col-sm-12 {width: 100%; background-color: #xxxfff; margin-bottom: -36px; margin-top: -20px;}

.maps .row {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.maps iframe {margin-bottom: -5px;}

#block-nadmaps-2 {margin-top: -10px; margin-bottom: 0px;}

.region-maps-xxxall {margin-bottom: -50px;}



.firmlog p img {width: 40%; height: auto; text-align: center; vertical-align: middle; display: block; margin: 30px auto;}
.firmlog .field--name-body {margin-bottom: 0;}

#views-bootstrap-karriere-block-1 {border-top: 1px solid #ccc; margin-top: 50px; padding-top: 50px;}
#views-bootstrap-karriere-block-1 .views-field-title {font-size: 24px; font-family: 'bold'; color: #999;}
#views-bootstrap-karriere-block-1 .col {margin-bottom: 30px;: #999;}
#views-bootstrap-karriere-block-1 .file-size {display:none;}
#views-bootstrap-karriere-block-1 .file-link a {color:#f49e00;}
#views-bootstrap-karriere-block-1 .text-primary {color:#f49e00;}
/*
.region-ref-all #block-parallax1 {
    background-image: url("../../../sites/default/files/parallax.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    width: 100%;
    height: auto;
    margin-top: -20px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 10px solid #333;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    vertical-align: middle;
}
*/

.region-ref-all {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding: 30px 15px 50px 15px;
}


.region-ref-all #block-ref {padding-top: 100px; padding-bottom: 100px}

.ref-grid {margin-top: xxx150px;}

.ref p {font-size: 60px; color: #fff; text-align: center; vertical-align: middle;}

.ref .field--name-body {vertical-align: middle;}

.ref .col-sm-12 {background-color: #241c0e;}


.region-firma-all #block-firma {padding-top: 100px; padding-bottom: 100px}

/*.firma-grid {margin-top: 150px;}*/

/*.firma p {font-size: 30px; color: #000; text-align: center; vertical-align: middle;}*/

.firma .field--name-body {vertical-align: middle;}

.firma .col-sm-12 {background-color: #fff;}

.region-footer-two img {width: 80%; height; auto; padding: 50px 15px 0px 15px; vertical-align: bottom;}

.region-footer-three img,
.region-footer-four img,
.region-footer-five img,
.region-footer-six img {width: 80%; height; auto; padding: 15px; vertical-align: middle;}



.adressfeld {
		display: block;
		border: 1px dotted #999;
		border-radius: 2px;
		padding: 10px;
		margin-top: 25px;
		min-height: 337px;}

.maps .col-sm-12 {padding: 0;}

/*

.ref {width: 100%; }

.ref .col-sm-12 {width: 100%; background-color: #fff; border-bottom: 1px solid #fff; margin-bottom: 20px;}

.ref .row {
    display: block;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
*/
#views-bootstrap-firmen-block-1,
#views-bootstrap-referenzen-block-1,
#views-bootstrap-referenzen-block-2,
#views-bootstrap-referenzen-block-3,
#views-bootstrap-referenzen-block-4,
#views-bootstrap-referenzen-block-5,
#views-bootstrap-referenzen-block-6,
#views-bootstrap-referenzen-block-7,
#views-bootstrap-referenzen-block-8,
#views-bootstrap-referenzen-block-9,
#views-bootstrap-referenzen-block-10,
#views-bootstrap-referenzen-block-11,
#views-bootstrap-referenzen-block-12  { 
    padding-left: 15px;
    padding-right: 15px;
}
#views-bootstrap-referenzen-block-1 .col-12,
#views-bootstrap-referenzen-block-1 .col-sm-6,
#views-bootstrap-referenzen-block-1 .col-md-3,
#views-bootstrap-referenzen-block-1 .col-lg-3,
#views-bootstrap-referenzen-block-2 .col-12,
#views-bootstrap-referenzen-block-2 .col-sm-6,
#views-bootstrap-referenzen-block-2 .col-md-3,
#views-bootstrap-referenzen-block-2 .col-lg-3,
#views-bootstrap-referenzen-block-3 .col-12,
#views-bootstrap-referenzen-block-3 .col-sm-6,
#views-bootstrap-referenzen-block-3 .col-md-3,
#views-bootstrap-referenzen-block-3 .col-lg-3,
#views-bootstrap-referenzen-block-4 .col-12,
#views-bootstrap-referenzen-block-4 .col-sm-6,
#views-bootstrap-referenzen-block-4 .col-md-3,
#views-bootstrap-referenzen-block-4 .col-lg-3,
#views-bootstrap-referenzen-block-5 .col-12,
#views-bootstrap-referenzen-block-5 .col-sm-6,
#views-bootstrap-referenzen-block-5 .col-md-3,
#views-bootstrap-referenzen-block-5 .col-lg-3,
#views-bootstrap-referenzen-block-6 .col-12,
#views-bootstrap-referenzen-block-6 .col-sm-6,
#views-bootstrap-referenzen-block-6 .col-md-3,
#views-bootstrap-referenzen-block-6 .col-lg-3,
#views-bootstrap-referenzen-block-7 .col-12,
#views-bootstrap-referenzen-block-7 .col-sm-6,
#views-bootstrap-referenzen-block-7 .col-md-3,
#views-bootstrap-referenzen-block-7 .col-lg-3,
#views-bootstrap-referenzen-block-8 .col-12,
#views-bootstrap-referenzen-block-8 .col-sm-6,
#views-bootstrap-referenzen-block-8 .col-md-3,
#views-bootstrap-referenzen-block-8 .col-lg-3,
#views-bootstrap-referenzen-block-9 .col-12,
#views-bootstrap-referenzen-block-9 .col-sm-6,
#views-bootstrap-referenzen-block-9 .col-md-3,
#views-bootstrap-referenzen-block-9 .col-lg-3,
#views-bootstrap-referenzen-block-10 .col-12,
#views-bootstrap-referenzen-block-10 .col-sm-6,
#views-bootstrap-referenzen-block-10 .col-md-3,
#views-bootstrap-referenzen-block-10 .col-lg-3,
#views-bootstrap-referenzen-block-11 .col-12,
#views-bootstrap-referenzen-block-11 .col-sm-6,
#views-bootstrap-referenzen-block-11 .col-md-3,
#views-bootstrap-referenzen-block-11 .col-lg-3,
#views-bootstrap-referenzen-block-12 .col-12,
#views-bootstrap-referenzen-block-12 .col-sm-6,
#views-bootstrap-referenzen-block-12 .col-md-3,
#views-bootstrap-referenzen-block-12 .col-lg-3,
#views-bootstrap-firmen-block-1 .col-12,
#views-bootstrap-firmen-block-1 .col-sm-6,
#views-bootstrap-firmen-block-1 .col-md-3,
#views-bootstrap-firmen-block-1 .col-lg-3 { 
    padding-left: 0;
    padding-right: 0;
}


/* Bilder Referenzen */

.ihe-overlay { 
    display: block;
    height: auto;
    float: left;
}

.ihe-overlay after { 
    font-size: 12px;
}

.breadcrumb {display: none;}

/* 
.region-ref-all .img-responsive,
.region-ref-all .thumbnail > img,
.region-ref-all .thumbnail a > img,
.region-ref-all .carousel-inner > .item > img,
.region-ref-all .carousel-inner > .item > a > img {
    display: block;
    max-width: 25%;
    height: auto;
    float: left;
}
 */


.region-header h1 {
		text-transform: uppercase;
		display: none;
		background-color: #b3883b;
		color: #fff;
		min-height: 150px;
		text-align: center;
		padding: 55px 15px 20px 15px;}

.page-header {
    padding-bottom: 0px;
    margin: 0px;
    border-bottom: 0px solid #eeeeee;
}


#views-bootstrap-referenzen-block-1 .field-content a,
#views-bootstrap-referenzen-block-2 .field-content,
#views-bootstrap-referenzen-block-3 .field-content a,
#views-bootstrap-referenzen-block-4 .field-content a,
#views-bootstrap-referenzen-block-5 .field-content a,
#views-bootstrap-referenzen-block-6 .field-content a,
#views-bootstrap-referenzen-block-7 .field-content a,
#views-bootstrap-referenzen-block-8 .field-content a,
#views-bootstrap-referenzen-block-9 .field-content a,
#views-bootstrap-referenzen-block-10 .field-content a,
#views-bootstrap-referenzen-block-11 .field-content a,
#views-bootstrap-referenzen-block-12 .field-content a {
    margin-bottom: 10px;
}

#views-bootstrap-referenzen-block-1 .col-12,
#views-bootstrap-referenzen-block-1 .col-sm-6,
#views-bootstrap-referenzen-block-1 .col-md-3,
#views-bootstrap-referenzen-block-1 .col-lg-3,
#views-bootstrap-referenzen-block-2 .col-12,
#views-bootstrap-referenzen-block-2 .col-sm-6,
#views-bootstrap-referenzen-block-2 .col-md-3,
#views-bootstrap-referenzen-block-2 .col-lg-3,
#views-bootstrap-referenzen-block-3 .col-12,
#views-bootstrap-referenzen-block-3 .col-sm-6,
#views-bootstrap-referenzen-block-3 .col-md-3,
#views-bootstrap-referenzen-block-3 .col-lg-3,
#views-bootstrap-referenzen-block-4 .col-12,
#views-bootstrap-referenzen-block-4 .col-sm-6,
#views-bootstrap-referenzen-block-4 .col-md-3,
#views-bootstrap-referenzen-block-4 .col-lg-3,
#views-bootstrap-referenzen-block-5 .col-12,
#views-bootstrap-referenzen-block-5 .col-sm-6,
#views-bootstrap-referenzen-block-5 .col-md-3,
#views-bootstrap-referenzen-block-5 .col-lg-3,
#views-bootstrap-referenzen-block-6 .col-12,
#views-bootstrap-referenzen-block-6 .col-sm-6,
#views-bootstrap-referenzen-block-6 .col-md-3,
#views-bootstrap-referenzen-block-6 .col-lg-3,
#views-bootstrap-referenzen-block-7 .col-12,
#views-bootstrap-referenzen-block-7 .col-sm-6,
#views-bootstrap-referenzen-block-7 .col-md-3,
#views-bootstrap-referenzen-block-7 .col-lg-3,
#views-bootstrap-referenzen-block-8 .col-12,
#views-bootstrap-referenzen-block-8 .col-sm-6,
#views-bootstrap-referenzen-block-8 .col-md-3,
#views-bootstrap-referenzen-block-8 .col-lg-3,
#views-bootstrap-referenzen-block-9 .col-12,
#views-bootstrap-referenzen-block-9 .col-sm-6,
#views-bootstrap-referenzen-block-9 .col-md-3,
#views-bootstrap-referenzen-block-9 .col-lg-3,
#views-bootstrap-referenzen-block-10 .col-12,
#views-bootstrap-referenzen-block-10 .col-sm-6,
#views-bootstrap-referenzen-block-10 .col-md-3,
#views-bootstrap-referenzen-block-10 .col-lg-3,
#views-bootstrap-referenzen-block-11 .col-12,
#views-bootstrap-referenzen-block-11 .col-sm-6,
#views-bootstrap-referenzen-block-11 .col-md-3,
#views-bootstrap-referenzen-block-11 .col-lg-3,
#views-bootstrap-referenzen-block-12 .col-12,
#views-bootstrap-referenzen-block-12 .col-sm-6,
#views-bootstrap-referenzen-block-12 .col-md-3,
#views-bootstrap-referenzen-block-12 .col-lg-3,
#views-bootstrap-firmen-block-1 .col-12,
#views-bootstrap-firmen-block-1 .col-sm-6,
#views-bootstrap-firmen-block-1 .col-md-3,
#views-bootstrap-firmen-block-1 .col-lg-3 {
    padding: 0 5px;
}

.field--name-body {margin-bottom: 35px;}
.field--name-field-bild {margin-bottom: 50px;}
.field--name-field-teaser-oben {font-size: 30px; color: #000; text-align: center; vertical-align: middle; padding: 50px 80px; margin-bottom: 50px; text-transform: uppercase;}
.field--name-field-teaser-unten {font-size: 30px; color: #000; text-align: center; vertical-align: middle; padding: 50px 80px; margin-bottom: 50px; text-transform: uppercase;}



#block-fotoleistungen img {width: 100%; height: auto;}

.leistungen {margin-bottom: 50px;}
.leistungen p img {width: 100%; height: auto;}
.leistungen h4 {text-align: center; border-top: solid 10px #f49e00; padding-top: 20px; text-transform: uppercase;}

/* Referenz */


.field--name-field-subtitle {text-transform: uppercase; font-size: 30px; margin-bottom: 20px;}

.field--name-field-mehr-infos,
.field--name-field-daten {text-transform: uppercase; margin-bottom: 20px; margin-top: 30px; border-top: 1px dotted #666; padding-top: 30px; font-weight: 700;}
.field--name-field-weitere-bilder {display: block; float: left; margin-bottom: 50px; padding-right: -10px;}
.field--name-field-weitere-bilder img {display: block; float: left; width: 25%; height: auto; padding-right: 10px; margin-bottom: 10px;}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    border-right: solid #b3883b 1px;
}

.navbar-default .navbar-nav > li.last > a {
    border-right: none;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #b3883b;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #b3883b;
    background: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #b3883b;
}


.dropdown-menu > li > a  {
    color: #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #b3883b;
    outline: 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #b3883b;
    background: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #241c0e;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}


#ui-id-1 p {color: #000; text-align: left;}


.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #fff;
}

.has-error .form-control {
    border-color: #b3883b;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #b3883b;
    border-color: #ccc;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

/* Parallax in Block "highlighted" 

.highlighted {width: 100%}

.region-highlighted {
    background-image: url("../../../sites/default/files/parallax.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    width: 100%;
    height: 100px;
    margin-top: -20px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 10px solid #333;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #444;
}

*/


/* Parallax Sections 

.parallax {
	text-align: center;
	position: relative;
	overflow: hidden;
	height:: 600px;
}

.parallax__bg {
	position: absolute
	width: 100%;
	height: 100%;
}

.parallax--parallax01 .parallax__bg{
	background: url('/sites/default/files/parallax.jpg');
}

.parallax--parallax02 .parallax__bg{
	background: url('/sites/default/files/parallax.jpg');
}

.parallax__content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}

.parallax__content h2 {
	margin: 0px;
	font-size: 30px;
}

.parallax__content p {
	font-size: 20px;
}
 */

/* 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    padding: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
  content: "\e080";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  float: right;
  margin-top: 5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-nav li:last-child > .dropdown-menu {
  left: auto;
  right: 0px;
}
.navbar-nav li:last-child > .dropdown-menu a {
  text-align: right !important;
}
.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > a:after {
  float: left;
  content: "\e079";
}
.navbar-nav li:last-child > .dropdown-menu .dropdown-submenu > .dropdown-menu {
  left: -100%;
}
*/
/* Formular Auswahlfeld */

.select2-container--default .select2-selection--single {height: 34px;}

/* EU Cookie Compliance */

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: #666;
}


#sliding-popup {
    background-color: #666;
    padding: 20px 0;
    width: 100%;
}

.info {
    background-color: #666;
    color: #fff;
}

.info a {
    color: #bbbbbb;
}

.info h2 {
    color: #fff;
}

#sliding-popup .popup-content #popup-buttons button {
    color: #444;
}