@charset "utf-8";


/* CSS Document

Theme Name: Binnenhafen Eberswalde
Author: Datenfee Monique Müller
Description: Ein Theme für den Binnenhafen Eberswalde
Version: 1.0

*/

/*////////////////////////////////////////////////////////////////*/

/*Fade*/

/*////////////////////////////////////////////////////////////////*/


@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}



/*////////////////////////////////////////////////////////////////*/

/*Globals*/

/*////////////////////////////////////////////////////////////////*/

html, body {
	margin: 0;
	height: 100%;
	scroll-behavior: smooth;
}

body{

	font-family: 'Ubuntu';
	font-size: 16px;
	line-height: 1.5;
	hyphens: manual;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1.5s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
#map {
  height: 500px;
}
section {
	position: relative;
}
.anchor {
	position:absolute; 
	top:-105px;
}
/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
footer a:hover {
	color: #F8D835;
	text-decoration: none;
	
}
.impressum a, .datenschutz a {
	color: #3F583E;
}
.impressum footer a, .datenschutz footer a {
	color: #fff;
}
h1 {
	color: #fff;
	font-size: 46px;
	padding-bottom: 20px;
}
#impressum h1, #datenschutz h1 {margin-top:50px;
	color: #212529;
}
h2, #impressum h1, #datenschutz h1 {
	margin-bottom: 25px;
	font-size: 40px;
	font-weight: 400;
}
.technische-werke-1 {
	color: #56534C;
}
.technische-werke-1 h2,
h2, #impressum h1, #datenschutz h1 {
	text-transform: uppercase;
letter-spacing: 0.05em;
}
.technische-werke-1 h2,
.technische-werke-1 #beteiligungen h2,
.technische-werke-1 #einrichtungen h2
{
margin-bottom: 2px;
}

.finowkanalpark h2::after,
.technische-werke-1 h2::after,
.binnenhafen-1 h2::after,
.technische-werke-1 .bg-white h2::after,
.technische-werke-1 .bg-blue h2::after,
.technische-werke-1 #ueberuns h2::after{
		content:none;
	}

.flexbox {
	display: flex;
	  justify-content: center;

}
.balken {
  width: 75px;
  height: 7.5px;
  margin-bottom: 25px;
  margin-top: -16px;
  border-radius: 5px;
	display: flex;
}
.finowkanalpark .balken{
	margin-bottom: 50px;
}

.technische-werke-2 .balken {
	margin-top:7px;
}
.binnenhafen-1 .balken {
  width: 80px;
  height: 9px;
  margin-bottom: 25px;
  margin-top: -18px;
  border-radius: 0px;
	display: flex;
}
.binnenhafen-1.binnenhafen-1a .balken {
  width: 75px;
  height: 7.5px;
  margin-bottom: 25px;
  margin-top: -18px;
  border-radius: 5px;
	display: flex;
}
.binnenhafen-1 .balken .balken-kurz {
  width: 60px;
}
@media (max-width:768px){
	.balken {
  margin-top: -12px;
}
.finowkanalpark .balken{
	margin-bottom: 40px;
}	
}
h3, #datenschutz h2 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
}
@media (min-width:768.1px){
	.technische-werke #lead h1 {
	padding-bottom: 0;
}
}

.technische-werke #lead h4 {
padding-bottom: 20px;
font-size: 19px;
letter-spacing: 0.08em;
}

.technische-werke-1 h3 {
margin-bottom: 20px;
}

#lead {
	padding-bottom: 80px;
	padding-top: 80px;
}
@media (max-width:1024px){
#lead {
	padding-bottom: 60px;
	padding-top: 60px;
}	
}
@media (min-width:768.1px){
	.technische-werke #lead h1 {
	padding-bottom: 0;
}
.technische-werke #lead h4 {
font-size: 22px;
}
}
.technische-werke-2 #karriere h3 {
margin-bottom: 10px;}
.teaser h3 {
	margin-top:10px;
	margin-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
    letter-spacing: 0.04em;
	line-height: 1.2;
	color: #FFF;
}
@media (max-width:1200px){
#einrichtungen h3 {
	font-size: 28px;
}		
}
h4, #impressum h2, #datenschutz h3 {
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 1.4;
}
.technische-werke-2 h4 {
  margin-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
	font-weight: 500;
}
.binnenhafen h4, #impressum h2, #datenschutz h3 {
	margin-bottom: 10px;
}
.abstand-1 {
	padding-top: 20px;
}
#einrichtungen-teaser h4 {
	margin-top:15px;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
    letter-spacing: 0.04em;
	line-height: 1.2;
	color: #FFF;
}

h5, #impressum h4, #datenschutz h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
	margin-bottom: 0;
	line-height: 1.5;
	padding-top:0;
}
.binnenhafen-1 h5, #impressum h4, #datenschutz h4 {
letter-spacing: 0.05em;
margin-bottom: 10px;
}

#impressum h5, #datenschutz h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
	margin-bottom: 0;
	line-height: 1.5;
	padding-top:0;
}
h6 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
	margin-bottom: 0;
	line-height: 1.5;
	padding-top:0;
}
@media (max-width: 768px) {
	#lead {
    padding-bottom: 40px;
    padding-top: 50px;
}
	h1 {
	font-size: 38px;
	padding-bottom: 12px;
	margin-top:-5px;
}
h2, #impressum h1, #datenschutz h1 {
	font-size: 30px;
}
	h3, #impressum h2, #datenschutz h2 {
	font-size: 25px;
	line-height: 1.35;
	margin-bottom: 20px;
}	
	h4, #impressum h3, #datenschutz h3 {
	font-size: 23px;
	margin-bottom: 20px;
	}
	h5, #impressum h4, #datenschutz h4 {
	font-size: 18px;
	 margin-bottom: 5px;
    margin-top: 10px;
	}
	
}
.zweispaltig {
  width: 100%;
  column-count: 2;
  column-gap: 30px;
}
.hyphens { hyphens: auto; }

.clear {
	clear: both;
}

.container {
    max-width:1170px;
    margin:0 auto;
	padding-left:30px;
	padding-right: 30px;
}
@media (max-width: 768px) {
.container {
	padding-left:20px;
	padding-right: 20px;
}
}

