/* Template © admotion*/


html 
{
   height:			auto;
}


body
{
   height:			auto;
   margin:			0px;
   padding:			0px;
   font-family:		'Utopia', sans-serif;
   font-weight:		400;
   font-size:		19px;
   color:			#fff;
   line-height:		145%;
   letter-spacing:	0.01em;
   background: url(/images/knie-bg.webp) top 350px left; background-size: 100% auto;
}

* {box-sizing: border-box;}

#system-message { margin: 0px; }

/* bootstrap import */
img { width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: transparent;}
.nav > li > a {display: block;}
li { line-height: normal;}
.nav {list-style: none; padding: 0; margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ul.unstyled, ol.unstyled { list-style: none;}
.visually-hidden {display: none;}
/* ---------------------------------- */


:root {
  --primary: #243282;
  --secondary: #A3BDE3;
  --orange: #FC7702;
  --rot: #EF0C2A;
  --lachs: #FEC97C;
  --gruen: #448B91;
  --violett: #8A38F5;
  --text: #fff;
}



/* ------- Header -------- */

header { width: 100%; position: absolute; top: 0; display: flex; justify-content: space-between; padding: 20px; z-index: 1000;}

#logo { max-width: 300px; width: 70%; }


/* ------- Inhalt -------- */

.item-image {margin: 0; width: 100%; height: 400px; position: relative; z-index: 1;}
.item-image::before { width: 100%; height: 50%; position: absolute; top: 0; left: 0; content: ''; background: linear-gradient(180deg,rgba(0, 27, 133, 0.5) 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2;  }
.item-image::after { width: 100%; height: 30%; position: absolute; top: 0; left: 0; content: ''; background: linear-gradient(180deg,rgba(0, 27, 133, 0.5) 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2;  }

.item-image img {position: absolute; object-fit: cover; width: 100%; height: 100%;z-index: 1; }
.com-content-article__body { width: 100%; padding: 75px 20px;  }
.com-content-article__body img {border-radius: 10px;}


video { width: 100%; height: auto;  display: block; border-radius: 10px;}

#intro-container {display: flex; flex-direction: column-reverse; position: relative; z-index: 10;gap: 40px;} 

#intro-img {width: 200px; aspect-ratio: 1 / 1; margin-top: -220px; position: relative; animation: slideUp 1s ease-out; transition: 0.2s ease-in-out; align-self: flex-end;}
/* #intro-img:hover {transform: scale(1.05) rotate(-3deg);} */

#intro-img img {position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: top left;}
@keyframes slideUp {
    from {transform: translateY(40px); opacity: 0;}
    to {transform: translateY(0); opacity: 1;}
}


.bild-txtcenter {margin-bottom: 40px; overflow: hidden;}
.bild-txtcenter .wf-column:first-child img {aspect-ratio: 1 / 1; object-fit: cover; max-width: 200px;}
.bild-txtcenter .wf-column:first-child .uk-slideshow {aspect-ratio: 1 / 1; max-width: 200px;}
.bild-txtcenter .wf-column:last-child {display: flex; justify-content: center; flex-direction: column;}
.bild-txtcenter .wf-column {  will-change: transform, opacity;  transform-origin: center center; }

.txtcenter {display: flex; justify-content: center; flex-direction: column; height: 100%;}

.preise .wf-columns-gap-large {gap: 0;}


#inhalt iframe {border-radius: 10px;}


/* ------- Showbox (Slider Home) -------- */

#showbox-container { width: 100%; position: relative; }
#showbox { width: 100%; position: relative; aspect-ratio: 16 / 9; }
#showbox::before { width: 100%; height: 50%; position: absolute; top: 0; left: 0; content: ''; background: linear-gradient(180deg,rgba(0, 27, 133, 0.5) 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2; pointer-events: none;  }
#showbox::after { width: 100%; height: 30%; position: absolute; top: 0; left: 0; content: ''; background: linear-gradient(180deg,rgba(0, 27, 133, 0.5) 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2; pointer-events: none; }

#showbox video { border-radius: 0;}
#showbox .uk-scope {height: 100%;}
#showbox .uk-scope .homeslider {height: 100%;}
#showbox .uk-scope .homeslider .uk-position-relative {height: 100%;}
#showbox .uk-scope .homeslider ul {height: 100% !important; min-height: 100% !important; aspect-ratio: auto;}
#showbox .uk-scope .homeslider .uk-margin {height: 100% !important; margin: 0; width: 100%;}
#showbox .uk-scope .homeslider img {height: 100%; margin: 0; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}




/* ------- Störer -------- */
#stoerer {background: url(/images/Muster/muster.jpg) no-repeat; background-size: cover; border-radius: 10px; position: relative; padding: 20px; margin: -40px 20px 0; font-size: 19px; line-height: 1.4;}
#stoerer p,#stoerer h1, #stoerer h2, #stoerer h3, #stoerer h4 {text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);}
#stoerer a {text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; color: var(--primary); font-weight: 700;}



/* ------- Newsletter -------- */
#newsletter {padding: 0px 20px;}
#newsletter .wf-columns-gap-large { gap: 0rem; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { border: 0px !important; background: var(--secondary) !important;  border-radius: 10px !important; padding: 10px 10px 7px !important; font-family: 'Utopia'; font-size: 18px;}
.mauticform_wrapper {color: var(--primary) !important;}
.mauticform-button-wrapper .mauticform-button { font-weight: 400 !important; border: 0px !important; padding: 6px 10px 7px !important; font-size: 18px !important;  border-radius: 10px !important; font-family: 'Chelsea Market'; color: var(--text) !important; background: var(--orange) !important; transition: 0.2s; }
.mauticform-button-wrapper .mauticform-button:hover { background: var(--secondary) !important; }

.mauticform_wrapper {max-width: 100% !important; margin: 0 !important;}

#newsletter img {max-width: 300px;}

.mauticform-selectbox { color: var(--primary);}
.mauticform-selectbox::placeholder, .mauticform-input::placeholder, .mauticform-textarea::placeholder { color: var(--primary);}


/* ------- Sprache -------- */
#sprachen {position: absolute; top: 20px; left: 20px;}
.gpt_float_switcher .gt-selected .gpt-current-lang {  padding: 0 !important;}
div.gpt_float_switcher .gt-selected, div.gpt_float_switcher, div.gpt_options {background: transparent !important;}
.gpt_float_switcher {font-family: 'Utopia', serif !important;}
.gpt_float_switcher .gpt_options.gt-open {padding-top: 30px;}

.gpt_float_switcher .gpt_options a {background: var(--primary); padding: 10px;}



/* ------- Widgetkit -------- */

.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
  margin: 0; line-height: 130%; font-weight: 400; font-family: 'Chelsea Market';  color: var(--text); }
  .uk-scope * + address, .uk-scope * + dl, .uk-scope * + fieldset, .uk-scope * + figure, .uk-scope * + ol, .uk-scope * + p, .uk-scope * + pre, .uk-scope * + ul {  margin-top: 0px;}
.uk-scope address, .uk-scope dl, .uk-scope fieldset, .uk-scope figure, .uk-scope ol, .uk-scope p, .uk-scope pre, .uk-scope ul {  margin: 0;}

.uk-scope h3 { margin: 0 0 10px; }
.uk-scope h4 { margin: 0 0 10px; }

.uk-scope .uk-card-primary.uk-card-body, .uk-scope .uk-card-primary > :not([class*="uk-card-media"]), .uk-scope .uk-card-secondary.uk-card-body, .uk-scope .uk-card-secondary > :not([class*="uk-card-media"]), .uk-scope .uk-light, .uk-scope .uk-overlay-primary { color:var(--text);}
.uk-scope .uk-overlay-primary { background: #243282c9;}
.uk-scope .uk-panel { border-radius: 10px; overflow: hidden;}

.uk-scope .uk-link, .uk-scope a { color: var(--secondary);}
.uk-scope .uk-link-toggle:hover .uk-link, .uk-scope .uk-link:hover, .uk-scope a:hover { color: var(--orange); text-decoration: none;}

.uk-margin ul {padding-left: 20px;}
.uk-margin li {list-style-type: disc; margin: 10px 0;}

    /*  Teaser  */
    .teaser {position: relative; z-index: 10;}
    .teaser .uk-h3 {position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 5;}
    .teaser img {aspect-ratio: 1 / 1; object-fit: cover;}
    .uk-scope .teaser .uk-panel .uk-inline-clip::before { width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; content: ''; background: linear-gradient(180deg,rgba(0, 27, 133, 0) 0%,rgba(0, 27, 133, 0.75) 100%);z-index:2; pointer-events: none;}
    .uk-scope .teaser .uk-overlay {padding: 20px !important; z-index: 10;  scrollbar-width: none;overflow: scroll; bottom: 96px;}
    .uk-scope .teaser .uk-overlay > div { padding-right: 15px; hyphens: auto; -webkit-hyphens: auto;  overflow-wrap: break-word;  word-break: normal;}
    .uk-scope .teaser .uk-overlay > div::before {content: ''; background: url(/images/scroll.svg) no-repeat; background-size: 100%; width: 12px; height: 30px; animation: scroll 1s infinite; position: absolute; top: 8px; right: 8px;}
   @keyframes scroll {
    0% {transform: translateY(0);}
    40% {transform: translateY(5px);}
    0% {transform: translateY(0);}
   
   }


    .uk-scope .teaser .uk-overlay a {font-weight: 700; text-decoration: underline;}
    .uk-scope .teaser .uk-overlay a:hover {color: var(--orange);}
    .uk-scope .teaser .uk-overlay::-webkit-scrollbar { display: none;}

    .uk-scope .teaser .uk-flex-middle { align-items: flex-start;}
    .uk-scope .teaser .uk-text-center { text-align: left !important;}


    /*  Accordion  */
    .uk-scope .uk-accordion-default .uk-accordion-title {background: var(--secondary); padding: 10px 15px; color: var(--primary); font-weight: 700; border-radius: 10px;}
    .uk-scope .uk-accordion-default .uk-accordion-title:hover {background: var(--orange); padding: 10px 15px; color: var(--text); font-weight: 700;}
    .uk-scope .uk-accordion-default .uk-accordion-icon {color: var(--primary);}


    /*  Zooplan  */
    .zooplan .uk-card-body {padding: 10px;}
    .uk-scope .zooplan .uk-card-primary { background-color: var(--rot); color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.08); white-space: nowrap;}
.uk-scope .zooplan .uk-drop {width: auto;}
 .uk-scope .zooplan .uk-light .uk-marker {background: var(--rot); color: var(--text); border-radius: 0; padding: 1px;}

 .zooplan {overflow-x: scroll; scrollbar-width: none; position: relative; transform-style: preserve-3d; transition: transform 0.15s ease-out;  will-change: transform; 
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0%,
    #000 90%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    #000 0%,
    #000 90%,
    transparent 100%
  );
}
 .zooplan::-webkit-scrollbar { display: none;}
 .zooplan img {min-width: 880px;}
 .zooplan .uk-hidden\@s {display: none !important;}
 .zooplan .uk-visible\@s {  display: block !important; }
 .mobileonly {display: block;}

     

/* ------- Insta Feed elfsight -------- */
.eapps-instagram-feed-header-container, #eapps-instagram-feed-1 .eapps-instagram-feed-header {border-radius: 10px; overflow: hidden;}
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item {border-radius: 10px;}


/* ------- Shopify embed -------- */
.shopify iframe {  max-width: 100% !important;}




/* ------- RS Formulare -------- */
.formResponsive input[type="email"], .formResponsive input[type="number"], .formResponsive input[type="password"], .formResponsive input[type="tel"], .formResponsive input[type="text"], .formResponsive input[type="url"], .formResponsive textarea {
  background-color: #fff;  border: 0;  border-radius: 10px;  box-shadow: inset 0 0px 0px rgba(0,0,0,.075); font-family: 'Utopia', serif; width: 100%; box-sizing: border-box; padding: 20px 15px; font-size: 18px;}

.formRow {margin-bottom: 25px;}

.formControlLabel {font-weight: 700;}
.formResponsive input[type="checkbox"], .formResponsive input[type="radio"] { margin-right: 10px;}
.formResponsive .formControls label {  margin: 3px 15px 3px 0;}

.formResponsive button[type="reset"], .formResponsive button[type="submit"], .formResponsive input[type="reset"], .formResponsive input[type="submit"] {
  background-color: var(--orange); font-family: 'Chelsea Market', sans-serif; font-size: 20px; padding: 10px 20px 15px; border-radius: 10px;
  background-image: none; margin-top: 25px;
  border: 0px; box-shadow: none;
  color: #fff;
  text-shadow: 0 0px 0 rgba(0,0,0,.25);
}
.formResponsive button[type="reset"]:hover, .formResponsive button[type="submit"]:hover, .formResponsive input[type="reset"]:hover, .formResponsive input[type="submit"]:hover {background: var(--secondary); text-shadow: none;}

.rsfp_thankyou_popup_inner {color: var(--primary);}

/* ------- Footer -------- */

footer  {  width: 100%; padding: 40px; background: var(--primary); position: relative; margin-top: 40px; font-size: 19px !important;}
#footerimg  {  width: 100%; position: absolute; left: 0; bottom: 100%; z-index: -100;}
#footerimg img {  min-width: 100%;}
.mitgliedschaften {max-width: 222px; margin-top: 10px;}
.mitgliedschaften .wf-column {background: white; border-radius: 10px; padding: 5px;}

.footerlogoweiss {background: white; border-radius: 10px; padding: 10px;}


/* ------- Fonts & Styles -------- */

h1 { margin: 0px 0px 25px 0px; padding: 0px; font-size: 30px; line-height: 130%; font-weight: 400; font-family: 'Chelsea Market'; }
h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 25px; line-height: 130%; font-weight: 400; font-family: 'Chelsea Market'; }
h3 { margin: 0 0 10px; padding: 0px; font-size: 20px; line-height: 130%; font-weight: 400;font-family: 'Chelsea Market'; }
h4 { margin: 0px; padding: 0px; font-size: 20px; line-height: 130%; font-weight: 700; }
h5 { margin: 0 0 25px; padding: 0px; font-size: 25px; line-height: 130%; font-weight: 400;font-family: 'Chelsea Market'; }


a { text-decoration: none; outline: none; color: var(--text); font-weight: 700; }
a:hover { text-decoration: none; color: var(--orange); }
a:focus { text-decoration: none; outline: none; }

a.dunkel { text-decoration: none; outline: none; color: var(--primary);  }
a.dunkel:hover { text-decoration: none; color: var(--orange); }

a.button {border-radius: 10px;background: var(--orange); font-family: 'Chelsea Market'; color: var(--text); padding: 5px 20px; display: inline-block; transition: 0.2s; margin-right: 10px; margin-bottom: 10px;}
a.button:hover {background: var(--secondary);}

a.button-blau {border-radius: 10px;background: var(--primary); font-family: 'Chelsea Market'; color: var(--text) !important; padding: 5px 20px; display: inline-block; transition: 0.2s; font-size: 0.9em; }
a.button-blau:hover {background: var(--secondary); text-decoration: none !important;color: var(--primary) !important;}

p {margin: 0; }
p.abstand {height: 40px; }
p.infotext {font-size: 14px; font-style: italic; line-height: 1.3; }

hr {border-top: 0px; border-bottom: 1px solid white; margin: 40px 0;}

.dreieck-rot::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--rot);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }
.dreieck-orange::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--orange);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }
.dreieck-gruen::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--gruen);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }
.dreieck-violett::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--violett);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }
.dreieck-blau::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--secondary);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }
.dreieck-lachs::before { content: ""; width: 14px; height: 16px;  display: inline-block;  background: var(--lachs);  -webkit-mask: url("/images/dreieck-r.svg") no-repeat center; mask: url("/images/dreieck-r.svg") no-repeat center; -webkit-mask-size: contain; mask-size: contain; position: relative; margin-right: 10px; }

