/*
Theme Name: Ärzte der Welt COMMWORK
Theme URI: https://bastian.drs-community.de/
Description: Theme created by COMMWORK Werbeagentur GmbH
Author: Malte Bergmann
Author URI: https://www.commwork.de/
Version: 1.0
Tags: COMMWORK

License: COMMWORK Werbeagentur GmbH
License URI: https://www.commwork.de/
*/

/* ==== START of FONTS ==== */
	/* Headline Font */
	@font-face {
		font-family: Mont;
		src: url(font/Mont-Heavy.otf);
	}

	/* Text Font */
	@font-face {
		font-family: BrixSlab;
		src: url(font/BrixSlab-Regular.otf);
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: BrixSlab;
		src: url(font/BrixSlab-Bold.otf);
		font-weight: bold;
		font-style: normal;
	}
/* ==== END of FONTS ==== */

/* ==== START of MAIN.html ==== */
	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		font-family: BrixSlab, serif;
		color: #1d1d1d;
	}
	/* TEXT */
	p {
		font-size: 30px;
		line-height: 50px;
	}
	h1,h2,h3,h4,h5,h6,
	h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {
		font-family: Mont, sans-serif;
		font-weight: 900;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 50px;
	}
	h2 {
		font-size: 70px;
	}
	h3 {
		font-size: 40px;
	}
	*:focus {
    	outline-width: 0;
	}
/* ==== END of MAIN.html ==== */

/* ==== START of NAVIGATION.html ==== */
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 10;
		background: #e72d44;
		overflow: hidden;
	}
	header button.link {
		background: no-repeat;
		border: none;
		width: calc(100% - 100px);
		cursor: pointer;
		text-decoration: none;
		padding: 20px 0;
		display: flex;
		align-items: center;
		margin: 0 auto;

	}
	header button.link p {
		color: #fff;
		font-size: 30px;
		margin: 0;
	}
	header button.link p b { color: #fff; }
	header button.link > span {
		background: #fff;
		width: 40px;
		height: 40px;
		display: inline-block;
		margin-right: 20px;
		pointer-events: none;
		-webkit-mask: url(img/pen-01.svg) no-repeat center/cover;
		        mask: url(img/pen-01.svg) no-repeat center/cover;
	}
	header button.link .arrow-right {
		background: #1d1d1d;
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 100%;
		pointer-events: none;
	}
	header button.link .arrow-right:after {
		position: absolute;
		content: '';
		top: 0;
		left: -100px;
		width: 100%;
		height: 100%;
		-webkit-transform: rotate(-60deg);
		    -ms-transform: rotate(-60deg);
		        transform: rotate(-60deg);
		background: #e72d44;
	}
	header button.link .arrow-right span {
		position: absolute;
		top: 50%;
		right: 50px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background: #fff;
		width: 40px;
		height: 40px;
		-webkit-mask: url(img/direction-e.svg) no-repeat center/cover;
		        mask: url(img/direction-e.svg) no-repeat center/cover;
		-webkit-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}
	header button.link:hover .arrow-right span {
		right: 40px;
	}
/* ==== END of NAVIGATION.html ==== */

/* ==== START of POPUP ==== */
	.popup {
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0,0,0,0.5);
	}
	.popup:before {
		content: '✖';
		position: absolute;
		top: calc(50% - 342px);
		left: calc(50% + 275px);
		transform: translate(-50%,-50%);
		width: 30px;
		height: 30px;
		color: #000;
		background: #fff;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.popup.active {
		opacity: 1;
		pointer-events: all;
	}
	.popup iframe {
		position: absolute;
		left: 50%;
		top: 50%;
		padding: 20px;
		min-width: 500px;
		min-height: 740px;
		background: #fff;
		transform: translate(-50%,-50%);
	}
/* ==== END of POPUP ==== */

