/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Tobias Bals
 Author URI:     https://pixeltypen.de
 Template:       Divi
 Version:        1.0.5
*/

/* Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* Add custom font Gilroy */

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-ExtraBold.woff2") format("woff2"),
    url("fonts/Gilroy-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Light.woff2") format("woff2"),
    url("fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Typography */

:root {
  --blue: #0085ca;
  --black: #272d35;
  --green: #bec567;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Gilroy", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
}

body :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Gilroy", Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1;
}

body :is(h1, h2) {
  font-size: clamp(1.5rem, -0.875rem + 8.333vw, 3.5rem);
}

/* Mobile Menu */

.mobile_menu_bar:before {
  color: white !important;
}

ul#mobile_menu {
  background-color: white !important;
  padding: 0;
  border-top: 0;
  width: 126%;
  top: 51px;
  left: -13%;
}

ul#mobile_menu li a {
  color: var(--black);
  padding: 20px;
}

/* Don't hide the centered inline logo */
#et-top-navigation .centered-inline-logo-wrap {
  visibility: visible;
}



/* Marquee Tickerzeile */
.section_start_marquee {
  max-width: 100vw;
  white-space: nowrap;
  overflow: hidden;
  background: var(--blue);
  font-size: 1.3rem;
  color: white;
  padding: 10px !important;
}

.section_start_marquee .et_pb_code_inner {
  display: inline-block;
  padding-left: 105%;
  -webkit-animation: marquee 20s linear infinite;
  animation: marquee 20s linear infinite;
}

.section_start_marquee a {
  color: white !important;
  font-weight: 600;
  text-decoration: underline;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/* Toggle */

.et_pb_toggle {
  border-radius: 0 !important;
  background: white !important;
}

h5.et_pb_toggle_title:before {
  content: "\4c";
  position: relative;
  font-size: 20px;
  margin-right: 8px;
}

.et_pb_toggle_open h5.et_pb_toggle_title:before {
  content: "\4c";
}

.et_pb_toggle ul {
  padding-left: 0;
}

.et_pb_toggle ul li {
  position: relative;
  padding-left: 20px;
}

.et_pb_toggle ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  height: 8px;
  width: 8px;
  background: var(--black);
}

h5.et_pb_toggle_title {
  color: var(--black) !important;
  font-size: 18px;
  font-weight: 300;
  padding: initial !important;
}

.section_title h2 {
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
  line-height: 0.65;
  color: var(--blue);
}

.section_start_informationen .et_pb_row {
  padding-bottom: 0;
}

/* Buttons */

.et_pb_module :is(.et_pb_button, .et_pb_button:hover) {
  border-radius: 0 !important;
  padding: 15px 30px !important;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: white;
  display: inline-block;
}

.et_pb_module :is(.et_pb_button:hover) {
  background-color: var(--green) !important;
}

/* Footer */

#main-footer {
  padding-top: 50px;
}

#main-footer > .container {
  max-width: 100%;
  border-top: 1px solid white;
}

#main-footer #footer-widgets {
  padding: 50px 0 0;
}

#main-footer .custom-html-widget a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  margin-right: 10px;
}

#main-footer .custom-html-widget a:hover {
  color: var(--blue);
}

#main-footer .custom-html-widget a:before {
  content: attr(data-icon);
  font-family: "ETmodules";
  font-size: 25px;
}

/* Blog Post Slider */

.et_pb_post_slider .et_pb_slide {
  padding: 0;
}

