/* 
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.1.1617713760
Updated: 2021-04-06 14:56:00

*/

/*--CSS Manuela Neu-Entwicklung 2021
------------------------------------------------*/

/*Navigation*/

.hfe-menu-toggle.sub-arrow {
  display: none;
}
#home-header-logo img,
#header-logo img {
  width: 200px;
}
a.hfe-sub-menu-item.hfe-sub-menu-item-active {
    padding-bottom: 15px !important;
}


/*Black Header without Image*/

.elementor-element-05781c9 .menu-item.current-menu-item a.hfe-menu-item::after {
  content: "";
  height: 2px;
  background-color: #1f1f1f !important;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu {
  box-shadow: none;
  padding-bottom: 15px;
}


/* Submenü */

ul.sub-menu .hfe-sub-menu-item.hfe-sub-menu-item-active {
  border-bottom: none !important;
}


/*Allgemeine Elemente-----------------------------------*/

#read-more-acc h3 {
  margin: 30px 0px 20px 0px;
  font-family: "Maven Pro", Sans-serif;
  font-size: 19px;
  font-weight: 900;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0px;
}
.elementor-widget-text-editor .elementor-widget-container *:last-child {
  margin: 0;
}

/*List style*/

.elementor-tab-content ul {
  list-style-type: none;
}

.elementor-tab-content ul li:before {
  content: "-";
  margin-right: 20px;
}

.elementor-tab-content ul li.first-point {
  margin-top: 20px;
}

.elementor-tab-content ul li.last-point {
  margin-bottom: 20px;
}

/*Floating Menu*/

#ssb-container ul li {
  margin-bottom: 7px;
}

#ssb-container ul li a {
  text-transform: uppercase;
}

/*Kontaktformular*/

.wpcf7-form input {
  border: 1px solid transparent;
  border-bottom: 2px solid #868686;
  background: #f1f1f1;
  border-radius: 0px;
  color: #101010 !important;
}

.wpcf7-form input[type="submit"] {
  background: #101010;
  color: #fff !important;
  padding: 8px 22px 8px 22px;
  line-height: 22px;
  text-transform: uppercase;
}

.wpcf7-submit {
  color: #ffffff !important;
}

.wpcf7-form p {
  margin-bottom: 35px;
}

/*Mehr lesen Button*/

a.load-more-button {
  font-family: "Maven Pro", Sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 22px;
  letter-spacing: 0px;
}

.load-more-button:focus {
  outline: 0;
}

#read-more-acc .load-more-button {
  width: 100%;
  text-align: left;
}

#read-more-acc.button-outside .load-more-button {
  width: 100%;
  text-align: left;
  margin-top: 25px;
}

.accordion-with-button #read-more-acc.button-outside .load-more-button {
  margin-top: 40px;
}
.elementor-readmore-acc h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
}
.elementor-readmore-acc h3 {
  font-size: 20px !important;
}

/*Button in Mehr lesen Button*/

button.load-more.project-button {
  font-family: "Maven Pro", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-style: normal;
  line-height: 21px;
  background-color: #101010;
  color: #ffffff;
  border-color: #101010;
  border-radius: 0px 0px 0px 0px;
  padding: 8px 16px 8px 16px !important;
  float: left;
  margin-right: 20px;
}

.acc-button-project {
  margin-top: 20px;
  display: flex;
}

/*Counter Zahl*/

.counter-number .elementor-counter {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.counter-number .elementor-counter-number-wrapper {
  background: #f0f0eb;
  border-radius: 50%;
  /* padding: 20px; */
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 25px;
}

.counter-number .elementor-counter-number-suffix {
  font-size: 16px;
  line-height: 22px;
}

/*Grauer Text (im Akkordeon) */

.grey-text {
  color: #7c6f6f;
  font-size: 14px;
  line-height: 15px;
}

/*Zitat im Mehr lesen*/

.cit {
  font-family: "Maven Pro", Sans-serif;
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0px;
  margin-left: 35px;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

/*Slider*/

/* .owl-carousel.owl-drag .owl-item {
  width: auto!important;
} */

/* .owl-item img {
  height: 66vh!important;
} */

/*Slider Controls*/

.hesperiden.tparrows.tp-rightarrow:before {
  content: "" !important;
  background: transparent;
  width: 22px;
  height: 11px;
  background: url(/wp-content/uploads/2021/12/Icon-awesome-arrow-right-1.svg)
    no-repeat;
}

.hesperiden.tparrows {
  background: rgba(0, 0, 0, 0) !important;
}

.hesperiden.tparrows.tp-leftarrow:before {
  content: "" !important;
  background: transparent;
  width: 22px;
  height: 11px;
  background: url(/wp-content/uploads/2021/12/Icon-awesome-arrow-left-1.svg)
    no-repeat;
}

/*Button Icon*/

.elementor-button-icon svg {
  width: 4em;
}

/*Akkordeon*/

.elementor-element .elementor-accordion-title {
  font-family: "Maven Pro", Sans-serif;
  font-size: 16px !important;
  font-weight: bold;
  text-transform: lowercase;
  font-style: normal;
  line-height: 22px !important;
  letter-spacing: 0px;
}

#read-more-acc .elementor-accordion-item .elementor-tab-title,
#read-more-acc .elementor-accordion-item .elementor-tab-content,
#read-more-acc button {
  padding: 0px 0px;
}

.accordion-with-button .elementor-column:first-child {
  width: 22%;
}

.accordion-with-button .elementor-column:last-child {
  width: 78%;
}

.accordion-with-button .elementor-tab-content,
.accordion-with-button .elementor-tab-title {
  position: relative;
  left: -36.5%;
}

.accordion-with-button .elementor-tab-content .load-more-button,
.accordion-with-button .elementor-tab-title .elementor-accordion-title {
  position: relative;
  left: 185px;
  top: 0px;
  z-index: 2;
}

.page-id-1270 .accordion-with-button .elementor-tab-content .load-more-button,
.page-id-1270
  .accordion-with-button
  .elementor-tab-title
  .elementor-accordion-title {
  top: -6px;
}

.accordion-with-button .elementor-tab-title {
  margin-top: 25px;
}

.accordion-with-button .elementor-tab-title.elementor-active {
  margin-top: -10px;
}

.accordion-with-button .elementor-button-wrapper {
  width: 167.717px;
}

.accordion-cols #read-more-acc {
  position: unset;
}

