/*
Theme Name: Leitbild AS
Author: BIT7 LLC
Author URI:     https://bit7.it
Description: Individuelles Leitbild Theme für den Landkreis Amberg Sulzbach
Version: 1.1
Text Domain: leitbild-as
*/
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/fjalla-one-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fjalla One'), local('FjallaOne-Regular'),
       url('./fonts/fjalla-one-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/fjalla-one-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/fjalla-one-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/fjalla-one-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/fjalla-one-v6-latin-regular.svg#FjallaOne') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('./fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('./fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('./fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'FreeSerif';
  src: url('./fonts/freeserif.ttf');
}

body {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	font-size: 16px;
	color:#000;
	background: #fff;
	line-height: 1.56;
	margin: 0px;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

#wpadminbar.mobile {
	display:none;
}



/* PRELOADER */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 110000;
	background: #fff;
	text-align:center;
}
.se-pre-con img {
	height:50vh;
	position:relative;
	top: 50%;
    transform: translateY(-50%);
}

/* MENU SIDE */

#main-nav {
	box-sizing: border-box;
    height: 100%;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0;
}

@media only screen and (min-width:901px) {
	.site-header {
		max-width: 450px;
		right: 0px;
		top: 0px;
		background: transparent;
		position:fixed;
		z-index: 99999;
		height:90vh;
	}

	.site-header::after {
	  content: '';
	  position: absolute;
	  width: 2px;
	  background-color: white;
	  top: 0;
	  bottom: 0;
	  right: 130px;
	  z-index:90;
	  transition: all .2s ease-in-out;
	  height:100vh;
	}
	nav {

		padding-right:169px;
		/*right: 169px;*/
		width:100%;
		box-sizing: border-box;
		height: 90vh;
		margin-top: 10vh;
	}

	nav li {
		float: right;
		display:block;
		width:100%;
		text-align:right;
		margin-bottom: 40px;
		z-index:100;
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		height: 75px;
	}



	nav a {
		border-top: none;
		text-transform:uppercase;
		color:#ffffff;
		font-family: 'Source Sans Pro';
		font-weight: 400;
		color: #ffffff;
		font-size: 20px;
		display: block;
		padding: 15px 15px;
		text-decoration: none;
		transition: all .2s ease-in-out;
	}

	nav a::after {
		content: '\2B22';
		color: white;
		font-size: 35px;
		transform: rotate(30deg);
		position:absolute;
		transition: all .2s ease-in-out;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content:  flex-start;
		top: 0px;
		right: -52px;
		font-family:FreeSerif;
	}

	nav .active  a::after {
		color: #447ABD;
		-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
				filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	}


	nav a:hover {
		border-top: none;
		color: #004170;
	}

	nav .active a {
		border-top: none;
		color: #004170;
	}

	nav a,nav a:focus, nav a:active {
		 outline:none;
	 }
}


/* **** MOBILE MENU **** */

.mobile_menu_active nav {
	display:block;
	background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: fixed;
	padding-top:0px;
	padding-right: 88px;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	top: 0px;
}

.mobile_menu_active #main-nav {
    text-align: right;
    margin-top: 0px;
    padding-top: 90px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height: 85vh;
	margin-bottom: 60px;
}
.mobile_menu_active nav {
	right:-100%;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.mobile_menu_active.mobile-menu-visible nav {
	right:0%;
}
.mobile_menu_active #main-nav a {
	color: #808080;
	font-size:19px;
	text-transform:uppercase;
	position:relative;
	font-family: 'Source Sans Pro';
	text-decoration:none;
	padding: 7px 0;
}

.mobile_menu_active #main-nav .active a {
	color: #447ABD;
}


.mobile_menu_active .mobile-button {
	position: fixed;
    height: 50px;
    top: 24px;
    right: 9px;
	background:transparent;
	z-index: 200;
}


.mobile_menu_active #main-nav a::after {
		content: '\2B22';
		color: #666666;
		font-size: 24px;
		transform: rotate(30deg);
		position:absolute;
		transition: all .2s ease-in-out;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content:  flex-start;
		top: 0px;
		right: -32px;
		font-family:FreeSerif;
		z-index: 500;
	}

.mobile_menu_active #main-nav .active  a::after {
		color: #447ABD;
		-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
				filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	}


.mobile_menu_active #menu-icon:after {
	display: none;
}

.mobile_menu_active #main-nav-wrap {
	margin-right: 45px;
}


.mobile_menu_active #main-nav .active  a::after {
	color: #447ABD;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	        filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
}
.mobile-menu-visible #main-nav:before {
  content: '';
  position: absolute;
  width: 2px;
  background-color: #808080;
  top: 0;
  bottom: -20px;
  right: 65px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  min-height:100%;
}

/* *** HEXAGON MENU BUTTON **** */
.mobile-button {

  width: 50px;
  height: 50px;
  will-change: transform;
}
.mobile-button svg {
  display: block;
}
.mobile-button svg polygon {
	 stroke: #ffffff;
	 transition: stroke 0.3s;
}

