/*
 Theme Name:   unerhoertleicht
 Theme URI:    https://generatepress.com
 Description:  Für Anja Bergmann
 Author:       sixhop.net GmbH (Larissa Kim)
 Author URI:   sixhop.net
 Template:     generatepress
 Version:      0.1
*/

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

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

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

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

body {
	font-family: 'Roboto';
	font-size: 18px;
}

h1 {
	color: #8173B5;
	font-family: 'Roboto';
	margin-bottom: 40px;
}
h2 {
	color: #76B9D0;
	margin-bottom: 40px;
}

.h1-hoch{
	margin-top: -200px;
	z-index: 10;
	position: relative;
}

.text-block {
	text-align: justify;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background: #394467 !important;
	color: #ffffff !important;
	transition: all .5s;
	text-align: center !important;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
	background: #000000 !important;
	color: #ffffff !important;
	transition: all .5s;
}

/* Menü*/
.offside-js--is-open .slideout-overlay {
	visibility: hidden !important;
}
.main-nav a {
	text-transform: uppercase;
	font-size: 20px;
}
.main-navigation.offside {
	width: 400px !important;
}
.slideout-navigation.main-navigation{
	opacity: 0.9;
}
.menu-toggle {
	font-size: 40px;
}
.mobile-menu-control-wrapper .menu-toggle {
	background-color: transparent;
}
/* Top Bar mit Telefon und E-Mail (Design - Elements)*/
.before-header {
	height: 30px;
	position: relative;
	top: 0;
	z-index: 100000;
	background-color: #ffffff;
}
.inner-before-header {
        width: 1200px;
        text-align: right;
        margin: 0 auto;
        padding-top: 10px;
	font-size: 18px;
	font-weight: 200;
}
.ab4-contact-data {
        padding-right: 20px;
}
.ab4-contact-data a {
	text-decoration: none;
}
.inner-before-header a {
        color: #1D1D1D;
}
.inner-before-header a:hover {
        color: #EF7D00;
}
.fa-thin {
	padding-right: 5px;
}
.fa-envelope {
	padding-left: 10px;
}
@media screen and (max-width: 1200px) {
	.inner-before-header {
       	 	width: 100%;
        	text-align: right;
       		font-size: 16px;
        	margin: 0 auto;
        	padding-top: 10px;
	}

}
@media screen and (max-width:768px) {
	.ab4-mobile-hide {
		display: none;
	}
	.inner-before-header {
        text-align: center;
	}
}

/*Zahl im Kreis*/
.zahl-kreis {
	background-color: #394467; 
	border-radius: 100%; 
	width: 84px; 
	line-height: 84px; 
	text-align: center; 
	font-size: 36px; 
	color: #ffffff; 
	margin: 0 auto; 
}
.zahl-kreis p{
	margin-bottom: 0;
}
.zahl-rand {
	width: 120px;
	margin-left: -60px;
	position:relative;
	margin-top: -45px;
	transition: top 300ms;
}
/* Kundenslider */
.kunden-slider .slider-inhalt{
	margin-left: -25%;
	position: relative;
	background-color: #ffffff;
	z-index: 10;
}
/*Pusteblumen*/
.h2-pusteblume-right h2::after {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume.png);
	height: 200px;
	width: 200px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	margin-left: -70px;
}

.h2-pusteblume-left::before {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume_left.png);
	height: 200px;
	width: 200px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	position: relative;
	top: 100px;
}
.pusteblume-left-small h2::before {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume_left.png);
	height: 50px;
	width: 50px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	margin-right: -30px;
	margin-bottom: 20px;
}
.pusteblume-icon .fl-photo {
	top: -40px;
}
.pb-zertifikate h2::before {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume_left.png);
	height: 50px;
	width: 50px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
}
.pb-right-bottom .fl-rich-text::after {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume_left.png);
	height: 200px;
	width: 200px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	margin-left: -70px;
}
.blaue-punkte ::marker {
	color: #76B8D0;
}
.zertifikate li {
	margin-bottom: 1em;
}
.calendly-inline-widget {
	min-height: 700px!important;
	height: 700px!important;
}

/* Mobiloptimierung*/
@media screen and (max-width: 1355px) {
	.h2-pusteblume-right h2::after {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume.png);
	height: 100px;
	width: 100px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	margin-left: -70px;
	}
	.h2-pusteblume-left::before {
	background-image: url(https://unerhoertleicht.de/wp-content/uploads/2023/01/pusteblume_left.png);
	height: 100px;
	width: 100px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	content:'';
	position: relative;
	top: 100px;
	}
}
@media screen and (max-width: 1200px) {
.h1-hoch{
	margin-top: -100px;
	}
.balanceschritte .fl-row-content-wrap {
	padding-left: 60px;
	}
.background-pusteblumen .fl-row-content-wrap {
	background-size: contain;
	}
}
@media screen and (max-width: 1155px) {
	.h2-pusteblume-right h2::after {
		width: 70px;
		height: 70px;
		margin-bottom: 30px;
	}
	.h2-pusteblume-left::before {
		width: 70px;
		height: 70px;
	}
}
@media screen and (max-width: 992px) {
	.h2-pusteblume-right h2::after {
	display: none;
	}
.h2-pusteblume-left::before {
	display: none;
	}
}
@media screen and (max-width: 854px) {
.zahl-rand {
  width: 50px;
  margin-left: -30px;
	}
.zahl-kreis {
	width: 50px;
	line-height: 50px;
	font-size: 24px;
	}	
}
@media screen and (max-width: 769px){
h2 {
	font-size: 30px;
}
.h1-hoch{
	margin-top: 0;
}
.pusteblume-icon {
	margin-top: 60px;
	}
.fl-node-32nato6bwh0u .fl-photo {
	text-align: center;
	}
.site-footer {
	text-align: center;
	}
.fl-testimonials .fl-testimonial {
	font-size: 16px!important;
	}
.kunden-slider .slider-inhalt{
	margin-left: 0;
	}
.kunden-slider h2 {
	margin-bottom: 0;
	}
.menu-toggle {
	font-size: 30px;
	}
.zahl-rand {
	margin-top: 0;
	width: 120px;
	}
}
@media screen and (max-width: 590px){
.mobile-menu-control-wrapper {
	margin-right: auto;
	}
.schritte-kacheln{
	margin-left: 20px;
	margin-right: 20px;
	}
}