/*
Theme Name: Panda & Reh
Theme URI: https://www.pandareh.de
Template: Divi
Author: Klaus Hesbacher
Author URI: https://www.klaus-hesbacher,de
Description: Child-Theme für die Website Panda & Reh Media von Klaus Hesbacher
Version: 4.24.0.1706549738
Updated: 2024-01-29 18:35:38

*/
:root {
  --fs-sm: clamp(0.73rem, 0.74vi + 0.37rem, 1.04rem);
  --fs-p: clamp(0.88rem, 0.89vi + 0.45rem, 1.25rem);
  --fs-h6: clamp(1.05rem, 1.07vi + 0.54rem, 1.5rem);
  --fs-h5: clamp(1.26rem, 1.29vi + 0.64rem, 1.8rem);
  --fs-h4: clamp(1.51rem, 1.54vi + 0.77rem, 2.16rem);
  --fs-h3: clamp(1.81rem, 1.85vi + 0.93rem, 2.59rem);
  --fs-h2: clamp(2.18rem, 2.22vi + 1.11rem, 3.11rem);
  --fs-h1: clamp(2.61rem, 2.67vi + 1.33rem, 3.73rem);

  --ff-h: "Montserrat", sans-serif;
  --ff-p: "Raleway", sans-serif;

  /* @link https://utopia.fyi/space/calculator?c=768,14,1.2,1440,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --space-3xs: clamp(4px, 2.8571px + 0.1488vw, 5px);
  --space-2xs: clamp(7px, 3.5714px + 0.4464vw, 10px);
  --space-xs: clamp(11px, 6.4286px + 0.5952vw, 15px);
  --space-s: clamp(14px, 7.1429px + 0.8929vw, 20px);
  --space-m: clamp(21px, 10.7143px + 1.3393vw, 30px);
  --space-l: clamp(28px, 14.2857px + 1.7857vw, 40px);
  --space-xl: clamp(42px, 21.4286px + 2.6786vw, 60px);
  --space-2xl: clamp(56px, 28.5714px + 3.5714vw, 80px);
  --space-3xl: clamp(84px, 42.8571px + 5.3571vw, 120px);

  /* https://www.colors.tools/tints-and-shades/?currentColor=88c200&currentColorMixed=374d79&currentSteps=20&currentHarmony=180&currentHarmonyDominance=50,50,50,50 */
  --c-primary-t-0: #88c200;
  --c-primary-t-20: #9dcc33;
  --c-primary-t-40: #b5d966;
  --c-primary-t-60: #cee599;
  --c-primary-t-80: #e6f2cc;
  --c-primary-s-20: #6a9900;
  --c-primary-s-40: #4f7300;
  --c-primary-s-60: #354c00;
  --c-primary-s-80: #1a2600;

  /* https://www.colors.tools/tints-and-shades/?currentColor=c00085&currentColorMixed=374d79&currentSteps=20&currentHarmony=180&currentHarmonyDominance=50,50,50,50 */
  --c-secondary-t-0: #c00085;
  --c-secondary-t-20: #cc339d;
  --c-secondary-t-40: #d966b5;
  --c-secondary-t-60: #e599ce;
  --c-secondary-t-80: #f2cce6;
  --c-secondary-s-20: #99006a;
  --c-secondary-s-40: #73004f;
  --c-secondary-s-60: #4c0035;
  --c-secondary-s-80: #26001a;

  /* https://www.colors.tools/tints-and-shades/?currentColor=0085c0&currentColorMixed=374d79&currentSteps=20&currentHarmony=180&currentHarmonyDominance=50,50,50,50 */
  --c-tertiary-t-0: #0085c0;
  --c-tertiary-t-20: #339dcc;
  --c-tertiary-t-40: #66b5d9;
  --c-tertiary-t-60: #99cee5;
  --c-tertiary-t-80: #cce6f2;
  --c-tertiary-s-20: #006a99;
  --c-tertiary-s-40: #004f73;
  --c-tertiary-s-60: #00354c;
  --c-tertiary-s-80: #001a26;
}
/* typography basics */
.et-db #et-boc h1,
.et-db #et-boc h2,
.et-db #et-boc h3,
.et-db #et-boc h4,
.et-db #et-boc h5,
.et-db #et-boc h6 {
  font-family: var(--ff-h);
  color: #1e6881;
  font-weight: 600;
}
body {
  font-family: var(--ff-p);
  font-weight: 400;
  hyphens: auto;
  line-height: 1.6;
}

.et-db #et-boc h1 {
  font-size: var(--fs-h1);
}
.et-db #et-boc h2 {
  font-size: var(--fs-h2);
}
.et-db #et-boc h3 {
  font-size: var(--fs-h3);
}
.et-db #et-boc h4 {
  font-size: var(--fs-h4);
}
.et-db #et-boc h5 {
  font-size: var(--fs-h5);
}
.et-db #et-boc h6 {
  font-size: var(--fs-h6);
}
.et-db #et-boc p {
  font-size: var(--fs-p);
  line-height: 1.6;
  font-weight: 500;
}
.et-db #et-boc .et_pb_testimonial p {
  font-size: var(--fs-h3);
}


@media only screen and (min-width: 1920px) {
	.et_pb_menu a {
		font-size:24px !important;
	}
}
nav a.active {
	color: #1e6881;
}
nav a:hover {
	color: #93278f;
	opacity:1 !important;
}

footer .et_pb_menu .et_pb_menu__menu, footer .et_pb_fullwidth_menu .et_pb_menu__menu {
     display: flex !important;
}
footer .et_mobile_nav_menu {
     display: none !important;
}