.mobile-button svg polygon:hover {
  -webkit-animation: hexHover 0.7s;
          animation: hexHover 0.7s;
  cursor: pointer;
}
.mobile-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  padding: 8px 0;
  background-clip: content-box;
  background-color: #ffffff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: background-color 0.3s;
  pointer-events: none;
  box-sizing: content-box;
}
.mobile-button span:before, .mobile-button span:after {
  position: absolute;
  background-color: #ffffff;
  content: '';
  width: 20px;
  height: 2px;
  transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.mobile-button span:before {
  top: 0;
}
.mobile-button span:after {
  bottom: 0px;
}

/* HEXAGON GRAU BEI NACHHALTIGKEITSRAT */

[class*="nachhaltigkeitsrat"] .mobile-button svg polygon {
	 stroke: #4C4D4C;
}
[class*="nachhaltigkeitsrat"] .mobile-button span, [class*="nachhaltigkeitsrat"] .mobile-button span:before, [class*="nachhaltigkeitsrat"] .mobile-button span:after {
  background-color: #4C4D4C;
}

/* HEXAGON GRAU BEI HANDLUNGSFELD / VISION */

.fp-viewing-Handlungsfelder-2 .mobile-button svg polygon, .fp-viewing-Handlungsfeld-2-2 .mobile-button svg polygon, .fp-viewing-Handlungsfeld-3-2 .mobile-button svg polygon, .fp-viewing-Handlungsfeld-4-2 .mobile-button svg polygon, .fp-viewing-Handlungsfeld-5-2 .mobile-button svg polygon {
	 stroke: #4C4D4C;
}
.fp-viewing-Handlungsfelder-2 .mobile-button span, .fp-viewing-Handlungsfelder-2 .mobile-button span:before, .fp-viewing-Handlungsfelder-2 .mobile-button span:after,
.fp-viewing-Handlungsfeld-2-2 .mobile-button span, .fp-viewing-Handlungsfeld-2-2 .mobile-button span:before, .fp-viewing-Handlungsfeld-2-2 .mobile-button span:after,
.fp-viewing-Handlungsfeld-3-2 .mobile-button span, .fp-viewing-Handlungsfeld-3-2 .mobile-button span:before, .fp-viewing-Handlungsfeld-3-2 .mobile-button span:after,
.fp-viewing-Handlungsfeld-4-2 .mobile-button span, .fp-viewing-Handlungsfeld-4-2 .mobile-button span:before, .fp-viewing-Handlungsfeld-4-2 .mobile-button span:after,
.fp-viewing-Handlungsfeld-5-2 .mobile-button span, .fp-viewing-Handlungsfeld-5-2 .mobile-button span:before, .fp-viewing-Handlungsfeld-5-2 .mobile-button span:after
{
  background-color: #4C4D4C;
}


@-webkit-keyframes hexHover {
  0% {
    stroke-dasharray: 0,0,300;
  }
  10% {
    stroke-dasharray: 0,20,300;
  }
  100% {
    stroke-dasharray: 300,20,300;
  }
}

@keyframes hexHover {
  0% {
    stroke-dasharray: 0,0,300;
  }
  10% {
    stroke-dasharray: 0,20,300;
  }
  100% {
    stroke-dasharray: 300,20,300;
  }
}

.mobile-menu-visible .mobile-button svg polygon {
	 stroke: #4D4D4D;
}
.mobile-menu-visible .mobile-button span, .mobile-menu-visible .mobile-button span:before, .mobile-menu-visible .mobile-button span:after {
	background-color: #4D4D4D;
}

.mobile-menu-visible .mobile-button:hover svg polygon {
  -webkit-animation: none;
          animation: none;
}
.mobile-menu-visible .mobile-button span {
  background-color: transparent;
}
.mobile-menu-visible .mobile-button span:before {
  -webkit-transform: translatey(8px) rotate(45deg);
          transform: translatey(8px) rotate(45deg);
}
.mobile-menu-visible .mobile-button span:after {
  -webkit-transform: translatey(-8px) rotate(-45deg);
          transform: translatey(-8px) rotate(-45deg);
}




@media only screen and (min-width:901px) {

	.mobile-button {
		display:none;
	}
}
@media only screen and (max-width:900px) {

	.mobile-button {
		display:block;
	}
}

/* **** MULTIPLE SLIDES **** */


/* LEITBILD MULTIPLE SLIDES */

[class*="Leitbild"] #menu-item-141 a::after {
	color: #447ABD;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	        filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
}

[class*="Leitbild"] #menu-item-141 a {
	color: #004170;

}


/* HANDLUNGSFELDER MULTIPLE SLIDES */

[class*="Handlungsfeld"] #menu-item-142 a::after {
	color: #447ABD;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	        filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
}

[class*="Handlungsfeld"] #menu-item-142 a {
	color: #004170;

}

/* AS WEG ZUR NACHHALTIGKEIT MULTIPLE SLIDES */

[class*="weg-zur-nachhaltigkeit"] #menu-item-112 a::after {
	color: #447ABD;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	        filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
}

[class*="weg-zur-nachhaltigkeit"] #menu-item-112 a {
	color: #004170;
}

/* NACHHALTIGKEITSRAT MULTIPLE SLIDES */

[class*="nachhaltigkeitsrat"] #menu-item-113 a::after {
	color: #447ABD;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
	        filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.3));
}

