/**
 * Theme Name:   EKP Consult
 * Theme URI:    https://felixkausmann.de/
 * Description:  Enthält individuelle Design-Anpassungen Ihrer Webseite.
 * Author:       Felix Kausmann
 * Author URI:   https://felixkausmann.de/
 * Template:     hello-elementor
 * Version:      1.0
 */


/*----------------------------
 >>> INHALTSVERZEICHNIS:
 -----------------------------

 # Typografie
    ## Lokale Schriftarten
	## Links

 # Layout
 	## Design Grid
	## Footer

 # Besondere Abschnitte
	## Akzent-Hintergrund mit SVG-Muster
	
 # Plugins
	## Borlabs
	## ACF

 ---------------------------*/


/**
 * Standard Breakpoints:
 * 
 * Desktop:	ab 1025px 
 * Tablet: von  768px bis 1024px
 * Mobil:			  bis  767 px
 */


/*============================
# Typografie
============================*/


/*--------------------
## Lokale Schriftarten
--------------------*/


/**
 * google-webfonts-helper
 * https://gwfh.mranftl.com/fonts/
 * 
 * Customize folder prefix: /wp-content/uploads/YYYY/MM/
 */


/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/uploads/2023/05/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/uploads/2023/05/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/uploads/2023/05/inter-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/uploads/2023/05/inter-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/uploads/2023/05/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/wp-content/uploads/2023/05/inter-v12-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}


/*--------------------
## Fließtext
--------------------*/


/* Korrigiere Abstand nach Text-Abschnitten und Aufzählungs-Elementen */

.elementor .elementor-widget-text-editor p,
.elementor .elementor-widget-text-editor li,
.elementor .elementor-widget-toggle p,
.elementor .elementor-widget-toggle li,
.elementor .elementor-widget-theme-post-content p,
.elementor .elementor-widget-theme-post-content li {
    margin-bottom: 0.5em;
}

.elementor .elementor-widget-text-editor p:last-child,
.elementor .elementor-widget-text-editor ul:last-child li:last-child,
.elementor .elementor-widget-text-editor ol:last-child li:last-child,
.elementor .elementor-widget-toggle p:last-child,
.elementor .elementor-widget-toggle ul:last-child li:last-child,
.elementor .elementor-widget-toggle ol:last-child li:last-child,
.elementor .elementor-widget-theme-post-content p:last-child,
.elementor .elementor-widget-theme-post-content ul:last-child li:last-child,
.elementor .elementor-widget-theme-post-content ol:last-child li:last-child {
    margin-bottom: 0;
}


/* Definiere Abstände für Blog Beiträge sowie rechtliche Seiten */

.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content h6 {
	margin-top: 1em;
}


/* Entferne Abstand nach oben bei erstem Element */

.elementor .elementor-widget-theme-post-content .elementor-widget-container>*:first-child,
.elementor .elementor-widget-text-editor .elementor-widget-container>*:first-child {
	margin-top: 0;
}


/*--------------------
## Links
--------------------*/


/* Unterstreiche Links im Fließtext */

.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a,
.elementor-widget-post-comments a {
    text-decoration: underline;
}


/* Unterstreiche andere Links erst beim Hovern */

.elementor-widget-posts a:not(.elementor-button):hover,
.elementor-widget-icon-list a:not(.elementor-button):hover,
.elementor-location-header .secondary-header a:not(.elementor-button):hover,
.elementor-location-footer a:not(.elementor-button):hover,
.elementor-widget-sp-breadcrumbs a:hover,
.elementor-widget-form .elementor-field-type-html a:hover {
    text-decoration: underline;
}


/*============================
# Layout
============================*/


/* Absicherung gegen horizontales Scrollen auf Smartphones */

.site-main,
.elementor-location-footer {
    overflow-x: hidden;
}


/*----------------------------
## Design Grid
----------------------------*/

