/*
 Theme Name: 	Anotte WP Child
 Theme URI: 	http://demo.cocobasic.com/anotte-wp/
 Description: 	Anotte WP Child Theme
 Author: 		CocoBasic
 Author URI:  	http://www.cocobasic.com 
 Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
 Template:		anotte-wp
 Text Domain: 	anotte-wp-child
*/

/* Einbindung der Schriftarten */
@font-face {
    font-family: "Girdo Black";
    src: url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.eot");
    src: url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.eot?#iefix") format("embedded-opentype"),
         url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.woff2") format("woff2"),
         url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.woff") format("woff"),
         url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.ttf") format("truetype"),
         url("https://db.onlinewebfonts.com/t/8f99df3b140b4b98bb4b3963cc850c64.svg#Girdo Black") format("svg");
}
@font-face {
    font-family: 'Hind';
    src: url("/wp-content/themes/anotte-wp-child/fonts/Hind-Regular.ttf") format("truetype"),
         url("/wp-content/themes/anotte-wp-child/fonts/Hind-Light.ttf") format("truetype"),
         url("/wp-content/themes/anotte-wp-child/fonts/Hind-Medium.ttf") format("truetype"),
         url("/wp-content/themes/anotte-wp-child/fonts/Hind-Bold.ttf") format("truetype"),
         url("/wp-content/themes/anotte-wp-child/fonts/Hind-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Grundlegendes Farbkonzept */
body {
    color: #31081F;
}

/* Additional CSS class for styled paragraphs with Poppins */
.p-poppins {
    font-family: "Poppins", sans-serif !important; /* Poppins font */
    font-weight: 800 !important; /* Extra bold weight */
    font-size: 35px !important; /* Font size */
    line-height: 55px !important; /* Line height */
    color: #ffffff !important; /* White text color */
    margin: -20px 0 1rem 0 !important; /* Optional spacing */
}
/* Links in weiss */
a {color: #ffffff !important;}
a:hover {color: #B4AFFF;text-decoration: none;}

/* Typografie für die Überschriften */
h1 {
    font-family: "Girdo Black", sans-serif !important;
    font-size: 7.5rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.0rem !important;
    color: #31081F !important;
}

h2 {
    font-family: "Girdo Black", sans-serif !important;
    font-size: 4.5rem !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03rem !important;
    color: #31081F !important;
}

h3 {
    font-family: "Girdo Black", sans-serif !important;
    font-size: 3rem !important;
    line-height: 1.3 !important;
    color: #31081F !important;
}

h4 {
    font-family: "Girdo Black", sans-serif !important;
    font-size: 2.4rem !important;
    line-height: 1.4 !important;
    color: #31081F !important;
}

h5 {
    font-family: "Girdo Black", sans-serif !important;
    font-size: 3rem !important;
    line-height: 1.3 !important;
    color: #31081F !important;
}

/* Typografie für Absätze */
p {
    font-family: "Hind", serif !important;
    font-weight: 300 !important;
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    color: #31081F !important;
}

p.lead {
    font-size: 2.2rem !important;
    font-weight: bold !important;
}

/* Typografie für Zitate */
blockquote {
    font-family: "Hind", serif !important;
    font-size: 1.8rem !important;
    font-style: italic !important;
    line-height: 1.6 !important;
    padding: 0 1rem !important;
    border-left: 3px solid #31081F !important;
    color: #31081F !important;
}

/* Schriftarten SCHLUSS */

/*Additional CSS class(es)*/

/* c steht für centered */
.c {
    margin-right: 100px;
}
.c-erfahrung {
    margin-right: 200px;
    margin-left: 200px;
}
/* Formatierung der Archiv Tabs */
.eformat {
      margin-right: 10rem;
      margin-left: 2rem;
  }
.eformat-r {
      margin-right: 2rem;
      margin-left: 10rem;
  }
/* Additional CSS class for styled FOOTER paragraphs */
.p-playfair {
    font-family: "Playfair Display", serif !important; /* Playfair Display font */
    font-weight: 200 !important; /* Bold weight */
    font-size: 23px !important; /* Font size */
    line-height: 35px !important; /* Line height */
    color: #ffffff !important; /* White text color */
    margin: 0 0 1rem 0 !important; /* Optional spacing */
}

/* Additional CSS class for FOOTER Links styled text with Poppins */
.p-poppins-small {
    font-family: "Poppins", sans-serif !important; /* Poppins font */
    font-weight: 700 !important; /* Bold weight */
    font-size: 17px !important; /* Font size */
    line-height: 36px !important; /* Line height */
    color: #ffffff !important; /* White text color */
    margin: 0 0 1rem 0 !important; /* Optional spacing */
}

/* Übersichtsseite & Menu*/
.entry-title {
    display: none;
}
.wp-block-search__inside-wrapper 
{
    display: none;
}
.wp-block-search__label
{
    display: none;
}
.footer-scale{
    margin-bottom: -10rem !important;
}

.footer-l{
    margin-left: 10rem;
}
.footer-left {
  margin-left: 17%;
   }

.footer-bild{
    margin-bottom: -13rem;
}
.button-mobber{
    margin-left: 100px !important;
}
.projekte-buttons {
    font-family: "Poppins", sans-serif !important; /* Poppins font */
    font-weight: 800 !important; /* Extra bold weight */
    font-size: 20px !important; /* Font size */
    line-height: 55px !important; /* Line height */
    color: #31081F !important; /* White text color */
}
/*Media Queries für mobile Geräte*/
@media only screen and (max-width: 600px) {
  body {
    font-size: 10px !important;
  }

  h1 {
      font-size: 3.2rem !important;
  }

  h2 {
      font-size: 1.8rem !important;
  }
  
  h3 {
      font-size: 2rem !important;
  }

  h4 {
      font-size: 1.5rem !important;
  }

  h5 {
      font-size: 1.7rem !important;
  }

  p {
      font-size: 1.2rem !important;
  }

  p.lead {
      font-size: 1.2rem !important;
  }

  blockquote {
      font-size: 1.4rem !important;
  }

  .c {
      margin-right: 0px !important;
  }

  /* Footer spezifische Anpassungen */
  footer.wp-block-cover {
      padding: 0px !important; /* Reduzierte Padding für Mobilgeräte */
      text-align: center !important; /* Zentrierter Inhalt */
  }

  .wp-block-columns.c {
      flex-direction: column !important; /* Spalten untereinander anordnen */
      gap: 20px !important; /* Abstand zwischen den Elementen */
  }

  .p-playfair {
      font-size: 18px !important; /* Kleinere Schriftgröße für Mobilgeräte */
      line-height: 28px !important;
      margin-bottom: 10px !important;
  }

  .p-poppins-small {
      font-size: 13px !important; /* Kleinere Schriftgröße */
      line-height: 20px !important;
  }
    .p-poppins {
      font-size: 30px !important; /* Kleinere Schriftgröße */
      line-height: 40px !important;
  }

  .wp-block-image img {
      max-width: 100% !important; /* Bilder responsive */
      height: auto !important;
  }

  .wp-block-columns .wp-block-column {
      margin-bottom: 10px !important; /* Abstand zwischen den Spalten */
  }

  .footer {
      gap: 10px !important; /* Reduziertes Spalten-Gap */
  }

.footer-scale{
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}
  .footer-l{
    margin-left: 1rem !important;
  }

  .footer-left {
  margin-left: 0%;
   }

  .footer-bild{
    margin-bottom: -7rem;
   }
  /* Formatierung der Archiv Tabs */
  .eformat {
      margin-right: -.6rem;
      margin-left: -.2rem;
  }
    .eformat-r {
      margin-right: -.2rem;
      margin-left: -.6rem;
  }
  .c-erfahrung {
    margin-right: -10px;
    margin-left: -10px;      
  }
  /*Media & Text mobile Margin*/
  .etabm {
      margin-top: 15px;
  }
  /* kleineres Spacing */
  .espacing-mobile{
      margin-bottom: -3rem;
  }
  .button-mobber{
    margin-left: 0px !important;
}

}