[class*="nachhaltigkeitsrat"] #menu-item-113 a {
	color: #004170;
}


@media only screen and (min-width:901px) {

	/* INDIVIDUELLE FARBANPASSUNGEN DES MENUES */

	[class*="fp-viewing-Handlungsfelder"] #main-nav a {
		color: #4D4D4D;
	}
	[class*="fp-viewing-Handlungsfelder"] #main-nav a::after {
		color: #4D4D4D;
	}
	[class*="fp-viewing-Handlungsfelder"] .site-header::after {
		  background-color: #4D4D4D;
	}
	[class*="fp-viewing-Handlungsfelder"] #main-nav .active  a::after {
		color: #447ABD;
	}
	[class*="fp-viewing-Handlungsfelder"] #main-nav a:hover {
		color: #004170;
	}

	.fp-viewing-Kontakt #main-nav .active  a::after, .fp-viewing-Kontakt #main-nav .active  a, .fp-viewing-Kontakt #main-nav a:hover {
		color: #97ACD9;
	}

	.fp-viewing-Beteiligte #main-nav .active  a, .fp-viewing-Beteiligte #main-nav a:hover {
		color: #0BBBEF;
	}

}






/* HORIZONTAL SLIDES */


.fp-slidesNav.fp-bottom {
text-align: center;
bottom: 100px;
}
.mobile_menu_active .fp-slidesNav.fp-bottom {
bottom: 45px;
}
.fp-slidesNav ul {
	list-style:none;
}


.fp-slidesNav.fp-bottom ul li a span::after {
	content: "\002B22";
	color: #B2B2B2;
    font-size: 20px;
	transform: rotate(30deg);
	display:inline-block;
	transition: color .1s ease-in-out;

}

.fp-slidesNav ul li a.active span::after {
	color: #447ABD;
}

.fp-slidesNav.fp-bottom ul li a span, .fp-slidesNav ul li:hover a span, .fp-slidesNav.fp-bottom ul li a span,.fp-slidesNav.fp-bottom ul li a.active span,.fp-slidesNav.fp-bottom ul li:hover a.active span {
    margin: 0;
    height: 10px;
    width: 10px;
    background: transparent;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
 }

.fp-controlArrow {
	display:none;
}


/* HORIZONTAL NAVIGATION ARROWS DESKTOP */

@media only screen and (min-width: 901px) {
	.fp-controlArrow {
		background:none;
		border:none;
		display:block;
		top: 0;
		height: 100vh;
		padding: 0;
		box-sizing: border-box;
		margin: 0;
		margin-top: 0px;

	}
	.fp-controlArrow.fp-prev {
		cursor: url('/wp-content/uploads/pfeil-l.svg'), auto;
		left: 0px;
		width: 50vw;
	}
	.fp-controlArrow.fp-next {
		cursor: url('/wp-content/uploads/pfeil-r.svg'), auto;
		right: 0px;
		width: 50vw;
	}
	.fp-controlArrow:hover {
		background-color: transparent;
	}
	.fp-controlArrow:before {
		display:none;
	}
}


/* SEARCH FORM DESKTOP */

@media only screen and (min-width: 901px) {

	#searchform-wrap {
		margin: 5vh 185px 0 0;
		position: relative;
		float: right;
		z-index: 999;
	}
	#searchform {
		position: absolute;
		top: 0;
		right: 0;
	}
	#searchform #s {
		width: 0;
		height: 50px;
		color: #000000;
		box-sizing: border-box;
		background: transparent;
		padding: 10px 34px;
		margin: -5px 0 0;
		float: right;
		border: 0;
		transition: all .7s ease-in-out;
		font-size:18px;
		font-family: 'Source Sans Pro';
	}
	#searchform .search-icon {
		position: absolute;
		background: url(/wp-content/uploads/Lupe.svg);
		background-size: 38px 38px;
		height: 38px;
		width: 38px;
		right: 20px;
		top: 2px;
		filter: brightness(0) invert(1);
		transition: filter .3s;
	}
	#searchform #s:focus, #searchform #s:hover, #searchform .search-icon:hover+#s {
		width:540px;
		color: #000;
		background-color: #fff;
		border:none;
	}
	#searchform:focus .search-icon, #searchform:hover .search-icon {
		filter:none;
	}
	[class*="fp-viewing-Handlungsfelder"] #searchform .search-icon {
		filter: invert(23%) sepia(0%) saturate(1736%) hue-rotate(215deg) brightness(104%) contrast(75%);
	}

}


/* SEARCH FORM MOBILE */
#searchform #s::-webkit-input-placeholder {
color: #000000;
}

#searchform #s:-moz-placeholder { /* Firefox 18- */
color: #000000;
}

#searchform #s::-moz-placeholder {  /* Firefox 19+ */
color: #000000;
}

#searchform #s:-ms-input-placeholder {
color: #000000;
}

.mobile_menu_active #searchform {
	display:none;
}
.mobile-menu-visible #searchform {
	display:block;
}
.mobile-menu-visible #searchform-wrap {
	position: absolute;
    right: 80px;
    top: 25px;
    width: 220px;
	z-index: 2;
	box-sizing: border-box;
}

