@charset "UTF-8";

/**
* Theme Name: Generatepress-Child für jobs.pfefferwerk.de
* Description: Generatepress Child 
* Theme Author: test 
* Author URI: 
* Template: generatepress 
* Version: 1.1 
* Text Domain: GeneratePress-Child 
* */


/* Font Family definieren */
@font-face {
	font-family: "FrutigerLT-45";
	src: url("./assets/fonts/Frutiger-LT-Std-45-Light18818.woff2") format("woff2"),
		url("./assets/fonts/Frutiger-LT-Std-45-Light18818.woff") format("woff"),
		url("./assets/fonts/Frutiger-LT-Std-45-Light18818.ttf") format("truetype"),
		url("./assets/fonts/Frutiger-LT-Std-45-Light18818.svg#Frutiger LT Std") format("svg"),
		url("./assets/?#iefix") format("embedded-opentype")
}


:root {
	/* Main Farben */
	--rot: #e3000f;
	--grau-dunkel: #cccccc;
	--grau-hell: #e3e3e3;
	/* Sekundär Farben */
	--orange: rgb(239, 125, 0);
	--hellgruen: rgb(174, 189, 20);
	--gruen: rgb(71, 143, 78);
	--blau: rgb(54, 95, 130);
	--gelb: rgb(218, 189, 0);
	--carbon-grau: #141414;
}


* {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: "FrutigerLT-45";
}


h1 {
	font-size: 2.8125rem;
	color: var(--rot);
}

h2 {
	font-size: 2.25rem;
	color: var(--rot);
}

h3 {
	font-size: 1.875rem;
	color: var(--carbon-grau);
}

h4 {
	font-size: 1.5rem;
	font-weight: bold;
}

a {
	font-size: 1.875rem;
	color: var(--rot);
}

p, p a {
	font-size: 1.5rem;
}

b,
strong {
	font-weight: 700;
	font-size: 18px;
}

a:hover, a:focus, a:active {
    color: var(--rot);
    text-decoration:underline;
}

object{width:100%}

.d-flex  {display: flex !important}
.p-relative {position: relative !important;}

.menu-item a:hover,  
.menu-item a:focus,
.menu-item a:active,
.site-branding a:hover,  
.site-branding a:focus,
.site-branding a:active {
	text-decoration: none;
}

.wp-block-group {
	margin-bottom: 3.125rem;
}
.site-main .wp-block-group__inner-container {
    padding: 0px;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0 0 0 20px;
}
/* ################################################ Utility Classes */
.d-flex>div {
	display: flex !important;
}

.t-bold-600 {
	font-weight:600 !important;
}

#content {
	margin-bottom: 80px
}


/* */
ul.pfw-list {
	list-style-type: none
}

