/*
Formatierung Inhalte foes.de
Autor: Patrick Förg
v1.0 2019-12-01
*/

a:visited {
	color : #4eb484;
	text-decoration : none;
}

a:link {
	color : #4eb484;
	text-decoration : none;
}

a:hover {
	color : #02336e;
	text-decoration : none;
}

a:active {
	color : #4eb484;
	text-decoration : none;
	outline: none;
}

a:visited.breadcrumb-item {
	color : #6772a3;
	text-decoration : none;
}

a:link.breadcrumb-item {
	color : #6772a3;
	text-decoration : none;
}

a:hover.breadcrumb-item {
	color : #02336e;
	text-decoration : none;
}

a:active.breadcrumb-item {
	color : #6772a3;
	text-decoration : none;
	outline: none;
}

p a:visited {
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color : #4eb484;
	text-decoration : none;
}

p a:link {
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color : #4eb484;
	text-decoration : none;
}

p a:hover {
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color : #02336e;
	text-decoration : none;
}

p a:active {
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color : #4eb484;
	text-decoration : none;
	outline: none;
}

a:focus {
outline: none;
}

:focus {
outline: none;
}

button:focus {
outline: none;
}

button:active {
outline: none;
}

h1, h3, h5 {
	text-align: left;
	font-family: TTNorms-Regular, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5rem;
	line-height: 2.9375rem;
	letter-spacing: 0;
	color: #000000;
}

h2, h4, h6 {
	text-align: left;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.4375rem;
	letter-spacing: 0;
	color: #02336e;
	text-transform: uppercase;
}

.h6footer {
	font-size: 0.75rem;
	line-height: 0.9375rem;
	color: #ffffff;
}
.h6footer.pr-5 {
  padding-right: 3rem;
}
.foesfooter .pr-3 {
	padding-right: 1rem;
}

.h2news {
	color: #000000;
	text-transform: none;
	margin-bottom: 1.5rem;
}

p {
	text-align: left;
	font-family: TTNorms-Regular, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin-bottom: 1rem;
	letter-spacing: 0;
	color: #000000;
}

p strong {
	text-align: left;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.875rem;
	letter-spacing: 0;
	color: #000000;
}

.pfooter {
	font-size: 0.75rem;
	line-height: 1.375rem;
	color: #ffffff;
}

/* FÖS Listenformate */

ul.ce-bullets {
	padding-left: 1rem;
}

ul {
	padding-left: 1rem;
}

li {
	list-style-type: square;
}

li.nav-item {
	list-style-type: none;
}

/* FÖS Listenformate Projekte, Veranstaltungen, Publikationen */

.col-md-6.col-12 .foes-listings-container-events {
	margin-left:35px;
	margin-right:-35px;
}

.foes-listings {
	background-color: #EEF0F5;
	width: 100%;
	padding-bottom: 1.25rem;
}

.foes-listings.row {
	margin-bottom: 0;
	padding-bottom: 1.25rem;
}

.foes-listings-heading {
	background-color: #EEF0F5;
	width: 100%;
}

.foes-listings-heading p{
	text-align: left;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	margin-bottom: 0;
	padding-bottom: 1rem;
	letter-spacing: 0;
	color: #000000;
	padding-top: 2.4375rem;
	margin-left: 2.1875rem;
}

.foes-listings-item-title {
	margin-left: 2.1875rem;
	margin-right: 2.1875rem;
	float: left;
}

.foes-listings-item-title p {
	text-align: left;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #000000;
}

.foes-listings-item-title p a:link {
	color: #02336e;
}

.foes-listings-item-title p a:hover {
	color: #4eb484;
}

.foes-listings-item-title p a:visited {
	color: #02336e;
}

.foes-listings-item-title p a:active {
	color: #02336e;
}

.foesicon-green {
	font-size: 1.875rem;
	color: #4eb484;
	opacity: 1.0;
}



.foes-listings-item-icon {
	text-align: right;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #4eb484;
	padding-right: 2.1875rem;
}

.foes-listings-item-line {
	margin-left: 2.1875rem;
	margin-right: 2.1875rem;
	background-color: #ffffff;
	height: 2px;
}

/* FÖS-Kacheln */

.card.layout-1 {
	border-radius: 0;
	border: 0;
	border-image-width: 0;
	max-width: 320px;
	max-height: 424px;
	margin-bottom: 4.5rem;
}

