/*
Theme Name: DigitalMDMA - KGV Vogelsang e.V.
Template: greenthumb
Theme URI: https://www.digitalmdma.com/
Description: 
Author: DigitalMDMA
Author URI: https://www.digitalmdma.com/
Version: 1.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* latin */
@font-face {
  font-display: swap;
  font-family: 'Cookie';
  font-style: normal;
  font-weight: 400;
  src: local('Cookie Regular'), local('Cookie-Regular'), url(../fonts/Cookie-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@media all and (max-width: 5000px) {
   <!-- Freie Gärten Layout -->
   .fotoseite {
	  	position: relative;
		float: left;
		width: 69%;
		margin-right: 2%;
		height: auto;
   }
   .infos {
   		position: relative;
		float: left;
		width: 29%;
		height: auto;
   }
   .data {
    width:100%;
	padding:0;
	padding-left:40px;
    }
}

@media all and (max-width: 760px) {
     <!-- Freie Gärten Layout -->
   .fotoseite {
	  	position: relative;
		float: left;
		width: 100%;
		margin-right: 0%;
		height: auto;
   }
   .infos {
   		position: relative;
		float: left;
		width: 100%;
		height: auto;
		margin-bottom:80px;
   }
   .data {
    width:100%;
	padding:0;
    }
}

/* Freie Gärten: Gartennamen in Cookie */
#slider-frame .sc_title_descr p {
	font-family: 'Cookie', sans-serif;
}

/* Section-Überschriften (z.B. Startseite) in Cookie */
h2.sc_item_title.sc_item_title_style_default:not(.sc_item_title_tag) {
	font-family: 'Cookie', sans-serif;
	font-weight: 400;
}

/* Title-Unterzeilen (z.B. „beim KGV …“) in Cookie */
.sc_title .sc_title_descr,
.sc_title .sc_title_descr p {
	font-family: 'Cookie', sans-serif;
}

/* Garten-Detail: Untertitel in Theme-Standardschrift */
.theme-standard-font,
.theme-standard-font p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

/* Garten-Anfrage: Überschrift in Cookie */
.theme-cookie-font,
.theme-cookie-font p {
	font-family: 'Cookie', sans-serif;
	font-weight: 400;
}

/* Startseite: Header-Foto fullscreen, Laufschrift am unteren Bildschirmrand */
.head-image.head-image--fullscreen {
	position: relative;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	overflow: hidden;
}
.head-image.head-image--fullscreen::before {
	z-index: 0;
}
.head-image.head-image--fullscreen .text {
	z-index: 1;
}
.head-image.head-image--fullscreen #running-text-frame {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 5px;
	margin: 0;
	background-color: rgba(111, 165, 34, 0.9);
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
}
#running-text-content {
	display: inline-flex;
	white-space: nowrap;
	animation: scroll-text 60s linear infinite;
}
.running-text {
	display: inline-block;
	margin-right: 30px;
}
@keyframes scroll-text {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* Neuigkeiten / Blog: Beiträge nicht am Viewport-Rand abschneiden */
.page_content_wrap .vc_row.post-box {
	margin: 20px 40px !important;
	width: calc(100% - 80px) !important;
	max-width: calc(100% - 80px) !important;
	left: auto !important;
	right: auto !important;
	box-sizing: border-box;
	overflow: visible;
}
.page_content_wrap .vc_row.post-box .blog-img-back {
	height: 550px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.page_content_wrap .vc_row.post-box .wpb_column {
	overflow: visible;
}
.page_content_wrap .vc_row.post-box h2,
.page_content_wrap .vc_row.post-box .read-link h2 {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}
.page_content_wrap .vc_row.post-box .sc_content,
.page_content_wrap .vc_row.post-box .sc_content_container {
	max-width: 100%;
	box-sizing: border-box;
}
@media all and (max-width: 760px) {
	.page_content_wrap .vc_row.post-box {
		margin: 15px 20px !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
	}
	.page_content_wrap .vc_row.post-box .blog-img-back {
		height: 320px;
	}
}

/* Single-Beitrag: gleicher Außenabstand links/rechts, 20px zwischen Bild und Text */
.page_content_wrap .vc_row.single-post-row {
	margin: 0 40px !important;
	width: calc(100% - 80px) !important;
	max-width: calc(100% - 80px) !important;
	left: auto !important;
	right: auto !important;
	box-sizing: border-box;
	overflow: visible;
}
.page_content_wrap .vc_row.single-post-row > .wpb_column > .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.page_content_wrap .vc_row.single-post-row > .wpb_column:last-child > .vc_column-inner {
	padding-left: 20px !important;
}
.page_content_wrap .vc_row.single-post-row img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.page_content_wrap .vc_row.single-post-row .sc_content_width_100p,
.page_content_wrap .vc_row.single-post-row .sc_content_width_75p {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}
.page_content_wrap .vc_row.single-post-row h2 {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}
@media all and (max-width: 991px) {
	.page_content_wrap .vc_row.single-post-row > .wpb_column:last-child > .vc_column-inner {
		padding-left: 0 !important;
		padding-top: 20px !important;
	}
}
@media all and (max-width: 760px) {
	.page_content_wrap .vc_row.single-post-row {
		margin: 0 20px !important;
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
	}
}