ul.pfw-list li::before {
	content: "\25AA";
	color: var(--rot);
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

ul.pfw-list li {
	font-size: 1.5rem;
}


/* ################################################ Social Icons */
.s-contact {
	background-size: cover;
	background-image: url("assets/icons/close/close-W-R.png");
}

.s-twitter {
	background-size: cover;
	background-image: url("assets/icons/icon_twitter/icon_twitter-wr.png");
}

.s-twitter:hover {
	background-image: url("assets/icons/icon_twitter/icon_twitter-rw.png");
}

.s-twitter-R-W {
	background-size: cover;
	background-image: url("assets/icons/icon_twitter/icon_twitter-rw.png");
}

.s-instagram {
	background-size: cover;
	background-image: url("assets/icons/icon_instagram/icon_insta-wr.png");
}

.s-instagram:hover {
	background-image: url("assets/icons/icon_instagram/icon_insta-rw.png");
}

.s-instagram-R-W {
	background-image: url("assets/icons/icon_instagram/icon_insta-rw.png");
}


.s-youtube {
	background-size: cover;
	background-image: url("assets/icons/icon_youtube/icon_youtube-wr.png");
}

.s-youtube:hover {
	background-image: url("assets/icons/icon_youtube/icon_youtube-rw.png");
}

.s-youtube-R-W {
	background-size: cover;
	background-image: url("assets/icons/icon_youtube/icon_youtube-rw.png");
}
.s-linkedin {
	background-size: cover;
	background-image: url("assets/icons/icon_linkedin/icon_linkedin-wr.png");
}

.s-linkedin:hover {
	background-image: url("assets/icons/icon_linkedin/icon_linkedin-rw.png");
}

.s-linkedin-R-W {
	background-size: cover;
	background-image: url("assets/icons/icon_linkedin/icon_linkedin-rw.png");
}

.s-accessibility {
	background-size: cover;
	background-image: url("assets/icons/icon_barrierefrei/icon_barrierefrei-wr.png");
}

.s-accessibility:hover {
	background-image: url("assets/icons/icon_barrierefrei/icon_barrierefrei-rw.png");
}

.s-accessibility-R-W {
	background-size: cover;
	background-image: url("assets/icons/icon_barrierefrei/icon_barrierefrei-rw.png");
}

.s-blog {
	background-size: cover;
	background-image: url('assets/icons/icon_blog/icon_blog-wr.png');
}

.s-blog:hover {
	background-size: cover;
	background-image: url('assets/icons/icon_blog/icon_blog-rw.png');
}

.s-media {
	background-size: cover;
	background-image: url("assets/icons/icon_mediathek/icon_mediathek-wr.png");
}

.s-media:hover {
	background-image: url("assets/icons/icon_mediathek/icon_mediathek-rw.png");
}

.s-email {
	background-size: cover;
	background-image: url("assets/icons/icon_e-mail/icon_e-mail-wr.png");
}

.s-email:hover {
	background-image: url("assets/icons/icon_e-mail/icon_e-mail-rw.png");
}

.site-socials {
	display: flex;
	gap: 10px;
}

.site-socials li {
	margin: 0;
}

.site-socials li>a>div {
	border: 1px solid var(--rot);
	width: 30px;
	height: 30px;
	transition: background-image .25s ease-in-out;
}

.footer-socials li {
	display: flex;
	
}

.footer-socials li>div {
	width: 25px;
	height: 25px;
	background-size: cover;
	margin: -2px 0.3rem 0.5rem 0;
}

.footer-socials li p {
	padding-left: 3px
}

/* * Header CSS */
.site-header .inside-header {
	transition-duration: 0.1s;
	justify-content: space-between;
}

.site-header .inside-header .header-widget {
	margin-left: unset;
}

.site-header .inside-header .site-branding-container .site-branding {
	margin: auto;
	margin-top: 3px;
	margin-left: 26px
}

.site-header .inside-header .site-branding-container .site-branding a {
	display: flex;
	flex-direction: column;
}

.site-branding-container .site-branding {
	margin: auto;
}

.site-branding-container .site-branding .main-title {
	color: var(--contrast);
	font-size: 1.5rem;
}

.site-branding-container .site-branding .main-title .tagline-welcome {
	font-size: 1.63rem;
	font-weight: 400;
}

.site-branding-container .site-branding .main-title .tagline-team {
	color: var(--rot);
	margin: 0;
	margin-top: 0.5rem;
	font-size: 2.25rem;
	font-weight: 400
}

.main-navigation {
	background-color: var(--base-2);
}

.main-navigation a {
	font-size: 18px;
}

.inside-navigation {
	border-bottom: 1px solid #e3000f;
}

.menu-item:not(.current-menu-item):after {
	display: block;
	content: '';
	border-bottom: solid 3px var(--rot);
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

.menu-item:hover:after {
	transform: scaleX(1);
}

.menu-item.current-menu-item:after {
	display: block;
	content: '';
	border-bottom: solid 3px var(--rot);
	transform: scaleX(1);

}

.site-info {
	background-color: var(--rot);
}

.site-content {
	position: relative;
	padding: 20px !important;
}

.site-content .content-area {
	width: 70%;
}

.no-sidebar .site-content .content-area {
	width: 100%;
}


.svg-wrapper {
	display: flex;
	align-items: center;
	padding: 1rem;
}

.svg-wrapper>img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* * Sidebar CSS */
.is-right-sidebar {
	width: 30%;
}

.is-right-sidebar .inside-right-sidebar .widget {
	padding: 0;
	background-color: transparent;
}

.ansprechpartner .ansprechpartner-content {
	display: flex;
	align-items: start;

}

.ansprechpartner .ansprechpartner-content .contact-info {
	flex: 1 0 auto;
}

.ansprechpartner .ansprechpartner-content .contact-info .br {
	margin-bottom: 1rem;
}

.ansprechpartner .ansprechpartner-content .contact-info p,
.ansprechpartner .ansprechpartner-content .contact-info a {
	margin: 0;
	font-size: 16px;
}

.ansprechpartner .ansprechpartner-content .contact-image {
	text-align: center;
	flex: 1;
	margin-right: 0.8rem;
	margin-left: 0;
	margin-bottom:.5rem;
	padding-top:6px;
}

.ansprechpartner .ansprechpartner-content .contact-image img {
	object-fit: contain;
	/*      border-radius:10px */
}


/* * Footer CSS */
.site-footer {
	border-top: 4px solid var(--grau-hell);
}

.site-footer a,
.site-footer p {
	font-size: 1rem;
}

.site-footer .footer-widgets ul {
	display: inline-block;
}

.footer-widgets-container {
	position: relative;
	z-index: 1;
}

.inside-footer-widgets>div {
	flex: 0 1 auto;
}

.footer-widget-1 {
	width:70%;
}

.footer-widget-2 {
	width:30%;
}

.footer-widget-1 h2, 
.footer-widget-2 h2 {
	border-bottom:3px solid var(--grau-hell);
}

.footer-address-and-weblinks>div {
	display:flex;
	flex-flow: row wrap;
}

.footer-address { width:50% }
.footer-weblinks { width:50% }




footer.site-info .inside-site-info.grid-container {
	max-width:unset;
}


.footer-bar {
	display:flex; 
	justify-content: space-between;
	align-items:center;
	color:#fff;
	width:100%;
}

.footer-bar a, 
.footer-bar a.hover, 
.footer-bar a.active, 
.footer-bar a.focus {
	color: #fff
} 

.footer-bar .footer-bar-logo img {
	max-width:120px;
} 



/* *####################################### * Seite > Header > Header Img */
.header_img_container {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	overflow:hidden;
}

.header_img_container img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	/* Fixed random 3px margin bottom*/
}

.header_img_container .header_img_polygon {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--rot);
	opacity: 85%;
	height: 120px;
	width: 720px;
	clip-path: polygon(0px 45px, 720px 0px, 720px 120px, 0px 120px);
}