.card.layout-1 div.card-footer {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #ffffff;
	
	border-radius: 0;
	border: 0;
	max-height: 124px;
}


.card.layout-1 figure.image.text-center {
	max-height: 300px;
}

/* * * * * * * * * * * * * * * * * Popup notice  * * * * * * * * * * * * */
.popup-notice {
	position:fixed;
	right:-300px;
	bottom:10vh;
	width:250px;
	height:250px;
	z-index:999;
	padding:40px 40px 10px 10px;
	opacity:0;
	transition: opacity 1s;
	text-align:center;
}
.popup-notice.active {
	right:5vw;
	opacity:1;
}
.popup-notice .alert {
    color:rgb(2,51,110);
    position: relative;
    padding: 0 5px;
    margin-bottom: 1rem;
    display:inline-block;
    border:2px solid transparent;
}
.popup-notice .alert:hover {
	border:2px solid #4EB484;
}
.popup-notice .alert p {
    color:rgb(2,51,110);
    margin:0;
    padding:0;
    width:auto;
}
.popup-notice .alert p a {
    color:rgb(2,51,110);
    font-family: TTNorms-Regular, Helvetica, Arial, sans-serif;
}
.popup-notice p {
	position:relative;
	color:white;
	z-index:1001;
}
.popup-notice .square-background {
	background-color:rgba(2,51,110,0.9);
	position:absolute;
	left:0;
	bottom:0;
	width:215px;
	height:215px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
}
.popup-notice #overlay-close {
	width:45px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	
}
.popup-notice #overlay-close .corner-1, 
.popup-notice #overlay-close .corner-2 {
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
}
.popup-notice #overlay-close .corner-2 {
	transform: rotate(180deg) translate(-22px, 20px);
	transform-origin: 50%;
	transition: transform 1s;
	transition-delay: 2s;
}
.popup-notice #overlay-close.active .corner-2 {
	transform: rotate(0) translate(0, 0);
}


/* * * * * * * * * * * * * * * * * Media Queries  * * * * * * * * * * * * */

@media (min-width: 320px) {
    .kachelicon {
	min-height: 300px;
	max-height: 300px;
	min-width: 320px;
	max-width: 320px;
}

	.tab-kachel-icon {
	height: 300px;
	width: 320px;
}

.card.layout-1 div.card-footer {
	font-size: 1.25rem;
}
}


@media (min-width: 768px) {
    .kachelicon {
	min-height: 220px;
	max-height: 220px;
	min-width: 182px;
	max-width: 182px;
}

	.tab-kachel-icon {
	height: 220px;
	width: 182px;
}

.card.layout-1 div.card-footer {
	font-size: 1.0rem;
}
}

@media (min-width: 992px) {
    .kachelicon {
	min-height: 300px;
	max-height: 300px;
	min-width: 260px;
	max-width: 260px;
}

	.tab-kachel-icon {
	height: 300px;
	width: 260px;
}

.card.layout-1 div.card-footer {
	font-size: 1.25rem;
}
}

@media (min-width: 1200px) {
    .kachelicon {
	min-height: 300px;
	max-height: 300px;
	min-width: 320px;
	max-width: 320px;
}

	.tab-kachel-icon {
	height: 300px;
	width: 320px;
}

.card.layout-1 div.card-footer {
	font-size: 1.25rem;
}
}


.foesicon {
	font-size: 3rem;
	color: #ffffff;
	opacity: 1.0;
}

/* FÖS-Kacheln Mitarbeiter */

.card.layout-2 {
	border-radius: 0;
	border: 0;
	border-image-width: 0;
	max-width: 320px;
	max-height: 424px;
	margin-bottom: 4.5rem;
}

.card.layout-2 div.card-footer {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #ffffff;
	border-radius: 0;
	border: 0;
	max-height: 124px;
}

.card.layout-2 div.card-body {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #000000;
	border-radius: 0;
	border: 0;
	max-width: 290px;
	min-height: 110px;
	margin-top: -144px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:rgba(255, 255, 255, 0.8);
	z-index: 7;
}

.card.layout-2 div.card-text p {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}

.card.layout-2 div.card-text p strong {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}


.card.layout-2 figure.image.text-center {
	max-height: 400px;
}


@media (min-width: 320px) {
	
    .card.layout-2 div.card-text p {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}

	.card.layout-2 div.card-text p strong {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}
}

