/*
  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
*/

/*neue Lightbox WP BG dunkel*/
.scrim {background-color: black !important; opacity: 0.8 !important;}

/*Navi Tablet mehr Luft*/
@media (min-width: 550px) and (max-width:1000px) {.inside-header {padding: 30px 30px 30px 30px;}}
{margin-top: -20px !important;}

/*mobil Navigation mehr Luft nach oben*/
.slideout-navigation.main-navigation .main-nav ul li a {padding-top: 30px;}

/*Automatische Silbentrennung*/
p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}

/*Footer*/
.copyright-bar {color: white;}

/* LISTENPUNKTE in CD Farbe, Listen linksbündig ausrichten*/
ul li::marker, 
ol li::marker  {
  color: #000; text-align: right;
}
ul li {text-align: left;}
.site-content li {margin-left: -40px;}
/*End LISTENPUNKTE*/

/*SCROLLBALKEN anpassen*/
/* width */
::-webkit-scrollbar {
  width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 0px;
}
/*Scrollbar Firefox CD-Farbe*/
* {scrollbar-color: #fff #000;}


/*Fonts lokal*/
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://ark.staging-design-netzwerk.eu/wp-includes/fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-italic - 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: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('https://ark.staging-design-netzwerk.eu/wp-includes/fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('https://ark.staging-design-netzwerk.eu/wp-includes/fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*FONT-Size alle Größen*/

/*NAVI*/
@media (min-width: 1920px) {.main-navigation .main-nav ul li > a {font-size: clamp(1.6rem, 1.0909rem + 2.3273vw, 2.25rem);}}
@media (min-width: 1920px) {.site-header .header-image {width: clamp(13.75rem, 12.2917rem + 6.6667vw, 20.625rem);}}

/*Body*/
@media (min-width: 769px) {body {font-size: clamp(0.875rem, 0.4872rem + 0.8068vw, 2rem);}}

/*H2*/
@media (min-width: 769px) and (max-width: 1100px) {h2 {font-size: 22px;}}
@media (min-width: 1101px) and (max-width: 1399px) {h2 {font-size: 26px;}}
@media (min-width: 1920px) {h2 {font-size: clamp(1.875rem, -1.9225rem + 3.1646vw, 5rem);}}

/*H3*/
@media (min-width: 1920px) {h3 {font-size: clamp(1.5rem, 0.1633rem + 1.1139vw, 2.6rem);}}

/*H4, H5*/
@media (min-width: 1920px) {h4 {font-size: clamp(1.375rem, -0.1136rem + 1.2405vw, 2.6rem);}}
@media (min-width: 1920px) {h5 {font-size: clamp(1.375rem, -0.1136rem + 1.2405vw, 2.6rem);}}


/*Social Icons*/
@media (min-width: 1920px) {.wp-block-social-links {font-size: 2rem; margin-right: 30px;}
/*Footer*/
@media (min-width: 1920px) {.site-info {font-size: 1.6rem;}}	
/*WP FORMS*/
@media (min-width: 1920px) {.wpforms-container .wpforms-field-label {font-size: 1.6rem !important;}}