/*
Theme Name: Schnelle-WP-Hilfe
Theme URI:  https://schnelle-wp-hilfe.de
Author:     Claudia Berg
Author URI: https://claudia-berg.de.de
Description: Einfaches, flexibles WordPress-Theme.
Version:    1.0
License:    GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: schnelle_wp_hilfe
*/


/* quicksand-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/quicksand-v31-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/quicksand-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/quicksand-v31-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/quicksand-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/quicksand-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-distressed-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik Distressed';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/rubik-distressed-v1-latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('webfonts/rubik-distressed-v1-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/rubik-distressed-v1-latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/rubik-distressed-v1-latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('webfonts/rubik-distressed-v1-latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('webfonts/rubik-distressed-v1-latin-ext-regular.svg#RubikDistressed') format('svg'); /* Legacy iOS */
}




:root {
  --brand: #b42326;
  --brand-700: #a01f22;

}
    html{
    scroll-snap-type: y mandatory;
  scroll-padding-top: 130px !important;
  scroll-behavior: smooth; /* optional */ 
}
    
body{
    margin:0;font-family: 'Quicksand',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:#fafafa; 
    font-size: 1.6em;
    background-color: #000;
    color: #fff;
}
    
h1 {
    	font-size: 4em;
    	text-transform: uppercase;
    	font-family: 'Rubik Distressed';
    	color: #b42326;
    	margin-top: 50px;
}
h2 {
    	font-size: 2em;
    	text-transform: uppercase;
    	margin-top: 5vh;
    	font-family: 'Rubik Distressed';
}
    
a {
    	color: #b42326;
}
    a:hover {
    	color: #333 !important;
    }
    
p:empty {
	height: 30px;
}   

.navbar-toggler {
	color: #fff;
}
 
nav a {
  	/* color: #000 !important; */
  	font-weight: 700;
}  
  
  
nav ul {
	list-style: none;
	text-transform: uppercase;
	
}
nav ul li {
	padding: 0 10px;
}
nav ul li a {
	font-weight: 500;
	text-decoration: none;
} 
ul {
	
	list-style-image:url(images/hand-point-right-regular.svg)
}  
ul li::marker {
  font-size: 3rem;
  margin-right: 20px;
}
  .wp-block-button a {
  	background-color: #b42326 !important;
  	font-weight: 700;
  }
input.wpcf7-form-control, input.wpcf7-textarea, input.wpcf7-text {
	width: 100% !important;
}  
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
    width: 100%;
}

span.wpcf7-form-control-wrap {
    width: 100%;
}
input.wpcf7-submit {
	width: 30% !important;
	background-color: #b42326 !important;
	color: #fff !important;
  	font-weight: 700;
  	border: none;
  	border-radius: 20px;
}
.proz100 {
	width: 100% !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    padding: 15px;
}

.wpcf7 textarea {
    background-color: #fff;
    color: #000;
    width: 100% !important;
}
  
  .microcop {
  	font-size: 0.8em;
  	color: #999;
  	font-style: oblique;
  }

@keyframes flicker {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(0.5deg); } 
}

.wackel-text {
  animation: flicker 0.15s linear infinite alternate; 
  display: inline-block; 
}




/* Mobile baseline */
@media (max-width: 768px) {
  html { font-size: 16px; }

  body {
    line-height: 1.6;
  }

  /* Container/Abstände */
  .container, .wp-site-blocks, main {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Typo */
  h1 {
    font-size: 2.2em;
    line-height: 1.15;
    margin-bottom: 12px;
  }

  h2 {
    font-size: clamp(22px, 5.2vw, 26px);
    line-height: 1.25;
    margin-top: 28px;
    margin-bottom: 10px;
  }

  p, li {
    font-size: 16px;
  }

  /* CTA Buttons */
  .btn, button, input[type="submit"], a.wp-block-button__link {
    min-height: 48px;
    padding: 14px 16px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Formular */
  input, textarea, select {
    font-size: 16px; /* verhindert iOS Auto-Zoom */
    min-height: 48px;
    padding: 12px 14px;
    width: 100%;
    box-sizing: border-box;
  }

  textarea { min-height: 140px; }

  /* 3-Schritte: Spalten -> Stack */
  .steps, .columns, .wp-block-columns {
    flex-direction: column !important;
    gap: 14px;
  }

  /* Sticky Header optional entschlacken */
  .site-header, header {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  header a,
  header nav a {
    color: #ffffff !important;
  }
}