/* ----------------------- IIP - Intelligenter Intermodaler Pendlerverkehr ----------------------- */


/* ----------------------- Font ----------------------- */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: 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 */
}
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: 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 */
}
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: 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 */
}


/* ----------------------- Fonts ----------------------- */

h1, .h1{
	font-family: "Lato" !important;
	font-weight: 900 !important;
	hyphens: auto;
}

h2, .h2, h4, .h4, .navbar-toggler {
	font-family: "Lato" !important;
    font-weight: 600 !important;
    font-size: 30px;
	hyphens: auto;
    color: #fff;
}
@media (max-width: 630.98px){
	h2, .h2, h4, .h4, .navbar-toggler, p, a{
		font-size: 26px;
	}
}

a{
	font-family: "Lato" !important;
    font-weight: 700 !important;
    font-size: 16px;
    color: #fff;
	hyphens: auto;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
}
@media (max-width: 450.98px){
	a{
		padding: 7px 7px 7px 7px;
	}
}

a:hover{
    color: #fff;
}

p {
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 17px;
    color: #fff !important;
    line-height: 25px;
	text-align: left;
}
@media (max-width: 575.98px){
	p{
		font-size: 16px;
		line-height: 24px;
	}
}

h3, .h3{
	font-family: "Lato" !important;
    font-weight: 600 !important;
    font-size: 21px;
    color: #fff;
	hyphens: auto;
}
@media (max-width: 630.98px){
	h3, .h3{
		font-size: 19px;
	}
}
.bg-iip-green {
    background-color: #98b210;
}

.text-left{
	text-align: left !important;
}

.nav-link, .btn-primary, .navbar-brand{
	font-family: "Lato" !important;
	font-weight: 700 !important;
}

.textwhite{
    font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #fff !important;
    line-height: 23px;
}
@media (max-width: 630.98px){
	.textwhite{
		font-size: 15px;
		line-height: 1.4;
	}
}

.bg-light{
	background-color: #f4f4f4 !important;
}
.bg-grau{
	background-color: #212121;
}
.bg-black{
	background-color: #212121 !important;
}
.footer-black{
	background-color: #000 !important;
}


.headlinetext{
	font-family: "Lato" !important;
    font-weight: 900 !important;
    font-size: 35px;
    color: #105569;
    text-align: left;
}
@media (max-width: 767.98px){
	.headlinetext{
		font-size: 31px;
	}
}
@media (max-width: 575.98px){
	.headlinetext{
		font-size: 27px;
	}
}
@media (max-width: 400.98px){
	.headlinetext{
		font-size: 24px;
	}
}

#fehlerseite{
	padding-top: 100px;
	padding-left: 30%;
	padding-right: 30%;
}
@media (max-width: 1399.98px){
	#fehlerseite{
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media (max-width: 767.98px){
	#fehlerseite{
		padding-left: 7%;
		padding-right: 7%;
	}
}

.fehlerseite{
	font-family: "Lato" !important;
    font-weight: 900 !important;
    font-size: 80px;
	letter-spacing: 5px;
    color: #105569;
    text-align: center;
}

.p-fehlerseite p{
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #000000 !important;
    line-height: 23px;
}



/* ----------------------- Parallax ----------------------- */

#ueberblick{
  background-image: url('/fileadmin/header/iip-header.svg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-pdt{
	padding-top: 180px;
}
.parallax-pdb{
	padding-bottom: 180px;
}
@media (max-width: 767.98px){
	.parallax-pdt{
		padding-top: 80px;
	}
}
@media (max-width: 767.98px){
	.parallax-pdb{
		padding-bottom: 80px;
	}
}

.fliesstext p{
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #000000 !important;
    line-height: 23px;
}

.fliesstext ul, li, ol{
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 16px;
    color: #000000 !important;
    line-height: 23px;
}


/* ----------------------- Tabelle ----------------------- */

