/*
	Theme Name: Hozjan-Theme
	Theme URI: https://www.hozjan.net/
	Description: Willkommen zum Hozjan-Theme – die perfekte Grundlage für dein Webprojekt! Entwickelt und bereitgestellt von Hozjan Artwork, bietet dieses Theme eine Auswahl an durchdachten Features, die deine Arbeit mit Wordpress noch effizienter und kreativer machen.
	Author: Benny Hozjan
	Author URI: https://www.hozjan.net/
	Template: Divi
	Version: 1.0.0
	Tags: Ready-to-go Child Theme, Hozjan Artwork 
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.et-menu li li a {
	min-width:fit-content
}
body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item>a {
color:#00c5c8!important;
}

.group-btn-bh {
  width:max-content;
  gap:4px;
}

.btn-bh-text p,
.btn-bh-icon {
  background:var(--dark);
  border-radius:10px;
  border:1px solid var(--dark);
  font-weight:500!important;
  color:var(--white)!important;
  transition: var(--tra-5s)
}

.group-btn-bh:hover .btn-bh-text p,
.group-btn-bh:hover .btn-bh-icon {
background:var(--blue);
border:1px solid var(--blue);
cursor:pointer;
}

.group-btn-bh .btn-bh-icon span {
  color:var(--white)!important 
}


.btn-bh-text p {
font-size:14px!important;
letter-spacing:1px;
padding:10px 20px!important;
}

.btn-bh-icon span {
font-size:20px!important;
padding:5px;
}

.tagtext {
background:rgba(0,0,0,.07);
padding:.5rem 1rem ;
border-radius:30px ;
color:#333
}

.usp-item svg {
color:var(--blue)  
}

.usp-item .et_pb_code {
width: 40px;
height: 40px;
padding:1rem;
background: rgba(0, 197, 200, 0.12);
border-radius: 8px;
}

.et_pb_module.et_pb_text.process-step__num h3 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-family: var(--ff-body);
    color: var(--blue)!important;
    position: relative;
    z-index: 1;
    padding-top:10px;
    font-family: var(--ff-body);
    font-weight:var(--fw-500);
    font-size: var(--fs-h5);
    line-height: var(--lh-h5)!important;
    background:var(--light)
}


/*	BASIC CSS
============================================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%; /* 1rem = 10px */ 
  }

body {
  background:var(--light);
}

a[href^="#"] {
  cursor: pointer!important;
}

.mce-panel .mce-stack-layout-item.mce-first {
  position: sticky!important;
  top: 0;
}

@property --fluid {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}


