/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.https://blockq:8890/wp-admin/theme-editor.php?file=editorstyle.css&theme=blankslate
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

body,html {
	/* margin: 0 !important; */
	padding: 20px !important;
	overflow-x: hidden;
	/* Definierte Maximal-Breite der Website */
	max-width: 1720px;
    margin-left: auto !important;
    margin-right: auto !important;
}

p {
    font-family: roboto, sans-serif;
    font-weight: 100;
	font-size: clamp(0.5rem, 3vw, 1rem);
	line-height: 1.4rem;

}

ol, ul {
	font-family: roboto, sans-serif;
    font-weight: 400;
	font-size: clamp(0.5rem, 3vw, 1rem);
	line-height: 2rem;
}

a {
	text-decoration: none;
	color: #000;
}

h1, h2, h3, h4 ,h5, h6 {
	font-weight: 100;
	font-family: roboto, sans-serif;	
}

h1 {
	font-size: clamp(2.4rem, 4vw, 2.5rem);
}

h2 {
	font-size: clamp(2.0rem, 3vw, 2.2rem);
}

h3 {
	font-size: clamp(1rem, 1.5vw, 1.8rem);
}


.title_main {
	color: #fff;
	top: 100%;
	position: absolute;
	font-family: roboto, sans-serif;
    font-weight: 100;
	opacity: 1;
	z-index: 2;
	padding: 12px;
	height: 100%; 
	width: 100%;
	background-color: rgba(255,255,255,0.4); 
	backdrop-filter: blur(12px);
	transition: 0.8s;

}

.arrow {
 vertical-align: middle;
    /* Empfehlung: */ 
    margin-right: 5px;
	margin-top: -2px;
	height: 8px;
}

.image-class {
	width: 100%;
	height: auto;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center; */
}

.moreplus {
	opacity: 0;
	font-size: 38px;
	padding: 12px 24px;
	color: #fff;
	background-color: #000;
	transition: 0.8s;
}

hr {
	border-top: solid 0.5px #ededed;
}



.topheader {

	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 30px 0;
}

ul {
	  list-style-type: none;
}

.menu-item p {
	border-color: #000;
	border-bottom: 1px solid #ededed;
	border-radius: 0px;

	padding: 2px 12px 2px 12px; 
	transition: 0.8s;
}

.menu-item:hover  {
	p {
		color: #fff;
		background-color: #2E0B0B;
	}
}

.menu-item:active  {
	p {
		color: #fff;
		background-color: #2E0B0B;
	}
 	
}

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v32-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v32-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

.sitemargin {
    min-height: 2em;
	content: "";
}

.menu_container {
    max-width: 2120px;
    margin: 0 auto;
}

.content-container {
    max-width: 2120px;
    justify-content: left;
    text-align: left;
	overflow-x: hidden;
	
}

.mygrid {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 64px;

}

.singleitem {	
	width: 100%;
	height: auto;
	overflow: hidden;

	
	text-align: left;
	opacity: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}



#wrapper {
	max-width: 2120px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px; 
}


.img_container {
	margin-left: 0; /*  -100%; */
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 0;
}

.svg_shadow {
	width: 100%%;
	height: auto;
	top: 20px;
}

.image-class {

    width: 100%;
   	aspect-ratio: 1 / 0.8 ; /* 16 / 9; */

	transition: 1.6s;

	 
}



.project_title p {
    margin-top: -22px;
    line-height: 18px;
	padding: 12px;
	border: 1px solid #ededed;
	
}



/*
.img_container:hover .title_main {
	top: 0%; 
}
*/


.img_container:hover .image-class {

	 transform: scale(1.02,1.02); 
}

.project_title p{
	transition: 0.3s;
	text-shadow: 0 0 0px transparent; /* Platzhalter-Schatten */
}

.singleitem:hover .project_title p{
 
  text-shadow: 0 0 0.6px black; /* Leichter Schatten */
}



.imageholder {
	min-height : 100vh !important;
 	 min-width : 10vw !important;
  	background-size:100% 100% !important;
  	overflow-y: hidden !important;
  	overflow-x: hidden !important;
  	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
	margin: 0;
	padding: 0;
}

.site_spacing {
	content: "";
	min-height: 164px;
}

/* Burger Menu*/


.menu-wrapper {	
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 0%;
	background-color: #e2e2e2;
	padding: 30px;

	opacity: 0;
	z-index: 10000;
}


.page-header-inner {
	/* position: fixed; */
	top: 0;
    left: 0;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-content: center;
    z-index: 100000;
    border: 0.5px solid #e2e2e2;
    background-color: #fff;
}

.myheader {
	/* position: fixed;
	*/
	display: contents;
    left: 0;
    width: 100%;
    max-width: 2024px;
	
	top: 0;
    left: 0;
	width: 100%;
	
	z-index: 10000;
	background-color: #e2e2e2;
}

.innerheader {
	display: flex; 
	justify-content: end;
	background-color: #fff;
	max-width: 2120px;
	height: 120px;
}


/* Off Canvas Menü */
/* Das Scrollen des bodys verhindern */

body.no-scroll {
  //overflow: hidden;
  //height: 100vh;
}


.menu_logo {
	width:120px; 
	height: auto;
	margin: 0 0 30px 0;
	opacity: 0;
}

#menu-icon {
	 width: 30px;
	height: 30px; 
	cursor: pointer; 
	margin-top: 18px; 
	position: fixed; 
	z-index: 100000; 
	padding: 9px; 
	background-color: #f8f8f8;
	transition: 1s;
}



#menu-icon:hover {
	 width: 30px;
	height: 30px; 
	cursor: pointer; 
	/* margin-top: 18px; */
	position: fixed; 
	z-index: 10000; 
	padding: 9px; 
	background-color: #e8e8e8;
}




