/*
	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
	Tag: Child Theme, Hozjan Artwork 
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.border-edge {
	clip-path: polygon(
	0px 0px,
	calc(100% - 70px) 0px,
	100% 70px,
	100% 100%,
	70px 100%,
	0px calc(100% - 70px)
  ); 
}

.et_pb_button {
  clip-path: polygon(0px 0px, calc(100% - 10px) 0px, 100% 10px, 100% 100%, 10px 100%, 0px calc(100% - 10px));
}	

.row-hover .et_pb_column {
  transition:var(--tra-3s);
}

.row-hover .et_pb_column:hover {
  box-shadow: 0px 30px 40px -6px rgba(0,0,0,.5);
  transition:var(--tra-3s);
}

.row-hover .et_pb_column:nth-child(1):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Baurecht.webp);
}

.row-hover .et_pb_column:nth-child(2):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Architentekrecht.webp);
}

.row-hover .et_pb_column:nth-child(3):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Ingenieurrecht.webp);
}

.row-hover .et_pb_column:nth-child(4):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Immobilienrecht.webp);
}

.row-hover .et_pb_column:nth-child(5):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Prozessrecht.webp);
}

.row-hover .et_pb_column:nth-child(6):hover {
	transition:var(--tra-3s);
	background-image: linear-gradient(180deg,rgba(31, 41, 55, 60%) 0%, rgba(37, 99, 235, 1) 100%), url(https://knipp.legal/wp-content/uploads/2025/11/Leistung-Schiedsverfahren.webp);
}


.row-hover .et_pb_column h4 {
	font-weight: var(--fw-600)
}

.row-hover .et_pb_column p {
  color:#ffffff90!important;
}
.row-hover .et_pb_column:hover p {
  color:#ffffff!important;
  transition:var(--tra-3s);
}


.et_pb_text ul {
list-style: none!important
}

.et_pb_text ul li {
-webkit-font-smoothing: antialiased;
cursor: pointer
}

.et_pb_text ul li a {
transition: var(--tra-3s)
}

.et_pb_text ul li a::before {
content: "\35";
font-family: ETmodules;
margin-right: 5px;
margin-left: -6px;
color: var(--indigo)!important
}

ul li a:hover {
color: var(--indigo)
}

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

html { font-size: 62.5% }
	
#page-container {overflow:hidden}
	
a[href^="#"] {cursor:pointer!important}	

:root {
	/* Global Colors */
	--d-blue:   #1f2937;
	--m-blue:	#374151;
	--l-blue:	#6b7280;
	--mist:		#f3f4f6;
	--indigo:	#2563eb;
	--cyan:		#22d3ee;
	--white:	#ffffff;
	--black:	#000000;
	
	/* Font */
	--fw-200:	200;
	--fw-400:	400;
	--fw-600:	600;
	--fw-800:	800;
		
	--fs-italic: italic;
	
	/* Transition */
	--tra-3s:	all .3s ease-in-out
	}
	
.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
	}
	
.bh-align-center-section,
.bh-align-center-row .et_pb_column,
.bh-align-center-module {
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

/* ==========================================================================
	Mobile Menu CSS
	========================================================================== */
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 50px;
	height: 100%;
	padding: 0px !important;
	max-height: 50px;
	border: none;
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: var(--d-blue);
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

.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: 1.8rem !important;
    font-weight: 300 !important;
    line-height: 3rem;
    text-align: left;
}

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

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}


@media only screen and ( min-width: 1100px ) {
	 
	.et_pb_menu ul li.current-menu-item::after {
	  content:"";
	  display:block;
	  position:absolute;
	  bottom:22px;
	  align-items: center;
	  width:15px;
	  height:2px;
	  left: calc(50% - 5px);
	  background:var(--indigo);
	}
	
	.et_pb_menu .et_pb_menu__menu>nav>ul>li:hover::after {
	  content:"";
	  display:block;
	  position:absolute;
	  bottom:22px;
	  align-items: center;
	  width:15px;
	  height:2px;
	  left: calc(50% - 5px);
	  background:var(--indigo);
	}
}

.et-db #et-boc .et-l #bh_header {
  background: rgba( 242, 244, 246, 1)!important;
   -webkit-backdrop-filter: blur( 6.0px );
           backdrop-filter: blur( 6.0px );
   border: 1px solid rgba( 255, 255, 255, 0.2 );
	transition: all 0.5s ease;
}

.et-db #et-boc .et-l #bh_header.hide-header {
    opacity: 0;
    margin-top: -150px!important;
    transition: all 0.5s ease;
  }
