/* === FARBEN === */

.mycolors {
	color: #E3000F; /* rot */
	color: #FFFFFF; /* weiß */
	color: #980267; /* lila */
	color: #B61C3E; /* dunkelrot */
	
	color: #333; 		/* dunkelgrau (Schrift) */
	color: #ededed; /* hellgrau (Kästen) */
	color: #555;
	
	color: #F25762; /* hellrot */
	color: #4099ff; /* hellblau */
	color: #00B4CC; /* türkis */
	color: #046285; /* petrol */
	color: #005D69; /* dunkelpetrol */
	color: #E30067; /* pink */		
}

.spdrot {
	color: #E3000F;
}

.grau {
	color: #555;
}

.bg-spdrot {
	background-color: #E3000F;
}

.bg-dunkelrot {
	background-color: #B61C3E;
}

.bg-lila {
	background-color: #980267;
}

.bg-hellblau {
	background-color: #4099ff;
}

.bg-tuerkis {
	background-color: #00B4CC;
}

.bg-petrol {
	background-color: #046285;
}

.bg-petrol2 {
	background-color: #005D69;
}

.bg-pink {
	background-color: #E30067;
}

.bg-hellrot {
	background-color: #F25762;
}

.bg-hellgrau {
	background-color: #ededed;
}


/* === SCHRIFTEN === */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* === ALLGEMEIN === */

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

html {
	font-size: 16px;
}

html, body {
  overflow-x: hidden;
}

body {
	font-family: 'Open Sans';
	font-weight: normal;
    color: #333;
    position: relative
}

@media screen and (max-width: 575px) {
    html {
       overflow-x: hidden;
    }
}


h1 {
	font-size: 2.2rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #E3000F;
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #E3000F;
}

h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
	color: #000;
	font-weight: bold;
	margin-top: 2rem;
}

.ucase {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

a, a:visited {
	color: #E3000F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #E3000F;
}

textarea {
	max-width: 100%;
}

input {
	max-width: 100%;
}

.wp-caption-text {
	font-size: 0.9rem;
	color:#666;
}

.container img {
	max-width: 100%;
	height: auto;
}

.div-visible {
	display:block !important;
}

/* === MAIN CONTENT === */

#main-content ul {
  list-style: none; /* Remove default bullets */
	padding-left: 1.5rem;
	/*font-size: 1.2rem;*/
}

#main-content ul li::before {
  content: "\25fc";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E3000F;  /* Change the color */
	text-shadow: none;
  font-weight: bold; /* If you want it to be bold */
	font-size:1rem;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.5rem; /* Also needed for space (tweak if needed) */
  margin-left: -1.5rem; /* Also needed for space (tweak if needed) */
}

#main-content ul.bigquestion li::before {
	content: "\2753";
	font-size:1rem;
}

#main-content ul.question li::before {
	content: "\ff1f";
	font-size:1.3rem;
}


/* === HEADER === */

#title-element {
	/*max-height: 120px ;
	height: 10vw;*/
	height: 120px;
	/* background-image: url('../img/SPD_Farbverlauf2020.png');
	background-size: 100% 5px;
	background-repeat: no-repeat;*/
}

.banner-center {
	text-align: center;
}

#header-logo {
	height: 80%;
    min-width: 80px;

}

#header-logo img {
	height: 100%;
	width: auto;
	border: 3px solid #fff;
}

#title-element h1 {
	margin-bottom: 0;
}

/* === FORM === */
label {
	font-weight: bold;
	margin-top: 1rem;
}

input, textarea {
	border: 2px solid #333;
}

button[type=submit] {
	background-color: #E3000F;
	padding: 10px;
	border: 0;
	color: #fff;
	margin-top: 10px;
	float: right;
	text-transform: uppercase;
}




