/*HEADER CSS START  */
#sp-header.full-header{padding-left: 30px; padding-right: 30px;}
#sp-header .sp-module {width: 20%;}
.new-home #sp-header:not(.header-sticky) {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow:none;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.new-home #sp-header:not(.header-sticky) .sp-megamenu-parent > li > a{color:white; /* filter:drop-shadow(0 2px 2px rgba(0,0,0,0.5)); */ }
.new-home #sp-header:is(.header-sticky) {height: 100px;}
.new-home #sp-header:is(.header-sticky) .logo{height: 100px;}
.new-home #sp-header:is(.header-sticky) .sp-megamenu-parent>li>a, 
.new-home #sp-header:is(.header-sticky) .sp-megamenu-parent>li>span{line-height: 100px; color: var(--sppb-2b2a29);}

.new-home #sp-header:not(.header-sticky) .sp-megamenu-parent > li > a:hover,
.new-home #sp-header:not(.header-sticky) .sp-megamenu-parent>li.active>a, 
.new-home #sp-header:not(.header-sticky) .sp-megamenu-parent>li.active:hover>a{color: var(--sppb-64c6c2);}

.new-home #sp-header:is(.header-sticky) .sp-megamenu-parent > li > a:hover,
.new-home #sp-header:is(.header-sticky) .sp-megamenu-parent>li.active>a, 
.new-home #sp-header:is(.header-sticky) .sp-megamenu-parent>li.active:hover>a{color: var(--sppb-64c6c2);}

.new-home #sp-main-body .container {padding-left: 0px; padding-right: 0px; max-width: 100%;}
.new-home #sp-main-body{padding:0;}
.new-home .article-details .article-ratings-social-share,
.new-home .article-details .article-info {display: none !important;}
.new-home .article-details .article-can-edit{margin: 0;}
#sp-header #sp-menu .social-wrap{display: none !important;}

/*.new-home #sp-header:not(.header-sticky) .sp-megamenu-wrapper {border-left: 1px solid rgb(255 255 255 / 20%); border-right: 1px solid rgb(255 255 255 / 20%);}*/

body:not(.new-home) #sp-header:not(.header-sticky) .logo img.logo-image.logo-default{display: none;}
body:not(.new-home) #sp-header:not(.header-sticky) .logo img.logo-image.logo-sticky{display: block !important;}
body:not(.new-home) #sp-header:not(.header-sticky) .sp-megamenu-parent > li > a,
body:not(.new-home) #sp-header:not(.header-sticky) .sp-megamenu-parent>li>span{color: var(--sppb-2b2a29);}

body:not(.new-home) #sp-header:not(.header-sticky) .sp-megamenu-parent > li > a:hover,
body:not(.new-home) #sp-header:not(.header-sticky) .sp-megamenu-parent > li.active > a,
body:not(.new-home) #sp-header:not(.header-sticky) .sp-megamenu-parent > li.active:hover > a {color: var(--sppb-64c6c2);}

body:not(.new-home) #sp-header:is(.header-sticky) .sp-megamenu-parent > li > a,
body:not(.new-home) #sp-header:is(.header-sticky) .sp-megamenu-parent>li>span{color: var(--sppb-2b2a29);}

body:not(.new-home) #sp-header:is(.header-sticky) .sp-megamenu-parent > li > a:hover,
body:not(.new-home) #sp-header:is(.header-sticky) .sp-megamenu-parent > li.active > a,
body:not(.new-home) #sp-header:is(.header-sticky) .sp-megamenu-parent > li.active:hover > a {color: var(--sppb-64c6c2);}

#sp-header div#gpt_float_wrapper {position: unset !important; margin: 3px 0 0 0 !important;}
#sp-header .gpt-current-lang {display: flex; align-items: center;}
#sp-header .gpt_float_switcher .gpt_options{position: absolute !important;}
#sp-header .gpt_float_switcher .gt-selected .gpt-current-lang span.gpt_float_switcher-arrow{display: none !important;}
/*HEADER CSS CLOSE */

/* FOOTER CSS START */
#sp-footer .social_list {display: flex; align-items: center; gap: 1rem; justify-content: flex-start;}
#sp-footer .social_list .social_list_item{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: rgb(255 255 255 / 10%);}
#sp-footer .social_list .social_list_item:hover{background-color:#64c6c2; color:#fff;}
/* FOOTER CSS CLOSE */

.custom_font .sppb-addon-title {font-family: Inconsolata;}
.custom_font .sppb-addon-title .sppb-addon-title-icon {transform: rotate(45deg);}
.article-slider-wrapper .custom_font .sppb-addon-title{color:var(--sppb-64c6c2);}
.latest-articles-wrapper .custom_font .sppb-addon-title{color:var(--sppb-64c6c2);}
.no_border_img{ border: 1px solid var(--sppb-64c6c2); padding: 10px;} 
.border_img .sppb-addon-single-image-container {border: 1px solid var(--sppb-64c6c2); background-color: #fff; padding: 10px;}

/*  */
.animate-scroll {animation: scroll 30s linear infinite;}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-scroll .addon-root-image .sppb-img-responsive {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    filter:grayscale(100%);
    height: 100px;
    cursor: pointer;
    object-fit: contain;
    opacity: 0.4;   
}
.animate-scroll .addon-root-image:hover .sppb-img-responsive{filter:grayscale(0); opacity: 1;}


@media only screen and (max-width: 767px) {
    .h1, h1 {font-size: calc(1.375rem + 1.5vw);}
    h2, .h2{font-size: calc(1.325rem + .9vw) !important;}
    #sp-header.full-header {padding-left: 15px; padding-right: 15px;}
    #sp-header{height: 80px;}
    #sp-header:is(.header-sticky) {height: 80px;}
    #sp-header .logo,
    #sp-header:is(.header-sticky) .logo{height: 80px;}

    .new-home #sp-header:not(.header-sticky) .burger-icon>span{background-color: #fff;}
    .new-home #sp-header{height: 80px;}
    .new-home #sp-header:is(.header-sticky) {height: 80px;}
    #sp-header .logo,
    .new-home #sp-header:is(.header-sticky) .logo{height: 80px;}
    #sp-header .sp-module {width: 60%;}
    body.ltr #offcanvas-toggler.offcanvas-toggler-right{margin-left: 5px;}
}    
.readmore a {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--sppb-64c6c2) !important;
}
.readmore a:hover,
.readmore a:focus {color: var(--sppb-054f73) !important;}

