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

/*
 * Colors
 * Black:           #000;
 * White:           #fff;
 * turquoise dark:  #258F93
 * turquoise light: #87CDD2
 * lup red:         #E40045
 * lup green:       #76B828
*/

/* TODO: cleanup breakpoints in Fusion Builder and all css styles */
/* currently we have the following breakpoins: (extend if you find more) */
/* @media only screen and (min-width: 801px) */
/* @media only screen and (max-width: 1050px) */
/* @media only screen and (max-width: 800px) */
/* @media only screen and (min-width: 1051px) */
/* @media only screen and (max-width: 1051px) */

/* "breakpoints" from Fusion Builder: */
/* 1099px - Grid Responsive Breakpoint Controls when grid layouts (blog/portfolio) start to break into smaller columns. Further breakpoints are auto calculated. In pixels. */
/* 1050px - Header Responsive Breakpoint
/* 800px Site Content Responsive BreakpointControls when the site content area changes to the mobile layout. This includes all content below the header including the footer. In pixels. */

/********** START: GENERAL TAGS **********/

/* looks like Avada Body Typography settings won't be applied sitewide */
p,
label,
input {
  font-size: 14px;
  line-height: 20px;
}
/********** END: GENERAL TAGS **********/

/********** START: GENERAL CLASSES **********/

.text-white,
.text-white > h3 {
  color: #fff !important;
}

/* highlight active menu items and thier ancestor (for sub-pages)b*/
.fusion-main-menu > ul li.current-menu-item > a,
.fusion-main-menu > ul li.current-page-ancestor > a {
  color: #258f93;
}

/* show/hide helper for breakpoints, use Fusion Builder breapkoints!!! */
/* this is a mess b/c we can use Fusion Builder show small/mid/large options */
/* currently the MOBILE versions have to be visible on all size (in Fusion Builder) */
/* b/c we have too many different breakpoints */
/* TODO: remove !important when element styles are completely moved to central css!!! */
/* TODO: remove .display class only use .display-none */
.hide-lg {
  display: block !important;
}
.hide-xs {
  display: none !important;
}
.display,
.display-none {
  display: none !important;
}

.fusion-accordian .panel-title .fusion-toggle-heading {
  color: #87cdd2;
}
/********** END: GENERAL CLASSES **********/

/********** START: NEWSLETTER SITES ONLY **********/
/* b/c they have a black background */
.page-id-2198 p,
.page-id-2198 label,
.page-id-2187 p,
.page-id-2187 label,
.page-id-2187 p,
.page-id-2187 label {
  color: #fff;
}

button-mehr input[type] {
  color: #238f93 !important;
}
/********** END: NEWSLETTER SITES ONLY **********/

/********** START: PROJECTS (Portfolio) **********/
#wrapper #main .related-posts .fusion-title h2,
.project-description.fusion-project-description-details h3 {
  color: #333 !important;
}
.project-content .project-info h3,
.project-content .project-info h4 {
  color: #333 !important;
}

.project-content .project-description > h3:first-child,
.project-content .project-info > h3:first-child {
  display: none;
}

/********** END: PROJECTS (Portfolio) **********/

/* Sonstiges */
#toTop {
  background-color: #258f93;
  bottom: 10px;
  right: 10px;
  height: 26px;
  width: 30px;
}
#toTop:hover {
  background-color: #87cdd2;
}
#toTop::before {
  line-height: 22px;
}
.trennlinie {
  max-width: 1050px;
  margin: 0 0px 0 -50px;
}
.w1600 {
  max-width: 1600px;
  margin: 0px auto !important;
  display: block;
}

.overflow-top {
  overflow: hidden;
  margin-top: -20px;
}
.lup-logos {
  display: none;
}
/* ENDE Sonstiges */

/* START Schriftfarben */
.color-primary {
  color: #258f93;
}

.color-secondary {
  color: #87cdd2;
}

.color-white {
  color: #fff;
}

.color-black {
  color: #000;
}

/* ENDE Schriftfarben */

/* Header */
/* Avada sticky header dose not work atm, we need to see why (maybe after a theme update) */
/* for now, force a sticky header on all breakpoints */
.fusion-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 0px;
  padding-right: 40px;
  max-height: 93px;
  background: #fff url(/wp-content/uploads/2017/06/header_bgimage_mobile.png)
    repeat-x bottom center !important;
}

.fusion-header-sticky-height {
  display: block !important;
  height: 93px;
}

/********** START: Home-Screen **********/
.homescreen {
  padding: 0;
  margin: auto !important;
}

.homescreen > svg {
  display: block;
}

.hs_mobile,
.hs_desktop {
  display: block;
  margin: 0 auto;
}

.hs_mobile {
  max-width: 1024px;
}
.hs_desktop {
  max-width: 1400px;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .hs_mobile {
    display: none;
  }
  .hs_desktop {
    display: block;
  }
}

/********** END: Home-Screen **********/

.button-projekt {
  display: none;
}

/* this is the "Header Responsive Breakpoint" + 1 in Avada */
/* Avada -> Theme Options -> Responsive -> Header Responsive Breakpoint */
@media only screen and (min-width: 1051px) {
  .fusion-header {
    height: 103px;
    max-height: 103px;
    background-position: left bottom;
  }

  .fusion-header-sticky-height {
    height: 103px;
  }
}

.fusion-logo {
  height: 73px;
}

.team .fusion-accordian .panel-title a:hover .fa-fusion-box,
.job-mobil .fusion-accordian .panel-title a:hover .fa-fusion-box {
  background-color: #fff !important;
}
i .fa-fusion-box,
i .fa-fusion-box:hover {
  background-color: #fff !important;
}
.fusion-main-menu .sub-menu {
  background-image: url(/wp-content/uploads/2017/06/menu-haken-dropdown.png) !important;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  width: 131px !important;
  height: 220px;
  border-radius: 10px;
  border: none;
  margin-top: -30px !important;
  padding-top: 32px;
  padding-bottom: 10px;
  position: absolute;
}
.fusion-main-menu .fusion-dropdown-menu .sub-menu li a {
  border-bottom: none;
  border-radius: 10px;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
}
.fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover {
  border-radius: 10px;
  color: #86ccd2;
}