.header_img_container .header_img_polygon .header_text_container {
	position: absolute;
	bottom: 0;
	right: 0;
	padding:10px;
}

.header_img_container .header_img_polygon .header_text_container p {
	color: white;
	margin: 0;
	font-size: 30px;
	text-align:right;
	line-height:1.2;

}


/* ####################################################### Menschen, Orte und Geschichten / Testimonials */


.testimonial_container > div .testimonial:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color: var(--rot);
	position: absolute;
	box-sizing: border-box;
}


.testimonial_container>div .testimonial:nth-child(1):before {
	top: 0;
	left: -1px;
}

.testimonial_container>div .testimonial:nth-child(1) {
	border-left: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(2):before {
	top: -1px;
	right: 0;
}

.testimonial_container>div .testimonial:nth-child(2) {
	border-top: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(3):before {
	bottom: 0;
	right: -1px;
}

.testimonial_container>div .testimonial:nth-child(3) {
	border-right: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(4):before {
	bottom: -1px;
	left: 0;
}

.testimonial_container>div .testimonial:nth-child(4) {
	border-bottom: 2px solid var(--rot);
}


.testimonial_container>div .testimonial:nth-child(5):before {
	top: 0;
	left: -1px;
}

.testimonial_container>div .testimonial:nth-child(5) {
	border-left: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(6):before {
	top: -1px;
	right: 0;
}

.testimonial_container>div .testimonial:nth-child(6) {
	border-top: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(7):before {
	bottom: 0;
	right: -1px;
}

.testimonial_container>div .testimonial:nth-child(7) {
	border-right: 2px solid var(--rot);
}

.testimonial_container>div .testimonial:nth-child(8):before {
	bottom: -1px;
	left: 0;
}

.testimonial_container>div .testimonial:nth-child(8) {
	border-bottom: 2px solid var(--rot);
}

.testimonial_container>div .testimonial {
	position: relative;
	width: 100%;
	margin: 2.5rem 0;
	background-color: #fff;
	display: flex;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .10);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .10);
}

.testimonial_container>div .testimonial .testimonial_header {
	margin: 2rem;
	width: 200px;
	min-width: 200px;

}

.testimonial_container>div .testimonial .testimonial-img {
	background-size: cover;
	background-position:center center;
	background-repeat: no-repeat;
	height: 100%;
}

.testimonial_container>div .testimonial .testimonial_header img {

	width: 100%;
	height: auto;

}

.testimonial_container>div .testimonial .testimonial_headline {
	color: var(--rot);
	margin-top: 35px;
}

.testimonial_container>div .testimonial .testimonial_headline h4 {}

.testimonial_container>div .testimonial .testimonial_text {
	padding: 25px;
}

.testimonial_container>div .testimonial .testimonial_text h3 {}

.testimonial_container>div .testimonial .testimonial_text p {
	font-size: 16px;
	text-align: justify;
}


/* ####################################################### Wir über uns (Startseite) / Our Mission Box */
.our_mission>div {
	padding: 0;
}

.our_mission>div p {
	font-size: 1.25rem;
}

.our_mission>div .wp-block-image {
	height: 200px;
}

.our_mission>div .our_mission_fields>div {
	padding: 0;
}

.our_mission>div .our_mission_fields>div .our_mission_field_container {
	display: flex;
	gap: 3.125rem;
	justify-content: center;
}

.our_mission>div .our_mission_fields>div .our_mission_field_container .wp-block-column {
	margin: 0;
}

.our_mission>div .our_mission_fields>div .our_mission_field_container div .wp-block-image {
	width: 100%;
	height: 200px;
	margin: auto;
}

.our_mission>div .our_mission_fields>div .our_mission_field_container div h2 {
	margin: 2rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.5625rem;
	color: black;
}

.our_mission>div .our_mission_fields>div .our_mission_field_container div p {
	font-size: 1.25rem;
	text-align: justify;
}



/* CTA Jetzt bewerben */

.cta-initial-application,
.link-to-jobs {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	background-color: #e3000f;
	padding: 3rem;
	color: #fff;
	margin: 2rem 0 5rem;
}

.sidebar .cta-initial-application,
.link-to-jobs {
    background-color:transparent;
    flex-direction:column;
    text-align: center;
    line-height: 1.2;
}

.sidebar .cta-initial-application > div {
    width:100%;
}


.cta-teaser {
	width: 50%;
	padding: 2rem;
	font-size: 2rem;
}

.sidebar .cta-initial-application .cta-teaser,
.link-to-jobs .cta-teaser {
    color:var(--rot);
}

/* Ausblenden bei Jobs und Bewerbungen */
.page-id-2 .sidebar .cta-initial-application {
    display:none !important;
}

.cta-apply-now {

	background: #fff;
	width: 50%;
	text-align: center;
	display: flex;
    align-items: center;

}

.sidebar .cta-initial-application .cta-apply-now,
.link-to-jobs .cta-apply-now {
    background-color:var(--rot);
}

.cta-apply-now a {
	display: inline-block;
	width: 100%;
	padding: 2rem 3rem;
}

.sidebar .cta-initial-application .cta-apply-now a,
.link-to-jobs .cta-apply-now a {
    color:#fff;
}

/* ####################################################### Pluspunkte / Benefits (Pluspunkte) Shortcode */
.benefit_group_container>div {
	margin: 0px;
	display: flex;
	flex-flow: row wrap;
	margin-left: -10px;
	margin-right: -10px;
}


.flip-card {
	flex-basis: 50%;
	max-width: 50%;
	min-height: 520px;
	background-color: transparent;
	cursor: pointer;
	perspective: 1000px;
	padding: 10px;

}


.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.9s;
	transform-style: preserve-3d;
}

.flip-card-inner p,
.cta-card-inner p,
.flip-card-text,
.flip-card-text a,
.flip-card-text a:hover, 
.flip-card-text a:visited,
.flip-card-text a:active {
	font-size: 1.2rem;
	text-align: left;
	
}


.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}


.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	/* Safari */
	backface-visibility: hidden;
}


