/* @override 
	https://bvt-koller.at/templates/bvt-koller/css/custom.css
	http://localhost:8888/bvt/templates/bvt-koller-j5/css/user.css?* */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}  
html, body {
	font: 16px/1.5em "Lato", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 400;
	color: #3e3e3e;
	overflow-x: hidden;
}

body {
	height: auto!important;
	background-size: 100% auto;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
	vertical-align: top; 
}
table>tbody {
	border-bottom: 1px solid #ddd;
}

.module-content ul li::before {
	content: "";
}
.nav>li>a:focus, .nav>li>a:hover{
	background: none;
}
#push {
	height: 0px;
}
#main:after, .menunav::after, #fullwidth .moduletable::after, .page-content > div::after, #navigation::after, #footer #main::after, .items-row::after, .bilder::after, .contentbox::after {	
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
body #wrap {
	padding-top: 0px;
}
@media (max-width: 767px) { 
	body #wrap {
		padding-top: 57px;
	}
}
body section {
	padding-top: 0;
}
#home section {
	background-image: url(../images/hg-textur.png);
}
#fullwidth {
	z-index: 1;
}

#main {
	padding-bottom: 0px;
	text-align: left;
	
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 00px;
	padding-bottom: 20px;
	color: #002d7a;
	font-family: "Lato", Arial, Helvetica, Geneva, sans-serif;
}
h1 {
	font-size: 34px;
}

h2 {
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 20px;
}
h3 {
	font-size: 24px;
	padding-bottom: 20px;
}
h4 {
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
a {
	color: #002e79;
}
a:not([class]) {
  text-decoration: none;
}
a:focus, a:hover {
	color: #0382c2;
	text-decoration: underline;
}
p {
	padding-top: 0;
}
ol, ul, p {
	padding-bottom: 20px;
}

.standorte {
	display: flex;
	justify-content: center;
	font-weight: bold;
}
.standorte a {
	display: block;
	line-height: 35px;
	width: 100%;
	text-decoration: none!important;
	text-align: center;
}
.standorte a:hover {
	text-decoration: underline!important;
}

/* seebachblau */
.logo .element2 .text,
.standorte a.se  {
	background-color: #0383c2;
	color: #fff;
}
/* lannachblau */
.logo .element1 .text,
.standorte a.la {
	background-color: #002e7a;
	color: #fff;
}


#main-box a{
	text-decoration: underline;
} 
a.btn {
	display: inline-block;
	padding: 5px 30px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #949494;
	border-radius: 0px;
	font-variant: normal;
	line-height: 1.2em;
	font-size: 16px;
	color: #949494;
	font-weight: bold;
	border-radius: 0px;
	background: none;
	text-transform: lowercase;
}
a.btn:hover, a.btn-secondary:hover, a.btn-secondary:focus {
	color: #b0b0b0;
	background: none;
}
.btn .icon-chevron-right {
	display: none;
	visibility: hidden;
}
.btn-primary {
	background-color: #525151;
	border-color: #525151;
}
a.link {
	display: block;
	text-align: center;
	text-decoration: none!important;

}
section, #main #container, .container {
	background: none;
}
header.container-header {
	height: 170px;
	background: none;
	transition: all 300ms ease-in-out 0s;
		z-index: 200;
	left: 0;
  position: fixed;
  right: 0;
  top: 0;

}
.headroom--pinned {
	z-index: 200;
	left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
header#site-header.headroom.headroom--pinned {
    display: block;
}

header#site-header.headroom.headroom--pinned {
}
header#site-header.headroom.headroom--unpinned {
    top: -180px;
}
header#site-header.headroom.headroom--not-top {
	height: 140px;
}
header#site-header.headroom.headroom--not-top .logo {
	margin-top: 0;
}
header#site-header.headroom.headroom--not-top .tophg {
	background-position: center 10px;
}
header#site-header.headroom.headroom--not-top div.mod-languages ul.lang-inline {
	padding-top: 20px;
}
header#site-header.headroom.headroom--not-top .mod-languages {
	margin-top: 0;
	height: 75px;
}
#main, #main-box {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.container {
	max-width:1140px
}
@media (width > =1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width:1140px
    }
}