.hero-thumb img {
	/*width: 100%; */
	
	
	    max-height: 40vh;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

.img-fluid {
	background: none;
}



@media (min-width: 767px) {

	.hero-thumb:before {
		background-color: #e3000f;
		width: 100vw;
		height: calc(13% + 1rem);
		content: "";
		left: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		
		width: 100vw;
		z-index: -1;
	}

}

@media (min-width: 767px) {
	.single .hero-thumb {
		/*height: auto; */
		width: auto;
		margin-bottom: -5rem;
	}

	.hero-thumb .thumb-h1 {
		background-color: #e3000f;
		width: 60%;
		position: relative;
		bottom: 7rem; 
		left: 30%;

	}

	.hero-thumb .thumb-h1 h1  {
		color: #fff;
		margin-bottom: 0;
	}

}
	
/* Mobile */
@media screen and (max-width: 767px) {
	h1 {
		font-size: 1.5rem;
	}	
	
	#title-element {
		height: 100px;
	}
}

/* Mobile */
@media screen and (max-width: 575px) {
    #title-element h1 {
        font-size:1.3rem;
			
			
	}
}

a.dl-container {
	display: block;
	height: auto;

	color: #333;
	padding: 20px 20px 20px 5px;

}

a.dl-container > span {
		display: block;
	height: auto;
	
	background-image: url('../img/download_icon.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
		font-weight: bold;

	line-height: 1.2;
	font-size: 1.2rem;
}

.home a.dl-container  {
	background-color: #fff;
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #bbb; 
}

a.dl-container:hover {
	background-color: #ededed;
}

.home a.dl-container:hover  {
	background-color: #fff;
}

a.dl-container:hover {
	text-decoration: none;
}

.dl-container .dl-info {
	font-weight: normal;
	font-size: 0.9rem;
	text-transform: uppercase;
}


/* === HEADER SOLOPAGE === */

.background-blurry {
	filter: blur(.6em) saturate(.7) opacity(0.5);
	width: 100vw;
	height: 100vh;
	position:absolute;
	background-position: center;
	background-size: cover;
	position: fixed;
	z-index: -1;
}

#solo-title-image {
	width: 100%;
	padding-top: 50%;
	background-size: cover;
}


#solo-title-image img {
	width: 100%;
	height: auto;
}


#main-element-solo h1 {
	font-size:3rem;
}

/* === TOP NAV === */
#toggle_div a {
	display: none;
}

#header-nav-holder {
	height: 50px;
	width: 100%;
	z-index: 999;
}

#header-nav-mobile {
		display: none;
  }	

#header-nav {
	height: 50px;
	padding-left:50px;
	background-color: #fff;
}

#header-nav ul {
	list-style: none;
  text-align: center;
	display: flex;
	justify-content: space-around;
	height: 100%;
}

#header-nav ul li {
	height: 100%;
	padding: 12px 6px;
	font-size: 1rem;
	text-transform: uppercase;
}

#header-nav a,
#header-nav a:visited {
	color: #333;
}

#header-nav li.current-menu-item a,
#header-nav li.current-menu-item a:visited,
#header-nav li.current-menu-parent a,
#header-nav li.current-menu-parent a:visited,
#header-nav a:hover {
	color: #E3000F;
	text-decoration: none;
}


#header-smedia   {
	font-size: 2rem;
}

@media screen and (max-width: 768px) {
			#header-smedia   {
			font-size: 1.4rem;
	}
}

#header-smedia  a .miniicon {
	margin-left: 0.3rem;
}

#header-smedia a:hover {
	text-decoration: none;
	background-color: #E3000F;
	color: #fff;
}

@media screen and (min-width: 768px) {
	#header-nav-holder.sticky {
		position: fixed;
		top: 0;
		width: 100%;

	}
		

}

.sticky #header-nav {
	/*background-image: url(../img/logo_pixel.png);*/
  background-size:contain;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
/*
.current-menu-item a,
.current-menu-item a:visited
.current-menu-parent a,
.current-menu-parent a:visited {
	color: #E3000F;
}*/