:root {
/*	GLOBAL COLORS
============================================================================== */
  --blue: 	#00C5C8;
  --dark: 	#06191D;
  --light: 	#FEF9F2;
  --creme: 	#FCECDB;
  --gray:	#697d82;
  --white: 	#ffffff;
  --black: 	#000000;
  
/*	TRANSITIONS
============================================================================== */
  --tra-3s: all .3s ease-in-out;
  --tra-5s: all .5s ease-in-out;
  --tra-7s: all .7s ease-in-out;

/*	FONT SIZES 
============================================================================== */
  --fs-body: 1.6rem; /* 16px – bewusst stabil */

  --fs-small: calc(1.0rem + 0.2rem * var(--fluid)); /* 10px → 12px */
  --fs-btn:   calc(1.3rem + 0.1rem * var(--fluid)); /* 13px → 14px */
  --fs-lead:  calc(1.7rem + 0.3rem * var(--fluid)); /* 17px → 20px */
  --fs-foot:  calc(1.2rem + 0.2rem * var(--fluid)); /* 12px → 14px */

  --fs-h5:    calc(1.8rem + 0.4rem * var(--fluid)); /* 18px → 22px */
  --fs-h4:    calc(2.2rem + 0.6rem * var(--fluid)); /* 22px → 28px */
  --fs-h3:    calc(2.6rem + 1.0rem * var(--fluid)); /* 26px → 36px */ 
  --fs-h2:    calc(3.2rem + 1.6rem * var(--fluid)); /* 32px → 48px */ 
  --fs-h1:    calc(4.0rem + 2.4rem * var(--fluid)); /* 40px → 64px */ 

/*	FONT WEIGHTS
============================================================================== */  
  --fw-200: 200;
  --fw-300: 300; 
  --fw-400: 400;
  --fw-500: 500; 
  --fw-600:	600;
  --fw-700: 700; 
  --fw-800: 800;
  --fw-900: 900; 

/*	LINE HEIGHTS
============================================================================== */
  --lh-body:    1.50;
  --lh-lead:    1.45;
  --lh-small:   1.30;

  --lh-h1:      1.10;
  --lh-h2:      1.20;
  --lh-h3:      1.25;
  --lh-h4:      1.30;
  --lh-h5:      1.35;

/*	SPACING FLUID
============================================================================== */
  --space-xs:  calc(0.8rem + 0.4rem * var(--fluid)); /*  8 → 12px */
  --space-s:   calc(1.2rem + 0.8rem * var(--fluid)); /* 12 → 20px */
  --space-m:   calc(2.0rem + 1.2rem * var(--fluid)); /* 20 → 32px */
  --space-l:   calc(3.2rem + 1.6rem * var(--fluid)); /* 32 → 48px */
  --space-xl:  calc(4.8rem + 2.4rem * var(--fluid)); /* 48 → 72px */
  --space-xxl: calc(7.2rem + 3.6rem * var(--fluid)); /* 72 → 108px */
  
  --btn-p-t-b: calc(1.4rem + 0.4rem * var(--fluid)); /* 14 → 18px */
  --btn-p-l-r: calc(2.8rem + 0.4rem * var(--fluid)); /* 28 → 32px */
}

/*  PADDING CLASSES
============================================================================== */
.p-xs  { padding: var(--space-xs); }
.p-s   { padding: var(--space-s); }
.p-m   { padding: var(--space-m); }
.p-l   { padding: var(--space-l); }
.p-xl  { padding: var(--space-xl); }
.p-xxl { padding: var(--space-xxl); }


/*	MOBILE MENU CSS
============================================================================== */

/* Theme Builder Header Container nach vorne (Divi) */
.et-l--header {
  position: relative;
  z-index: 99999;
  font-family: var(--ff-title);	
}

/* Menu-Modul selbst nach vorne */
.et-l--header .et_pb_menu,
.et_pb_menu {
  position: relative;
  z-index: 99999;
}

/* Mobile Dropdown UL nach vorne */
.et_pb_menu .et_mobile_menu {
  position: absolute;   /* wichtig fuer z-index im Kontext */
  z-index: 100000;
}


.et_pb_module .et_mobile_menu {
  width: calc(100% + 10rem);
  left: -5rem;
  margin-top: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0 20px 30px -6px rgba(112,111,111,.15);
}

.et_pb_menu .et_mobile_menu li a {
  font-size: var(--fs-lead)!important;
  font-weight: var(--fw-600)!important;
  line-height: 4rem;
  text-align: left;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
}

.mobile_menu_bar:before {
  transition: var(--tra-5s);
  transform: rotate(0deg);
  display: block;
}

/* rotate the Divi Menu icon on click */
.mobile_nav.opened .mobile_menu_bar::before {
  transition: var(--tra-5s);
  transform: rotate(90deg);
  display: block;
}

/*	BUTTON CSS
============================================================================== */

.et_pb_button,
.et_pb_button.submit {
  font-family: var(--ff-btn);	
  font-size: var(--fs-btn);
  text-transform: uppercase;
  padding: var(--btn-p-t-b) var(--btn-p-l-r)!important;
  border: none!important;
  transition: var(--tra-3s);
  background:var(--blue);
  color:var(--light)!important;
  border-radius:50px
}

