/*
  Theme Name: HOHRISING
  Theme URI: https://hohrising.com
  Version: 1.0.0
  Template: Divi
  Author: Twentyone Brands
  Author URI: https://twentyone-brands.com
  Text Domain: hohrising
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* FONTS */

/**
 * @license
 *
 * Font Family: Chillax
 * Designed by: Manushi Parikh
 * URL: https://www.fontshare.com/fonts/chillax
 * © 2024 Indian Type Foundry
 *
 * Font Styles:
 * Chillax Variable(Variable font)
 * Chillax Extralight
 * Chillax Light
 * Chillax Regular
 * Chillax Medium
 * Chillax Semibold
 * Chillax Bold
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/

@font-face {
font-display:swap;
  font-family: 'Chillax-Variable';
  src: url('/fonts/Chillax-Variable.woff2') format('woff2'),
       url('/fonts/Chillax-Variable.woff') format('woff'),
       url('/fonts/Chillax-Variable.ttf') format('truetype');
       font-weight: 200 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Extralight';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Extralight.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Extralight.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Extralight.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Light';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Light.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Light.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Light.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Regular';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Regular.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Regular.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Medium';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Medium.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Medium.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Medium.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Semibold';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Semibold.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Semibold.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Semibold.ttf') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}


@font-face {
font-display:swap;
  font-family: 'Chillax-Bold';
  src: url('/wp-content/themes/hohrising/fonts/Chillax-Bold.woff2') format('woff2'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Bold.woff') format('woff'),
       url('/wp-content/themes/hohrising/fonts/Chillax-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

@font-face {
font-display:swap;
	font-family: 'hohrising-font';
	src: url('/wp-content/themes/hohrising/fonts/hohrising-font.woff') format('woff'),
		 url('/wp-content/themes/hohrising/fonts/hohrising-font.ttf') format('truetype');
	     font-weight: normal;
	     font-style: normal;
}


@font-face {
font-display:swap;
	font-family: 'hohrising-font-2';
	src: url('/wp-content/themes/hohrising/fonts/hohrising-font-2.woff') format('woff'),
		 url('/wp-content/themes/hohrising/fonts/hohrising-font-2.ttf') format('truetype');
	     font-weight: normal;
	     font-style: normal;
}

/* Font-Sizes */

body.page #page-container p, body.error404 #page-container p {
	font-family: 'Chillax-Regular', Arial, sans-serif !important;
	font-size: clamp(15px, 1vw, 20px);
	font-weight: 400 !important;
}

body.page #page-container .horizontal-content p {
	font-size: clamp(14px, 1vw, 20px);
	line-height: 132.5%;
}

body.page #page-container .kunden-slider-item p, body.page #page-container .kunden-slider-item ul li {
	font-size: clamp(14px, 1vw, 20px);
	line-height: 132.5%;	
}

body.page #page-container b, 
body.page #page-container strong {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-weight: 600 !important;
}

body.page #page-container .bold h1, 
body.page #page-container .bold h2, 
body.page #page-container .bold h3, 
body.page #page-container .bold h4 {
    font-family: 'Chillax-Semibold', Arial, sans-serif !important;	
}

body.page #page-container a, body.error404 #page-container a {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(15px, 1vw, 20px) !important;
	font-weight: 500;
	position: relative;
}


body.page #page-container .et_pb_text a,
body.page #page-container .et_pb_toggle_content a,
body.page #page-container .et_pb_code .swiper a,
body.page #page-container .et_pb_blurb_description a {
    color: #15E693;
    position: relative;
    text-decoration: none;
}

body.page #page-container .et_pb_text a.toggle-link {
	color: white;
}

body.page #page-container .et_pb_text a::after, body.page #page-container .et_pb_toggle_content a::after, body.page #page-container .contact-info a::after, body.page #page-container .et_pb_code .swiper a::after, body.page #page-container .et_pb_blurb_description a::after, body.error404 #page-container #hohrising-footer a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 0.05em;
  bottom: 0.15em;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;	
  transition: transform 0.3s ease-out;
}

body.page #page-container .et_pb_code .swiper a.hohrising-btn::after {
  width: 0%;
  transform: scaleX(0);
}

body.page #page-container .contact-info a::after {
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;	
  transition: transform 0.5s ease-out;	
}

body.page #page-container .et_pb_text a:hover::after, body.page #page-container .et_pb_toggle_content a:hover::after, body.page #page-container .contact-info a:hover::after, body.page #page-container .et_pb_code .swiper a:hover::after, body.page #page-container .et_pb_blurb_description a:hover::after, body.error404 #page-container #hohrising-footer a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

body.page #page-container .et_pb_text a.info-btn-container:hover::after, body.page #page-container .et_pb_text a.toggle-link:hover::after, body.page #page-container a.hohrising-btn:hover::after, body.page #page-container .kunden-slider-row .et_pb_blurb_description a:hover::after {
	transform: scaleX(0);
	width: 0%;
}

.contact-info a:first-child {
	pointer-events: none;
}

