/*
 Theme Name:   diffinno
 Theme URI:    https://generatepress.com
 Description:  diffinno-theme
 Author:       polimeni-web.de
 Author URI:   https://polimeni-web.de
 Template: generatepress 
 Version:      0.1
*/

/*********************************************/
/* Variables */
/*********************************************/
/* Globalen CSS-"Variablen" */
:root {
	--max-breite-desktop: 1208px;
	--max-breite-mobile: 1024px;
	--padding: 18px;
	--gridcontainer_padding: 50px;
	--offset_left:calc((100vw - 100%) / 4 );
	--pt:50px;
	--pb:50px;
	}



/*********************************************/
/* FONTS */
/*********************************************/
@font-face {
	font-family: "WorkSans-Regular";
    src: url(fonts/WorkSans-Regular.ttf) format('truetype');
}
@font-face {
	font-family: "WorkSans-Medium";
    src: url(fonts/WorkSans-Medium.ttf) format('truetype');
	font-weight:500;
}
@font-face {
	font-family: "WorkSans-Bold";
    src: url(fonts/WorkSans-Bold.ttf) format('truetype');
}
body{font-family:"WorkSans-Regular";
font-size:13px;
line-height: 18px;}

strong{font-family:"WorkSans-Bold";}

.main-nav ul li a{font-family:"WorkSans-Bold"; font-size:16px; line-height:19px; padding-left: 30px;  padding-right: 30px;}

/*********************************************/
/*  */
/*********************************************/
	html {
  scroll-padding-top:110px;
}

body .is-layout-flex {
    display: flex;
    flex-wrap: wrap
}


body.page #breadcrumbs{display:none;}
#breadcrumbs span >span >a {color: #BE8816;	font-family: "WorkSans-Medium"; text-decoration:none; text-transform:uppercase;}
#breadcrumbs span >span:not(.breadcrumb_last){ margin-right: 1em;}
#breadcrumbs span >span.breadcrumb_last{ margin-left: 1em;}
breadcrumbs span > span.breadcrumb_last:before{content: 'BEITRAG: ';}
#breadcrumbs { text-transform:uppercase;margin-bottom: 3em; text-align:center;}



.header-text-group {
		  left: calc(50% - (var(--max-breite-mobile) / 2));}
.grid-container:not(.featured-image):not(.inside-site-info){max-width:var(--max-breite-mobile);}

.inside-site-info{max-width: calc(100vw - 2*var(--gridcontainer_padding));
  margin: 0px auto;}
.copyright-bar{float: left;}
.footer-bar{float: right;}


.p-0{padding:0 !important ;}
.pt-0 > .wp-block-group__inner-container{padding:0;}
.pb-0{padding-bottom:0 !important;}

.mb-0 {margin-bottom:0 !important;}

.site-header {
    position: sticky;
    top: 0px;
    z-index: 999;
  }
.header-text
{
    font-family: "WorkSans-Bold";
    font-size: 30px;
	line-height: 35px;
text-transform: uppercase;
}

#primary main#main article div.inside-article div.entry-content{margin-top:0;}

body.blog .is-logo-image, body.single .is-logo-image{max-width: 189px;
  height: auto;
}


.pt{padding-top:var(--pt);}
.pb{padding-bottom:var(--pb);}
.pt > .wp-block-group__inner-container{padding-top:0;}

h2 {text-transform:uppercase;font-size:20px; line-height:24px;margin-bottom:1em; font-family:"WorkSans-Bold";}
h3{text-transform:uppercase; font-family:"WorkSans-Bold";
  font-size: 25px;
  line-height: 27px;
}

.meta-gast-author{max-width: fit-content;
  padding: 6px 10px;
  border: 1.5px solid #BE8816;
  font-size: 11px;
  font-family: "WorkSans-Medium";
  text-transform: uppercase;}

.blog-posts-slide .meta-gast-author{border: 1.5px solid white;}


.single-post .hero-text-title{	float: right;}
.magazine-post .hero-text-untertitle{clear:both;}
.magazine-post .magazinetitle{text-align:right; font-family: "WorkSans-Bold"; font-size:62px;margin-bottom: 0.7em;line-height: 68px;}
.magazine-post .untertitlerest{font-style: italic;
  text-transform: none;font-size: 20px;
  font-family: "WorkSans-Regular";}