table{
    font-family: "Lato" !important;
    font-weight: 600 !important;
    font-size: 19px;
    color: #fcfcfc !important;
    line-height: 26px;
}
@media (max-width: 767.98px){
	table{
		font-size: 16px;
		line-height: 25px;
	}
}
@media (max-width: 420.98px){
	table{
		font-size: 11px;
		line-height: 17px;
	}
}
@media (max-width: 767.98px){
	#ueberblick table{
       display: none;
	}
}
td{
	padding: 10px 40px;
}
@media (max-width: 991.98px){
	td{
		padding: 9px 20px;
	}
}
@media (max-width: 767.98px){
	td{
		padding: 9px 10px;
	}
}
@media (max-width: 420.98px){
	td{
		padding: 6px 6px;
	}
}

.tborder{
	border-right: 1px #fff solid;
}

.tablemobile{
	display: none;
}
@media (max-width: 767.98px){
	.tablemobile{
		display: block;
		padding-right: 35px;
		padding-left: 35px;
	}
}
@media (max-width: 430.98px){
	.tablemobile{
		display: block;
		padding-right: 25px;
		padding-left: 25px;
	}
}

.tablemobile .subline{
	text-align: left;
	font-size: 16px;
    font-weight: 400 !important;
	border-bottom: 1px #fff solid;
	padding-bottom: 18px;
}
.tablemobile .header{
	text-align: left;
	font-size: 19px;
	margin-bottom: 0px;
	font-weight: 600 !important;
	line-height: 27px;
}


/* ----------------------- Partner ----------------------- */
.partnerrow{
	display: flex;
    align-items: center;
    justify-content: center;
}

.col-partner{
	width: 19%;
    margin: 15px 40px 43px 40px;
}
@media (max-width:1399.98px){
	.col-partner{
		width: 18%;
    	margin: 15px 40px 43px 40px;
	}
}
@media (max-width:1199.98px){
	.col-partner{
		width: 21%;
   		margin: 15px 50px 45px 50px;
	}
}
@media (max-width:991.98px){
	.col-partner{
		width: 28%;
   		margin: 15px 50px 45px 50px;
	}
}
@media (max-width:767.98px){
	.col-partner{
		width: 35%;
   		margin: 17px 40px 45px 40px;
	}
}
@media (max-width:575.98px){
	.col-partner{
		width: 32%;
    	margin: 12px 25px 50px 25px;
	}
}
@media (max-width:400.98px){
	.col-partner{
		width: 52%;
    	margin: 20px 0px 50px 0px;
	}
}


.little{
	width: 17% !important;
}
@media (max-width:1399.98px){
	.little{
		width: 19% !important;
	}
}
@media (max-width:1199.98px){
	.little{
		width: 23% !important;
	}
}
@media (max-width: 991.98px){
	.little{
		width: 31% !important;
	}
}
@media (max-width: 767.98px){
	.little{
		width: 47% !important;
	}
}
@media (max-width: 575.98px){
	.little{
		width: 60% !important;
	}
}


.col-foerderer{
	width: 24%;
    margin: 15px 40px 43px 40px;
}
@media (max-width:1399.98px){
	.col-foerderer{
		width: 26%;
    	margin: 15px 40px 43px 40px;
	}
}
@media (max-width:1199.98px){
	.col-foerderer{
		width: 30%;
   		margin: 15px 50px 45px 50px;
	}
}
@media (max-width:991.98px){
	.col-foerderer{
		width: 41%;
	}
}
@media (max-width: 767.98px){
	.col-foerderer{
		width: 48% ;
	}
}
@media (max-width: 575.98px){
	.col-foerderer{
		width: 66%;
		margin: 15px 50px 25px 50px;
	}
}

/*
.partnerlogo{
	filter: brightness(10);
	opacity: 0.92;
}
.partnerlogo:hover{
	filter: brightness(1);
	opacity: 1;
}
*/

/* ----------------------- Navigation ----------------------- */
.nav-link{
	color: #fff !important;
	font-size: 18px !important;
	text-shadow: 0px 0px 30px #000;
}
@media (max-width: 1199.98px){
	.nav-link{
		padding: 2rem 1rem !important;
		font-size: 17px !important;
	}
}
@media (max-width: 1099.98px){
	.nav-link{
		padding: 2rem 0.9rem !important;
		font-size: 16px !important;
	}
}
@media (max-width: 991.98px){
	.nav-link{
		padding: 15px 4px !important;
		font-size: 18px !important;
	}
}
@media (max-width: 991.98px){
	#mainNav {
		min-height: 3.5rem;
		background-color: #000;
	}
}