.accordion-cols #read-more-acc .load-more-button {
  position: absolute;
  bottom: -16px;
}

/*Black Button*/

.elementor-element.button-black .elementor-button {
  font-family: "Maven Pro", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 21px;
  letter-spacing: 0px;
  fill: var(--e-global-color-accent);
  color: var(--e-global-color-accent);
  background-color: var(--e-global-color-97f1826);
  border-radius: 0px 0px 0px 0px;
  padding: 8px 16px 8px 16px;
}

/*Projektdetailseiten*/

.more-content p{
  line-height: 22px;
}

.single-projekte #page > div section:first-child,
.single-projekte main > div section:first-child {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.single-projekte #read-more-acc,
.single-projekte #read-more-acc .load-more-button {
  margin-top: 20px;
  margin-bottom: 20px;
}

#projekte-gallery .gallery-item img {
  max-height: 330px;
  width: auto;
}

.elementor-slideshow__footer .elementor-slideshow__title {
  display: none;
}

/* .postid-539 #navigation-container:not(.fixed-nav) {
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.postid-539 #navigation-container .sub-menu {
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
} */

/*Image Slider*/

.image-slider .elementor-swiper-button {
  top: 105%;
}

.image-slider .elementor-swiper-button-prev {
  left: 48%;
}

.image-slider .elementor-swiper-button-next {
  right: 48%;
}

.image-slider .elementor-swiper-button-prev i::before {
  content: "";
  width: 22px;
  height: 11px;
  background: url(/wp-content/uploads/2021/12/arrow-left.svg) no-repeat;
  position: absolute;
}

.image-slider .elementor-swiper-button-next i::before {
  content: "";
  width: 22px;
  height: 11px;
  background: url(/wp-content/uploads/2021/12/arrow-right.svg) no-repeat;
  position: absolute;
}

.inline-quote {
  font-weight: 500;
  font-size: 20px;
  margin-left: 40px;
}

/*Showroom*/

.showroom-schloss > .elementor-container {
  height: 650px;
}

@keyframes kenburns {
  0% {
    transform-origin: bottom left;
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
  }
}
.hero-img {
  overflow: hidden;
}
.hero-img img{
  animation: none !important;
}
@media (min-width: 1025px){
  .hero-img img{
    animation: kenburns 40s ease !important;
  }
}
body.single-elementor_library .page-header,
body.single-elementor_library #masthead,
body.single-elementor_library .page-header #colophon {
  display: none;
}
html, body {
  overflow-x: hidden;
}

/*Responsive Design-------------------------------
--------------------*/
@media (min-width: 1024px) {
  .header-weiss #home-header-logo img {
    filter: none;
  }
  .header-weiss .hfe-nav-menu a {
    color: #fff !important;
  }
  .header-weiss.fixed-nav #home-header-logo img {
    filter: invert(1);
  }
  .header-weiss.fixed-nav .hfe-nav-menu a {
    color: #101010 !important;
  }
}
@media screen and (min-width: 1800px) {
  .page-id-3772 .attachment-Blog-Karussell.size-Blog-Karussell {
    position: relative;
  }
}

@media screen and (max-width: 1100px) {
  section.elementor-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  section.section-fw {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section.elementor-section.simple-banner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 845px) {
  .showroom-schloss > .elementor-container {
    height: 45vw;
  }
}

@media screen and (max-width: 820px) {
  .accordion-with-button .elementor-tab-content {
    width: 83vw;
  }
  .simple-banner {
    height: 94vh !important;
  }
  .simple-banner .elementor-container,
  .single-projekte #page > div section:first-child .elementor-container,
  .single-projekte main > div section:first-child .elementor-container {
    height: 100%;
  }
  .accordion-cols #read-more-acc .load-more-button {
    position: initial;
  }
}

@media screen and (min-width: 525px) {
  .popup-sib-form {
    width: 50% !important;
  }
  .popup-img {
    width: 50%;
    display: inherit !important;
  }
}

@media screen and (max-width: 414px) {
  .simple-banner {
    height: 92vh !important;
  }
  .full-height-header {
    min-height: 20vh;
    display: flex;
  }
  .image-slider .elementor-swiper-button-next {
    right: 44%;
  }
  #ssb-container {
    margin-top: 25%;
  }
  /* .lr-carousel .owl-stage {
        min-width: 3290px;
        padding-left: 250px!important;
        padding-right: 250px!important;
    }
    .lr-carousel .owl-item {
        min-width: 350px;
    } */
}