.et_pb_button:hover,
.et_pb_button.submit:hover {
  font-size: var(--fs-btn)!important;
  text-transform: uppercase;
  padding: var(--btn-p-t-b) var(--btn-p-l-r)!important;
  border: none;
  background:var(--dark)!important;
  color:var(--light)!important;
}

.et_pb_button::after {
	display:none
}

/*	AKKORDEON CSS Styling
============================================================================== */

.et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title::before {
  content: "\33"!important;
  font-size: 20px;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
  display: block;
  content: "\32"!important;
  font-size: 20px;
}

/*	GALLERY CSS
============================================================================== */

@media only screen and (max-width: 980px
)  {
    .et_pb_gallery_grid .et_pb_gallery_item img {
        width:100%;
    }
}

.et_pb_gallery .et_pb_gallery_item {
  border: 3px solid white;
}

.et_pb_gallery .et_overlay {
  background: #121416;
}

.et_pb_gallery_image:before,
.et_pb_gallery_image:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: var(--tra-5s);
  transition: var(--tra-5s);
}

.et_pb_gallery_image:before,
.et_pb_gallery_image:after {
  content: '';
  background-color: var(--dark);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}

.et_pb_gallery_image:before {
  width: 60px;
  height: 1px;
  left: 100%;
}

.et_pb_gallery_image:after {
  height: 60px;
  width: 1px;
  top: 0%;
}

.et_pb_gallery_item:hover .et_overlay {
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  opacity: 0.8;
}

.et_pb_gallery_image:hover:before,
.et_pb_gallery_image:hover:after {
  opacity: 1;
  top: 50%;
  left: 50%;
}

.et_pb_inline_icon:before,
.et_overlay.et_pb_inline_icon:before {
  content: '';
}


/*	TICKER STYLES
============================================================================== */
.ticker {
  font-family: var(--ff-title);	
  background: var(--dark);  
  overflow: hidden;
  padding: 14px 0;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

.ticker:hover .ticker-track {
  animation-play-state: paused;
}

/* ── Der laufende Track ───────────────────────────── */

.ticker-track {
  display: flex;
  gap: 0;
  width: max-content;      
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  animation: ticker-scroll 35s linear infinite;
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Einzelnes Item ───────────────────────────────── */

.ticker-item {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 0 16px;
  white-space: nowrap;   
  font-family: var(--body);
  font-size: 12px;
  font-weight: var(--fw-600);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--light);        
}

/* ── Trennpunkt zwischen Items ────────────────────── */

.ticker-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255, 0.35);
  flex-shrink: 0;
}


/*	FONT STYLES
============================================================================== */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ff-title);
}

.et_pb_module.et_pb_text h1,
.et_pb_module.et_pb_heading h1 {
  font-family: var(--ff-title);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: var(--fw-700);
  letter-spacing: -1px;
}

.et_pb_module.et_pb_text h2,
.et_pb_module.et_pb_heading h2 {
  font-family: var(--ff-title);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: -1px;
}

.et_pb_module.et_pb_text h3,
.et_pb_module.et_pb_heading h3 {
  font-family: var(--ff-title);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: var(--fw-700)
}

.et_pb_module.et_pb_text h4,
.et_pb_module.et_pb_heading h4,
h3.et_pb_toggle_title {
  font-family: var(--ff-title);
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
}
	.et_pb_blurb h4 {
		font-family: var(--ff-body);
	}

.et_pb_module.et_pb_text h5,
.et_pb_module.et_pb_heading h5 {
  font-family: var(--ff-title);
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
}

.et_pb_module.et_pb_text p,
.et_pb_blurb .et_pb_blurb_description p,
.et_pb_module .et_pb_toggle_content p,
.et_pb_post_content p {
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  font-weight: var(--fw-400);
}

/* Optional Lead Text */
.et_pb_text.lead p {
  font-family: var(--ff-body);	
  font-size: var(--fs-lead);
  line-height: var(--lh-lead);
}