#mainNav.navbar-shrink {
    background-color: #000;
	text-shadow: none !important;
}

#mainNav .navbar-toggler:focus {
    outline: 5px solid #212121;
}

#mainNav.navbar-shrink .nav-link.active {
    border-bottom: none;
}

#mainNav .navbar-toggler {
    font-size: 80%;
    padding: 18px 16px 16px 16px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: #105569;
}

#mainNav.navbar-shrink .logo {
	filter: none;
}

@media (max-width: 991.98px){
#mainNav {
    min-height: 3.5rem;
    background-color: #fff;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

#mainNav .navbar-toggler:focus {
    outline: 1px solid #fff !important;
}

@media (max-width: 300.98px){
#mainNav .navbar-toggler {
    padding: 13px 10px 10px 10px;
  }
}

.menue{
	width: 13px;
    margin-left: 3px;
    margin-bottom: 2px;
}

#mainNav.navbar-shrink {
    background-color: #fff;
    text-shadow: none;
}

#mainNav.navbar-shrink .nav-link {
    color: #000 !important;
    text-shadow: none;
}

@media (max-width: 991.98px){
.nav-link {
    color: #000 !important;
    text-align: left;
    margin-bottom: 4px;
    text-shadow: none;
}
}
.logo{
	width: 160px;
	-webkit-filter: brightness(100);
}
@media (max-width: 991.98px){
	.logo{
		width: 125px;
        filter: none;
	}
}
@media (max-width: 555.98px){
	.logo{
		width: 100px;
	}
}

@media (max-width: 270.98px){
	.logo{
		width: 70px;
	}
}

/* ----------------------- Header ----------------------- */

.logo-header{
	width: 140px;
    margin-bottom: 20px;
}
@media (max-width: 991.98px){
	.logo-header{
		width: 160px;
	}
}
@media (max-width: 767.98px){
	.logo-header{
		width: 150px;
	}
}
@media (max-width: 575.98px){
	.logo-header{
		width: 140px;
	}
}
@media (max-width: 375.98px){
	.logo-header{
		width: 110px;
	}
}
.logotext{
	font-size: 27px !important;
	font-weight: 600 !important;
	margin-bottom: 5px !important;
}
@media (max-width: 767.98px){
	.logotext{
		font-size: 23px !important;
	}
}
.masthead h1{
	color: #fff !important;
}


.masthead{
	position: relative;
    width: 100%;
    padding: 27rem 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 35%) 0%, rgb(0 0 0 / 0%) 23%, #00000000 100%), url(/fileadmin/header/iip-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
	margin-top: -16px;
}

.masthead-black{
    position: relative;
    width: 100%;
    padding: 27rem 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 17%) 0%, rgb(0 0 0 / 53%) 70%, #000 100%), url('../Images/iip-header.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
	margin-top: -20px;
}

.button{
	padding: 15px 33px;
    color: #fff;
    background-color: #98b210;
    text-decoration: none;
    font-size: 16px;
}
.button:hover{
    background-color: #869f08;
	color: #fff;
}


/* ----------------------- App LP ----------------------- */

.masthead.appheader .headertext{
    margin-bottom: 40px !important;
}

.masthead.appheader .headertext p{
   text-align: center !important;
}


.masthead.appheader .button{
    margin: 10px !important;
}

