/* GLOBAL --------------------------------------------------- */

@font-face {
    font-family: 'DIN Pro';
    src: url('DINPro.eot');
    src: url('DINPro.eot?#iefix') format('embedded-opentype'),
        url('DINPro.woff2') format('woff2'),
        url('DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.dev-content {
	min-height: 100px;
    border: 1px solid #000;
    width: 100%;
}


/*#f3f3f3

#394a59

#5b5c5a

#93a9bd

#ae8960*/

body{
	font-size   : 18px;
	line-height : 30px;
	/*font-family : 'Lato';*/
	font-family : 'Roboto', sans-serif;
	font-weight : 500;
	color       : #5c6064;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight : 400;
	font-family : 'Roboto', sans-serif;
}

h1{
	margin-top  : 20px;
	font-size   : 35px;
	line-height : 39px;
	font-weight : 300;
	color: #394a59;
}

h2{
	margin-top : 10px;
	font-size  : 25px;
	line-height: 28px;
	font-family : 'Roboto', sans-serif;
	font-weight : 300;
}
h3{
	font-size : 21px;
}
h6 {
	font-family : 'Roboto', sans-serif;
	font-weight : 600;
}

a {
    color: #333333;
}
.dropdown-item {
    font-weight: 300;
    color: #666666;
}

b, strong {
    font-weight: 600;
}

.btn {
	font-size: 16px;
	font-weight: 300;
    border-radius: 0;
    border: 1px solid #999999;
}
.btn-outline-secondary {
    color: #333333;
    border-color: #999999;
}


.bc-name strong,
.board strong {
    font-weight: 600;
}

footer p {
    margin-bottom: 0.9rem;
    line-height: 1.2;
}

.navbar {
	/*border-top: 20px solid #f3f3f3;*/
	/*border-bottom: 1px solid #f3f3f3;*/
	/*border*/-bottom: 1px solid #ff0000;
	padding: 2rem 1rem;
	font-family : 'Roboto', sans-serif;
	font-size: 18px;
}
.navbar-brand {
    margin-right: 2.2rem;
}
.navbar-nav .nav-link {
    font-weight: 300;
}
/*.navbar-nav .nav-item::after {
    content: '|';
    color: #CCCCCC;
    position: absolute;
    top: 0.45rem;
    right: -2px;
}*/
.navbar-nav .nav-item.lc::after {
    content: '';
}
.navbar-nav .nav-item.press-item::after {
    right: -4px;
}
.navbar-light .navbar-nav .nav-link {
    color: #5c6064;
    letter-spacing: 0.05em;
}
.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: 0.6rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.dropdown-toggle::after {
	display: none;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f3f3f3;
}

section {
	margin-top: 28px;
}


/* HELPER --------------------------------------------------- */
.pos-rel{
	position: relative;
}

.bb{
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.color-green{
	color: #87BD25 !important;
}

.anchor{
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -119px;
	visibility: hidden;
}


/* CONTENT --------------------------------------------------- */
/* EDIT 200519 */
.contact-bubble{
	background: #ffffff;
	width: 48px;
	height: 48px;
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	position: absolute;
	top:32px;
	right: 47px;
	padding-top: 12px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	text-align: center;
	transition: transform .5s;
}
a:hover .contact-bubble {
  transform: scale(1.2);
}
.contact-bubble.headline-bubble{
	top:17px;
	right: 47px;
}
.contact-bubble.date-bubble {
    top: -10px;
    right: 47px;
}
.contact-bubble.event-bubble {
    top: 4px;
    right: 47px;
}


.header-overlay {
	width: 40%;
	position: absolute;
	top: calc(50% - 67px);
	left: 8%;
	color: #394a59;
}
.header-overlay .teaser-head {
    color: #394a59;
}



/* EDIT 200519 */
#free_teaser img {
	transition: transform .5s;
}
#free_teaser img:hover {
	transform: scale(1.1);
}


/* EDIT 200525 */
#text_teaser .text-teaser-text {
	transition: transform .5s;
}
#text_teaser .text-teaser-text:hover {
	transform: scale(1.1);
}
.text-teaser-text {
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px;
    background: #87BD25;
    color: #ffffff;
    font-size: 44px;
    line-height: 44px;
    cursor: default;
}