@media (width > =1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width:1260px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#top {
		height: auto;
	}

	#top .custom p{
		text-align: center;
	}
}
/* Navigation */
#top {
	position: fixed;
	width: 100%;
	z-index: 1001;
	padding-top: 0;
	padding-bottom: 0;
	height: 170px;
}

.tophg {
	background: url(../images/hg-navigation.png) center 45px repeat-x;
	height: 150px;
}

.tophg>.container {
	padding-left: 0;
	padding-right: 0;
	display: grid;
	grid-template-columns: 444px auto;
}
#top .container {
	background: none;
	font-size: 14px;
}
#top p {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.container-header nav {
	margin: 0;
}

.top ul.menu {
	text-align: right;
	padding: 7px 0 0;
	margin: 0;
}
.top ul.menu li {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: right;
	text-transform: uppercase;
}
.top ul.menu li a {
	padding: 0 0 0 15px;
	color: #a2a2a2;
}

.logo {
	padding-top: 5px;
	padding-bottom: 0;
	background-color: #fff;
	box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.29);
	margin-top: 35px;
	float: left;
}
.logo .custom {
	display: flex;
}
.logo .custom .element {
	width: 50%;
}
.logo img {
	width: 195px;
}
.logo .bild {
	text-align: center;
	padding-bottom: 17px;
	padding-top: 16px;
}
.logo .text {
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
.logo .text a {
	color: #fff;
}
.topmod {
	width: 100%;
}
.mod-languages {
	height: 110px;
	transition: all 300ms ease-in-out 0s;
}
div.mod-languages ul.lang-inline {
	display: flex;
	justify-content: flex-end;
	padding-top: 30px;
}

div.mod-languages ul.lang-inline li {
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background-color: #f4f6f9;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
}

div.mod-languages ul.lang-inline li.lang-active  {	
	background-color: #e4eff9;
	font-weight: bold;
}
.navigation {
	width: 100%;
	text-transform: uppercase;
}
.top.affix {
	height: 140px;
}
.top.affix .tophg {
	background: url(../images/hg-navigation.png) center 0px repeat-x;
	height: 130px;
}
.top.affix .logo {
	margin-top: 0;
	padding-top: 0;
}
.top.affix .sprache {
	height: 65px;
}
.top.affix div.mod-languages ul {
	padding-top: 0;
	margin-top: 0;
}
.top.affix .logo .bild {
	padding-top: 11px;
}
.logo, .logo img, #top .titel img,  #top.affix img, #top img, .top .tophg, .top .sprache, .top div.mod-languages ul {
	transition: all 300ms ease-in-out 0s;
}

@media (max-width: 1200px) {
	.tophg>.container {
		grid-template-columns: 400px auto;
	}

}
@media (width<=991.98px) {
	
	.container-header {
		position: fixed!important;
	}
}
@media (max-width: 990px) {

	.tophg>.container {
		grid-template-columns: 300px auto;
	}
	
}
@media (max-width: 767px) {
	.header, .header--fixed{
		position: relative;
	}
	body #wrap {
		padding-top: 0px;
	}
	#top, #top.affix {
		position: relative!important;
		height: 60px;
	}
	.tophg>.container {
		grid-template-columns: auto 200px;
	}
	.tophg {
		height: 50px;
		background: none #ffffff;
	}
	.logo {
		float: right;
		width: 200px;
		box-shadow: 0 0 0;
		flex-wrap: wrap;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 0;
		grid-column: 2 / 3;
	}
	.logo .custom {
	}
	.logo .custom .element {
		width: auto;
	}
	.logo .bild {
		padding-top: 8px;
		padding-bottom: 0;
	}
	.logo img {
		height: auto;
		width: auto;
	}
	.logo .text {
		display: none;
		visibility: hidden;
	}
	.header {
		height: 60px;
	}
	#top .mod-languages{
		height: auto;
		display: none;
		visibility: hiden;
	}
	.topmod {
		width: auto;
		padding-left: 0px;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.topnav {
		display: none;
		visibility: hidden;
	}
	#top .navigation, #top.affix .navigation {
		width: auto;
		float: left;
		padding-top: 9px;
		padding-bottom: 0px;
		padding-left: 0;
		margin-left: 0;
	}

	

}