/* TODO: is this still relevant? */

.fusion-main-menu > ul > li {
  padding-right: 20px;
}

.fusion-is-sticky .fusion-main-menu > ul > li {
  padding-right: 20px;
}

.current-menu-item a span {
  color: #258f93;
}
/* ENDE Header */

/* hide entry title on the actual post (news) page only, not on  https://www.loehr-partner.de/news/ */

.post .entry-title {
  display: none;
}

/********** START: Services & Solutions (xs) id (825/5897) **********/
/* overwrite background-color for Services & Solutions */
/* there are styles from Avada, but idk from where they come */
.page-id-825 #main,
.page-id-5897 #main {
  background-color: #000;
}

.page-id-825 h2,
.page-id-5897 h2 {
  color: #fff !important;
}

.page-id-825,
.page-id-5897 {
  color: #fff;
}

/********** END: Services & Solutions (xs) **********/

/* Job Blinken */
/* .menu-item-2518:before {
    background-color: #87CDD2;
    border: 1px solid #87CDD2;
    border-radius: 20px;
    content: "1";
    font-size: 10px;
    left: 25px;
    line-height: 10px;
    padding: 3px 4px 2px;
    position: absolute;
    top: 28px;
} */
/* ENDE Job Blinken */

/* Navi-Dropdown Abtrennung Solutions */
#menu-item-859 {
  border-top: 2px solid #258f93 !important;
  margin-left: 20px !important;
  width: 60% !important;
}
#menu-item-859 a {
  margin-left: -6px !important;
}
ul .sub-menu {
  margin-top: -15px !important;
}
.fusion-main-menu .sub-menu li {
  margin: 0 1px !important;
}
.fusion-main-menu .fusion-dropdown-menu .sub-menu li a,
.fusion-main-menu .sub-menu li a,
.fusion-megamenu-wrapper li .fusion-megamenu-title-disabled {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
/* ENDE Navi-Dropdown Abtrennung Solutions */

/* Sprachauswahl */
.menu-item-3502-de,
.menu-item-6412-de {
  padding-right: 0px !important;
}
.menu-item-3502-de .menu-text,
.menu-item-6412-de .menu-text {
  border-right: 1px solid #000 !important;
  padding-right: 2px !important;
}
.menu-item-3502-en,
.menu-item-6412-en {
  padding-left: 2px !important;
}
/* ENDE Sprachauswahl */

/* Suche */
.fusion-main-menu .fusion-main-menu-icon::after,
.fusion-main-menu .fusion-widget-cart-counter > a::before {
  color: #258f93 !important;
}
.fusion-main-menu .fusion-main-menu-search a::after {
  display: none;
  content: url(/wp-content/uploads/2017/06/lupe.png);
}
.fusion-main-menu .fusion-main-menu-cart .fusion-custom-menu-item-contents,
.fusion-main-menu .fusion-main-menu-search .fusion-custom-menu-item-contents,
.fusion-main-menu .fusion-menu-login-box .fusion-custom-menu-item-contents {
  background-image: url(/wp-content/uploads/2017/06/menu-haken-dropdown-suche.png) !important;
  background-repeat: no-repeat;
  position: absolute;
  padding-top: 32px;
  border-radius: 10px;
  margin-top: -30px;
  margin-right: -30px;
  border: none;
}
.fusion-custom-menu-item.fusion-main-menu-search.fusion-last-menu-item {
  margin-top: 6px;
}
.fusion-main-menu .fusion-main-menu-search .fusion-custom-menu-item-contents {
  padding: 10px;
  border-radius: 10px;
  width: 210px;
}
.search-button {
  display: none;
}
.searchform .search-table .search-field input {
  padding: 3px 5px !important;
  margin-top: 6px !important;
  width: 140px !important;
}
.search-field::after {
  content: url(/wp-content/uploads/2017/05/lupe.png);
  margin-left: -40px;
  margin-top: -23px;
  position: absolute;
}
#comment-input input,
.avada-select .select2-container .select2-choice,
.avada-select-parent select,
.chzn-container .chzn-drop,
.chzn-container-single .chzn-single,
.fusion-login-box .fusion-login-form input[type="password"],
.fusion-login-box .fusion-login-form input[type="text"],
.input-text:not(textarea),
.main-nav-search-form input,
.post-password-form label input[type="password"],
.search-page-search-form input,
.searchform .search-table .search-field input,
input.s,
input[type="email"],
input[type="password"],
input[type="text"],
select {
  height: 25px;
}
/* ENDE Suche*/

/* Loading Page */
.lp-screen-graphic,
.lp-screen-text {
  display: none;
}
/* ENDE Loading Page */

/********** START: Footer (Sozial Media) **********/
.fusion-footer .fusion-social-links-footer {
  width: auto;
}

.fusion-footer .fusion-social-network-icon {
  background-size: contain;
}

.fusion-footer .fusion-icon-facebook {
  background: url(/wp-content/uploads/2017/03/facebook.svg) no-repeat center;
}

.fusion-footer .fusion-icon-instagram {
  background: url(/wp-content/uploads/2017/03/instagram.svg) no-repeat center;
}

.fusion-footer .fusion-icon-xing {
  background: url(/wp-content/uploads/2017/03/xing.svg) no-repeat center;
}

.fusion-footer .fusion-icon-linkedin {
  background: url(/wp-content/uploads/2017/03/linkedin.svg) no-repeat center;
}

.fusion-footer .fusion-icon-youtube {
  background: url(/wp-content/uploads/2017/03/youtube.svg) no-repeat center;
}
/********** END: Footer (Sozial Media) **********/

/* Buttons */
.button-mehr {
  margin-bottom: 2.4em;
}

.button-mehr img {
  margin: 0px auto;
  display: block;
}
.button-anmelden {
  background-color: #000;
  border: 0 none;
  height: 32px !important;
  float: right;
  margin-right: -19px;
  transform: scale(0.8);
}

.button-3d {
  background: #000 !important;
  line-height: 68px !important;
}

.button-3d .fusion-button-text,
.button-3d i {
  color: #fff !important;
}

/* ENDE Buttons */

/* Ãœberschriften */
h2.weiss {
  color: #fff !important;
}
h2.tuerkis {
  color: #87cdd2 !important;
}
h2.tuerkis-dunkel {
  color: #258f93 !important;
}
h2.solutions {
  padding-bottom: 20px !important;
}
h2.schwarz {
  color: #000 !important;
}
h2.smaller-disctance {
  padding-bottom: 20px;
}
/* ENDE Ãœberschriften */

/********** START: Projecte (Fusion Rollover) **********/
.fusion-rollover-title {
  font-size: 1rem !important;
  line-height: 1.4rem !important;
}
/********** END: Projecte (Fusion Rollover) **********/

/* Anfahrt & Kontakt */
@media only screen and (min-width: 801px) {
  #loehrwagen {
    background: url(/wp-content/uploads/2017/06/auto_rl.png) no-repeat;
  }
  #loehrwagen_schatten {
    background: url(/wp-content/uploads/2017/06/auto_rl_schatten.png) no-repeat;
  }
  #wolken {
    top: -200px;
  }
  .anfahrt-text {
    margin-top: -100px !important;
  }
}