.masthead.appheader .logo-header{
    width: 170px;
	border-radius: 40px;
	box-shadow: 0px 0px 30px #082831;
}
@media (max-width: 991.98px){
	.masthead.appheader .logo-header{
		width: 140px;
		border-radius: 30px;
	}
}
@media (max-width: 599.98px){
	.masthead.appheader .logo-header{
		width: 100px;
        border-radius: 25px;
		margin-bottom: 13px;
	}
	.masthead.appheader .text-center{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.masthead.appheader .headertext{
		margin-bottom: 10px !important;
	}
	.masthead.appheader .button{
		width: 70%;
		padding: 12px 33px;
	}
	.masthead.appheader h1{
		line-height: 2.0rem;
	}
}

@media (max-width: 400.98px){
	.masthead.appheader .button{
		width: 90%;
	}
}

.masthead.appheader{
    padding: 23rem 0;
	height: 55vh !important;
}
@media (max-width: 991.98px){
	.masthead.appheader{
		padding: 12rem 0;
		height: 70vh !important;
	}
}





.app-mockups img{
	box-shadow: 0px 0px 20px #a0b5bd;
    border-radius: 28px;
}

.app-mockups{
	background-color: #e4eef3 !important;
	padding: 80px;
}
.app-mockups.bg-white{
	background-color: #fff !important;
}
.app-mockups.bg-white img{
	box-shadow: 0px 0px 20px #ccc;
    border-radius: 28px;
}



.app-mockups .col-xl-3{
	padding: 22px;
}
@media (max-width: 1199.98px){
	.app-mockups img{
		border-radius: 20px;
	}
	.app-mockups .col-xl-3{
		padding: 17px;
	}
}
@media (max-width: 575.98px){
	.app-mockups .col-xl-3{
		padding: 20px 0px !important;
	}
}
@media (max-width: 300.98px){
	.app-mockups img{
		border-radius: 14px;
	}
}






.downloadteaser p{
	color: #000000 !important;
	margin-bottom: 35px;
}
.downloadteaser h3{
	font-size: 21px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #98b210 !important;
}


/* ----------------------- Detail Header ----------------------- */

.headlineheader{
	font-family: "Lato" !important;
    font-weight: 900 !important;
    font-size: 32px;
    color: #fff;
	position: absolute;
    z-index: 99;
    top: 340px;
    text-align: left;
}


.detailheader{
	width: 100%;
    overflow: hidden;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	position: relative;
	margin-top: -20px;
}
@media (max-width: 991.98px){
	.detailheader{
		margin-top: 60px;
	}
}

.headertext{
	width: 700px;
	line-height: 22px;
	text-shadow: black 0px 0px 23px;
}
@media (max-width: 830.98px){
	.headertext{
		width: 550px;
	}
}
@media (max-width: 650.98px){
	.headertext{
		width: 400px;
	}
}
@media (max-width: 460.98px){
	.headertext{
		width: 270px;
	}
}
@media (max-width: 360.98px){
	.headertext{
		width: 220px;
	}
}

/* ----------------------- Footer ----------------------- */

footer{
	padding-top: 30px !important;
    padding-bottom: 20px !important;
}
.flexfooter{
	padding-bottom: 10px;
}
@media (max-width: 450.98px){
	.flexfooter{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}

.d-flex{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.border-bottom {
    border-bottom: 1px solid #fff !important;
    width: 600px;
}
@media (max-width: 767.98px){
	.border-bottom {
		width: 500px;
	}
}
@media (max-width: 600.98px){
	.border-bottom {
		width: 400px;
	}
}
@media (max-width: 500.98px){
	.border-bottom {
		width: 380px;
	}
}
@media (max-width: 450.98px){
	.border-bottom {
		width: 250px;
	}
}
@media (max-width: 350.98px){
	.border-bottom {
		width: 160px;
	}
}

.footertext{
	font-size: 16px;
	color: #fff;
	font-weight: 700 !important;
	padding-right: 13px;
	padding-left: 13px;
}


/* ----------------------- General ----------------------- */

.row{
	margin-right: 0px;
    margin-left: 0px;
}

.section-pdt0{
	padding-top: 30px;
}
.section-pdb0{
	padding-bottom: 30px;
}

.section-pdt{
	padding-top: 130px;
}
.section-pdb{
	padding-bottom: 130px;
}
@media (max-width: 767.98px){
	.section-pdt{
		padding-top: 80px;
	}
}
@media (max-width: 767.98px){
	.section-pdb{
		padding-bottom: 80px;
	}
}

body{
	background: #fff;
	overflow-x: hidden;
}

.fettgruen{
	font-size: 21px;
    font-weight: 600;
	margin-bottom: 20px;
	color: #98b210 !important;
}
.fett-gruen{
	font-size: 21px;
    font-weight: 600;
	margin-bottom: 40px !important;
	color: #98b210 !important;
}

::selection{
	color: #fff;
	background-color: #105569;
}

.black{
	background: #000;
}

.padding-bottom-80{
	padding-bottom: 80px;
}

strong{
	font-size: 21px;
    font-weight: 600;
	margin-bottom: 20px;
	color: #98b210 !important;
}
.verlinkung{
	font-family: "Lato" !important;
    font-weight: 800 !important;
    font-size: 17px;
    color: #105569 !important;
    line-height: 25px;
	text-decoration: none;
	padding: 0px;
}
.verlinkung:hover{
    color: #98b210 !important;
}

/* ----------------------- Newsteaser ----------------------- */

.newsteaser{
	padding-top: 10px;
    padding-bottom: 10px;
    filter: brightness(0.87);
}
.newsteaser:hover{
	filter: brightness(1);
}





.newsrow{
	position: relative;
}
@media (max-width: 575.98px){
	.newsrow{
		margin-top: 0px;
	}
}


.newsheadline{
	position: absolute;
	z-index: 9;
	font-size: 20px;
	color: #fff;
	font-weight: 600 !important;
	bottom: 65px;
    left: 31px;
	text-shadow: 0px 0px 18px #000;
	width: 80%;
}
@media (max-width: 991.98px){
	.newsheadline{
		font-size: 24px;
		bottom: 70px;
		line-height: 33px;
	}
}
@media (max-width: 767.98px){
	.newsheadline{
		font-size: 22px;
		bottom: 65px;
		line-height: 29px;
	}
}

@media (max-width: 575.98px){
	.newsheadline{
		font-size: 22px;
		bottom: 60px;
		line-height: 29px;
	}
}
@media (max-width: 400.98px){
	.newsheadline{
		font-size: 20px;
		line-height: 24px;
		bottom: 55px;
	}
}


.newsdatum{
	position: absolute;
	z-index: 9;
	font-size: 18px;
	color: #fff;
	bottom: 19px !important;
    left: 32px !important;
	font-weight: 600 !important;
	background-color: #98b210;
    padding: 5px;
}
@media (max-width: 450.98px){
	.newsdatum{
		font-size: 15px;
		padding: 2px 8px;
	}
}


 @-moz-document url-prefix() {
	.newsheadline{
		bottom: 83px !important;
        left: 38px !important;
	}
	@media (max-width: 991.98px){
		.newsheadline{
			bottom: 72px;
		}
	}
    @media (max-width: 575.98px){
		.newsheadline{
			bottom: 67px;
			left: 30px;
			line-height: 22px !important;
			font-size: 17px;
		}
	}
	.newsdatum{
		bottom: 40px !important;
		left: 40px !important;
	}
    @media (max-width: 575.98px){
		.newsdatum{
			bottom: 40px;
			left: 30px;
			font-size: 14px;
		}
	}
	.mg-news{
		margin-left: 18px;
		margin-bottom: 10px;
	}
	@media (max-width: 575.98px){
		.mg-news{
			margin-left: 18px;
		}
	}
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
	.mg-news{
		margin-left: 13px;
		margin-bottom: -10px;
	}
	@media (max-width: 575.98px){
		.mg-news{
			margin-left: 16px;
		    margin-bottom: 0px;
		}
	}



}

#impressum {
    padding-top: 100px;
    padding-bottom: 50px;
}

#impressum.no-pd-bt {
    padding-bottom: 5px !important;
}

.text-no-pd{
	 padding-top: 0px !important;
}

#news {
    padding-top: 100px;
    padding-bottom: 100px;
}