@media (min-width: 768px) {
	
	.card.layout-2 div.card-body {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: -144px;
		min-height: 70px;
	}
	
	.card.layout-2 div.card-text p {
	line-height: 1.2rem;
	font-size: 0.9rem;
	margin-bottom: 0;
}

	.card.layout-2 div.card-text p strong {
	line-height: 1.2rem;
	font-size: 0.9rem;
	margin-bottom: 0;
}
}

@media (min-width: 992px) {
	
	.card.layout-2 div.card-body {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: -164px;
		min-height: 90px;
	}
	
	.card.layout-2 div.card-text p {
	line-height: 1.2rem;
	font-size: 1.0rem;
	margin-bottom: 0;
}

	.card.layout-2 div.card-text p strong {
	line-height: 1.2rem;
	font-size: 1.0rem;
	margin-bottom: 0;
}
}

@media (min-width: 1200px) {
    
	.card.layout-2 div.card-body {
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: -144px;
		min-height: 110px;
	}
	
	.card.layout-2 div.card-text p {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}

	.card.layout-2 div.card-text p strong {
	line-height: 1.5rem;
	font-size: 1.20rem;
	margin-bottom: 0;
}
}

/* FÖS-Kacheln Aufsichtsräte und Beiräte */

.col-md-3 .card.layout-2 {
	border-radius: 0;
	border: 0;
	border-image-width: 0;
	max-width: 320px;
	max-height: 424px;
	margin-bottom: 4.5rem;
}

.col-md-3 .card.layout-2 div.card-footer {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #ffffff;
	border-radius: 0;
	border: 0;
	max-height: 124px;
}

.col-md-3 .card.layout-2 div.card-body {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #000000;
	border-radius: 0;
	border: 0;
	max-width: 290px;
	min-height: 80px;
	margin-top: -144px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:rgba(255, 255, 255, 0.8);
	z-index: 7;
}

.col-md-3 .card.layout-2 div.card-text p {
	line-height: 1.25rem;
	font-size: 1.0rem;
	margin-bottom: 0;
}

.col-md-3 .card.layout-2 div.card-text p strong {
	line-height: 1.25rem;
	font-size: 1.0rem;
	margin-bottom: 0;
}


.col-md-3 .card.layout-2 figure.image.text-center {
	max-height: 400px;
}

/* FÖS-Kacheln News */

.news-label-overlay {
	position: absolute;
	z-index: 7;
	background-color: #02336E;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0.7rem;
	transition: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 1.7rem;
}

.news-label {
	position: absolute;
	background-color: #02336E;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0.7rem;
	transition: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 1.7rem;
}

.news-label-container {
	height: 40px;
}

.news-label:hover {
	color: #ffffff;
}

.news-label-overlay:hover {
	color: #ffffff;
}

.row.news-container {
	background-color:rgba(0, 138, 117, 0.18);
	padding-top: 4rem;
	margin-left: 0px;
	margin-right: 0px;
}

.card.layout-3 {
	border-radius: 0;
	border: 0;
	border-image-width: 0;
	max-width: 320px;
	margin-bottom: 4.5rem;
}

.card.layout-3 div.card-header {
	background-color: transparent;
}

.card.layout-3 div.card-footer {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #000000;
	border-radius: 0;
	border: 0;
	max-height: 124px;
}