.readmore a:after {
    content: "\f061";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.5rem;
}    
._anfrage_formular {
    background-color: var(--sppb-64c6c2) !important;
    color: #FFFFFF !important;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    line-height: 1.25;
}
._anfrage_formular:after {
    content: "\f061";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.5rem;
    /* vertical-align: middle; */
} 

._anfrage_formular:hover,
._anfrage_formular:focus {
    background-color: var(--sppb-054f73) !important;
    color: #FFFFFF !important;
}

/*Module Accordion  */
/* sppagebuilder.css | https://x26.yacht-folie.de/components/com_sppagebuilder/assets/css/sppagebuilder.css?5c4d30aeb4e6059223dc156f675a1315 */

.sppb-panel-title {
  /* font-size: 14px; */
  /* color: inherit; */
  font-size: 16px;
  /*color: #64c6c2;*/
}

/*blockquote css*/
blockquote,
.blockquote {
    background: #f5f5f5;
    padding: 1rem 1rem 1rem 3.25rem;
    color: #333;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    margin: 0 0 0 auto;
    max-width: calc(100% - 60px);
    display: block;
}

blockquote::before,
.blockquote::before {
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2rem;
    color: #00347c;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    line-height: 1;
}

/* Read more button = main button style */
.readmore {
    background-color: var(--sppb-64c6c2);
    color: #ffffff;
    padding: 14px 28px;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    line-height: 1;
    min-height: 48px;

    transition: background-color 0.3s ease;
}

/* Hover same as "Jetzt Anfragen" */
.readmore:hover {
    background-color: var(--sppb-054f73);
    color: #ffffff;
}

/* Arrow icon fix */
.readmore i {
    font-size: 16px;
    line-height: 1;
    transition: transform 0.3s ease;
}



/*artcile details page gallry */

.article-details .full_image_content {
    margin-bottom: 2rem;
    width: 100vw;
    padding: 30px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    text-align: center;
/*    background-image: url(/files/2026/01/27/cta_bg.jpg);*/
}

.article-details .full_image_content .article-full-image-cst {
    /* padding: 15px; */
    max-width: 100%;
    height: auto;
    padding: 10px;
    margin: 0px !important;
    border: 1px solid var(--sppb-64c6c2);
}
.article-details .full_image_content .article-full-image-cst img{
    width: 100%;
}
/*task 2*/

.com_content.view-article .showtime.showtime-justified {
    position: relative;
}

.com_content.view-article .showtime.showtime-justified::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;

/*    background-image: url(/files/2026/01/27/cta_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/

    z-index: -1;
}

.com_content.view-article .showtime-image {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px !important;
    padding-left: 10px;
    height: auto !important;
    border-width: 2px;
    border-color: var(--sppb-64c6c2);
    border-style: solid;
}

/*Sticky Header Setup*/

/* custom.css | https://x26.yacht-folie.de/templates/shaper_helixultimate/css/custom.css */

.new-home #sp-header:is(.header-sticky) {
  /* height: 100px; */
  height: 95px;
}

/* preset2.css | https://x26.yacht-folie.de/templates/shaper_helixultimate/css/presets/preset2.css */

#sp-header {
  opacity: 90%;
}

.article-item .img_styler img{
    height: 200px;
}
.com-content-category-blog .com-content-category-blog__items .article-body .article-introtext img {
    height: 150px;
    width: 300px;
}
.article-list .article .readmore a{
    color: #fff !important;
    font-weight: 400;
}

@media only screen and (min-width: 320px) {
  .showtime-default .showtime-gallery{gap:0.5rem;}
  .showtime-default .showtime-image{width:calc(50% - 0.5rem);}
}
@media only screen and (min-width: 576px) {
  .showtime-default .showtime-gallery{gap:1rem;}
  .showtime-default .showtime-image{width:calc(50% - 1rem);}
}
@media only screen and (min-width: 768px) {
  .showtime-default .showtime-gallery{gap:1rem;}
  .showtime-default .showtime-image{width:calc(33% - 1rem);}
}
@media only screen and (min-width: 992px) {
  .showtime-default .showtime-gallery{gap:1rem;}
  .showtime-default .showtime-image{width:calc(25% - 1rem);}
}

@media only screen and (max-width: 767px) {
    .youtube_gallery{width: 100% !important;}
    .youtube_gallery .ygThumbnails>div {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem;}
    .ygThumb-active, .ygThumb-inactive{height: auto !important;}
    .youtube_gallery .ygThumbnails .YGthumbBox {height: auto !important; display: flex !important; align-items: flex-start; flex-direction: column;}
    .youtube_gallery .ygThumbnails .YGthumbBox .ygThumbDetails{position: unset; padding: 5px; width: calc(100% - 0px) !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .youtube_gallery{width: 100% !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .youtube_gallery{width: 100% !important;}
}
.pswp{
    z-index: 9999 !important;
}