/**
 * Theme Name:      Divi 5 Childtheme
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     Child theme für Divi 5 / IKZ
 * Author:          plesseArt
 * Author URI:      https://plesse-art.de/
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     divi-5-childtheme
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */
/*@media (max-width:479px) {
:root {
	--font-s: 16px;
	--line-h: 1.3em;
}	
body p { font-size: var(--font-s) !important; }
}


@media (min-width:480px) and (max-width:767px) {
:root {
	--font-s: 16px;
	--line-h: 1.3em;
}	
body p { font-size: var(--font-s) !important; }
}
	

@media (min-width:768px) and (max-width:980px) {
:root {
	--font-s: 17px;
	--line-h: 1.3em;
}	
body p { font-size: var(--font-s) !important; }
}
	

@media (min-width:981px) and (max-width:1279px) {
:root {
	--font-s: 18px;
	--line-h: 1.3em;
}	
body p { font-size: var(--font-s) !important; }
}
	
}
@media (min-width:1280px) {
:root {
	--font-s: 18px;
	--line-h: 1.3em;
}	
body, p,
.et_pb_text_inner p { font-size: var(--font-s) !important; }
}*/

/*
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
         url('../fonts/open-sans-v15-latin-regular.woff') format('woff'),
         url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
         url('../fonts/open-sans-v15-latin-regular.svg') format('svg'),
         url('../fonts/open-sans-v15-latin-regular.eot') format('eot');
}
@font-face {
    font-family: 'OpenSans300';
    src: url('../fonts/open-sans-v15-latin-regular-300.woff2') format('woff2'),
         url('../fonts/open-sans-v15-latin-regular-300.woff') format('woff'),
         url('../fonts/open-sans-v15-latin-regular-300.ttf') format('truetype'),
         url('../fonts/open-sans-v15-latin-regular-300.svg') format('svg'),
         url('../fonts/open-sans-v15-latin-regular-300.eot') format('eot');
}
*/

@font-face {
    font-family: 'OpenSansVar';
	font-weight: 300 600;
	font-stretch: 75% 120%;
	font-style: normal;
	font-display: swap;
    /*src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('ttf');*/
    src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format("woff2-variations");
}

html { font-size: 100%; } /* 16px Basis, respektiert User-Zoom */

body{
  font-family: "OpenSansVar", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-optical-sizing: auto;
  font-synthesis: none; /* verhindert künstliches „Fake-Bold/Italic“ */
}

:root{
  --fs-h1: calc(clamp(1.5rem, 0.952vw + 1.31rem, 2.5rem)) !important; /*24-40*/
  --fs-h2: calc(clamp(1.375rem, 0.476vw + 1.28rem, 1.875rem)) !important; /*22-30*/
  --fs-h3: calc(clamp(1.25rem, 0.357vw + 1.179rem, 1.625rem)) !important; /*20-26*/
  --fs-h4: calc(clamp(1.125rem, 0.25vw + 1.075rem, 1.375rem)) !important; /*18-22*/
  --fs-body: calc(clamp(1rem, 0.096vw + 0.981rem, 1.125rem)) !important; /*16-18*/

  /* Zeilenhöhe leicht fluid */
  --lh-body: clamp(1.3, 1.30 + 0.2vw, 1.4);
}
/* für Achsen
@supports (font-variation-settings: normal) {
  p {
    font-weight: 350;
  }
  strong {
    font-weight: 575;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
  }
}*/

body, p, a, li, ul {
	font-size: var(--fs-body) !important;
	line-height: var(--lh-body) !important;
}

@media (max-width:767.98px) {
body, p, a {
	font-weight: 400;
	font-stretch: 100%;
}
}

@media (min-width:768px) {
body, p, a {
  font-weight: 400;
  font-stretch: 100%; }
}
@media (min-width:1200px) {
body, p, a {
  font-weight: 400;
  font-stretch: 120%; }
}