.green-line-wrapper{
	width: 100%;
	overflow-x: hidden;
}
.green-line-wrapper.contact-gap{
	width: 91%;
}
.green-line{
	position: relative;
}
.green-line:after{
	content: '';
	width: 1300px;
	position: absolute;
	/*bottom: 12px;*/
	bottom: calc(38px / 3.5);
	right: -1320px;
	border-bottom: 1px solid #87BD25;
}


section ul.kk-list {
	padding-top: 10px;
}
section ul.kk-list,
section ul.kk-list ul {
	list-style: none;
	padding-left: 40px;
}
section ul.kk-list li,
section ul.kk-list ul li {
	margin-bottom: 5px;
}
section ul.kk-list ul li:first-child {
	margin-top: 5px;
}
section ul.kk-list li::before {
	content: "\2022";
	color: #87BD25;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
section ul.kk-list ul li::before {
	content: "–";
	color: #333333;
	font-weight: 300;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}



.banner-overlay{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	color:#ffffff;
	font-size: 21px;
	padding-top: 32px;
	letter-spacing: 0.02em;
}
.big-digit{
	font-size   : 112px;
	line-height : 112px;
	font-weight : 300;
	display: inline-block;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 49px;
}



.news{
	margin-top:0;
}
.news-block {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-block:first-child {
	padding-top: 0px;
}
.news-block:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
.news-head {
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 26px;
	color: #87BD25;
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 5px;
}
.news-head:after{
	content: url('../img/arrow_right.svg');
	position: absolute;
	right: 0;
}
.news-text {
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}


.arrow-link{
	color: #ffffff;
	background: #394a59;
	border: 1px solid #394a59;
	padding: 5px;
}
.arrow-link:hover{
	color: #93a9bd;
	text-decoration: none;
}
/*.arrow-link:after {
  content: "";
  display:inline-block;
  margin-left: 5px;
  width:11px;
  height:9px;
  background-size: 11px 9px;
  background-repeat: no-repeat;
}*/


.arrow-link.inverted{
	color: #ffffff;
	background: #394a59;
	border: 1px solid #394a59;
	padding: 5px 7px 7px 7px;
}
.arrow-link.inverted:hover{
	background: #93a9bd;
	border: 1px solid #93a9bd;
	text-decoration: none;
}
/*.arrow-link.inverted:after {
  content: "";
  display:inline-block;
  margin-left: 5px;
  width:11px;
  height:9px;
  background-size: 11px 9px;
  background-repeat: no-repeat;
}*/



.links .arrow-link{
	color: #333333;
}
.links .arrow-link:hover{
	color: #87BD25;
}


.links .arrow-link{
	font-size: 21px;
}
.links .arrow-link:after {
  width:16px;
  height:12px;
  background-size: 16px 12px;
}
.links .arrow-link:first-child{
	margin-right: 64px;
}



.post-link{
	color: #333333;
	width: 100%;
}
.post-link:hover{
	color: #87BD25;
	text-decoration: none;
}
.post-link:after{
	content: url('../img/arrow_down.svg');
	position: absolute;
	left: calc(100% - 12px);
	top: 0;
}
.map-detail .post-link:after {
	top: 5px;
}
.map-detail .post-link.open:after {
	transform: rotate(180deg);
	top: 8px;
}

.post-link.faq-question {
	font-size: 21px;
	line-height: 26px;
}
.faq-question strong {
	font-weight: 400;
}

.faq-block.open .post-link.faq-question:after {
	transform: rotate(180deg);
	top: 6px;
}
.faq-block.open .post-link{
	color: #87BD25;
}

.dl-link{
	color: #999999;
	width: 100%;
}
.dl-link:hover{
	color: #87BD25;
	text-decoration: none;
}
.dl-link:after{
	content: url('../img/arrow_dl.svg');
	position: absolute;
	left: calc(100% - 12px);
}



.to-top-link{
	color: #999999;
}
.to-top-link:hover{
	color: #87BD25;
	text-decoration: none;
}
.to-top-link:after {
  content: "";
  display:inline-block;
  margin-left: 10px;
  width:8px;
  height:11px;
  background-size: 8px 11px;
  background-image: url('../img/arrow_up.svg');
  background-repeat: no-repeat;
}


.btt-link{
	color: #999999;
}
.btt-link:hover{
	color: #87BD25;
	text-decoration: none;
}
.btt-link:after{
	content: url('../img/arrow_up.svg');
	margin-left: 8px;
}





.businesscard{
	padding: 16px;
	border: 1px solid #87BD25;
	font-size: 17px;
	line-height: 22px;
}
.bc-name{
	font-size: 17px;
	line-height: 22px;
}
.bc-contact{
	margin-top: 10px;
}


.teaser {
	padding: 0px;
	/*border: 1px solid #CCCCCC;*/
}
.teaser.news-teaser {
    padding: 10px 15px;
}

.past-block {
	margin-top: 24px;
	padding: 8px 16px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.past-list-block {
	margin-top: 0;
	padding: 16px;
	border-top: 1px solid #CCCCCC;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.past-list-block:last-child {
	border-bottom: 1px solid #CCCCCC;
}


.past-list-block.rating-block {
	margin-top: 0;
	padding: 8px 16px;
	border-top: 1px solid #CCCCCC;
}
.past-list-block.rating-block.open {
	padding: 8px 16px 16px 16px;
}
.past-list-block.rating-block:last-child {
	border-bottom: 1px solid #CCCCCC;
}


.bg-grey{
	background: #f3f3f3;
	padding-top: 20px;
    padding-bottom: 32px;
}
.bg-grey .container{
	padding-right: 15px;
    padding-left: 15px;
}

.no-pad{
    padding-top: 0;
	padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
.row.no-margin {
    margin-right: 0;
    margin-left: 0;
}

.teaser-head {
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 26px;
	color: #5c6064;
	display: inline-block;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}
.teaser-text {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #5c6064;
}
.teaser-text .arrow-link{
	display: inline-block;
	margin-top: 16px;
}
.teaser-text .post-link {
    display: inline-block;
    margin-top: 0;
}
.teaser-text .dl-link {
    display: inline-block;
    /*margin-top: 0;*/
    margin-top: 8px;
}
.teaser-section .teaser{
	margin-bottom: 0;
}

.tab-content .teaser img {
	margin-bottom: 8px;
}



.greenbox{
	padding: 24px 31px 22px 31px;
	border: 2px solid #87BD25;
	position: relative;
	margin-top: 0;
}
.gb-head{
	font-size: 28px;
	color: #333333;
	position: absolute;
	top: 10px;
	left: 12px;
	/*background: #ffffff;*/
	padding: 8px;
}

.greenbox-area{
	padding: 52px 21px 22px 21px;
	/*border: 2px solid #87BD25;*/
	position: relative;
	margin-top: 0;
	background: #87BD25;
}
.greenbox-area .gb-head{
	font-size: 28px;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 12px;
	/*background: #ffffff;*/
	padding: 8px;
}
.greenbox-area .gb-content{
	color: #fff;
}

.greybox-area{
	padding: 52px 21px 22px 21px;
	/*border: 2px solid #87BD25;*/
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	background: #cccccc;
	margin-left: 15px;
	margin-right: 15px;
}

.greybox-area .gb-head{
	font-size: 28px;
	color: #333333;
	position: absolute;
	top: 10px;
	left: 12px;
	/*background: #ffffff;*/
	padding: 8px;
}



.free-teaser-wrapper{
	min-width: 1200px;
}
.free-teaser{
	display: inline-block;
	width: 276px;
	margin-right: 32px;
	margin-bottom: 32px;
}
.free-teaser:last-child{
	display: inline-block;
	width: 276px;
	margin-right: 0;
	margin-bottom: 32px;
}

.centered-teaser{
	display: inline-block;
	width: 276px;
	margin-right: 32px;
	margin-bottom: 12px;
}

.inline-teaser{
	width: 217px;
	height: 132px;
	left: 64px;
	top: 1271px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: center;
}
.inline-teaser img{
	width: 100px;
}
.inline-teaser .it-inner{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 8px;
}
.inline-teaser .teaser-subline{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 1px solid #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
}

.quote-text{
	padding-top: 16px;
	font-size: 21px;
	line-height: 140%;
}
/*.quote-image{
	width: 416px;
}*/

.quote-container:hover .quote-text {
    color: #87BD25;
}

.quote-container:hover .quote-image-wrap,
.quote-container:hover .quote-image-wrap img {
    transform: scale(1.1);
}

/* EDIT 200519 */
.quote-image-wrap {
	overflow: hidden;
	transition: transform .5s;
}
.quote-image-wrap img {
	transition: transform .5s;
}
.quote-image-wrap:hover {
  transform: scale(1.1);
}
.quote-image-wrap:hover img {
  transform: scale(1.1);
}

/*text soll grün*/

.kk-image{
	/*border-radius: 16px 16px 16px 0px;
	-moz-border-radius: 16px 16px 16px 0px;
	-webkit-border-radius: 16px 16px 16px 0px;*/
	/*border-radius: 0px 0px 16px 0px;
	-moz-border-radius: 0px 0px 16px 0px;
	-webkit-border-radius: 0px 0px 16px 0px;*/
}

.kk-image.fade-image {
    position: absolute;
    left: 15px;
    top: 0;
    opacity: 1;
}

.content-image{
	margin-top: 0;
}

/*path:hover {
  fill: red;
}*/

.news-header{
	font-size: 21px;
	line-height: 26px;
}
.news-text{
	display: inline-block;
	width: 100%;
	margin-top: 2px;
}
.news-block-inline .news-text,
.event-block .news-text{
	margin-top: 16px;
}

.pics .row:last-child {
	margin-top: 32px;
}


.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
	color: #ffffff;
	font-size: 21px;
	line-height: 30px;
	padding: 26px 32px;
	transition: all 0.5s;
	opacity: 0;
}
.image-tile:hover .overlay{
	/*display: flex;*/
	opacity: 1;
}

.image-tile{
	min-height: 155px;
	margin-bottom: 30px;
}
.image-tile.col-lg-4{
	min-height: 72px;
	margin-bottom: 30px;
}
.image-tile-text{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /*color: #495057;*/
    /*background-color: #fff;*/
    /*border-color: #dee2e6 #dee2e6 #fff;*/
	border-bottom: 2px solid #87BD25;
}
.nav-tabs .nav-link {
    border: none;
    /*border-top-left-radius: .25rem;*/
    /*border-top-right-radius: .25rem;*/
    padding: 12px 32px;
}




.tab-content{
	margin-top: 24px;
	margin-bottom: 0;
}

.tab-content button{
	margin-top: 24px;
}


.table thead th {
    vertical-align: middle;
    width: 33%;
    /*border-bottom: 2px solid #dee2e6;*/
}



.table.kk-table thead th {
    padding: 6px 13px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-weight: 600;
}
.table.kk-table td, .table.kk-table th {
    padding: 9px 15px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-weight: 300;
}

.table.kk-table td.va-top{
	vertical-align: top;
}

.table.kk-table td.bg-grey{
    background-color: #e9ecef;
}

.teaser-head.rating-head {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}


/*.container {
    padding-right: 16px;
    padding-left: 16px;
}
.row {
    margin-right: -16px;
    margin-left: -16px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .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-lg-auto, .col-md, .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-md-auto, .col-sm, .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-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 16px;
    padding-left: 16px;
}*/


.board{
	font-size: 21px;
	line-height: 26px;
}



.event-date {
	font-size: 21px;
	line-height: 26px;
}
.event-date img{
	vertical-align: top;
    height: 20px;
    margin-top: 3px;
}


.job-block p {
	margin-bottom: 13px;
}




.faq-block {
	margin-top: 0;
	padding: 23px 16px;
	border-top: 1px solid #CCCCCC;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.faq-block:last-child {
	border-bottom: 1px solid #CCCCCC;
}



.map-marker{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #87BD25;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.map-marker-big{
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
}
.map-marker-big:after{
	content: ' ';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #87BD25;
	border: 2px solid #FFFFFF;
	position: absolute;
	top: 3px;
}

path.on {
	fill: #87BD25;
	stroke: #87BD25;
	stroke-width:0.8;
	transition: all 0.1s;
}
path:hover {
	/*stroke: #87BD25;*/
	/*stroke-width:1;*/
	/*transition: all 0.1s;*/
}
path.outline {
	stroke: #87BD25;
	stroke-width:0.8;
	/*transition: all 0.1s;*/
}
text.on {
  fill: #ffffff;
  /*filter: url(#shadow);*/
  /*stroke: #cccccc;*/
  /*stroke-width:0.2;*/
  transition: all 0.1s;
}
text.on tspan {
  fill: #ffffff;
}
text.shadow {
	stroke: #87BD25;
	stroke-width:1;
  /*filter: url(#shadow);*/
  transition: all 0.1s;
}
text{
	pointer-events: none;
}
#use{
	pointer-events: none;
}

.teaser.map-detail-teaser {
    padding: 10px 25px;
}
.past-block.map-detail{
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.past-block.map-detail .past-block-dropdown-toggle{
	font-weight: 400;
}
.past-block.map-detail .past-block-dropdown{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
}

.map-detail-head {
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 26px;
	/*color: #87BD25;*/
	/*display: inline-block;*/
	width: 100%;
	/*position: relative;*/
	margin-bottom: 5px;
}

/* EDIT 200526*/
.sliding-images-wrapper{
	width: 1312px;
	overflow: hidden;
}
.sliding-images{
	width: 5000px;
	height: 320px;
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.sliding-images .sliding-image {
	position: absolute;
	display: block;
	top: 0;
	/*left: 0;*/
	/*float: left;*/
}


#logo_button img {
	height: 39px;
}

.dropdown-menu {
    border: 1px solid #f3f3f3;
}

@media (min-width: 375px){
	.container-fluid{
		padding-top    : 50px;
		padding-bottom : 50px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 26px;
	}
	h2{
		margin-top: 10px;
		font-size: 22px;
	}
	#logo_button img {
		height: 40px;
	}
	.navbar-nav .nav-item::after {
	    opacity: 0;
	}
	.dropdown-menu {
	    border: none;
	}
	.header-overlay {
	    top: 7px;
	    left: 8%;
	}
	/*.teaser-head {
	    font-size: 18px;
	    line-height: 22px;
	    margin-top: 3px;
	    margin-bottom: 8px;
	    font-weight: 600;
	}*/
	.teaser-head {
		font-size: 18px;
		line-height: 22px;
		margin-top: 22px;
		margin-bottom: 12px;
		font-weight: 600;
	}
	.teaser-text {
	    font-size: 15px;
	    line-height: 18px;
	}
	.green-line:after{
		bottom: calc(22px / 3.5);
		right: -1310px;
	}
	.banner-overlay.mobile-overlay{
		font-size: 16px;
		line-height: 19px;
		padding-top: 0;
		height: auto;
		top: auto;
	}
	.big-digit{
		font-size   : 52px;
		line-height : 52px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.big-digit-wrapper.upper img{
		/*border-radius: 18px 18px 0px 0px;*/
		border-radius: 0px 0px 0px 0px;
	}
	.big-digit-wrapper.lower img{
		border-radius: 0px 0px 18px 0px;
	}
	.news{
		margin-top:48px;
	}
	.teaser-section .teaser{
		margin-bottom: 48px;
	}
	.greenbox{
		margin-top: 48px;
	}
	.bg-grey .container{
		padding-right: 0px;
	    padding-left: 0px;
	}
	.contact-bubble{
		width: 40px;
		height: 40px;
		top: auto;
    	bottom: 17px;
    	right: 140px;
		padding-top: 8px;
	}
	.contact-bubble.phone-bubble{
		width: 40px;
		height: 40px;
		top: auto;
    	bottom: 17px;
    	right: 85px;
		padding-top: 8px;
	}
	.contact-bubble.fax-bubble{
		width: 40px;
		height: 40px;
		bottom: 17px;
		right: 30px;
		padding-top: 8px;
	}
	.contact-bubble.phone-bubble img{
		width: 20px !important;
	}
	.contact-bubble.fax-bubble img{
		width: 20px !important;
	}
	.content-image{
		margin-top: 32px;
	}
	.contact-bubble.headline-bubble{
		top: 3px;
    	right: 15px;
	}
	.green-line-wrapper.contact-gap{
		width: 87%;
	}
	.pics .row:last-child {
		margin-top: 0;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 15px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 47px;
	}
	.image-tile-text{
		font-size: 18px;
		line-height: 24px;
	}
	.overlay{
		font-size: 14px;
		line-height: 19px;
		padding: 16px;
	}
}

@media (min-width: 576px){
	.container-fluid{
		padding-top    : 50px;
		padding-bottom : 50px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 26px;
	}
	h2{
		margin-top: 10px;
		font-size: 21px;
	}
	#logo_button img {
		height: 45px;
	}
	.header-overlay {
	    top: 30px;
	    left: 8%;
	}
	/*.teaser-head {
	    font-size: 20px;
	    line-height: 24px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	    font-weight: 600;
	}*/
	.teaser-head {
		font-size: 20px;
		line-height: 24px;
		margin-top: 32px;
		margin-bottom: 22px;
		font-weight: 600;
	}
	.teaser-text {
	    font-size: 15px;
	    line-height: 19px;
	}
	.green-line:after{
		bottom: calc(21px / 3.5);
		right: -1310px;
	}
	.banner-overlay{
		font-size: 22px;
		line-height: 23px;
		padding-top: 20px;
	}
	.big-digit{
		font-size   : 62px;
		line-height : 62px;
		margin-top: 24px;
		margin-bottom: 25px;
	}
	.big-digit-wrapper.upper img{
		/*border-radius: 28px 28px 0px 0px;*/
		border-radius: 0px 0px 0px 0px;
	}
	.big-digit-wrapper.lower img{
		border-radius: 0px 0px 28px 0px;
	}
	.bg-grey .container{
		padding-right: 15px;
	    padding-left: 15px;
	}
	.contact-bubble{
		width: 60px;
		height: 60px;
		top: 222px;
    	right: 207px;
		padding-top: 18px;
	}
	.contact-bubble.phone-bubble{
		width: 60px;
		height: 60px;
		top: 222px;
    	right: 127px;
		padding-top: 15px;
	}
	.contact-bubble.fax-bubble{
		width: 60px;
		height: 60px;
		top:222px;
		right: 47px;
		padding-top: 14px;
	}
	.contact-bubble img{
		width: 30px !important;
	}
	.contact-bubble.phone-bubble img{
		width: 30px !important;
	}
	.contact-bubble.fax-bubble img{
		width: 30px !important;
	}
	.content-image{
		margin-top: 32px;
	}
	.contact-bubble.headline-bubble{
		top: 3px;
    	right: 7px;
	}
	.green-line-wrapper.contact-gap{
		width: 91.5%;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 32px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 32px;
	}
	.image-tile-text{
		font-size: 18px;
		line-height: 24px;
	}
	.overlay{
		font-size: 17px;
		line-height: 22px;
		padding: 16px;
	}
}

@media (min-width: 768px){
	.container-fluid{
		padding-top    : 100px;
		padding-bottom : 100px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 26px;
	}
	h2{
		margin-top: 10px;
		font-size: 26px;
	}
	.header-overlay {
	    top: 30px;
	    left: 8%;
	}
	/*.teaser-head {
	    font-size: 26px;
	    line-height: 30px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	    font-weight: 600;
	}*/
	.teaser-head {
		font-size: 25px;
		line-height: 29px;
		margin-top: 32px;
		margin-bottom: 22px;
		font-weight: 600;
	}
	.teaser-text {
	    font-size: 19px;
	    line-height: 23px;
	}
	.green-line:after{
		bottom: calc(26px / 3.5);
		right: -1310px;
	}
	.banner-overlay{
		font-size: 12px;
		line-height: 20px;
		padding-top: 20px;
	}
	.big-digit{
		font-size   : 42px;
		line-height : 42px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.teaser-section .teaser{
		margin-bottom: 48px;
	}
	.greenbox{
		margin-top: 0;
	}
	.quote-text{
		padding-top: 4px;
		font-size: 16px;
	}
	.contact-bubble{
		width: 60px;
		height: 60px;
		top:22px;
		right: 37px;
		padding-top: 19px;
	}
	.contact-bubble.phone-bubble{
		width: 60px;
		height: 60px;
		top:102px;
		right: 37px;
		padding-top: 10px;
	}
	.contact-bubble.fax-bubble{
		width: 60px;
		height: 60px;
		top:182px;
		right: 37px;
		padding-top: 14px;
	}
	.contact-bubble.phone-bubble img{
		width: 40px !important;
	}
	.contact-bubble.fax-bubble img{
		width: 40px !important;
	}
	.content-image{
		margin-top: 0;
	}
	.contact-bubble.headline-bubble{
		top: 3px;
    	right: 7px;
	}
	.green-line-wrapper.contact-gap{
		width: 91.5%;
	}
	.pics .row:last-child {
		margin-top: 32px;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 47px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 47px;
	}
	.overlay{
		font-size: 15px;
		line-height: 20px;
		padding: 16px;
	}
	.image-tile-text{
		font-size: 20px;
		line-height: 24px;
	}
}

@media (min-width: 992px){
	.container-fluid{
		padding-top    : 100px;
		padding-bottom : 100px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 30px;
	}
	h2{
		margin-top: 10px;
		font-size: 28px;
	}
	.navbar {
	    /*border-top: 20px solid #f3f3f3;*/
	    /*border-bottom: 1px solid #f3f3f3;*/
	    padding: 2rem 1rem;
	    font-size: 14px;
	}
	.navbar-nav .nav-item::after {
	    opacity: 1;
	}
	.dropdown-menu {
	    border: 1px solid #f3f3f3;
	}

	.header-overlay {
		top: calc(50% - 67px);
		left: 8%;
	}
	/*.teaser-head {
	    font-size: 16px;
	    line-height: 20px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	}*/
	.teaser-head {
		font-size: 31px;
		line-height: 35px;
		margin-top: 32px;
		margin-bottom: 22px;
		font-weight: 600;
	}
	.teaser-text {
	    font-size: 16px;
	    line-height: 20px;
	}


	.green-line:after{
		bottom: calc(28px / 3.5);
		right: -1312px;
	}
	.banner-overlay{
		font-size: 15px;
		line-height: 20px;
		padding-top: 30px;
	}
	.big-digit{
		font-size   : 62px;
		line-height : 62px;
		margin-top: 25px;
		margin-bottom: 30px;
	}
	.news{
		margin-top:0;
	}
	.news-head {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 3px;
	}
	.news-text {
		font-size: 14px;
		line-height: 18px;
	}
	.teaser-section .teaser{
		margin-bottom: 0;
	}
	/*.teaser-head {
		font-size: 26px;
		line-height: 31px;
		margin-top: 8px;
		margin-bottom: 18px;
		font-weight: 600;
	}*/
	.teaser-text {
		font-size: 18px;
		line-height: 22px;
	}

	.header-overlay .teaser-head {
		font-size: 20px;
		line-height: 25px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.header-overlay .teaser-text {
		font-size: 16px;
		line-height: 20px;
	}

	.quote-text{
		padding-top: 22px;
		font-size: 18px;
	}
	.contact-bubble{
		width: 80px;
		height: 80px;
		top:32px;
		right: 47px;
		padding-top: 29px;
	}
	.contact-bubble.phone-bubble{
		width: 80px;
		height: 80px;
		top:132px;
		right: 47px;
		padding-top: 19px;
	}
	.contact-bubble.fax-bubble{
		width: 80px;
		height: 80px;
		top:232px;
		right: 47px;
		padding-top: 24px;
	}
	.contact-bubble.headline-bubble{
		top: 4px;
    	right: 27px;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 47px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 47px;
	}
	.overlay{
		font-size: 17px;
		line-height: 22px;
		padding: 24px;
	}
	.image-tile-text{
		font-size: 20px;
		line-height: 24px;
	}
	.green-line-wrapper.contact-gap{
		width: 91.5%;
	}
}

@media (min-width: 1200px){
	.container-fluid{
		padding-top    : 100px;
		padding-bottom : 100px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 35px;
	}
	h2{
		margin-top: 10px;
		font-size: 34px;
	}
	.navbar {
	    /*border-top: 20px solid #f3f3f3;*/
	    /*border-bottom: 1px solid #f3f3f3;*/
	    padding: 2rem 1rem;
	    font-size: 18px;
	}
	#logo_button img {
		height: 45px;
	}

	.header-overlay {
		top: calc(50% - 67px);
		left: 8%;
	}
	.teaser-head {
		font-size: 31px;
		line-height: 35px;
		margin-top: 32px;
		margin-bottom: 22px;
		font-weight: 600;
	}
	.teaser-text {
		font-size: 16px;
		line-height: 20px;
	}

	.green-line:after{
		bottom: calc(34px / 3.5);
		right: -1320px;
	}
	.banner-overlay{
		font-size: 18px;
		line-height: 20px;
		padding-top: 30px;
	}
	.big-digit{
		font-size   : 82px;
		line-height : 82px;
		margin-top: 35px;
		margin-bottom: 40px;
	}
	.news-head {
		font-size: 21px;
		line-height: 26px;
		margin-bottom: 5px;
	}
	.news-text {
		font-size: 16px;
		line-height: 20px;
	}
	/*.teaser-head {
		font-size: 31px;
		line-height: 35px;
		margin-top: 8px;
		margin-bottom: 12px;
		font-weight: 600;
	}*/
	.teaser-text {
		font-size: 21px;
		line-height: 25px;
	}
	.teaser-text .arrow-link.extra-margin{
		margin-top: 36px;
	}

	.header-overlay .teaser-head {
		font-size: 24px;
		line-height: 29px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.header-overlay .teaser-text {
		font-size: 18px;
		line-height: 22px;
	}

	.quote-text{
		padding-top: 16px;
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
	}
	.contact-bubble{
		width: 80px;
		height: 80px;
		top:32px;
		right: 47px;
		padding-top: 29px;
	}
	.contact-bubble.phone-bubble{
		width: 80px;
		height: 80px;
		top:132px;
		right: 47px;
		padding-top: 19px;
	}
	.contact-bubble.fax-bubble{
		width: 80px;
		height: 80px;
		top:232px;
		right: 47px;
		padding-top: 24px;
	}
	.contact-bubble.headline-bubble{
		top:9px;
		right: 42px;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 47px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 47px;
	}
	.overlay{
		font-size: 19px;
		line-height: 24px;
		padding: 32px;
	}
	.image-tile-text{
		font-size: 20px;
		line-height: 24px;
	}
	.green-line-wrapper.contact-gap{
		width: 91.5%;
	}
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1140px;
	}
	.container-fluid{
		padding-top    : 100px;
		padding-bottom : 100px;
	}
	.no-pad{
	    padding-top: 0;
		padding-right: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	}
	h1{
		margin-top: 20px;
		font-size: 35px;
	}
	h2{
		margin-top: 10px;
		font-size  : 25px;
		line-height: 28px;
	}
	.navbar {
	    /*border-top: 20px solid #f3f3f3;*/
	    /*border-bottom: 1px solid #f3f3f3;*/
	    padding: 2rem 1rem;
	    font-size: 18px;
	}

	.header-overlay {
		top: calc(50% - 67px);
		left: 8%;
	}
	.teaser-head {
		font-size: 31px;
		line-height: 35px;
		margin-top: 32px;
		margin-bottom: 22px;
		font-weight: 600;
	}
	.teaser-text {
		font-size: 21px;
		line-height: 25px;
	}

	.header-overlay .teaser-head {
		font-size: 26px;
		line-height: 31px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.header-overlay .teaser-text {
		font-size: 18px;
		line-height: 22px;
	}


	#logo_button img {
		height: 45px;
	}

	.contact-bubble{
		width: 80px;
		height: 80px;
		top:32px;
		right: 47px;
		padding-top: 29px;
	}
	.contact-bubble.phone-bubble{
		width: 80px;
		height: 80px;
		top:132px;
		right: 47px;
		padding-top: 19px;
	}
	.contact-bubble.fax-bubble{
		width: 80px;
		height: 80px;
		top:232px;
		right: 47px;
		padding-top: 24px;
	}
	.green-line:after{
		bottom: calc(38px / 3.5);
		right: -1320px;
	}
	.banner-overlay{
		font-size: 21px;
		line-height: 20px;
		padding-top: 32px;
	}
	.big-digit{
		font-size   : 112px;
		line-height : 112px;
		margin-top: 30px;
		margin-bottom: 49px;
	}
	.teaser-text .arrow-link.extra-margin{
		margin-top: 16px;
	}
	.quote-text{
		padding-top: 16px;
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
	}
	.contact-bubble.headline-bubble{
		top:13px;
		right: 47px;
	}
	.contact-bubble.date-bubble {
	    top: -10px;
	    right: 47px;
	}
	.contact-bubble.event-bubble {
	    top: 4px;
	    right: 47px;
	}
	.overlay{
		font-size: 21px;
		line-height: 30px;
		padding: 26px 32px;
	}
	.image-tile-text{
		font-size: 20px;
		line-height: 24px;
	}
	.green-line-wrapper.contact-gap{
		width: 91.5%;
	}
}