#news {
    margin-bottom: 40px;
}

.textfield .button{
	margin-right: 20px;
}

.textfield .fliesstext{
	margin-bottom: 20px;
}

@media (max-width: 600.98px){
	.textfield .buttonwrapper{
		display: flex;
		justify-content: left;
		align-items: start;
		flex-direction: column;
	}
	.textfield .button{
		width: 100% !important;
	}
}

/* ----------------------- Projektinfos ----------------------- */

.projektinfos{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.teaserheadline{
	font-family: "Lato" !important;
    font-weight: 600 !important;
    font-size: 24px;
    color: #105569;
    line-height: 30px;
}
@media (max-width: 630.98px){
	.teaserheadline{
		font-size: 21px;
		line-height: 27px;
	}
}

.projektlinks{
	padding: 0px 25px 80px -20px;
}
.projektrechts{
	padding: 0px 0px 0px 25px;
}
.bildlinks{
	padding: 0px 25px 0px 0px;
}
.bildrechts{
	padding: 0px 0px 80px 25px;
}
@media (max-width: 1199.98px){
	.bildrechts{
		padding: 0px 0px 0px 30px;
	}
}
@media (max-width: 1199.98px){
	.bildlinks{
		padding: 80px 30px 0px 0px;
	}
}
@media (max-width: 1199.98px){
	.projektrechts{
		padding: 80px 0px 0px 0px;
	}
}
@media (max-width: 1199.98px){
	.projektlinks{
		padding: 0px 0px 0px -20px;
	}
}
@media (max-width: 991.98px){
	.projektlinks{
		padding: 0px 25px 50px -20px;
	}
}
@media (max-width: 991.98px){
	.projektrechts, .bildlinks, .bildrechts{
		padding: 0px 25px 60px 0px;
	}
}
@media (max-width: 767.98px){
	.projektlinks{
		padding: 0px 0px 30px -20px;
	}
}
@media (max-width: 767.98px){
	.projektrechts{
		padding: 0px 0px 40px 0px;
	}
}
@media (max-width: 767.98px){
	.bildrechts{
		padding: 0px 10px 40px 0px;
	}
}
@media (max-width: 767.98px){
	.bildlinks{
		padding: 0px 0px 40px 10px;
	}
}
@media (max-width: 767.98px){
	.bildrechts{
		padding: 0px 10px 40px 0px;
	}
}
@media (max-width: 575.98px){
	.bildlinks, .bildrechts{
		padding: 0px 0px 40px 0px;
	}
}









/* ----------------------- Veranstaltung ----------------------- */

.veranstaltung{
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 575.98px){
	.veranstaltung{
		padding-right: 14%;
		padding-left: 14%;
	}
}

.event{
	margin-bottom: 35px;
}

.eventlink{
	font-weight: 600 !important;
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
	text-decoration: none;
}
.eventlink:hover{
    color: #98b210 !important;
}

.eventicon{
	width: 100px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px){
	.eventicon{
		width: 90px;
	}
}
@media (max-width: 575.98px){
	.eventicon{
		width: 110px;
	}
}

.d-flex-top{
	display: flex;
    align-items: center;
    flex-direction: column;
}


.button{
	padding: 15px 33px;
	margin-top: 15px;
    color: #fff;
    background-color: #98b210;
    text-decoration: none;
    font-size: 16px;
}
.button:hover{
    background-color: #869f08;
	color: #fff;
}

.iip-blau {
    background-color: #105569;
}


footer a{
	font-size: 18px !important;
}

.pdl-10 {
    padding-left: 15px !important;
}






@-moz-document url-prefix() {
	 .pdl-10 {
        padding-left: 20px !important;
     }
}


.newsbutton{
	margin-top: 55px;
}


.text-iip-blau {
    color: #105569;
	font-size: 35px !important;
}

.eventverlinkung{
	color: #fff;
}
.eventverlinkung:hover{
	text-decoration: underline;
}


.blz{
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 17px;
    color: #000 !important;
    line-height: 25px;
    text-decoration: none;
    padding: 0px;
}


@media (max-width: 575.98px){
	#foerderer .text-center {
		padding-left: 40px;
		padding-right: 40px;
	}
}