/* Mobile Nav */
@media screen and (max-width: 767px) {
	#header-nav-holder,
	#header-nav,
	#header-nav ul {
		display: block;
		clear:both;
		height: auto;
		margin-bottom: 0;
		padding: 0;
  }	

	#header-nav-holder {
		display: none;
  }	
	
	#header-nav ul li  {
		width: 100%;
		clear:both;
		height: auto;
		padding: 0;
		border-top: 1px solid #ededed;
  }
	
	#toggle_div a {
	display: block;
	}
} 


/* === MINIPAGE NAV === */





/* === FOOTER NAV === */
#footer-nav ul {
	list-style: none;
  text-align: center;
	display: flex;
	justify-content: space-around;
	height: 100%;
	font-weight: bold;
	padding: 20px 0;
	border-top: 1px solid #ededed;
}

#footer-nav ul a,
#footer-nav ul a:visited {
	text-decoration: none;
	color: #333;
}

#footer-nav ul a:hover {
	text-decoration: none;
	color: #E3000F;
}

/* Mobile Nav */
@media screen and (max-width: 767px) {
	#footer-nav,
	#footer-nav ul {
		display: block;
		clear:both;
		height: auto;
		margin-bottom: 0;
		padding: 0;
  }	

	#footer-nav ul li  {
		width: 40%;
		/*clear:both;*/
		height: auto;
		padding: 0.5rem 0	;
		display: inline-block;
  }
	
	footer div{
		text-align: center;
	}
	
} 

/* Mobile Nav */
@media screen and (max-width: 575px) {
	#footer-nav ul li {
		width: 100%;
		clear:both;
		display: block;
		padding: 0;
  }
}


/* === MAIN: GENERAL === */

.page-wrap {
	padding-top: 0px;
	z-index: 1;
	position: relative;
	min-height: 60vh;
}



/* Mobile */
@media screen and (min-width: 768px) {
	#page-wrap.sticky-before  {
		margin-top: 50px;
	}
}



/* === MAIN: SOLO === */

#solopage-container > section {
	margin-top: -10%;
}



#solopage-container > section > div {
	padding: 5% 10%;
	background-color: #fff;
	margin-bottom: 0.5rem;
}

#solopage-container > section > div#header-nav {
	padding: 0 10px;
	
}

#solopage-container > section > div#header-nav ul {
	padding-inline-start: 0;
}

#solopage-container > section > div:first-child {
	/*margin-top: -10%;*/
}

#solopage-container .moreinfo {
	background-color: #B61C3E;
	height: 150px;
	font-size: 1.8rem;
	color: #fff;
	padding: 15px 30px;
	text-decoration: none;
}

a.backhome {
	background-color: #E3000F;
	font-size: 1.8rem;
	color: #fff;
	padding: 4rem 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

/* === MAIN: MINIPAGE === */

@media screen and (max-width: 991px) {
	#solopage-container.minipage-container > section  {
		margin-top: -20%;
	}
}

#minipage-title {
	position: absolute;
	widows: auto;
	height: auto;
	top: 10%;
	left:0;
	background-color: #fff;
}


/* === BREADCRUMB === */

#breadcrumb-nav {
	height: 24px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	background-color: #fff;
	font-size: 13px;
	padding-top: 2px;
	font-weight: bold;
}

a.breadcrumb-homelink {
	color: #E3000F;
}


/* === MAIN: LEFT - TITLE + SUBNAV === */

#leftbar {
	background-color: #B61C3E;
	padding: 30px;	
}

#leftbar h1 {
	color: #fff;
	border-left: 3px solid #fff;
	vertical-align: middle;
	padding: 15px 0 15px 15px;
	margin-bottom: 0;
}

/* Mobile */
@media screen and (max-width: 767px) {
	#leftbar {
		padding: 15px 30px;
	}
}