/**
 * Abstände gemäß No Stress WordPress Layout System
 *
 * https://www.nostresswp.co/wp-content/uploads/course/v2/NSWP-Layout-System-cheatsheet-v2.pdf
 */


/* Äußere Container: 120px Padding oben und unten (mobil 80px) - überschreibbar */

.e-con-boxed {
    --padding-top: 120px;
    --padding-bottom: 120px;
}

@media (max-width: 767px) {
    .e-con-boxed {
        --padding-top: 80px;
        --padding-bottom: 80px;
    }
}


/* 40px Padding rechts und links (mobil 20px) - NICHT überschreibbar */

.e-con-boxed {
    padding-right: 40px;
    padding-left: 40px;
}

@media (max-width: 767px) {
    .e-con-boxed {
        padding-right: 20px;
        padding-left: 20px;
    }
}


/*--------------------
## Footer
 --------------------*/


/* Schiebe Footer an unteren Bildschirmrand, falls Seiteninhalt zu kurz */

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

body.admin-bar {
    min-height: calc(100vh - 32px);
}

.elementor-location-footer {
    margin-top: auto;
}


/*============================
# Besondere Abschnitte
============================*/


/*----------------------------
## Akzent-Hintergrund mit SVG-Muster
----------------------------*/


/* Akzent-Hintergrund mit SVG-Muster und Farbverlauf */

.fk-accent-bg {
    /*--fk-accent-bg-color: var(--e-global-color-8ddcfc1);*/
	--fk-accent-bg-color: #e8f2ff;
	

    /*background: var(--fk-accent-bg-color) url(/wp-content/uploads/2023/05/topography-05.svg);*/
	background: var(--fk-accent-bg-color);
    background-size: 700px auto;
    background-position: top center;
    background-repeat: repeat;
}

.fk-accent-bg:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    background: -webkit-gradient(linear,
            left top, left bottom,
            from(var(--fk-accent-bg-color)),
            color-stop(50%, transparent),
            to(var(--fk-accent-bg-color)));

    background: -o-linear-gradient(top,
            var(--fk-accent-bg-color) 0%,
            transparent 50%,
            var(--fk-accent-bg-color) 100%);

    background: linear-gradient(180deg,
            var(--fk-accent-bg-color) 0%,
            transparent 50%,
            var(--fk-accent-bg-color) 100%);
}


/*----------------------------
## Akkordeons
----------------------------*/

.fk-colored-accordeon {
	--fk-accordion-color: var(--e-global-color-1d46cb8);
}

.fk-colored-accordeon .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title {
	background-color: var(--e-global-color-secondary);
}
.fk-colored-accordeon .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title {
	background-color: var(--e-global-color-primary);
}
.fk-colored-accordeon .e-n-accordion-item:nth-of-type(3) .e-n-accordion-item-title,
.fk-blue-accordeon .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title{
	background-color: var(--e-global-color-accent);
}

.fk-colored-accordeon .e-n-accordion-item-title {
	--n-accordion-title-normal-color: var(--fk-accordion-color);
    --n-accordion-title-hover-color:  var(--fk-accordion-color);
    --n-accordion-title-active-color: var(--fk-accordion-color);
	--n-accordion-icon-normal-color:  var(--fk-accordion-color);
	--n-accordion-icon-hover-color:   var(--fk-accordion-color);
	--n-accordion-icon-active-color:  var(--fk-accordion-color);
}

.fk-colored-accordeon .e-n-accordion-item-title-text {
	color: inherit;
}


/*============================
# Plugins
============================*/


/*----------------------------
## Borlabs
----------------------------*/


/* Ändere Cursor bei Cookie-Einstellungen Link */

.borlabs-cookie-preference a {
    cursor: pointer;
}


/*----------------------------
## ACF
----------------------------*/


/* Behebe falsche Reihenfolge bei Verwendung von Shortcodes für ACF Gruppen-Felder in Elementor */

.elementor-widget-loop-carousel .type-arbeitsbeispiel .elementor-button-content-wrapper {
    flex-direction: row-reverse;
}