.mobile_menu_active #searchform #s, .mobile_menu_active #searchform #s:focus, .mobile_menu_active #searchform #s:hover, .mobile_menu_active #searchform .search-icon:hover+#s {
	color:#000000;
}

.mobile_menu_active #searchform #s, .mobile_menu_active #searchform #s:focus, .mobile_menu_active #searchform .search-icon:hover+#s {
	background-color: #EDEDED;
	color: #000000;
	padding: 10px;
    margin: 0;
    float: none;
    border: 0;
	width: 100%;
	font-size: 18px;
}

.mobile_menu_active #searchform {
	width: 100%;
	position: relative;
}

.mobile_menu_active #searchform .search-icon {
	position: absolute;
	right: 10px;
	background: url(/wp-content/uploads/Lupe.svg);
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	top: 7px;
	}




/* FADE ANIMATION SECTIONS */

.section .transition-overlay {
    opacity: 1;
	background: #000;
    transition: opacity 1.25s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
	pointer-events: none;
}
.section.active .transition-overlay {
    opacity: 0;
	transition: opacity 1.25s;
}

/* FONTS */

h1 {
	color:#ffffff;
	font-family: 'Fjalla One';
	font-weight: 400;
	font-size:24px;
	padding-bottom: 20px;
	text-transform:uppercase;
	text-align:left;
	line-height: 1em;
}
h1.big {
	font-size: 39px;
}

p {
	line-height:1.56em;
}
p.blue, div.blue {
	position: relative;
    padding-left: 31px;
}
p.blue::before, div.blue::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    background-color: #447ABD;
    height: 100%;
    left: 0;
    top: 0px;

}
p.blue.far, div.blue.far {
    padding-left: 68px;
}
p.blue.dark::before, div.blue.dark::before {
    background-color: #0C416E;
}
.quote {
	font-family: 'Fjalla One';
	font-size:33px;
	line-height:1.36em;
}
.quote.fazit {
	margin-top:55px;
}
.quote-name {
	font-family: 'Fjalla One';
	font-size:24px;
}

.lgc-grid-parent.lgc-first {
	padding-right:40px;

}


@media only screen and (max-width:900px) {
	p.blue.far, div.blue.far {
		padding-left: 30px;
	}
}

/* HOCHGESTELLT */
sup {
	color:#E73844;
}

.red sup {
	color:#ffffff;
}

.footnote {
	color:#E73844;
	word-break: break-all;
}
.footnote a {
	color:#ffffff;
	text-decoration:none;
}

.footnote::before {
    border-top: 2px solid #E73844;
    display: block;
    position: relative;
    top: 6px;
    margin: 0 auto;
    width: 80%;
    content: "";
    margin-bottom: 23px;
	margin-right: 20%;
}
.red .footnote {
	color:#ffffff;
}
.red .footnote::before {
    border-top: 2px solid #ffffff;
}

@media only screen and (min-width:901px) {
	body {
		font-size: 18px;
	}

	h1.big {
		font-size: 48px;
	}


}


/* FULLPAGE SECTION */

/*.section {
	margin: 0 auto;
	padding: 0%;
	width: 100%;
	position: relative;
 }*/



.fp-tableCell { max-width: 1200px; }

/* CONTENT BOX */

.unten .fp-tableCell {
	vertical-align: bottom;
}

.content-box {
	padding-left:15px;
	padding-right: 15px;
	padding-bottom: 70px;
}
.unten .content-box {

    width: 100%;
    height: auto;
	min-height:200px;
	margin-top: 15vh;
	padding-bottom:50px;
	box-sizing: border-box;
	padding-top:30px;
}

/* DIFFERENT COLORED BOXES MOBIL */

.gray .content-box {
	background-color: rgba(87, 87, 92, 0.9);
	color: #ffffff;
}
.bluebox .content-box {
	background-color: #4877B1;
	color: #ffffff;
}
.bluebox .content-box h1 {
	color:#ffffff;
}

.red .content-box {
	background-color: rgba(231, 55, 67, 0.93);
	color: #ffffff;
}

.white .content-box {
	background-color: #ffffff;
	color: #4D4D4D;
}
.white-trans .content-box {
	background-color: rgba(255, 255, 255, 0.93);
	color: #4D4D4D;
}
.white .content-box h1, .white-trans .content-box h1, .white-red .content-box h1 {
	color: #E73743;
}

.white-red .content-box {
	background-color: #ffffff;
	color: #E73743;
}



/* **** SECTION HOME **** */

.section-Home {
	text-align:center;
	overflow: hidden;
}

#myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	/*background-image: url(/wp-content/uploads/video_poster.png);*/
	background-position: center center;
	background-size: cover;
	object-fit: cover; /*cover video background */
	z-index:3;
}

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
.section-Home .layer{
	position: absolute;
	z-index: 4;
	width: 100%;
	left: 0;
	top: calc(50% - 160px);

	/*
	* Preventing flicker on some browsers
	* See http://stackoverflow.com/a/36671466/1081396  or issue #183
	*/
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*solves problem with overflowing video in Mac with Chrome */
.section-Home {
	overflow: hidden;
}


/* Hiding video controls
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
* --------------------------------------- */
video::-webkit-media-controls {
  display:none !important;
}


.fp-tableCell {
	position:relative;
}

/* LOGO ANIMATION */

.pulse img {
	-webkit-animation: drop-shadow 3s infinite;
		  animation: drop-shadow 3s infinite;
	max-width: 560px;
	width: 100%;
	padding: 10px;
}

@-webkit-keyframes drop-shadow {
  0%, 100%  { -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0)); filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0)); }
  50% { -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.7)); filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.7)); }
}