@media screen and (max-width: 991px) {
	#leftbar h1 {
		font-size: 1.3rem;
	}
}



/* === MAIN: Bereichseinstieg-Seite === */

/*
#child-list a:hover.box  {
	text-decoration: none;
}

*/
#child-list > div > div {
	position:relative;
  width: 100%;
  max-width: 100%;
  /*display:block;
   border: 3px solid black;
	background-color: aqua;*/
}

#child-list > div > div:before {
  content: "";
  display:block;
}

#child-list > div > div.halb:before {
  padding-top: 50%;
}

#child-list > div > div.voll:before {
  padding-top: 100%;
}

#child-list > div > div.foto:before {
  padding-top: 100%;
}

#child-list > div > div.foto-quadrat:before {
  padding-top: 150%;
}

#child-list > div > div .box {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
	height:auto;
	padding: 22px 33px;
	font-size: 1.8rem;
	/* color: #fff;  */
}

#child-list > div > div.foto .box,
#child-list > div > div.foto-quadrat .box,
#child-list > div > div.halb.personenliste .box {
	padding: 0;
}


/* Foto (querformat) */
#child-list > div > div.foto .box .box-foto {
	width: 100%;
	height: 50%;
	background-size: cover;
}

/*
#child-list > div > div.foto .box .box-title {
	margin: 22px 33px;
}
*/


/* Foto (Quadrat) 
#child-list > div > div.foto-quadrat .box .box-foto {
	width: 100%;
	height: 65%;
	background-size: cover;
	background-position: center;
}
*/

/*
#child-list > div > div.foto-quadrat .box .box-title {
	margin: 22px 33px;
}
*/

#child-list > div > div.halb.personenliste .box {
	background-color: #ededed;
	color: #333;
}

#child-list .box {
	text-align: left;

}


#child-list .box-title {
	text-transform: uppercase;
	padding: 15px 0 15px 15px;	
}


.box-link, .box-link2 {
	position:absolute;
	right:33px;
	bottom:22px;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 20px;
}

#child-list .box-foto {
	background-color: #ededed;
	border-radius: 0;
}

.box-foto {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .2s ease;
  backface-visibility: hidden;

}


#child-list a:hover .box-foto, #child-list a:hover  {
  /*opacity: 0.3;*/
	background-blend-mode: multiply;
	background-color: #E3000F;
	color: #fff;
	text-decoration: none;

}


#child-list .box-foto:hover {
  /*opacity: 0.3;*/
	background-blend-mode: multiply;
	background-color: #E3000F;
}


.box-amt {
	/*border-left: 3px solid #fff;*/
	padding: 0px 0 0px 15px;
	font-size: 1rem;
	color: #333;
	
}

.box-name {
	/*border-left: 3px solid #fff;*/
	padding: 15px 0 5px 15px;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #E3000F;
}

a:hover .box-name {
	text-decoration: underline;
}

.box-contact-inbox {
	padding: 0px 0 15px 15px;
	font-size: 0.9rem;
}

.box-contact-inbox a, .box-contact-inbox a:visited  {
	color: #fff;
}

@media screen and (max-width: 991px) {
	#child-list > div > div .box {
		font-size: 1.3rem;
	}
}


.box-contact-inbox {
	display: none;
}

#child-list .box-link2 {
	display: none;
}


/* Sonderfall: aufgeklappte Kontaktdaten */
#child-list > div > div.foto-quadrat.more-contact:before {
  padding-top: 200%;
}

#child-list .more-contact .box-link {
	display: none;
}

#child-list .more-contact .box-link2 {
	display: block;
}


#child-list .more-contact .box-contact-inbox {
	display: block;
}


/* Foto (Quadrat) */
#child-list > div > div.foto-quadrat.more-contact .box .box-foto {
	height: 49%;

}

.box a, .box a:visited {
	color: #fff;
}



/* === MAIN: Personen-Liste === */