/*** PLUGIN POPUP STYLE START ***/

.pum-container.theme-7165 {
  padding: 0 !important;
  border: none !important;
}
.popup-main {
  display: flex;
}
.popup-img img {
  object-fit: cover;
}
.popup-img {
  display: none;
}
.popup-sib-form {
  width: 100%;
  padding: 1em;
  display: flex;
  align-items: center;
}

#haupt-blog-container img {
  width: 100%;
  object-fit: cover;
}

#haupt-blog-container .post-5362 img {
  object-position: top;
}

/*** PLUGIN POPUP STYLE END ***/

/*** Google reCAPTCHA START ***/
.grecaptcha-badge{
	visibility:hidden;
}
/*** Google reCAPTCHA END ***/

/* allgemein Kevin CSS*****************************************************************

/* farben 
:root {
  --main-dark-clr: #101010;
  --second-dark-clr: #868686;
  --main-light-clr: #fff;
  --second-light-clr: #f0f0eb;
}

/* ende von: farben 

#navigation-container .hfe-menu-toggle i{
  display: none;
}

.bold-text {
  font-weight: bold !important;
}

.foto-information {
  font-size: 12px;
}

/* grauer unterstrich 
.grauer-unterstrich {
  width: 165px;
  height: 3px;
  background: #f0f0eb;
  z-index: 3000;
}

.grauer-unterstrich.zentriert {
  margin: 0 auto;
}

#haupt-blog-container .grauer-unterstrich, #haupt-projekte-container .grauer-unterstrich {
  margin-top: 25px;
  margin-bottom: 30px;
}
/* ende von: grauer unterstrich */

/* width's 
.text-container-center {
  display: grid;
  place-content: center;
}

.standard-text-width {
  width: 720px !important;
}

.width-444px {
  max-width: 444px;
}
/* ende von: width's */

/* headings 
.responsive-heading h1 {
  font-size: 41px;
  font-weight: 400!important;
  text-transform: uppercase;
  line-height: 56px;
}

.responsive-heading h2 {
  font-size: 25px;
  font-weight: 900!important;
  text-transform: uppercase;
  line-height: 34px;
}

.responsive-heading h3 {
  font-size: 25px;
  line-height: 34px;
  font-weight: bold;
  text-transform: uppercase;
}

.responsive-heading h4 {
  font-size: 25px;
  font-weight: normal;
}

.responsive-heading.zentriert{
  text-align: center;
}
/* ende von: headings */

/* standard-text 
.standard-text, .standard-text li span {
  font-size: 16px;
  color: var(--main-dark-clr) !important;
  font-weight: normal;
}

.standard-text-bold {
  font-size: 16px;
  color: var(--main-dark-clr);
  font-weight: bold;
}

.standard-text-white,
.standard-text-white a {
  font-size: 16px;
  color: var(--main-light-clr) !important;
}
/* ende von: standard-text */

/* container-varianten ********* */

/* container-variante 1 
.container-variante-1 > div {
  max-width: 1366px !important;
}
.container-variante-1 .bild-container {
  min-height: 485px;
  width: 415px;
}
.container-variante-1 .info-container {
  min-height: 485px;
  padding-left: 92px;
}
.container-variante-1 .text-box {
  max-width: 536px;
}
/* ende von: container-variante 1 */

/* container-variante 2 
.container-variante-2 > div {
  max-width: 1366px !important;
}
.container-variante-2 .info-container {
  min-height: 546px;
  padding-left: 2vw;
  padding-right: 2vw;
}

.container-variante-2 .bild-container {
  min-height: 546px;
  min-width: 827px;
}
/* ende von: container-variante 2 */

/* container-variante 3 
.container-variante-3 .bild img {
  width: 444px;
  height: 277px;
  object-fit: cover;
}
/* ende von: container-variante 3 */

/* ende von: container-varianten ********* */

/* buttons 
.grauer-btn > .elementor-widget-container {
  display: grid;
  place-content: center;
}

.grauer-btn a.elementor-button-link.elementor-button, .weiter-zurueck-btn-container a span {
  background: #f0f0eb;
  height: 40px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 14px;
  display: grid;
  place-content: center;
  transition: background 1s ease;
}

.weiter-zurueck-btn-container a span span{
  width: 130px;
}

.grauer-btn a.elementor-button-link.elementor-button:hover, .weiter-zurueck-btn-container a span:hover{
  background: var(--main-dark-clr);
  color: white;
}

.weiter-zurueck-btn-container .elementor-post-navigation__link{
  padding: 10px;
}

/* ende von: buttons */

/* standard-bild-und-text-container 
.standard-bild-und-text-container .bild-container {
  width: 324px;
}
.standard-bild-und-text-container > div {
  display: flex;
  justify-content: center;
}
.grauer-btn.btn-links .elementor-widget-container {
  place-content: flex-start;
}
.grauer-btn.btn-rechts .elementor-widget-container {
  place-content: flex-end;
}
.standard-bild-und-text-container .bild-container img {
  border: 5px solid #eeeee8;
}
.standard-bild-und-text-container .text-container:nth-of-type(even),
.standard-bild-und-text-container .bild-container:nth-of-type(even) {
  margin-left: 25px;
}

.standard-bild-und-text-container .text-container:nth-of-type(odd) {
  text-align: right;
}

.grauer-unterstrich.rechts {
  margin-left: auto;
}

/* ende von: standard-bild-und-text-container */