.textbox {
	margin-top: 15px;
}
.finowkanalpark .textbox {
	margin-top: 50px;
}
#parkplatz h4 {
	margin-bottom: 10px;
	text-transform: uppercase;
letter-spacing: 0.04em;
}
#parkplatz h6 {
    font-size: 20.5px;
    text-transform: none;
    letter-spacing: 0.0em;
    margin-bottom: 6px;
    line-height: 1.25;
    padding-top: 0;
	font-weight: 400;
}
#parkplatz .liste {
    padding-left: 15px;
    list-style-image: url(../img/icons/pfeil-hellgruen.svg);
}
#parkplatz li {
	padding-left: 5px;
}
#karte {
	padding: 0;
	margin: 0;

}
#karte iframe {
	margin: 0;
	padding: 0;
	
}
#karte img {
	object-fit: cover;
	height: 650px;
	width: 100%;
}
@media (max-width:1024px){
	#karte img {
	height: 500px;
}
}
@media (max-width:768px){
	#karte img {
	height: 370px;
}
}
.finowkanalpark #karte {
	border-top: #A3C14F 20px solid;
}
.technische-werke #karte {
	border-top: #0E385E 0px solid;
}
.technische-werke-1 #karte {
	border-top: #0E385E 0px solid;
}
/*////////////////////////////////////////////////////////////////*/

/*Header*/