.card.layout-3 div.card-body {
	text-align: center;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	letter-spacing: 0;
	color: #000000;
	border-radius: 0;
	border: 0;
	/* max-width: 290px;
	min-height: 110px;
	margin-top: -144px; */
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

.card.layout-3 div.card-text p {
	line-height: 1.5rem;
	font-size: 0.875rem;
	margin-bottom: 0;
}

.card.layout-3 div.card-text p strong {
	line-height: 1.5rem;
	font-size: 0.875rem;
	margin-bottom: 0;
}


.card.layout-3 figure.image.text-center {
	max-height: 400px;
}



/* FÖS-Kacheln Ansprechpartner:  */


@media (min-width: 320px) {
	.contact-container {
	width: 100%;
	min-height: 190px;
	max-height: 520px;
	clear: both;
	margin-left: 25%;
	margin-right: 25%;
	}
	
    p.ansprechpartner {
		color: #ffffff;
		font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
		padding: 1rem;
		font-size: 1.0rem;
	}
	
	.contact-container-right {
	background-color: #008A75;
	width: 100%;
	max-width: 190px;
	max-height: 330px;
	float: left;
	margin-bottom: 2rem;
	}

	.contact-container-right p {
	margin-right: 1rem;
	margin-left: 0rem;
	margin-bottom: 0;
	}

	.contact-container-right a.btn {
	margin-left: 1rem;
	}
}


@media (min-width: 768px) {
	.contact-container {
	width: 100%;
	max-height: 190px;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	}
	
    p.ansprechpartner {
		color: #ffffff;
		font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
		padding: 1rem;
		font-size: 1.25rem;
	}
	
	.contact-container-right {
	background-color: #008A75;
	width: 100%;
	max-width: 330px;
	height: 190px;
	float: left;
	margin-bottom: 0;
	}

	.contact-container-right p {
	margin-right: 2.5rem;
	margin-left: 1.5rem;
	margin-bottom: 0;
	}

	.contact-container-right a.btn {
	margin-left: 2.5rem;
	}
}


.contact-container-left {
	width: 190px;
	height: 190px;
	float: left;
}





.contact-container-presse {
	background-color: #008A75;
	width: 100%;
}

.contact-container-presse p {
	margin-right: 1.5rem;
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.contact-container-presse a.btn {
	margin-left: 2.5rem;
}

.contact-container-anfahrt {
	background-color: #EEF0F5;
	width: 100%;
	margin-top: 1rem;
}

.contact-container-anfahrt p {
	margin-right: 1.5rem;
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.contact-container-telfaxemail {
	background-color: #008A75;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.contact-container-telfaxemail p {
	margin-right: 1.5rem;
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.contact-container-telfaxemail a.btn {
	margin-left: 2.5rem;
}


/* FÖS-Zitatblock (Startseite) */

.quotation-green {
	position:relative
}

.quotation-text-container {
	z-index: 7;
	position: absolute;
	width: 100%;
}

.quotation-text {
	color: #ffffff;
	font-family: TTNorms-Italic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding-top: 3rem;
}

.quotation-author {
	color: #ffffff;
	font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal; 
	font-size: 0.875rem;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.25rem;
}

.quotation-author-description {
	color: #ffffff;
	font-size: 0.875rem;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.25rem;
}

@media (min-width: 320px) {
	
	.hidden-on-small-devices {
	visibility: hidden;
	height: 0;
}

}

@media (min-width: 768px) {
	
	.hidden-on-small-devices {
	visibility: hidden;
	height: 0;
}

}

@media (min-width: 992px) {
	
	.hidden-on-small-devices {
	visibility: visible;
	height: 100%;
}

}

@media (min-width: 1200px) {
	
	.hidden-on-small-devices {
	visibility: visible;
	height: 100%;
}

}

.tx-foespublications-show h3 {
	font-size: 1.5rem;
}

.tx-foespublications-show p {
	font-size: 1.0rem;
}

@media only screen and ( max-width: 991.9px ) {
    .foesfooter .column:last-child {
    	text-align:left !important;
    	margin-bottom:40px;
    }
    .foesfooter .column:last-child .h6footer.pr-5 {
    	padding-right:10px !important;
    }
    .foesfooter .column:last-child .h6footer:nth-child(2)::after {
        content: '\A';
        white-space: pre;    
    }
}

/* Accordion */

.accordion {
	margin-top: 2rem;
  margin-bottom: 2rem;
}

.accordion .accordion-item {
	border-radius:0;
	border-left:none;
	border-right:none;
  	border-bottom: 1px solid RGB(78, 180, 132);
}
.accordion .accordion-item:first-child {
	border-top: 1px solid RGB(78, 180, 132);
}
.accordion-button {
	background-image: url("../Icons/nav/Plus_gruen.svg");
	background-repeat:no-repeat;
	background-position:100% 10px;
	background-size:50px;
	color: rgb(78, 180, 132);
	font-size: 1.25rem;
  line-height: 1.4375rem;
  letter-spacing: 0;
  text-transform: uppercase;
  padding:20px 0 40px;
}
.accordion-button:not(.collapsed) {
	background-color:white;
	color: rgb(78, 180, 132);
	outline: none;
	background-image: url("../Icons/nav/Kreuz_blau.svg");
}
.accordion-button:focus {
  border:none;
  outline: 0;
  box-shadow: none;
}
.accordion-button::after {
	background:none;
}
.accordion-button:not(.collapsed)::after
{
  background:none;
}