@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/subset-Oswald-Regular.woff2') format('woff2');
}
/* @font-face {
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/subset-Oswald-Medium.woff2') format('woff2');
}
*/
@font-face {
  /* 600 */
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/subset-Oswald-SemiBold.woff2') format('woff2');
}
@font-face {
  /* 700 */
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/subset-Oswald-Bold.woff2') format('woff2');
}

.contain {
    display: flex;
    margin-bottom: 2.3rem;
    align-content: flex-end;
    /* flex-wrap: nowrap; */
}
.gesrow {
    display: flex;
    width: 100%;
}
 .sipg h2, .sipg h5, .sipg h3, .sipg h4 { text-align: center; }
.textbgt h6{ font-size: 1.79rem;
    color: #ffffff;
}
.panel h4{ text-align: left; }
/*.sipg h4 { font-size: 1.96rem;}
.sipg h5 { font-size: 1.76rem;} */
.sipg .textbgt {
    padding: 39px 0px;
    margin: 4.99rem auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}
.txtleft{text-align: left;padding: 0 3%;}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.sitemap {
margin: 7rem 7vw;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
    display: none;
    height: 0;
}
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.sozmed{display:flex;column-gap:24px;margin:10px;justify-content:space-evenly;text-align:center;min-width:121px;height:39px;align-items:center;justify-items:center}
.sozmed a path{fill: #00e7ff;transform: translateY(3px);}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support.
*/
[hidden] {
    display: none
}
#captchaform {padding: 0 4%;
  margin: 4rem auto;
  max-width: 669px;
}
#captchaform input, #captchaform select, #captchaform textarea {
    margin: 0;
    vertical-align: baseline;
    font-size: 100%;
    width: 100%;
}
#captchaform .button {
    width: 200px;
    height: 60px;
    background-color: #4efffe;
}
input#agree-to-terms {
    width: 2rem;
}
.head-search input, .head-search input-group{padding: 0;min-width: 222px;}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html, button, input, select, textarea {

}
html, body {color: #4e4e4e;
    overflow-x: hidden;
    width: 100%;
}

/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {font-size: 1.169923rem;
  letter-spacing: .01rem;
  margin: 0;
  font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
  font-weight: 500;
  font-style: normal;
}
p{font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;}
/*
* Font Smoothing
*/
html, html a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active, a:hover {
    outline: 0;
    text-decoration: none;
}
.containergesw {width: 100vw;}
.containergesw .row>p, .containergesw .row>div, .containergesw blockquote, .containergesw h5, .containergesw h6, .containergesw details, .hgwald>.row, .containergesw ul, .containergesw ol{ margin: 1rem auto;max-width: 1170px;}
.containergesw h5, .containergesw h6{ margin: 3rem auto; 1.3rem}

