/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Monika Reiter
 Author URI:   https://www.moreweb.design
 Template:     generatepress
 Version:      1.0
*/

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

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

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

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

body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #4a5565;
	background: #fff;
	font-size: 1em;
	font-display: swap;
	line-height: 1;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	color: #19486a;
	line-height: 1.25;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h1 {
	font-size: 2.5em;
	text-align: center;
	margin-top: 0;
}
h2 {
	font-size: 2.25em;
}
h3 {
	font-size: 1.75em;
	font-weight: 700;
}
h4 {
	font-size: 1.5em;
	font-weight: 700;
}
h5 {
	font-size: 1.125em;
	font-weight: 700;
}
h6 {
	font-size: 1.0em;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}
p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0 0 16px;
	/*
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;*/
}
li {
	font-size: 1em;
	line-height: 1.5;
}
a:link, a:visited {
	color: #19486a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

strong {
	font-weight: 700;
}
.wp-block-columns,
.kt-row-column-wrap {
	gap: 20px !important;
	padding: 0 !important;
}

/* ----- HEADER ----- */
.menu-toggle {
    font-size: 1.5em;
}
.main-navigation a {
	font-weight: 500;
}
.main-navigation a:hover {
	text-decoration: none;
}
#menu-item-256 a {
	background: #fcc30b;
	color: #19486a;
	border: 1px solid #fcc30b;
	border-radius: 24px;
}
#menu-item-256 a:hover {
	background: #19486a;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 24px;
}
#generate-slideout-menu .inside-navigation {
	padding-top: 20px;
}
#generate-slideout-menu .slideout-menu li {
    min-height: 48px;
}

/* ----- FOOTER ----- */
.site-footer p,
.site-footer li {
	color: #6a7282;
	font-size: 0.85em;
}
.site-footer a {
	color: #6a7282;
}
.site-footer .footer-widgets .widget {
    margin-bottom: 10px;
}
.site-footer .footer-widget-1 figure.wp-block-image img {
	max-width: 300px;
}
.site-footer .widget-title {
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 700;
}
.site-info .copyright-bar {
    margin-left: 0 !important;
	color: #6a7282;
    font-size: 0.85em;
	padding: 20px 0;
}
.inside-site-info {
	border-top: 1px solid #f3f4f6;
}


/* ----- CONTENT ----- */
.box-beratung {
	border-radius: 24px;
	border: 1px solid #f3f4f6;
	padding: 20px;
	margin-bottom: 20px;
}
.box-beratung p {
	min-height: 100px;
}
.box-beratung figure {
	margin-bottom: 20px;
}
.box-beratung img {
	border-radius: 0 !important;
}
.text-green {
	color: #3f7e44;
}
.text-orange {
	color: #ed7f00;
}
.text-yellow {
	color: #fcc30b;
}

