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

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

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

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

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

body {
	margin: 0;
	padding: 0;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #293845;
	background: #fff;
	font-size: 1em;
	font-display: swap;
	line-height: 1;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 10px;
}
h1, h2 {
	font-size: 2em;
	text-align: center;
}
h3 {
	font-size: 1.75em;
	font-weight: 800;
}
h4 {
	font-size: 1.5em;
	font-weight: 700;
}
h5 {
	font-size: 1.25em;
	font-weight: 800;
}
h6 {
	font-size: 1.125em;
	font-weight: 700;
}
p {
	font-size: 1.0em;
	font-weight: 300;
	color: #293845;
	line-height: 1.4;
	margin: 0 0 16px;
	/*
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;*/
}
li {
	font-size: 1.0em;
	font-weight: 300;
	color: #293845;
	line-height: 1.4;
}

a:link, a:visited {
	color: #8c0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.entry-content a:link, a:visited {
	color: #293845;
}

strong {
	font-weight: 700;
}

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

body.error404 .container .site-content {
	padding: 10px !important;
}
body.error404 .container .inside-article {
	display: none;
}


/* ----- HEADER ----- */
.menu-toggle {
    font-size: 1.5em;
}

.site-header {
	background: #293845;
	z-index: 99;
}
.main-navigation a {
	text-decoration: none;
	font-size: 1.25em;
}
.main-navigation .main-nav ul ul li {
	border-bottom: 1px solid #293845;
}
.main-navigation .main-nav ul ul li a {
	font-size: 1.0em;
	padding: 10px;
}

/* ----- HEADER MITGLIED CEERO ----- */
.section-ceero {
	background: #293845;
	margin: 0;
	padding: 20px 0;
}
.section-ceero p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #8c0;
	line-height: 1;
}
.section-ceero a:link,
.section-ceero a:visited {
	color: #8c0;
}
.logo-ceero {
	color: transparent;
	line-height: 2;
	display: inline-block;
	width: 124px;
	height: 28px;
	background: url("images/logo-ceero.svg") center center no-repeat;
	background-size: 100px 22px;
}

/* ----- FOOTER ----- */
.site-footer {
	background: #293845;
	padding: 0 0 20px;
}
.site-footer p {
	color: #8c0;
}
.site-footer a:link, a:visited {
	color: #8c0;
}