/* Optional Tag Text */
.et_pb_text.topliner p {
  font-family: var(--ff-title);	
  font-size: var(--fs-small);
  line-height: var(--lh-small);
  text-transform: uppercase;
  font-weight: var(--fw-800);
  letter-spacing: 1px;
  margin-bottom: -25px
}

/* Optional Tag Text */
.et_pb_text.tagtext p {
  font-family: var(--ff-body);	
  font-size: var(--fs-small);
  line-height: var(--lh-small);
}

.et_pb_module.et_pb_text ol li,
.et_pb_module.et_pb_text ul li {
  font-family: var(--ff-body);	
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  padding-bottom: var(--space-s);
  font-weight: var(--fw-400);
}

/*	DOWNLOAD CSS
============================================================================== */
.hz-downloads {
  display: grid;
  gap: 4rem;
  font-family: var(--ff-body);
}

.hz-download-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3ebf3;
   font-family: var(--ff-body);
}

.hz-download-list {
  display: grid;
  gap: 1.5rem;
}

.hz-download-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  border-radius: 1.6rem;
  border: 1px solid #dfe8f3;
  background: #fff;
  transition: 0.2s;
}

.hz-download-card:hover,
.hz-download-card.is-highlight {
  border-color: #16c6c2;
}

.hz-download-left {
  display: flex;
  gap: 1.5rem;
}

.hz-download-icon {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  background: #e4fbfa;
  border-radius: 0.8rem;
  color: #009692;
  flex: 0 0 auto;
}

.hz-download-icon svg {
  display: block;
}

.hz-download-content strong {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}

.hz-download-content p {
  font-size: 1.4rem;
  color: #53627a;
  margin-bottom: 0.6rem;
}

.hz-download-meta {
  display: flex;
  gap: 0.6rem;
}

.hz-download-meta .tag {
  background: #eef4f7;
  padding: 0.2rem 1.2rem;
  border-radius: 999px;
  font-size: 1.2rem;
  font-weight: 600;
}

.hz-download-meta .pages {
  font-size: 1.2rem;
  color: #94a3b8;
}

.hz-download-btn {
  background: #e4fbfa;
  border: 1px solid rgba(22,198,194,0.4);
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  color: #009692;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.hz-download-btn:hover {
  background: #16c6c2;
  color: #fff;
}

@media (max-width: 767px) {

  .hz-download-card {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2.4rem;
  }

  .hz-download-left {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.6rem;
    align-items: flex-start;
  }


  .hz-download-btn {
    width: 100%;
    text-align:center
  }
}

/*	GLOSSAR CSS
============================================================================== */
.hz-glossar {
  --glossar-border: #dfe7f1;
  --glossar-text: #53627a;
  --glossar-title: #102033;
  --glossar-accent: #16c6c2;
  --glossar-accent-soft: #e4fbfa;

  width: 100%;
}

.hz-glossar-filter {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-bottom: 3.2rem;
  font-family: var(--ff-body);
}

.hz-glossar-filter button {
  border: 1px solid var(--glossar-border);
  background: #fff;
  color: var(--glossar-title);
  border-radius: 999px;
  padding: .75rem 1.5rem;
  font: inherit;
  cursor: pointer;
  transition: .2s ease;
}

.hz-glossar-filter button:hover,
.hz-glossar-filter button.is-active {
  background: var(--glossar-title);
  border-color: var(--glossar-title);
  color: #fff;
}

.hz-glossar-list {
  display: grid;
  gap: 1.2rem;
}

.hz-glossar-card {
  border: 1px solid var(--glossar-border);
  border-radius: 2rem;
  padding: 2.4rem;
  background: #fff;
}

.hz-glossar-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.hz-glossar-abbr {
  color: var(--glossar-title);
  font-weight: 800;
  font-family: var(--ff-body);
}

.hz-glossar-cat {
  background: var(--glossar-accent-soft);
  color: #008f8b;
  font-weight: 700;
  padding: .2rem .5rem;
  font-family: var(--ff-body);
}

