/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* #######################################################
 * Überschriften H1 & H2 zentrieren
 * #######################################################*/
/*h1.entry-title, .entry-content h2 {
    text-align: center;
}


/* roboto-100 - 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: 'Inclusive';
  font-style: normal;
  font-weight: 100;
  src: url('../generatepress_child/fonts/roboto-v32-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - 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: 'Inclusive';
  font-style: normal;
  font-weight: 300;
  src: url('../generatepress_child/fonts/roboto-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Inclusive';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Inclusive';
  font-style: normal;
  font-weight: 500;
  src: url('../generatepress_child/fonts/roboto-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Inclusive';
  font-style: normal;
  font-weight: 700;
  src: url('../generatepress_child/fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - 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: 'Inclusive';
  font-style: normal;
  font-weight: 900;
  src: url('../generatepress_child/fonts/roboto-v32-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* patrick-hand-sc-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: 'Handwriting';
  font-style: normal;
  font-weight: 400;
  src: url('../generatepress_child/fonts/patrick-hand-sc-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* #######################################################
 * Linie unter Sticke Navigation
 * #######################################################*/
header#masthead.site-header {
    border-bottom: 2px solid #ddd9ee; /* Lila Linie am unteren Rand */
}


nav#sticky-navigation {
    border-bottom: 2px solid #ddd9ee; /* Lila Linie am unteren Rand der Sticky-Navigation */
}



/* #######################################################
 * Verhindern, dass bei Button alle Buchstaben groß sind
 * #######################################################*/
.gb-button.gb-button-2eb86a93 {
    text-transform: none;
    font-size: 16px; /* Hier kannst du die gewünschte Schriftgröße angeben */
}


/* #######################################################
 * Linie unter Sticky Navigation mobile Ansicht
 * #######################################################*/
nav#mobile-header.main-navigation.stuckElement {
    border-bottom: 2px solid #ddd9ee !important;
}


/* #######################################################
 * Größe des Logos im Header beim Scrollen wird nicht größer
 * #######################################################*/
nav#mobile-header.main-navigation.stuckElement.is_stuck .inside-navigation .site-logo img {
    width: 100px; /* Passe die Größe hier nach Wunsch an */
    height: auto;
    max-width: 100%; /* Verhindert, dass das Logo größer als die ursprüngliche Größe wird */
}


/* Logo im mobilen Header verkleinern, damit der Header nicht umbricht */
@media (max-width: 768px) {
    .mobile-header-logo img.is-logo-image {
        width: 100px !important; /* Größe des Logos anpassen, z.B. 80px */
        height: auto !important; /* Automatische Höhe beibehalten */
    }
}



/* #######################################################
 * Search Modal Placeholder Farbe
 * #######################################################*/
input::placeholder {
    color: #000000;
	font-weight: bold;
}


/* #######################################################
 * Schatten um Main Container
 * #######################################################*/
/*.full-site-wrapper {
    border: 2px;
    box-shadow: 5px 0 20px #F6F4FB , -5px 0 20px  #F6F4FB ;
    max-width: 1300px;
    margin: auto;
}


/* #######################################################
/* Sticky Buttons sticky machen */
/* #######################################################*/
/*.sticky-buttons {
	left:10%;
	position:fixed !important;
	top:30%;
}


/* #######################################################
/* Back-to-top-Button-Position anpassen*/
/* #######################################################*/
.generate-back-to-top {
 bottom: 130px;
  width: 48px;
  height: 48px;
  padding-top:5px;
}


/* #######################################################
/* Back-to-top-Button nur auf Tablet weiter rechts positionieren*/
/* #######################################################*/
@media(max-width: 1300px) {
    .generate-back-to-top { 
  right: 0px;
  } 
} 



/* #######################################################
/* Back-to-top-Button nur auf Mobile weiter oben positionieren*/
/* #######################################################*/
@media(max-width: 700px) {
    .generate-back-to-top { 
  bottom: 170px;
  } 
} 
http://localhost/inclusive-minds/wp-admin/theme-editor.php

/* #######################################################
/* table-infos (blauer Kasten) auf Mobile schmaler*/
/* #######################################################*/
/*@media(max-width:700px) {
	.contains-table-infos .table-infos {
		width:280px;
	} 
}


body .popmake-1833 {
	width:400px !important;
	font-size:24px;
}


/* #######################################################
/* Im Page Hero Header der Startseite: Logo über Hintergrund-Container legen*/
/* #######################################################*/
/*.gb-block-image-589e8a8e {
     position: relative;
}