body.page #page-container #hohrising-footer .et_pb_text a {
	text-decoration: none !important;
}

body.page #page-container #hohrising-footer .claim p {
  font-family: 'Chillax-Medium', Arial, sans-serif !important;
}

body.page #page-container a.toggle-link, body.page #page-container a.info-btn-container {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	text-decoration: none !important;
}

body.page #page-container h1 {
	font-family: 'Chillax-Semibold', Arial, sans-serif !important;
	/*font-size: clamp(22px, 7.5vw, 133px);*/
	font-size: clamp(29.5px, 7.5vw, 133px);
	line-height: 120%;
}

body.page #page-container h2 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	/*font-size: clamp(20px, 3vw, 50px) !important;*/
	font-size: clamp(22.5px, 3vw, 50px) !important;
	line-height: 120%;
}

body.page #page-container h3 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(20px, 3vw, 50px);
	line-height: 120%;
}

body.page #page-container h4 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(18px, 2vw, 30px);
	line-height: 120%;
}

body.page #page-container .leistungen h3 {
	font-size: clamp(30px, 5.5vw, 80px);
	line-height: 110%;
}

body.page #page-container .grund h3 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(18px, 2vw, 30px);
	line-height: 120%;	
}

body.page #page-container .leistungen p.h3 {
	font-family: 'Chillax-Semibold', Arial, sans-serif !important;
	font-size: clamp(30px, 5.5vw, 80px);
	line-height: 130%;
}

body.page #page-container .h1 p {
	font-family: 'Chillax-Semibold', Arial, sans-serif !important;
	/*font-size: clamp(22px, 7.5vw, 133px);*/
	font-size: clamp(29.5px, 7.5vw, 133px);
	line-height: 120%;	
}

body.page #page-container p.h1, body.page #page-container .h2 p.h1, body.error404 #page-container p.h1 {
	font-family: 'Chillax-Semibold', Arial, sans-serif !important;
	/*font-size: clamp(22px, 7.5vw, 133px);*/
	font-size: clamp(29.5px, 7.5vw, 133px);
	line-height: 120%;	
}

body.page #page-container .h2 p {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	/*font-size: clamp(20px, 3vw, 50px);*/
	font-size: clamp(22.5px, 3vw, 50px);
	line-height: 130%;
	padding: 0;
}

body.page #page-container h1.h2 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	/*font-size: clamp(20px, 3vw, 50px);*/
	font-size: clamp(22.5px, 3vw, 50px);
	line-height: 130%;
	padding: 0;
}

body.page #page-container p.h2, body.error404 #page-container p.h2 {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	/*font-size: clamp(20px, 3vw, 50px);*/
	font-size: clamp(22.5px, 3vw, 50px);
	line-height: 130%;
	padding: 0;
	margin-bottom: 1vw;
}

body.page #page-container .lead p, body.page #page-container .et_pb_text.lead ul li {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(17px, 1.5vw, 30px) !important;
	line-height: 140%;
}

body.error404 #page-container #text-anim {
	font-size: clamp(30px, 15vw, 133px) !important;
}

body.error404 #page-container #text-content {
    font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(14px, 2vw, 30px) !important;
	line-height: 140%;
}

.lead ul {
	list-style: none;
	padding-left: 0;
}

body.page #page-container .online-shop-content ul li, body.page #page-container .seo-preise ul li, body.page #page-container .et_pb_text ul li {
    font-family: 'Chillax-Regular', Arial, sans-serif !important;
	font-size: clamp(15px, 1vw, 20px);
}

.online-shop-content ul {
	margin-left: 0.5%;
}

body.page #page-container .kunden-slider-item ul li {
    font-family: 'Chillax-Regular', Arial, sans-serif !important;
	font-size: clamp(14px, 1vw, 20px);
}

body.page #page-container span.h1-subheading {
	font-family: 'Chillax-Regular', Arial, sans-serif !important;
	font-size: clamp(20px, 5vw, 80px);	
	display: inline-block;
	line-height: 140%;
	width: 80%;
	margin-top: 2.5%;
}

@media screen and (min-width: 1626px) and (max-width: 1675px) {
    body.page #page-container span.h1-subheading {
	width: 90%;
}
}

@media screen and (max-width: 1625px) {
	body.page #page-container span.h1-subheading {
	width: 93%;
}
}

body.page #page-container h2.ux-tab, body.page #page-container h3.ux-tab, body.page #page-container .ux-tab {
	font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(18px, 2vw, 30px) !important;
	line-height: 120%;	
}

body.page #page-container .h2-small h2 {
	font-size: clamp(18px, 2vw, 30px) !important;	
}


body.page #page-container table a {
    font-size: clamp(13px, 1vw, 20px) !important;
}

.hohrising-o {
	font-family: 'hohrising-font-2', 'Chillax-Semibold', Arial, sans-serif !important;
	/*font-size: clamp(25px, 7.75vw, 140px);*/
	font-size: clamp(31px, 7.75vw, 140px);
    line-height: 100%;
	margin-left: 2px;
	vertical-align: bottom;
}