@media only screen and (max-width: 1050px) {
  /********** START: Anfahrt & Kontakt **********/
  #anfahrt-width {
    max-width: 120%;
    overflow: hidden;
    margin-top: -20px;
    margin-right: -30px !important;
  }
  /********** END: Anfahrt & Kontakt **********/
}

@media only screen and (max-width: 800px) {
  #loehrwagen {
    background: url(/wp-content/uploads/2017/06/auto_rl.png) no-repeat;
    transform: scale(0.6);
    margin-left: -100px;
    margin-top: 40px;
  }
  #loehrwagen_schatten {
    background: url(/wp-content/uploads/2017/06/auto_rl_schatten.png) no-repeat;
    transform: scale(0.6);
    margin-left: -100px;
    margin-top: 40px;
  }
  #wolken {
    top: -160px;
  }
  .anfahrt-text {
    margin-top: -40px !important;
  }
  .kontakt {
    margin-top: -40px !important;
  }
}
#wolken {
  animation: 500s linear 0s normal none infinite running parallax_bg !important;
  background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/wp-content/uploads/2017/06/wolken_1.png),
    url(/wp-content/uploads/2017/06/wolken_2.png);
  background-origin: padding-box, padding-box;
  background-position: 0 0%, 0 0;
  background-size: auto auto, auto auto;
  background-repeat: repeat-x;
  height: 190px;
  position: absolute;
  left: -95px !important;
  width: 3000px;
  animation: parallax_fast linear 5.5s infinite;
  z-index: 4;
}
#baeume {
  width: 3000px;
  height: 200px;
  /* avada restores old styles from i don't know */
  /* use important here, i hope is only on anfahrt-kontakt */
  background-image: url(/wp-content/uploads/2017/06/baeume_anfahrt_01.png),
    url(/wp-content/uploads/2017/06/baeume_anfahrt_02.png) !important;
  background-repeat: repeat-x;
  position: absolute;
  top: 0px;
  left: -95px !important;
  -moz-animation: parallax_fast linear 2s infinite !important;
  -webkit-animation: parallax_fast linear 2s infinite !important;
  -ms-animation: parallax_fast linear 2s infinite !important;
  -o-animation: parallax_fast linear 2s infinite !important;
  animation: parallax_fast linear 2s infinite !important;
  z-index: 4;
}