#person-list a:hover.box  {
	text-decoration: none;
}

#person-list > div > div {
	position:relative;
  width: 100%;
  max-width: 100%;
  /*display:block;
   border: 3px solid black;
	background-color: aqua;*/
}

#person-list > div > div:before {
  content: "";
  display:block;
}

#person-list > div > div.halb:before {
  padding-top: 50%;
}

#person-list > div > div.voll:before {
  padding-top: 100%;
}

#person-list > div > div.foto:before {
  padding-top: 100%;
}

#person-list > div > div.foto-quadrat:before {
  padding-top: 150%;
}

#person-list > div > div .box {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
	height:auto;
	padding: 22px 33px;
	font-size: 1.8rem;
	/* color: #fff;  */
}

#person-list > div > div.foto .box,
#person-list > div > div.foto-quadrat .box,
#person-list > div > div.halb.personenliste .box{
	padding: 0;
}


/* Foto (querformat) */
#person-list > div > div.foto .box .box-foto {
	width: 100%;
	height: 50%;
	background-size: cover;
}

#person-list > div > div.foto .box .box-title {
	margin: 22px 33px;
}


/* Foto (Quadrat) */
#person-list > div > div.foto-quadrat .box .box-foto, .top-single-personen .box-foto {
	width: 100%;
	height: 65%;
	background-size: cover;
	background-position: center;
}

#person-list > div > div.foto-quadrat .box .box-title {
	margin: 22px 33px;
}

#person-list > div > div.halb.personenliste .box {
	background-color: #ededed;
	color: #333;
}



.box {
	text-align: center;
}


#person-list .box-title {
	border-left: 3px solid #fff;
	padding: 15px 0 15px 15px;	
}

.box-link, .box-link2 {
	position:absolute;
	right:33px;
	bottom:22px;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 20px;
}

.box-foto {
	background-color: #ededed;
	border-radius: 50%;
}

.box-foto {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .2s ease;
  backface-visibility: hidden;

}


#person-list a:hover .box-foto {
  /*opacity: 0.3;*/
	background-blend-mode: multiply;
	background-color: #E3000F;
}


#person-list .box-foto:hover {
  /*opacity: 0.3;*/
	background-blend-mode: multiply;
	background-color: #E3000F;
}


#person-list .box-amt {
	/*border-left: 3px solid #fff;*/
	padding: 0;
	font-size: 1rem;
	color: #333;
	
}

#person-list .box-name {
	/*border-left: 3px solid #fff;*/
	padding: 15px 0 5px 0;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #E3000F;
}

a:hover .box-name {
	text-decoration: underline;
}

.box-contact-inbox {
	padding: 0px 0 15px 15px;
	font-size: 0.9rem;
}

.box-contact-inbox a, .box-contact-inbox a:visited  {
	color: #fff;
}

@media screen and (max-width: 991px) {
	#person-list > div > div .box {
		font-size: 1.3rem;
	}
}


.box-contact-inbox {
	display: none;
}

#person-list .box-link2 {
	display: none;
}


/* Sonderfall: aufgeklappte Kontaktdaten */
#person-list > div > div.foto-quadrat.more-contact:before {
  padding-top: 200%;
}

#person-list .more-contact .box-link {
	display: none;
}

#person-list .more-contact .box-link2 {
	display: block;
}


#person-list .more-contact .box-contact-inbox {
	display: block;
}


/* Foto (Quadrat) */
#person-list > div > div.foto-quadrat.more-contact .box .box-foto {
	height: 49%;

}

.box a, .box a:visited {
	color: #fff;
}


/* === MAIN: Personen-Single === */

.top-single-personen .box-foto:before
{
  padding-top: 150%;
}

.personen-bezeichnung {
	font-size: 1.4rem;
	font-weight: 600;
	color:#fff;
	text-transform: uppercase;
	line-height: 1;
}