.hz-glossar-text {
  color: var(--glossar-text);
  line-height: 1.65;
  font-family: var(--ff-body);
}

.hz-glossar-text strong {
  color: var(--glossar-title);
}

.hz-glossar-text p {
  margin: 0;
  font-family: var(--ff-body);
  text-wrap: pretty;
}

.hz-glossar-card.is-hidden {
  display: none;
}


@media (max-width: 767px) {
  .hz-glossar-head {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .hz-glossar-head > * {
    width: 100%;
  }
  
  .hz-glossar-text p {
    text-wrap: pretty;
  }

}


/*	FAQ CSS
============================================================================== */
.hz-faq {
  --faq-border: #dfe8f3;
  --faq-title: #102033;
  --faq-text: #53627a;
  --faq-accent: #16c6c2;
  --faq-accent-soft: #e4fbfa;
  display: grid;
  gap: 1.2rem;
}

.hz-faq-item {
  border: 1px solid var(--faq-border);
  border-radius: 1.6rem;
  background: #fff;
  overflow: hidden;
  margin-bottom: 1.2rem;
  transition: border-color .2s ease, box-shadow .2s ease;
  font-family: var(--ff-body);
}

.hz-faq-item.is-open {
  border-color: var(--faq-accent);
  box-shadow: 0 1.2rem 3rem rgba(16, 32, 51, .05);
}

.hz-faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 2.4rem;
  border: 0;
  background: transparent;
  color: var(--faq-title);
  font: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.hz-faq-icon {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--faq-accent-soft);
}

.hz-faq-icon::before,
.hz-faq-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 2px;
  background: var(--faq-accent);
  transform: translate(-50%, -50%);
  transition: transform .2s ease;
}

.hz-faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.hz-faq-item.is-open .hz-faq-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.hz-faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.hz-faq-item.is-open .hz-faq-answer {
  max-height: 500px; /* fallback */
}

.hz-faq-answer-inner {
  padding: 0 2.4rem 2.4rem;
  line-height: 1.7;
}

.hz-faq-answer-inner p {
  margin: 0 0 1rem;
  font-size: var(--fs-body)
}

.hz-faq-answer-inner p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .hz-faq-question {
    padding: 1.8rem;
    font-size: 1.6rem;
  }

  .hz-faq-answer-inner {
    padding: 0 1.8rem 1.8rem;
  }
}

.hz-faq-group {
    margin-bottom: 60px;
}

.hz-faq-group:last-child {
    margin-bottom: 0;
}

.hz-faq-category {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.2;
    font-family: var(--ff-title);
}

.hz-faq-group-items {
    display: flex;
    flex-direction: column;
}

/*	FOOTER CSS
============================================================================== */
.bh_footer .et_pb_module.et_pb_heading h6 {
	font-weight: var(--fw-700);
	color:var(--gray)!important;
	letter-spacing:1px;
	font-family: var(--ff-title);
}

.bh_footer .et_pb_icon_list_item .et_pb_icon_list_text:hover,
.bh_footer .credit-row .et_pb_group .et_pb_text p:hover {
	color: var(--blue)
}

.bh_footer .et_pb_icon_list_item .et_pb_icon_list_text {
  font-size: var(--fs-body);
  color:var(--light);
  font-family: var(--ff-body);
  font-weight:var(--fw-400);
}

.bh_footer .et_pb_icon_list .et_pb_icon_list_item .et-pb-icon {
	margin-top:0  
}

.bh_footer .et_pb_text p,
.bh_footer .credit-row a {
	color: var(--gray);
}

.bh_footer .credit-row .et_pb_text p {
	font-size: var(--fs-foot);
}

/*	BLOG STYLES
============================================================================== */
.reading-time {
    font-size: 14px;
    font-family: var(--ff-body);
    margin-bottom: 10px;
    background: var(--dark);
    color: var(--light);
    display: table;
    margin: 0 auto;
    padding: 0rem 1rem;
    border-radius: 6px;
}