/* Bannerbilder */
#fullwidth {
	margin-top: 0;
	z-index: 1;
	position: relative;
	background-color: #fff;

}
#fullwidth .container {
	background: none;
}
#fullwidth .moduletable {
	margin-bottom: 0;
	padding-bottom: 0px;
}
#fullwidth .moduletable .custom {
	height: 520px;
	background-position: center center;
	background-size: cover; 
}
#fullwidth .custom.karriere {
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
	padding-top: 47%;
	background-size: cover;
	margin-bottom: 0;	
}

#koller-ka #fullwidth .custom.karriere {
	background-position: center top;
}


@media (max-width: 1200px) { 
	#fullwidth .moduletable .custom {
		height: 450px;
	}
}

@media (max-width: 990px) { 
	#fullwidth .moduletable .custom {
		height: 360px;
	}
}
@media (max-width: 768px) { 
	#fullwidth .moduletable .custom {
		height: 200px;
	}
}

#showcase {
	text-align: center;
	background-color: #e4eff9;

}
#showcase .moduletable {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
.bereiche {
	vertical-align: top;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	margin-top: -40px;
	margin-right: -20px;
	z-index: 10;
	align-items: stretch;
	margin-left: -20px;
	justify-content: space-around;
}

.bereiche .element {
	width: 25%;
	display: flex;
	align-items: stretch;
	
}
.bereiche h3 {
	background: url(../images/balken-blau.png) center 14px repeat-x;
	padding-bottom: 11px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 30px;
	font-size: 24px;

}
.bereiche h3 a {
	color: #0382c2;
}

.bereiche .weiter {
	padding-bottom: 20px;
}

.bereiche-weiter {
	font-size: 26px;
	font-weight: bold;
	background: url(../images/linie-blau.png) center bottom no-repeat #fff;
	padding: 30px 30px 32px;
	margin-top: 20px;
	color: #0282c2;
}
.bereiche-weiter p {
	padding: 0;
	   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
.bereiche-weiter p a {
	color: #0382c2;
}
.bereiche-weiter p a span,
.bereiche.dreiteile h3 a span{
	color: #002e79;
}
.bereiche .element .abstand {
	background-color: #fff;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.22);

}
.bereiche .element .abstand p {
	flex-grow: 2;
	padding-right: 20px;
	padding-left: 20px;
}

.bereiche.dreiteile {
	flex-wrap: wrap;
	justify-content: center;
}
.bereiche.dreiteile .element {
	width: 33%;
}
.bereiche.dreiteile .element .abstand {
	margin-bottom: 15px;
	margin-top: 15px;
}
.bereiche.dreiteile h3 {
	margin-bottom: 15px;
}
.bereiche.dreiteile .element6 h3 {
	background: none;
	padding-bottom: 11px;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 26px;
	line-height: 1.5em;
	flex-grow: 2;
}

@media (max-width: 990px) { 
	.bereiche {
		flex-wrap: wrap;
		margin-left: -10px;
		margin-right: -10px;
	}
	.bereiche .element,
	.bereiche.dreiteile .element {
		width: 50%;
		margin-bottom: 20px;
	}
	.bereiche.dreiteile .element .abstand {
		margin-top: 0;
		margin-bottom: 0;
	}
	.element .abstand {
		margin-right: 10px;
		margin-left: 10px;
	}
}
@media (max-width: 768px) { 
	.bereiche .element,
	.bereiche.dreiteile .element {
		width: 100%;
		margin-bottom: 20px;
		flex-direction: column;
	}
}
/* Inhalte */

#main-box {
	padding: 0px 0px 0px;
}
#startseite #wrap {
	background-color: #eaecf3;
}
@media (max-width: 767px) { 

}

.item-page {
	margin-top: 0px;
	padding-bottom: 0px;
}
.hg-streifen {
	background-color: #f3f3f4;
}
.page-header {
	text-align: center;
	position: relative;
	border: none;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}