.hohrising-o-versal {
	font-family: 'hohrising-font-2', 'Chillax-Semibold', Arial, sans-serif !important;
    font-size: clamp(47.5px, 11.5vw, 200px);
    line-height: 77.5%;
	margin-left: 2px;
	vertical-align: bottom;	
}

@media screen and (max-width: 767px) {
	.hohrising-o {
		margin-left: 1px;
	}
}

.hohrising-g {
	font-family: 'hohrising-font-2', 'Chillax-Semibold', Arial, sans-serif !important;
	/*font-size: clamp(22px, 5.85vw, 100px);*/
	/*font-size: clamp(18px, 5.85vw, 100px);*/
	font-size: clamp(23px, 5.85vw, 100px);
    line-height: 100%;
	margin-left: -0.5%;
	vertical-align: bottom;
}

body.page #page-container .contact-info a {
  font-size: clamp(18px, 2vw, 26.5px) !important;
  line-height: 140%;
}

body.page #page-container .contact-form ul li {
    font-family: 'Chillax-Medium', Arial, sans-serif !important;
	font-size: clamp(15px, 1vw, 20px);
}

body.page #page-container p.preise-h2 {
  font-family: 'Chillax-Medium',Arial,sans-serif !important;
  font-size: clamp(21px, 2vw, 30px) !important;
  line-height: 120%;
}

body.page #page-container span.pricing {
  font-family: 'Chillax-Medium', Arial, sans-serif !important;
  font-size: clamp(30px, 3vw, 50px) !important;
  line-height: 120%;
}

/* Impressum & Datenschutz */

body.page-id-5592 #page-container h2, body.page-id-5522 #page-container h2 {
  /*font-size: clamp(20px, 3vw, 30px) !important;*/
	font-size: clamp(22.5px, 3vw, 30px) !important;
}

body.page-id-5522 #page-container h3 {
  font-size: clamp(18px, 2.5vw, 25px) !important;
}

body.page-id-5522 #page-container h4 {
  font-size: clamp(17px, 2vw, 20px) !important;
}

/* Mobile Line Height Menu */

@media screen and (max-height: 750px) {
	.et_header_style_fullscreen ul#mobile_menu_slide li a {
		line-height: 95% !important;
	}
	.et_header_style_fullscreen ul#mobile_menu_slide li:nth-child(n+3):nth-child(-n+8) a {
		line-height: 82.5% !important;
	}
}

/* Google Rezensionen Styles */

body.page #page-container a.google-rezension {
  display: block;
  font-family: 'Chillax-Regular', Arial, sans-serif !important;
  margin-bottom: 1em;
  color: #a2a2a2;
}

body.page #page-container a.google-rezension:hover {
  text-decoration: underline;
}

/* Spacing (Errors ignorieren) */

:root {
	--space-xl: 32.5rem;
	--space-l: 27.5rem;
	--space-m: 25rem;
	--space-s: 20rem;
	--space-xs: 15rem;
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
	:root {
	 --space-xl: 25rem;
	 --space-l: 20rem;
	 --space-m: 15rem;
     --space-s: 12.5rem;
	 --space-xs: 10rem;
	}
}

@media screen and (min-width: 981px) and (max-width: 1366px) {
	:root {
	--space-xl: 17.5rem;
    --space-l: 15rem;
    --space-m: 12.5rem;
    --space-s: 10rem;
    --space-xs: 7.5rem;
  }
}


@media screen and (min-width: 768px) and (max-width: 980px) {
	:root {
		--space-xl: 15rem;
		--space-l: 12.5rem;
		--space-m: 10rem;
		--space-s: 7.5rem;
		--space-xs: 5rem;
	}
}

@media screen and (max-width: 767px) {
	:root {
		--space-xl: 5rem;
		--space-l: 4rem;
		--space-m: 3rem;
		--space-s: 2rem;
		--space-xs: 1rem;
	}
}


/* Spacing Ende */

#page-container {
	margin-top: 0 !important;
}

/* GSAP SplitText */

.split-parent {
  overflow: hidden;
}
  
.split-child {
  display: inline-block;
}

/* GSAP SplitText Ende */

/* Fluid Sim */

/* Canvas */
canvas.hohrising-fluid-sim  {
    width: 100%;
	height: 100vh !important;
	max-height: -webkit-fill-available;
    height: 100vh;
    background-color: #0B0B0B;
    pointer-events: auto;
}

/* Wrapper Sektion */
.fluid-sim-section {
	height: 100vh !important;
	max-height: -webkit-fill-available;
	height: 100vh;
	transform: none !important;
}

/* Reihe */
.fluid-col {
	
}

/* Spalte */
.fluid-col > div:first-child {
	
}

/* Modul */
.fluid-wrapper {
	
}

/* Modul Inner Wrapper */
.fluid-wrapper > div:first-child {
	
}

/* Fluid Sim Ende */


/* Underline Fix */
/*
:root :where(a:where(:not(.wp-block-navigation))),:root :where(a:where(:not(.wp-element-button))) {text-decoration: initial !important;}
*/

/* Underline Fix Ende */