table.linien {width: 100%; border: 0; border-collapse: collapse; }
table.linien td {padding: 10px 2px; border-bottom: 1px solid white; vertical-align: top;}


/* ------- Störer -------- */
#box {background: url(/images/Muster/muster.jpg) no-repeat; background-size: cover; border-radius: 10px; position: relative; padding: 20px; margin-bottom: 25px;}
#box p,#box h1, #box h2, #box h3, #box h4, #box p, #box td {text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);}
#box a { color: #5bddec; font-weight: 700;}
#box a:hover {text-decoration: underline;}




/* ------- Random Stuff -------- */

#webdesign  { margin-top:40px; background: var(--secondary) url(../images/webdesign-admotion.png); position: absolute; right: 0px; width: 25px; height: 91px; z-index: 10;}
#webdesign p  { margin: 0px; }
#webdesign a  { width: 25px; height: 91px; display: block; }


.clear { line-height: 0; }

#scrollup { display: none; position: fixed; bottom: 10px; right: 10px; z-index: 99; border: none; outline: none; background-color: var(--primary); color: white; cursor: pointer; padding: 7px 2px; width: 30px; border-radius: 2px;}
#scrollup:hover { background-color: var(--secondary);}

    .goennerpin {width: 140px !important; right: 45vw; transform: translateX(50%); top: 52px;}


