/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Open Sans', sans-serif;
}

p {
	font-weight: 400;
	font-size: 17px;
	line-height: 27px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 1.3em;
}

h1 {
	margin-top: 50px;
}

h2 {
	color: #004f80;
	font-size: 20px;
}

h3 {
	color: #004f80;
	font-size: 15px;
}

a {
    color: #004f80;
    text-decoration: none;
}


.field--name-field-pic-content {margin-bottom: 50px;}


/**
 * Navigation
 */

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0px;
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-brand {display: none;}

#block-mytheme-main-menu {
	display: block;
	float: right;
	margin-top: 40px;
}

#block-mytheme-main-menu ul li a {
	color: #000;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	margin-left: -1px;
	padding: 5px 25px;
  border-left: 1px solid #000;
}

.navbar .logo {
  margin-right: 0;
  padding-left: 0;
  width: 300px;
}



#block-mytheme-main-menu ul li a.active-trail {
	background-color: none;
	border-bottom: 1px solid #000;
}

#block-mytheme-main-menu ul li a:hover {
	border-bottom: 1px solid #000;
}


.navbar-toggle {
  margin-top: 36px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: 0px;
}



.menu--footer > li > a {
	color: #000;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 15px;
	padding: 5px 25px;
  border-left: 1px solid #000;
}
	
	
	
/**
 * Region BILD
 */

.region-bild {
	background-image: url("x../../../../sites/default/files/inline-images/header_back.png");
	width: 100%;
	height: 485px;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #dce1e3;
}
	
.bild .field {
	max-width: 1140px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.bild .field img {
	width: 1140px;
}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}

/**
 * Region MAIN
 */

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

.page-header {
  margin-top: 120px;
}

/**
 * Region TOPIX
 */

.region-topix {
	background-color: #004f80;
	width: 100%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

.region-topix .row {
    margin-right: 0;
    margin-left: 0;
}
	
.topix .field {
	max-width: 1140px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
.bigus h4 {
	text-align: center;
	font-weight: 800;
	font-size: 90px;
	color: #fff;
}
	
.bigus p {
	text-align: center;
	font-weight: 400;
  font-size: 25px;
	color: #fff;
}

/**
 * Region SLOGAN
 */
 
 
.region-slogan {
	background-color: #d3daea;
	width: 100%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: -20px;
}
	
.slogan .field {
	max-width: 1140px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.slogan h4 {
	text-align: center;
	font-weight: 500;
	font-size: 40px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 40px;
	margin-top: 25px;
	font-weight: 800;
}
	
.slogan p {
	text-align: center;
	font-weight: 400;
  font-size: 22px;
	color: #000;
}
	
.mailbutton p a {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.01em;
  background-color: #aab300;
  border-radius: 5px;
  padding: 10px 20px;
}

.mailbutton p a:hover {
  background-color: #c5cf00;
  text-decoration: none;
}

/**
 * Footer
 */

.footer {
	background-color: #f6f6f6;
	width: 100%;
	margin-top: -20px;
  padding-top: 35px;
  padding-bottom: 36px;
  border-top: 0px solid #E5E5E5;
}

.region-footer {
	max-width: 1140px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.footerimage {
	width: 285px;
	display: block;
	float: left;
}

#block-mytheme-footer {
	display: block;
	float: right;
}

#block-feature3-2 {
	width: 350px;
	display: block;
	float: left;
	margin-bottom: 30px;
}

/**
 * Inhalt 2 spaltig ANGEBOT
 */

.view-header {
	font-weight: 400;
	margin-bottom: 50px;
	font-size: 17px;
	line-height: 27px;
}

.view-angebot img {
	width: 100%;
}

.view-angebot .views-field-field-angebot {
	font-family: 'Open Sans', sans-serif;
	color: #004f80;
	font-weight: 500;
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0 0px;
	margin-top: 50px;
}

.view-angebot .views-field-body {
	padding: 0 0px;
	margin: 50px 20px 50px 0;
}

/**
 * Inhalt zentriert KONTAKT
 */

.zentriert {
	text-align: center;
}

.tv img {
	width: 100%;
	max-width: 1140px;
	height: auto;
	margin-bottom: 10px;
	border-radius: 5px;
}

.btn-primary {
    color: #fff;
    background-color: #d3daea;
    border-color: #d3daea;
    font-size: 15px;
    width: 100%;
}

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

.btn-primary:focus {
  color: #fff;
  background-color: #004f80;
  border-color: #004f80;
}

/**
 * View REFERENZEN
 */

#views-bootstrap-referenzen-block-1 .field-content {
  margin-bottom: 30px;
}

.view-referenzen .form--inline {
  width: 100%;
  background-color: #d3daea;
  margin-top: 30px;
  padding: 15px 20px;
  margin-bottom: 30px;
}


.view-referenzen .btn-info {
    color: #fff;
    background-color: #004f80;
    border-color: #004f80;
    margin-right: 20px;
}

.view-referenzen .select-wrapper  {
    margin-right: 20px;
}

.view-referenzen label  {
    margin-right: 15px;
}


/**
 
.view-angebot .col-12,
.view-angebot .col-sm-12,
.view-angebot .col-md-12
     {
  border: 1px #000 solid;
  padding: 0px;
  margin-left: 15px;
  width: 97%;
	}

.view-angebot .col-lg-6,
.view-angebot .col-xl-6l
     {
  border: 1px #000 solid;
  padding: 0px;
  margin-left: 15px;
  width: 47%;
	}



.view-angebot .col-12,
.view-angebot .col-sm-12,
.view-angebot .col-md-12,
.view-angebot .col-lg-6,
.view-angebot .col-xl-6l
     {
	border: 1px #000 solid;
	width: 95%;
	margin-right: 5%;
	}


.spalte .row {
	padding: 0px;
	margin: 0px -10px;
	}

.spalte .col-md-6 {
	border: 1px #000 solid;
	display: block;
	float: left;
	margin: 10px 20px 10px 10px;
	padding-left: 0px;
  padding-right: 0px;
	}

.spalte .col-md-6 img {
	width: 100%;
	}

.spalte .col-md-6 h6 {
	color: #004f80;
	font-weight: 500;
	font-size: 36px;
	text-transform: uppercase;
	}

.spalte .col-md-6 p {
	padding: 0 30px; 20px 30px;
	font-weight: 400;
	}
	
 */