.section-white {
	background: #fff;
	margin: 0;
	padding: 20px 10px;
}
.section-white .introtext h2,
.section-grey h2,
.section-grey h3 {
	text-align: center;
}
.section-white .introtext p {
	text-align: center;
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.section-white .wp-block-image img {
	border-radius: 24px;
}
.section-white.ueber-mich .foto-badge {
	max-width: 94% !important;
}
.section-white.ueber-mich .wp-block-image.badge {
	position: absolute;
	top: 60%;
	right: -20px;
}
.section-white .wp-element-caption {
	font-size: 1.125em;
	font-weight: 700;
	color: #19486a;
	text-align: center;
}

.section-grey {
	background: #f9fafb;
	margin: 0;
	padding: 20px 10px;
}
.section-grey p {
	text-align: center;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.kt-block-spacer .kt-divider {
	padding-bottom: 30px !important;
	background: none;
}
.icon-list {
	max-width: 100%;
	min-width: 100%;
}
.icon-list h5 {
	padding: 0 40px !important;
}

/* ----- FOOTER KONTAKT ----- */
.section-darkblue {
	background: #19486a;
	margin: 0;
	padding: 20px 10px;
}
.section-darkblue h2 {
	color: #fff;
}
.section-darkblue p,
.section-darkblue li {
	color: #d1d5dc;
	font-size: 0.85em;
}
.section-darkblue a {
	color: #fff;
	font-weight: 700;
	font-size: 1.25em;
}
.wp-block-image.kontakt-icon img {
    float: left;
    margin-right: 10px;
}

/* ----- HEADER HOME ----- */
.section-darkblue .headerhome h1 {
	color: #fff;
	text-align: left;
}
.section-darkblue .headerhome p {
	color: #e5e7eb;
	font-size: 1em;
	margin-bottom: 40px;
}
.section-darkblue .headerhome .foto img {
	border-radius: 50%;
	border: 10px solid #fff;
	max-width: 360px;
}
.section-darkblue .headerhome .skala {
	position: absolute;
	top: 35px;
	left: 290px;
}
.wp-block-kadence-advancedbtn .wp-block-button__link {
	border: 1px solid #fcc30b;
}
.wp-block-kadence-advancedbtn .wp-block-button__link:hover {
	border: 1px solid #fff;
}

.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner img {
	border-radius: 24px;
}

/* ----- BLOG ----- */
.section-blog {
	background: #fff;
	margin: 0;
	padding: 20px 10px;
}
.section-blog h2.entry-title {
	font-size: 1.75em;
}
.section-blog .wp-block-kadence-posts .loop-entry {
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, .0);
    border-radius: 0;
}
.section-blog .wp-block-kadence-posts .loop-entry .entry-content-wrap {
    padding: 24px;
}

.single-post .entry-meta {
	padding: 0px 10px;
}
.single-post .posted-on {
	padding-bottom: 10px;
	border-bottom: 6px solid #fcc30b;
}
.single-post .entry-content {
	background: #fff;
	margin: 0;
	padding: 20px 10px;
}
.single-post .inside-article {
	padding: 0 0 40px;
}
.single-post .inside-article h1.entry-title {
	padding: 40px 0 20px;
}
.single-post .inside-article .featured-image {
	display: none;
}
.section-blog .wp-block-kadence-posts .loop-entry .post-thumbnail img,
.single-post .inside-article .wp-block-image img  {
	border-radius: 24px;
}


/* ----- CONTACT FORM ----- */
.section-contactform {
	padding: 30px 40px 0px;
	background: #fff;
	border-radius: 24px;
}
.section-contactform label,
.section-contactform a {
	color: #19486a;
	font-weight: 500;
	font-size: 1em;
}
.section-contactform input[type='text'],
.section-contactform input[type='email'],
.section-contactform textarea {
	background: #fff;
	color: #19486a;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	font-size: 1em;
	width: 100%;
}
.section-contactform input[type='submit'] {
	background: #fcc30b;
	color: #19486a;
	border: 1px solid #fcc30b;
	border-radius: 14px;
	font-size: 1.125em;
	font-weight: 700;
	width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output {
	text-align: center;
	color: #3f7e44;
	font-weight: 700;
    border-color: #fff;
}

@media (min-width: 768px) {
	.box-beratung {
		max-width: 47%;
		margin-left: 10px;
		margin-right: 10px;
		float: left;
	}
	.box-beratung p {
		min-height: 140px;
	}

	.site-footer .footer-widget-1 {
		min-width: 50%;
	}
}

@media (min-width: 1024px) {
	h1,
	.section-darkblue .headerhome h1 {
		font-size: 3.5em;
	}
	.icon-list {
		max-width: 50%;
		min-width: 50%;
		float: left;
	}
	.trenner {
		border-right: 1px solid #19486a;
	}
	.icon-list h5 {
		min-height: 80px !important;
	}
}
@media (min-width: 1280px) {
	.section-darkblue .headerhome h1 {
		font-size: 4.5em;
	}
	.box-beratung {
		max-width: 23%;
	}
	.icon-list {
		max-width: 25%;
		min-width: 25%;
	}
	.trenner2 {
		border-right: 1px solid #19486a;
	}
	.site-footer .footer-widget-1 p {
		max-width: 60%;
	}
}
@media (min-width: 1500px) {
	.section-white,
	.section-grey,
	.section-darkblue,
	.section-blog {
		padding: 40px 0px;
	}
}