@media(min-width:460px){
    
}


@media(min-width:660px){
.mauticform-page-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.mauticform-row {margin: 0 !important;}

footer .wf-column {min-width: 40%;}
footer .mitgliedschaften .wf-column {min-width: auto;}

}


@media(min-width:768px){
#stoerer { margin: -80px 20px 0; max-width: 750px; }


    .bild-txtcenter .wf-column:first-child img {max-width: 300px;}
.bild-txtcenter .wf-column:first-child .uk-slideshow {max-width: 300px;}

.dreieck-versatz {transform: translateX(-24px);}



}

@media(min-width:960px){
     
    header {padding: 40px;}

    body {font-size: 21px;}
    h1 {font-size: 50px;}
    h2 {font-size: 35px;}
    h3 {font-size: 24px;}
    footer h3 {font-size: 20px;}

    hr { margin: 40px 0;}

    #newsletter {padding-right: 150px;}
    .newsletter_zentriert {display: flex; justify-content: center; flex-direction: column;}
    #newsletter img {max-width: 100%;}

    #stoerer { margin: -150px 40px 0; max-width: 450px; }

    .com-content-article__body {padding: 75px 40px;}
    .wf-columns-gap-large { gap: 40px;}
    .preise .wf-columns-gap-large { gap: 40px;}

    .bild-txtcenter .wf-column:first-child img {max-width: 100%;}
    .bild-txtcenter .wf-column:first-child .uk-slideshow {max-width: 100%;}

    .teaser .uk-h3 { bottom: 40px; left: 40px; right: 40px;}
    .uk-scope .teaser .uk-overlay {padding: 40px !important;}



     .zooplan { -webkit-mask-image: none; mask-image: none;}
     .mobileonly {display: none;}
 .uk-scope .zooplan .uk-light .uk-marker {padding: 3px;}


}



