/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

bold, strong {
    color: #444 !important;
}
h1 strong,
h2 strong,
h3 strong {
	color: #78be20 !important;
}
.big h1 {
    font-size: 90px !important;
}
.awb-image-hotspots-hotspot {
    font-size: 3rem !important;
}
.mapplic-pin {
    width: 40px !important;
    height: 40px !important;
}
.mapplic-pin.pin-rounded {
    background-color: none !important;
    border-color: none !important;
}
.fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper {
    text-align: left !important;
}
.no-link .fusion-image-wrapper a {
    cursor: default !important;
    pointer-events: none !important;
}
.green {
    background: #64b94c;
    padding: 10px 20px 0 20px;
}
.menu-text:hover {
	color: #64b94c !important;
}
#mein-grund h2 {
    display: inline;
    background: #66b94c;
    box-shadow: 28px 0 0 #66b94c;
    color: #fff;
    line-height: 1.3 !important;
    font-size: 60px !important;
    position: relative;
    padding-left: 20px !important;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

#mein-grund .fusion-text-18 {
    border-left: 20px solid #66b94c;
    margin-bottom: 40px;
}
.single-post.fusion-body .fusion-builder-column-6  {
	margin-top: 0 !important;
}
.awb-menu.collapse-enabled li > a span {
	color: #1c1c1c !important;
}
/* Janosch */

/* hotspots karte */

body .awb-image-hotspots-hotspot.awb-image-hotspots-hotspot-anim-pumping {
    color: #fff;
    font-size: 24px !important;
}

body .awb-image-hotspots-hotspot.awb-image-hotspots-hotspot-anim-pumping i {
    color: #244c34;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    text-shadow: 0px 0px 10px #244c34;
    transform: translate(-50%, -50%);
    font-size: 2em !important;
}

.page-id-3361.fusion-body .fusion-menu-element-wrapper[data-count="0"]:not(.collapse-enabled) .fusion-menu-element-list > li:not(.fusion-menu-item-button):not(.custom-menu-search-overlay):focus-within > a {
	color: 212934 !important;
}

/* aktuelles slider */

#aktuelles .fusion-carousel-item:nth-child(odd) {
    padding-top: 100px;
}

#aktuelles .fusion-carousel-wrapper:before, #aktuelles .fusion-carousel-wrapper:after {
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 120px;
    content: '';
    z-index: 99;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

#aktuelles .fusion-carousel-wrapper:after {
    left: auto;
    right: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
}

#aktuelles .fusion-carousel .fusion-carousel-nav .fusion-nav-next, #aktuelles .fusion-carousel .fusion-carousel-nav .fusion-nav-prev,
#im-gespraech .fusion-slider-sc .flex-direction-nav a,
#pflegephasen .fusion-slider-sc .flex-direction-nav a,
#instandhaltung .fusion-carousel .fusion-carousel-nav button {
    background: none;
    height: 100px;
    margin-top: -50px;
}

#aktuelles .fusion-carousel .fusion-carousel-nav .fusion-nav-next:before, #aktuelles .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before,
#im-gespraech .fusion-slider-sc .flex-direction-nav a,
#pflegephasen .fusion-slider-sc .flex-direction-nav a,
#instandhaltung .fusion-carousel .fusion-carousel-nav button:before {
    color: #000;
    font-size: 100px;
}

#im-gespraech .fusion-slider-sc .flex-direction-nav a,
#pflegephasen .fusion-slider-sc .flex-direction-nav a,
#instandhaltung .fusion-carousel .fusion-carousel-nav button:before {
    margin-top: 0 !important;
    line-height: 100px;
}

#im-gespraech .fusion-slider-sc .flex-direction-nav .flex-nav-prev a,
#instandhaltung .fusion-carousel .fusion-carousel-nav button:before {
    margin-left: -40px;
}

#im-gespraech .fusion-slider-sc .flex-direction-nav .flex-nav-next a,
#instandhaltung .fusion-carousel .fusion-carousel-nav button:before {
    margin-right: -40px;
}
#pflegephasen.fusion-flex-container .fusion-row .fusion-builder-row-inner {
    min-height: 530px !important;
}

/* verschobene headline */
.displaced-bar {
    position: relative !important;
    z-index: 99;
    display: block !important;
    text-align: center !important;
}

.post-content .displaced-bar h1 {
    display: inline-block !important;
    background: #66b94c;
    color: #fff;
    padding: 10px 20px 20px;
    font-weight: normal;
}

@media only screen and (min-width: 993px) {
    .displaced-bar {
        margin-bottom: -170px !important;
    }
}

/* mein grund formular */

/* #gruende h4, #gruende .fusion-social-networks a i {
    color: #fff !important;
}*/

div.wpforms-container-full.gids-cta .wpforms-form button[type=submit], div.wpforms-container-full.gids-cta .wpforms-form input[type=text] {
    background: #66b94c;
    padding: 30px 25px;
    border-radius: 20px;
    position: relative;
    border: none;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    height: 62px;
}

div.wpforms-container-full.gids-cta .wpforms-form input[type=text] {
    background: #fff;
}

.gids-cta button.wpforms-submit:before, .gids-cta button.wpforms-submit:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;
    width: 40px;
}

.gids-cta button.wpforms-submit:after {
    width: 19px;
    height: 19px;
    background: none;
    border: 2px solid #fff;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -10px;
}

div.wpforms-container-full.gids-cta .wpforms-form .wpforms-field-container {
    width: calc(100% - 150px);
    float: left;
    margin-right: 50px;
}

div.wpforms-container-full.gids-cta .wpforms-form .wpforms-submit-container {
    clear: none;
    margin-left: calc(100% - 100px);
}

