/*
	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
*/

/* ==========================================================================
	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 */
	--blue-dark:     	#163353;
	--blue:				#275CDD;
	--blue-light:		#03CFFF;
	--red:				#FF005B;
	--white:			#ffffff;
	--black:			#000000;
	
	/* 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
	========================================================================== */
.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.6rem!important;
    font-weight: 600!important;
    line-height: 4rem;
    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;
}
	
/* ==========================================================================
	Buttons CSS
	========================================================================== */
.et_pb_button.submit,
.et_pb_button {
	font-size:1.3rem;

	transition:var(--tra-3s);
	}
	
.et_pb_button.submit:hover,
.et_pb_button:hover {
	}


.et_pb_button.submit::after,
.et_pb_button::after {
  }


/* ==========================================================================
	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;
	}


/* ==========================================================================
	Font CSS
	========================================================================== */
.et_pb_module.et_pb_text h1 {
	font-size : clamp(4.3rem, 5vw, 8rem);
	line-height : clamp(5rem, 5vw, 8rem);
	letter-spacing: -1px;
	font-weight:700
	}
	
.et_pb_module.et_pb_text h2 {
	font-size : clamp(2.8rem, 5vw, 3.8rem);
	line-height : clamp(3rem, 5vw, 4rem);
	letter-spacing: -1px;
	}
	
.et_pb_module.et_pb_text h3 {
	font-size : clamp(2.3rem, 5vw, 3rem);
	line-height : clamp(2.6rem, 5vw, 3.5rem);
	letter-spacing: -1px;
	}
	
.et_pb_module.et_pb_text h4,
h3.et_pb_toggle_title {
	font-size : clamp(2rem, 5vw, 2.4rem);
	line-height : clamp(2.4rem, 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.5rem, 5vw, 1.6rem);
	line-height : clamp(1.8rem, 5vw, 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
}

.et_pb_module.et_pb_text.headline-text p {
	font-size : clamp(2rem, 5vw, 2.4rem);
	line-height : clamp(2.4rem, 5vw, 2.8rem);
	}

/* ==========================================================================
	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 .swissmade {
	width:13px;
	height:13px;
	margin: 0 2px
	}
	
.bh_footer .bh_credits p, 
.bh_footer .bh_credits span {
	font-size:12px;
	text-transform:uppercase!important;
	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: 12px;
	-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(--blue)
	}