.blog .item .page-header {
	padding-top: 20px;
	padding-bottom: 20px;
	background: none;
}
.blog-featured {
	padding-top: 40px;
}

.blog .page-header h1, .item-page .page-header h1, .item-page .page-header h2, #main-box > h1, .moduletable h2 {
	font-size: 40px;
	display: inline-block;
	margin: 0;
	font-weight: normal;
	padding: 0 30px 10px;
	background: url(../images/balken-blau.png) center 28px repeat-x;
	font-style: normal;
}
 #main-box > h1 {
 	text-align: center;
 	display: block;
 	padding-bottom: 40px!important;
	padding-top: 30px;
 }



/* Newsbeitrag */
.blog {
	padding-bottom: 30px;
}
.blogpost {
	padding-top: 20px;
	background-color: #eaecf3;
}
.blog .items-row {
	margin-right: -15px;
	margin-left: -15px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.blog .blog-item {
	margin-bottom: 20px;
	float: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	width: 33%;
}
.blog .blog-item .articletitle {
	border-bottom: none;

}

.blog .blog-item .articletitle {
	border-bottom: none;

}

.blog .blog-item h2.item-title {
	font-size: 23px;
	padding-right: 0;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 12px;
	font-weight: bold;
}
.blog .blog-item h2 a {
	color: #0382c2;
}

.blog .blog-item .item-image {
	text-align: center;
	background-color: #fff;
	float: none;
	padding: 15px;
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 0;
}
.blog .item-image img {
	padding-right: 0;
	padding-top: 0;
	width: 100%;
}
.blog .text {
	text-align:center;
	background-color: #fff;
	flex-grow: 2;
}

.blog .blog-item .articletitle {
	margin: 0px 0 0px!important;
	padding: 5px 5px 0;
	background: url(../images/linie-uberschr.png) center bottom no-repeat;
}
.blog .articletext {
	padding: 0 20px;
}

.blog .articlemore {
	padding-left: 0px;
}

#main-box .blog-featured .item-title a, #main-box .blog .page-header a, #main-box  .btn {
	text-decoration: none;
}

p.readmore {
	padding-bottom: 30px;
	text-align: cneter;
}
p.readmore a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #002d7a;
}

p.readmore a {
	background: none;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	font-size: 0;
	text-decoration: none;
	border: none;
}
p.readmore a::before {
	content:"\2026";
	font-size: 50px;
	line-height: 0;
	text-decoration: none!important;
}


.item-page .item-image {
	width: 100%;
	margin-bottom: 0px;
	text-align: center;
	padding-bottom: 20px;
}

#main-box h2.item-title a, #main-box .blog .page-header h2 a {
	text-decoration: none;
}
#news .articlecontent {
	background-color: #fff;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (max-width: 1200px) { 
	

	
}
@media (max-width: 990px) { 
	

	.blog .items-row {
		flex-wrap: wrap;
	}
	.blog .blog-item {
		width: 50%;
	}
	
}
@media (max-width: 767px) { 

	.blog .blog-item {
		width: 90%;
	}
	.blog .text {
		padding-bottom: 20px;
	}
	.blog .item-image {
		text-align: center;
		background-color: #fff;
		float: none;
		width: 100%;
		
	}
	.blog .item-image img {
		padding-right: 0px;
	}
	.blog .articletext {
		padding-top: 0;
		padding-bottom: 0;
	}
	.blog .item h2 {
		padding: 0 0 20px;

	}
	.blog .page-header h1, .item-page .page-header h1, .item-page .page-header h2, #main-box > h1, .moduletable h2 {
		font-size: 30px;
	}
}

#main-box .zurueck a {
	text-decoration: none;
}
#main-box .zurueck a:hover {
	text-decoration: underline;
}
/* Inhaltsblöcke */


/* Meldungen */

#system-message {
	border: 1px solid #9f9f9f;
	background-color: #fff;
	text-align: center;
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 0px;
}