.magazine-post .untertitlefett{  font-size: 25px;
  line-height: 27px;  text-transform: none;margin-bottom:0;font-family: "WorkSans-Bold"; text-align:right;}


.medium{font-family: "WorkSans-Medium";}

.mit-subtext{ margin-bottom: 0.2em;}
.subtext{ text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;font-family:"WorkSans-Bold";}


.gradient{background-image: linear-gradient(to right, #BE8816 0, #5F440B 100%) ; }

.mail{background-image:url('/wp-content/uploads/2024/01/Icon-feather-mail.png'); 
 
  background-position:50%;
  content: "";
  background-repeat: no-repeat;
	
}

.mail a, .main-navigation  .main-nav ul .mail a{font-size:0;padding-left: 30px;  padding-right: 30px;}


.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation
{padding: 0px;}
.separate-containers .site-main{margin-top:0;}

#masthead{max-width:100%; }

.header-bild-group{position:relative;}
.header-text-group{position:absolute; left:var(--padding);bottom: 30px;}
.header-text-group p{color:white; margin-bottom:0;}
.header-bild-group > .wp-block-group__inner-container{padding-top:0; padding-bottom:0;}

.header-bild-group .wp-block-image.alignfull  img{height: calc(100vh - 185px - 103px) !important;
  width: auto ;
  overflow: hidden;
  object-fit: cover;}

.wp-block-button__link{border-radius:0;font-family:  "WorkSans-Bold"; font-size:12px;}
.wp-block-buttons{margin-top:0.5em;}


.inside.site-info, .inside-header{padding:var(--padding); padding-top:0; padding-bottom:0}
.site-logo{max-width: 80%;}

/*.wp-block-button .wp-block-button__link:after{content:url('/wp-content/uploads/2024/02/button-pfeile-1.png');}*/


.gradient > .wp-block-group__inner-container{padding-left:calc(var(--gridcontainer_padding) - 10px); padding-right:calc(var(--gridcontainer_padding) - 10px);}

.footer-widgets .widget{margin-bottom:0;}
.copyright-div, .copyright-bar{width:100%; text-align:left; color:#FFBF38;}
.copyright-div {font-size:10px; text-align:center; padding: 10px 0px;padding-top:0;}
.footer-bar{margin-bottom:0 !important;}
.p-mail:before{content:url('/wp-content/uploads/2024/02/Icon-feather-mail.png');}
.footer-widgets a{text-decoration:none; padding-left:0.5em; padding-bottom:0.5em;}
.inside-site-info{padding:0;}
.inside-site-info{text-transform:uppercase; color:#FFBF38;  text-decoration:none;display:block;}
.inside-site-info a{text-decoration:none;}
#menu-footer-menu {  padding: 5px 0px; font-size:10px;}
#footer-widgets p{font-size: 14px;
    line-height: 18px;}

.footer-bar, .copyright-bar{width: 100%;  margin: 0px auto;}

/* CONTACT FORM */
.wpcf7{max-width:943px; margin:0px auto;}
.wpcf7-form input, .wpcf7-form textarea{ border:none; font-family:"WorkSans-Medium";  font-size:14px;line-height:16px; height:3.2em; width:100%; }
.wpcf7-form  p:not(.checkbox){ color:black;background-color:white;margin-bottom:0;}
 .wpcf7-form p.checkbox{ color:white;margin-bottom: 1em ;background-color:unset; font-size:8px;line-height:9px;font-family:"WorkSans-Medium"; }
.wpcf7-form textarea{min-height:228px;}
.wpcf7-form  p.submit{ max-width:fit-content ;background-color:unset; float:right;}
.wpcf7-form  p.submit input{ width:100% ; color:#424141;padding:5px;}
.wpcf7-form  p.submit input:hover{  color:white;}
.wpcf7-form  p.checkbox input{ height:unset;width:unset;}
.wpcf7-form .wp-block-columns{gap:1em;margin-bottom:1em;}
.wpcf7-list-item{margin:0;padding-top: 1em;}
/* GRID COL*/
/*	.grid-col .wp-block-column:not(.grid-grafik)  {aspect-ratio:1 / 1;}*/

	.grid-col{gap:0; margin-bottom:0;}
.grid-col .logo-img figure{max-width:300px; margin:0px auto;}

	.grid-col .wp-block-column{display:table;}
	.grid-col .wp-block-column > div{display:table-cell;vertical-align:middle;}
	.grid-col .wp-block-column .wp-block-group{padding:0px;}
.grid-col .wp-block-column:not(.grid-grafik) .wp-block-group
{padding-top: 40px;
  padding-bottom: 20px;
padding-left:36px; padding-right:36px;}

.grid-grafik
	{
	  min-width: 100vw;
	  aspect-ratio: auto;
	 /*  margin-left: calc( 0px - var(--gridcontainer_padding));*/
	  padding: var(--gridcontainer_padding);
	}

	.grid-col:not(.staff):nth-of-type(2n) .grid-grafik{order:2;}
	.grid-group.section .wp-block-group__inner-container{padding:0;}


.mobile-reverse .wp-block-column:first-of-type {order:2;padding-top: 40px;
  padding-bottom: 20px;}
.wp-block-column .wp-block-column:last-of-type {order:1;}

/*   SLICK SLIDER   */

.logos-slider figure{padding:10px; max-width:fit-content;}
.slick-arrow{font-size:0; background-color:unset;}
.slick-next{position: absolute;
 	 right: 10px;
	top: 50%;
	transform: translateY(-50%);}
.slick-prev{position: absolute;
  	left: 10px;
	top: 50%;
	transform: translateY(-50%);}
.slick-arrow img{height:15px;}
.slick-arrow {padding:0;}
.slick-arrow:focus, .slick-arrow:hover{background-color:unset;}

/*Burger menu*/
.menu-toggle{padding:0;}

	.gp-icon.icon-menu-bars {    display: none;}
	.custom_burgem_menu {
	  display: inline-block;
	  cursor: pointer;
	}

	.bar1, .bar2, .bar3 {
	  width: 27px;
	  height: 3px;
	  background-color: #BE8816;
	  margin: 5px 0;
	  transition: 0.4s;
	}

	.change .bar1 {
	  transform: translate(0, 8px) rotate(-45deg);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
	  transform: translate(0, -8px) rotate(45deg);
	}

.main-navigation.toggled a{text-align:center;}
.main-navigation #primary-menu{position: absolute;
  top: 0px;
  background-color: white;
  width: 100vw;
  left: calc( 0px - var(--padding) );}

.main-navigation.toggled li a
{
 
	line-height: 45px !important;}

.main-navigation a.active {
  color: var(--senf) !important;
}
/*********************************************/
/* BLOG  */
/*********************************************/

/*Header posts slider*/
.posts_slider_left{float:left;  order: 2;flex-grow: 1; padding: 25px 40px;}


.posts_slider_right{float:right;
	width: fit-content;
  object-fit: contain;
  overflow: hidden;
order: 1;
	flex-grow: 1;
	height: 50vh;
  max-height: unset;
}

.posts_slider_right img{width: auto;
	height: 100%;
    max-width: unset;
  }

.blog-posts-slide{clear:both; display: inline-block;
  width: 100%;flex-wrap: wrap !important;}

.blog-posts-headerslider .wp-block-columns{
  gap: 0;
  display: flex;
  flex-wrap: wrap !important;
	margin-bottom: 0;
}

.posts_slider_left h2, .posts_slider_left .text-auszug p,.posts_slider_left .has-senf-color,.posts_slider_left  .meta-date{color:white !important;}
.posts_slider_left .text-auszug p{font-size:11px; line-height:16px;}
.posts_slider_left .text-auszug{margin-top: 3em;}
.blog-posts-headerslider .slick-next{right:50px;}
.blog-posts-headerslider .slick-prev{left:50px;z-index: 10;}
.blog-posts-headerslider .next-slick-arrow {display:none;}


.blog-posts-headerslider .wp-block-button__link{background-color:#404040 !important;font-family: "WorkSans-Bold"; font-size:12px;height:32px;display:table;padding-top:8px !important;}

.blog-posts-headerslider .wp-block-button__link img{display: table-cell;vertical-align:middle;
	margin-left:1em; height:10px; width:auto;}

.blog-posts-headerslider .wp-block-button__link:hover{background-color:#FFBF38 !important;}

.blog-posts-headerslider .entry-title::after {
  content: '';
  width: 55px;
  height: 3px;
  display: block;
  margin: auto;
  transition: .5s;
  position: absolute;
  z-index: 10;
  bottom: -14px;
  background-color: white;
}
.blog-posts-headerslider h2{position:relative;margin-bottom:0.5em;}
.blog-posts-headerslider .meta-author .avatar,  .post-listed  .meta-author .avatar, .single .meta-author .avatar{width:24px; margin-right:0.5em;}

.blog-posts-headerslider .meta-author{margin-top: 3em;}
.blog-posts-headerslider .text-auszug p{margin-bottom:2.2em;}

.displaytable{display:table; height:100%;}
.displaytablecell{display:table-cell; vertical-align:middle;}

.blog-posts-headerslider .slick-next, .blog-posts-headerslider .slick-prev{display:none !important;}


/*Single post*/
.single .entry-content:not(:first-child){margin-top:0;}

.single .entry-content p{padding-left:30px; padding-right:30px; font-size:12px; line-height:17px; }
.single .entry-header, .single #breadcrumbs{padding-left:30px !important; padding-right:30px !important;}
.single .inside-article .entry-header{     padding:24px  30px; }

.single .inside-article .wp-block-column:last-of-type figure {margin-bottom: 2em;}

.single #breadcrumbs{border-bottom:3px solid #BE8816;
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 27px;
clear: both;
}

.single-post  .page-header-image-single > img{width: 100%;
  height: auto;
max-width: unset;}




.single-post .featured-image.page-header-image-single{width: 100vw;
  margin-left: calc((100% - 100vw)/2);
  overflow: hidden;
  position: relative;
  
margin-bottom:0;}

.single-post footer.entry-meta{display:none;}

.single-post .entry-content figure + figure{margin-top:3em;}
.single-post .entry-content .wp-block-columns{gap:2em;}

.featured-image.grid-container{max-width:unset !important;}
.single-post #content{position:relative;}
.single-post .entry-header .entry-meta:last-of-type, .posts_slider_left .meta-author + .entry-meta, .post-listed .meta-author + .entry-meta, .meta-gast-author + .entry-meta{display:none;}
.single-post .hero-text{background-color: #ffffff9c;
  padding: 2em;
  position: absolute;
  z-index: 10;
 /* bottom: 50%;
  transform: translateY(-50%);*/
	margin-bottom: 0;
top: 20vh;}

.single-post .hero-text-magazinepost{position: absolute;
  z-index: 10;
  margin-bottom: 0;
  top: 5%;
  right: calc(( 2*var(--gridcontainer_padding) -   var(--padding) )* -1);}


.meta-date, .meta-author{font-size:8px; line-height:12px; text-transform:uppercase;}
.single .hero-title, .single .entry-title {font-size:40px; line-height:47px; font-family: "WorkSans-Bold"; color: var(--senf);}
.single .entry-title{margin-bottom: 0.3em;}
.meta-author .avatar{width: 34px;
  border-radius: 15px;
  display: table-cell;
  vertical-align: middle;
  margin-right: 1.2em;}
.meta-author{display: table;font-family: "WorkSans-Medium";}




/* BLOG OVERVIEW */

.blog-controls {  text-align: center;  padding-top: 1.2em;	padding-bottom: 0.6em; margin-bottom:20px;}
.blog-controls a{text-decoration:none; font-size:12px; line-height:27px;}
.blog-controls a:hover, .blog-controls a.active, .post-listed h3, .paging-navigation .nav-links .current{color:#BE8816;}
.post-listed h3, .single .entry-title{font-size:20px; line-height:24px;}
.post-listed .text-auszug p{font-size:11px; line-height:18px;}
.post-listed .meta-author, .meta-gast-author {margin-top: 0em;  margin-bottom: 2em;}
.post-listed .wp-block-button__link, .single .wp-block-post-excerpt__more-link { background-color: #BE8816 !important; font-size: 10px !important;line-height:16px !important;  font-family: "WorkSans-Bold";height:32px;display:table; padding-top:8px !important;}


.post-listed .wp-block-button__link img{display: table-cell; vertical-align:middle;
	 margin-left:1em; height:10px; width:auto;}



.post-listed .wp-block-button__link:hover { background-color:#404040 !important;}
.post-listed{display:table;}
.post-listed .featured-image,.post-listed .content{height:100%;margin-top: 0;}
.post-listed .featured-image{margin-bottom:2em;}
	

.nav-links{text-align:center;}
.nav-links a{text-decoration:none;}

.page-numbers.next, .page-numbers.prev {content: '';
  color: white;
  font-size: 0;}
.page-numbers span{font-size: 14px;
	color: black;}

.blog-controls a.active{font-family: "WorkSans-Bold";}

.blog .article {  
	 padding:  0;
    width: 100%; 
    margin: 0 auto; 
    clear: both; 
	position:relative;
	height: fit-content;
  display: inline-block;
  margin-bottom: 1.8em;
   
}
.blog .article:nth-child(even) .featured-image {   float: left;  }
.blog .article:nth-child(even) .content {    padding-left: 2.5em;}

.blog .article:nth-child(odd) .content {   padding-right: 2.5em;}
.post-linie{background-color: #BE8816;height:3px; width:110%;display:block;margin:0px auto; position:absolute;  left: -5%;  top: -1em;}
.footer-posts-slider .post-linie{ top: unset;}

.footer-posts-slider .slick-arrow img{height:12px; width:auto;}
.footer-posts-slider .slick-prev{left: -15px;
  bottom: 40px;
  top: unset;}


.footer-posts-slider .slick-next{right: -15px;    top: 30%;}


.footer-posts-slider .wp-block-query {padding-top:4em;}

.footer-posts-slider .wp-block-post-excerpt__more-text a{ background-color:#BE8816 ; text-decoration:none; text-transform:uppercase; font-family:"WorkSans-Bold";}
.footer-posts-slider .wp-block-post-excerpt__more-text a:hover{background-color: #404040 !important;}
.footer-posts-slider .wp-block-post-excerpt__more-text{margin-top: 1em !important;
  color: white;}
.footer-posts-slider li{margin-left:0.5em; margin-right:0.5em;}

.footer-posts-slider{position:relative; margin-top:0em;margin-bottom: 0em !important;}
.footer-posts-slider .wp-block-post-excerpt__excerpt{font-size:12px; line-height:17px;}
.footer-posts-slider h2, .footer-posts-slider .weitere-heading{font-size:20px; line-height:24px; font-family:"WorkSans-Bold";}
.footer-posts-slider figure + .wp-block-group .wp-block-group__inner-container{padding:20px 0px;}

.blog .content{    display: block;    padding: 0px; }
.blog  .featured-image {   display: block;    padding: 0px;    	overflow:hidden;}
.blog  .article .content, .single .inside-article header,.single .article .entry-content { display: block;    padding: 30px; }

.post-listed-header{     padding:15px  30px; }


.blog  .post-meta {   margin: 0; }
.blog  .post-meta div {   width: 100%; }
.blog  .article .content h3 { margin: 0; }
.blog  .article .content h3 a { text-decoration: none; }

.blog .featured-image img {
    width: auto;
  height: 100%;
	width: 100%;
  height: auto;
}
hr{height: 3px;
  margin-top: 1.5em;
  margin-bottom: 1.5em; background-color:var(--senf); color:var(--senf);}


.magazine-post .sponsor{margin-bottom:3.2em;}
.magazine-post hr{margin-top:1.2em; margin-bottom:1.2em;}
.magazine-post hr + p, .magazine-post hr + p + p{padding-left:0 !important; margin-bottom:0.5em; font-family:"WorkSans-Medium";}
.magazine-post .wp-block-buttons{margin-top: 1.2em}
.magazine-post .wp-block-button a{background-color:var(--senf); text-transform:uppercase; font-family:"WorkSans-Medium";}



.sponsor figure{margin-bottom:0;}

.sponsor figure img{width:100%; height:auto;}

.sponsor .wp-block-columns{background-color:white;}

/*********************************************/
/* MEDIA QUERIES  */
/*********************************************/
/* Extend responsive column styling to 782px (Default is 600px) */
@media (max-width: 767px) {
	
	
	.single-post .hero-text-magazinepost {position: relative;
    background-color: white;
    width: 100%;
    padding-right: var(--padding);
    right: unset;
    margin-bottom: unset;
    display: flex;
    justify-content: right;
    flex-direction: column;
    align-items: flex-end;
	padding-bottom: 3em;}
	
	.magazine-post .magazinetitle {  margin-bottom: 0.2em; padding-top: 1em;}
	
	.gray-col {
    height: 100%;
    background-color: #e6ecee;
    position: absolute;
    width: 20%;
    z-index: -1;align-self: flex-start;}
	
	.magazine-post .magazinetitle {
  font-size: 48px;
		line-height: 52px;}
	
	.single-post .hero-text-title{float:none;
    max-width: 60%;
    width: 100vw;}
	.single-post .hero-text-untertitle{max-width:90%; float:right; }
	
	
	
	
 .grid-col.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;margin-bottom: 2em;
    }
   
	.grid-col.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column{
	flex-basis: 100% !important;}
	.grid-group .wp-block-columns .wp-block-column:first-of-type .wp-block-group.p-0{padding:10px !important;}
    .grid-group .wp-block-columns .wp-block-column:last-of-type .wp-block-group.p-0{padding:10px !important;}

	.wp-block-button .wp-block-button__link, .single .wp-block-post-excerpt__more-link{font-size:12px; line-height:14px;padding: 8px 15px;}

	
}
@media (min-width:767px) and (max-width: 833px){

	.grid-col .wp-block-column:not(.grid-grafik) .wp-block-group {
	  padding: 10px !important;
	
	}
	
	.slick-prev {  left: 10px;		transform: translateY(-50%) scale(0.8);}
	.slick-next {  right: 10px;		transform: translateY(-50%) scale(0.8);}
	
}

@media (min-width:768px) and (max-width:830px) { 

    /* Disable responsive columns on mobile */


    .grid-col.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: nowrap;
    }

    /* Available space should be divided equally amongst columns. */
	.grid-col.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
    }

    /* When columns are in a single row, add space before all except the first. */
  /*  .grid-col.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
        margin-left: 2em;
    }
*/
    /* Columns with an explicitly-assigned width should maintain their`flex-basis` width and not grow. */
    .grid-col.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
        flex-basis: auto !important;
        flex-grow: 0;
    }
	
	
	
	

}


/* Ansicht für Tablets */
@media screen and (min-width:768px) {
	
	
	html {
  scroll-padding-top:247px;
}
	
	.single-post .featured-image.page-header-image-single {height: 580px;
	}
	
	.single-post .page-header-image-single > img {
  width: auto;
  height: 100%;
		max-width: unset;}
  
	
	
	
	.main-navigation #primary-menu
{  position: unset;
  
	width: unset;}
	
	
	.section{margin-bottom: 4em;  }

	
	
	.grid-col:nth-of-type(2n) .grid-grafik
	{
	  order: 1;
	}
		.grid-col:nth-of-type(2n) .grid-grafik + .wp-block-column
	{
	  order: 2;
	}

	
	h2 {font-size:30px; line-height:35px;}
	.wp-block-buttons{margin-top:1.5em;}

	.site-logo{max-width: 100%;}
	.header-bild-group .wp-block-image.alignfull img{
		height: auto;
		width: 100%;}
	
	.header-text-group{position:absolute; top:50%;  transform:translatey(-50%);bottom: 50px;      }
	.grid-col .wp-block-column .wp-block-group{padding:42px !important;}
		
	

	.grid-grafik{
	  min-width: unset;
	/*  aspect-ratio: 1 /1 ;*/
		min-height:340px;
		max-height:340px;
	  margin-left: unset;
	  padding: unset;
	}
	
	.grid-col:not(.mobile-reverse):nth-of-type(2n+1) .grid-grafik{order:1;}
   .mobile-reverse .wp-block-column:first-of-type {
  order: 1;padding-top: 0px;
  padding-bottom: 0px;
    }
	  .mobile-reverse .wp-block-column:last-of-type {
  order: 2;
    }
	.wpcf7-form .wp-block-columns{margin-bottom:0;}
    .wpcf7-form  p:not(.checkbox){ ;margin-bottom: 1em }

	
	
	.posts_slider_left{  max-width: 40%;}
	.posts_slider_left{order: 1;}

    .posts_slider_right{order: 2;}
	.blog-posts-slide{flex-wrap: nowrap !important;}
	.posts_slider_left {  padding: 4em;  padding-left: 8em;}
   .posts_slider_right{		 height: auto;	     max-height: 70vh;}	
	.blog-posts-headerslider .slick-next, .blog-posts-headerslider .slick-prev{display:inline-block !important;}
	.blog-posts-headerslider .entry-title {  max-width: 70%;}
	.posts_slider_left .text-auszug {		margin-top: 5em;}
	.posts_slider_right img {
			  width: 100%;
			  height: auto;
			  max-width: 100%;
			}
	
    .blog-controls{text-align: center;padding-top: 2.4em;  padding-bottom: 0.6em;}
	.blog .featured-image {  width: 50%;  display: block;  padding: 5px; float:left;}
	.blog .featured-image {  width: 50%;  display: block;  padding: 5px;  float: right;} 
	.post-listed-header{padding:unset;}
	.blog .article {  	 padding: 2em 0;}
	#menu-footer-menu{padding: 10px 0px;}
	
	.footer-bar, .copyright-bar{width: fit-content;}
	.copyright-div {  padding: 10px 0px;}
	.footer-bar{margin-bottom:10px;}
	.post-listed .wp-block-button__link img, .blog-posts-headerslider .wp-block-button__link img{ height:15px; width:10px;    display: inline-block;}
	
	.blog .article:nth-child(even) .content {   width: 50%;  float: right;}
	.post-listed .featured-image{margin-bottom:unset;}
	.post-listed .text-auszug p, .single .entry-content p{font-size:15px; line-height:22px;}
	.post-listed .wp-block-button__link , .blog-posts-headerslider .wp-block-button__link{ font-size: 14px !important; padding-top:10px !important; line-height:24px !important;}	
	.meta-date, .meta-author{font-size:11px; line-height:27px; }
	.posts_slider_left .text-auszug p{font-size:12px; line-height:17px;}
 
	
#breadcrumbs {	text-align:left;}
	.single .entry-header{margin-top: 2em;}
	.single  figure + figure {margin-bottom: 0em;}
	.single-post .entry-content .wp-block-columns{gap:2em;}
	.footer-posts-slider .wp-block-post-excerpt__more-text a{  
    font-size: 12px !important;
    line-height: 20px !important;
    margin-top: 1em;
    color: white;
    padding: 0.4em 1em;  }
	
	.single .inside-article .entry-header{padding:0;}
.single #breadcrumbs {	border-bottom: none; text-align:left;}
.footer-posts-slider .wp-block-query {
	padding-top: 2em;}

	.post-listed h3 , .single .entry-title{
	  font-size: 40px;
	  line-height: 47px;
	}

	
}

@media screen and (min-width: 834px) {
	
	
	
.single .entry-header, .single #breadcrumbs{padding-left:0px !important; padding-right:0px !important;}
	.single-post:not(.magazine-post)  .page-header-image-single > img{width: 100%;
	  position: absolute;
	  top: -50%;
	height: auto;}
	
	
	.footer-posts-slider{ margin-top:4em; margin-bottom:5em;}
	.header-text{font-family:  "WorkSans-Bold"; font-size:60px; line-height:73px; text-transform: uppercase;margin-bottom:0;}
	.grid-group .wp-block-columns .wp-block-column:first-of-type .wp-block-group.p-0{padding:0;padding-right:68px !important;}
    .grid-group .wp-block-columns .wp-block-column:last-of-type .wp-block-group.p-0{padding:0;padding-left:68px !important;}
	
	.grid-grafik{
	min-height:415px;
		max-height:415px;}
	
	.footer-posts-slider li .wp-block-group{float:right; width:50%;padding: 1em;}
    .footer-posts-slider li figure{float:left;  width:50%;}
.footer-posts-slider .slick-next
	{bottom:unset;
		right: -50px;
  top: 50%;}
.footer-posts-slider .slick-prev
	{bottom:unset;
		left: -50px;
  top: 50%;}
	
.footer-posts-slider figure	{position: absolute;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);}
	.footer-posts-slider li	{position: relative;}
	
	
	
}

@media screen and (min-width: 1024px) {
.grid-col .wp-block-column > div {  height: 512px;	}
}


/* Ansicht für Desktop-Monitore */
@media screen and (min-width: 1200px) {
	
		body{
		font-size:16px;
		line-height: 22px;}


	.main-nav ul li a{ font-size:18px; line-height:22px;}
	
	#masthead.grid-container:not(.inside-navigation) .inside-header,
	.inside-site-info.grid-container
	{max-width: calc(100vw - 2*var(--gridcontainer_padding));margin:0px auto;}

	
	.site-main .wp-block-group__inner-container{padding:0;}

	.wp-block-button__link{font-size:16px;}
	.grid-col .logo-img figure{max-width:400px; margin:0px auto;}

		.slick-arrow img{height: 38px;
  width: 22px;}	
	.slick-next{ 	 right: -50px;	}
    .slick-prev{	left: -50px;}
	
	
}
/* Ansicht für Große-Monitore */
@media screen and (min-width: 1800px) {
	
		body{
		font-size:18px;
		line-height: 24px;}
	.main-nav ul li a{ font-size:20px; line-height:24px;}

	.wp-block-buttons{margin-top:3em;}
	.grid-container:not(.featured-image):not(.inside-site-info){max-width: var(--max-breite-desktop);}	
	.grid-col .wp-block-column .wp-block-group{padding:68px;}	
	  .header-text-group {
		  left: calc(50% - (var(--max-breite-desktop) / 2));}
	.slick-next{ 	 right: -50px;	}
    .slick-prev{	left: -50px;}
	.slick-arrow img{height: 38px;  width: 22px;}	
	
	.footer-posts-slider .slick-arrow img {
    height: 27px;
    width: 14px;
  }
	
.wider-group .wp-block-group__inner-container{max-width: var(--max-breite-desktop);  padding:0;margin:0;}

	
	 .inside-header{padding:0;max-width:1760px;margin:0px auto;}
	.header-text{font-family:  "WorkSans-Bold"; font-size:80px; line-height:93px; text-transform: uppercase;margin-bottom:0;}
	
	.posts_slider_left .text-auszug p{font-size:16px; line-height:30px;}
	
.blog-posts-headerslider .meta-author .avatar, .post-listed  .meta-author .avatar, .single .meta-author .avatar{width:34px; margin-right:1.2em;}
	
	.blog-posts-headerslider .entry-title{font-size: 60px; line-height:71px;}
	
	
	.post-listed h3 , .single .entry-title{
	  font-size: 40px;
	  line-height: 47px;
	}
	
  .post-listed .meta-author, .meta-gast-author {margin-top: 1em;  }   
	.post-listed .text-auszug p {
	  font-size: 16px;
	  line-height: 24px;
	}
.blog-controls a {  font-size: 16px;  line-height: 27px;}
.blog-posts-headerslider .wp-block-button__link , .post-listed .wp-block-button__link{   font-size: 14px;  height: 45px;}
	.posts_slider_right{max-height:unset;}
	.single #breadcrumbs {  text-align: left;  padding-top: 1.2em;	padding-bottom: 0.6em; margin-bottom:20px;}
	.single .entry-content p{font-size:16px; line-height:24px; }
	


}





@media screen and (min-width: 1980px) {
	.header-bild-group .wp-block-image.alignfull img{object-position:center 30%;}
}