/* ------------------------------------------------------------------------ */
/* Gutenberg Block Themen													*/
/* ------------------------------------------------------------------------ */

.content-column.full_width.themen {
	z-index: 3;
}

.wp-block-themen.gbb {

}

.wp-block-themen.gbb .full_width-helper {
	display: flex;
	flex-wrap: wrap;
}

.wp-block-themen.gbb .full_width-helper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

.wp-block-themen.gbb .full_width-helper .box {
	aspect-ratio: 1 / 1;
	margin: 20px;
	padding: 0px 20px 11px;
	color: #ffffff;
	background-color: #f2f2f2;
	background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	align-items: flex-end;
	font-size: 2rem;
	position: relative;
	z-index: 1;
}

.wp-block-themen.gbb .full_width-helper .box::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to top, rgba(52, 90, 105, 0.85) 0%, rgba(52, 90, 105, .0) 65%);
}

.wp-block-themen.gbb .full_width-helper .box > .helper {
	position: relative;
	z-index: 1;
	overflow: visible;
}

.wp-block-themen.gbb .full_width-helper .box > .helper > .icon {
	width: 56px;
	height: 56px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin-top: -68px;
	border-radius: 50%;
	background-color: rgba(18, 18, 18, 0.25);
	overflow: hidden;
}

.wp-block-themen.gbb .full_width-helper .box > .helper > .icon img {
	width: 56px;
	height: 56px;
	background-color: transparent;
}

@keyframes seco_lazload_themen_image {
	from {
		opacity: 0;
	} to {
		opacity: 0.75;
	}
}

.wp-block-themen.gbb .full_width-helper .box > .helper > .icon img.lazyload[src*=".svg"] {
	animation-name: seco_lazload_themen_image;
}

.wp-block-themen.gbb .full_width-helper .box > .helper > .title {
	font-family: 'Cormorant Garamond', serif;
	font-style: normal;
	font-weight: 500;
}

.wp-block-themen.gbb .full_width-helper .box > .helper > .text-helper p {
	padding: 0 0 0;
}

.wp-block-themen.gbb .full_width-helper .box > .helper > a {
	color: #c9a227;
	text-transform: uppercase;
	border: 0 none;
}

/* ----------------------- 		Media Queries	   ------------------------ */

/* ------------------------------------------------------------------------ */
/* General Definitions all Sizes											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 0em) {
	.wp-block-themen.gbb .full_width-helper .box > .helper > .title {
		font-size: 3.2rem;
		line-height: 1.1;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 29.9375em) and (orientation: portrait) {
	.wp-block-themen.gbb .full_width-helper .box {
		margin: 0 0 20px;
	}

	.wp-block-themen.gbb .full_width-helper .box > .helper > .title {
		font-size: 2.5rem;
		line-height: 1.2;
	}

	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 29.9375em) and (max-width: 63.9375em) and (orientation: landscape) {
	.wp-block-themen.gbb .full_width-helper .box {
		margin: 0 10px 20px;
	}

	.wp-block-themen.gbb .full_width-helper .box > .helper > .title {
		font-size: 2.5rem;
		line-height: 1.2;
	}

	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (devices and browsers)								    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (portrait, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) and (orientation: portrait) {
	.wp-block-themen.gbb .full_width-helper .box > .helper > .icon {
		display: none;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 39.9375em) and (orientation: landscape) {
	.wp-block-themen.gbb .full_width-helper .box > .helper > .icon {
		display: none;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 47.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (landscape, devices and browser							*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 48em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (portrait, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (landscape, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (max-width: 63.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) and (orientation: portrait) {
	.wp-block-themen.gbb .full_width-helper {
		grid-template-columns: 100%;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	.wp-block-themen.gbb .full_width-helper .box::after {
		background-image: linear-gradient(to top, rgba(52, 90, 105, 0.95) 0%, rgba(52, 90, 105, .0) 75%);
	}

	.wp-block-themen.gbb .full_width-helper .box1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box2 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box3 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box4 {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}

	.wp-block-themen.gbb .full_width-helper .box5 {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}

	.wp-block-themen.gbb .full_width-helper .box6 {
		grid-column: 1 / 2;
		grid-row: 6 / 7;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 63.9375em) and (max-width: 89.9375em) and (orientation: landscape) {
	.wp-block-themen.gbb .full_width-helper {
		grid-template-columns: 50% 50%;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.wp-block-themen.gbb .full_width-helper .box::after {
		background-image: linear-gradient(to top, rgba(52, 90, 105, 0.95) 0%, rgba(52, 90, 105, .0) 75%);
	}

	.wp-block-themen.gbb .full_width-helper .box1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box2 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box3 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box4 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box5 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box6 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) {
	.wp-block-themen.gbb .full_width-helper .box > .helper > a:hover,
	.wp-block-themen.gbb .full_width-helper .box > .helper > a:focus,
	.wp-block-themen.gbb .full_width-helper .box > .helper > a:active {
		color: #ffe182 !important;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 64em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Monitor sizes from 1024px to 1280px (devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (max-width: 79.9375em) {
	.wp-block-themen.gbb .full_width-helper {
		grid-template-columns: 50% 50%;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.wp-block-themen.gbb .full_width-helper .box1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box2 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box3 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box4 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box5 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box6 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 80em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 1024px to 14400px										*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (max-width: 89.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1440px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 89.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1440px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 80em) and (max-width: 99.9375em) {
	.wp-block-themen.gbb .full_width-helper {
		grid-template-columns: 50% 50%;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.wp-block-themen.gbb .full_width-helper .box1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box2 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box3 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box4 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box5 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box6 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1440px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) and (max-width: 99.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 99.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1600px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) {
	.wp-block-themen.gbb .full_width-helper {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}

	.wp-block-themen.gbb .full_width-helper .box1 {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box2 {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}

	.wp-block-themen.gbb .full_width-helper .box3 {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}

	.wp-block-themen.gbb .full_width-helper .box4 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box5 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box6 {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
	}

	.wp-block-themen.gbb .full_width-helper .box1 > .helper {
		max-width: 75%;
	}
}

/* ------------------------------------------------------------------------ */
/* Size width from 1600px to 1920px											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) and (max-width: 120.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1920px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 121em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 2400px o 2880px											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 121em) and (max-width: 149.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 2400px to 2880px												*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 150em) and (max-width: 179.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 2880px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 180em) {

}