/*
 Theme Name:   Twentytwentyfour Child
 Description:  Stracon Theme
 Author:       Yanneck Sprengel
 Author URI:   https://stracon-hh.de/
 Template:     twentytwentyfour
 Version:      1.0
 Text Domain:  twentytwentyfour-child
*/

/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - 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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-condensed-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nanum-brush-script-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: 'Nanum Brush Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nanum-brush-script-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

main, .entry-content {
	margin-top: 0px !important;
}

.verlaufslinie-top {
	margin-bottom: 80px !important;
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Condensed' !important;
}

p, li {
	font-family: 'Montserrat';
}

h1, h2, h3, h4, h5 {
	font-weight: 600;
}

p {
	line-height: 1.5;
	font-weight: 200;
}

li {
	font-weight: 200;
}

.wp-block-kadence-advancedbtn {
	gap: 50px !important;
}

.kt-btn-inner-text {
	font-family: 'Roboto Condensed' !important;
	font-size: 35px !important;
	line-height: 35px !important;
}

.wp-block-navigation-item__content .wp-block-navigation-item__label {
	text-transform: uppercase;
}

header.wp-block-template-part {
	position: absolute;
    width: 100%;
    z-index: 999;
    top: 50px;
}

header .current-menu-item a {
	color: #ffffff !important;
	font-weight: 400 !important;
}

header.child-is-fixed .current-menu-item a, header.child-is-fixed .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #000 !important;
	font-weight: 400 !important;
}

header .current-menu-item a .wp-block-navigation-item__label::after {
	position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background-color: #FFFFFF;
    top: 40px;
}

header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #FFFFFF;
}

header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: rgb(83,174,50) !important;
	text-decoration: none;
}

.entry-content > .header {
	margin-bottom: 0px !important;
}

.verlaufslinie {
	border-bottom: 10px solid !important;
    border-image: linear-gradient(to right ,rgb(83,174,50),rgb(175,202,11)) 1 !important;
    min-width: 100% !important;
    margin-bottom: 0px;
}

.verlaufslinie-top {
	border-bottom: 10px solid !important;
    border-image: linear-gradient(to right ,rgb(83,174,50),rgb(175,202,11)) 1 !important;
    min-width: 100% !important;
	margin-bottom: 60px;
}

.slider-index .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
	bottom: auto;
	top: 5%;
	text-align: left;
	left: auto;
	max-width: 100%;
    padding: 0px 50px;
}

.slider-index .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner {
	max-height: 800px;
	overflow: hidden;
}

.slider-index .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain img {
	height: auto !important;
	object-position: center !important;
}

.slider-index {
	position: relative;
	max-height: 800px !important;
}

.slider-index .kb-gallery-image-contain::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background-color: #000;
	opacity: 0.3;
	top: 0px;
}

.slider-index .kb-splide {
	margin-bottom: 0px !important;
}

.slider-index .kb-splide .splide__pagination__page {
	background-color: #ffffff !important;
	opacity: 0.4;
}

.kb-splide .splide__pagination__page.is-active {
	width: 40px !important;
	border-radius: 5px !important;
	opacity: 0.6;
}

.slider-index .kadence-blocks-gallery-item__caption h2 {
	color: #ffffff !important;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 6rem;
	line-height: 6.5rem;
	margin-top: 0px;
}

.slider-index .kadence-blocks-gallery-item__caption h3 {
	color: #ffffff !important;
	margin-top: 5px;
	text-transform: none !important;
	font-weight: 300;
	font-size: 2.6rem;
	font-family: 'Montserrat' !important;
}

.slider-index #splide01-slide02 .kadence-blocks-gallery-item__caption {
	text-align: right !important;
}

.slider-index .kb-splide .splide__arrow {
	background: none !important;
	opacity: 0.6;
	height: 5rem;
	width: 4rem;
}

.slider-index .kb-splide .splide__arrow:hover {
	opacity: 1;
}

.slider-index .kt-blocks-carousel .splide__arrow--prev {
	left: 50px !important;
}

.slider-index .kt-blocks-carousel .splide__arrow--next {
	right: 50px !important;
}

.slider-index .kb-splide .splide__arrow svg {
	height: 5em !important;
	width: 5em !important;
}

.slider-index .kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
	bottom: 50px;
}


h3.gruen {
	margin-top: 0px !important;
}

.gruen {
	color: rgb(83,174,50) !important;
}

.mitarbeiter p {
	margin-top: 5px !important;
}

.mitarbeiter-foto {
  display: inline-block;
  position: relative;
  background: #ccc; /* Rahmenfarbe */
  padding: 10px;
  box-sizing: border-box;
}

.mitarbeiter-foto img {
  display: block;
  height: auto;
  border: none;
}

/* Umgeknickte Ecke */
.mitarbeiter-foto::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #F9F9F9; /* Farbe der Ecke */
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.mitarbeiter-foto::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #555; /* Farbe der Ecke */
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  transform: rotate(180deg);
}


.lebenslauftabelle td {
	border: 0px !important;
}

.leistung-kachel {
	position: relative;
}

.leistungs-headline {
	position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
  color: #ffffff !important;
}

.lebenslauftabelle tr td:first-child {
	width: 115px;
}

.ueberuns-start p {
	max-width: 85%;
}

.ueberuns-start, .team-start {
	gap: 100px;
}

.daten-cover {
	min-height: 280px !important;
}

.leistungen-cover {
	padding-top: 80px;
	padding-bottom: 80px;
}

.leistungen-cover .wp-block-columns {
	gap: 50px !important;
}

.wp-block-cover__inner-container {
	max-width: 1239px;
}

.leistungen {
	margin-top: 50px !important;
}

.leistungen img {
	border-radius: 20px 20px 20px 0px !important;
}

.team-start .wp-block-separator {
	margin-left: 0px;
}

.wp-block-kadence-posts .loop-entry .entry-content-wrap, .wp-block-kadence-posts article.loop-entry {
	background-color: #eaeced !important;
}

.wp-block-kadence-posts .loop-entry .entry-header .entry-title  {
	color: rgb(83, 174, 50) !important;
	font-size: 1.5rem;
    line-height: 1.5rem;
}

.wp-block-kadence-posts .loop-entry .entry-header .entry-title  a {
	color: rgb(83, 174, 50) !important;
	text-decoration: none !important;
}

.wp-block-kadence-posts .loop-entry .more-link-wrap {
	color: rgb(175,202,11);
}

.wp-block-kadence-posts .loop-entry footer {
	margin-top: 20px !important;
}

.entry-content .job-einleitung {
	margin-bottom: 60px !important;
}

.gesucht {
	color: rgb(83, 174, 50) !important;
	font-size: 4.5rem;
}

.persofort {
	margin-top: 0px !important;
	font-size: 2.3rem;
}

.jobtitel {
	color: rgb(83, 174, 50) !important;
	margin-top: 20px !important;
}

.jobsub {
	margin-top: 5px !important;
	font-weight: 400 !important;
}

footer .wp-block-navigation__container {
	gap: 0px !important;
}