/* Fussleiste*/
#footer {
	color: #fff;
	clear: both;
	line-height: 1.6em;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
	padding-top: 20px;
	background: url(../images/hg-fussleiste.png) center top repeat-y;
}
#footer .col-md-4 {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
#footer .teilung {
	padding-top: 35px;
	padding-bottom: 45px;
}
#footer .teilung p {
	background: url(../images/hg-fl-weiss.png) center center no-repeat;
	width: 259px;
	height: 35px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
}
#footer .teilung p a {
	width: 100%;
	color: #002d7a;
	padding-right: 20px;
	padding-left: 20px;
	text-align: right;
}
#footer .teilung p a:last-of-type {
	text-align: left;
	color: #0282c2;
}
#footer2 .container {
	background: none;
}
#footer .moduletable {
	margin-bottom: 0;
	padding: 0;
}
#footer .module-content {
	padding-top: 0;
	padding-left: 0px;
	margin-top: 0;
	padding-bottom: 0px;
}

#footer a {
	color: #fff;
}
#footer a:hover {
	background: none;
	text-decoration: underline;
}


#footer2 {
	background-color: #026bad;
}
#footer2 .moduletable {
	margin-bottom: 0;
	padding: 15px;
}
#footer2 .nav {
	text-align: center;
}
#footer2 ul.nav {
	display: flex;
	flex-direction: row;
}
#footer2 ul.nav li {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	padding-right: 0;
	padding-left: 0;
}
#footer2 .service .nav li a::after {
	content: "\007C";
	padding-left: 20px;
	padding-right: 17px;
}
#footer2 .service .nav li:last-of-type a::after {
	content: "";
	padding-left: 0px;
	padding-right: 0px;
}
#footer2 .service .nav li a {
	padding: 0;
	display: inline-block;
	color: #fff;
}
#footer2 .social ul {
	display: flex;
	justify-content: flex-start;
}
#footer2 .social.koller ul {
	justify-content: flex-end;
}
#footer2 .social ul li {
	width: 30px;
	height: 30px;
	text-align: center;	
	line-height: 28px;
	background-color: #002d7a;
	padding: 0;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#footer2 .social.koller ul li {
	background-color: #0282c2;
}
#footer2 .social ul li a {
	padding: 0;
}
#footer2 .social ul li img {
	width: 18px;
}
@media (max-width: 990px) { 

	.teilung {
		display: none;
		visibility: hidden;
	}
	#footer .col-md-4 {
		width: 50%;
		float: left;
	}
	#footer .col-md-4 p {
		padding-right: 10px;
		padding-left: 10px;
	}
	#footer2 .row {
		display: flex;
		justify-content: center;
	}
	#footer2 .social ul, #footer2 .social.koller ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#footer2 .social ul li {
		margin-bottom: 5px;
	}
	#footer2 .service ul.nav,
	#footer2 .service ul.nav li {
		display: block;
		text-align: center;
	}
	#footer2 .service .nav li a::after {
		content: "";
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 767px) { 
	#footer {
		background-image: url(../images/linie-blau.png);
	}
}

/* Zurück nach oben */
.back-to-top-link {
	position: fixed;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	right: 20px;
	border-color: #0082c2;
	color: #0082c2;
	font-size: 18px;
	line-height: 0.8em;
	display: flex;
	text-decoration: none!important;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	background-color: #fff;
}
.back-to-top-link:focus, .back-to-top-link:hover {
	background-color: #002d79;
	color: #ffffff!important;
}

.fixmod {
	position: fixed;
	text-decoration: none;
	font-size: 17px;
	padding: 0;
	text-align: right;
	line-height: 1.2em;
	z-index: 1200;
	top: 19em;
	transition: all 0ms;
	display: ;
	right: 0;
	background-color: red;
	width: 30px;

}
.fixmod .custom {
	transform: rotate(-90deg);
	position: absolute;
}
.fixmod .custom.kontakt {
	top: 160px;
}


.fixmod .custom #anchorlink {
	position: relative;
	width: 0;
	height: 18px;
	white-space: nowrap;
	font-weight: bold;
}
.fixmod .custom #anchorlink a {
	display: block;
	padding: 10px;
	color: #fff;
	background-color: rgba(3, 130, 194, 0.5);
	margin-right: 0;
	text-align: center;
	width: 150px;
}
.fixmod .custom #anchorlink a:hover {
	background-color: rgb(3, 130, 194);
	text-decoration: none!important;
}