h1{ font-size: var(--fs-h1); line-height: 1.1; }
h2, p.h2 { font-size: var(--fs-h2) !important; line-height: 1.3; }
h3, p.h3 { font-size: var(--fs-h3) !important; line-height: 1.4; }
h4, p.h4 { font-size: var(--fs-h4) !important; line-height: 1.4; }


:root {
  --color-text-white: #fff;
  --color-text: #000;
  --color-text-page: #0f0d64; /*blau*/
  --color-bg-button: #0f0d64; /*blau*/
  --color-btn-text-white: #fff;
  --color-btn-bg-white: #fff;
  --color-btn-text-black: #000;
  --sitefont: "OpenSans", Arial, Lucida, sans-serif !important;
  --sitefont-300: "OpenSans300", Arial, Lucida, sans-serif !important;
  --sitefont-var: "OpenSansVar", Arial, Lucida, sans-serif !important;
}

/*
@media all and (max-width:479px) {
:root {
  --btn-padding: 6px 10px;
  --btn-border-width: 1px;
  --btn-border-radius: 0px;
  --btn-border-style: solid;
  --btn-font-size: 16px;
  --font-size-all: 16px;
  --btn-font-weight: 400;
}
}
@media all and (min-width:480px) and (max-width:767px) {
:root {
  --btn-padding: 6px 10px;
  --btn-border-width: 1px;
  --btn-border-radius: 0px;
  --btn-border-style: solid;
  --btn-font-size: 16px;
  --font-size-all: 16px;
  --btn-font-weight: 400;
  --font-weight: 400;
}
}
@media all and (min-width:768px) and (max-width:980px) {
:root {
  --btn-padding: 6px 10px;
  --btn-border-width: 1px;
  --btn-border-radius: 0px;
  --btn-border-style: solid;
  --btn-font-size: 17px;
  --font-size-all: 17px;
  --btn-font-weight: 400;
  --font-weight: 400;
}
}
@media all and (min-width:981px) and (max-width: 1200px) {
:root {
  --btn-padding: 0.35em 1em;
  --btn-border-width: 1.5px;
  --btn-border-radius: 0px;
  --btn-border-style: solid;
  --btn-font-size: 18px;
  --font-size-all: 18px;
  --btn-font-weight: 400;
  --font-weight: 300;
}
}
@media all and (min-width:1201px) {
:root {
  --btn-padding: 0.35em 1em;
  --btn-border-width: 1.5px;
  --btn-border-radius: 0px;
  --btn-border-style: solid;
  --btn-font-size: 18px;
  --font-size-all: 18px;
  --btn-font-weight: 400;
  --font-weight: 300;
}
}
*/

body, p, a, li, et_pb_text,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--sitefont-var);
}

/*
body, p, a, li {
  font-variation-settings: 'opsz' 18;
  font-synthesis: none;
  font-weight: normal;
}
strong {
  font-synthesis: none;
  font-weight: bold;
}

body, p, a, li, et_pb_text {
  font-family: var(--sitefont-var);
  font-variation-settings: 'opsz' 18; /*Schriftgröße
  font-stretch: 120%;
  font-optical-sizing: auto;
  font-size: var(--font-size-all);
  font-weight: var(--font-weight);
}
body, p, a, li, et_pb_text {
  line-height: 1.5em;
}/*

/*CCM19*/
.ccm-root,
.ccm-control-panel--purpose--description { font-size: calc(var(--fs-body)*1) !important; }

.ccm-link-container a,
.ccm-root button.ccm--small,
.ccm-root .button.ccm--small:hover,
.ccm-root .button.ccm--small:focus,
.ccm-root button.ccm--small:hover,
.ccm-root button.ccm--small:focus { font-size: calc(var(--fs-body)*1.1) !important; }

#matomo-opt-out {
display: flex;
align-items: center;
justify-content: center;
max-width: 50%;
	
}