* {
    scrollbar-width: thin;
    scrollbar-color: #105569 transparent;
}

:-webkit-scrollbar {
    width: 13px;
}
::-webkit-scrollbar {
    width: 13px;
}
:-webkit-scrollbar-track {
    background: transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
:-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #105569;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #105569;
}

#newsletter_1-49{
	font-family: "Lato" !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    color: #000000 !important;
    line-height: 24px !important;
	margin-bottom: 140px;
	margin-top: -140px;
	padding-right: 3rem !important;
    padding-left: 3rem !important;
}
@media (max-width: 991.98px){
	#newsletter_1-49{
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
}

#newsletter_1-49 .form-control{
	margin-top: 5px;
	width: 50%;
    margin-bottom: 23px;
}
@media (max-width: 1199.98px){
	#newsletter_1-49 .form-control{
		width: 70%;
	}
}
@media (max-width: 767.98px){
	#newsletter_1-49 .form-control{
		width: 90%;
	}
}
@media (max-width: 575.98px){
	#newsletter_1-49 .form-control{
		width: 100%;
	}
}




.form-check-input:checked {
    background-color: #97b00f;
    border-color: #97b00f;
}
#newsletter_1-49-radiobutton-1{
	padding-bottom: 23px;
}

#newsletter_1-49-radiobutton-1 .radio{
	padding-bottom: 2px;
    padding-top: 9px;
}