#single-personen-container > div > div.box-name h1 {
	line-height: 1;
	font-size: 2.2rem !important;
	color: #fff;
}

#single-personen-container > div > div {
	position:relative;
  width: 100%;
  max-width: 100%;
}



#single-personen-container > div > div:before {
  content: "";
  display:block;
}


#single-personen-container > div > div.foto-quadrat:before, .top-single-personen .box-foto:before
{
  padding-top: 100%;
}

#single-personen-container > div > div .box {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
	height:auto;
	padding: 22px 33px;
	font-size: 1.8rem;
	/* color: #fff;  */
}

#single-personen-container > div > div.foto .box,
#single-personen-container > div > div.foto-quadrat .box,
#single-personen-container > div > div.halb.personenliste .box{
	padding: 0;
}

.top-single-personen .box-foto:before
{
  padding-top: 150% !important;
}

.top-single-personen-holder  {
	background-color: #E3000F;
}

.top-single-personen .box-name  {
	color: #FFF;
}

.top-single-personen .box-foto {
	position:relative;
  width: 100%;
  max-width: 100%;
	

	height: 100%;
	background-size: cover;
	background-position: center;
  /*display:block;
   border: 3px solid black;
	background-color: aqua;*/
}

.single-personen-kontakt {
	border: 5px solid #E3000F;
}

/* === MAIN: Termin-Seite === */

h2.termin-monat {
	font-size: 160%;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.termin-list-element {
	margin-bottom: 1rem;
}

.termin-datum, .termin-ort {
	font-size: 1.2rem;
}

.termin-titel {
	font-size: 1.2rem;
	font-weight: bold;	
}

.termin-datum {
	color: #E3000F;
}


/* === Startseite (Kacheln) === */

.startkachel {
	border: 1px solid #ededed;
}


/* === MAIN: Blog === */

.category-antrag {
	border-left: 5px solid #E3000F;
}


.blog-container  {
	background-color: #ededed;
	padding-right: 0;
}

.cat-blog-ueber {
	background-color: #FFF;
	margin-left: -1px;
	
}

.cat-blog-ueber label {
	background-color: #E3000F;
	color: #fff;
	
}

.meta-date {
	text-align:right;
	color:#666666;
	font-size:1rem;
	font-style:italic;
}

.entry-header-blog {
	float:left;
	clear:both;
	height:auto;
	width:98%;
	
	margin: 0 0 1% 0;
	font-size: 28px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	padding-top: 1.5%;
	padding-right: 0%;
	padding-bottom: 1.5%;
	padding-left: 2%;
	color:#000;
}

.more-link {
	display: block;
	text-align: right;
	text-transform: uppercase;
}


#prevnext-area > div > div > div {
	text-transform: uppercase;
	

}

.prevnext-button {
	display: block;
	background-color: #ededed;
	padding: 10px;
	text-transform: uppercase;
}

.commentlist li {
	border-right: 3px solid #ededed;
}

.comment-meta, .comment-reply {
	font-size: 0.9rem;
}

/* === PERONEN SINGLE === */


.single-kontakt {
	background-color: #ededed;
}

.single-kontakt a, .single-kontakt a:visited {
	color: #333;
	text-decoration: none;
}

.single-kontakt a:hover {
	color: #E3000F;
}

.blog-info-kaesten {
	border: 2px solid #fff;
	background-color: #ededed;
	font-size: 0.8rem;
	text-align: center;
}

.miniicon {
	margin-right: 0.3rem;
}



.person-thumbnail {
	max-height: 50vh;
}


/* === FOOTER === */

footer > nav,
footer > div {
	background-color: #fff;
}

footer ul {
	margin-bottom: 0;
}




/* === PETITION === */

.unterstuetzung {
	color: #E3000F;
	text-transform: uppercase;
	font-weight: bold;
}




/* Mobile */
@media screen and (max-width: 767px) {
	.container {
		width: 100%;
		max-width: none;

	}


	
}