.footer-widgets .widget {
    margin-bottom: 1em;
}
.footer-widget-1 img {
	width: 90px;
	height: auto;
}
.footer-widget-1,
.footer-widget-2 {
	text-align: center;
}
.footer-widget-3 p {
	text-align: left;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.site-info {
	display: none;
}
.section-network {
	margin: 0 auto;
	padding: 20px 0 40px;
}
.section-network p {
	text-align: center;
	width: 300px;
	margin: 0 auto;
}
.section-network .logos figure {
	text-align: center;
}

/* ----- CONTENT ----- */
.section-white {
	margin: 0;
	padding: 20px 10px;
}
.section-white .foto {
	text-align: center;
}
.section-white .foto img {
	width: 373px;
	height: auto;
}
.section-white .logos figure {
	text-align: right;
}
.section-white a.button, 
.section-white a.wp-block-button__link:not(.has-background) {
	background-color: #fff;
    color: #293845;
	font-size: 1.5em;
}


.introtext,
.introtext-home {
	text-align: center;
}
.introtext p {
	font-size: 1.125em;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.introtext-home p {
	font-size: 1.25em;
}

.bg-white {
	background-color: #fff;
	padding: 0 3px;
}
.bg-grey {
	background-color: #293845;
	color: #8c0;
	padding: 0 3px;
}
.bg-green {
	background-color: #8c0;
	padding: 0 3px;
}
.kt-image-overlay-wrap {
    background: none !important;
}
.image-overlay-title {
	line-height: 1.2 !important;
}

.section-grey {
	background: #293845;
	margin: 0;
	padding: 20px 10px;
}
.section-grey.foto {
	padding: 0;
}
.section-grey h3 {
	text-align: center;
	color: #8c0;
}
.section-grey p {
	color: #fff;
}
.section-grey a.button, 
.section-grey a.wp-block-button__link:not(.has-background) {
	background-color: #293845;
    color: #8c0;
	font-size: 1.5em;
}

.section-green {
	background: #8c0;
	margin: 0;
	padding: 20px 10px;
}
.section-green h3 {
	font-weight: 800;
	text-align: center;
	margin-bottom: 0;
}
.section-green p {
	text-align: center;
}
.section-green a.button, 
.section-green a.wp-block-button__link:not(.has-background) {
    background-color: #8c0;
	color: #293845;
	font-size: 1.5em;
}

/* ----- TERMIN ----- */
iframe.simplymeet {
	width: 100%;
	max-width: 1280px;
	min-height: 600px;
}

@media (max-width: 899px) {
	iframe.simplymeet {
		min-height: 800px;
	}
}

/* ----- ICONS LÖSUNGEN ----- */
.section-icons .wp-block-kadence-column {
	display: inline-flex;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.section-icons .wp-block-image figcaption {
    font-size: 1.5em;
	max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

/* ----- SLIDER HOME ----- */
.section-homeslider {
	background: #293845;
	margin: 0;
	padding: 0;	
}
.section-homeslider p {
	font-size: 1.5em;
	line-height: 1.1;
	margin-bottom: 10px;
}
.section-homeslider p.headline {
	font-size: 2.5em;
	font-weight: 800;
	color: #fff;
}
.section-homeslider .button-termin {
	line-height: 0.8;
	margin: 0 0 40px auto;
	padding-top: 50px;
	width: 160px;
	height: 160px;
	background: #8c0;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.section-homeslider .button-termin a {
	color: #293845;
	text-decoration: none;
	font-size: 0.75em;
}
.section-homeslider .current-slide {
	max-width: 600px;
	margin: 40px auto 0;
	padding: 40px 0;
}
.section-homeslider .current-slide p {
	color: #fff;
	font-size: 1em;
	line-height: 1.2;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}
.section-homeslider .current-slide .current p {
	color: #8c0;
	border-bottom: 1px solid #8c0;
}
.section-homeslider .kb-splide .splide__pagination {
	bottom: 25px !important;
}
.section-homeslider .splide__pagination__page.is-active {
	background-color: #8c0 !important;
}

/* ----- BLOG SLIDER HOME NEWS ----- */
.slider-quotes h3,
.slider-quotes p,
.slider-insights h3,
.slider-insights p {
	text-align: left;
}
.slider-quotes h3,
.slider-insights h3.entry-title {
	font-size: 2em;
	color: #fff;
}
.slider-insights p,
.slider-insights li {
	color: #fff;
}
.slider-insights h3.entry-title {
	margin-bottom: 10px !important;
}

/* ----- SLIDER ----- */
.splide__arrow {
	background-color: transparent !important;
	border: 0px !important;
	color: #8c0 !important;
	width: 3em !important;
}
.kb-splide .splide__arrow--prev {
	background: url("images/arrow_prev.svg") center center no-repeat !important;
	background-size: 35px 24px !important;
}
.kb-splide .splide__arrow--next {
	background: url("images/arrow_next.svg") center center no-repeat !important;
	background-size: 35px 24px !important;
}
.splide__arrow svg {
	display: none;
}

.kadence-blocks-gallery-item__caption {
	font-size: 1.5cm;
}

/* ----- SHOWCASES INSIGHTS NEWS ----- */
.section-insights {
	background: #293845;
	margin: 0;
	padding: 20px 10px;
}
.section-insights .blog-item .kt-inside-inner-col {
	min-height: 550px !important;
	padding-top: 10px;
	padding-left: 10px;
}
.section-insights .blog-item h2 {
	text-align: left;
    background: #293845 !important;
	width: fit-content;
	color: #fff !important;
	padding: 2px 4px !important;
	font-size: 1.5em !important;
	margin-bottom: 0px !important;	
}
.section-insights .kt-image-overlay-message:hover {
    border-color: #8c0;
	-webkit-transition: border-color 0.5s ease-in-out;
	-moz-transition: border-color 0.5s ease-in-out;
	-ms-transition: border-color 0.5s ease-in-out;
	-o-transition: border-color 0.5s ease-in-out;
	transition: border-color 0.5s ease-in-out;
}
.section-insights .image-overlay-title {
	text-align: left;
    background: #8c0 !important;
	width: fit-content;
	color: #293845 !important;
	padding: 2px 4px !important;
	font-size: 1.5em !important;
	margin-bottom: 0px !important;
}


.section-showcase {
	margin: 0;
	padding: 20px 10px;
}
.section-showcase .kt-image-overlay-message:hover {
    border-color: #8c0;
	-webkit-transition: border-color 0.5s ease-in-out;
	-moz-transition: border-color 0.5s ease-in-out;
	-ms-transition: border-color 0.5s ease-in-out;
	-o-transition: border-color 0.5s ease-in-out;
	transition: border-color 0.5s ease-in-out;
}
.section-showcase .image-overlay-title {
	text-align: left;
    background: #293845 !important;
	width: fit-content;
	color: #8c0 !important;
	padding: 2px 4px !important;
	font-size: 1.5em !important;
	margin-bottom: 0px !important;
}
.section-showcase .image-overlay-subtitle {
    background: #293845 !important;
	width: fit-content;
	color: #fff !important;
	padding: 2px 4px !important;
	font-size: 1.5em !important;
}
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline.kt-btn-size-small {
	width: 188px;
	height: 48px;
	margin: 10px;
	padding: 0 5px 5px;
	border: 1px solid #8c0;
    background: #8c0;
	color: #293845;
	font-size: 1em;
	line-height: 1.2;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline.pressed,
.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline:hover {
	border: 1px solid #293845 !important;
    background: #fff !important;
	color: #293845 !important;
}

/* ----- ZITAT ----- */
.section-quote {
	text-align: center;
}
.section-quote .wp-block-kadence-column {
    justify-content: center;
}
.section-quote .kt-row-column-wrap {
	gap: 80px !important;	
}
.section-quote .green {
	border-top: 1px solid #8c0;
	border-bottom: 1px solid #8c0;
	padding: 80px 0;
	background: url("images/Icon_Quote_8c0.svg") top right no-repeat;
	background-size: 80px 80px;
}
.section-quote .green p {
	color: #8c0;
	text-align: center;
}
.section-quote .blue {
	border-top: 1px solid #293845;
	border-bottom: 1px solid #293845;
	padding: 80px 0;
	background: url("images/Icon_Quote_293845.svg") top right no-repeat;
	background-size: 80px 80px;
}
.section-quote .blue p {
	color: #293845;
	text-align: center;
}

/* ----- GOOGLE REVIES ----- */
#g-review .grwp_header {
	display: none !important;
}
#g-review.layout_style-8 .g-review {
	background: #293845;
}

/* ----- PROJEKTABLAUF ----- */
.projektablauf {
	margin: 0;
	padding: 20px 0;
	text-align: center;
}
.projektablauf figure img {
	width: 120px;
	margin: 0 auto;
}

.projektphase {
	margin: 0;
	padding: 0;
	background: #fff;
}
.projektphase p {
	text-align: center;
	padding: 5px 0 0;
	margin-bottom: 5px;
	color: #293845 !important;
}

.projektablauf-vert {
	margin: 0;
	padding: 20px 0;
	background: url("images/Projektablauf_Line-vert.webp") 7px 0 repeat-y;
	background-size: 3px 100%;
}
.projektablauf-vert figure img {
	width: 150px;
}
.projektablauf-vert h3 {
	color: #8c0;
	border-bottom: 1px solid #8c0;
	padding-left: 40px;
}
.projektablauf-vert p {
	padding-left: 40px;
	padding-right: 20px
}

/* ----- FAQ ----- */
.wp-block-kadence-accordion {
	margin: 20px auto 40px;
}
.kt-blocks-accordion-header {
    border: 0 !important;
    border-bottom: 1px solid #8c0 !important;
    background: none !important;
    color: #8c0 !important;
    padding: 10px !important;
}
.kt-accordion-panel-inner {
	background: none !important;
    padding: 10px !important;
}


/* ----- BLOG DETAIL ----- */
.featured-image.page-header-image-single {
	display: none;
}
/* .no-sidebar .entry-content .alignfull */
.alignfull.section-grey,
.alignfull.section-ceero {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}
.blog-overview .kt-btn-inner-text {
	font-size: 0.7em;
}
.blog-prev a,
.blog-next a {
	color: transparent;
}
.blog-prev {
	background: url("images/arrow_prev.svg") left center no-repeat !important;
	background-size: 35px 24px !important;
}
.blog-next {
	background: url("images/arrow_next.svg") right center no-repeat !important;
	background-size: 35px 24px !important;
}
.blog-heading {
	line-height: 1.2;
	background-color: #8c0;
	height: 2.44em;
    width: fit-content;
    margin: 0 auto !important;
    padding: 0 2px 0px !important;
}

/* ----- CONTACT FORM ----- */
.contactform input[type='text'],
.contactform input[type='email'],
.contactform input[type='tel'],
.contactform select,
.contactform textarea {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 300;
	width: 100%;
	background-color: #fff;
	border: 1px solid #293845;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
.contactform .wpcf7-list-item {
	margin: 5px 0 0;
	display: block;
}
.contactform input[type='submit'] {
	width: 100%;
	background-color: #8c0;
	border: 2px solid #8c0;
	color: #fff;
	margin-top: 20px;
	padding: 6px 5px 6px;
	/*
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	*/
}
.contactform input[type='submit']:hover {
	background-color: #293845;
	border: 2px solid #293845;
	color: #fff;
}
.wpcf7-response-output {
	text-align: center;
	color: #293845;
}
.contactform input.wpcf7-not-valid,
.contactform textarea.wpcf7-not-valid {
	border: 1px solid #e00;
}
.wpcf7-not-valid-tip {
	color: #e00 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #8c0;
}

@media (min-width: 769px) {
	.section-homeslider {
		margin: -50px 0 0;
	}
	.section-homeslider p {
		font-size: 2em;
	}
	.section-homeslider p.headline {
		font-size: 4em;
	}
	.section-homeslider .button-termin {
		padding-top: 60px;
		width: 200px;
		height: 200px;
	}
	.section-homeslider .current-slide {
		margin: 100px auto 0;
	}
	
	.slider-insights h3.entry-title {
		padding-left: 30px !important;
	}
	.slider-insights .entry-content {
		padding-left: 30px;
	}

	.projektablauf {
		background: url("images/Projektablauf_Line.webp") 0 132px no-repeat;
		background-size: 100% 3px;
	}
	.projektablauf-vert h3,
	.projektablauf-vert p {
		padding-left: 0px;
	}
	.projektphase-mobil {
		display: none;
	}
	.section-icons .wp-block-kadence-column {
		width: 48%;
	}
	.footer-widget-1 {
		text-align: left;
	}

	.section-network p {
		text-align: left;
		width: 100%;
	}
	.section-network .logos figure {
		text-align: right;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.projektablauf p {
		margin: 20px auto;
		max-width: 100px;
        height: 100px;
        vertical-align: middle;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}


@media (min-width: 1025px) {
	.site-header {
		position: fixed;
		width: 100%;
	}
	.section-homeslider {
		margin: -50px 0 -30px !important;
	}
	body.error404 .container,
	.site-content {
		padding: 100px 0 0 !important;
	}
	
	.introtext-home p {
		font-size: 1.5em;
	}
	.slider-quotes h3,
	.slider-insights h3.entry-title {
		font-size: 2.5em;
	}
	.slider-insights {
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
	}
	.slider-insights .kb-splide .splide__arrow--prev {
		margin-left: -130px;
	}
	.slider-insights .kb-splide .splide__arrow--next {
		margin-right: -130px;
	}

	.projektablauf {
		background: url("images/Projektablauf_Line.webp") 0 160px no-repeat;
	}
	.projektablauf figure img {
		width: 150px;
	}
	.section-icons .wp-block-kadence-column {
		width: 33%;
	}
}


@media (min-width: 1280px) {
	.slider-insights {
		max-width: 1000px;
	}
	.slider-quotes h3,
	.slider-insights h3.entry-title {
		font-size: 3em;
		margin-bottom: 30px !important;
	}
	.section-white,
	.section-grey,
	.section-green,
	.section-insights,
	.section-showcase,
	.projektablauf-vert {
		padding: 40px 0;
	}
	.projektablauf {
		padding: 40px 0;
		background: url("images/Projektablauf_Line.webp") 0 180px no-repeat;
	}
	.projektablauf-vert p {
		padding-right: 0px;
	}
	.kt-blocks-accordion-header,
	.kt-accordion-panel-inner {
		padding: 10px 0 !important;
	}
	.section-showcase .kadence-query-filter {
		width: 1300px;
		margin-left: -10px;
		padding: 0;
	}
	.wp-block-kadence-query-filter-buttons .kt-button.kb-btn-global-outline.kt-btn-size-small {
		width: 192px;
	}
}
@media (min-width: 1680px) {
	.section-homeslider .button-termin {
		margin: 0 20% 0 auto;
	}
	
	.slider-insights p,
	.slider-insights li {
		font-size: 1.125em !important;
	}
}

@media (max-width: 1024px) {
	.projektphase {
		display: none;
	}
}

@media (max-width: 768px) {
	.footer-widget-1 .widget_text a {
		display: inline-block;
		padding: 16px 0 10px;
		margin-bottom: 0;
	}
}