/* ==== START of SLIDER ==== */
	.statements .slider_instance .row-center img {
		border-radius: 100%;
	}
	/* .stx-layer-wrapper .stx-layers-content {
		width: 80%;
		left: 50%;
		transform: translateX(-50%);
	} */
	/*.content > .slider_instance:nth-child(1) .stx-main-container canvas,
	.content > .slider_instance:nth-child(1) .stx-main-container .stx-layers {
		min-height: 100vw;
	}*/
	.content > .slider_instance:nth-child(1) .slider-arrow {
		background-color: transparent !important;
	}
	.content .slider_instance .stx-main-container,
	.content .slider_instance .stx-layers-canvas{
		min-height: 600px !important;
		min-width: 100% !important;
	}
	.content > .slider_instance:nth-child(2) {
		display: none;
	}
	.content > .slider_instance:nth-child(2) .stx-main-container {
		height: 125vw !important;
		min-height: 125vw !important;
		max-height: 125vw !important;
		width: 100vw !important;
	}
	.content > .slider_instance:nth-child(1) .stx-layers-canvas {
		min-height: auto !important;
	}
	.content > .slider_instance:nth-child(1) .stx-main-container {
		height: 50vw !important;
		max-height: calc(100vh - 200px);
		min-height: calc(0vh) !important;
	}

	.content > .slider_instance:nth-child(1) td.col-center div:last-child {
		width: 50%;
		float: left;
		margin-left: 10vw;
		text-align: left;
	}
	.stx-layer-wrapper .stx-layers-content h2,
	.stx-layer-wrapper .stx-layers-content h3,
	.stx-layer-wrapper .stx-layers-content h3 span {
		font-family: Mont, sans-serif !important;
	}
	.stx-layer-wrapper .stx-layers-content p {
		/* width: 65%;
		float: left; */
		font-family: BrixSlab, sans-serif !important;
		font-size: 24px !important;
	}
	.swiper-container .slider-touch-area-prev, 
	.swiper-container .slider-touch-area-next {
		min-width: 75px;
		width: 7.5vh;
	}
	.swiper-container .slider-touch-area-prev .arrow10, 
	.swiper-container .slider-touch-area-next .arrow10 {
		width: 15vh;
		height: 15vh;
		margin-top: 0;
		background-size: 0;
		border-radius: 100%;
		-webkit-box-shadow: none;
		        box-shadow: none;
		position: absolute;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		min-width: 150px;
		min-height: 150px;
	}
	.swiper-container .slider-touch-area-prev .arrow10 { right: 0; }
	.swiper-container .slider-touch-area-prev .arrow10:before,
	.swiper-container .slider-touch-area-next .arrow10:before {
		position: absolute;
		content: '';
		width: 50%;
		height: 100%;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		background: #fff;
		-webkit-mask: url(img/direction-w.svg) no-repeat center/35px;
		        mask: url(img/direction-w.svg) no-repeat center/35px;
	}
	.swiper-container .slider-touch-area-next .arrow10:before {
		right: auto;
		left: 0;
		-webkit-mask: url(img/direction-e.svg) no-repeat center/35px;
		        mask: url(img/direction-e.svg) no-repeat center/35px;
	}
	.swiper-container .slider-touch-area-prev .arrow2,
	.swiper-container .slider-touch-area-next .arrow2 {
		width: 35px;
		height: 35px;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
		background-image: none;
		float: right;
		-webkit-mask: url(img/direction-w.svg) no-repeat center/35px;
		        mask: url(img/direction-w.svg) no-repeat center/35px;
	}
	.swiper-container .slider-touch-area-next .arrow2 {
		float: left;
		-webkit-mask: url(img/direction-e.svg) no-repeat center/35px;
		        mask: url(img/direction-e.svg) no-repeat center/35px;
	}
	.swiper-container .swiper-pagination {
		text-align: right;
		padding: 20px 40px;
	}
	.swiper-container .swiper-pagination span {
		width: 15px;
		height: 15px;
		opacity: 1;
	}
	.swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
		opacity: .3;
	}
	/* .slider_instance .stx-layers-content,
	.stx-layers-content tr,
	.stx-layers .row-center td {
		display: block;
		height: auto;
	} */
	/* Galerie Slider */
	.wp-block-column.galerie-slider {
		max-width: 1000px !important;
	}
	.content .wp-block-column.galerie-slider .slider_instance .stx-main-container {
		width: 100% !important;
	    min-height: auto !important;
	}
	@media screen and (max-width: 1000px) {
		.content .wp-block-column.galerie-slider .slider_instance .stx-main-container {
			height: 65vw !important;
		}
	}
/* ==== END of SLIDER ==== */

