/**
Theme Name: child theme
Author: I.B.
Author URI: https://ingebateman.de
Description: Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: child-theme
Template: astra
*/

/* FONTS */
/* Lokal eingebunden wg DSGVO */
/* Plugin als Altrnative: OMGF; empfohlen von TCS */

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://ingebateman.de/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ingebateman.de/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ingebateman.de/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ingebateman.de/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://ingebateman.de/fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ingebateman.de/fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ingebateman.de/fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ingebateman.de/fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://ingebateman.de/fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ingebateman.de/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ingebateman.de/fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://ingebateman.de/fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ingebateman.de/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ingebateman.de/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* NEWSLETTER */
/* Löscht oben 88px */
.page-id-19963 {
  margin-top: -88px;
}

/* Macht H1-Überschriften optisch wie normale Absätze (Open Sans, kleinere Schrift etc.) */
/* Passt zudem die Ansicht in Elementor an */
.elementor .text-wie-p h1 {
  font-family: 'Open Sans', sans-serif;
}

/* Lässt z. B. eine H2 wie eine H1 aussehen – gleiche Schriftart und Größe (Poppins) */
.h-wie-h1 {
  font-family: 'Poppins', sans-serif;
}


/*** BLOG ****/
/* Padding unter H2, H3, usw.  */
.wp-block-heading {
	padding-bottom: 14px;
}

/* Padding unter Buttons */
.wp-block-button {
	padding: 0 0 40px 0;
}
/* Versteckt in der Paginierung vom Post Widget: "zurück" auf 1. Seite und "vor" auf letzter Seite */
span.page-numbers.prev {display:none;}
span.page-numbers.next {display:none;}

/* 3 Punkte hinter Blogartikel Auszug */
.elementor-post__excerpt p::after {
 content: " ...";
}

/* Abstand unter CTA-Blöcke wie z. B. Website Check-up */
.cta-block {
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}


/*** BILDER ***/
/* kein BOX Schatten für PNG Bilder in Beiträgen */
.post img[src*=".png"] {
    box-shadow: none;
}

/* BOX Schatten für JPG Bilder in Beiträgen */
 /* Achtung! 2x eigene CSS für Bilder von mir in Elementor, diese Angaben bestimmt sonst die Breite */
/* Frage an mich: In der Blogvorlage??? */
.post img {
    width: 85%;
	align-content: center;
	border-radius: 7px;
    box-shadow:
        0.3px 0.6px 6.1px -33px rgba(0, 0, 0, 0.007),
        0.9px 1.5px 9.5px -33px rgba(0, 0, 0, 0.018),
        1.7px 3px 13.3px -33px rgba(0, 0, 0, 0.035),
        3px 5.3px 18.5px -33px rgba(0, 0, 0, 0.062),
        5.1px 8.9px 26.6px -33px rgba(0, 0, 0, 0.107),
        8.5px 14.9px 40.2px -33px rgba(0, 0, 0, 0.198),
        16px 28px 80px -33px rgba(0, 0, 0, 0.5);	
}



