/*
 Theme Name:   Stiftung Theme
 Description:  Stiftung Child Theme
 Author:       Mapara-Stiftung
 Template:     understrap
 Version:      1.0
 Text Domain:  stiftung-child
*/


@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/AtkinsonHyperlegible-Regular.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/AtkinsonHyperlegible-Bold.ttf");
  font-weight: 700;
}

.container-fluid > .row {
	display: block !important;
}

body, html, div, p, span, h1, h2, h3, h4, a {
	font-family: 'Atkinson Hyperlegible';
	line-height: 1.6;
}

h2, h2.wp-block-heading {
	font-weight: 700 !important;
	font-size: 22px !important;
}

h3 {
	font-size: 20px !important;
}

a {
	font-weight: 700;
	text-decoration: underline !important;
	color: black !important;
	cursor: pointer;
}
a:hover {
	color: #22468C !important;
}

.p30 {
	padding: 30px;
}

.wrapper {
	padding-top: 60px !important;
}

#wrapper-navbar {
	box-shadow: 0px 3px 8px 0px #0000001f;
}

.navbar {
	padding: 0 !important;
	position: fixed !important;
}

.navbar-brand {
	max-width: 280px;
}

.navbar-nav li {
	font-size: 18px;
}

.navbar-nav li:hover {
	background-color: #F0F2F4;
}

.navbar-nav li a {
	padding: 20px 40px !important;
	color: black;
	font-weight: normal;
	text-decoration: none !important;
}

.navbar-nav li a:hover {
	color: black !important;
}

.navbar-nav .active a {
	color: #22468C !important;
}

.container-tabbar {
	border-bottom: solid 1px #00000014;
}

.tabbar {
	display: block;
	text-align: right;
}

.tabbar-item {
	display: inline-block;
	padding: 5px 20px;
	font-size: 14px;
}

.breadcrumb {
	background-color: transparent !important;
	border-radius: 0;
	padding-right: 15px !important;
	padding-left: 15px !important;
	font-size: 12px !important;
}

.breadcrumb a {
	font-weight: normal;
}

#post-2 .imageContainer::after {
	background: url('https://www.mapara-stiftung.de/wp-content/uploads/2023/07/dekor.svg');

}
.imageContainer {
	position: relative;
}
.dekor {
	position: absolute;
	right: -25%;
	bottom: 20px;
}

.dekor img {
	width: 100%;
	height: auto;
}

#wrapper-footer-full {
	background-color: #F0F2F4 !important;
}

img.wp-post-image {
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

.teaser {
	color: #22468C;
	font-size: 32px;
	font-weight: 700;
	max-width: 690px;
	line-height: 1.2;
	padding-top: 40px;
}	

.blockview .wp-block-column {
	background-color: #f0f2f4;
	border-radius: 15px;
	padding: 40px;
}

.blockview .wp-block-column h3 {
	color: #22468C;
	font-weight: 700;
	font-size: 20px;
}

#menu-footer {
	padding-left: 0;
}

#menu-footer li {
	display: inline;
	list-style-type: none;
	padding-right: 40px;
}

#menu-footer li a {
	font-weight: normal;
	text-decoration: none !important;
}

#menu-footer li a:hover {
	text-decoration: none;
}

h1.entry-title {
	color: #22468C;
	font-weight: 700;
	margin-bottom: 40px;
}

.pt20 {
	padding-top: 20px;
}

.pr20 {
	padding-right: 20px;
}

.pl20 {
	padding-left: 20px;
}

.pl20 .wp-block-media-text__content {
	padding: 0;
}


.bgGray {
	background-color: #F0F2F4;
}
.bgGrayOnly {
	background-color: #F0F2F4;
}

.bgGray > .wp-block-group__inner-container > .wp-block-media-text, .bgGray > .wp-block-group__inner-container > p, .bgGray > .wp-block-group__inner-container > .wp-block-heading {
	padding: 20px ;
}

.bgGray .wp-block-media-text {
	position: relative;
}

.bgGray .wp-block-media-text .wp-block-media-text__content {
	position: absolute;
	top: 0;
}

.bgGray .has-media-on-the-right .wp-block-media-text__content {
	width: 65%;
	padding-right: 30px;
}


.wpcf7 {
	max-width: unset !important;
}

.wpcf7-submit {
	width: 230px !important;
	background-color: #F0F2F4 !important;
	border: none !important;
	color: black !important;
	padding: 10px 20px 10px 20px !important;
	height: auto !important;
}