.flip-card-front {
	background-color: #efefef;
	color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
}

.flip-card-front img {
	max-height: 300px;
	height: 300px;
	margin-top: 3rem;
}

.flip-card-front h4 {
	color: var(--rot);
}

.flip-card-front .plus-icon {
	font-size: 3rem;
	color: var(--rot);
}

.flip-card-back {
	background-color: var(--rot);
	color: white;
	transform: rotateY(180deg);
	padding: 3rem;
	
	display: flex;
    flex-direction: column;
    justify-content: center;
}


.flip-card-back .flip-card-text a {color: #fff}

ul.benefits-list {
	list-style: "+   ";	
}

ul.benefits-list li+li {
	margin-top:10px;
}

ul.benefits-list a,
ul.benefits-list a:hover,
ul.benefits-list a:active,
ul.benefits-list a:visited,
ul.benefits-list li{
	font-size:1.2rem;
	line-height:1.4rem
}
	


/* CTA Karte (Pluspunkte) */

.cta-card {
	flex-basis: 50%;
	max-width: 50%;
	min-height: 520px;
	background-color: transparent;
	padding: 10px;
}


.cta-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: left;
	background-color: var(--rot);

}

.cta-card-content {

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 3rem 2rem;
	color: #fff;
}

.cta-card-content h4 {
	text-align: left;
	width: 100%;
}