/* bildergalerie 
.bildergalerie {
  background: var(--main-dark-clr);
  overflow: hidden;
}

.bildergalerie .responsive-heading h3 {
  color: white;
  line-height: 35px;
}

.bildergalerie .bildergalerie-slider-container {
  position: relative;
}

.bildergalerie
  .bildergalerie-slider-container
  .elementor-swiper-button.elementor-swiper-button-prev {
  position: absolute;
  left: 98%;
  top: 100%;
}

.bildergalerie
  .bildergalerie-slider-container
  .elementor-swiper-button.elementor-swiper-button-next {
  position: absolute;
  left: 98%;
  top: 100%;
}

.bildergalerie
  .bildergalerie-slider-container
  .elementor-swiper-button.elementor-swiper-button-prev
  .eicon-chevron-left {
  transform: translate(-300%, 150%);
}

.bildergalerie
  .bildergalerie-slider-container
  .elementor-swiper-button.elementor-swiper-button-next
  .eicon-chevron-right {
  transform: translate(-150%, 150%);
}
/* ende von: bildergalerie */

/* empfohlene blogartikel 
.empfohlene-blog-artikel .elementor-widget-posts .elementor-widget-container .elementor-posts-container article:first-of-type .elementor-post__title:before{
  content: "#1";
	font-size: 30px;
	color: var(--second-dark-clr);
	margin-right: 15px;
}

.empfohlene-blog-artikel .elementor-widget-posts .elementor-widget-container .elementor-posts-container article:nth-of-type(2) .elementor-post__title:before{
  content: "#2";
	font-size: 30px;
	color: var(--second-dark-clr);
	margin-right: 15px;
}

.empfohlene-blog-artikel .elementor-widget-posts .elementor-widget-container .elementor-posts-container article:nth-of-type(3) .elementor-post__title:before{
  content: "#3";
	font-size: 30px;
	color: var(--second-dark-clr);
	margin-right: 15px;
}

.blog-artikel-box .elementor-post.elementor-grid-item{
	width: 260px;
}

.empfohlene-blog-artikel .blog-artikel-box .elementor-post.elementor-grid-item img{
	width: 260px;
  object-fit: cover;
}

.empfohlene-blog-artikel .blog-artikel-box > div{
	width: 812px;
  margin-left: auto;
}

.empfohlene-blog-artikel h3{
  padding-left:30px;
}

/* ende von: empfohlene blogartikel */

/* textlinks 
.standard-text a{
  color: #868686;
}

.standard-text a:hover{
  font-weight: bold;
}
/* ende von: textlinks */

/* ende von: allgemein *****************************************************************/

/* header *****************************************************************/

/* navigation 

#navigation-container {
  position: fixed;
  width: 100vw;
  z-index: 1;
}

#navigation-container .menu-item a {
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: 0;
  color: #ffffff;
}

.fixed-nav {
  background: var(--second-dark-clr);
}
/* ende von: navigation */

/* header bild 
.header-bild-container {
  height: 525px;
}

.header-bild-container .elementor-background-overlay {
  background-position: center;
}

.header-bild-container .elementor-container.elementor-column-gap-default {
  width: 100%;
  height: 100%;
  position: relative;
}

.header-bild-container
  .elementor-container.elementor-column-gap-default
  .elementor-column.elementor-top-column.elementor-element {
  position: absolute;
  top: 100%;
  transform: translatey(-100%);
}
/* ende von: header bild */

/* ende von: header *****************************************************************/

/* footer *****************************************************************/

/*footer-above-section
#footer-kontakt-container .footer-kontakt-large-img {
  height: auto;
}

#footer-kontakt-container .footer-kontakt-box {
  padding-left: 108px;
  padding-top: 89px;
  padding-bottom: 76px;
}

#footer-kontakt-container .footer-kontakt-box > div {
  display: flex;
  flex-direction: column;
}

#footer-kontakt-container .footer-kontakt-heading {
  margin-bottom: 0;
}

#footer-kontakt-container .footer-kontakt-heading,
#footer-kontakt-container .footer-kontakt-adresse strong {
  color: #101010;
}

#footer-kontakt-container .footer-kontakt-unterstrich {
  max-width: 165px;
  height: 3px;
  background: #101010;
  margin-bottom: 30px;
}

#footer-kontakt-container .footer-kontakt-daten a {
  color: #252525;
  transition: color 0.3s ease;
}

#footer-kontakt-container .footer-kontakt-daten a:hover {
  color: #7a7a7a;
}

#footer-kontakt-container .footer-kontakt-box > div > div {
  width: 100%;
}

#footer-kontakt-container .oeffnungszeiten{
  margin-bottom: 15px;
}

#footer-kontakt-container .oeffnungszeiten{
  line-height: 16px;
}

/*ende von: footer-above-section

.footer-container {
  background: #101010;
}

#footer-nav-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer-nav-container section div > div {
  width: fit-content;
}

#footer-nav-container section > div {
  display: flex;
  justify-content: space-evenly;
}

#footer-nav-container .elementor-widget-wrap.elementor-element-populated p {
  margin-bottom: 0;
}

#footer-nav-container .footer-menu-text a {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #ffffff;
  font-weight: bold;
}

#footer-nav-container a,
#footer-bottom-container a {
  transition: color 0.3s ease;
}

#footer-nav-container a:hover,
#footer-bottom-container a:hover {
  color: #a0a09e;
}

#footer-bottom-container {
  padding-top: 10px;
}

.footer-info-text-box {
  width: fit-content !important;
}

.footer-info-text-box:not(:last-of-type) {
  border-right: 1px solid #f0f0eb;
}

.footer-info-text-box {
  height: 20px;
}

.footer-info-text p {
  margin-bottom: 0;
}

.footer-info-text p a {
  color: #f0f0eb;
}

/* ende von: footer *****************************************************************/

/* startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

#startseite-vorstellungs-container-video-box {
  transform: translate(10%, -35%);
  width: 444px;
}

/* Planung - Umsetzung - Verfeinern - Bereich 
.planung-umsetzung-verfeinern-zahl {
  margin: 0 auto 20px auto;
  font-size: 48px;
  background: #f0f0eb;
  text-align: center;
  border-radius: 50%;
  height: 82px;
  width: 82px;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.planung-umsetzung-verfeinern-text {
  height: 200px;
  max-width: 318px;
  margin: 0 auto;
}
/* ende von: Planung - Umsetzung - Verfeinern - Bereich */

/* empfohlene-blogartikel-startseite 

  .empfohlene-blog-artikel.startseite.weisser-text article:nth-of-type(1) .elementor-post__thumbnail__link{
    margin-top: 50px;
  }

/* ende von: startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
.unternehmen-h3-quote {
  transform: translateX(-250px);
}

.unternehmen-h3-quote .responsive-heading h3 {
  text-transform: initial;
}

.unternehmen-icon {
  display: grid;
  place-content: center;
  margin: 0 auto 20px auto;
  font-size: 25px;
  background: #f0f0eb;
  text-align: center;
  border-radius: 50%;
  height: 102px;
  width: 102px;
  -webkit-box-shadow: 5px 10px 12px -1px rgba(0, 0, 0, 0.58);
  box-shadow: 0.5px 5px 20px -1px rgba(0, 0, 0, 0.58);
}

.unternehmen-3-spalten-text {
  height: 50px;
  max-width: 318px;
  margin: 0 auto;
}

.unternehmen-3-spalten-box {
  display: grid;
  place-content: center;
  padding: 50px 0;
}

/* ende von: unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* leistungsseiten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

.grauer-unterstrich.weiss,
.grauer-btn.btn-links.weiss a.elementor-button-link.elementor-button {
  background: var(--main-light-clr);
}

.naechste-schritte-container {
  background: var(--main-dark-clr);
  padding-top: 70px;
  padding-bottom: 35px;
}

.naechste-schritte-container .responsive-heading h3,
.naechste-schritte-container .responsive-heading h4 {
  color: var(--main-light-clr) !important;
}

/* ende von: leistungsseiten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* georg lehner >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

.nummerierte-liste a {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: underline;
}

.nummerierte-liste div {
  text-align: right;
  margin-bottom: 50px;
}

/* ende von: georg lehner >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* showroom >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
.google-maps-container .info-container {
  margin-left: 70px;
}
/* ende von: showroom >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* kontakt >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  #kontaktformular-container > div{
    display: grid;
    place-content: center;
  }

  #kontaktformular-container .innerer-container{
    max-width: 420px;
  }

  #kontaktformular-container input[type="submit"]{
    background: var(--second-dark-clr);
    color: white;
    border-color: white;
  }

  #kontaktformular-container input[type="submit"]:hover{
    background: white;
    color: var(--main-dark-clr);
    border-color: var(--main-dark-clr);
  }
/* ende von: kontakt >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

#postgrid{
  padding-top: 0;
  padding-bottom: 0;
}

#haupt-blog-container{
  display: grid;
  place-content: center;
}

#haupt-blog-container > div{
  width: 1088px;
}

#haupt-blog-container article{
  overflow: visible;
}

#haupt-blog-container article:nth-of-type(odd){
  display: grid;
  grid-template-columns: 500px 1fr;
}

#haupt-blog-container article:nth-of-type(even){
  display: grid;
  grid-template-columns: 1fr 500px;
  margin-top: 50px;
  margin-bottom: 50px;
}

#haupt-blog-container article:nth-of-type(even) .elementor-post__thumbnail__link {
  order: 1;
}

#haupt-blog-container .elementor-post__thumbnail__link{
  width: 100%;
}

#haupt-blog-container article > a{
  height: 444px;
  width: 444px!important;
  box-shadow: 0px 3px 6px #00000029;
  align-self: center;
}

#haupt-blog-container article a > div{
  height: 444px;
  width: 444px;
  padding-bottom: 0px;
}

#haupt-blog-container article a img{
  max-width: 444px;
	max-height: 444px;
  object-fit: cover;
}

#haupt-blog-container .elementor-post__text{
  display: grid;
  align-content: center;
}

#haupt-blog-container h3 a, #haupt-projekte-container h3 a{
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--main-dark-clr);
}

#haupt-blog-container .elementor-post__excerpt p{
  font-size: 16px;
  margin-bottom: 25px;
  color: var(--main-dark-clr);
}

#haupt-blog-container .elementor-post__read-more, #haupt-projekte-container .elementor-post__read-more{
  background: #f0f0eb;
  height: 40px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 14px;
  display: grid;
  place-content: center;
  font-size: 15px;
  width: fit-content;
  padding: 10px 25px;
  text-decoration: none;
  color: var(--main-dark-clr);
  transition: background 1s ease;
}

#haupt-blog-container .elementor-post__read-more:hover, #haupt-projekte-container .elementor-post__read-more:hover{
  background: var(--main-dark-clr);
  color: white;
}

#haupt-projekte-container .elementor-post__read-more{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}

/* projekte hauptseite verschachtelung der karten 
#haupt-projekte-container article:first-of-type .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(5) .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(7) .elementor-post__thumbnail{
  height: 260px;
}

#haupt-projekte-container article:first-of-type .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(5) .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(7) .elementor-post__thumbnail img{
  height: 260px;
  object-fit: cover;
}

#haupt-projekte-container article:nth-of-type(2) .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(6) .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(8) .elementor-post__thumbnail{
  height: 320px;
}

#haupt-projekte-container article:nth-of-type(2) .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(6) .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(8) .elementor-post__thumbnail img{
  height: 320px;
  object-fit: cover;
}

#haupt-projekte-container article:nth-of-type(3) .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(4) .elementor-post__thumbnail, #haupt-projekte-container article:nth-of-type(9) .elementor-post__thumbnail{
  height: 176px;
}

#haupt-projekte-container article:nth-of-type(3) .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(4) .elementor-post__thumbnail img, #haupt-projekte-container article:nth-of-type(9) .elementor-post__thumbnail img{
  height: 176px;
  object-fit: cover;
}
/* ende von: projekte hauptseite verschachtelung der karten */