/* ==== START of CONTENT ==== */
	h3.abstand-klein {
		margin-bottom: 30px;
	}
	/* Lists */
	.content ul {
		padding-left: 30px;
		margin-bottom: 40px;
	}
	.content ul:last-child {
		margin-bottom: 0px;
	}
	.content ul li {
		font-size: 30px;
		margin-bottom: 40px;
	}
	/* Button */
	.wp-block-buttons {
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	.wp-block-buttons>.wp-block-button {
		font-size: 24px;
		font-weight: bold;
		margin: 0 auto !important;
	}
	.wp-block-buttons >	.wp-block-button.unter-slider {
		z-index: 1;
		margin-bottom: 50px;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	.wp-block-button.unter-slider a,
	.wp-block-button.download a,
	.wp-block-button.spenden a,
	.wp-block-button.home a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		padding: .9em 1.5em;
	}
	.wp-block-button.unter-slider a:after,
	.wp-block-button.download a:after,
	.wp-block-button.spenden a:after {
		background: #fff;
		content: '';
		margin-left: 20px;
		width: 35px;
		height: 35px;
		-webkit-mask: url(img/direction-e.svg) no-repeat center/contain;
				mask: url(img/direction-e.svg) no-repeat center/contain;
	}
	.wp-block-button.unter-slider a:after {
		transform: rotate(90deg);
	}
	.wp-block-button.spenden a:after {
		background: #e72d44;
	}
	.wp-block-button.home a:before {
		content: '';
		margin-right: 10px;
		width: 30px;
		height: 30px;
		background: #696969;
		-webkit-mask: url(img/direction-w.svg) no-repeat center/contain;
				mask: url(img/direction-w.svg) no-repeat center/contain;
	}
	.content > .wp-block-columns.has-background:nth-child(1) > .wp-block-column > .wp-block-buttons:nth-child(1) {
		position: absolute;
		top: 0;
		left: 0;
	}
	.wp-block-button.gross a {
		background: #1d1d1d;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
				align-items: center;
		padding: .9em 1.5em;
	}
	.wp-block-button.gross a:before {
		background: #fff;
		content: '';
		width: 40px;
		height: 40px;
		display: inline-block;
		margin-right: 20px;
		-webkit-mask: url(img/pen-01.svg) no-repeat center/contain;
				mask: url(img/pen-01.svg) no-repeat center/contain;
	}
	.wp-block-button.left {
		float: left;
		width: 100%;
		padding: 0 50px;
	}
	/* Linie */
	hr.wp-block-separator {
		width: 150px;
		height: 10px;
		border: none;
		margin: 0 auto 20px;
		background-color: #e72d44;
	}
	/* Blocks */
	.content .wp-block-columns {
		position: relative;
		padding: 0;
		margin-bottom: 0;
	}
	.content > .wp-block-columns > .wp-block-column,
	.content > .wp-block-columns > .wp-block-column.is-vertically-aligned-center {
		width: 65%;
		max-width: 65%;
		margin: 150px auto;
	}
	.content > * {
		display: table;
		width: 65%;
		max-width: 65%;
		margin: 0 auto;
	}
	.content > div,
	.content > .wp-block-columns {
		width: 100%;
		max-width: 100%;
		position: relative;
	}
	.content > p {
		margin: 40px auto;
	}
	.content > p:last-child {
		margin: 40px auto 150px;
	}
	.content .wp-block-columns.has-background {
		padding: 0;
		overflow: hidden;
	}
	.wp-block-columns.has-background .wp-block-column * {
		position: relative;
	}
	.wp-block-columns.has-background .wp-block-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.3;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
	}
	.wp-block-column *:only-child {
		margin-bottom: 0;
	}
	/* Accordion */
	.faq .wp-block-column > .wp-block-pb-accordion-item:nth-child(n+7) {
	    display: none;
	}
	.faq .wp-block-column.active > .wp-block-pb-accordion-item:nth-child(n+7) {
	    display: block;
	}
	.faq > .wp-block-column > p {
		content: 'mehr anzeigen';
		cursor: pointer;
		color: #fff;
		text-align: center;
		font-size: 30px;
		display: block;
		margin-top: 40px;
	}
	/* Block-Content */
	.wp-block-column p {
		margin-bottom: 40px;
	}
	.wp-block-column *:last-child {
		margin-bottom: 0;
	}
	/* Quote */
	blockquote.wp-block-quote.is-style-large p {
		font-size: 40px;
	}
	.has-white-color * {
		color: #fff;
	}
	/* Gallery */
	.blocks-gallery-grid {
		width: 100%;
	}
	.wp-block-columns .blocks-gallery-grid .blocks-gallery-image figure,
	.wp-block-columns .blocks-gallery-grid .blocks-gallery-item figure,
	.wp-block-columns .wp-block-gallery .blocks-gallery-image figure,
	.wp-block-columns .wp-block-gallery .blocks-gallery-item figure {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	/* accordion */
	.wp-block-pb-accordion-item {
		background: #fff;
		margin-bottom: 10px;
	}
	.wp-block-pb-accordion-item:last-child {
		margin-bottom: 0;
	}
	.wp-block-pb-accordion-item .c-accordion__title {
		font-family: BrixSlab, serif;
		font-size: 30px;
		text-transform: unset;
		margin: 0;
		color: #e72d44;
		padding: 25px;
		font-weight: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.wp-block-pb-accordion-item .c-accordion__title:after {
		position: relative;
		top: auto;
		right: auto;
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
		background: #e72d44;
		content: '';
		font-weight: normal;
		-webkit-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		        transform: translateY(0%);
		-webkit-mask: url(img/c-add.svg) no-repeat center/cover;
		        mask: url(img/c-add.svg) no-repeat center/cover;
	}
	.wp-block-pb-accordion-item.is-open > .c-accordion__title::after {
		content: '';
		-webkit-mask: url(img/c-delete.svg) no-repeat center/cover;
		        mask: url(img/c-delete.svg) no-repeat center/cover;
	}
	.wp-block-pb-accordion-item .c-accordion__content {
		padding: 30px;
		background: #e72d44;
	}
	/* geschichten accordion */
	.geschichten.wp-block-pb-accordion-item {
		position: relative;
		background: none;
		margin-bottom: 0;
		padding-top: 100px;
	}
	.geschichten.wp-block-pb-accordion-item > *:first-child {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		z-index: 9;
	}
	.geschichten.wp-block-pb-accordion-item > *:first-child * {
		text-align: center;
	}
	.geschichten.wp-block-pb-accordion-item .c-accordion__title:after {
		content: none;
	}
	.geschichten.wp-block-pb-accordion-item > span {
		display: block;
		text-align: center;
		cursor: pointer;
		color: #e72d44;
		font-size: 30px;
	}
	.geschichten.wp-block-pb-accordion-item .c-accordion__content {
	    padding: 30px;
	    background: none;
	}
	.geschichten.wp-block-pb-accordion-item.is-open > span {
		display: none;
	}
	.has-background .geschichten.wp-block-pb-accordion-item > *:first-child *,
	.has-background .geschichten.wp-block-pb-accordion-item > span {
		color: #fff;
	}
	/* Gallery */
	.content .wp-block-gallery ul {
	    padding-left: 0;
	}
	.content .blocks-gallery-grid.columns-5 .blocks-gallery-image,
	.content .blocks-gallery-grid.columns-5 .blocks-gallery-item,
	.content .wp-block-gallery.columns-5 .blocks-gallery-image,
	.content .wp-block-gallery.columns-5 .blocks-gallery-item {
		max-width: calc(20% - .8em);
	}
	.unterschrift-wrapper {
		display: flex;
		justify-content: center;
	}
	.unterschrift-wrapper p:nth-child(1) {
		margin-right: 6px;
		font-weight: bold;
	}
	/* Ordered List */
	.wp-block-column ul.presse { padding: 0; }
	.wp-block-column ul.presse li { margin-bottom: 40px; list-style: none; }
	.wp-block-column ul.presse li p { margin-bottom: 0;	}
/* ==== END of CONTENT ==== */

/* ==== START of PARALLAX.js ==== */
	img {
		max-width: 100%;
	}

	.parallax_container {
		position: relative;
		overflow: hidden;
	}

	.wp-block-columns.has-background .wp-block-image.parallax {
		position: absolute;
		top: 0;
		height: 100%;
		min-height: 100vh;
	}
/* ==== END of PARALLAX.js ==== */

/* ==== START of FOOTER ==== */
	footer span {
		display: block;
		margin: 0 auto;
		text-align: center;
		font-size: 24px;
		width: 90%;
	}
	footer .menu-footermenue-container {
		margin: 100px 0 200px;
	}
	footer ul li {
		text-align: center;
		list-style: none;
		line-height: 50px;
	}
	footer ul li a {
		text-decoration: none;
		font-size: 24px;
		color: #e72d44;
	}
/* ==== END of FOOTER ==== */

/* ==== START of KEYFRAMES for SMOOTH-PAGELOAD.js ==== */
	@-webkit-keyframes smoothPageload {
		0% { width: 0; left: 0; }
		100% { width: 100%; left: 0; }
	}
	@keyframes smoothPageload {
		0% { width: 0; left: 0; }
		100% { width: 100%; left: 0; }
	}

	@-webkit-keyframes smoothPageloadtwo {
		0% { width: 100%; }
		100% { width: 0%; }
	}

	@keyframes smoothPageloadtwo {
		0% { width: 100%; }
		100% { width: 0%; }
	}
	/* KEYFRAME-RULES */
	#wrapper .smooth-page {
		position: fixed;
		top: 0;
		right: 0;
		width: 0%;
		height: 100%;
		background-color: #00b5ff;
		-webkit-animation: smoothPageloadtwo 750ms ease both;
		        animation: smoothPageloadtwo 750ms ease both;
	}
	#wrapper.is-exiting .smooth-page {
		-webkit-animation: smoothPageload 750ms ease;
		        animation: smoothPageload 750ms ease;
	}