.cta-card-content .cta-card-button {

	position: absolute;
	left: 2rem;
	right: 2rem;
	bottom: 3rem;
	width: calc(100% - 4rem);
}

.cta-card-content .cta-card-button a {
	width: 100%;
	padding: 2rem 3rem;
	display: block;
	background-color: #fff;
	color: var(--rot);

	text-align: center;
}


/*  BITE Anpassungen */

/*  Jobs Listing */

/* Filter*/
.bite-container--filters {
	padding: 0 !important;
}

.bite-container--filters .bite-container--block-50--search {
	padding: 1rem 2rem !important;
	font-size: 1.5rem;
}


.bite-container--jobs-block {
	padding: 3rem !important;
}

.bite-container--jobs-block .bite-container--jobs-block--counter span {
	font-size: 2rem !important;
}

.bite-jobs-list--block {
	padding: 1rem 2rem !important;
}

.bite-jobs-list--block:hover {
	transform: scale(1.05)
}

a.bite-jobs-list--link {
	color: var(--rot) !important;
}

a.bite-jobs-list--link:hover,
a.bite-jobs-list--link:focus {
	text-decoration: underline !important;
}

.bite-jobs-list--columns--img {
    margin-top:3px;
}
.bite-jobs-list--block:hover {}


#right-sidebar {
	will-change: min-height;
	margin-bottom: 100px;
}

.inside-right-sidebar {
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
	padding-bottom:50px;
}

/* about us Cards */


.about-us-cards-container>div {
	display: flex;
	flex-flow: row wrap;
}

.about-us-card-wrapper {

	padding: 10px;
	flex-basis: 33.33333%;
	max-width: 33.33333%;
}

.about-us-card::before {
	content: "";
	position: absolute;
	top: -20px;
	right: 0;
    width: 100%;
    height: 100%;
	opacity: .25;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 110px -65px;
}

.about-us-card.diversity::before {
	background-image: url(./assets/images/vielfalt.svg);
}

.about-us-card.freedom::before {
	background-image: url(./assets/images/freiheit.svg);
}

.about-us-card.responsibility::before {
	background-image: url(./assets/images/verantwortung.png);
}


.about-us-card {
	-webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 10%);
	box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 10%);
	padding: 3rem 2rem 1rem;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
}

.about-us-card>div {
	z-index:1;
}

.about-us-card .card-headline h2 {
	font-size: 1.5rem;
	color: #333;
	font-weight: bold
}

.about-us-card .card-content {
	font-size: 1.25rem;
	margin-bottom: 3rem
}

.about-us-card .card-video {
	margin-top: auto;

}

/* Mitarbieterzahlen (Donut) */
.staff-donut-list > div {
	
	display: flex;
	justify-content: space-evenly;
	flex-flow: row wrap;
	min-width:150px;
}

.staff-donut-container {
	width: 150px;
	height: 150px;
	min-width:150px;
	position: relative;
}

.staff-donut-backdrop {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding: 5px;
}

.staff-donut-backdrop .donut-track {
	border: 6px solid #ccc;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.staff-donut {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.staff-donut-content {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #fff;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.staff-donut-content .headline {
	font-weight: bold;
	text-align: center
}

.staff-donut-content .sub-headline {
	text-align: center
}

/* Back to Top Button */

a.generate-back-to-top,
a.generate-back-to-top:visited {
	background-color: var(--rot);
	color: #FFFFFF;
	border-radius: 0;
	height: 70px;
	width: 70px;
	transition: all .25s ease-in-out;

}