/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome.
*/
h1, h2, h3, h4, h5, h6, .wh4, .p1{  font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
font-weight: 700;    text-transform: uppercase;
color: #007482;}
h1 {
    margin: 0.67em 0;
    font-size: 2em;line-height: 2.4321rem;
}
h2 {
    margin: 0.83em 0;font-size: 2.2399em;
  line-height: 2.921rem;
}
.gsg h2 {margin: -3px auto 1.6182rem 0;
    font-size: 1.618rem; }
.home h3 {margin: 0 auto 1.9rem 0;}
h3 {margin: 4rem auto 1.82rem 0;letter-spacing: 3px;
    font-size: 2.1392rem;line-height: 2.921rem;
}
.promo-content h3 {
    margin: 0rem auto 1.82rem 0;
    line-height: 1.731rem;}
h4, .wh4 {padding-bottom: 1.6rem;
    font-size: 1.6396em;line-height: 2.741rem;
}
.info h4, .gdlr-blog-content h4 {
    font-size: 1.36rem;line-height: 1.69rem;
}
.info h4{ margin: 3px auto;}
h5 {
  margin: 3.1369rem 0 1.6rem;
    font-size: 1.993rem;
    line-height: 2.39rem;
}
h6 {margin: 2.9rem 0 1.7rem;
  font-size: 1.799rem;
  line-height: 1.9992rem;
  text-transform: none;
  /* font-style: italic; */
  letter-spacing: 1px;
}
.team a {
    color: #727272;
}
/* .sticky-nav */
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
    border-bottom: 1px dotted
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b, strong {
    font-weight: bold
}
blockquote {
    margin: 0px
}
.whapp{font-size: 16px;position: fixed; bottom: 4px; right: 49px; background-color: #25d366; color: white;border: 2px solid #059699;padding:4px 12px; border-radius: 50px; text-decoration: none; font-weight: 400; z-index: 999;text-shadow: 1px 1px 2px #000;}
.whapp:hover { background: #00524d; color: #fff; }
.cta_icont {
    position: fixed;
    z-index: 999;
    right: 3px;
    bottom: 49px;
    width: 107px;
}
.cta_icont a {transition: all .91s;background-size: cover;
    display: block;
    height: 55px;
    width: 63px;
}
.ic1 {
    margin-bottom: -29px;
}
.ic3 {
    margin-top: -29px;
}
.ic3, .ic1 {background-repeat: no-repeat;
    margin-left: 46px;
}
.cta_icont a:hover img, .icg:hover img{opacity: 0}
.ic1:hover {background-image: url(../img/Termin-buchen-h.png);
  /* background-image: url(https://arthouse39.de/intern/grav/user/themes/xair369corp/img/Termin-buchen-h.png); */
}
.ic2:hover {background-image: url(../img/Beratung-h.png);background-repeat: no-repeat; }
.ic3:hover {background-image: url(../img/Bestellen-Shop-h.png); }
.icg {background-repeat: no-repeat;border-bottom: 0px solid #1a9dad !important;
  width: 90px;height:90px;
  display: block;
  margin: 19px auto;
}
.icg:hover {background-image: url(../img/kalend-icon90.webp);}
.ycbm_button{bottom: 17rem !important;
  left: -webkit-calc(100% - 350px);
left: -moz-calc(100% - 350px);
left: calc(50% - 124px);
    max-width: 248px;
    border-radius: 3px !important;}
.ycbm_buttonContent{
   white-space: normal!important;
   padding: 13px 7px !important;
  line-height: 19px !important;
  height: 74px !important;
   bottom: 9rem;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn { font-style: italic }
.weiss600{color: #ffffff;font-weight: 600; text-shadow: -2px 1px 0px #000000;}
.zertif .read{display: block;
margin: 23px 0 14px;
width: max-content;
max-width: 99%;
min-width: 179px;
padding: 9px;
margin: 27px auto 6px;
font-size: 17px;
border-radius: 1px;
box-shadow: 0px 1px 3px #a1a1a1;}
.col-md-6 {padding-right: 1.1234092vw;
  padding-left: 1.1234092vw;}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
    background: #ff0;
    color: #000;
}

/*
* Addresses margins set differently in IE 6/7.
*/
p, pre {
    margin: 0em 0 1rem
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code, kbd, pre, samp {
    font-size: 1em;
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
}


/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.sp4 { margin-bottom: 13px;
    display: flex;
    gap: 13px;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
    quotes: none
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
.lang {
  display: flex;
  position: absolute;
  right: 1vw;
  top: 10px;
  width: 4rem;
  max-height: 1rem;
  height: 1rem;
  z-index: 99;
  font-size: 15px;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.lang a  {color: #a1a1a1;}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
.abz {display: flex;
    outline: 1px solid #d3f1ff;
    border: 23px solid #ffffff;
    outline: 7px solid #efefef;
    padding: 4%;
}
.tagsct {line-height: 1.62rem;
    background: #e6fafb;
    padding: 1%;
    width: 82%;
    border-radius: 0px;
    border: 17px solid #dbfffd;
    outline: 19px solid #eef7f7;
    margin:0 auto 60px;
}
.tags a {letter-spacing: 2px;
    background: #ffffff;
    padding: 1px 4px;
    border: 1px solid #f1f1f1;
    margin: 2px 0px;
    display: inline-block;
}
.tagsct h6 {font-family: 'Oswald', Verdana, sans-serif;
    margin: .9rem 0;    text-shadow: -1px 2px 10px rgb(0 0 0 / 37%);
    width: 179px;
    font-size: 10.49rem;
    line-height: 9.792rem;
    text-transform: none;
    /* font-style: italic; */
    letter-spacing: -6px;
}
.section-studie {
  background: #e6fafb;
  padding: 6%;
  /* width: 97%; */
  /* border-radius: 0px; */
  /* border: 17px solid #dbfffd; */
  outline: 19px solid #eef7f7;
  margin: 0 auto 60px;
}
.section-studie li {
  /* line-height: 1.699rem; */
  margin: 6px 0;
}
dl, menu, ol, ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}
ul.ul2 {
    list-style: disc;
    padding-left: 1.2rem;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu  {
    padding: 0
}
ol, ul {
  list-style: disc;
  padding-left: 1.2rem;
}
.c12, .dmenu, ul#menu, .c6{list-style: none;}
::marker {
  color: #bbb;
}
details > summary:first-of-type {
  display: list-item;
  counter-increment: list-item 0;
  list-style: inside disclosure-closed;
}
details[open] > summary:first-of-type {
  list-style-type: disclosure-open;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
.ctani {margin: 6rem auto 0;
    display: block; width: fit-content; ;transition: margins;
}
.ctani img {transition: ease-out .61s;
margin: 0 -12px 0 12px;
}
.ctani img:hover {
margin: 0 -22px 0 22px;
}
.farbhg, .farbhg h5, .farbhg .kl, .farbhg summary, .farbhg h6 {
  background: rgb(0, 116, 130);
  color: #fff;
}
.easy h1, .easy h2, .easy h3, .easy h4 {
  text-transform: none;
}
.psumm{  font-size: 1.163rem;}
 .iconn{
  margin: 27px 0 14px;
}
.goldenratio .row .gr:first-child {
  width: 33%;overflow: hidden;border-top: 1px solid #005771;
  box-sizing: border-box;
  margin: 0 3%;box-sizing: border-box;
  padding: 3% 0;
}
.goldenratio .row .gr:last-child{overflow: hidden;}
.goldenratio .gr:last-child {
  margin: 0;  overflow: hidden;
  width: 61%;
  padding: 0;
}
.goldenratio + .goldenratio .row .gr:last-child {  width: 55%;
  box-sizing: border-box;
  padding: 3%;}
.goldenratio + .goldenratio .gr:first-child {
  width: 39%;overflow: hidden;background: #fff;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    padding: 0;
}
/* .goldenratio:nth-child(1){background-color: #ffff00;} */
.goldenratio h2 { margin: 4.99rem auto 4rem; }
.goldenratio h2, .goldenratio h3, .goldenratio h6 { color: #fff; }
.goldenratio h3 {font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
font-weight: 300;text-align: left;}
.goldenratio, .goldenratio .container, .goldenratio details, .farbhg summary  {  font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;font-size: 1rem; width: 100%;padding: 0;   margin: 0;   max-width: 100vw;line-height: 1.63rem;}
.goldenratio .row {margin: 0;
  display: flex;
}
summary .psumm{  font-size: 1.12963rem; margin: 12px 0;}

.gr .thumbnail {  text-align: center;
  min-width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  line-height: 1.42857143;
  background-color: transparent;
  border: 0px solid #ddd;

}
.gr .thumbnail img{min-width: 100%;
  min-height: 100%;min-width: 100%;
  max-width: none;}
.gr .thumbnail  {  -webkit-animation-name: examplebg;
  -webkit-animation-duration: 6s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;

  animation-name: examplebg;
      animation-duration: 6s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
}
  @-webkit-keyframes examplebg {
       0%   {    }

      100% { scale: 1.1;}
  }
  @keyframes examplebg {
    0%   {   }
   100% { scale: 1.1;}
  }
.grtxt {
  vertical-align: bottom;
  margin: 16% 0 0;
}
.grtxtpg {
  grid-template-columns: auto 61%;
  direction: ltr;
  display: grid;
  grid-template-columns: 19% 1fr;
  grid-template-rows: auto;
}
audio::-webkit-media-controls-panel {
  background-color: rgb(0, 116, 130);
  background-image: url(/intern/grav/user/themes/xair369corp/img/play-butt.png);background-repeat: no-repeat;background-position: 2px center;
}
.hgtuerk a, .farbhg a {
  color: #96fffb;
}
.farbhg {background: rgb(0, 116, 130); color:#fff;letter-spacing: .06071rem;padding-bottom: 4.9rem;}
.farbhg h5{color:#fff;margin-bottom: 24px;}
.btn2, .farbhg .btn-primary, .hgtuerk .btn-primary  {background-color: #4efffe;
  border-color: #007482;
  color: #002d33;}
.btn2{   text-align: center;
    padding: 12px;
    border: 2px solid #fff;
    margin: 12px 7%;
    font-size: 18px;
}
.btndezent {display: inline-block;
  border: 0px solid #00e3e1;width: 354px; max-width: 99%;
  padding: 9px;
    margin: 19px 1.639vw 6px;
    background: #ffffff;
    font-size: 17px;
    border-radius: 1px;
    box-shadow: 0px 1px 2px #a1a1a1;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/

img {max-width: 100%;height: auto;
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
    overflow: hidden
}

/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

figure {
    margin: 0
}

.slider-container {margin-bottom: 3rem;
    text-align: center;
    position: relative;
}
.slider-container h5{margin: 1.1369rem 0 0.36rem;
    font-size: 1.2993rem;
    line-height: 1.392rem;}
.main-image {
    position: relative;
    margin-bottom: 13px;
}

.main-image img {
    width: 100%;
    /* max-width: 900px; */
    height: auto;
    display: block;
    margin: 0 auto;
}

.main-image .prev-btn,
.main-image .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(100 100 100 / 4%);
  color: #949494;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;box-sizing: border-box;
}
.main-image .prev-btn:hover,
.main-image .next-btn:hover {    transform: translateY(-50%);
    background-color: rgb(100 100 100 / 51%);
    color: #ffffff;
    padding: 7px;font-size: 22px;}
.main-image .prev-btn {
    left: 10px;
}

.main-image .next-btn {
    right: 10px;
}
.lgp {
    font-size: .79rem;
    position: absolute;
    right: 22px;
    bottom: 1%;
}
.cr-image {
    max-width: fit-content;
    margin: auto;
    position: relative;
}
.thumbnails {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: .471%;
    max-width: 1169px;
margin: 0 auto 0;
width: fit-content;
}
.thumbnail {transition: all 1s;}

.slider-container .thumbnail {
    cursor: pointer;
    width: 100px;
    height: auto;
    transition: transform 0.2s ease-in-out;
}

.thumbnail:hover {
    transform: scale(1.1);
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
    margin: 0
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
    padding: 0;
    border: 0; /* 1 */
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button, input, select, textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    font-size: 100%; /* 1 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet.
*/
button, input {
    line-height: normal
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6.
*/
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled], input[disabled] {
    cursor: default
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6.
*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
    nowhitespace: afterproperty;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
.zubeh .thumbnail { max-height: 222px;border: 0px solid #ddd;
  overflow: hidden;}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/

table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* ==========================================================================
Global Styles
========================================================================== */
.group:after {
    content: "";
    display: table;
    clear: both;
}
a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
}
.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}
p {
  line-height: 24px;
    font-size: 1rem;
}
a {color: #007382;
  /* text-decoration: underline; */
  /* text-shadow: 0px 1px 1px #a8a8a8; */
  /* box-shadow: 0px 1px 0px #7979795e; */
}
.footer-nav a {font-size: .99rem;}

}
a:hover, a:focus {
    color:#007482;
    text-decoration: none;
}
.blog-content-wrapper:has( > .gdlr-blog-thumbnail .post img:target), .post img:target, .gdlr-blog-thumbnail:has( > .post img:target)  { color:red;border: 4px solid #E64A19;}
/* .post img:hover { color:red;border: 0px solid #E64A19;} */
.texture-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/grid.png);
}
.artikelsammlg {
    display: flex;flex-wrap: wrap;
    justify-content: space-evenly;
      gap: 2%;
    justify-items: center;
    padding: 22px 0;max-width: 91.69vw;margin: auto;
}
/* .home .artikelsammlg{padding: 22px 4vw;} */
.artikelsammlg .post-outer {font-size:.799rem;
    width: 23.33333333%;text-align: left;    margin-bottom: 1.9rem;

}
.artikelsammlg .gdlr-blog-thumbnail {
  overflow: hidden;
  max-height: 177px;
  display: flex;
  align-items: center;
  min-height: 177px;
  /* width: auto; */
  justify-content: center;
    flex-wrap: wrap;
  background: #007382;
}
.gdlr-video .datsch { bottom: 44px;}
.artikelsammlg .blogimg {
  /* min-height: 177px; */
  width: auto;
  max-width: none;
  min-height: 177px;
  min-width: 100%;
  object-fit: cover;
  height: auto;
  max-width: none;
  /* overflow: overlay; */
  max-height: 177px;
  aspect-ratio: initial;
}
.artikelsammlg iframe{max-width: 100%!important; height: auto;aspect-ratio: 16 / 9;}
.blog-date-wrapper  {
    display: flex;
    gap: 2px;
}
.blog-info.blog-author, .gdlr-sticky-banner {display: none;
}
.artikelsammlg .post-outer .df {font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;display: block;
  font-weight: 700; font-size: 1.369rem; line-height: 1.7rem;    margin: 16px 0 0;letter-spacing:.00641rem}
.artikelsammlg .post-outer h3, .artikelsammlg .post-outer h4 {
  margin: 12px 0 0;line-height: 1.4931rem;
    font-size: 1.162rem;letter-spacing: 0;
}
.artikelsammlg p {margin: 7px 0 0;
    line-height: 17px;
    font-size: .891rem;
}
.artikelsammlg .hvi a {
    font-size: 19px;
    margin-top: 3px;
}
.artikelsammlg .blog-info  { line-height: 1.23rem!important; margin: 12px 0!important;}
.blog-info a {font-size:.909rem;}
.artikelsammlg h2 {
    margin: 0.3em 0;
    font-size: 1.199rem;
    line-height: 1.3721rem;
}
/* blog item */
.video-placeholder {
    height: fit-content;
    min-height: 199px;
    position: absolute;
    padding-bottom: 60%;
    top: 0;
    height: 100%;width: 100%;
}
.inlinevideo .video-placeholder {
    height: fit-content;
    min-height: 199px;
position: relative;
    padding-bottom: 0%;
    top: 0;
    height: 100%;width: 100%;
}
.adbl a{display: block;}
.inlinevideo b { margin: 22px auto; display: block;color: #007482}
.artikelsammlg_video .video-placeholder {height: fit-content;
    min-height: 199px;
    position: relative;padding-bottom: 0;
}

.video-placeholder p, .datsch {width: 100%;
   position: absolute;
   font-size: 12px;
   line-height: 14px;
   bottom: 24px;
   background: #ffffffe6;
   padding: 4px;
   box-sizing: border-box;
   border-left: 1px solid #007482;
   border-right: 1px solid #007482;
}
.inlinevideo {
  outline: 2px solid #d8f9ff;
  box-sizing: border-box;
  text-align: center;
  border-radius: 3px;
  background: #f1f1f1;
}
.inlinevideo .read { margin: 0 0 7px; }
.datsch{bottom: 3px;
  position: relative;
}
.blog-item-holder .video-placeholder p{bottom: 63px;}
.load-video, .datsch p {
    font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 1rem;
        line-height: 1.24rem;
        text-align: center;
        display: block;
}
#google_translate_element {
    min-height: 2rem;
}


/* ==========================================================================
Buttons
========================================================================== */
.use-btn {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 20px 50px;
    border-radius: 3px;
    background-color: #fff;
    color: #007482;
   font-weight: 600;
    font-family: 'Oswald', sans-serif;

}
.use-btn:hover, .use-btn:focus {
    background-color: #73d0da;
    color: #fff;
    text-decoration: none;
}
.learn-btn, .download-btn {
    display: inline-block;
    padding: 18px 46px;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
}
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus {
    border-color: #73d0da;
    color: #73d0da;
    text-decoration: none;
}
.read-more-btn {
    display: inline-block;
    color: #323a45;
    text-transform: uppercase;
}
.read-more-btn i, .download-btn i {
    margin-left: 5px
}
.showcase .download-btn {
  display: block;
  margin: 50px auto;
  max-width: 237px;
}
.download .download-btn {
    margin-top: 25px
}

/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
    position: absolute;
    top: 19px;
    right: 15px;
    z-index: 999999;
    padding: 10px 35px 16px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
.navicon {
    position: relative;
    height: 26px;
}
.navicon p {
    margin: 1px 50px 0 0
}
.navicon-fixed {
    position: fixed;
    top: 59px;
    right: 143px;
}

/* ==========================================================================
Hero
========================================================================== */
.hero {top: 79px;
    position: relative;
      min-height: 849px;

    background-size: cover;
    color: #fff;
}
.background{position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    /* animation-name: fadein; */
    /* animation-delay: 4s; */
    /* animation-duration: 13.9s; */
    /* animation-fill-mode: forwards; */
    /* animation-iteration-count: infinite;background-image: url('../img/brainfog-singulettsauerstoff-atmen.webp'); */
    /* animation-iteration-count: infinite;background-image: url('../img/Airnergy-24Jahre-Vitalisierung.webp'); */
    /* background-position: center;
background-size: cover;
background-repeat: no-repeat; */
 }
@keyframes fadein{
    0% { opacity:0; }
    30% { opacity:0; }
    50% { opacity:1; }
    100% { opacity:0; }
}
.hero h1 {color: #fff;font-size: 4.29rem;
    line-height: 4.23rem;
    /* margin: 34.69rem 0 7px 0; */
        margin: 0.69rem 0 477px 0;
  text-align: center;
      /* letter-spacing: .32vw; */
      text-shadow: -1px 2px 4px #000;
      font-family: 'Oswald', sans-serif;font-weight: 700;
      font-style: normal;
}
.hero h1 span {
    display: block;
}
.uh1a {
    font-size: 2.6rem;
}
#home {
    width: 100%;
    height: 100%;
}
.hero {
    width: 100%;
    height: 100%;
}
.hero .container{padding: 60px 0 26px 0;}
header i {
    margin-left: 5px
}
.ch2, .ch2 h2 {font-weight: 700;
font-style: normal;    max-width: 472px;
    margin: 0px auto;
    padding: 0;text-align: justify;
  text-align-last: center;
    float: none;}
.ch2 h2 {letter-spacing: .0071rem;text-align: center;
    margin: 20px auto 0;
    font-size: 1.40139rem;
    line-height: 2.09rem;
    color: #004d57;
    text-shadow: -1px 1px 6px #b9b9b9;
}
.gro {line-height: 2.69rem;font-size: 2.919rem;
}
.grk { letter-spacing: .3991rem;
}
.klein {
    color: #6e7170;
    font-size: 21px;
        line-height: 0.249;
        bottom: 6px;
        display: inline-block;
        position: relative;
        width: 10px;
        text-align: center;
}
.kleiner {font-style: italic;letter-spacing: .021rem;
  font-size: .9791rem;
  line-height: 1.20rem;
  max-width: 90%;
  margin: 12px auto;
  font-weight: 400;
}
.kleiner.ctafn {
    margin-top: 40px;
}
#Wirkungsprinzip {
    margin: 0;
}
.uh2, .uh21  {
      color: #007280;}
.uh2{   font-size: 21px;
        letter-spacing:.013rem;
    font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
}
.bgimg.Avantgarde h1{opacity: 0;}
.o0{opacity: 1;    height: 33px;letter-spacing: -.017rem;font-size: 1.43976rem;
    display: block;
    margin: 1px 0;
    padding: 0;}
.uh3 {margin-top: 22px; display: block; font-size:22px;;
    }
/* ==========================================================================
Video
========================================================================== */
.airge .artikelsammlg {
    flex-wrap: wrap;
}
.airge .artikelsammlg .post-outer {
    width: 290px;margin-bottom: 42px;}
section.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 22px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
section.video h1, .hvi {
    font-weight: 400; margin-top: 9px;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 20px;
}
section.video {
    padding: 60px 0;
    background-color: #f6f7f9;
}
section.video a {
    /* color: #323a45 */
}
section.video a:hover, section.video a:focus {
   color: #00d3c2;;
    text-decoration: none;
}
section.video a:hover i, section.video a:focus i {
    color: #73d0da
}
section.bgerr {    margin: 2rem;
    background: rgb(253 253 253) url(https://airnergy.com/user/plugins/error/wald-eichhoer.jpg) no-repeat center center;
    height: 476px;
}
.liste_pdf li{ margin-bottom: 3rem;
  font-size: 1.09rem;
  background: #ffffff;
  box-shadow: 1px 2px 2px #dbdbdb;
  padding: 0 7px 26px 21px;
    margin-bottom: 3.9rem;
  font-size: 1.09rem;
}
.liste_pdf h6 {letter-spacing: 1px;}
.liste_pdf a{ display: flex!important; gap: 9px;margin-bottom: 9px;align-items: center;}
.liste_pdf a img {max-width:134px !important;}
.liste_pdf a.spdf {
      margin: 0 1vw 0 auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      gap: 2px;
      text-align: right;
      max-width: 170px;
    }
.bger {
    text-align: center;
    margin: 9px auto 12px;
}
.fa-search {
  position: absolute;
  top: -14px;
  left: 0;width: 19px;
}
.table1 {
    display: flex;
    gap: 17%;
}
.thumbg .container{max-width: 100%;}
.thumbg .container .row{
    display: flex;
     width: 101.42%;
    justify-content: space-evenly;
    flex-wrap: nowrap;

    margin: 0;
}
.thumbg h5 { opacity: 0.6;font-size: 14px;
}
.thumbg h5:hover { opacity: 1;
}
.thumbg .container .row .col-md-3{    padding-right: 9px;
    padding-left: 0px;
}
.gal3 .thumbnail a{
  max-height: 290px;
  overflow: hidden;
}
.tuerkis {border: 2px solid #007482;}
.textbgt .htuerk, .textbgt .htuerk a{color: #fff;text-shadow: 1px 1px 0px #000;}
.htuerk{ margin-top: 12px;font-style: italic;
}
.tuerkistxtnf{color: #007482;}
.tuerkistxt, .tuerkistx{color: #007482;
    line-height: 1.6942rem;
    letter-spacing: 2px;
    padding: 4rem 6%;
position: relative;
}
.grecaptcha-badge {
  display: none;
  bottom: 136px !important;
}
.video{position: relative;}
.sonnig{background-image: url(../img/sun.svg);background-repeat: no-repeat;

  animation: rotation 9s infinite linear;

  height: 43vw;
    background-repeat: no-repeat;
    width: 44vw;
    left: 28vw;
    background-position: center top;
    /* background-size: 43%; */
    opacity: 0;
    position: absolute;
    transform-origin: center;
}

@keyframes rotation {
  0%{opacity: 1}
  43%{opacity: 0}
  100% {
      transform: rotate(360deg);  opacity: 1;
  }
}
.tuerkistx{  padding:0;}
.hgtuerk{background:#007482; text-align: left;margin: 76px 0;}
.hgtuerk a, .textbgt a{color: #eaffdd;
  letter-spacing: 1px;
  text-shadow: -2px 2px 0px rgb(0 0 0);}
.hgtuerk a:hover{color: #fff}
.uh1 a{  color: #ffffff;
  /* text-decoration: underline; */
  text-shadow: -2px 1px 4px #003b39;
  box-shadow: 0px 1px 0px #797979d6;}
.wiss>p{background: #ffffff;
    padding: 3%;
    width: 96%;
    border-radius: 0px;
    border: 17px solid #dbfffd;
    outline: 19px solid #eef7f7;
    margin: 0 auto 60px;
}
.lsp {
    letter-spacing: .73902rem;
}
.uh4 {letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.96rem;
    margin-bottom: 2rem;line-height: 2.2rem;
}

.flexc {
    text-align: center;
}
.w90 p, .w90  {
    line-height: 20px;
    font-size: .91rem;
}
/* ==========================================================================
Custom Slider Controls (Flickity)
========================================================================== */
.flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: transparent;
    border: 2px solid white;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
    background: white;
}
.gsg {
    width: 61.8034%;
}
.flex{display: flex;gap: 4vw;
}
.impr:before, .impr:after{display: none;width: 0;gap: 0}
.impr {gap: 32px;
    justify-content: space-between;
    border-top: 1px solid #005771;
    padding-top: 6rem;
    margin-top: 6rem;
    color: #ccf5ff;
}
.ico {    display: flex;justify-content: center;
    gap: 0.6vw;
    text-align: center;
    margin-top: 4rem;
}
.ico img { margin: 3px 9px;}
hr{border-top: 1px solid #005771;}
.gsgk {
    width: 38.1956%;}
.gsgk, .gsg {    box-sizing: border-box;
  padding: 4% 0;
}
.alignlinks{
    display: inline-block;
    float: left;
    margin-right: 1rem;
    align-self: flex-start;
}
.single_image{display: block!important}
/* .fancybox-iframe, .fancybox-inner{min-height: 79vh;} */
.fancybox-opened .fancybox-inner .fancybox-iframe .navbar-default {display: none;}
.bgimg.Avant-garde-design-edition h1 {
    opacity: 0;
}
/* ==========================================================================
Features Slider
========================================================================== */
.features-bg {
    position: relative;
    min-height: 400px;
    background: url('../img/brainfog-gesundheit-atmen.jpg') no-repeat center center;
    background-size: cover;
}
.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}
.features-slider {
    position: relative;
    padding: 7% 100px;
    height: 400px;
    background-color: #007482;
}
.features-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.features-slider ul li {
    width: 100%;
}
.features-slider li h1, .uh1, .features-slider li h3 {
    margin: 12px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 37px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.09vw;
    text-transform: uppercase;
    text-shadow: -1px 2px 4px #000;
    font-weight: 700;
}
.features-slider li p {
    color: #fff;
       letter-spacing: .0792vw;
}
.features-intro-img {
    position: relative
}
.slides li h1 {
    margin: 0;
    padding: 0;
}
.features-slider .flickity-page-dots {
    text-align: left;
    margin-top: 50px;
    position: static;
}
.features-slider .flickity-page-dots .dot {
    margin: 0 12px 0 0;
}
.fa-eye:before {
    content: "\f0a3";
}
/* ==========================================================================
Features List
========================================================================== */
.features-list {text-align: center; padding:63px 30px
}
.features-list h1 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #24374b;
    font-size: 20px;
}
.features-list p {
    margin-bottom: 20px;
    color: #007482;
}
.feature-content {
    display: inline-block;
    margin-left: 0;
    width: 90%;
}
.feature-icon {
    display: inline-block;
    margin: 29px;
    width: 90px;
  height: 90px;
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    line-height: 90px;
}
.feature-icon i {
    color: #4e9ba3
}
.skiptranslate {
    position: absolute;
    width: 77%;
    top: 6rem;
}
/* ==========================================================================
Blockquote
========================================================================== */
blockquote {position: relative;
    margin: 20px 0 0;
    padding: 9px 20px 13px 46px;
    border: none;
    font-style: italic;

line-height: 1.4;
border-top-width: 0px;
border-bottom-width: 0px;
background-size: 34px 32px;
background-position: 1px 5px;
background-image: url(../images/quote.png);
letter-spacing: 1px;
background-repeat: no-repeat;
}
.p9{    margin: 20px 9% 0;
}
.artikelsammlg blockquote{    padding: 9px 17px 13px 27px;
    background-size: 24px 20px;margin: 0;
    background-position: 1px 6px;}
/* blockquote:before {
  content: "“";
      position: absolute;
      z-index: -9;
      font-size: 6rem;
      line-height: 2rem;
      left: -21px;
      top: 1.06rem;
  color: #d9d9d9;
} */
.ulmitd {
    margin-bottom:  30px;
    padding: 29px 41px 30px;
    list-style: disc;
}
iframe{max-width: 100%;
    margin: auto;
    text-align: center;
    display: grid;}
.carousel-inner blockquote:before {
  content: "";display:none;}
blockquote p {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* width: 70%; */
    vertical-align: top;
    font-style: italic;
}
.with-sidebar-wrapper blockquote+p , blockquote+p   {
  border-bottom: 3px dotted #8b8b8b36;
  font-size: 0.9rem;
  margin: 0 0 4rem 3rem;
  padding-bottom: 4px;
}
.with-sidebar-wrapper blockquote~p:first-of-type +p, .blog-item-holder blockquote~p:first-of-type +p  {border:0px;margin: 0;}
.gdlr-blog-content blockquote p {
    width: 100%;}
blockquote .avatar {
    display: inline-block;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
}
blockquote .logo-quote {
    display: inline-block;
    margin: 0 0 0 90px;
}
#tagcloud .smallest {
    font-size: 16px;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  margin: auto;}
/* ==========================================================================
Showcase
========================================================================== */
.showcase {
    /* background: url('../img/mehr-innere-Energie-Airnergy-g.webp') no-repeat center top; */
      background: url('../img/mehr-innere-Energie-Airnergy-14.webp') no-repeat center top;
    background-size: cover;
}
.showcase h1 {
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.showcase p {
    margin-bottom: 25px;
    color: #fff;
}
.device {margin: auto;
    /* position: absolute; */
    top: -73px;
        left: 26%;
    min-height: 316px;
    width: auto;
}
.kl {font-style: italic;
    font-size: .99rem;
    line-height: 1.69rem;
      margin: 12px 0;
    letter-spacing: 1px;
}
.anker, #AnwendungGeraete{scroll-padding-top: 99px;scroll-margin-top: 99px;display: block;}
.carousel-inner .kl {color: #82a3a7;}
summary {     padding-bottom: 3px;
    cursor: n-resize;
      color: #007684;
    /* font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif; */
    border-bottom: 1px solid #ccc;margin: 39px 0 13px;

}
.hgtuerk summary {font-size: 16px;font-family:  Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
  border-bottom: 1px dotted #909090;
      color: #fff;
}
.alignright{
    float: right;
}
.testimonialSlider .kl{color: #a4b2b9;}
.containershow {
        width: 90%;margin: auto;
    }
.device-content {    margin: 29px auto 0;
    /* position: absolute; */
    top: 115px;
    left: 0;
    width: 407px;
    height: auto;max-width: 100%;
}
/* .device-content a, .thema */
.device-content img, .thema  {min-height: 279px;
  min-width: 320px;
    width: 100%;max-width: 100vw;
    height: auto;
}
.thema a {color: #fff;}
.thema a:hover {color:#96feff;}
.thema {max-height: 307px;display: block;
    margin-bottom: 2rem;    position: relative;
    height: fit-content;}
.showcase-wrap {
    position: relative;
    padding: 79px 0;
        box-sizing: border-box;
        min-height: 1293px;
}
.device-txt {
    position: absolute;
    bottom: 10px;
      left: 17px;
      color: #fff;
      font-size: 01.0rem;
      letter-spacing: 1px;
      line-height: 1.29rem;
      font-weight: 400;
}
.showcase-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.showcase-slider .flickity-page-dots {
    bottom: 20px;
}
#click {    position: fixed;
    left: 93vw;
    bottom: 7rem;
 display: none;
}
#click:hover{bottom: 7.1rem;}
.gdlr-post-author {
  display: none;
}
.zent {
  display: block;
  text-align: center;
  margin: auto;
}
.zentr{text-align: center;margin:39px auto;display: block;}
.flore{float: right;display: inline-block;margin: 1rem 0 1rem 1rem;}
.floli{float: left;display: inline-block;margin: 1rem 1rem 1rem 0;}
.df{color: #006877;font-size: 2.69rem;line-height:3.299rem;
    text-shadow: -1px 1px 6px #4b4b4b69;}
.zertif{background-repeat: no-repeat;padding: 47px 0 249px;background-size: auto 100%;
      background-position: center;
        background-image: url(../img/hexagonal-wasser.webp);
    }
.zebl .feature-content {    padding: 24px;
        text-align: center;
        margin: 0;
        width: 100%;    max-width: 284px;
        background-color: #ffffff;
    }
    .zebl {
    display: grid;    max-width: 284px;
    }
    .zeblh, .zeblf {    padding: 0;
        max-width: 253px;
        padding: 13px;
        color: #fff;
        background-color:#007382;
          /* background-blend-mode: multiply;
          background-blend-mode: hard-light; */
          /* opacity: 0.9; */
    }
    .zertif .col-md-12{justify-content: center;
        gap: 3px;
       display: flex;
       align-content: stretch;
       flex-wrap: wrap;
    }
/* ==========================================================================
Screenshots Intro
========================================================================== */
.screenshots-intro {
    padding: 136px 0 74px 0;
    background-color: #f6f7f9;
}
.screenshots-intro h1 {
    margin-bottom: 20px;
    color: #24374b;
    font-weight: 400;
    font-size: 22px;
}
.screenshots-intro p {
    margin-bottom: 25px;

}

/* ==========================================================================
Screenshots
========================================================================== */
.screenshots ul { display: flex;

    margin: 0;
    padding: 0;
    width: 100%;
}
.screenshots ul li {
    float: left;
    min-height: 100%;
    width: 20%;
    background-color: #000;
    list-style: none;
}
.screenshots figure {display: grid;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.screenshots figure img {
  width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.center {
    text-align: center;
    margin: 62px auto;
    /* max-width: 100%; */
    /* min-width: fit-content; */
    display: grid;
}
.scr3col{
    margin: 34px 0;
}
.scr3col ul li {width: 33%;}
.scr3col figure img {
  width: auto;
    height: 100%;
    max-width: none;}
.screenshots figure:hover img, .screenshots figure:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.screenshots figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 100%;
    height: 100%;
    background-color: rgba(63, 97, 132, 0.85);
    text-align: center;
    font-size: 15px;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.screenshots figcaption a {
    color: #fff
}
.screenshots figcaption a:hover, .screenshots figcaption a:focus {
    color: #73d0da
}
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption {
    opacity: 1
}
.visible {
    opacity: 1
}
.screenshots figure.cs-hover figcaption {
    opacity: 1
}
.screenshots figcaption i {
    font-size: 35px
}
.screenshots figcaption p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.screenshots figcaption .caption-content {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-top: -40px;
    margin-left: -100px;
    width: 200px;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
#lEN {
  padding: 3px 4px;
}
#menu li.m .arrow {
  margin-left: 6px;
  font-size: 0.6em;
  transition: transform 0.3s ease;
  display: inline-block;
}
#menu li.m.open .arrow {
  transform: rotate(180deg); /* dreht ▼ zu ▲ */
}
.fa-angle-down:before {
  content: "";
}
table tr:nth-child(even), th {
  background: #f0f0f0;
}
table tr:nth-child(odd) {
  background: #FFF;
}
table td, th p {
    margin: 0;
    height: 100%;
    /* background: aliceblue; */
    border: 1px solid #c6ecff;
    padding: 6px;
}
th p {
    border-left: 0px solid #c6ecff;}
table, tr, td {
    hyphens: auto;
    max-width: 100vw;
    border-spacing: 0;
    border-collapse: collapse;
    overflow-x: auto;
    white-space: normal;
    word-break: break-word;
}
.fancybox-type-iframe .fancybox-inner  {
  min-height: 390px;}
 .fancybox-inner iframe {
  min-height: 300px;}
/* ==========================================================================
Download Now
========================================================================== */
.download {
  color: #fff;
    padding: 120px 3%;
    box-sizing: border-box;
    background-color: #007684;
}
.download a:hover, .download a{color: #fff; border-bottom: 1px solid #1a9dad;}
.download h1 {
    margin: 0 0 15px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}
.weiss{color: #fff;}
.upper{text-transform: uppercase;}
blockquote {
    font-size: 1.369rem;}
/* ==========================================================================
Footer
========================================================================== */
.home #toTop{display: none;border: 0px}
footer {
    padding: 69px 0 23px;
font-size: 1.09rem;
    background: #003841;
    background-image: url(../img/weltweit-waldbaden-erzeugen.gif);
    background-repeat: no-repeat;
    background-position: center;
}
footer p {
    color: #c7cacc;
    font-size: 13px;
}
.firma{font-size: 14px;}
footer ul {
    margin-top: 30px
}
footer li {
    float: left;
    margin-right: 15%;
    list-style: none;
    text-transform: uppercase;
    font-weight: 400;
}
footer a   {
      color: #4efffe;
}
footer li:last-child {
    margin-right: 0
}
.lg {
    display: block;
    font-size: 2.618rem;
    font-style: italic;
}
.lgp{
    font-size: .79rem;
}
/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 116, 130, 0.93);
}

/* Menu style */
.overlay nav {display: none;
    position: relative;
    top: 50%;
    height: 60%;
    text-align: center;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.overlay ul li {
    display: block;
    float: left;
    margin-right: 20px;
}
.overlay ul li:last-child {
    margin-right: 0px
}
.overlay ul li i {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
}
.overlay ul li a {
    display: block;
    padding: 50px 0;
    min-width: 190px;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color:  #007482;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.overlay ul li a:hover, .overlay ul li a:focus {
    border-color: #73d0da;
    color: #73d0da;
}

/* Effects */
.overlay-boxify {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.read  {
    display: block;
    margin:23px 0 14px;
}

.verl{color: #007482;
    /* -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(90deg, #002c31 12%, #017783 49%, #00bcc7 79%);
    -webkit-background-clip: text; */
  }
/* ==========================================================================
Waypoints
========================================================================== */
  /**/ .lazyload{display: none;}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9 {
    visibility: hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown, .fadeInDownBig, .fadeInUpBig, .swing, .lightSpeedIn, .slideInUp {
    visibility: visible
}
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.folgst {min-height: 99px;hyphens: auto;webkit-hyphens: auto;
    background: rgb(0, 116, 130);
}
.folgst h1 { margin: 7% 0 8px 0;}
.fst{margin: 4rem 9px;}
.containergesw .hgwald {background: url(../img/Airnergy-Firmengesundheit-hg.webp) no-repeat center center;
    background-size: cover;background-attachment: fixed;
   margin: 4rem 0 0!important;
    display: flex;
    width: 100%; min-width:100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;    box-sizing: border-box;
    padding: 3rem 3rem 7rem;
}
.hgwald img {
    max-width: 33.33%;
    height: auto;
border: 2px solid #fff;}
.hgwald img:hover{opacity: 0.4}
.cr_body {
    background-color: transparent;
    font-size: 12px;
    color: #fff;}
.vortxt {    cursor: pointer;margin: 19px auto;
        color: #7bf0ff;
        letter-spacing: 1px;background-color: #005b67;
    padding: 7px 3px;
    }
    .home .video .wh4 {
      font-size: 2.396em;}
.faq ~ p>strong, .faq ~ details summary {display: block;  margin: 24px 0 -7px;color: #007482;  font-size: 20px;
font-family: 'Oswald', Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
}
.faq ~ details summary {
  margin: 13px 0 13px;
}