/*////////////////////////////////////////////////////////////////*/
header {
	position: fixed;
	width: 100%;
	z-index: 100;
}
.site-header {
    height: 107px;
}
.binnenhafen .site-header {
    background-image: -webkit-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -o-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: linear-gradient(180deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100.00%);
    background-image: -webkit-linear-gradient(270deg,rgba(91,114,79,1.00) 0%,rgba(51,71,55,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(91,114,79,1.00) 0%,rgba(51,71,55,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(91,114,79,1.00) 0%,rgba(51,71,55,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(91,114,79,1.00) 0%,rgba(51,71,55,1.00) 100.00%);
}.binnenhafen-1 .site-header {
    background-image: -webkit-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -o-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: linear-gradient(180deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100.00%);
    background-image: -webkit-linear-gradient(270deg,rgba(91,114,79,0.95) 0%,rgba(51,71,55,0.95) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(91,114,79,0.95) 0%,rgba(51,71,55,0.95) 100%);
    background-image: -o-linear-gradient(270deg,rgba(91,114,79,0.95) 0%,rgba(51,71,55,0.95) 100%);
    background-image: linear-gradient(180deg,rgba(91,114,79,0.95) 0%,rgba(51,71,55,0.95) 100%);
}
.finowkanalpark .site-header {
    background-image: -webkit-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -o-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: linear-gradient(180deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100.00%);
    background-image: -webkit-linear-gradient(270deg,rgba(100,122,83,0.95) 0%,rgba(163,193,79,0.95) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(100,122,83,0.95) 0%,rgba(163,193,79,0.95) 100%);
    background-image: -o-linear-gradient(270deg,rgba(100,122,83,0.95) 0%,rgba(163,193,79,0.95) 100%);
    background-image: linear-gradient(180deg,rgba(100,122,83,0.95) 0%,rgba(163,193,79,0.95) 100%);
}
.technische-werke .site-header {
    background-image: -webkit-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -o-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: linear-gradient(180deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100.00%);
    background-image: -webkit-linear-gradient(270deg,rgba(21,79,131,1.00) 0%,rgba(10,39,65,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(21,79,131,1.00) 0%,rgba(10,39,65,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(21,79,131,1.00) 0%,rgba(10,39,65,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(21,79,131,1.00) 0%,rgba(10,39,65,1.00) 100%);
}
.technische-werke-2 .site-header {
    background-image: -webkit-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: -o-linear-gradient(270deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100%);
    background-image: linear-gradient(180deg,rgba(97,115,80,0.90) 0%,rgba(66,83,52,0.90) 100.00%);
    background-image: -webkit-linear-gradient(270deg,rgba(21,79,131,0.95) 0%,rgba(10,39,65,0.95) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(21,79,131,0.95) 0%,rgba(10,39,65,0.95) 100%);
    background-image: -o-linear-gradient(270deg,rgba(21,79,131,0.95) 0%,rgba(10,39,65,0.95) 100%);
    background-image: linear-gradient(180deg,rgba(21,79,131,0.95) 0%,rgba(10,39,65,0.95) 100%);
}
main {
	top:0;
}
.logo {
	padding-top: 10px;
	width: 110px; 
	float: left;
}
.technische-werke .logo {
	padding-top: 15px;	
}
.technische-werke .logo img {
	width: 80px;
}
@media (max-width:1020px){
	.technische-werke .logo img {
    width: 70px;
}
}
.finowkanalpark .logo {
	padding-top:25px;
}
.logo a {
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0,0,0,0.20);
}
.finowkanalpark .logo a {
	font-size: 25px;
}
.navi-gesamt {
	text-align: right;
}
.technische-werke .nav-haupt,
.finowkanalpark .nav-haupt {
	padding-top: 15px;
}
nav a, nav a:hover {
	text-decoration: none;
}
.nav-rand-rechts {
    background-color: #FFF;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  	font-weight: 500;
	font-size: 13px;
	float: right;
	    text-transform: uppercase;
    letter-spacing: 0.07em;
}
.nav-rand-rechts ul {
	padding: 9px 11px 11px;
	margin: 0;
}
.nav-rand-rechts li {
	margin: 0 9px 0;
	padding: 0;
	display: inline;
}
.nav-rand-rechts a {
    color: rgba(74,88,62,1.00);
    transition: all ease 0.4s;
}
  .nav-rand-rechts a:hover {
    color: #687B71;
    transition: all ease 0.4s;
}
   
.nav-haupt {
	float: right;
	clear: right;	
  	font-weight: 400;	
}
.nav-haupt ul {
	margin-top: 13px;
	padding:0;
}
.nav-haupt li {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 15.75px;
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

@media (min-width:1020.1px) and (max-width:1120px){
.nav-haupt li {
    margin: 0 0 0 10px;
    font-size: 14.25px;
    letter-spacing: 0.06em;
}
}
.nav-haupt a, .nav-mobil a{
	color: rgba(255,255,255,1.00);
	transition: all ease 0.4s;	
	
}

.nav-haupt a:hover {
    color: rgba(255,255,255,0.70);
    transition: all ease 0.4s;
}
.technische-werke-1 .nav-haupt a:hover {
	color: #42B6D2;
}
.nav-mobil {
	padding-top: 75px;
	font-size: 20px;
	line-height: 2;
	transition: all 0.5s ease;
}
.nav-mobil ul {
	padding: 0;
}
.nav-mobil li{
    list-style-type: none;
    border-bottom: 1px solid rgba(255,255,255,0.70);
}
.nav-mobil li:last-of-type {
	border:0px;
}
.nav-mobil li:hover {
	background-color: rgba(255,255,255,0.20);
		padding-right: 7px;
	transition: all 0.5s ease;
}

@media (max-width: 1020px) {
	.finowkanalpark .logo a {
	font-size: 20px;
}
.site-header {
	height: 95px;
	transition: all 0.5s ease;
}
.logo {
	float: left;
	padding-top: 20px;
	width: 122px; 
}
		.logo a {
    font-size: 25px;
    letter-spacing: 0.035em;
    line-height: 1.1;
    text-shadow: 0 2px 2px rgba(0,0,0,0.20);
}
.nav-rand-rechts {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	font-size: 13px;
}
.nav-rand-rechts ul {
	padding: 7px 4px 9px;
}
.nav-rand-rechts li {
	margin: 0 8px 0;
}
.nav-haupt ul {
	margin-top: 21px;
}
.nav-haupt li {
	margin: 0 0 0 18px;
	padding: 0;
	font-size: 17px;
	letter-spacing: 0.03em;
}
}
/*
@media (max-width: 930px) {
	.technische-werke .nav-haupt li {
	margin: 0 0 0 15px;
	font-size: 15.5px;
}
}
*/
@media (max-width: 1020px) {

.site-header {
    height: auto;
	min-height: 95px;
	}
.nav-haupt, .nav-rand-rechts {
		display: none;
	}
.nav-mobil {
		display: block;

	}
.logo {
	float: left;
	width: 85px; 
	padding-top:12px;
}
		.logo a {
    font-size: 20px;
    letter-spacing: 0.035em;
    line-height: 1.1;
    text-shadow: 0 1px 3px rgba(0,0,0,0.20);
}
.weg {
	height: 0;
	transition: all 0.5s ease;
	overflow: hidden;
 }
.zeigen {
height: auto;
transition: all 0.5s ease;
}
}
@media (min-width: 1020.1px) {
		
.nav-haupt, .nav-rand-rechts {
		display: block;
	}
.nav-mobil {
		display: none;
	}
	}

/*////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////*/

/*Menubutton*/

/*////////////////////////////////////////////////////////////////*/

#menue {
	top: 30px;
	right: 30px;
	position: absolute;	
}
.cont {
	display: inline-block;
	cursor: pointer;
	background-color: rgba(255,255,255,1.00);
align: center;
	padding-top:1px;
	border-radius: 3px;
	width: 37px;
	height: 34px;
}

.bar1, .bar2, .bar3 {
	width: 28px;
	height: 4px;
	background-color: #FF8B06;
	margin: 5px auto;
	transition: 0.4s;
	border-radius: 2px;
}
.technische-werke .bar1, .technische-werke .bar2, .technische-werke .bar3 {
	background-color: #0E385E;
}
.finowkanalpark .bar1, .finowkanalpark .bar2, .finowkanalpark .bar3 {
	background-color: #A3C14F;
}
.binnenhafen .bar1, .binnenhafen .bar2, .binnenhafen .bar3 {
	background-color: #3E5843;
}
.weiss {
	background-color: #ffffff !important;
}

/* Rotate first bar */
.change .bar1 {
	width: 38px;
	transition: all 0.5s ease;
    -webkit-transform: rotate(-45deg) translate(-6px, 6px)  ;
    transform: rotate(-45deg) translate(-6px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
	transition: all 0.5s ease;
}

/* Rotate last bar */
.change .bar3 {
	width: 38px;
	transition: all 0.5s ease;
    -webkit-transform: rotate(45deg) translate(-7px, -6px) ;
    transform: rotate(45deg) translate(-7px, -6px) ;
}
@media (min-width: 1020.1px) {
	#menue {
	visibility: hidden;
		}
}
@media (max-width: 768px) {
#menue {
	right: 20px;
}
}
/*////////////////////////////////////////////////////////////////*/

/*Parallax*/

/*////////////////////////////////////////////////////////////////*/
#historie {
    background-color: rgba(86,83,76,0.57);
	position: relative;
	
}
.binnenhafen-1 #historie {
    background-color: rgba(56,56,50,0.60);
	position: relative;
	
}
#historie::after {
	content: "";
	    background-image: url(../img/background/DSC08147.jpg);
    background-position: 0% 0%;
    background-attachment: fixed;
    background-size: cover;
	  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}
#ueberuns {
    background-color: rgba(112,112,112,0.65);
    position: relative;	
}
#ueberuns::after {
	content: "";
	    background-image: url("../img/background/IMG_7486.jpg");
    background-position: 0% 0%;
    background-attachment: fixed;
    background-size: cover;
	  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}


@media (max-width:768px){
	.img-round {
margin-top: 20px;
}
}

#finowkanal {
    background-color: rgba(86,83,76,0.75);
	position: relative;	

}
#finowkanal::after {
	content: "";
	    background-image: url("../img/background/enten-800.jpg");
    background-position: 0% 0%;
    background-attachment: fixed;
    background-size: cover;
	  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 	

}
.parallax-1 {
    background-image: url(../img/background/DSC08057.jpg);
    background-attachment: fixed;
    background-size: cover;
	height: 600px;
}
.parallax-2 {
    background-image: url("../img/background/DSC08147.jpg");
    background-attachment: fixed;
    background-size: cover;
	height: 600px;
	background-position: 0% 100%;
}
.parallax-3 {
    background-image: url("../img/background/Four-Winns-Seite-vorn.jpg");
    background-attachment: fixed;
    background-size: cover;
	height: 600px;
	background-position: 0% 100%;
}
.parallax-4 {
    background-image: url("../img/background/finowkanal2-800.jpg");
    background-attachment: fixed;
    background-size: cover;
	height: 600px;
	background-position: 0% 100%;
}
.parallax-5 {
    background-image: url("../img/background/finowkanal-1920.jpg");
    background-attachment: fixed;
    background-size: cover;
	height: 600px;
	background-position: 0% 100%;
}
@media (max-width:1024px){
	.parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-5 {
		height: 500px;
	}
}
@media (max-width:768px){
	.parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-5 {
		height: 300px;
	}
}
/*////////////////////////////////////////////////////////////////*/