a.generate-back-to-top:hover,
a.generate-back-to-top:focus {
	background-color: var(--rot);
	color: #FFFFFF;
	transform: scale(1.05);
}

a.generate-back-to-top.elevated {
	bottom: 120px;
}

/* Accessibility Plugin Anpassungen */
.pojo-a11y-toolbar-toggle {
	display:none
	
}
.accessibility-icon-replacement {
	width:30px;
	height:30px; 
	max-width:unset;
}

.pojo-a11y-toolbar-item a {
	padding: 1rem !important;
}

/* Zahlen und Fakten */

#berlin-districts-map {
	padding:1rem 3rem 3rem;
	width:70%;
}

#berlinMapSVG {
	height:100%
}

.yearly-turnover {
	width: 27%;
    position: absolute;
    right: 5%;
    bottom: 20%;
}

.employee-count {
	width: 31%;
    position: absolute;
    right: 12%;
    top: 12%;

}

.map-legend {
	display:flex;
}
.map-legend-item {
	flex: 1 1 0;
    text-align: left;
    padding: 0.5rem .2rem;
    color: #fff;
    display:flex;
    align-items:start;
    margin:0 2px;
    flex-flow: row wrap;
    border-top:5px solid transparent;
    cursor:pointer;
    transition: all .25s ease-in-out;
}



.map-legend-item.services {
	color:var(--rot);
	border-color: var(--rot);
}

.map-legend-item.kita {
	color: var(--orange);
	border-color: var(--orange);
}

.map-legend-item.schulische-bildung {
	
	color: var(--hellgruen);
	border-color: var(--hellgruen);
}

.map-legend-item.kooperation-jh-schule {
	color: var(--blau);
	border-color: var(--blau);
}

.map-legend-item.jh-und-wohnen {
	color: var(--gruen);
	border-color: var(--gruen);
}

.map-legend-item.bkb {
	color: var(--gelb);
	border-color: var(--gelb);
}
.map-legend-item.stadtteilarbeit{
	color: var(--rot);
	border-color: var(--rot);
}
.map-legend-item:hover {
	background-color: #fff;
}

.map-legend-label {
	width:100%;
	text-align:left;
}

/* Ansprechpartner */
.ansprechpartner-content {
    flex-direction:column
}

@media (max-width: 1100px) and (min-width: 768px),
(max-width: 700px) {
	.benefit_group_container>div>.wp-block-group>div {
		display: block;
	}

	.benefit_group_container>div>.wp-block-group>div .benefit_box {
		margin-bottom: 15px;
	}

	.benefit_group_container>div>.wp-block-group>div .benefit_details {
		margin-top: 50px;
	}
}



@media (max-width:1024px) {
	
	#main {
		margin-bottom: 80px
	}
	
	.site-content {
	    flex-direction: column;
	}
	.container .site-content .content-area {
	    width: auto;
	}
	.is-right-sidebar {
		width: 100%;
	}
	
	.footer-widget-1, 
	.footer-widget-2 {
		width:50%;
	}
	
	
	/* Über uns */
	
	.about-us-card-wrapper {
	   
	    flex-basis: 100%;
	    max-width: 100%;
	}
	
	.about-us-card::before {
	    width: 50%;
	    height: 50%;
	}
	

}


@media (max-width:900px) {
	
	

	
	/* Menü */
	.main-navigation .menu-toggle, 
	.sidebar-nav-mobile:not(#sticky-placeholder) {
	    display: block;
	}
	
	.main-navigation ul, 
	.gen-sidebar-nav, 
	.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, 
	.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
	    display: none;
	}
	
	
	/* Footer */
	.site-footer .footer-widgets {
		text-align: center;
	}
	.footer-widget-1, 
	.footer-widget-2 {
		width:100%;
	}
	
	.footer-widget-1 h2, 
	.footer-widget-2 h2 {
		border-bottom: none !important;
	}
	
	.footer-address { width:100% }
	.footer-weblinks { width:100% }
	
	/* Fußzeile unter dem Footer */
	
	.footer-bar {
		flex-direction:column;
	}
	
	.footer-bar>div {
		margin:1rem 0;
	}
	
}