.et-db #et-boc .et-l #bh_header.show-header {
    opacity: 1;
    margin-top: 0px!important;
    transition: all 0.5s ease;
	background: rgba( 242, 244, 246, 0.6)!important;
   -webkit-backdrop-filter: blur( 6.0px );
           backdrop-filter: blur( 6.0px );
   border: 1px solid rgba( 255, 255, 255, 0.2 );
  }
  
 .et-l.et-l--post .et_pb_section:first-of-type {
  padding-top:120px;
}
 
/* ==========================================================================
	Buttons CSS
	========================================================================== */
.et_pb_button.submit,
.et_pb_button {
	font-size:1.3rem;
	text-transform:uppercase;
	transition:var(--tra-3s)
	}
	
.et_pb_button.submit:hover,
.et_pb_button:hover {
	font-size:1.3rem!important;
	text-transform:uppercase;
	}

		
/* ==========================================================================
	AKKORDEON CSS Styling
	========================================================================== */
.et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title::before {
	content:"\4c"!important;
	font-size:20px;
	}

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

/* ==========================================================================
	Gallery CSS
	========================================================================== */  
.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: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
.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:'';
	}

/* ==========================================================================
	Font CSS
	========================================================================== */
.et_pb_module.et_pb_text h1 {
	font-size : clamp(2.8rem, 5vw, 3.4rem);
	line-height : clamp(3.2rem, 5vw, 4.2rem);
	font-weight: var(--fw-600);
	letter-spacing: -1px;
	}
	.et_pb_module.et_pb_text h1 span {
		font-style: var(--fs-italic);
		font-weight: var(--fw-200);
	}
	
.et_pb_module.et_pb_text h2 {
	font-size : clamp(2.5rem, 5vw, 2.8rem);
	line-height : clamp(2.8rem, 5vw, 3.4rem);
	letter-spacing: -1px;
	}
	.et_pb_module.et_pb_text h2 span {
		font-style: var(--fs-italic);
		font-weight: var(--fw-200);
	}
	
.et_pb_module.et_pb_text h3 {
	font-size : clamp(2.2rem, 5vw, 2.4rem);
	line-height : clamp(2.4rem, 5vw, 2.8rem);
	letter-spacing: -1px;
	}
	.et_pb_module.et_pb_text h3 span {
		font-size : clamp(1.8rem, 5vw, 2.2rem);
		line-height : clamp(2.2rem, 5vw, 3rem);
		font-style: var(--fs-italic);
		font-weight: var(--fw-200);
	}
	
.et_pb_module.et_pb_text h4,
h3.et_pb_toggle_title {
	font-size : clamp(1.8rem, 5vw, 2.4rem);
	line-height : clamp(2.2rem, 5vw, 3rem);
	}

.et_pb_module.et_pb_text h5 {
	font-size : clamp(1.6rem, 5vw, 2rem);
	line-height : clamp(2.2rem, 5vw, 2.5rem);
	}
	
.et_pb_module.et_pb_text p,
.et_pb_blurb .et_pb_blurb_description p,
.et_pb_module .et_pb_toggle_content p {
	font-size : clamp(1.6rem, 5vw, 1.6rem);
	line-height : clamp(2rem, 5vw, 2rem);
	}

.et_pb_module.et_pb_text.subtext p {
	font-size : clamp(1.7rem, 5vw, 1.8rem);
	line-height : clamp(2rem, 5vw, 2.2rem);
	}

.et_pb_module.et_pb_text ol li, 
.et_pb_module.et_pb_text ul li	{
	font-size : clamp(1.5rem, 5vw, 1.6rem);
	line-height : clamp(1.8rem, 5vw, 2rem);
	padding-bottom: 15px
}

/* ==========================================================================
	Footer CSS
   ========================================================================== */
.bh_footer .et_pb_column {
	display: flex;
  flex-direction:row;
	justify-content:space-between;
	}

@media only screen and ( max-width: 640px ) {
	.bh_footer .et_pb_column {
     flex-direction: column;
	 flex-direction: column-reverse !important;
     align-items:center
		}
		
		.bh_footer .bh_footer_list ul {
		align-items: center;
		justify-content: center;
		width:100%
		}
	
	}

	
.bh_footer .bh_credits p, 
.bh_footer .bh_credits span {
	font-size:11px;
	display:flex;
	align-items:center;
	flex-wrap:wrap
	}

.bh_footer .bh_footer_list ul  {
	list-style:none; 
  display:flex;
	}

.bh_footer .bh_footer_list ul li {
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
  margin:0 10px;
	}

.bh_footer .bh_footer_list ul li a {
	transition: var(--tra-3s);
	}

.bh_footer .bh_footer_list ul li a:hover {
	color:var(--indigo)
	}