.menuwrapper {
  display: flex;
  justify-content: center; /* zentriert den Container */

}

.content {
  position: relative;  /* damit das Burger-Icon relativ dazu positioniert wird */
  max-width: 1200px;
  width: 100%;
}

#burger {
  position: absolute;
  right: calc((100vw - 2024px) / 2);
  top: 20px;
		  z-index: 999;

}



.offcanvas-menu {
	
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
   opacity: 0;
  transition: top 0.9s ease-in-out;
  z-index: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;


}

.offcanvas-menu.open {
  top: 0;
}

.offcanvas-content {
  display: flex;
  flex-direction: column;
  align-items: center;
;
}

.offcanvas-content a {
  text-decoration: none;
  color: #333;
	/*
  font-size: 1.4rem;
  font-weight: 500;
	*/
}

#menu-link-a, #menu-link-b, #hrline, #menu-link-c, #menu-link-d {
	opacity: 0;
}


.offcanvas-content a :hover {
	font-weight: 400;
}

.submenu a {
	font-size: 12px; 
	text-align: center;
	text-decoration: none;
	font-weight: 100;
}

.submenu a :hover {
	font-weight: 400;
}


hr {
	opacity: 0;
}
/*
.close-button {
  position: absolute;
  top: 72px;
  right: 76px;
  background: transparent;
  border: none;
  color:#000;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
  z-index: 10000;
}
*/
/* Logo */

.lottielogo {
	margin-top: -40px;
	padding: 20px 0 20px 0;
	right: 0;
	width: 100px; 
	height: auto; 
	z-index: 100001;
}

.toggle-menu {
	padding: 30px 0 20px 0;
}

/*
.toggle-menu {
	margin-right: 12px;
}
*/

.blockqmenu {
	/*
	display: flex;
	justify-content: space-between;
	*/
	
	max-width: 2120px;
	height: 80px;
	background-color: #e2e2e2;
	border-radius: 8px;
}

.blockqnav {

}



.lazyblock .lzb-preview-server img {
	max-width: 100% !important;
	height: auto !important;
}

.footermenu p {
	font-size: 12px;
}

/* Top Ikon */

.totop {
	width: 34px;
}

/* Gutenberg Klassen */

.dreispalter {
	margin: 9%;
}

/* Responsive */
@media only screen and (max-width: 600px) {
	body, html {
		padding: 8px !important;
	}

	.lottielogo {

	width: 120px; 
	height: auto; 
	}
	
	
	.mygrid {
    	grid-template-columns: 100%;
	}
	
	.swiper1 {
		height: 45vh;
	}
	
   .swiper-spacing {
     
     min-height: 80px;
	}
	

}




#burgerbut {
	width: 40px;
	height: auto;
	margin-left: 32px;
}

/* CSS nur für die Seite WerWirSind */

.page-id-23 { 
	
	#main h2 {
		opacity: 0;
	}
	
	#main p {
		opacity: 0;
	}
} 

user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
:root {
    --swiper-theme-color: #1E3547;
}
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4 / 3;
    --wp--preset--aspect-ratio--3-4: 3 / 4;
    --wp--preset--aspect-ratio--3-2: 3 / 2;
    --wp--preset--aspect-ratio--2-3: 2 / 3;
    --wp--preset--aspect-ratio--16-9: 16 / 9;
    --wp--preset--aspect-ratio--9-16: 9 / 16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}




.wp-block-column {
  
    overflow: hidden;
}

/* Slider */
.swiper {
  height: 300px; /* Höhe global festlegen */
}

.swiper-wrapper {
  align-items: center;
}

.swiper-slide {
  width: auto !important;   /* überschreibt Swiper */
  flex-shrink: 0;           /* verhindert Zusammendrücken */
  display: flex;
  align-items: center;
  justify-content: center;
}


.swiper-slide img {
  width: 400px;
}

/* Die Tabellen */

.table-row {
    display: flex;
	width: 50%;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.table-label { font-weight: bold; width: 50%; }
.table-value { width: 50%; }

/* Mobile Anpassung */
@media (max-width: 600px) {
    .table-row { flex-direction: column; }
    .table-label, .table-value { width: 100%; }
}

/* Das Intro */
.intro {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.line {
  display: block;
  overflow: hidden;
}

.line span {
  display: inline-block;
  transform: translateY(100%);
}


.myContainerSlider {
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	position: relative;
}


/* Beitragsseite */

.image_paspartou {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  opacity: 0;
  text-align: center;
}

.mask_wrapper {
  position: relative;
  overflow: hidden;

}

.top_image {
	margin-left: auto;
	margin-right: auto;
  width: 75%;
  display: block;
}

.front_image {

  height: 35vh;
  display: block;
}

.first_container img {
    width: 75%;
    height: auto;
    display: block;
}

.front_container {
    width: 75%;
}   

.front_image_container {
	display: flex;
	width: 88%;
	
	 justify-content: end;
	 /* transform: translateX(55vh) !important;Override Inline */
}



/* MASKEN  */
.mask {
  position: absolute;
  top: -20%;
  width: 30%;
  height: 150%;
  background:  #f5f5f5; /* f5f5f5 */
  transform: skewY(-30deg);
  z-index: 2;
}




/* Positionen */
.m1 { left: 0%; }
.m2 { left: 25%; }
.m3 { left: 50%; }
.m4 { left: 75%; }



.distance {
	height: 128px;
}

.post_headline {
	opacity: 0;
	text-align: center;	
	margin-top: -100px;
    margin-bottom: 48px;
}

.cont_date {
	font-size: 10px;
	
}