/* Anfahrt Bewegung Wolken */
@keyframes parallax_bg {
  0% {
    background-position: -1500px 100%, -750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-webkit-keyframes parallax_bg {
  0% {
    background-position: -1500px 100%, -750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-moz-keyframes parallax_bg {
  0% {
    background-position: -1500px 100%, -750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-o-keyframes parallax_bg {
  0% {
    background-position: -1500px 100%, -750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
/* ENDE Anfahrt Bewegung Wolken */

/* Anfahrt Bewegung Bäume */
@keyframes parallax_fast {
  0% {
    background-position: 1500px 100%, 750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-webkit-keyframes parallax_fast {
  0% {
    background-position: 1500px 100%, 750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-moz-keyframes parallax_fast {
  0% {
    background-position: 1500px 100%, 750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
@-o-keyframes parallax_fast {
  0% {
    background-position: 1500px 100%, 750px 100%;
  }
  100% {
    background-position: 0 100%, 0 100%;
  }
}
/* ENDE Anfahrt Bewegung Bäume */

/* Anfahrt Bewegung Auto */
@keyframes loehrwagen {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: -0px;
  }
}
@-webkit-keyframes loehrwagen {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: -0px;
  }
}
@-moz-keyframes loehrwagen {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: -0px;
  }
}
@-o-keyframes loehrwagen {
  0% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  100% {
    top: -0px;
  }
}
/* ENDE Anfahrt Bewegung Auto */
/* ENDE Anfahrt & Kontakt */

/********** START: NEWS **********/

.single .news {
  max-width: 820px;
}

.single .news .fusion-text > h3 {
  line-height: 1.4em;
  color: #87cdd2;
}

.single .news .fusion-text > h4 {
  /* shorcode: (NEWS XX/YEAR) */
  font-size: 1.2em;
  color: #fff;
  padding-bottom: 0.4em;
  margin: 0;
}

.single .news .fusion-imageframe img {
  margin-bottom: 2em;
}

.single .news .fusion-text > p {
  color: #fff;
}

.slides {
  border-radius: 0 !important;
  border: 0 !important;
}
.slides img {
  border-radius: 0 !important;
}
h4.entry-title a,
h4.entry-title a:hover,
h4.entry-title a:active,
h4.entry-title a:focus,
.recent-posts-content p a,
.recent-posts-content p a:hover,
.recent-posts-content p a:active,
.recent-posts-content p a:focus {
  color: #87cdd2 !important;
}

a .button-news {
  color: #fff;
}
a .button-news:hover {
  color: #87cdd2;
}
.cr_ipe_item {
  margin-left: 0px;
  max-width: 400px;
}
.left h2,
h2 .left {
  text-align: left;
}
/********** END:   NEWS **********/

.shadow .fusion-column-wrapper,
.shadow-big .fusion-column-wrapper {
  background-color: rgba(255, 255, 255, 0) !important;
}

.fusion-video {
  margin: 0px auto 20px;
}

/* Filter */
.fusion-filters {
  border-top: 1px solid #258f93 !important;
  border-bottom: 1px solid #258f93 !important;
}
.fusion-filter a {
  color: #000;
}
.fusion-filter.fusion-active a {
  border-top: 3px solid #258f93 !important;
  color: #000 !important;
}
/* ENDE Projekte */

/* Projekt Pagination */
.pagination-prev::before,
.single-navigation a[rel="prev"]::before,
.woocommerce-pagination .prev::before,
.pagination-next::after,
.single-navigation a[rel="next"]::after,
.woocommerce-pagination .next::after {
  color: #000 !important;
}
.fusion-separator.sep-double {
  display: none !important;
}
/* ENDE Projekt Pagination */

/* Services & Solutions */
a .print {
  background-image: url(/wp-content/uploads/2017/06/icon_print.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 200px;
  height: 200px;
}
a .print:hover {
  background-image: url(/wp-content/uploads/2017/06/icon_print_turkis.png);
}
a .digital {
  background-image: url(/wp-content/uploads/2017/06/icon_digital.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 200px;
  height: 200px;
}
a .digital:hover {
  background-image: url(/wp-content/uploads/2017/06/icon_digital_turkis.png);
}
a .media {
  background-image: url(/wp-content/uploads/2017/06/icon_media.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 220px;
  height: 200px;
}
a .media:hover {
  background-image: url(/wp-content/uploads/2017/06/icon_media_turkis.png);
}
a .messe {
  background-image: url(/wp-content/uploads/2017/06/icon_messe.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 230px;
  height: 200px;
}
a .messe:hover {
  background-image: url(/wp-content/uploads/2017/06/icon_messe_turkis.png);
}
a .events {
  background-image: url(/wp-content/uploads/2017/06/icon_event.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 200px;
  height: 200px;
}
a .events:hover {
  background-image: url(/wp-content/uploads/2017/06/icon_event_turkis.png);
}
a .selectid {
  background-image: url(/wp-content/uploads/2017/06/selectid.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 200px;
  height: 137px;
}
a .selectid:hover {
  background-image: url(/wp-content/uploads/2017/08/selectid_tuerkis.png);
}
a .speakstaff {
  background-image: url(/wp-content/uploads/2017/06/speakstaff_black.png);
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 200px;
  height: 137px;
}
a .speakstaff:hover {
  background-image: url(/wp-content/uploads/2017/08/speakstaff_tuerkis.png);
}
/* ENDE Services & Solutions */

/* Team */
.team .fusion-imageframe {
  background-image: url(/wp-content/uploads/2017/06/Rahmen_team.png);
  background-repeat: no-repeat;
  padding-top: 7px;
  padding-left: 1px;
  min-width: 170px;
  height: 174px;
}
team .fusion-accordian,
.job-mobil .fusion-accordian {
  margin-left: 4px;
}
.team .fusion-imageframe img,
.job-mobil .fusion-imageframe img {
  max-width: 168px;
  transform: rotate(0.75deg);
}
.team .fusion-toggle-heading {
  color: #000 !important;
}
.team .fusion-accordian .panel-title a .fa-fusion-box::before,
.job-mobil .fusion-accordian .panel-title a .fa-fusion-box::before {
  content: url(/wp-content/uploads/2017/06/plus.jpg);
  background-color: #fff;
}
.team .fusion-accordian .panel-title .active .fa-fusion-box::before,
.job-mobil .fusion-accordian .panel-title .active .fa-fusion-box::before {
  content: url(/wp-content/uploads/2017/06/minus.jpg) !important;
}

.team .fusion-accordian .panel-title a .fa-fusion-box,
.job-mobil .fusion-accordian .panel-title a .fa-fusion-box {
  background-color: #fff;
}
.job-mobil
  .fusion-accordian
  .fusion-panel.fusion-toggle-no-divider
  .panel-title
  a {
  margin-left: -20px !important;
}
.job-mobil .panel-body {
  margin-left: -19px;
}
.sprechblase_team {
  background-image: url(/wp-content/uploads/2017/06/team_Sprechblase.png);
  background-repeat: no-repeat;
  color: #fff;
  position: absolute;
  width: 185px;
  height: 165px;
  top: -250px;
  left: 115px;
  padding: 25px 40px 20px 25px;
  z-index: 100;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  display: none;
}
.team .panel-collapse.collapse.in .sprechblase_team,
.panel-collapse.collapseing .sprechblase_team {
  display: block;
}
img.team {
  padding: 0;
  margin: 0 auto;
  display: block;
}
/* ENDE Team */

/* Kunden */
.kunden {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
/* ENDE Kunden */

/********** START: Jobs **********/
/** avada container for jobs */
.jobs,          /* both */
.jobs-big,      /* desktop */
.jobs-small {
} /* mobile */

/** jobs need special font-sizes for desktop */
.jobs-big h3 + h4 {
  margin-top: -1.6em;
}

.jobs-big p,
.jobs-big ul {
  font-size: 1.2em;
  line-height: 1.4;
}

.jobs-big .fusion-layout-column:first-of-type .fusion-column-wrapper {
  padding: 1.2em 2em;
  border: 5px solid #258f93;
}

.jobs-sprechblase {
  transform: rotate(8deg);
}

/**
 * Job menu numbers in main menu
 */
.fusion-main-menu a[href*="jobs"]:not([hreflang]) span {
  position: relative;
}

.fusion-main-menu a[href*="jobs"]:not([hreflang]) span:after {
  position: absolute;
  display: inline-block;
  display: none;
  content: "1";
  font-size: 0.9em;
  line-height: 1.6em;
  color: #fff;
  background-color: #87cdd2;
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  transform: rotate(-8deg);
  top: -1.3em;
  right: -1.2em;
  animation: jobs 10s infinite;
}

.jobs-big .job2 .fusion-column-wrapper {
  border: 5px solid #258f93 !important;
}

@media only screen and (max-width: 800px) {
  .fusion-imageframe.jobs-sprechblase {
    display: none;
  }
}

/** job numbers in main menu **/
.fusion-main-menu a[href*="jobs"]:not([hreflang]) span {
  position: relative;
}

.fusion-main-menu a[href*="jobs"]:not([hreflang]) span:after {
  position: absolute;
  /* display: inline-block; */
  display: none;
  content: "1";
  font-size: 0.9em;
  line-height: 1.6em;
  color: #fff;
  background-color: #87cdd2;
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  text-align: center;
  transform: rotate(-8deg);
  top: -1.3em;
  right: -1.2em;
  animation: jobs 10s infinite;
}

@keyframes jobs {
  0%,
  10%,
  100% {
    background-color: #fff;
  }
  5%,
  15%,
  95% {
    background-color: #87cdd2;
  }
}
/********** END: Jobs **********/

/********** START: Breakpoint LG **********/
/* put all style changes for large screen here */
@media only screen and (min-width: 1200px) {
  /* TODO: remove !important */
  /* show/hide content helper */
  .hide-lg {
    display: none !important;
  }
  .hide-xs {
    display: block !important;
  }

  .fusion-title-size-three,
  h3 {
    margin-bottom: 0.2em;
  }

  /* Services Unterseiten */
  .ringbuch-titel,
  .ringbuch-print,
  .ringbuch-digital,
  .ringbuch-media,
  .ringbuch-messe,
  .ringbuch-event {
    display: block;
    margin: auto auto 0 !important; /* overwrite style attrinbute */
    width: 1210px;
    min-height: 1155px;
    background-repeat: no-repeat;
    background-position: center top;
  }

  /* images could be set in Fusion Builder too */
  .ringbuch-titel {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_titel.png);
  }
  .ringbuch-print {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_print.png);
  }
  .ringbuch-digital {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_digital.png);
  }
  .ringbuch-media {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_media.png);
  }
  .ringbuch-messe {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_messe.png);
  }
  .ringbuch-event {
    background-image: url(/wp-content/uploads/2017/06/ringbuch_event.png);
    margin-top: -9px !important;
  }

  /* left cell */
  .p1 {
    max-width: 485px;
    padding-right: 60px;
    padding-left: 15px;
    margin-top: 180px !important;
    margin-left: 50px;
  }

  /* right cell */
  .p2 {
    max-width: 485px;
    padding-right: 15px;
    padding-left: 60px;
    margin-top: 50px !important;
  }

  .sunds-p1 {
    max-width: 460px !important;
    margin-top: -170px !important;
    margin-left: 30px;
  }
  .sunds-p2 {
    max-width: 460px !important;
    margin-top: 40px !important;
    margin-left: 100px !important;
  }

  .services-solutions p {
    margin-bottom: 0px !important;
  }

  h2 {
    padding-bottom: 20px !important;
  }

  /********** END: Projekt Unterseiten **********/

  /********** START: Services & Solutions (lg) (id 825) **********/
  .page-id-825 #main,
  .page-id-5897 #main {
    background-color: #fff;
  }

  .page-id-825 .p1,
  .page-id-5897 .p1 {
    margin-top: -150px !important;
    max-width: 520px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .page-id-825 .p2,
  .page-id-5897 .p2 {
    margin-top: 70px !important;
    max-width: 520px !important;
    padding-left: 80px !important;
    padding-right: 0 !important;
  }

  .page-id-825 h2,
  .page-id-5897 h2 {
    padding-bottom: 20px !important;
  }
  /********** END: Services & Solutions (lg) (id 825) **********/
}
/********** END: Breakpoint LG **********/

/**
 * max-width: 1199px
 */
@media only screen and (max-width: 1199px) {
  /* Projekt Unterseite */
  .shadow,
  .shadow-big {
    box-shadow: 0 0 0 0 #fff !important;
    width: 100%;
    padding: 0px;
    margin-bottom: 0px !important;
  }
  /* ENDE Projekt Unterseite */

  /* Projekt Button */
  .single-navigation a {
    color: #000;
    font-size: 14px;
  }
  .single-navigation {
    padding-right: 20px;
  }
  /* ENDE Projekt Button */
}

/**
 * min-width: 1051px
 */
@media only screen and (min-width: 1051px) {
  /* Services & Solutions */
  .post-825 .fusion-builder-row {
    padding: 60px 50px 60px 65px !important;
  }

  /* Headings */
  h2 {
    font-size: 36px !important;
    text-align: center;
    font-weight: bolder;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  h2.smaller-disctance {
    padding-bottom: 20px !important;
  }

  /* News Button */
  .newsletter {
    display: block;
    position: absolute;
    margin-left: 93%;
    margin-top: 18px;
  }
}

/* max-width:1050px */
@media only screen and (max-width: 1050px) {
  /* Sonstiges */
  .fusion-builder-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .single-avada_portfolio .fusion-builder-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .element-distance {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .fusion-fullwidth {
    padding: 0px !important;
  }
  /* ENDE Sonstiges */

  /* Footer */
  #footer {
    position: relative;
  }
  /* ENDE Footer */

  .fusion-mobile-nav-holder {
    margin-right: -40px;
  }
  .fusion-logo {
    max-width: 302px !important;
    float: left;
  }

  .fusion-mobile-menu-icons {
    float: right;
  }

  .fusion-mobile-menu-icons a {
    display: block;
    margin-left: 0;
  }

  .fusion-icon-bars::before {
    content: url(/wp-content/uploads/2017/06/navi_mobile.png) !important;
    display: block;
  }
  .fusion-menu {
    border: 0px !important;
  }
  .fusion-mobile-nav-holder,
  .fusion-mobile-nav-holder ul li a {
    background-color: #000;
    color: #fff;
  }
  ul.fusion-menu {
    padding-top: 20px;
  }
  .fusion-mobile-nav-holder {
    padding-bottom: 200vh;
    padding-top: 30px !important;
  }
  .fusion-mobile-nav-item a:hover {
    background-color: #000 !important;
  }
  .fusion-mobile-nav-item a {
    color: #fff;
    height: 36px !important;
    line-height: 36px !important;
    margin-left: 40px !important;
    border: 0px !important;
    font-size: 26px !important;
  }
  /* ENDE Menu Mobil */

  /* Ãœberschriften */
  h2 {
    font-size: 22px !important;
    text-align: center;
    font-weight: bolder;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  /* ENDE Ãœberschriften */

  /* Button */
  .button-mehr {
    transform: scale(0.8);
    margin: 20px 0 40px;
  }
  /* ENDE Button */

  /* News Button */
  .newsletter {
    display: none;
  }
  .button-mehr.news-button {
    margin-top: -50px;
  }
  .newsletter-mobil img {
    margin: auto;
    display: block;
    width: 80px;
  }
  /* ENDE News Button */

  /* Services & Solutions */
  a .print,
  a .digital,
  a .media,
  a .messe,
  a .events,
  a .selectid,
  a .speakstaff {
    transform: scale(0.8);
    margin: -40px auto;
  }
  /* ENDE Services & Solutions */

  /* Team */
  img.team {
    min-width: 1800px;
    padding: 0 !important;
    margin: 0 0 0 -160px !important;
    display: block !important;
  }
  .team .fusion-builder-row.fusion-row {
    margin: 0 20px;
  }
  #team {
    max-width: 120%;
    overflow: hidden;
    margin-right: -30px !important;
  }
  /* ENDE Team */
}

/* min-width:1025px */
@media only screen and (min-width: 1025px) {
  .fusion-column.column.col.fusion-animated {
    border-right: 0px !important;
    margin-bottom: 40px;
  }
  /** .fusion-column.column.col.fusion-animated:last-child {
        border-right: 0px;
    }
    .fusion-column.column.col.fusion-animated:nth-child(3),
    .fusion-column.column.col.fusion-animated:nth-child(7),
    .fusion-column.column.col.fusion-animated:nth-child(11),
    .fusion-column.column.col.fusion-animated:nth-child(15),
    .fusion-column.column.col.fusion-animated:nth-child(19),
    .fusion-column.column.col.fusion-animated:nth-child(23),
    .fusion-column.column.col.fusion-animated:nth-child(27),
    .fusion-column.column.col.fusion-animated:nth-child(31),
    .fusion-column.column.col.fusion-animated:nth-child(35),
    .fusion-column.column.col.fusion-animated:nth-child(39),
    .fusion-column.column.col.fusion-animated:nth-child(43),
    .fusion-column.column.col.fusion-animated:nth-child(47),
    .fusion-column.column.col.fusion-animated:nth-child(51),
    .fusion-column.column.col.fusion-animated:nth-child(55),
    .fusion-column.column.col.fusion-animated:nth-child(59),
    .fusion-column.column.col.fusion-animated:nth-child(63),
    .fusion-column.column.col.fusion-animated:nth-child(67),
    .fusion-column.column.col.fusion-animated:nth-child(71),
    .fusion-column.column.col.fusion-animated:nth-child(75),
    .fusion-column.column.col.fusion-animated:nth-child(79),
    .fusion-column.column.col.fusion-animated:nth-child(83),
    .fusion-column.column.col.fusion-animated:nth-child(87),
    .fusion-column.column.col.fusion-animated:nth-child(91),
    .fusion-column.column.col.fusion-animated:nth-child(95),
    .fusion-column.column.col.fusion-animated:nth-child(99),
    .fusion-column.column.col.fusion-animated:nth-child(103),
    .fusion-column.column.col.fusion-animated:nth-child(107),
    .fusion-column.column.col.fusion-animated:nth-child(111),
    .fusion-column.column.col.fusion-animated:nth-child(115),
    .fusion-column.column.col.fusion-animated:nth-child(119),
    .fusion-column.column.col.fusion-animated:nth-child(123),
    .fusion-column.column.col.fusion-animated:nth-child(127),
    .fusion-column.column.col.fusion-animated:nth-child(131),
    .fusion-column.column.col.fusion-animated:nth-child(135),
    .fusion-column.column.col.fusion-animated:nth-child(139),
    .fusion-column.column.col.fusion-animated:nth-child(143),
    .fusion-column.column.col.fusion-animated:nth-child(147),
    .fusion-column.column.col.fusion-animated:nth-child(151),
    .fusion-column.column.col.fusion-animated:nth-child(155) {
        border-right: 0px;
    } **/
}

/* max-width: 800px */
@media only screen and (max-width: 800px) {
  /* Menu Mobil */
  .fusion-mobile-nav-item a {
    height: 30px !important;
    line-height: 30px !important;
    margin-left: 40px !important;
    font-size: 20px !important;
  }
  /* ENDE Menu Mobil */

  /* Projekte */
  .single-navigation a {
    color: #000;
    font-size: 12px;
  }
  .single-navigation {
    padding-right: 20px;
  }

  /* ENDE Projekte */

  /* Services & Solutions */
  a .selectid {
    margin: -70px auto -10px;
  }
  a .messe {
    margin: -90px auto -30px;
  }
  /* ENDE Services & Solutions */

  /* Projekt Unterseite */
  .project-description.post-content img {
    margin-top: -25px;
  }
  /* ENDE Projekt Unterseite */
}
/* max-width:426px */
@media only screen and (max-width: 426px) {
  a .print,
  a .media,
  a .events,
  a .speakstaff {
    float: left;
  }
  a .digital,
  a .messe,
  a .selectid {
    float: right;
  }
}

/* min-width:426px */
@media only screen and (min-width: 426px) {
  /* Header */
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-nav-holder {
    margin-right: -60px;
  }
  .fusion-mobile-nav-holder {
    padding-bottom: 80vh;
  }
  .fusion-mobile-nav-item a {
    font-size: 16px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-left: 30px;
  }
  /* ENDE Header */
}

/********** START: Seite News **********/
.recent-posts-content p {
  color: #fff;
}
.slides {
  border-radius: 10px;
  border: 1px solid #fff;
}
h4.entry-title a,
h4.entry-title a:hover,
h4.entry-title a:active,
h4.entry-title a:focus,
.recent-posts-content p a,
.recent-posts-content p a:hover,
.recent-posts-content p a:active,
.recent-posts-content p a:focus {
  display: none;
}
@media only screen and (min-width: 801px) {
  .fusion-column.column.col.fusion-animated {
    border-right: 1px solid #fff;
    margin-bottom: 40px;
  }
  .fusion-column.column.col.fusion-animated:nth-child(3),
  .fusion-column.column.col.fusion-animated:nth-child(7),
  .fusion-column.column.col.fusion-animated:nth-child(11),
  .fusion-column.column.col.fusion-animated:nth-child(15),
  .fusion-column.column.col.fusion-animated:nth-child(19),
  .fusion-column.column.col.fusion-animated:nth-child(23),
  .fusion-column.column.col.fusion-animated:nth-child(27),
  .fusion-column.column.col.fusion-animated:nth-child(31),
  .fusion-column.column.col.fusion-animated:nth-child(35),
  .fusion-column.column.col.fusion-animated:nth-child(39),
  .fusion-column.column.col.fusion-animated:nth-child(43),
  .fusion-column.column.col.fusion-animated:nth-child(47),
  .fusion-column.column.col.fusion-animated:nth-child(51),
  .fusion-column.column.col.fusion-animated:nth-child(55),
  .fusion-column.column.col.fusion-animated:nth-child(59),
  .fusion-column.column.col.fusion-animated:nth-child(63),
  .fusion-column.column.col.fusion-animated:nth-child(67),
  .fusion-column.column.col.fusion-animated:nth-child(71),
  .fusion-column.column.col.fusion-animated:nth-child(75),
  .fusion-column.column.col.fusion-animated:nth-child(79),
  .fusion-column.column.col.fusion-animated:nth-child(83),
  .fusion-column.column.col.fusion-animated:nth-child(87),
  .fusion-column.column.col.fusion-animated:nth-child(91),
  .fusion-column.column.col.fusion-animated:nth-child(95),
  .fusion-column.column.col.fusion-animated:nth-child(99),
  .fusion-column.column.col.fusion-animated:nth-child(103),
  .fusion-column.column.col.fusion-animated:nth-child(107),
  .fusion-column.column.col.fusion-animated:nth-child(111),
  .fusion-column.column.col.fusion-animated:nth-child(115),
  .fusion-column.column.col.fusion-animated:nth-child(119),
  .fusion-column.column.col.fusion-animated:nth-child(123),
  .fusion-column.column.col.fusion-animated:nth-child(127),
  .fusion-column.column.col.fusion-animated:nth-child(131),
  .fusion-column.column.col.fusion-animated:nth-child(135),
  .fusion-column.column.col.fusion-animated:nth-child(139),
  .fusion-column.column.col.fusion-animated:nth-child(143),
  .fusion-column.column.col.fusion-animated:nth-child(147),
  .fusion-column.column.col.fusion-animated:nth-child(151),
  .fusion-column.column.col.fusion-animated:nth-child(155) {
    border-right: 0px;
  }
}
/* ENDE Projekte & News */

/* Button */
.button-weiss {
  background-image: url(/wp-content/uploads/2017/06/Rahmen_03-weiss.png);
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  width: 180px;
  height: 60px;
}
.button-weiss p {
  color: #fff;
  text-align: center;
  padding-top: 15px;
  font-size: 1.25em;
}
/* ENDE Button */
/********** END: Seite News **********/

/********** START: Seite Newsletter Aktivierungs-E-Mail **********/
html {
  background-color: #000;
}
/********** END: Seite Newsletter Aktivierungs-E-Mail **********/

/********** START: Seite Newsletter-Anmeldung **********/
html {
  background-color: #000;
}

.cr_ipe_item {
  margin: 10px;
}
/********** END: Seite Newsletter-Anmeldung **********/

/********** START: Seite Newsletter-Anmeldung erfolgreich **********/
html {
  background-color: #000;
}
/********** END: Seite Newsletter-Anmeldung erfolgreich **********/

/********** START: Seite Digital **********/
.fusion-title-size-three,
h3 {
  margin-bottom: 0.2em;
}
/********** END: Seite Digital **********/

/********** START: Beiträge **********/
html {
  background-color: #000;
}
/********** END: Beiträge **********/

/********** START: Beitrag 3430 **********/
html {
  background-color: #000;
}
#fusion-gmap-container,
#main,
#sliders-container,
#wrapper,
.fusion-separator .icon-wrapper,
body,
html {
  background-color: #000;
}

.white {
  color: #fff;
}
.button-weiss {
  background-image: url(/wp-content/uploads/2017/06/Rahmen_03-weiss.png);
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  width: 180px;
  height: 60px;
}
.button-weiss p {
  color: #fff;
  text-align: center;
  padding-top: 15px;
  font-size: 1.25em;
}
/********** END: Beitrag 3430 **********/

/********** START: Beitrag 3426 **********/
html {
  background-color: #000;
}
#fusion-gmap-container,
#main,
#sliders-container,
#wrapper,
.fusion-separator .icon-wrapper,
body,
html {
  background-color: #000;
}

.white {
  color: #fff;
}
.button-weiss {
  background-image: url(/wp-content/uploads/2017/06/Rahmen_03-weiss.png);
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  width: 180px;
  height: 60px;
}
.button-weiss p {
  color: #fff;
  text-align: center;
  padding-top: 15px;
  font-size: 1.25em;
}
/********** END: Beitrag 3426 **********/

/********** START: Newsletter **********/
.cr_button {
  background: url(/wp-content/uploads/2017/06/anmelden_w.png) no-repeat;
  background-size: cover;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  width: 112px;
  height: 30px;
  float: right;
  cursor: pointer;
  outline: 0;
}

.cr_ipe_item {
  color: #fff !important;
}

.clever_form_error,
div > input.clever_form_error {
  background: #a94442;
}
/********** END: Newsletter **********/

/********** START: ADVENT CALENDAR **********/
.page-id-6580 #main {
  padding: 0 0 56px;
}

.page-id-6580 .fusion-builder-row,
.page-id-6580 .fusion-row {
  padding: 0 !important;
}

.btn {
  margin-top: 1.2em;
  background: #fff;
  color: #000;
  border: 0;
  width: 112px;
  height: 30px;
  float: right;
  cursor: pointer;
  outline: 0;
}

.btn-login {
  background: rgba(0, 0, 0, 0)
    url(/wp-content/uploads/lup/svg/button_anmelden.svg) no-repeat center center;
  background-size: contain;
  color: transparent;
}

.btn-answer {
  background: rgba(0, 0, 0, 0)
    url(/wp-content/uploads/lup/svg/button_antworten.svg) no-repeat center
    center;
  background-size: contain;
  color: transparent;
}

.form-group {
  clear: both;
  margin-bottom: 1.8em;
}

.form-group > label {
  float: left;
  width: 30%;
  padding: 0 0.6em 0;
  line-height: 40px;
}

.error input[type="password"] {
  border-color: #e40045;
}

.error-msg {
  padding: 0 0.6em 0;
  color: #e40045;
}

.form-group > select,
.form-group > input[type="text"],
.form-group > input[type="password"],
.form-group > input[type="number"] {
  margin: 0;
  float: left;
  width: 70%;
  height: 40px;
  border-radius: 0;
}

.form-group > input[type="number"] {
  text-align: right;
}

#questionPlaceholder svg {
  margin-top: -20px;
}

.invisible {
  display: none;
}

.advent-link-active {
  cursor: pointer;
  fill: #76b828;
}

@media only screen and (max-width: 1023px) {
  #Tag_1.advent-link-active > g > path:last-of-type,
  #Tag_2.advent-link-active > g > path:last-of-type,
  #Tag_3.advent-link-active > g > path:last-of-type,
  #Tag_4.advent-link-active > g > path:last-of-type,
  #Tag_5.advent-link-active > g > path:last-of-type,
  #Tag_6.advent-link-active > g > path:last-of-type,
  #Tag_7.advent-link-active > g > path:last-of-type,
  #Tag_8.advent-link-active > g > path:last-of-type,
  #Tag_9.advent-link-active > g > path:last-of-type,
  #Tag_10.advent-link-active > g > .cls-5 {
    fill: #76b828 !important;
  }
}

.advent-link-active > path,
#Tag_10.advent-link-active > g > g > path,
#Tag_11.advent-link-active > g:first-child > path,
#Tag_12.advent-link-active > g:first-child > path,
#Tag_13.advent-link-active > g:first-child > path,
#Tag_14.advent-link-active > g:first-child > path,
#Tag_15.advent-link-active > g:first-child > path,
#Tag_16.advent-link-active > g:first-child > path,
#Tag_17.advent-link-active > g:first-child > path,
#Tag_18.advent-link-active > g:first-child > path,
#Tag_19.advent-link-active > g:first-child > path,
#Tag_20.advent-link-active > g:first-child > path,
#Tag_21.advent-link-active > g:first-child > path,
#Tag_22.advent-link-active > g:first-child > path:first-of-type,
#Tag_22.advent-link-active > g:last-of-type > path,
#Tag_23.advent-link-active > g:first-child > path {
  fill: #76b828 !important;
}

#Tag_24.advent-link-active > g:first-child > path {
  fill: #76b828 !important;
}

#Sterne_1 {
  animation: move_eye 2s linear 0s infinite alternate;
}

#Sterne_2 {
  animation: move_eye_zwei 2s linear 0s infinite alternate;
}

#Stern_ab_25 {
  display: none;
}

@keyframes move_eye {
  0% {
    fill-opacity: 1;
  }

  49% {
    fill-opacity: 1;
  }

  50% {
    fill-opacity: 0;
  }

  100% {
    fill-opacity: 0;
  }
}

@keyframes move_eye_zwei {
  0% {
    fill-opacity: 0;
  }

  49% {
    fill-opacity: 0;
  }

  50% {
    fill-opacity: 1;
  }

  100% {
    fill-opacity: 1;
  }
}

.ua-ie #questionPlaceholder {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.ua-ie #questionPlaceholder > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ua-ie #advent {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 55%;
}

.ua-ie #advent > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1023px) {
  .ua-ie #advent {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }
  .ua-ie #advent > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/********** END:   ADVENT 2017 **********/

/********** Cookiebanner **********/
/** included after plugin css **/

.pea_cook_wrapper {
  border-radius: 0 !important;
  background-color: #87cdd2 !important;
}

.pea_cook_wrapper.pea_cook_bottomcenter {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

.pea_cook_wrapper p {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

.pea_cook_btn {
  background-color: #000 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border: 2px solid #fff !important;
  font: inherit !important;
  color: #fff !important;
}

/* BAUMA Page */

.page-id-8005 .fusion-text.intro > p {
  font-size: 16px;
  line-height: 1.4;
}

/* OSRAM OS PAGE */
.page-id-8808 .fusion-header {
  position: relative;
}
.page-id-8808 .fusion-header-sticky-height {
  margin-top: -100px;
}
.page-id-8808 p,
.page-id-8808 ul li {
  font-size: 18px;
  line-height: 26px;
}
#osram-online-tool,
#osram-online-tool img {
  min-width: 100%;
}

@media only screen and (max-width: 1050px) {
  .osram-os {
    padding: 60px 0 !important;
  }
}

/* Force remove margin form slider */

.full-width-slider > .fusion-builder-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/**
 * Xmas 2021
 */
.fusion-button.btn-xmas-2021 {
  background-color: #e40045 !important;
  font-size: 1rem !important;
}

.fusion-button.btn-xmas-2021:hover {
  background-color: #87cdd2 !important;
}

.fusion-button-wrapper > .fusion-button.btn-xmas-2021 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;
}

.xmas-2021 h3 {
  margin-bottom: 20px !important;
}