@font-face {
    font-family: 'TriviaSerifRegular';
    src: url('../fonts/TriviaSerifRegular.otf');
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.ttf');
}
h1, .h1{
    font-family: 'TriviaSerifRegular';
    font-weight: 900;
}
h2, .h2{
    font-family: 'TriviaSerifRegular';
    font-weight: 200;
}
h3, .h3{
    font-family: 'TriviaSerifRegular';
    font-weight: 300;
}
h4, .h4{
    font-family: 'TriviaSerifRegular';
    font-weight: 300;
}
body{
    font-family: 'Helvetica';
    font-weight: 400;
    color: #000;
}
a{
    color: #000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline{
    color: #000;
}
h1, .h1, .h1 p, body .headline_style_h1 h1, body .headline_style_h1 h2, body .headline_style_h1 h3, body .headline_style_h1 h4, body .headline_style_h1 h5, body .headline_style_h1 h6, body h1.headline_style_h1, body h1.headline_style_h1, body h2.headline_style_h1, body h3.headline_style_h1, body h4.headline_style_h1, body h5.headline_style_h1, body h6.headline_style_h1{
    font-size:3.75rem;
    line-height: 1em;
}

h2, .h2, .h2 p, body .headline_style_h2 h1, body .headline_style_h2 h2, body .headline_style_h2 h3, body .headline_style_h2 h4, body .headline_style_h2 h5, body .headline_style_h2 h6, body h1.headline_style_h2, body h1.headline_style_h2, body h2.headline_style_h2, body h3.headline_style_h2, body h4.headline_style_h2, body h5.headline_style_h2, body h6.headline_style_h2{
    font-size:3.5rem;
    line-height: 1.1em;
}
h3, .h3, .h3 p, body .headline_style_h3 h1, body .headline_style_h3 h2, body .headline_style_h3 h3, body .headline_style_h3 h4, body .headline_style_h3 h5, body .headline_style_h3 h6, body h1.headline_style_h3, body h1.headline_style_h3, body h2.headline_style_h3, body h3.headline_style_h3, body h4.headline_style_h3, body h5.headline_style_h3, body h6.headline_style_h3{
    font-size: 2.75rem;
    line-height: 1.1em;
}
h4, .h4, .h4 p, body .headline_style_h4 h1, body .headline_style_h4 h2, body .headline_style_h4 h3, body .headline_style_h4 h4, body .headline_style_h4 h5, body .headline_style_h4 h6, body h1.headline_style_h4, body h1.headline_style_h4, body h2.headline_style_h4, body h3.headline_style_h4, body h4.headline_style_h4, body h5.headline_style_h4, body h6.headline_style_h4{
    font-size: 1.625rem;
    line-height: 1.1em;
}
.grouplist ul li {
    text-align: center;
    padding: 5px 12px !important;
    margin: 0 3px;
    margin-bottom:5%;
}
.grouplist ul{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.grouplist ul .inactive{
        border: 1px solid lightgrey;
        color:lightgrey;
}
.grouplist ul .active{
        border: 1px solid black;
        color:black;
}
.group .letter {
    font-size: 2rem;
    font-weight: bold;
    border: 1px solid;
    background-color: #a4044c;
    color: white;
    padding: 5px;
    margin-top:5px;
}
.item span {
    font-size: 1rem;
    font-weight: 400 !important;
}
.item a {
    padding-left: 5px;
}
.group h4{
    margin-bottom:5px;
}
@media (max-width:900px){
    .grouplist ul{
        margin-bottom: 20px;
    }
    .grouplist ul li {
    text-align: center;
    padding: 5px 12px !important;
    margin: 0 3px;
    margin-bottom: 10px;
    
}
}
@media(min-width:1024px){
    .desktop_only{
        display:none;
    }
}
.serif {
    font-family: Georgia !important;
}

.mainmenu {
    float: left;
    padding-left: 5%;
}
.header .mod_search {
    opacity: 1;
}
i.ti.ti-search {
    padding: 12px;
    background-color: #000;
    border-radius: 25px;
    opacity: 1 !important;
}
.header .ce_search_label i{
    font-size: 15px;
    font-weight: 700;
}
.header .mod_search{
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.mod_search .ce_phone_label{
    display: flex;
    align-items: center;
}
.mod_search .ce_phone_label a{
    width: 39px;
    height: 39px;
    padding: 0;
    text-indent: -9999px;
    background: #910048 url(../img/gaertner_von_eden/phone-solid.svg) no-repeat center;
    background-size: 50%;
    display: inline-block;
    border-radius: 100%;
}
.header .mod_search .ce_phone_label a:hover{
    background-color: #b74c81;
    border-color: #b74c81;
}
.TriviaSerifLight{
    font-family: 'TriviaSerifRegular' !important;
    font-weight: 200;
}
.TriviaSerifBold{
    font-family: 'TriviaSerifRegular' !important;
    font-weight: 900;
}
.mainmenu ul ul{
    top:85%;
}
.mainmenu ul li a{
    font-size:12px;
    text-transform: uppercase;
}
.ce_linkbox.version5 .content{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top:auto;
    bottom:0;
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
}
.ce_linkbox.version5 .content p{
    margin-bottom: 0px;
}
.home-grid-service{
    padding: 8px !important;
}
.newsteaser .image_container{
    border-radius: 0px;
}
.newsteaser .info{
    display: none;
}
.ce_revolutionslider_hyperlink.btn-size-small{
    font-weight: 500 !important;
    min-width: auto !important;
    padding:7px 30px !important;
}

@media(max-width:768px){
    .header .mod_search{
        display: none;
    }
    h1, .h1, .h1 p, body .headline_style_h1 h1, body .headline_style_h1 h2, body .headline_style_h1 h3, body .headline_style_h1 h4, body .headline_style_h1 h5, body .headline_style_h1 h6, body h1.headline_style_h1, body h1.headline_style_h1, body h2.headline_style_h1, body h3.headline_style_h1, body h4.headline_style_h1, body h5.headline_style_h1, body h6.headline_style_h1{
        font-size:2.375rem;
        line-height: 1.1em;
    }
    
    h2, .h2, .h2 p, body .headline_style_h2 h1, body .headline_style_h2 h2, body .headline_style_h2 h3, body .headline_style_h2 h4, body .headline_style_h2 h5, body .headline_style_h2 h6, body h1.headline_style_h2, body h1.headline_style_h2, body h2.headline_style_h2, body h3.headline_style_h2, body h4.headline_style_h2, body h5.headline_style_h2, body h6.headline_style_h2{
        font-size:2.375rem;
        line-height: 1.1em;
    }
    h3, .h3, .h3 p, body .headline_style_h3 h1, body .headline_style_h3 h2, body .headline_style_h3 h3, body .headline_style_h3 h4, body .headline_style_h3 h5, body .headline_style_h3 h6, body h1.headline_style_h3, body h1.headline_style_h3, body h2.headline_style_h3, body h3.headline_style_h3, body h4.headline_style_h3, body h5.headline_style_h3, body h6.headline_style_h3{
        font-size: 1.875rem;
        line-height: 1.1em;
    }
    h4, .h4, .h4 p, body .headline_style_h4 h1, body .headline_style_h4 h2, body .headline_style_h4 h3, body .headline_style_h4 h4, body .headline_style_h4 h5, body .headline_style_h4 h6, body h1.headline_style_h4, body h1.headline_style_h4, body h2.headline_style_h4, body h3.headline_style_h4, body h4.headline_style_h4, body h5.headline_style_h4, body h6.headline_style_h4{
        font-size: 1.375rem;
        line-height: 1.1em;
    }
}
.mainmenu ul li a {
    font-family: Helvetica;
}
.ce_revolutionslider .tp-dottedoverlay {
    z-index: 3;
}
.not-bold{
    font-weight:100 !important;
}
.abstand30 h1{
    line-height:60px;
}
.mainmenu ul li {
    max-width: 150px;
    padding: 15px 0px;
    line-height: 1.2;
}
.mainmenu ul li a{
    text-align: left;
}
.header .mainmenu ul li a.a-level_1.trail span, .header .mainmenu ul li a.a-level_1.active span{
    border-bottom: 0px;
    position: relative;
    hyphens: manual;
}
.header .mainmenu ul li a.a-level_1.trail span::after, .header .mainmenu ul li a.a-level_1.active span::after{
    content:'';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #ffffff;
}
.portfolioreader .ce_image .image_container img {

    width:100% !important;
}

/* ==============================================
 * Revolution-Slider: Überschriften verschieben
 * (gilt für alle Seiten außer der Startseite)
 * ============================================== */

/* Grundregel für alle Slider-Überschriften (außer Startseite) */
body:not(.page_2985) .ce_revolutionslider_text {
    text-align: left;
}

/* Große Bildschirme (ab 1200px): starker Versatz */
@media (min-width: 1200px) {
  body:not(.page_2985) .ce_revolutionslider_text:not(#layer-362302511) {
    transform: translateX(100px) translateY(-25px) !important;
  }
}

/* Tablet/Laptop (768–1199px): mittlerer Versatz */
@media (min-width: 768px) and (max-width: 1199px) {
  body:not(.page_2985) .ce_revolutionslider_text:not(#layer-362302511) {
    transform: translateX(60px) translateY(-15px) !important;
  }
}

/* Mobile Geräte (<768px): kleiner Versatz */
@media (max-width: 767px) {
  body:not(.page_2985) .ce_revolutionslider_text:not(#layer-362302511) {
    transform: translateX(30px) translateY(-8px) !important;
  }
}

/* ==============================================
 * Poolbau-Seite: Titel "Wasser im Garten" in Slider faken (nur mobil)
 * ============================================== */

@media (max-width: 767px) {

  /* Slider-Wrapper auf der Poolbau-Seite positionierbar machen */
  body.page_3003 #slider {
    position: relative;
  }

  /* Fake-Überschrift einblenden */
  body.page_3003 #slider::after {
    content: "Wasser im Garten";

    position: absolute;
    left: 30px;         /* wie bei den anderen: linksbündig mit etwas Innenabstand */
    bottom: 30px;       /* Höhe: wie bei den anderen Slider-Titeln */
    z-index: 50;

    margin: 0;
    font-family: 'TriviaSerifRegular', serif;
    font-weight: 900;   /* fett wie die Standard-Slider-Headline */
    font-size: 2.375rem;/* entspricht deiner mobilen H1/H2-Größe */
    line-height: 1.1;
    color: #fff;

    text-align: left;
    white-space: nowrap;
    pointer-events: none;
    text-shadow: 0 0 10px rgba(0,0,0,0.6); /* damit es sich vom Bild abhebt */
  }
}