/*Body*/

/*////////////////////////////////////////////////////////////////*/
.img-responsive{
	width: 100%;
	height: auto;
}

#clothingnav1 {
	margin-top: 50px;
}
.binnenhafen-1 #clothingnav1 {
	margin-left: -2px;
	font-size: 19px;
}
.nav-tabs .nav-item {
  margin-bottom: 0px;
}

.nav-tabs {
  border-bottom: 0px;
}
.img-padding-top {
	margin-top: 5px;
}
#clothingnav1 a,
#clothingnavcontent1 {
	background-color: #FFF;
}
#clothingnav1 a {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
	padding-left:20px;
	padding-right: 20px;
}
#clothingnav1 a.active {
	margin-bottom: -1px;
	padding-bottom: 13px;

}
@media (max-width:768px){
.nav-tabs .nav-item {
    width: 100%;
}
#clothingnav1 a.active {
	margin-bottom: 4px;
	padding-bottom: 0.5rem;
}
	}

#clothingnav1 .nav-item a {
    color: #828282;
    text-transform: uppercase;
    letter-spacing: 0.05em;
	font-weight: 500;
}

.technische-werke #clothingnav1 .nav-item a:hover,
.technische-werke #clothingnav1 .nav-item a.active {
	color: #394550;
}
#clothingnavcontent1 {
    padding: 30px 40px 20px;
    border-radius: 5px;
    margin-bottom: 25px;
}
.binnenhafen-1 #clothingnavcontent1 {
    padding: 40px 40px 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 0px; 
    margin-bottom: 25px;
}
@media (max-width:768px){
	.binnenhafen-1 #clothingnavcontent1 {
    padding: 25px 20px 20px;
}
	.binnenhafen-1 .tab-content #home1 {
    padding-bottom: 10px;
}
}
#historie h3 {
	margin-top: 0;
	padding:0;
	margin-bottom: 15px;
	line-height: 1
}
.icon {
	width: 20px;
	height: auto;
	margin: 0 auto;
}

#lead .icon {
margin: 0 40px 0 0;
}

.kontaktblock2 {
	margin-top: 20px;
}
@media (max-width:768px){
	.kontaktblock2 {
	margin-top: 0px;
}
}

	/**/
	
  dl.timeline {

    margin-top: 25px;
    padding: 0;
    border: 0 none; 
  }

  dl.timeline dt {
    clear: left;
    padding: 0px 15px 0px 0;
	  font-weight: 500;
	  color: #4A583E;
  }

  dl.timeline dd {
    padding: 0px 0 8px 15px;
    border-left: 1.4px solid #4A583E;
  }
dl.timeline dd::before {
	content: url("../img/icons/kreis-gruen.svg");
	padding-right: 11px;
	margin-left: -20px;
}
  dl.timeline dt,
  dl.timeline dd {
    float: left;
	  margin-bottom: 0;
	  line-height: 1.4
  }

  dl.timeline dd {
    width: 80%;
  }
.linie-yellow {
	border: none;
	height: 1px;
	box-shadow: none;
	  background-color: #F8D835;
	margin: 20px 0; 
}
.linie-white-blass {
    border: none;
    height: 1px;
    box-shadow: none;
    margin: 30px 0;
    background-image: -webkit-linear-gradient(4deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.36) 51.46%,rgba(255,255,255,0.00) 100%);
    background-image: -moz-linear-gradient(4deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.36) 51.46%,rgba(255,255,255,0.00) 100%);
    background-image: -o-linear-gradient(4deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.36) 51.46%,rgba(255,255,255,0.00) 100%);
    background-image: linear-gradient(86deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.36) 51.46%,rgba(255,255,255,0.00) 100%);
}
/*----------------------Lage------------------------------------*/
.binnenhafen-icon {
	height: 200px;
	width: auto;
}
.einleitungstext {
	margin-left: -45px;
	margin-top:-10px;
}
@media (max-width:1024px){
	.binnenhafen-icon {
	height: 160px;
}
	.einleitungstext {
	margin-left: -50px;
}
}
@media (max-width:768px){
		.binnenhafen-icon {
	height: 145px;
}
	.einleitungstext {
	margin-left: -20px;
}
}
@media (max-width:425px){
		.binnenhafen-icon {
	height: 100px;
}
	.einleitungstext {
	margin-left: 0px;
}
}
@media (max-width:330px){
		.binnenhafen-icon {
	height: 80px;
}
	.einleitungstext {
	margin-left: 0px;
}
}
#lage h2::after {
	fill: #4A583E;
}
.logistik {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	margin-top: 40px;
		padding: 35px 40px;
}
.logistik h4 {
	margin-bottom:15px;
}
.logistik-teil-2 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	padding: 40px 40px;
}
.logistik, .logistik-teil-2 {
	color: #FFF;
}
.logistik ul, .logistik-teil-2 ul {
    list-style-type: none;	
	margin-bottom: 0px;
}
.logistik ul  {
    list-style-image: url(../img/icons/haken-weiss.svg);
	font-size: 18px;
	padding-left:30px;	
}
@media (max-width:768px){
	.logistik {
    margin-top: 30px;
    padding: 25px;
}
	.logistik-teil-2 {
	padding: 25px;
		margin-bottom: 30px;
}
}
.bg-green-1 .liste,
.bg-green-2 .logistik-teil-2 .liste
{
	list-style-type: none;
    list-style-image: url("../img/icons/quadrat-weiss.svg");
    padding-left: 20px;
}
.bg-green-2 .liste,
.bg-white .liste{
	list-style-image: url("../img/icons/quadrat-green.svg");
}
#umschlag .liste  {
padding-left: 20px;
margin-top: -15px;
}
.liste li {
	padding-left:8px;
	position: relative;
}
#umschlag .liste li {
	padding-left:5px;
}
.download-zeile {
    font-size: 20px;
    align-items: flex-end

}
.download-zeile hr {
	border: none;
	height: 1px;
	background-color: #3E5843;
	margin: 25px 0;
}