div.wpforms-container-full.gids-cta .wpforms-form label.wpforms-error {
    color: #fff;
}
.page-id-3361 .wpforms-consent,
.page-id-3361 .wpforms-required-label { color: #fff !important; line-height: 1.2em !important; }
.wpforms-error { font-weight: bold !important; }
.post-content .header-text h1 {
    display: inline-block !important;
    background: #66b94c;
    color: #fff;
    padding: 10px 60px 20px 80px;
    font-weight: 400;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 800px) {
    #wrapper #gruende h2 {
        font-size: 32px !important;
    }

    #gruende div.wpforms-container-full.gids-cta .wpforms-form .wpforms-submit-container, #gruende div.wpforms-container-full .wpforms-form .wpforms-one-half, #gruende div.wpforms-container-full .wpforms-form .wpforms-three-sixths, #gruende div.wpforms-container-full .wpforms-form .wpforms-two-fourths, #gruende div.wpforms-container-full.gids-cta .wpforms-form .wpforms-field-container, #gruende div.wpforms-container-full .wpforms-form .wpforms-one-fourth {
        width: 100%;
        margin: 10px 0;
        clear: both;
    }
	.post-content .header-text h1 {
		display: inline-block !important;
		background: #66b94c;
		color: #fff;
		padding: 10px 60px 20px 20px;
		width: 100%;
		font-weight: 400;
		position: relative;
		z-index: 10;
	}
}

/* zitate */
a.flex-next,
a.flex-prev { width: 35px !important; }
.quote-element > .fusion-column-wrapper > .quote-element-text-wrap > .fusion-text {
    border-left: 30px solid #fff;
}

.quote-element > .fusion-column-wrapper > .quote-element-text-wrap > .fusion-text:nth-child(1) {
    border-left: 30px solid #66b94c;
}
.quote-element .fusion-text h2 {
    display: inline;
    background: #66b94c;
    box-shadow: 30px 0 0 #66b94c;
    color: #fff;
    line-height: 1.13 !important;
    font-size: 60px !important;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    position: relative;
}

.quote-element .fusion-text h3 {
    margin-bottom: 0;
}

body .fusion-post-cards.fusion-post-cards-7 .flex-control-nav {
    bottom: -50px;
}

body .flex-control-paging li a {
    width: 20px;
    height: 20px;
    background: #ccc;
}

body .flex-control-paging li a.flex-active {
    background: #66b94c;
}
.flip-box-front,
.flip-box-back {
	min-height: 300px;
}
.fusion-body .fusion-flex-container.fusion-builder-row-6-1,
.fusion-body .fusion-flex-container.fusion-builder-row-6-2,
.fusion-body .fusion-flex-container.fusion-builder-row-6-3 {
	padding: 0 !important;
}
.alle-gruende a {
	pointer-events: none !important;
}
@media only screen and (max-width: 800px) {
    .quote-element > .fusion-column-wrapper > .quote-element-text-wrap > .fusion-text:nth-child(1) {
        border: none !important;
        background: #66b94c;
        padding: 20px;
    }

    .quote-element > .fusion-column-wrapper > .quote-element-text-wrap > .fusion-text h2 {
        font-size: 20px !important;
    }
    .quote-element .fusion-imageframe {
        width:100%;
    }
}

@media only screen and (min-width: 1025px) {
    .quote-element {
        position: relative;
    }
    .quote-element .fusion-imageframe {
        margin-left: 30%;
    }
	.quote-element-text-wrap {
		position: absolute;
		top: 100px;
		left: 150px;
		z-index: 10;
	}
    .quote-element > .fusion-column-wrapper > .quote-element-text-wrap > .fusion-text {
        max-width: 600px;
        padding: 2px 0 1px; /* fix weird overflow */
    }
}

@media only screen and (max-width: 12804px) {
	.quote-element-text-wrap {
        top: 60px !important;
        left: 80px !important;
    }
	.quote-element .fusion-text h2 {
		font-size: 48px !important;
	}
}


@media only screen and (max-width: 1024px) {
    #wrapper #main .fullwidth-box .fusion-row {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .foerdercheck img {
        width: 100% !important;
        height: auto;
        margin-bottom: 20px;
    }

    .foerdercheck p {
        font-size: 19px !important;
    }

    .popover-content {
        font-size: 16px !important;
    }

    .image-hotspot {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .page-id-3361 h1 {
        margin-bottom: 0 !important;
    }

    .big {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .big h1 {
        font-size: 42px !important;
    }

    #aktuelles .fusion-carousel-wrapper:before,
    #aktuelles .fusion-carousel-wrapper:after {
        background: none !important;
    }
}

:root{
  --hh-angle: -3deg;
}
.highlight-headlines {
  font-family: "Barlow Condensed", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  margin: 38% 0 0 0;
}
.hh-row {
  font-size: 54pt;
}
.hh-row + .hh-row {
  margin-top: 0.12em;
}
.hh-bar {
  display: inline-block;
  padding: 0  0.15em 0.05em 0.15em;
  transform: skewY(var(--hh-angle));
  transform-origin: left center;
  background: #78be20; /* Blattgrün*/
  color: #005a50; /* Tiefseegrün*/
}
.hh-row-secondary .hh-bar {
  background: #ffba00; /* Sonnengelb */
  color: #ffffff;
}

/* Tablet */
@media (max-width: 1024px){
  .hh-row{
    font-size: 32pt; /* ca. -20% */
  }
  .hh-bar{
    padding: 0.12em 0.38em;
  }
}

/* Mobile */
@media (max-width: 640px){
  .hh-row{
	margin-top: 36px;
    font-size: 20pt; /* deutlich kleiner */
  }
  .hh-bar{
    padding: 0.10em 0.32em;
  }
}