/* ende von: blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
.unsere-projekte{
  background: var(--main-dark-clr);
}

.empfohlene-blog-artikel.weisser-text .responsive-heading h2, .empfohlene-blog-artikel.weisser-text .elementor-post__title a, .empfohlene-blog-artikel.weisser-text .elementor-widget-posts .elementor-widget-container .elementor-posts-container article .elementor-post__title:before{
  color: white!important;
}

.drei-spalten-text-container .standard-text{
  height: 250px;
  padding: 10px 10px 10px 0;
}

.drei-spalten-text-container h3{
  height: 50px;
}

.unsere-vorgehensweise-container .responsive-heading h3{
  text-transform: initial;
}
/* ende von: landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* kleine PC's bis 1250 px ################################################################################################################################################################### 
@media screen and (max-width: 1250px) {

  /* footer ***************** 
  #footer-kontakt-container .footer-kontakt-box {
    padding-left: 50px;
  }
  /* ende von: footer ***************** */

/* container-varianten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* container-variante 2 
  .container-variante-2 > div {
    display: grid !important;
    grid-template-columns: 1fr;
  }
  .container-variante-2 .bild-container,
  .container-variante-2 .info-container {
    min-width: 100vw;
  }
  .container-variante-2 .info-container {
    order: 1;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .container-variante-2 .info-container .text-box > div {
    max-width: 500px;
  }
  /* ende von: container-variante 2 */

/* container-variante 3 
    .container-variante-3 .info-container {
      padding-right: 50px;
    }
  /* ende von: container-variante 3 */

/* ende von: container-varianten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* showroom >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  .google-maps-container > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center;
  }
  .google-maps-container .info-container {
    margin-left: 0;
  }

  .google-maps-container p,
  .google-maps-container .footer-kontakt-adresse,
  .google-maps-container .footer-kontakt-daten {
    text-align: center !important;
  }

  .google-maps-container .grauer-btn.btn-links .elementor-widget-container {
    place-content: center;
  }
  /* ende von: showroom >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* empfohlene blogartikel 

  .empfohlene-blog-artikel > div{
    padding-left: 50px;
    padding-right: 50px;
  }

  .empfohlene-blog-artikel .blog-artikel-box > div{
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  /* ende von: empfohlene blogartikel 

/* blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  #haupt-blog-container > div{
    width: auto;
    max-width: 1088px;
  }
/* ende von: blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/*}

/* ende von: kleine PC's bis 1250 px ################################################################################################################################################################### */

/* tablet bis 1024px ################################################################################################################################################################### 
@media screen and (max-width: 1024px) {
  #navigation-container,
  #footer-nav-container {
    height: auto;
  }

  /* headings 
  .responsive-heading h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .responsive-heading h2 {
    font-size: 22px;
  }

  .responsive-heading h3 {
    font-size: 22px;
  }

  .responsive-heading h4 {
    font-size: 22px;
  }
  /* ende von: headings */

/* header ************
  #navigation-container > div > div:nth-of-type(1) {
    width: 30%;
  }

  #navigation-container > div > div:nth-of-type(2) {
    width: 70%;
  }

  /* ende von: header *************/

/* footer *************

  #footer-nav-container > div > div:nth-of-type(1) {
    width: 30%;
  }
  #footer-nav-container > div > div:nth-of-type(2) {
    width: 70%;
  }
  .footer-info-text p {
    font-size: 12px;
  }

  #footer-kontakt-container
    > div.elementor-container.elementor-column-gap-default {
    /* height: 500px; */

/*}

/* ende von: footer *************/

/* container-varianten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* container-variante 1 *
  .container-variante-1 .bild-container {
    width: 100vw;
  }
  .container-variante-1 .info-container {
    width: 100vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .container-variante-1 .text-box {
    margin: 0 auto 20px 0;
  }
  .container-variante-1
    .info-container
    .grauer-btn.btn-links
    .elementor-widget-container {
    place-content: flex-start;
  }
  /* ende von: container-variante 1 */