.download-zeile i img {
	margin-right: 10px;
	margin-top: -10px;
}
.icon-kb {
	display: flex;
}

.download-zeile .kb {
	width: 75px;
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
@media (max-width:768px){
	.download-zeile {
    font-size: 18px;
    line-height: 1.3;
}
	.icon-kb {
    margin-top: 20px;
}
	.download-zeile .kb {
    width: 62px;
    margin-top: 15px;
    margin-left: -5px;
}
}
.binnenhafen #kontakt a {
	color:#F8D835;
}
.technische-werke #kontakt a,
.technische-werke #karriere a,
#ueberuns a{
    color: #42B6D2;
}
.finowkanalpark #lead .ausrichtung {
	display: flex;
	    align-items: center;
}
@media (max-width:768px){
	.finowkanalpark #lead .ausrichtung {

		flex-direction: column-reverse;
}
}
.lagondola-logo {
	margin-top:15px;
	margin-bottom: 25px;
	width: 170px;
	height: auto;
}
.galerie-foto {
	position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
	margin-top:15px;
	margin-bottom: 15px;	
}

.galerie-foto img {
height: auto; 
	width: 100%;	
}
.foto {
	display: flex;
overflow: hidden;
	margin-bottom: 30px;
	
}
.foto img {
object-fit: cover;
	width: 100%;
object-position: center center;
}

.verleih-1{
	height: 317px;
	width: auto;
}
.verleih-2 {
	height: 351px;
	width: auto;
	
}
.verleih-3 {
	height: 239px;
	width: auto;
	margin-top:25px;
	
}
@media (max-width:768px){
.galerie-foto {
	margin-bottom: 5px;	
}	
.foto {
	margin-bottom: 20px;
	
}	
	#finowkanal .foto {
		margin-bottom: 20px;
	}
	.verleih-3 {
	margin-top:20px;
	
}
}
.visitenkarte {
	display: flex;
	flex-direction:column;
	height: 100%;
	overflow: hidden;
}
.visitenkarte-inhalt {
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	margin-top:15px;
	margin-bottom: 15px;
	padding: 30px;
}
@media (max-width:1024px){
	.visitenkarte-inhalt {
    padding: 0 25px;
}
	.visitenkarte-inhalt p {
		font-size: 15px;
		line-height: 1.3;
		
	}
	
}
#finowkanal .row,
.technische-werke #ueberuns .row{
	padding:65px 50px 40px;
}


#finowkanal .foto {
	height: 320px;
}
.parkplatz1 {
	height: 235px;
}
.parkplatz2 {
	height: 190px;
}
.parkplatz2 img {
object-position: center top;
}
.parkplatz3 {
	height: 180px;
}
.parkplatz3 img {
object-position: center 30%;
}
@media (max-width:768px){
	#finowkanal .row{
    padding: 25px 5px 0px;
    margin-left: 15px;
    margin-right: 15px;
}
	.technische-werke #ueberuns .row {
    padding: 25px 15px 20px;
    margin-left: 15px;
    margin-right: 15px;
}
	.galerie {
		margin-bottom: -25px;
	}
	.parkplatz1, .parkplatz2, .parkplatz3 {
	height: 200px;
}
}
.stellenangebot {
    background-image: -webkit-linear-gradient(338deg,rgba(14,56,94,1.00) 0%,rgba(66,182,210,1.00) 100%);
    background-image: -moz-linear-gradient(338deg,rgba(14,56,94,1.00) 0%,rgba(66,182,210,1.00) 100%);
    background-image: -o-linear-gradient(338deg,rgba(14,56,94,1.00) 0%,rgba(66,182,210,1.00) 100%);
    background-image: linear-gradient(112deg,rgba(14,56,94,1.00) 0%,rgba(66,182,210,1.00) 100.00%);
	color: #FFF;
	padding: 20px;
	margin-bottom:25px;
}
#einrichtungen-teaser {
	padding: 0;
}
#einrichtungen-teaser .row {
	margin: 0;
}
#einrichtungen-teaser .col-3 {
	padding: 0;
	margin: 0;
}
#einrichtungen-teaser .col-3:nth-child(even){
	display: flex;
	flex-direction: column-reverse;
}
#einrichtungen .teaser-baff,
#einrichtungen .teaser-sportzentrum,
#einrichtungen .teaser-binnenhafen,
#einrichtungen .teaser-finowkanalpark {
	height: 100%;
}
#einrichtungen .text,
#einrichtungen-teaser .text {
	padding:25px;
}
#einrichtungen .bild,

#einrichtungen .bild img,
#einrichtungen-teaser .bild,
#einrichtungen-teaser .text,
#einrichtungen-teaser .bild img{
	height: 255px;
}
@media (max-width: 1020px) {
#einrichtungen .bild,
#einrichtungen .bild img,
#einrichtungen-teaser .bild,
#einrichtungen-teaser .text,
#einrichtungen-teaser .bild img{
	height: 255px;
}

}
#einrichtungen .bild img,
#einrichtungen-teaser .bild img {
	width: 100%;
}
.img-round img {
	width: 100%;
	border-radius: 300px;
}
.finowkanalpark #lead h1 {
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.flex-center {
	align-items: center;
}
.objekt-fit {
	object-fit: cover;
		object-position: 50% 50%;
}
.teaser-baff .logo-teaser {
float: right;
	margin-top: -105px;
	margin-right: 20px;
	position: relative;
}
.teaser-binnenhafen .logo-teaser {
float: right;
	margin-top: -120px;
	margin-right: 20px;
	position: relative;
}
#einrichtungen-teaser .text {
display: flex;
justify-content: center;
flex-direction: column;
}
#einrichtungen .col-md-6 {
	margin-top:15px;
	margin-bottom: 15px;
}
#ueberuns ul {
	padding-left:15px;
	padding-bottom:0;
}
#einrichtungen a {
	color: #FFF;
}
#einrichtungen a:hover {
	text-decoration: none;
}
#einrichtungen .teaser-baff:hover,
#einrichtungen .teaser-sportzentrum:hover,
#einrichtungen .teaser-binnenhafen:hover,
#einrichtungen .teaser-finowkanalpark:hover,
.galerie-foto:hover{
  -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0.11);
  box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
	position: relative;
}
.galerie button:hover,
#finowkanal button:hover{
  transition: all 0.3s ease;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
	position: relative;
	background-color: #3E5843;
}
#parkplatz .icon {
	width: 10px;
}
/*////////////////////////////////////////////////////////////////*/