/* DROP Schatten für Bild von mir in der Seitenleiste vom Blog (shapes, PNG) */
.wp-image-4992 {
    filter: drop-shadow(3px 3px 6px #222);
}

/* Links zu eingebetteten Beiträgen IN Beiträgen */
.wp-embedded-content {
	margin-bottom: 40px !important;
	border-radius: 7px;
    box-shadow:
        0.3px 0.6px 6.1px -33px rgba(0, 0, 0, 0.007),
        0.9px 1.5px 9.5px -33px rgba(0, 0, 0, 0.018),
        1.7px 3px 13.3px -33px rgba(0, 0, 0, 0.035),
        3px 5.3px 18.5px -33px rgba(0, 0, 0, 0.062),
        5.1px 8.9px 26.6px -33px rgba(0, 0, 0, 0.107),
        8.5px 14.9px 40.2px -33px rgba(0, 0, 0, 0.198),
        16px 28px 80px -33px rgba(0, 0, 0, 0.5);
}



/* 
⚠️ WICHTIG: 
Das CSS für das Featured Image (elementor-widget-theme-post-featured-image) ist direkt in Elementor hinterlegt, da es sonst überschrieben wird. Und zwar 2x: im Headerbild und unter dem Post beim Abschnitt mit 3 Posts
Siehe: Templates > Theme Builder > Blogseite

Falls Änderungen nötig sind, überprüfe zuerst das benutzerdefinierte CSS in Elementor! 
*/

/* 
⚠️ WICHTIG: 
Das Gleiche gilt für:
1. die Bilder auf der Übersichtseite, siehe: Seiten > Blog
2. die Übersicht auf der Starseite, siehe: Seite > Startseite
3. die Seitenleiste im Blog, siehe: Templates > Abschnitt: Sidebar
CSS ist direkt in Elementor hinterlegt, da es sonst überschrieben wird. 

Falls Änderungen nötig sind, überprüfe zuerst das benutzerdefinierte CSS in Elementor! 
*/




/*** LINKS ***/

/* Entfernt Strich unter geklickte Links */
a:focus {
    outline: 0;
}
/* Links im BLOG Absatz */
.ast-single-post a:hover {
	font-weight: bold;  /* Fett bei Hover */
}
/* Links auf Blog-Seite in ELEMENTOR > Gastartikel in externen Blogs */
.title-external-links a:link, a:visited {
  text-decoration: none; 
}
/* Standard Links im ELEMENTOR Absatz */
.elementor-widget-text-editor a:hover {
	font-weight: bold;  /* Hover links */
}



/* Beschriftung (engl. caption) von Featured Image in Blogposts
 * Ist über ELEMENTOR Template eingefügt, dort funktioniert das Styling NICHT, wenn ein Link in der Beschriftung ist */
.wp-caption-text {
  font-size: 0.65em;
  font-style: italic;
}

/* Beschriftung (engl. caption) von Bildern und Tabellen in Blogposts */
.wp-element-caption {
 /* FIX, see SEO und UX, line-height: 3em !important; */
  text-align: center; /* Beschriftung UNTER Tabellen mittig ausrichten */
  font-style: italic; /* Beschriftung UNTER Tabellen kursiv */
  font-size: 0.75em;  /* Beschriftung UNTER Tabellen verkleinern */
  line-height: normal;
  margin-top: 10px;  /* Oben 5px Abstand */
  margin-bottom: 20px;  /* Unten 20px Abstand */
}


/*** === HERVORHEBUNG === ***/

/* "Kurz gesagt", für GEO */
.kurzversion {
 /* background-color: #F9F6F5; */
  background-color: #FAFAFF;
  border: 2px dashed #272443;
	padding: 20px;
  margin: 20px 0;
  }

/* Gelbe Infobox */
.infobox {
	font-weight: bold;
	margin: 5%;
    border-radius: 20px 255px 15px 225px / 225px 15px 255px 15px;
    padding:1.5em;
    line-height:1.8em;
    background: #FEF8EA;
    border:solid 3px #272443;
  }

/* WERBELINKS */
.werbelinks {
    border-left: 7px solid #272443;
    padding: 10px 10px 10px 14px;
	background-color: #f2f2f8;
  }

/* Hellblaue Infobox */
.infoboxbl {
    background-color: #F4F4FF; /* Hintergrundfarbe der Infobox */
    padding: 20px; /* Innenabstand der Infobox (Abstand zwischen Inhalt und Rand) */
    border-radius: 8px; /* Abgerundete Ecken der Infobox */
    margin-bottom: 20px; /* Abstand zwischen dieser Infobox und dem Element darunter */
  }

/* Rote Schrift, Warnung */
.rednote {
    border-left: 5px solid #F02D3A;
    padding: 20px;
	background-color: #FEECED;
	margin-bottom: 15px;
  }

/* Pinker Balken links - Wo wird das benutzt?*/
.border-left {
    border-left: 15px solid #EF80BA;
    padding:18px;
  }

/* Rundum rot gepunktet - Wo wird das benutzt?*/
.border-red {
    border: 8px dashed #EB5E55;
  }



/*** TABELLEN ***/

table, th, td {
    vertical-align: top;  /* Text IN Tabellen oben ausrichten */
    table-layout: fixed; /* Reihen gleichmäßig verteilen */
    margin-bottom: 30px !important;  /* Unten 30px Abstand */
  }
tr:nth-child(even) {
    background-color: #F2F2F8;  /* Hintergrund jeder 2. Zeile hellblau */
    color: #000;  /* Hintergrund jeder 2. Zeile weiß */
}


/*** 4 KLASSEN > 4 SPALTEN "LEISTUNGEN" > GLEICH HOCH MACHEN ***/

.equal-height .elementor-widget-icon-box {
	display: flex;
	height:100%;  /* class for section */
}
.equal-height-icon .tor-widget-image-box { 
	display: flex;		
	height:100%;  /* class for icon boxes */
}
.equal-height {
  display: table;
  width: 100%;  /* make columns equal height */
}
.equal-height-col {
  display: table-cell;
  padding: 2px;
}


/*** FORMULAR: NEWSLETTER ***/

.elementor-15663 .elementor-element.elementor-element-ab2b125 .elementor-button[type="submit"] {
  margin-top: 20px; /* Margin über Button */
}

/*** AKKORDION ***/

/* Höher machen und farbiger Balken links */
.elementor-accordion .elementor-tab-title {
  line-height: 1.2;
  border-left: 15px solid #FFD166;
  margin: 15px;
}
/* Feine Linie unter jeder Box */
.elementor-accordion .elementor-accordion-item {
  border-bottom: 3px solid #F2F2F8;
}
/* Erstes Element ausblenden, da standardmäßig geöffnet */
.elementor-accordion .elementor-accordion-item:first-child {
  display: none;
}


/*** VERSTECKT "Category" IM FRONTEND, ABER LÄßT SEO ***/ 
/* Es geht um das Visuelle, NICHT um die URL-Struktur */
.ast-archive-description {
    display: none;
}

/*** KOMMENTARFELDER Hintergrundfarbe ***/
.comments-area textarea#comment {
  background-color: #F4F4FF;
}

.comments-area input#author {
  background-color: #F4F4FF;
}

.comments-area input#email {
  background-color: #F4F4FF;
}

.comments-area input#url {
  background-color: #F4F4FF;
}



/*** KOMMENTAR-FELD AUSBLENDEN 
.comment-form #url {
	display: none;
}
***/