.fixmod .custom.kontakt #anchorlink a {
	display: block;
	padding: 10px;
	color: rgba(6, 129, 198, 0.70);
	background-color: rgba(229, 240, 245, 0.82);
	margin-right: 0;
	text-align: center;
	width: 150px;
}
.fixmod .custom.kontakt #anchorlink a:hover {
	color: rgba(6, 129, 198, 1);
	background-color: rgb(231, 240, 245);
	text-decoration: none!important;
}

#bvt-ka .fixmod .custom #anchorlink a {
	background-color: rgba(0, 45, 121, 0.5);
}

#bvt-ka .fixmod .custom #anchorlink a:hover {
	background-color: rgb(0, 45, 121);
}


/* Suche */
span.icon-search:after { 
font-weight:bold;
}


/* Inhalte */
.box {
	margin-top: 50px;
}
.weit  {
    position: relative;
	margin: 0 -9999rem 0px !important;
	padding: 60px 9999rem !important;
	clear: both;
}
.hellblau, #bottom {
	background-color: #e4eff9;
}
.mittelblau {
	background-color: #789cc3;
}
.muster {
	background: url('../images/schrafur-weiss.png') center top repeat;
}

/* Nav Leistungen */

#bottom .leistungsbereiche h3 {
	padding-top: 40px;
	padding-bottom: 10px;
	color: #0282c2;
	font-size: 24px;
	text-align: center;
}

#leistungsbereiche {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	padding-top: 30px;
	margin-left: 0;
	padding-left: 0;
}
#leistungsbereiche li {
	list-style: none;
}
#leistungsbereiche .element {
	width: 25%;
	padding-bottom: 30px;
}
#leistungsbereiche .element div.standorte {
	margin-left: 20px;
	margin-right: 10px;
	justify-content: flex-start;
	
}
#leistungsbereiche .element div.standorte a {
	line-height: 26px;
	width: 40%;
	max-width: 105px;
}
#leistungsbereiche .element div.link {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.22);
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	padding: 20px 5px;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;
}
#leistungsbereiche .element.active div.link {
	background: none;
}
#leistungsbereiche .element div.link a {
	text-decoration: none!important;
	color: #0382c2;
	font-weight: 900;
}
#leistungsbereiche .element.active div.link a {
	font-weight: 400;
}
#leistungsbereiche .element div.link a:hover {
	color: #002e79;
}
#leistungsbereiche .element.element-156, #leistungsbereiche .element.element-216 {
	width: 100%;
}
#leistungsbereiche .element-121 .standorte .se,
#leistungsbereiche .element-153 .standorte .la,
#leistungsbereiche .element-151 .standorte .la,
#leistungsbereiche .element-154 .standorte .se{
	display: none;
	visibility: hidden;
}

.box.weit ul#leistungsbereiche {
	padding: 0;
	margin: 0 -15px;
	list-style: none;
}
.box.weit ul#leistungsbereiche li {
	list-style: none;
}
.box.weit #leistungsbereiche .element div.link {
	padding: 30px 5px;
	font-size: 26px;
} 

@media (max-width: 1200px) { 

}
@media (max-width: 990px) { 

	#leistungsbereiche .element {
		width: 50%;
		padding-bottom: 20px;
	}
	#leistungsbereiche .element div.link {
		font-size: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

}
@media (max-width: 767px) { 

	#leistungsbereiche .element {
		width: 100%;
		padding-bottom: 15px;
	}

}

#kontakt .item-page {
	padding-bottom: 70px;
}

/* Karriere */
.blog .jobliste ul {
	padding-left: 0;
	margin-left: 0;
}
.blog .jobliste ul li {
	display: inline-block;
	list-style: none;
	padding-bottom: 3px;
}
.blog .jobliste ul li a {
	padding: 3px 6px 6px;
	color: #002d7a;
	background-color: #fff;
	text-decoration: none!important;
	border: 1px solid #617dac;
	display: inline-block;
	line-height: 1.2em;
}
.blog .jobliste ul li a:hover {
	opacity: 1;
	background-color: #617dac;
	color: #fff;
}


