/*
 Theme Name:     Divi Child (Allenspach)
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Gregor Rüdisüli
 Author URI:     https://www.siteit.ch/gregor-ruedisueli/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

:root {

  /* Primärfarben */
  --color-primary: #d71920;
  --color-primary-hover: #b9151b;

  /* Hintergrund */
  --color-bg: #fafafa;
  --color-bg-light: #ffffff;
  --color-bg-alt: #f2f4f6;

  /* Text */
  --color-heading: #1f2428;
  --color-text: #4b5563;
  --color-text-light: #6b7280;

  /* Linien */
  --color-border: #dde3e8;
  --color-border-dark: #c8d0d8;

  /* Akzente */
  --color-success: #3f8f5b;
  --color-warning: #f0b429;
  --color-blue: #0464bb;

  /* Schatten */
  --shadow-sm: 0 4px 12px rgba(0,0,0,.05);
  --shadow-md: 0 12px 30px rgba(0,0,0,.08);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.12);

}

/* ==========================
   Inter
========================== */

@font-face {
    font-family: "Inter";
    src: url("./fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("./fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ==========================
   Manrope
========================== */

@font-face {
    font-family: "Manrope";
    src: url("./fonts/Manrope-VariableFont_wght.ttf") format("truetype");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Inter", sans-serif !important;
    font-size: 18px;
    line-height: 1.7;
    color: var(--color-text);
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Manrope", sans-serif !important;
    color: var(--color-heading);
    font-weight: 700;
    line-height: 1.1;
}


#topLine li.menu-item a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#topLine li.menu-cta a {
	background-color:var(--color-primary);
	color:var(--color-bg-light);
	border-radius: 6px;
	transition: .25s;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-weight: 600;
}

h1 {
	/*font-size: clamp(42px, 4vw, 68px)!important;*/
	font-size: clamp(34px, 3vw, 48px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

h2 {
	font-size: clamp(34px, 3vw, 48px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

h3 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}

h4 {
	font-size: 22px;
	font-weight: 600;
}

p {
	font-size: 18px;
	font-weight: 400;
	color: var(--color-text);
}

div.smalltext p {
	font-size: 15px;
	color: var(--color-text-light);
}

div.leadText p {
	font-family: "Manrope", sans-serif;
	font-size: clamp(28px, 3vw, 34px);
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--color-heading);
}

div.uspIconLine p {
	font-size:12px;
	line-height: 1.3;
}

div.personbox {
	background-color:var(--color-bg-alt);
}

div.personbox div.et_pb_team_member_description {
	padding:28px 10px 28px 0;
}

div.personbox div.et_pb_team_member_description .et_pb_module_header {
	font-size:18px;
	font-weight:700;
}

div.personbox div.et_pb_team_member_description .et_pb_team_member_description_content a,
div.personbox p {
	font-size:15px;
}

/*Preview Cards*/
.previewcard, .shadowBox {
	box-shadow:var(--shadow-sm);
}

.previewcard .previewheading p {
	font-size: 22px;
	font-weight: 600;
}

/* Buttons */
.et_pb_module a.et_pb_button.secButton:hover {
	background-color:var(--color-bg-light)!important;
	color:var(--color-blue);
}

/* Slider */
.et_pb_gallery_items .et_pb_gallery_image img {
	border-radius:12px;
}

/* Footer */
#bottomLine p {
	color:var(--color-bg-light);
}

/*WPML*/
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom:0;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer ul {
	padding-bottom:0;
}

@media screen and (max-width: 1600px) {
	div.personbox div.et_pb_team_member_description {
		padding:10px 5px 10px 0;
	}
	
	.et_pb_member_position {
		line-height:1.1!important;
	}
	
	.et_pb_team_member_description_content p {
		line-height: 1.2;
    	padding-top: 5px;
	}
	
}

.siteit-open-mobile-menu .et_pb_menu__menu li {
		width:100%;
	}

@media screen and (max-width: 980px) {
	/*Navigation ohne Burger in Mobile*/
	.siteit-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	
	.siteit-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
	
	/*Scrollbares Mobiles Menü*/
	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 80vh;
	}
}