@keyframes drop-shadow {
  0%, 100%  { -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0)); filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0)); }
  50% { -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.7)); filter: drop-shadow(0px 0px 7px rgba(255, 255, 255, 0.7)); }
}


/* LEITBILD ANIMATIONEN */

.comedown .fp-tableCell, .comeup .fp-tableCell {
	transition: background-position 1s;
	background-repeat: no-repeat;
	background-size:cover;

}

.comedown .fp-tableCell {
	background-position:0 -1000px;
	background-image: url(/wp-content/uploads/Leitbild-Landkreis-AS-Website-Hintergrundbilder-1920px-02194.png);
}
.comeup .fp-tableCell {
	background-position:0 1000px;
	background-image: url(/wp-content/uploads/Leitbild-Landkreis-AS-Website-Hintergrundbilder-1920px-02196.png);
}

.active .comedown .fp-tableCell,.active .comeup .fp-tableCell {
	background-position:0 0;
}
@media only screen and (min-width:900px) {
/* LEITBILD LÖWE */
	.loewe .fp-tableCell {
		background: url(/wp-content/uploads/lionanimation.svg);
		background-repeat: no-repeat;
		background-position: 0px -150px;
		background-size: 900px;
	}
}

/* HANDLUNGSFELDER COLORS */

.unten.handlungsfeld .fp-tableCell .content-box {
	background:#fff;
	overflow:initial;
}

.section-Handlungsfelder h1,.section-Handlungsfelder h2 {
	color: #F7C93B;
}
.section-Handlungsfelder .vision h1,.section-Handlungsfelder .vision p {
	background-color: #F7C93B;
}

.section-Handlungsfeld-2 h1,.section-Handlungsfeld-2 h2 {
	color: #1A55A2;
}
.section-Handlungsfeld-2 .vision h1,.section-Handlungsfeld-2 .vision p {
	background-color: #1A55A2;
}

.section-Handlungsfeld-3 h1,.section-Handlungsfeld-3 h2 {
	color: #7DB1D8;
}
.section-Handlungsfeld-3 .vision h1,.section-Handlungsfeld-3 .vision p {
	background-color: #7DB1D8;
}

.section-Handlungsfeld-4 h1,.section-Handlungsfeld-4 h2 {
	color: #E84431;
}
.section-Handlungsfeld-4 .vision h1,.section-Handlungsfeld-4 .vision p {
	background-color: #E84431;
}

.section-Handlungsfeld-5 h1,.section-Handlungsfeld-5 h2 {
	color: #D6D645;
}
.section-Handlungsfeld-5 .vision h1,.section-Handlungsfeld-5 .vision p {
	background-color: #D6D645;
}

/* HANDLUNGSFELDER MOBIL */

.vision h1 {
	color: #ffffff;
	font-size:54px;
	display:inline-block;
	padding: 3px 20px;
	margin: 0;
	margin-bottom: 44px;

}
.vision p {
	color: #ffffff;
	font-size:16px;
	padding: 70px 35px;

}
.vision	.content-box {
	background:transparent;
	padding-left: 0px;
}
.unten.vision .fp-tableCell {
    vertical-align: middle;
}

@media only screen and (max-width:900px) and (orientation : portrait) {
	.vision p {
		width: 100vw;
		box-sizing: border-box;
	}
	.hf-leitziel .content-box {
		min-height:60%;
	}
	.section-Der-AS-Weg-zur-Nachhaltigkeit .slide-3 .content-box h2 {
		margin-top:100px;

	}

}

.hf-leitziel p {
	font-size: 24px;
	text-align:right;
	text-transform:uppercase;
	font-family: 'Fjalla One';
	color:#ffffff;
}
.hf-leitziel p ~ p {
	margin-bottom: 30px;
}
.hf-leitziel .content-box {
	background:#58585D;
	padding-right: 45px;
	padding-top: 32px;
}




/* AS WEG ZUR NACHHALTIGKEIT MOBIL */

.section-Der-AS-Weg-zur-Nachhaltigkeit .slide-3 h2 {
		color:#ffffff;
		font-family: 'Fjalla One';
		font-size:22px;
		line-height:1.33em;
		padding-left:20px;
		padding-right:20px;
}
.zeitstrahl {
	display:none;
}
.zeitstrahl-mobil {
	display:block;
	margin: 0 auto;
	max-width: 50%;
}




/* NACHHALTIGKEITSRAT NHR MOBIL */

.nhr .content-box {
	height:100vh;
	background:#D8E8F6;
	min-height:100vh;
	font-size:16px;
	font-family: 'Fjalla One';
	background:transparent;
	padding: 45px 20px 20px 20px;
}