/*Footer*/

/*////////////////////////////////////////////////////////////////*/
footer {
	margin-bottom: 0;
	z-index: 9;
	position: relative;
}
.footer-oben {
    background-image: -webkit-linear-gradient(270deg,rgba(86,83,76,1.00) 0%,rgba(127,125,124,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(86,83,76,1.00) 0%,rgba(127,125,124,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(86,83,76,1.00) 0%,rgba(127,125,124,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(86,83,76,1.00) 0%,rgba(127,125,124,1.00) 100%);
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.footer-oben .container {
	padding-top: 45px;
	padding-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-adresse {
	display: flex;
	justify-content: flex-start;
}
.footer-adresse1 {
	margin-right: 40px;
}

.footer-logos {
	display: flex;
	justify-content: flex-end;
}
.footer-logo1 {
	margin-right: 0px;
	width: 76px;
}

.footer-logo1 img{
	width: 100%;
	height: auto;
	
}
footer a {
	color: #fff;
	text-decoration: none;
}
@media (max-width: 840px) {
.footer-oben {
	font-size: 12px;
	line-height: 20px;
}
	.footer-oben .container {
	padding-top: 30px;
	padding-bottom: 25px;
}
	.footer-adresse1 {
	margin-right: 25px;
}
	.footer-logo1 {
	width: 61px;
}
}
@media (max-width: 725px) {
	.footer-oben .container {
	padding-bottom: 35px;
	align-items: flex-end;
}
	.footer-adresse, .footer-logos {
	display: block;
	
}
	.footer-adresse1 {
	margin-bottom: 18px;
}
	.footer-logo1 {
	width: 85px;
}
}
@media (max-width: 350px) {
	.footer-oben .container {
	padding-top: 35px;
	padding-bottom: 20px;
	display: block;
}

.footer-adresse1 {
	margin-bottom: 13px;
}
		.footer-logos {
		margin-top: 30px;
			height: 80px;
			
	}
	.footer-logo1 {
	width: 75px;
}
}
.footer-unten {
    background-color: #56534C;
    color: #FFF;
    font-size: 14px;
    padding-top: 18px;
    padding-bottom: 36px;
	
}
.copy {
float: left; 	
}
.nav-footer {
float: right; 
}
.nav-footer ul {
	margin: 0;
	padding: 0;
}
.nav-footer li {
	display: inline;
	margin-left: 10px;
}
.nav-footer a {
    color: rgba(255,255,255,1.00);
	transition: all ease 0.5s;
}
.nav-footer a:hover {
	color: rgba(255,255,255,0.50);
	transition: all ease 0.5s;
}
footer hr {
		display: none;
	}
@media (max-width: 1024px) {
.footer-unten {
	padding-top: 15px;
	padding-bottom: 30px;
	font-size: 12px;
}
}

@media (max-width: 620px) {
.copy {
	float: none;
	text-align: center;
	color: rgba(255,255,255,0.60);
}
.nav-footer {
	float: none;
	text-align: center;
}
.nav-footer li {
	margin-left: 5px;
	margin-right: 5px;
}
.footer-unten {
	height: auto;
	padding-top: 18px;
}
footer hr {
		display: block;
		border: 0 ;
		background-color: rgba(255,255,255,0.60);
		height: 1px;
		width: 325px;
		margin-top: 17px;
		margin-bottom: 17px;
	}
}
@media (max-width: 360px) {
	.footer-unten {
	padding-top: 12px;
}
	.nav-footer {
		font-size: 10.1px;
	}

	.copy {
		font-size: 8px;
		padding-bottom: 11px;
	}
	footer hr {
		width: auto;
		margin-top: 11px;
		margin-bottom: 10px;
	}
}
.carousel-item {
	height: 65vh;
	overflow: hidden;
}

.carousel-item img {
	    width: 100%;
    height: 100%;
    object-fit: cover;   
}

.bg-green-verlauf {
    background-image: -webkit-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(62,88,67,1.00) 0%,rgba(100,122,83,1.00) 100%);
}
.bg-green-verlauf-1 {
    background-image: -webkit-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(91,114,79,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(91,114,79,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(62,88,67,1.00) 0%,rgba(91,114,79,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(62,88,67,1.00) 0%,rgba(91,114,79,1.00) 100%);
}
.bg-green-verlauf-2 {
    background-image: -webkit-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(136,162,80,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(136,162,80,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(136,162,80,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(100,122,83,1.00) 0%,rgba(136,162,80,1.00) 100%);
}
.bg-green-verlauf-3 {    background-image: -webkit-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: -moz-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: -o-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: linear-gradient(180deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-color: rgba(160,207,79,1.00);
	color: rgba(255,255,255,1.00);}
.bg-green-verlauf-4 {
    background-image: -webkit-linear-gradient(283deg,rgba(62,88,67,1.00) 0%,rgba(49,71,54,1.00) 100%);
    background-image: -moz-linear-gradient(283deg,rgba(62,88,67,1.00) 0%,rgba(49,71,54,1.00) 100%);
    background-image: -o-linear-gradient(283deg,rgba(62,88,67,1.00) 0%,rgba(49,71,54,1.00) 100%);
    background-image: linear-gradient(167deg,rgba(62,88,67,1.00) 0%,rgba(49,71,54,1.00) 100%);
}
.bg-green-verlauf-5 {
    background-image: -webkit-linear-gradient(283deg,rgba(115,128,120,1.00) 0%,rgba(63,88,62,1.00) 100%);
    background-image: -moz-linear-gradient(283deg,rgba(115,128,120,1.00) 0%,rgba(63,88,62,1.00) 100%);
    background-image: -o-linear-gradient(283deg,rgba(115,128,120,1.00) 0%,rgba(63,88,62,1.00) 100%);
    background-image: linear-gradient(167deg,rgba(115,128,120,1.00) 0%,rgba(63,88,62,1.00) 100%);
}
.bg-green-verlauf-6 {
    background-image: -webkit-linear-gradient(283deg,rgba(100,131,81,1.00) 0%,rgba(79,95,69,1.00) 100%);
    background-image: -moz-linear-gradient(283deg,rgba(100,131,81,1.00) 0%,rgba(79,95,69,1.00) 100%);
    background-image: -o-linear-gradient(283deg,rgba(100,131,81,1.00) 0%,rgba(79,95,69,1.00) 100%);
    background-image: linear-gradient(167deg,rgba(100,131,81,1.00) 0%,rgba(79,95,69,1.00) 100.00%);
}
.bg-blue-verlauf-2 {
    background-image: -webkit-linear-gradient(270deg,rgba(14,56,94,1.00) 0%,rgba(4,123,160,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(14,56,94,1.00) 0%,rgba(4,123,160,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(14,56,94,1.00) 0%,rgba(4,123,160,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(14,56,94,1.00) 0%,rgba(4,123,160,1.00) 100%);
}
.bg-blue-verlauf-3 {
	    background-image: -webkit-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100.00%);
    color: rgba(255,255,255,1.00);
}
.bg-green {
	background-color: #3E5843;
}


.bg-green-1 {
	background-color: #3E5843;
}
.binnenhafen-1 .bg-green-1 {
    background-color: #3F583E;
}
.binnenhafen-1 .bg-green-2 {
    background-color: #B8C2B0;
}
.bg-green-2 {
	background-color: #B1BCA8;
}
.bg-green-3, .bg-green-light {
    background-color: #667B59;
}
.binnenhafen-1 .bg-green-3 {
    background-color: #6B815E;
}
.bg-green-4 {
	background-color: #687B71;
}
.binnenhafen-1 .bg-green-4 {
    background-color: #7E8D78;
}
.bg-green-5 {
	background-color:#A3C14F;
}
.bg-green-6 {
    background-color: rgba(163,193,79,0.16);
}
.bg-green-7 {
    background-color: #829c51;
}
.bg-green-8 {
    background-color: rgba(166,183,109,1.00);
}
.bg-yellow {
	background-color: #f8d835;
}
.bg-grey-light {
    background-color: #DBDBDB;	
}
.bg-grey-light-2 {
    background-color: #e3e1e2;	
}
.bg-grey {
    background-color: #cbcbcb;	
}
.bg-blue {
	background-color: #0E385E;
}
.bg-blue-1 {
    background-color: rgba(101,166,181,0.09);
}
.bg-blue-2 {
	background-color: #42B6D2;
}
.bg-orange {
	background-color: #F69504;
}

.color-green {
		color: #3E5843;
}
.binnenhafen #clothingnav1 .nav-item a:hover,
.binnenhafen #clothingnav1 .nav-item a.active,
.color-green-1 {
	color: #3E5843;
}
.color-green-3{
	color: #647a53;
}
.color-green-5,
.finowkanalpark #kontakt a {
		color: #A3C14F;
}
.color-green-6 {
    color: rgb(232, 255, 168);
}
.color-green-50 {
		color: #284335;
}
.color-white {
	color: #FFF;
}
.color-yellow, .bg-green a  {
	color: #F8D835;
}
.color-yellow-1 {
	color: rgb(255, 245, 168);
}
.color-grey-dark-1{
	color: #56534C;
}
.color-blue{
	color: #0E385E;
}
.color-blue-1{
	color: #42B6D2;
}
#slideshow {
	padding: 0;
	position: relative;
}
.stoerer {
    position: absolute;
    color: #FFF;
    bottom: 15vh;
    min-width: 400px;
	padding:40px;
	
}
.stoerer h1 {
    font-size: 50px;
    font-weight: 700;
	letter-spacing: 0.04em;
 text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
}

.stoerer h2 {
    font-size: 39px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
    margin-top: 5px;
	padding-bottom: 0;
	margin-bottom: 5px;
}

@media (max-width: 768px) {
.stoerer {
bottom: 15vh;
    min-width: 250px;
	padding:30px;
	
}
.stoerer h1 {
    font-size: 30px;
}

.stoerer h2 {
    font-size: 24px;
    margin-top: 5px;
	margin-bottom: 5px;
}
	
	
}
.binnenhafen-1 #lead {
font-size: 18px; 
}
#lead .icon img {
	width: 100px;
	height: auto;
	margin-top: 20px;

}
@media (max-width: 768px) {
.binnenhafen-1 #lead {
font-size: 17px; 
	padding-left: 10px;
    padding-right: 15px;
}
#lead .icon img {
    width: 45px;
    height: auto;
    margin-top: 10px;
	}}
section {
	padding: 100px 0;
}
@media (max-width: 1024px) {
	section {
	padding: 80px 0;
}
		#karriere {
	padding: 80px 0 60px;
}
}
@media (max-width: 768px) {
	.teaser {
    margin: 0;
}
section {
	padding: 50px 0 30px;
}
.technische-werke section#ueberuns {
		padding: 50px 0 40px;
	}	
	section#beteiligungen, section#winterlager {
		padding: 50px 0 50px;
	}
}

.img-border {
    border: 1px solid #DFDFDF;
}
@media (max-width:768px){
	form.quform {
    margin-bottom: 30px;
}
}
@media (min-width:768.1px){

.twofields .col-md-6:first-child {
padding-right: 7.5px;
}
.twofields .col-md-6:last-child {
padding-left: 7.5px;
}
}
@media (min-width:1024.1px){
.technische-werke-1 #ueberuns {
	padding-bottom: 140px;
}	
}

.checkboxDatenschutz {
	float: left;
	width: 20px;
}
.labelDatenschutz {
	float: left;
	margin-left: 20px;
	margin-top: -18px;
}
input, textarea {
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
}
input::placeholder, textarea::placeholder {
	font-weight: 400;
	color: #8A8A8A;
}
/*----------------------Button------------------------------------*/

.buttonYellow {
    background-image: -webkit-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,179,26,1.00) 99.82%);
    background-image: -moz-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,179,26,1.00) 99.82%);
    background-image: -o-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,179,26,1.00) 99.82%);
    background-image: linear-gradient(180deg,rgba(248,216,53,1.00) 0%,rgba(246,179,26,1.00) 99.82%);
    color: #4A583E;
}
.buttonYellow:hover,
.buttonYellow:active,
.buttonYellow:focus {
    background-image: -webkit-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,166,16,1.00) 31.78%,rgba(246,149,4,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,166,16,1.00) 31.78%,rgba(246,149,4,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(248,216,53,1.00) 0%,rgba(246,166,16,1.00) 31.78%,rgba(246,149,4,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(248,216,53,1.00) 0%,rgba(246,166,16,1.00) 31.78%,rgba(246,149,4,1.00) 100%);
}
.buttonGruen {
	background-image: -webkit-linear-gradient(270deg,rgba(160,207,79,1.00) 0%,rgba(115,166,29,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(160,207,79,1.00) 0%,rgba(115,166,29,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(160,207,79,1.00) 0%,rgba(115,166,29,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(160,207,79,1.00) 0%,rgba(115,166,29,1.00) 100%);
	background-color: rgba(160,207,79,1.00);
	color: rgba(255,255,255,1.00);

}
.buttonGruen:hover,
.buttonGruen:active,
.buttonGruen:focus {
	background-image: -webkit-linear-gradient(270deg,rgba(116,171,22,1.00) 0%,rgba(160,207,79,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(116,171,22,1.00) 0%,rgba(160,207,79,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(116,171,22,1.00) 0%,rgba(160,207,79,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(116,171,22,1.00) 0%,rgba(160,207,79,1.00) 100%);
	background-color: rgba(160,207,79,1.00);
	color: rgba(255,255,255,1.00);

}
.buttonGruen2 {
    background-image: -webkit-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: -moz-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: -o-linear-gradient(270deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-image: linear-gradient(180deg,rgba(163,193,79,1.00) 0%,rgba(117,141,81,1.00) 99.83%);
    background-color: rgba(160,207,79,1.00);
    color: rgba(255,255,255,1.00);

}
.buttonGruen2:hover,
.buttonGruen2:active,
.buttonGruen2:focus {
    background-image: -webkit-linear-gradient(270deg,rgba(117,141,81,1.00) 0%,rgba(163,193,79,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(117,141,81,1.00) 0%,rgba(163,193,79,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(117,141,81,1.00) 0%,rgba(163,193,79,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(117,141,81,1.00) 0%,rgba(163,193,79,1.00) 100%);
    background-color: rgba(160,207,79,1.00);
    color: rgba(255,255,255,1.00);
}
.buttonDarkGreen {
    background-image: -webkit-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(62,88,67,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(62,88,67,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(62,88,67,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(100,122,83,1.00) 0%,rgba(62,88,67,1.00) 100%);
    background-color: #3E5843;
    color: rgba(255,255,255,1.00);
}
.buttonDarkGreen:hover,
.buttonDarkGreen:active,
.buttonDarkGreen:focus {
    background-image: -webkit-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(100,122,83,1.00) 0%,rgba(100,122,83,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(100,122,83,1.00) 0.00%,rgba(100,122,83,1.00) 100.00%);
    background-color: #647A53;
    color: rgba(255,255,255,1.00);
}
.buttonBlue {
    background-image: -webkit-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,156,193,1.00) 0%,rgba(9,88,126,1.00) 100.00%);
    color: rgba(255,255,255,1.00);
}
.buttonBlue:hover,
.buttonBlue:active,
.buttonBlue:focus {
    background-image: -webkit-linear-gradient(270deg,rgba(9,88,126,1.00) 0%,rgba(0,156,193,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(9,88,126,1.00) 0%,rgba(0,156,193,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(9,88,126,1.00) 0%,rgba(0,156,193,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(9,88,126,1.00) 0%,rgba(0,156,193,1.00) 100%);
    color: rgba(255,255,255,1.00);
}
.btn {
    width: 100%;
    height: 42px;
    display: inline-block;
    padding: 6px 40px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    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: 0px solid transparent;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.btn-2 {
    width: auto;
    height: 42px;
    display: inline-block;
    padding: 6px 40px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    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: 0px solid transparent;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
@media (max-width:768px){
	.btn {
    height: 35px;
    line-height: 1;
    padding: 3px 15px 2px;
    margin-bottom: 0;
    font-size: 16px;
    border-radius: 3px;
    letter-spacing: 0.04em;
    margin-top: 8px;
}
	.btn-2 {
    height: 35px;
    line-height: 1;
    padding: 3px 15px 2px;
    margin-bottom: 0;
    font-size: 16px;
    border-radius: 3px;
    letter-spacing: 0.04em;
    margin-top: 8px;
}
}
.btn-3 {
    width: auto;
    height: 35px;
    display: inline-block;
    padding: 5px 22px 7px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    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: 1.5px solid #FFF;
    border-radius: 10px;
}
@media (max-width:1024px){
	.btn-3 {
    height: 33px;
    padding: 4px 19px 6px;
    font-size: 15px;
    line-height: 1.3;
}
	
}
.btn-4 {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 2px 10px 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    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: 0px solid #FFF;
    border-radius: 5px;
	margin-top: 8px;
	margin-bottom: 15px;
}
.btn-5 {
	text-transform: none;
	  font-weight: 400;
	letter-spacing: 0.02em;
	font-size: 20px;
	padding: 12px 22px;
	height: auto;
	line-height: 1;
	width: auto;
	margin-top: 15px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.font-ausgleich {
	margin-left: -2px;
	margin-right: 1px;
}
.grecaptcha-badge { visibility: hidden; }
.recaptcha {
  padding-top: 25px;
  font-size: 10.5px;
  margin-bottom: 0;
}
/*
.container-gmp {
  position: relative;
  z-index: 10;
  width: 100%;
  float: right;
  margin-top: -200px;
}
.gmp {
  width: 175px;
  height: auto;
  float: right;
  margin-right: -5px;
}
*/
.container-gmp {
width: auto;
}
.gmp {
  width: 48px;
  height: auto;
	margin-left: -5px;
}
.gmp.mobil {
	float:right;
	margin-right:60px;
	margin-top:23px;
	width: 52px;
}
@media screen and (min-width: 1020.1px){
	.gmp.mobil {
		display: none;
	}
}