#nnewsletter_1-49 .form-group input:focus {
    box-shadow: none;
	border: 1px solid #ced4da;
}

#newsletter_1-49 .actions button{
	padding: 15px 33px;
    margin-top: 15px;
    color: #fff;
    background-color: #98b210;
    text-decoration: none;
    font-size: 16px;
	box-shadow: none !important;
	border-radius: 0px;
}

#newsletter_1-49 .actions button:hover{
    background-color: #869f08;
	color: #fff;
}


.video{
	padding-top: 80px !important;
	padding-bottom: 30px !important;
}

.video .text-iip-blau{
	font-size: 25px !important;
}
@media (max-width: 1299.98px){
	.video .text-iip-blau{
		font-size: 22px !important;
	}
}
@media (max-width: 991.98px){
	.video .text-iip-blau{
		font-size: 25px !important;
	}
}
@media (max-width: 575.98px){
	.video .text-iip-blau{
		font-size: 20px !important;
	}
}

.video iframe{
	height: 331px !important;
}
@media (max-width: 1399.98px){
	.video iframe{
		height: 280px !important;
	}
}
@media (max-width: 1199.98px){
	.video iframe{
		height: 230px !important;
	}
}
@media (max-width: 991.98px){
	.video iframe{
		height: 364px !important;
	}
}
@media (max-width: 767.98px){
	.video iframe{
		height: 263px !important;
	}
}
@media (max-width: 575.98px){
	.video iframe{
		height: 267px !important;
	}
}
@media (max-width: 450.98px){
	.video iframe{
		height: 207px !important;
	}
}
@media (max-width: 350.98px){
	.video iframe{
		height: 156px !important;
	}
}




.container-wrapper .container.layout-1 {
	padding-right: 3rem !important;
    padding-left: 3rem !important;
}
@media (max-width: 991.98px){
	.container-wrapper .container.layout-1 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
}

.ce-form_formframework .form-control{
	border: none !important;
	font-size: 17px !important;
	background-color: #e4ebee !important;
	border-radius: 0px !important;
	min-height: 50px !important;
	margin-bottom: 22px !important;
}
.ce-form_formframework textarea.form-control{
	min-height: 146px !important;
}
.ce-form_formframework .submit button{
	padding: 15px 33px !important;
    margin-top: 15px !important;
    color: #fff !important;
    background-color: #98b210 !important;
    text-decoration: none !important;
    font-size: 16px !important;
	border-radius: 0px !important;
	letter-spacing: 1.4px !important;
	margin-bottom: 100px !important;
	text-transform: none !important;
}

.ce-form_formframework .submit button:hover{
	background-color: #869f08 !important;
}

.ce-form_formframework .control-label{
	font-size: 20px;
    font-weight: 600;
    margin-bottom: 3px !important;
    color: #105569 !important;
}

.ce-form_formframework h2{
	display: none !important;
}

.ce-form_formframework .form-check {
    padding-left: 0px !important;
}

/*ACCORDION*/

.accordion-item {
    --bs-accordion-border-radius: 0;
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border-top: 3px solid #e4eef2;
    border-bottom: 3px solid #e4eef2;
    border-left: none;
    border-right: none;
}

.accordion-body {
    padding-top: 0 !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;


}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none !important;
    border-color: none;
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    color: #0f5569;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}