/* ==== END of KEYFRAMES for SMOOTH-PAGELOAD.js ==== */

/* ==== START of RESPONSIVE ==== */
	@media screen and (max-width: 1920px) {
		.content ul li,
		p,
		.stx-layers-content p,
		header button.link p,
		.wp-block-pb-accordion-item h2,
		footer span,
		footer ul li a,
		.stx-layer-wrapper .stx-layers-content p,
		.geschichten.wp-block-pb-accordion-item > span,
		.faq > .wp-block-column > p {
			font-size: 22px !important;
			line-height: 26pt;
		}
		/* Fontsizes */
		h2,
		.stx-layers-content h2 {
			font-size: 55px !important;
		}
		.content > .slider_instance:nth-child(1) td.col-center div:last-child {
    		width: 50%;
    	}
	}
	@media screen and (max-width: 1300px) {
		/* Content */
		.content > .wp-block-columns > .wp-block-column,
		.content > .wp-block-columns > .wp-block-column.is-vertically-aligned-center {
			width: 90%;
			max-width: 90%;
			margin: 100px auto;
		}
		.content > .slider_instance:nth-child(1) td.col-center div:last-child {
    		width: 65%;
    	}
    	.swiper-container .slider-touch-area-prev, 
		.swiper-container .slider-touch-area-next {
			min-width: 55px;
			width: 5.5vh;
		}
		.swiper-container .slider-touch-area-prev .arrow10, 
		.swiper-container .slider-touch-area-next .arrow10 {
			width: 10vh;
			height: 10vh;
			min-width: 125px;
			min-height: 125px;
		}
		footer .menu-footermenue-container {
		    margin: 50px 0 100px;
		}
	}
	@media screen and (max-width: 1024px) {
		/* Content */
		.content > .wp-block-columns > .wp-block-column > .wp-block-columns {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
		.content .wp-block-columns .wp-block-column .wp-block-quote,
		.content > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
			margin: 0;
			padding: 0;
		}
		.content > .slider_instance:nth-child(1) td.col-center div:last-child {
    		width: 80%;
    	}
	}
	@media screen and (max-width: 800px) {
		/* Fontsizes */
		h2,
		.stx-layers-content h2 {
			font-size: 45px !important;
		}
		h3,
		.stx-layers-content h3 {
			font-size: 35px !important;
		}
		/* Header */
		header button.link {padding: 15px 0;}
		header button.link p {
			color: #fff;
			font-size: 20px;
			z-index: 2;
			position: relative;
		}
		header button.link p span {
			background: #fff;
			width: 30px;
			height: 30px;
		}
		header button.link .arrow-right span {
			width: 30px;
			height: 30px;
		}
		header button.link .arrow-right:after {
			width: 125%;
			height: 125%;
		}
		/* Slider */
		.swiper-container .slider-touch-area-prev,
		.swiper-container .slider-touch-area-next {
			display: none;
		}
		.statements .swiper-container .slider-touch-area-prev,
		.statements .swiper-container .slider-touch-area-next {
			display: block;
		}
		.stx-layer-wrapper .stx-layers-content p {
			width: 90% !important;
		}
		.stx-layer-wrapper .stx-layers-content p > p {
			width: 100% !important;
		}
		.content > .slider_instance:nth-child(1) {
			display: none;
		}
		.content > .slider_instance:nth-child(2) {
			display: block;
		}
		/* Content */
		.content > * {
			width: 90%;
			max-width: 90%;
		}
		.slider_instance .swiper-container-horizontal > .swiper-pagination-bullets {
			bottom: 25px;
		}
		/* Accordion */
		/*.wp-block-pb-accordion-item h2 {
			font-size: 25px !important;
		}*/
		.swiper-container .swiper-pagination span {
		    width: 15px;
		    height: 15px;
		}
		/* Gallery */
		.content .blocks-gallery-grid.columns-5 .blocks-gallery-image,
		.content .blocks-gallery-grid.columns-5 .blocks-gallery-item,
		.content .wp-block-gallery.columns-5 .blocks-gallery-image,
		.content .wp-block-gallery.columns-5 .blocks-gallery-item {
			max-width: calc(25% - .8em);
			min-width: calc(25% - .8em);
		}
	}
	@media screen and (max-width: 600px) {
		/* Header */
		header button.link {padding-right: 15%;}
		header button.link p {line-height: 20px;}
		header button.link p span {
			float: left;
		}
		header button.link .arrow-right:after {
			height: 150%;
		}
		.content > .slider_instance:nth-child(1) td.col-center div:last-child {
    		width: 90%;
    	}
    	/* Buttons */
		.wp-block-button.gross a,
		.wp-block-button.unter-slider a,
		.wp-block-button.download a,
		.wp-block-button.spenden a,
		.wp-block-button.home a {
			padding: .5em 1em;
			font-size: 25px;
		}
		.swiper-container .swiper-pagination span {
		    width: 10px;
		    height: 10px;
		}
		.content ul li,
		p,
		.stx-layers-content p,
		header button.link p,
		.wp-block-pb-accordion-item h2,
		footer span,
		footer ul li a,
		.stx-layer-wrapper .stx-layers-content p,
		.geschichten.wp-block-pb-accordion-item > span {
			font-size: 18px !important;
			line-height: 22pt;
		}
		.content > .wp-block-separator:first-of-type {
			display: none;
		}
		.page-id-28 .content > .wp-block-spacer:nth-child(2) {
			max-height: 100px;
		}
		/* popup */
		.popup {overflow-y: scroll; -webkit-overflow-scrolling: touch;}
		.popup iframe {
			min-width: 100%;
			max-width: 100%;
			min-height: 758px;
			padding: 30px 20px;
			transform: translate(0);
			top: 0;
			left: 0;
		}
		.popup:before {
			top: 20px;
			left: auto;
			right: 0px;
			z-index: 1;
		}
		/* Gallery */
		.content .blocks-gallery-grid.columns-5 .blocks-gallery-image,
		.content .blocks-gallery-grid.columns-5 .blocks-gallery-item,
		.content .wp-block-gallery.columns-5 .blocks-gallery-image,
		.content .wp-block-gallery.columns-5 .blocks-gallery-item {
			max-width: calc(50% - .8em);
			min-width: calc(50% - .8em);
		}
	}
	@media screen and (max-width: 500px) {
		.content > .wp-block-columns.has-background:nth-child(1) > .wp-block-column > .wp-block-buttons:nth-child(1) {
			margin-top: 10px;
		}
		header button.link p {
    		width: 90%;
    		text-align: left;
    	}
		header button.link .arrow-right span {
			right: 15%;
		}
		/* Fontsizes */
		h2,
		.stx-layers-content h2 {
			font-size: 40px !important;
		}
		h3,
		.stx-layers-content h3 {
			font-size: 25px !important;
		}
		.page-id-28 .content > *:nth-child(1) h2 {
			font-size: 32px !important;
		}
		/* Accordion */
		.wp-block-pb-accordion-item h2 {
			font-size: 20px !important;
		}
		.wp-block-pb-accordion-item .c-accordion__title,
		.wp-block-pb-accordion-item .c-accordion__content {
			padding: 20px;
		}
		.wp-block-pb-accordion-item .c-accordion__title:after {
		    width: 30px;
		    height: 30px;
		    min-width: 30px;
		    min-height: 30px;
		}
		/* Buttons */
		.faq > .wp-block-column > p,
		.wp-block-button.gross a,
		.wp-block-button.unter-slider a,
		.wp-block-button.download a,
		.wp-block-button.spenden a,
		.wp-block-button.home a {
			font-size: 20px;
		}
		/* Slider */
		.content .slider_instance .stx-main-container, .content .slider_instance .stx-layers-canvas {
    		min-height: 685px !important;
    	}
    	/* popup */
		.popup iframe {
			min-height: 825px;
		}
	}
	@media screen and (max-width: 400px) {
		/* popup */
		.popup iframe {
			min-height: 873px;
			padding: 40px 20px;
		}
	}
	/* max-height media responsive */
	@media screen and (max-height: 750px) {
		.popup {
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
		}
		.popup iframe {
			top: 0;
			left: 50%;
			transform: translate(-50%,0%);
		}
	}
/* ==== END of RESPONSIVE ==== */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/