@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
.home {font-size: 2.3em;
line-height: 1.2em;}

 li a.jugend {
  margin-bottom: 30px;
}
.uk-modal-caption {
    background-color: #c8c8c8;
padding: 2px 0;
bottom: -10px;
}
.uk-nav-offcanvas ul a {
    color: #85C2B9;
}

/* header dunkelrot padding */

{ white-space:nowrap; }
.uk-navbar-toggle::after
{display:none;
}
p.relative {
  position: relative;
}
.overline {
  border-top: 1px solid #DDC3BE;
  padding-top:0.4em;
}
.claim1 {
  padding: 0 0 0 150px;
}
body .wrapper { margin: 0;}
.page-border {    display: none;}
.footer-outer {
    font-size: 14px;
}
/* minimal reset */
* {
 box-sizing: border-box;
 padding: 0;
 margin: 0;
}

/* helper classes */
.is-flex {
  display: flex;
}

.has-text-left {
  width: 100%;
  text-align: left; 
  font-family: 'Playfair Display', serif;
}
.has-text-center { 
  width: 100%;
  text-align: center; 
  font-family: 'Playfair Display', serif;
}
.has-text-right { 
  width: 100%;
  text-align: right; 
  font-family: 'Playfair Display', serif;
}
.right {
    text-align: right;
}
.pack {
    width:33%;
  height:auto;
}
@media (max-width: 376px) { /* Menü raus - 3 Fotos untereinander*/
.pack {
    width:100%;
  height:auto;
}
}
.tm-toolbar {
    padding: 10px 145px;
}
h1, h2, h3, h4, h5, h6, li {font-family: 'Playfair Display', serif;}
h1.lhmin {line-height:0.5}
h2 {
    font-size: 48px;
    line-height: 58px;
      font-weight: bold;
}
h5 {
    font-size: 18px;
    line-height: 0.4;
}
h1 {
    font-weight: bold;
  z-index: 5;
position: relative;
}
p {font-family: 'Open Sans', sans-serif;font-size:14px;color:#44566C;line-height: 1.85;}
a, .uk-link {
    color: #44566C;
  text-decoration:none;
}
a:hover, .uk-link:hover {
    color: #F1AF88;
  text-decoration:none;
}
/* Menü-Styling*/
.uk-navbar-nav > li > a { text-transform: none;font-size:16px;padding: 0 24px;}
/* Extra-Schrift für Menü oben */ .uk-navbar-nav > li > a {font-family: 'Roboto', sans-serif;;} 
/* Einrückung Menü oben */ 
.uk-navbar-nav {
    margin: 0 0 0 20px;
}
ul.litext li {
    line-height: 1.33;
    color: black;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  padding-bottom:20px;
}
/* Menü mittig */
.menu-style {
    text-align: center;
}
/* Inhalt Presseboxen Text weiter links */

.sprocket-strips-s-content {
    z-index: 2;
    margin: 10px;
    padding-bottom: 20px;
}
/* Presse blättern */
.sprocket-strips-s-arrows .prev::before {
    left: 50%;
    margin-left: -3px;
    border-right: 5px solid;
    background-image: url("../../../../../../../images/buttons/prev.png");
    width: 29px;
  height: 14px;}
.sprocket-strips-s-arrows .next::before {
    left: 50%;
    margin-left: -3px;
    border-right: 5px solid;
    background-image: url("../../../../../../../images/buttons/next.png");
    width: 29px;
  height: 14px;}
.sprocket-strips-s-arrows {
    padding-right: 40px;
}
/*alte Pfeile Presse raus */
.sprocket-strips-s-arrows .arrow {
    background: #fff;
    color: #fff;
    border-color: #fff;
}
.sprocket-strips-s-arrows .arrow::before {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
/* BG wird lila + Farben*/
.purplebg {  background-color:#5B2E56; padding: 40px 0;}
  .beige{color:#F1AF88;}
  .haut{color:#DDC3BE;}
  .purple{color:#5B2E56;}
  
 .uk-navbar {background: #fff;} 
 .uk-navbar-nav > li > a{color:#F1AF88;text-transform: uppercase;}
 .uk-navbar-nav > li > a.beige{color:#F1AF88;}
 .uk-navbar-nav > li > a.haut{color:#DDC3BE;text-transform: uppercase;}
 .uk-navbar-nav > li > a.purple{color:#5B2E56;}
/*Main Menu aktiver Menüpunkt */
  .uk-active  > a {color: #85C2B9 !important;
  text-shadow: 0 0.05em 0.15em #85c2b9aa !important;}
.uk-navbar-nav > li > a:focus  {color: #85C2B9 !important;}
.uk-navbar-nav > li > a:hover  {color: #85C2B9 !important;}
/*Main Menu aktiver Menüpunkt 2. Ebene Off-Canvas */
.uk-nav ul {
    padding-left: 0px;
}
.uk-nav-offcanvas > li > a {
    color: #85C2B9;
    text-align: center;
}
.uk-nav-offcanvas > li > a:hover {
      background: #85C2B9 !important;
  color:#5B2E56 !important;
}
.uk-nav > li li > a {
    text-align: center;
}
.uk-nav > li li > a:hover {
      background: #85C2B9;
  color:#5B2E56 !important;
}
.uk-nav > li li > a {
    padding: 10px 30px;
}
/* Kontakt-Button */

.uk-navbar-nav > li > a.kontakt {display:none;}
  /* Balken oben Haut */
#top-a h6 {color:#DDC3BE; font-size:40px;line-height: 40px;}
#top-a h6 a{color:#DDC3BE; font-size:40px;line-height: 40px;}
#top-a h6 a:hover {color:#F1AF88; font-size:40px;line-height: 40px;text-decoration:none;}
#top-a h5 {color:#DDC3BE; font-size:15px;line-height:2.5em;}
#top-a h5 a {color:#DDC3BE; font-size:15px;line-height:2.5em;}
#top-a h5 a:hover {color:#F1AF88; line-height:2.5em; text-decoration:none;}
#top-a a:hover {color:#F1AF88; line-height:1.5em; text-decoration:none;}
  /* Balken oben purple */
.uk-navbar-toggle {
    color: #5B2E56;
}

/* Rahmen oben */
 .toolbar-outer { background: #5B2E56; color:#DDC3BE;}

/* Footer */
 .footer-outer { background: #fff; color:#44566C;border-bottom: 10px solid #5B2E56;
border-top: 1px solid #F1AF88;margin-top: 50px !important;}
 .footer-outer a { color:#44566C;}

/* Home Inhalt Showcase */
.layout-showcase .sprocket-features-img-container img {
    float: left;
    margin-right: -70px;
  padding-left: 170px;}
#top-b h1 { color: #DDC3BE;}
.main-outer {padding: 0px;background: #fff;}
.buehne {width:100%}
/* Home - damit Text mehr Platz bekommt und rechts mehr weiß hat */
.sprocket-features-content {
    max-width: 85%;
    height: 25em;
}
/* img 50px rechts*/
.re50 {margin: 0 50px 30px 0; float:left;}
/* img 100px rechts*/
.re100 {margin: 0 100px 0 0; float:left;}
/* img 160px rechts*/
.re160 {margin: 0 160px 0 0; float:left;}
/* Balken vor Footer */
.tm-leading-article .uk-article:last-child {padding-bottom: 25px;border-bottom: 0px solid #DDC3BE;}
/* Portfolio */
.sprocket-strips-s-item, .sprocket-mosaic-item {border-radius: 5px; background: #fff;box-shadow: 0px 6px 5px #D0CBC6;}
/* Portfolio neu*/
.sprocket-mosaic-item {    border: 0px solid #ddd;    border-radius: 4px;}
.sprocket-mosaic-title {    margin: 0;    padding-left: 6px;    font-size: 20px;}
.sprocket-mosaic-item .sprocket-mosaic-text {    margin: 0;    display: block;    padding: 0 0 6px 6px; font-style: italic; }
.66links p {max-width:200px;width: 66%;}

h1.js-typewriter {
  font-size:60px;
  line-height:1.1em;}
h1 {
    font-size: 52px;
    line-height: 1.0em;
}
/* weiterlesen entfernen */
.sprocket-strips-s-content .readon {display: none;}
.sprocket-readmore {    display: none;}
/* in Überschrift Presse (und ggfs. andere) innerhalb H1 einen Zusatz in kleiner Schriftgröße */
.mini
{font-size: 16px;}
.buber
{font-size: 0.6em;
top: -18px;
position: relative;}
/* Datum Portfolio Einzelseiten */
.datumpf
{font-size: 30px;}
.sprocket-mosaic-item .sprocket-padding {
    padding: 0;
      border-radius: 5px;
}
.sprocket-mosaic .sprocket-mosaic-header {
    display: none;
}
.sprocket-mosaic .sprocket-mosaic-container {
    margin: -10px -10px 0 -10px;
}
/* Blättern Portfolio Einzelseiten */
.uk-pagination > li > a {
    background: #fff;
}
.uk-pagination > li > a:hover, .uk-pagination > li > a:focus {
    background-color: #fff;
    color: #F1AF88;
    outline: none;
}
.uk-pagination {
    margin-top: -35px;
}
/*Pfeile fuer pagination */
  li.uk-pagination-previous > a {
    background: #fff;
    width: 19px;
    height: 7px;
    background-image: url("../../../images/buttons/prev.png");
}
  li.uk-pagination-next > a {
    background: #fff;
    width: 19px;
    height: 8px;
    background-image: url("../../../images/buttons/next.png");
}

/* Icons Presse */
.iconspresse {margin-top:10px; text-align: center;
}
.iconspresse a{
    text-decoration: none;
  padding: 5px;
}
/* Positionierungen Titel und Textfelder etc. */
.rechts {text-align:right;padding-left:200px;}
.rechts2 {text-align:right;}
  .hoch500 {position:relative;top:-500px;}
  .hoch400 {position:relative;top:-400px;}
.hochkontakt {position:relative;top:-266px;}
.hoch250 {position:relative;top:-250px;}
.hoch200 {position:relative;top:-200px;}
.hoch180 {position:relative;top:-180px;}
.hoch150 {position:relative;top:-150px;}
.hoch130 {position:relative;top:-130px;}
.hoch100 {position:relative;top:-100px;}
.hoch75 {position:relative;top:-75px;}
.hoch50 {position:relative;top:-50px;}
.hochport {position:relative;top:-300px;left: 140px; max-width: 400px;}
.hochszarb {padding-left: 400px; margin-top: -200px; max-width: 560px;}

.breit97 {max-width:97%;}
.breit90 {max-width:90%;}
.breit75 {max-width:75%;}
.breit70 {max-width:70%;}
.breit66 {max-width:66%;}
.breit50 {max-width:50%;}
.breit33 {max-width:33%;}
.padleft0 {}
.padleft100 {padding-left: 100px;}
.padleft150 {padding-left: 150px;}
.padleft200 {padding-left: 200px;}
.padleft250 {padding-left: 250px;}
.padleft270 {padding-left: 270px;}
.padleft300 {padding-left: 300px;}
.padleft400 {padding-left: 400px;}
.padleft550 {padding-left: 550px;}
.padleft600 {padding-left: 600px;}
.paduemifu {padding-left: 832px; margin-top: -10px}
.paduemipo {padding-left: 416px; margin-top: -10px}
.paduemipr {padding-left: 590px; margin-top: -10px}

/* Handy Menü */
.uk-offcanvas-bar{background-color:#5B2E56;
  border-bottom: solid 10px #85C2B9;padding-top:10px;}
.uk-nav-offcanvas > li > a {
    color: #85C2B9;
  text-align:center;}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #85C2B9;
    color: #5B2E56 !important;
}    



.uk-article {padding: 0 145px;}



@media (max-width: 1200px) { /* Menü raus */
  .uk-article {padding: 0 12%;}

       img.w100  {width:100%;}

/* Positionierungen Titel und Textfelder etc. */
.rechts {text-align:right;padding-left:200px;}
.rechts2 {text-align:right;}
  .hoch500 {position:relative;top:-500px;}
  .hoch400 {position:relative;top:-400px;}
.hochkontakt {position:relative;top:-266px;}
.hoch250 {position:relative;top:-250px;}
.hoch200 {position:relative;top:-200px;}
.hoch180 {position:relative;top:-180px;}
.hoch150 {position:relative;top:-150px;}
.hoch130 {position:relative;top:-130px;}
.hoch100 {position:relative;top:-100px;}
.hoch75 {position:relative;top:-75px;}
.hoch50 {position:relative;top:-50px;}
.hochport {position:relative;top:-300px;left: 140px; max-width: 400px;}
.hochszarb {padding-left: 400px; margin-top: -200px; max-width: 560px;}

.breit97 {max-width:97%;}
.breit90 {max-width:90%;}
.breit75 {max-width:75%;}
.breit70 {max-width:70%;}
.breit66 {max-width:66%;}
.breit50 {max-width:50%;}
.breit33 {max-width:33%;}
.padleft0 {}
.padleft100 {padding-left: 100px;}
.padleft150 {padding-left: 150px;}
.padleft200 {padding-left: 200px;}
.padleft250 {padding-left: 250px;}
.padleft270 {padding-left: 270px;}
.padleft300 {padding-left: 300px;}
.padleft400 {padding-left: 400px;}
.padleft550 {padding-left: 550px;}
.padleft600 {padding-left: 600px;}
.paduemifu {padding-left: 558px; margin-top: -10px}
.paduemipo {padding-left: 116px; margin-top: -10px}
.paduemipr {padding-left: 290px; margin-top: -10px}

}

@media (max-width: 1019px) { /* Menü raus */
  .uk-article {padding: 0 15px;}
.uk-hidden-small {
    display:none !important;
}
  /* Hamburger-Menü rein */
.uk-navbar-toggle::after
{display:inline;
}
}

@media (max-width: 800px) { 
  /* Kontakt-Button */


.layout-showcase .sprocket-features-img-container img {
padding-left: 0;
width: 350px;}

  .padleft600 {padding-left: 300px;}
.sprocket-features-content {
    max-width: 100%;
    height: 20em;
  padding-top: 150px;
}
  .datumpf {
    font-size: 20px;
}
  h1.lhmin {
    line-height: 1;
}
  h1.js-typewriter {
    font-size: 3.5em !important;
}
  /* img 160px rechts*/
.re160 {margin: 0 10px 0 0;}
/* img 50px rechts*/
.re50 {margin: 0 50% 20px 0;}
}

@media screen and (max-width: 768px) {
  .uk-navbar {background-color:#ffffff00}
  .hoch500 {position:relative;top:0px;}
  .hoch400 {position:relative;top:-30px;}
.hochkontakt {position:relative;top:-30px;}
  .hoch250 {position:relative;top:-30px;}
  .hoch200 {position:relative;top:-30px;}
  .hoch180 {position:relative;top:-30px;}
.hoch150 {position:relative;top:-30px;}
.hoch130 {position:relative;top:-30px;}
  .hoch100 {position:relative;top:-30px;}
.hoch75 {position:relative;top:-30px;}
  .hoch50 {position:relative;top:-30px;}
.hochport {position:relative;top:-30px;left: 0px; max-width: 100%;}
.hochszarb {padding-left: 10px; margin-top: -30px; max-width: 100%;}

.breit97 {max-width:90%;}
.breit90 {max-width:90%;}
  .breit75 {max-width:90%;}
  .breit70 {max-width:90%;}
  .breit66 {max-width:90%;}
  .breit50 {max-width:90%;}
  .breit33 {max-width:90%;}
.rechts {text-align:right;padding-left:0px;}
.padleft0 {padding-left: 10px;}
.padleft100 {padding-left: 10px;}
.padleft150 {padding-left: 10px;}
.padleft200 {padding-left: 10px;}
.padleft250 {padding-left: 10px;}
.padleft270 {padding-left: 10px;}
.padleft300 {padding-left: 10px;}
.padleft400 {padding-left: 10px;}
.padleft550 {padding-left: 10px;}
.padleft600 {padding-left: 10px;}
   /* img unklickbar machen */
  .sprocket-mosaic-image-container {
    pointer-events: none;
}
  
  
.paduemifu {padding-left: 310px; margin-top: 20px}
.paduemipo {padding-left: 100px; margin-top: -10px}
.paduemipr {padding-left: 200px; margin-top: -10px}
  
    h1.js-typewriter { font-size: 2em !important;}
  /* Home - damit Text mehr Platz bekommt und rechts mehr weiß hat */
.sprocket-features-content {   max-width: 70%;    padding-left: 50px;}
#top-b h1 {    clear: left;    top: -10px;      font-size: 2em !important;}

      img.w100  {width:100%;}
h5 {
    font-size: 18px;
    line-height: 1.4;
}
  }
@media screen and (max-width: 415px) {
  .uk-navbar {background-color:#ffffff52}
.purplebg {  background-color:#5B2E56;padding: 10px 0;}
  .hoch500 {position:relative;top:-30px;}
  .hoch400 {position:relative;top:-30px;}
.hochkontakt {position:relative;top:-30px;}
  .hoch250 {position:relative;top:-30px;}
  .hoch200 {position:relative;top:-30px;}
  .hoch180 {position:relative;top:-10px;}
.hoch130 {position:relative;top:-30px;}
.hoch75 {position:relative;top:0px;}
  .hoch50 {position:relative;top:0px;}
.hochport {position:relative;top:-10px;left: 0px; max-width: 100%;}
.hochszarb {padding-left: 10px; margin-top: -30px; max-width: 100%;}

.breit97 {max-width:90%;}
  .breit90 {max-width:90%;}
.breit75 {max-width:90%;}
  .breit70 {max-width:90%;}
  .breit66 {max-width:90%;}
  .breit50 {max-width:90%;}
  .breit33 {max-width:90%;}
.rechts {text-align:right;padding-left:0px;}
.padleft0 {padding-left: 10px;}
.padleft100 {padding-left: 10px;}
.padleft150 {padding-left: 10px;}
.padleft200 {padding-left: 10px;}
.padleft250 {padding-left: 10px;}
.padleft270 {padding-left: 10px;}
.padleft300 {padding-left: 10px;}
.padleft400 {padding-left: 10px;}
.padleft550 {padding-left: 10px;}
.padleft600 {padding-left: 10px;}
  
.paduemifu {padding-left: 20px; margin-top: 50px}
.paduemipo {padding-left: 220px; margin-top: 0px}
.paduemipr {padding-left: 80px; margin-top: 0px}
  
  .buber
{font-size: 0.6em;
top: -12px;
position: relative;}
    h1.js-typewriter { font-size: 2em !important;}
  /* Home - damit Text mehr Platz bekommt und rechts mehr weiß hat */
.sprocket-features-content {   max-width: 70%;    padding-left: 50px;}
#top-b h1 {    clear: left;    top: -10px;      font-size: 2em !important;}

      img.w100  {width:100%;}

  }
/* hover gruen */
.uk-icon:hover, .toolbar-outer a:hover {
    color: #85C2B9;
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
    color: #85C2B9;
}
.uk-navbar-nav > li:hover > a.purple {
    color: #85C2B9;
  text-shadow: 0 0.05em 0.15em #85c2b9aa;
}
.uk-navbar-nav > li:hover > a.beige {
    color: #85C2B9;
  text-shadow: 0 0.05em 0.15em #85c2b9aa;
}
.uk-navbar-nav > li:hover > a.haut {
    color: #85C2B9;
  text-shadow: 0 0.05em 0.15em #85c2b9aa;
}
.footer-outer a:hover {
    color: #85C2B9;
}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) 
.uk-nav-offcanvas ul a {
    color: #85C2B9;
}.uk-nav-offcanvas > li > a:focus {
    background: #85C2B9;
  color:#5B2E56;
}
a.top-scroller:hover {
    background-color: #85C2B9;
}
.uk-button {
    color: #5B2E56 !important;
}
.liste {
    margin-left:35px;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #44566C;
line-height: 1.85;
}

.listeuemi {
    left:35px;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #44566C;
line-height: 1.85;
  max-width:90%;
  min-width:50%;
}
.kontaktlhextra {
    line-height:2.05em;
}
.clear {
  clear:left;
}
}
ul.char li:: { 
    color:green; 
    font-size: 0.5em;

}
ul {
    list-style-image:url(/images/div/list.jpg);
}
li a.home1 {
display:none;
}
.clear {
    clear: left;
}
.uk-pagination > li {
    display: none;
    font-size: 1rem;
    vertical-align: top;
}