/* News */
#news .box {
	margin-right: -30px;
	margin-left: -30px;
}
#news .box.einleitung {
	margin-top: 0;
	text-align: left;
	padding: 0;
	margin-bottom: 50px;
}
#news .einleitung .elemente {
	display: flex;
	flex-direction: row-reverse;
}
#news .einleitung .text {
	width: 55%;
}
#news .einleitung .bild {
	width: 45%;
	font-size: 14px;
	line-height: 1.5em;
}
#news .einleitung .text .abstand {
	padding-left: 40px;
}
#news .einleitung .bild p {
	margin: 0;
	padding: 0 0 5px;
	text-align: center;
}
#news .maschinen {
		display: flex;
	align-items: stretch;
	justify-content: center;
	
}
#news .maschinen {
	margin-bottom: 60px;
}
#news .maschinen .element {
	width: 33.3%;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	align-content: stretch;

}
#news .maschinen .element > .abstand {
	display: flex;
	padding-right: 0;
	padding-left: 0;
	margin-left: 10px;
	margin-right: 10px;
	flex-direction: column;
	background-color: #e4eff9;
	align-content: stretch;

}
#news .maschinen .bild {
}
#news .maschinen .bild .unterschrift {
	padding: 5px 10px;
	background-color: #002d7a;
	color: #fff;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
}
#news ul {
	padding-bottom: 0;
}
#news .maschinen .text {
	flex-grow: 2;
}
#news .maschinen .text .abstand {
	padding: 20px 20px 10px;
}
#news .box.weit.seebach {
	background-color: #e3eef9;
	padding-bottom: 0!important;
}
#news .seebach .box.einleitung {
	margin-bottom: 0;
}
#news .seebach .maschinen .element > .abstand {
	background-color: #fff;
}
#news .seebach .maschinen  h4 {
	color: #0282c2;
	
}
#news .seebach .maschinen .bild .unterschrift {
	background-color: #0282c2;
}
@media (max-width: 990px) { 
	#news .einleitung .elemente {
		flex-direction: column;
	}
	#news .einleitung .text {
	width: 100%;
	}
	#news .einleitung .bild {
		width: 100%;
		font-size: 14px;
		line-height: 1.5em;
	}
	#news .einleitung .text .abstand {
		padding-left: 0px;
	}
	#news .maschinen {
		flex-direction: column;
	}
	#news .maschinen .element {
		width: 100%;
		margin-bottom: 15px;
	}
	#news .maschinen .element > .abstand {
		flex-direction: row;
	}
	#news .maschinen .text {
		width: 65%;
	}
	#news .maschinen .bild {
		width: 35%;
		background-color: #002d7a;
	}
	#news .seebach .maschinen .bild {
		background-color: #0281c2;
	}
	#news .maschinen .text .abstand {
	padding: 10px;
}
}
@media (max-width: 530px) { 
		#news .maschinen .element > .abstand {
		flex-direction: column;
	}
	#news .maschinen .text {
		width: 100%;
	}
	#news .maschinen .bild {
		width: 100%;
		background-color: #002d7a;
	}

}


/* Karriere Startseite */


#karriereblock {
	background-color: #fff;
	margin-bottom: 30px;
	margin-left: 3px;
	margin-right: 5px;
}

#karriereblock.item {
	display: flex;
}
#karriereblock.item .item-image {
	width: 33%;
}
#karriereblock.item .item-image img {
	padding-left: 20px;
	padding-top: 20px;
}
#karriereblock.item .text {
	width: 67%;
}

#karriereblock.item .articletext, #karriereblock.item .readmore {
	padding-left: 30px;
}
#karriereblock.item .jobliste ul  {
	padding-left: 0;
}

#karriereblock.item .jobliste ul li a {
	background-color: #0282c2;
}

#karriereblock.item h2 {
	font-size: 23px;
	padding-right: 0;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 12px;
	font-weight: bold;
	text-align: left;
}
#karriereblock.item h2 a {
	color: #0382c2;
	text-decoration: none;
}


#karriereblock.item .page-header {
	margin: 20px 0 0px 30px !important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	background: url(../images/linie-uberschr.png) left bottom no-repeat;
}