@media (max-width: 768px) {
	

	.ansprechpartner {
		z-index: 1;
		position: relative;
	}

	.our_mission>div .our_mission_fields>div .our_mission_field_container {
		flex-direction: column;
	}
	


	.site-branding-container {
		flex-direction: column;
		align-items: center;
		gap: 1.25rem;
	}
	
	.site-branding-container .site-logo {
	    margin-right: 0;
	    margin-bottom:3rem;
	}
	.header_img_container img {
	    width: 260%;
	    height: auto;
	    vertical-align: middle;
	    max-width: unset;
	    margin-left: -80%;
	}
	
	.site-header .inside-header .site-branding-container .site-branding {
	    margin-left: auto;
	}

	.site-header .inside-header .header-widget {
		margin-left: auto
	}
	
	/* Sidebars */
	.both-sidebars .site-content {
		display: flex;
	}

	#left-sidebar,
	#primary,
	#right-sidebar {
		left: unset;
	}

	#left-sidebar {
		order: -1;
	}

	

	/* CTA */
	
	.cta-initial-application {
		flex-direction:column;
	}
	
	.cta-teaser, .cta-apply-now {
		width:100%;
		text-align:center;
	}
	
	/* Testimonials */
	
	.testimonial {
		flex-direction:column;
		align-items:center;
	}
	.testimonial_container>div .testimonial .testimonial_header .testimonial-img {
		width:200px;
		height:250px;
	
	}
	
	.testimonial_container>div .testimonial .testimonial_headline h4 {
		text-align:center;
	}
	
	/* Map und Legende */
	
	.numbers-and-facts {
		width:100%;
	}
	
	.numbers-and-facts.d-flex {
		flex-direction: column-reverse;
    	align-items: center;
	}
	
	.yearly-turnover, .employee-count {
		position:relative;
		width:60%;
		right: unset;
		margin: 1rem 0 2rem;
	}
	
	.yearly-turnover {
		width:40%;
	}
	
	#berlin-districts-map {
		padding:1rem;
		width:100%;
		height: 50vh;
	}	
	
	#berlin-districts-map object {
		min-height:400px
	}

	
	.map-legend {
		flex-direction:column;
	}
	.map-legend-item {
		border-top:0;
	    border-left:.5rem solid transparent;
	    padding:.2rem .5rem;
	    margin: 0 0 .5rem;
	}
	
	/* Footer */
	
	.footer-bar .copyright-info,
	.footer-bar .footer-bar-logo,
	.footer-bar .legal-menu {text-align:center}
   /* Benefits */
	
	.flip-card-back {
		padding:1rem;
	}
	.flip-card-back h4 {margin-block-end: .5rem}

}


@media (max-width: 720px) {
	.flip-card, .cta-card {
		flex-basis:100%;
		max-width:100%;
	}
	.header_img_container {
		width: 100%;
	}

	.header_img_container .header_img_polygon {
		width: 100%;
		clip-path: polygon(0% 32%, 100% 0%, 100% 100%, 0% 100%);
	}

	.header_img_container .header_img_polygon .header_text_container h2 {
		font-size: 22px;
	}

	.header_img_container .header_img_polygon .header_text_container p {
		font-size: 24px;
	}
}

@media (max-width:500px) {
	
	.about-us-card::before {
    	width: 85%;
    	height: 85%;
	}
	a.generate-back-to-top.elevated {
		bottom:240px;
	}

}

@media (min-width: 500px) {
    .mobile-only {
        display:none !important;
    }

}


/* Utilities */



/* Margins */
.mt-1 {
	margin-top: 0.5rem;
}

.mb-1 {
	margin-bottom: 0.5rem;
}

.ml-1 {
	margin-left: 0.5rem;
}

.mr-1 {
	margin-right: 0.5rem;
}

.mt-2 {
	margin-top: 1rem;
}

.mb-2 {
	margin-bottom: 1rem;
}

.ml-2 {
	margin-left: 1rem;
}

.mr-2 {
	margin-right: 1rem;
}

.mt-3 {
	margin-top: 1.5rem;
}

.mb-3 {
	margin-bottom: 1.5rem;
}

.ml-3 {
	margin-left: 1.5rem;
}

.mr-3 {
	margin-right: 1.5rem;
}

.mt-4 {
	margin-top: 2rem;
}

.mb-4 {
	margin-bottom: 2rem;
}

.ml-4 {
	margin-left: 2rem;
}

.mr-4 {
	margin-right: 2rem;
}