/* container-variante 2 *
  .container-variante-2 .bild-container {
    min-width: 100vw;
  }
  .container-variante-2
    .info-container
    .grauer-btn.btn-links
    .elementor-widget-container {
    place-content: flex-start;
  }
  /* ende von: container-variante 2 */

/* container-variante 3 *
    .container-variante-3 .info-container {
      padding-left: 20px;
    }
  /* ende von: container-variante 3 */

/* ende von: container-varianten >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

  #startseite-vorstellungs-container-video-box {
    transform: translate(0%, 0%);
  }

  #startseite-vorstellungs-container
    .elementor-container.elementor-column-gap-default {
    display: grid;
    grid-template-columns: 1fr;
    place-content: center;
  }

  #startseite-vorstellungs-container
    .elementor-container.elementor-column-gap-default
    > div {
    width: 100%;
  }

  #startseite-vorstellungs-text-box > div {
    width: 80%;
    margin: 3rem auto 1rem auto;
  }

  #startseite-vorstellungs-container-video-box > div {
    width: 50%;
    margin: 1rem auto 3rem auto;
  }

  /* planung-umsetzung-verfeinern 
  .planung-umsetzung-verfeinern-box {
    margin-bottom: 80px;
  }
  /* ende von: planung-umsetzung-verfeinern */

/* ende von: startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  .unternehmen-h3-quote {
    transform: translateX(0px);
  }

  .unternehmen-3-spalten-box .einzelne-box {
    margin-bottom: 40px;
  }
  /* ende von: unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* blog >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  #haupt-blog-container article:nth-of-type(odd){
    grid-template-columns: 350px 1fr;
  }
  
  #haupt-blog-container article:nth-of-type(even){
    grid-template-columns: 1fr 350px;
  }
  
  #haupt-blog-container article a img{
    max-width: 300px;
    max-height: 300px;
  }

  #haupt-blog-container article > a{
    height: 300px;
    width: 300px!important;
  }

  #haupt-blog-container article a > div{
    height: 300px;
    width: 300px;
  }
  /* ende von: blog >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
  .drei-spalten-text-container h3{
    height: 70px;
  }

  .drei-spalten-text-container .standard-text{
    height: 300px;
  }
  /* ende von: landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

}*/

/* ende von: tablet bis 1024px ################################################################################################################################################################### */

/* tablet bis 767px ################################################################################################################################################################### *
@media screen and (max-width: 767px) {
  /* global >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> *

  .standard-text-width {
    width: 80vw !important;
  }

  /* standard-bild-und-text-container *
  .standard-bild-und-text-container .text-container {
    text-align: center !important;
    max-width: 500px;
  }

  .grauer-btn.btn-rechts .elementor-widget-container,
  .grauer-btn.btn-links .elementor-widget-container {
    place-content: center;
  }

  .standard-bild-und-text-container .text-container:nth-of-type(even),
  .standard-bild-und-text-container .bild-container:nth-of-type(even) {
    margin-left: 0;
  }

  .standard-bild-und-text-container .grauer-unterstrich {
    margin: 0 auto;
  }

  /* ende von: standard-bild-und-text-container */

/* container-variante 3 *
    .container-variante-3 .info-container {
      margin-top: 50px;
      margin-left: auto;
      margin-right: auto;
      width: 80vw !important;
      padding-left: 0;
      padding-right: 0;
    }
  /* ende von: container-variante 3 */

/* footer *
  #footer-bottom-container section > div {
    display: flex;
    justify-content: center;
  }
  #footer-bottom-container > div > div:nth-of-type(2) {
    margin-left: auto;
    margin-right: auto;
  }
  #footer-kontakt-container .footer-kontakt-large-img {
    height: 400px;
  }
  /* ende von: footer */

/* ende von: global >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> *

  #startseite-vorstellungs-text-box > div {
    width: 80%;
  }

  #startseite-vorstellungs-container-video-box > div {
    width: 80%;
  }

  /* ende von: startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> *
  .unternehmen-h3-quote {
    width: 80vw;
  }
  /* ende von: unternehmen >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* empfohlene blogartikel *

  .empfohlene-blog-artikel h2{
    text-align: center;
  }

  .empfohlene-blog-artikel .grauer-unterstrich{
    margin: 0 auto;
  }

  .blog-artikel-box .elementor-post.elementor-grid-item{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  /* ende von: empfohlene blogartikel *

  /* blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> *
  #haupt-blog-container article:nth-of-type(odd){
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  
  #haupt-blog-container article:nth-of-type(even){
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  #haupt-blog-container article:nth-of-type(even) .elementor-post__thumbnail__link {
    order: 0;
  }

  #haupt-blog-container article a img{
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
  }

  #haupt-blog-container a > div{
    height: 100%;
    width: 100%;
  }

  #haupt-blog-container a > div img{
    height: 300px;
    width: 300px;
    margin: 0 auto;
  }

  #haupt-blog-container article > a{
    height: 300px;
    width: 300px!important;
    justify-self: center;
  }

  #haupt-blog-container article a > div{
    height: 300px;
    width: 300px;
  }

  #haupt-blog-container .elementor-post__text{
    text-align: center;
  }

  #haupt-blog-container .grauer-unterstrich{
    margin-left: auto;
    margin-right: auto;
  }

  #haupt-blog-container .elementor-post__read-more{
    margin: 0 auto;
  }

  #haupt-projekte-container article{
    width: 450px;
    margin: 0 auto;
  }
  /* ende von: blog & projekte >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> *
  .drei-spalten-text-container h3{
    height: auto;
    text-align: center;
  }

  .drei-spalten-text-container .standard-text{
    height: auto;
    text-align: center;
  }

  .drei-spalten-text-container .spalte:first-of-type, .drei-spalten-text-container .spalte:nth-of-type(2){
    margin-bottom: 120px;
  }
  /* ende von: landingpages >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

}

/* ende von: tablet bis 767px ################################################################################################################################################################### */