.et_pb_post_slider .et_pb_slide .et_pb_slide_overlay_container {
  background: -webkit-gradient(linear, left bottom, left top, from(#272d36e0), to(#272d3600));
  background: -o-linear-gradient(bottom, #272d36e0, #272d3600);
  background: linear-gradient(0deg, #272d36e0, #272d3600);
}

.et_pb_post_slider .et_pb_container.clearfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 450px;
}

.et_pb_post_slider .et_pb_slides .et_pb_slider_container_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.et_pb_post_slider .et_pb_slide_content {
  display: none !important;
}

.et_pb_post_slider .et_pb_slide_description {
  -webkit-animation-name: none;
          animation-name: none;
  opacity: 1 !important;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.et_pb_post_slider h2.et_pb_slide_title {
  text-align: left;
  font-size: 45px !important;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-weight: 800 !important;
}

.et_pb_post_slider :is(.et-pb-arrow-next, .et-pb-arrow-prev) {
  top: 0;
  margin-top: 0;
  opacity: 1;
  background: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.et_pb_post_slider :is(.et-pb-arrow-prev, .et-pb-arrow-prev:hover) {
  left: initial;
  right: 50px;
}

.et_pb_post_slider :is(.et-pb-arrow-next, .et-pb-arrow-next:hover) {
  right: 0;
}

.et_pb_post_slider .et-pb-slider-arrows a:hover {
  background: var(--green);
}

.et-pb-controllers {
  bottom: 0;
}

.et-pb-controllers a {
  border-radius: 0;
}

.et-pb-controllers .et-pb-active-control {
  background-color: var(--blue);
}

/* Section Start Blog */

.post-meta{
  display: none !important;
}

#post-4222 .post-content{
	display: none !important;
}

#post-4222 a.et_pb_button{
	color:#fff;
}

.section_start_blog .et_pb_module.et_pb_posts :is(.post-meta, .post-content) {
  display: none !important;
}

.section_start_blog .et_pb_module.et_pb_posts .et_pb_post {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 70px 2fr;
  grid-template-columns: 70px 2fr;
  margin-bottom: 25px;
  cursor: pointer;
}

.section_start_blog .et_pb_module.et_pb_posts .et_pb_post:hover h2 a {
  color: var(--blue);
}

.section_start_blog
  .et_pb_module.et_pb_posts
  .et_pb_post
  .entry-featured-image-url {
  height: 0;
  padding-top: 100%;
  margin-bottom: 0;
}

.section_start_blog
  .et_pb_module.et_pb_posts
  .et_pb_post
  .entry-featured-image-url
  img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section_start_blog .et_pb_module.et_pb_posts .et_pb_post h2.entry-title {
  display: -webkit-box;
  color: white !important;
  font-size: 1.3rem;
  margin-left: 20px;
  text-transform: none !important;
  max-height: 70px;
  line-height: 1.5rem;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 !important;
}

.section_start_blog .et_pb_blurb * {
  text-align: center;
}

.section_start_blog .et_pb_blurb img {
  max-width: 100px;
}

.section_start_blog .et_pb_blurb h4 {
  color: white;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/* Schwarzes Brett */

.section_board_blog h2.entry-title {
  color: white;
  font-size: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 70px;
}

.section_board_blog .et_pb_ajax_pagination_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% / 3.23) 30px calc(100% / 3.23) 30px calc(100% / 3.23);
  grid-template-columns: repeat(3, calc(100% / 3.23));
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.section_board_blog .et_pb_post .entry-featured-image-url {
  height: 0;
  padding-top: 60%;
}
.section_board_blog .et_pb_post .entry-featured-image-url img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section_board_blog :is(.post-meta, .post-content) {
  display: none !important;
}

.section_board_blog .et_pb_ajax_pagination_container > div:last-child {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* Pagination */

.wp-pagenavi a,
.wp-pagenavi span {
  color: #0085ca;
}

.wp-pagenavi :is(.page, .current) {
  display: inline-block;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 1.4;
}

.wp-pagenavi .page {
  background: #ffffff0d;
  color: #0085ca;
}
.wp-pagenavi span.current {
  background: var(--blue);
  color: white !important;
  font-weight: 800 !important;
}

/* Number Counter */

.section_start_kpi .et_pb_image {
  text-align: center;
}

.section_start_kpi .et_pb_image img {
  max-width: 100px;
}

.section_start_kpi .et_pb_number_counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.section_start_kpi .et_pb_number_counter .percent p {
  line-height: 0.8;
}

.section_start_kpi .et_pb_number_counter .percent-value {
  font-weight: 800;
  font-size: 50px;
}

.section_start_kpi .et_pb_number_counter h3.title {
  font-weight: 400;
  font-size: 18px;
  text-transform: initial;
  padding-bottom: 0;
}

/* Youtube Video Embedding */
iframe.latestVideoEmbed {
  margin-right: 20px;
  margin-bottom: 20px;
}

/* Visualizer Chart */

.visualizer-front g {
	-webkit-clip-path: none !important;
	        clip-path: none !important;
}

/* RESPONSIVE SETTINGS */

/* Hide Seite wählen Text */
span.select_page {
  display: none !important;
}

@media screen and (max-width: 1100px) {
  .section_start_informationen .et_pb_row {
    width: 95%;
  }
}

@media screen and (max-width: 980px) {
  .et_header_style_split #main-header .mobile_nav {
    background-color: transparent;
  }

  /* Section Blog Buttons Start */

  .section_start_blog .column_buttons {
    text-align: center;
  }

  /* Start Blog Butons */
  .column_buttons {
    margin-top: 60px;
}

  /* Mobile Nav Header */
  .container.clearfix.et_menu_container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .logo_container {
    position: absolute !important;
    text-align: left !important;
  }

  .et_header_style_split #et_mobile_nav_menu {
    margin-top: 0;
  }

  .et_header_style_split #main-header .mobile_nav {
    text-align: right;
    padding: 0;
  }

  .et_header_style_split .et_menu_container .mobile_menu_bar {
    position: relative;
    padding: 0 !important;
  }

  ul#mobile_menu li a {
    text-align: center;
  }

	
	

	
	
	
  /* Schwarzes Brett */

  .section_board_blog .et_pb_ajax_pagination_container {
    -ms-grid-columns: (47.7%)[2];
    grid-template-columns: repeat(2, 47.7%);
  }
}

@media screen and (max-width: 767px) {
  .et_pb_post_slider .et_pb_container.clearfix {
    min-height: 280px;
  }

  .et_pb_post_slider h2.et_pb_slide_title {
    font-size: 28px !important;
  }

  .et_pb_row {
    width: 90%;
  }

  .section_start_marquee {
    font-size: 1rem;
  }
}

@media screen and (max-width: 594px) {
  .section_board_blog h2.entry-title {
    font-size: 18px;
    height: 52px;
  }
}

/* Anpassung Home Boxen */

.infohome {
    background: #444d59!important;
    padding: 15px 10px 0px 10px;
}