.nhr h1 {
	font-size:29px;
	color:#B3B3B2;
	text-transform:none;
	padding-left: 25px;
}
.nhr h1:after {
	content: '';
	display: block;
	width:100%;
	background: #B3B3B2;
	height: 1px;
	margin-left: -25px;
	margin-top: 7px;
	margin-bottom: 5px;
}

.nhr li { color: #B3B3B2; }
.nhr li:nth-child(odd) { color: #E73844; }

.section-Nachhaltigkeitsrat .slide-4.nhr li:first-child {
	list-style:none;
	margin-left:-24px;
}


/* PROJEKTE MOBIL */

.section-Projekte .content-box {
	padding-bottom:200px;
	padding-left:0px;
}

.section-Projekte .content-box h1 {
	padding-left:15px;
	padding-top:50px;
	padding-bottom: 50px;
}

.ui-accordion-header {
	padding: 20px 15px;
	text-transform:uppercase;
	font-size:18px;
	line-height: 1.3em;
	font-family: 'Fjalla One';
	color:#ffffff;
	font-weight:400;
	cursor: pointer;
	margin:0;
}
.ui-accordion-header:nth-of-type(1) {
	background-color: #F1AE29;
}
.ui-accordion-header:nth-of-type(2) {
	background-color: #1A55A2;
}
.ui-accordion-header:nth-of-type(3) {
	background-color: #7DB1D8;
}
.ui-accordion-header:nth-of-type(4) {
	background-color: #E84431;
}
.ui-accordion-header:nth-of-type(5) {
	background-color: #D6D645;
}
.ui-accordion-header {
	border:none;
	outline:none;
}
.ui-accordion-content  {
	background: #fff;
	color: #000;

}



/* KONTAKT MOBIL */

.section-Kontakt .content-box {
	background:transparent;
	color:#ffffff;
}
.section-Kontakt h1 {
	color:#ffffff;
}
.nf-form-fields-required {
	display:
	none;
}
@media only screen and (max-width:900px) {
	.nf-form-cont .nf-field-container.one-half {
		margin-left:0px;
		width:100%;
	}
	.section-Kontakt .content-box {
		padding-left: 20px;
		padding-right: 70px;
		padding-top: 70px;
	}
}

/* BETEILIGTE MOBIL */
.section-Beteiligte .content-box a {
	word-break: break-all;
}
.section-Beteiligte .content-box {
	color: #ffffff;
	padding-top:70px;
}
.section-Beteiligte a {
	color: #D8D8D8;
}
.section-Beteiligte .colored {
	color: #D8D8D8;
}

/* KONTAKT MOBIL */

.section-Kontakt input[type=text],.section-Kontakt input[type=email],.section-Kontakt input[type=text],.section-Kontakt input[type=tel] {
	max-width:100%;
	color: #004170;
	font-size:17px;
	font-family: 'Fjalla One';
	background:#ffffff;
	padding: 10px 25px;
	border: none;
}
.section-Kontakt .nf-field-element textarea {
	max-width:100%;
	color: #004170;
	font-size:17px;
	font-family: 'Fjalla One';
	background:#ffffff;
	padding: 10px 25px;
	height:50px;
}
.section-Kontakt input::-webkit-input-placeholder {
color: #004170 ;
}

.section-Kontakt input:-moz-placeholder { /* Firefox 18- */
color: #004170 ;
}

.section-Kontakt input::-moz-placeholder {  /* Firefox 19+ */
color: #004170 ;
}

.section-Kontakt input:-ms-input-placeholder {
color: #004170 ;
}
.section-Kontakt textarea::-webkit-input-placeholder {
color: #004170 ;
}

.section-Kontakt textarea:-moz-placeholder { /* Firefox 18- */
color: #004170 ;
}

.section-Kontakt textarea::-moz-placeholder {  /* Firefox 19+ */
color: #004170 ;
}

.section-Kontakt textarea:-ms-input-placeholder {
color: #004170 ;
}

.section-Kontakt .field-wrap input[type=button] {
	background:#ffffff;
	border:none;
	padding: 15px 25px;
	width:100%;
	text-align:center;
	color:#4D4D4D;
	font-size:18px;
}
.nf-form-content .nf-field-container {
	margin-bottom:10px;
}
.submit-container {
	margin-top: 25px;
}



/* FOOTER MOBIL */


.section-footer .content-box {
	color:#ffffff;
	padding-left:30px;
	padding-right:30px;
}
.section-footer .address-mobil {
	display:block;
}
.section-footer h2 {
	font-size:18px;
	font-family: 'Fjalla One';
	text-align:center;
}
.fp-viewing-footer-footer .arrowdown {
	display:none;
}
.section-footer a {
	color:#ffffff;
	font-size:19px;
	display: block;
	padding-bottom: 10px;
	text-decoration:none;
}
.footer1 {
	margin-top:100px;
	font-size:19px;
}
.footer2 {
	display:none;
}
.footer2-mobil {
	display:block;
	margin-top: 30px;
	font-size: 14px;
}
.footer3 {
	margin-top:60px;
}
.pdf-icon-big {
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
}
.pdf-icon-small {
	margin-top:80px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:68px;
}

.pdf-wrap {
	transition: 0.3s ease;
}
.pdf-wrap:hover {
	transform: scale(1.075, 1.075);
}

.lgc-grid-parent.lgc-first {
	padding-right:0px;

}

/* DESKTOP OPTIMIERUNG */

@media only screen and (min-device-width:901px) {

	.arrowdown {
		position:fixed;
		bottom:8px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
		background: url(/wp-content/uploads/Pfeil-double.svg);
		display:block;
		width:30px;
		height:30px;
		cursor: pointer;
	}

	.arrowup {
		position:absolute;
		top:65px;
		left: 50%;
		transform: translateX(-50%) rotate(270deg);
		background: url(/wp-content/uploads/Pfeil-double.svg);
		display:block;
		width:30px;
		height:30px;
		cursor: pointer;
	}

	.unten .fp-tableCell .content-box {
		margin-top: 0;
		width: 60%;
		padding-right:30px;
		overflow: auto;
	}

	.handlungsfeld .fp-tableCell .content-box {
		width: auto;
		margin-right: 450px;
		display: inline-block;
	}

	/* DIFFERENT COLORED BOXES */
	.gray .content-box {
		padding-bottom:150px;
		padding-left:160px;
		padding-top:60px;
	}
	.bluebox .content-box {
		padding-bottom:40px;
		padding-left:120px;
		padding-top:40px;
	}

	.red .content-box {
		padding-bottom:170px;
		padding-left:160px;
		padding-top:80px;
	}

	.white .content-box {
		padding-bottom:150px;
		padding-left:160px;
		padding-top:45px;
	}
	.white-trans .content-box {
		padding-bottom:150px;
		padding-left:160px;
		padding-top:45px;
	}
	.white-red .content-box {
		padding-bottom:150px;
		padding-left:160px;
		padding-top:80px;
		padding-right: 50%;
	}





	/* HANDSLUNGSFELDER DESKTOP */

	.handlungsfeld .content-box {
		padding-bottom:150px;
		padding-left:160px;
		}
	.handlungsfeld h1 {
		font-size: 60px;
		line-height: 71.33px;
		text-transform: uppercase;
		line-height: 1em;
		margin: 0;
	}
	.handlungsfeld h2 {
		font-family: 'Source Sans Pro';
		font-weight: 700;
		font-size: 26px;
		padding-bottom: 10px;
		margin: 0;

	}

	.vision {
		width: 63.33%;
		padding-left:160px;

	}

	.vision h1 {
		font-size:88px;
	}
	.vision p {
		padding: 5px 20px 0px 20px;
		font-size:25px;
		margin:0;
	}
	.vision	.content-box {
		padding-left: 160px;
	}



	.unten.hf-leitziel .content-box {
		width: 38%;
		height:100vh;
		background:#58585D;
	}
	.hf-leitziel p {
		font-size: 36px;
		text-align:right;
		text-transform:uppercase;
		font-family: 'Fjalla One';
		color:#ffffff;
	}
	.hf-leitziel p ~ p {
		margin-bottom: 30px;
	}
	.unten.hf-leitziel .content-box {
		padding-top: 180px;
		padding-right: 90px;
	}
	.hf-leitziel hr {
		margin-right:-90px;
		margin-bottom: 25px;
	}


	/* AS WEG ZUR NACHHALTIGKEIT DESKTOP */

	.section-Der-AS-Weg-zur-Nachhaltigkeit .slide-3 .content-box h2 {
		margin-left:270px;
		margin-top:130px;
		max-width:500px;

	}
	.section-Der-AS-Weg-zur-Nachhaltigkeit .slide-3 .fp-tableCell {
		vertical-align: top;

	}
	.zeitstrahl {
		display:block;
		height: 85vh;
	}
	.zeitstrahl-mobil {
		display:none;
	}

	.hide-desktop {
		display:none;
	}



/* NACHHALTIGKEITSRAT NHR DESKTOP */

	.nhr .content-box {
		width: 50%;
		margin-right:450px;
		background:#ffffff;
		font-size:16px;
		height:100%;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 50px;
	}

	.nhr .content-box .nhr-inner {
		background:#DEEBF7;
		height: auto;
		padding:50px;
	}

	.nhr h1 {
		font-size:40px;
		padding-left: 25px;
	}
	.nhr h1:after {
		content: '';
		display: block;
		width:100%;
		background: #B3B3B2;
		height: 1px;
		margin-left: -25px;
		margin-top: 7px;
		margin-bottom: 5px;
	}

	.section-Nachhaltigkeitsrat .slide-4 .nhr li:first-child {
		list-style:none;
		margin-left:-24px;
	}



/* PROJEKTE DESKTOP */

	.section-Projekte .content-box {
		padding-right:450px;
	}
	.ui-accordion-header {
		font-size:30px;
		padding: 25px 150px;
	}
	.section-Projekte .content-box h1 {
		padding-left:150px;
		padding-top:100px;
		padding-bottom: 50px;
	}



/* BETEILIGTE DESKTOP */

	.section-Beteiligte .content-box {
		/*width: calc(100vw - 450px - 160px);*/
		width:100%;
		padding-right: 450px;
		padding-left:160px;
		font-size:16px;
		padding-top:0px;
		padding-bottom:20px;

	}
	.section-Beteiligte h2 {
		font-size:24px;
		font-family: 'Fjalla One';
		margin-top:30px;
	}
	.section-Beteiligte hr {
		margin-right:150px;
		margin-bottom: 20px;
	}





/* KONTAKT DESKTOP*/

	.section-Kontakt .content-box {
		padding-left:160px;
		margin-right:450px;
	}

	.section-Kontakt input[type=text],.section-Kontakt input[type=email],.section-Kontakt input[type=text],.section-Kontakt input[type=tel] {
		font-size:26px;
		padding: 15px 25px;
	}
	.section-Kontakt .nf-field-element textarea {
		font-size:26px;
		padding: 15px 25px;
		height:230px;
	}
	.section-Kontakt .field-wrap input[type=button] {
		padding: 15px 25px;
		width:300px;
		font-size:20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.nf-form-content .nf-field-container {
		margin-bottom:22px;
	}
	.submit-container {
		margin-top: 55px;
	}
	.nf-form-cont {
		height:100%;
	}



/* FOOTER DESKTOP */

	.section-footer .content-box {
		color:#ffffff;
		text-align: center;
	}

	.fp-viewing-footer .site-header {
		display:none;
	}
	.section-footer .address-mobil {
		display:none;
	}
	.section-footer h2 {
		font-size:24px;
		font-family: 'Fjalla One';
		text-align:center;
	}
	.fp-viewing-footer .arrowdown {
		display:none;
	}
	.section-footer a ~ a {
		margin-left:200px;
	}
	.section-footer a {
		color:#ffffff;
		display: inline;
		padding-bottom: 0px;
	}
	.footer1 {
		margin-bottom:80px;
		font-size:19px;
		text-align:center;
		margin-top: 150px;
	}
	.footer2 {
		font-size:19px;
		text-align:center;
		display:block;
	}
	.footer2 p {
		line-height:1em;
	}
	.footer2-mobil {
		display:none;
	}
	.footer2 hr {
		margin-left: -30px;
		margin-right: -30px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.footer3 {
		margin-top:80px;
	}
	.pdf-icon-big {
		text-align:center;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top:40px;
	}
	.pdf-icon-small {
		margin-top:80px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		height:68px;
	}

}




#footer, .contentwrapper + hr {
	display:none;
}

/* SEARCH PAGE */
.search-separator {
	margin-top:50px;
	margin-bottom:50px;
}

.search-results .contentwrapper a {
	color: #004170;
	text-decoration:none;
}


/* GROSSE BILDSCHIRME */

@media only screen
and (min-device-width : 1920px) {

/* NACHHALTIGKEITSRAT  */

	.nhr .content-box {
		font-size:22px;
		width: 42%;
		height:100vh;
		background:#ffffff;
		padding-left: 130px;
		padding-right: 130px;
		padding-top: 100px;
	}

}

/* IPAD */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	.mobile_menu_active .mobile-button {
		top: 24px;
		right: 24px;
	}

	.fp-controlArrow {
		display: none;
	}
	.mobile_menu_active .mobile-button {
		display:block;
	}
	.mobile_menu_active nav {
		width: 100vw;
		height: 100vh;
		top: 0;
		margin-top: 0;
	}
	.mobile_menu_active .site-header::after {
		display:none;
	}
	.site-header {
		max-width: 0px;
	}

	.mobile-menu-visible #searchform-wrap {
	    margin-right: 0px;
		margin-top: 0px;
		width: 300px;
	}
	.mobile_menu_active #searchform .search-icon {
	    background-size: 38px 38px;
		height: 38px;
		width: 38px;
		filter: none;
	}


	.fp-tableCell .content-box {
		margin-top: 15vh;
		padding-left:30px;
		overflow:auto;
	}
	.handlungsfeld .fp-tableCell .content-box {
		width: 50%;
	}
	.section-Projekte .content-box {
		padding-right:0px;
		padding-left:0px;
	}
	.section-Kontakt .content-box, .section-Beteiligte .content-box {
		padding-right: 160px;
		margin-right: 0px;
	}
	.zeitstrahl {
		display:none;
	}
	.zeitstrahl-mobil {

		display:block;
		margin: 0 auto;
	}
	.nhr .content-box {
		font-size:22px;
		width: 70%;
	}

}

/* IPAD PRO */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
	.nhr .content-box {
		width: 70%;
	}
}

/* Desktop FIX for Gallery Scrolling */

.no-touch .unten .fp-tableCell .content-box {
	max-height: 100vh !important;
	overflow:hidden;
}
.no-touch .unten.handlungsfeld .fp-tableCell .content-box {
	overflow:initial;
}

.no-touch .projektescreen .content-box {
	max-height: inherit !important;
} 

/* Adjustments for small desktop screens */

@media only screen and (max-device-width:1600px) {
	.no-touch .long .content-box {
		font-size:14px;
		padding:20px;
	}
	.no-touch .vision .content-box {
		padding-left:20px;
	}

}

.lgc-column p {
	margin-top:0px;
}
.content-box .lgc-grid-parent {
	height:auto!important;
}