.bh-blog-grid .et_pb_post {
	overflow:hidden;
	padding:4rem 2rem;
	border-radius:2rem;
    background:transparent;
	border:2px solid rgba(255,255,255, 0.8);
	position:relative;
	-webkit-transition:var(--tra-3s);
		 -o-transition:var(--tra-3s);
		 	transition:var(--tra-3s);
  -webkit-box-shadow:0px 25px 30px -6px rgba(107,64,40,0.2);
          box-shadow:0px 25px 30px -6px rgba(107,64,40,0.2)
	}

.bh-blog-grid .et_pb_post .entry-title {
	margin-bottom:1rem;
	font-family:var(--ff-body);
	font-size: clamp(1.8rem, 5vw, 2.5rem);
	line-height: clamp(2.2rem, 5vw, 3rem);
	-webkit-transition:var(--tra-3s);
		 -o-transition:var(--tra-3s);
		 	transition:var(--tra-3s);
	}


.bh-blog-grid .et_pb_post .post-content p {
	font-family: var(--ff-body);
	font-size: clamp(1.4rem, 5vw, 1.6rem);
	line-height: clamp(2rem, 5vw, 2.2rem);
	font-weight:400;
	color:var(--dark);
	margin-bottom:2rem;
	}

.bh-blog-grid .et_pb_post .post-content a.more-link {
	font-size:2rem;
	color:transparent!important;
	right:3rem;
	position:absolute;
	display:block;
	-webkit-transition: var(--tra-3s);
		 -o-transition: var(--tra-3s);
		 	transition: var(--tra-3s);
	width:4rem;
	height:3rem;
	background-image:url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"/></svg>');
	background-position:center;
	background-repeat:no-repeat;
	}

.bh-blog-grid .et_pb_post:hover {  
	-webkit-box-shadow:0px 15px 30px -20px rgba(107,64,40,0.2);  
			box-shadow:0px 15px 30px -20px rgba(107,64,40,0.2);
	background:white;
	border:2px solid white;
	}

.bh-blog-grid .et_pb_post:hover .entry-title {
	cursor:pointer;
    color:var(--dark)
	}
	
.bh-blog-grid .et_pb_post:hover.category-allgemein .post-meta a[rel="tag"],
.bh-blog-grid .et_pb_post:hover.category-projekte .post-meta a[rel="tag"] {
	background: var(--blue);
	color: var(--dark);
	}

.bh-blog-grid .et_pb_post:hover .post-content p {
	color:var(--dark)
	}
	
.bh-blog-grid .et_pb_post:hover .post-content a.more-link {
	right:3.5rem;
	}

.single-post .et_pb_text h1 {
font-family: var(--ff-title);
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: var(--fw-700);
    letter-spacing: -1px;  
}
.single-post .et_pb_text h2 {
  font-family: var(--ff-title);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-700);
    letter-spacing: -1px;
}
.single-post .et_pb_text h3 {
  font-family: var(--ff-title);
    font-size: var(--fs-h4);
    line-height: var(--lh-h4);
    font-weight: var(--fw-700);
}

.wp-block-heading {
margin-bottom:3rem  
}

.wp-block-paragraph {
margin-bottom: 1rem  
}

/* SOCIAL SHARE
   ========================================================================== */
.custom-share-buttons {
    display:flex;
    align-items:center;
    justify-content: center;
    gap:1rem;
    margin-top:2rem;
}

.custom-share-buttons a {
    width:4rem;
    height:4rem;
    border:1px solid var(--dark);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--dark);
    transition:all .25s ease;
    text-decoration:none;
}

.custom-share-buttons a:hover {
    background:var(--dark);
    color:#fff;
    transform:translateY(-2px);
}

.custom-share-buttons svg {
    display:block;
    width:2rem;
    height:2rem;
    fill:currentColor;
}