@media(min-width:1250px){
    .com-content-article__body {padding: 75px 40px;}
    #logo {width: 450px; max-width: none;}
    
    p.abstand {height: 150px; }

    body {   background: url(/images/knie-bg.webp) top 400px left; background-size: 100% auto;}
    .item-image {height: 630px; }
    .item-image::before { width: 650px; height: 100%; position: absolute; top: 0; right: 0;left: auto; content: ''; background: linear-gradient(270deg,#001B85 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2;  }
    
    #showbox::before { width: 650px; height: 100%; position: absolute; top: 0; right: 0;left: auto; content: ''; background: linear-gradient(270deg,#001B85 0%,rgba(0, 27, 133, 0.00) 100%);z-index:2;  }

    #stoerer { margin: 0; max-width: 340px; position: absolute; bottom: -40px; left: 40px; padding: 40px; }

    #box {padding: 40px; margin-bottom: 40px;}


    #sprachen {position: relative; left: auto; top: -3px; }
    .gpt_float_switcher .gpt_options {right: 0;}
    .gpt_float_switcher .gpt_options.gt-open {right: 0; padding-top: 30px;}
    div.gpt_float_switcher, div.gpt_float_switcher div.gt-selected div.gpt-current-lang, div.gpt_float_switcher, div.gpt_float_switcher div.gpt_options a {font-size: 16px !important;}


    #newsletter .newsletter_bild {max-width: 750px;}
    #newsletter .newsletter_zentriert {max-width: 750px;}

    .einspaltig {margin-left: 10%; margin-right: 10%;}
    #intro-container {flex-direction: row; gap: 40px; margin-left: 10%;}
    #intro {flex: 2;}
    #intro-img {flex: 1; width: auto;margin-top: -150px; align-self: auto;}

    .bild-txtcenter {overflow: visible;}

    .goennerpin {padding-right: 70px; padding-top: 12px;}
    .goennerpin {width: 350px !important; right: auto; transform: translateX(0%); top: auto;}

    .uk-scope .teaser .uk-overlay {bottom: 116px;}

footer .wf-column {min-width: auto;}


}



@media(min-width:1750px){
    header {padding: 40px 60px;}
    body {font-size: 20px;}
    h1 {font-size: 70px;}
    h2 {font-size: 48px;}
    h3 {font-size: 32px;}
    h5 {font-size: 32px;}
   
    .teaser .uk-h3 { font-size: 32px;}

footer {padding: 40px 150px;}

#showbox {max-height: 85dvh; overflow: hidden;}

    .com-content-article__body {padding: 100px 60px;}
    #intro-img {margin-top: -180px;}

    .uk-scope .teaser .uk-overlay {z-index: 1; bottom: 150px;}
    .uk-scope .teaser .uk-overlay > div::before {content: none;}

  #stoerer {max-width: 404px;}

    .wf-columns-gap-large { gap: 60px;}
    .preise .wf-columns-gap-large { gap: 60px;}
    #intro-container {gap: 60px;}
        
    .uk-scope .uk-grid > * { padding-left: 60px;  }
    .uk-scope .uk-grid { margin-left: -60px;  }
    
    .bild-txtcenter {margin-bottom: 60px;}



    hr { margin: 60px 0;}

}
    
@media(min-width:2150px){
    .com-content-article__body {padding: 150px 150px;}




}