.wp-block-latest-posts__list > li, .blogPage .entry-link, .latestPosts {
	padding: 40px 0 30px;
	border-top: solid 1px #DEDEDE;
}

.wp-block-latest-posts__post-excerpt, .blogPage .entry-content {
	position: relative;
	padding-right: 40px;
}

.wp-block-latest-posts__post-excerpt > p {
	position: absolute;
	right: 30px;
	top: -50px;
}

.wp-block-latest-posts__post-excerpt > p > a{
	content: "";
	height: 0; 
	width: 0;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.latestPosts {
	display: block;
	position: relative;
	text-decoration: none !important;
}

.blogPage, .latestPosts {
	padding-left: 10px;
}

.blogPage:hover, .latestPosts:hover {
	background-color: #FBEDBE;
	text-decoration: underline !important;
	cursor: pointer;
}

.blogPage .entry-link {
	position: relative;
	display: block;
	text-decoration: none !important;
}

.blogPage .entry-content, .latestPosts .entry-content {
	font-weight: 100;
}

.wp-block-latest-posts__post-excerpt > p > a::after, .blogPage .entry-link::after, .latestPostContainer .latestPosts::after {
	content: "〉";
	font-size: 50px;
	font-weight: 100;
}

.blogPage .entry-link::after, .latestPostContainer .latestPosts::after {
	position: absolute;
	right: 0;
	top: 25px;
}

.btn-secondary.focus, .btn-secondary:focus {
	box-shadow: none !important;
}


.grafik {
	margin-left: -40px;
	margin-top: 40px;
	margin-bottom: 30px;
}
.grafik img {
	max-width: 160px;
}

.noteContainer {
	background-color: #FBEDBE;
	border-radius: 15px;
	padding: 15px 70px;
	display: grid;
	width: 100%;
	grid-template-columns: auto auto;
	margin-bottom: 20px;
	color: #002689;
}

.noteText {
	display: inline-block;
}

.noteLink {
	text-align: right;
	margin-top: auto;
	margin-bottom: auto;
}
.noteLink a {
	color: #002689 !important;
	text-decoration: underline !important;
}

.navbar-collapse {
	background-color: white;
}
.hidden {
	display: none;
}

.newsContent a {
	font-weight: 100;
	text-decoration: none !important;
}

@media (max-width: 1199px) {
	

	.navbar-brand {
		padding-top: 1.6125rem !important;
		padding-bottom: 1.6125rem !important;
	}

	.nav-item {
		display: flex;
		text-align: center;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 20px !important;
		margin-top: auto;
		margin-bottom: auto;

	}
	
	.dekor {
		right: -15%;
	}
	.dekor img {
		max-width: 457px;
	}

	.bgGray .wp-block-media-text .wp-block-media-text__content {
		position: unset;
	}
	
	.bgGray .has-media-on-the-right .wp-block-media-text__content {
		width: unset;
	}

}

@media (max-width: 991px) {

	.wrapper {
		padding-top: 80px !important;
		overflow-x: hidden;
	}
	
	.dekor {
		right: -20%;
	}
	.dekor img {
		max-width: 360px;
	}

	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100%!important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		grid-column: 1;
		grid-row: unset;
	}


	.bgGray .wp-block-media-text .wp-block-media-text__content {
		margin-top: 20px;
	}

	.teaser {
		font-size: 24px;
	}

	.noteContainer {
		display: block;
		padding: 10px 20px;
	}

	.noteLink {
		text-align: left;
	}

	.spaceTextAndMedia > .wp-block-media-text__content {
		margin-top: 20px;
		padding: 0;
	}

	.wp-block-latest-posts__post-title, .latestPosts {
		padding-right: 40px;
	}

	.blogPage .entry-link::after, .latestPostContainer .latestPosts::after {
		top: 35px;
		right: -20px;
	}
	
	.hidden {
		display: none;
	}
}

@media (max-width: 767px) {
	.hidden {
		display: none;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		width: -webkit-fill-available;
	}

	.navbar-brand {
		padding-top: 1.3125rem !important;
		padding-bottom: 1.3125rem !important;
		margin-left: 15px;
	}

	.dekor {
		right: -35%;
		bottom: -30px;
	}

	#menu-footer li {
		list-style-type: none;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center;
		display: block;
	}

	.wp-block-spacer {
		height: 50px !important;
	}



}