/* handy bis 500px ################################################################################################################################################################### *
@media screen and (max-width: 500px) {
  /* global >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* headings *
  .responsive-heading h1 {
    font-size: 20px;
    line-height: 30px;
  }

  .responsive-heading h2 {
    font-size: 20px;
  }

  .responsive-heading h3 {
    font-size: 20px;
  }
  .responsive-heading h4 {
    font-size: 18px;
  }
  /* ende von: headings */

/* standard-bild-und-text-container *
  .standard-bild-und-text-container .text-container {
    max-width: 80vw;
  }

  /* ende von: standard-bild-und-text-container */

/* header ************** *

  #navigation-container > div > div:nth-of-type(1) {
    width: 50%;
  }

  #navigation-container > div > div:nth-of-type(2) {
    width: 50%;
  }

  /* ende von: header ************** */

/* footer ************** *
  #footer-nav-container > div > div:nth-of-type(1) {
    width: 100%;
  }
  #footer-nav-container > div > div:nth-of-type(2) {
    width: 100%;
  }

  #footer-nav-container img {
    max-width: 70vw;
  }

  .footer-info-text-box:not(:last-of-type) {
    border-right: none;
  }
  #footer-bottom-container section > div {
    flex-direction: column;
    align-items: center;
  }

  /* ende von: footer ************** */

/* ende von: global >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* empfohlene blogartikel *
  .empfohlene-blog-artikel > div{
    padding-left: 0;
    padding-right: 0;
  }
  /* ende von: empfohlene blogartikel */

/* blog & projekte *
  #haupt-blog-container article:nth-of-type(odd), #haupt-blog-container article:nth-of-type(even){
    grid-template-rows: 270px 1fr;
  }

  #haupt-blog-container article a img{
    max-width: 250px;
    max-height: 250px;
  }

  #haupt-blog-container article > a{
    height: 250px;
    width: 250px!important;
  }

  #haupt-blog-container article a > div{
    height: 250px;
    width: 250px;
  }

  #haupt-blog-container .elementor-post__text{
    padding-top: 10px;
    padding-bottom: 85px;
  }

  .weiter-zurueck-btn-container .elementor-post-navigation{
    display: grid;
    place-content: center;
  }

  .weiter-zurueck-btn-container .elementor-post-navigation__prev, .weiter-zurueck-btn-container .elementor-post-navigation__next{
    width: 100%;
  }

  #haupt-projekte-container article{
    width: 300px;
  }
  /* ende von: blog & projekte 

}

/* ende von: handy bis 500px ################################################################################################################################################################### */

/* bildschirme AB 768px ################################################################################################################################################################### *
@media screen and (min-width: 1024px) {
  /* startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* empfohlene-blogartikel-startseite *
  .empfohlene-blog-artikel.startseite.weisser-text{
    margin-left: 231px;
  }
  /* ende von: empfohlene-blogartikel-startseite 

}

/* bildschirme AB 768px ################################################################################################################################################################### *
@media screen and (min-width: 768px) {
  /* startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* empfohlene-blogartikel-startseite *
  .empfohlene-blog-artikel.startseite.weisser-text h2 {
    max-width: 300px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text .bildergalerie-container{
    height: 408px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text article:nth-of-type(1) .elementor-post__thumbnail__link{
    position: absolute;
    top: -260%;
    left: 50%;
    width: 352px;
    height: 204px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text article:nth-of-type(2) .elementor-post__thumbnail__link{
    position: absolute;
    top: -45%;
    left: 50%;
    width: 352px;
    height: 204px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text article:nth-of-type(3) .elementor-post__thumbnail__link{
    position: absolute;
    top: 130%;
    left: 50%;
    width: 352px;
    height: 204px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text .blog-artikel-box .elementor-post.elementor-grid-item img{
    width: 352px;
    object-fit: cover;
    height: 204px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text .elementor-post__title{
    text-align: left;
    width: 400px;
  }

  .empfohlene-blog-artikel.startseite.weisser-text .grauer-btn > .elementor-widget-container{
    place-content: flex-start;
  }

  .empfohlene-blog-artikel.startseite > div{
    padding-left: 50px;
    padding-right: 50px;
  }

  .empfohlene-blog-artikel.startseite .blog-artikel-box > div{
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .empfohlene-blog-artikel.startseite .elementor-widget-container > div{
    grid-row-gap: 10px;
  }

  .empfohlene-blog-artikel.startseite .grauer-btn{
    margin-top: 15px;
  }*/

/* ende von: empfohlene-blogartikel-startseite */

/* ende von:startseite >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 

}

/*ende von: bildschirme AB 768px ################################################################################################################################################################### */