.elementor-kit-36{--e-global-color-primary:#004890;--e-global-color-secondary:#efb300;--e-global-color-text:#212121;--e-global-color-accent:#232a4d;--e-global-color-ogv-blue:#004890;--e-global-color-ogv-yellow:#efb300;--e-global-color-ogv-red:#e31a38;--e-global-color-ogv-green:#026f06;--e-global-color-ogv-dark:#212121;--e-global-color-ogv-body:#454545;--e-global-color-ogv-white:#ffffff;--e-global-color-ogv-light-bg:#f4f4f4;--e-global-color-ogv-nav-dark:#232a4d;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Ubuntu";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Ubuntu";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-ogv-h1-font-family:"Montserrat";--e-global-typography-ogv-h1-font-size:50px;--e-global-typography-ogv-h1-font-weight:700;--e-global-typography-ogv-h1-line-height:1.2em;--e-global-typography-ogv-h2-font-family:"Montserrat";--e-global-typography-ogv-h2-font-size:38px;--e-global-typography-ogv-h2-font-weight:600;--e-global-typography-ogv-h2-line-height:1.25em;--e-global-typography-ogv-h3-font-family:"Montserrat";--e-global-typography-ogv-h3-font-size:25px;--e-global-typography-ogv-h3-font-weight:600;--e-global-typography-ogv-h3-line-height:1.4em;--e-global-typography-ogv-h4-font-family:"Montserrat";--e-global-typography-ogv-h4-font-size:20px;--e-global-typography-ogv-h4-font-weight:600;--e-global-typography-ogv-sansita-font-family:"Sansita Swashed";--e-global-typography-ogv-sansita-font-size:20px;--e-global-typography-ogv-sansita-font-weight:400;--e-global-typography-ogv-sansita-line-height:1.4em;--e-global-typography-ogv-body-font-family:"Ubuntu";--e-global-typography-ogv-body-font-size:16px;--e-global-typography-ogv-body-font-weight:400;--e-global-typography-ogv-body-line-height:1.7em;--e-global-typography-ogv-body-md-font-family:"Ubuntu";--e-global-typography-ogv-body-md-font-size:18px;--e-global-typography-ogv-body-md-font-weight:500;--e-global-typography-ogv-body-md-line-height:1.6em;--e-global-typography-ogv-small-font-family:"Ubuntu";--e-global-typography-ogv-small-font-size:13px;--e-global-typography-ogv-small-font-weight:400;--e-global-typography-ogv-nav-font-family:"Ubuntu";--e-global-typography-ogv-nav-font-size:16px;--e-global-typography-ogv-nav-font-weight:700;--e-global-typography-ogv-button-font-family:"Ubuntu";--e-global-typography-ogv-button-font-size:18px;--e-global-typography-ogv-button-font-weight:700;--e-global-typography-ogv-button-text-transform:uppercase;--e-global-typography-ogv-button-letter-spacing:0.5px;--e-global-typography-ogv-button-sm-font-family:"Ubuntu";--e-global-typography-ogv-button-sm-font-size:16px;--e-global-typography-ogv-button-sm-font-weight:700;--e-global-typography-ogv-button-sm-text-transform:uppercase;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:800ms;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{background-color:#efb300;font-family:"Ubuntu", Ubuntu, sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#ffffff;border-radius:3px 3px 3px 3px;padding:10px 24px 10px 24px;}.elementor-kit-36 button:hover,.elementor-kit-36 button:focus,.elementor-kit-36 input[type="button"]:hover,.elementor-kit-36 input[type="button"]:focus,.elementor-kit-36 input[type="submit"]:hover,.elementor-kit-36 input[type="submit"]:focus,.elementor-kit-36 .elementor-button:hover,.elementor-kit-36 .elementor-button:focus{background-color:#004890;}.elementor-kit-36 e-page-transition{background-color:#FFFFFF;}.elementor-kit-36 img{border-radius:4px 4px 4px 4px;}.elementor-kit-36 label{color:#212121;font-family:"Ubuntu", Ubuntu, sans-serif;font-size:14px;font-weight:600;}.elementor-kit-36 input:not([type="button"]):not([type="submit"]),.elementor-kit-36 textarea,.elementor-kit-36 .elementor-field-textual{font-family:"Ubuntu", Ubuntu, sans-serif;font-size:15px;background-color:#ffffff;border-radius:0px 0px 0px 0px;padding:10px 14px 10px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-36{--e-global-typography-ogv-h1-font-size:36px;--e-global-typography-ogv-h1-line-height:1.1em;--e-global-typography-ogv-h2-font-size:28px;--e-global-typography-ogv-h3-font-size:20px;--e-global-typography-ogv-h4-font-size:17px;--e-global-typography-ogv-sansita-font-size:17px;--e-global-typography-ogv-body-font-size:15px;--e-global-typography-ogv-small-font-size:12px;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{padding:9px 20px 9px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-36{--e-global-typography-ogv-h1-font-size:26px;--e-global-typography-ogv-h1-line-height:1.2em;--e-global-typography-ogv-h2-font-size:22px;--e-global-typography-ogv-h3-font-size:18px;--e-global-typography-ogv-h4-font-size:16px;--e-global-typography-ogv-sansita-font-size:15px;--e-global-typography-ogv-body-font-size:14px;}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{padding:8px 16px 8px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --color-primary:#004890; --color-accent:#efb300; --color-red:#e31a38; --color-green:#026f06; --color-heading:#212121; --color-body:#454545; --color-white:#ffffff; --color-bg-light:#f4f4f4; --color-nav:#232a4d; --color-accent-hover:#daa400; }
/* Start custom CSS *//* OGV Reisen – Global Styles */

/* Google Fonts: Sansita Swashed */
@import url("https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@400;500;700&display=swap");

/* Buttons global */
.elementor-button {
  border-radius: 3px !important;
  font-family: Ubuntu, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.elementor-button.elementor-button-primary,
.elementor-button:not([class*="elementor-button-"]) {
  background-color: #efb300;
  color: #ffffff;
}
.elementor-button.elementor-button-primary:hover,
.elementor-button:not([class*="elementor-button-"]):hover {
  background-color: #004890;
  color: #ffffff;
}

/* Links */
a { color: #004890; transition: color 0.2s; }
a:hover { color: #efb300; }

/* Category cards hover */
.ogv-category-card:hover img { transform: scale(1.05); }
.ogv-category-card { overflow: hidden; }

.elementor-kit-36 p {
    margin-bottom: 0px;
}

/* Menü Hover */
.hover-menue-new:hover .elementor-icon svg path {
    fill: #EFB300;
}

.hover-menue-new .elementor-icon svg path {
    fill: #004890;
}

.hover-menue-new .elementor-icon svg path, .hover-menue-new .elementor-heading-title {
    transition: all 0.3s ease-in-out;
}


/* =============================================
   [brb_preise] auf Detailseite
   ============================================= */
.brb-price-row {
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.2);
    overflow: hidden;
    width: 100%;
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
}
.brb-price-info {
    display: flex;
    flex: 1;
    padding: 16px;
    gap: 20px;
    align-items: top;
    min-width: 0;
}
.brb-price-dates {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    flex: 1;
}
.brb-price-hotel {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    flex: 1;
    min-width: 0;
}
.brb-price-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.brb-price-dates strong,
.brb-price-hotel strong {
    color: #232A4D;
    font-weight: 700;
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-size: 16px;
}
.brb-price-amount {
    font-size: 22px;
    font-weight: bold;
    color: #232A4D;;
}
.brb-price-book {
    background: #f0b800;
    color: #fff;
    font-weight: bold;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    min-width: 100px;
    flex-shrink: 0;
    transition: background ease-in-out 0.4s;
}
.brb-price-book:hover {
    background: #d4a200;
    color: #fff;
}

.brb-price-price span:first-child {
    color: #232A4D;
    font-weight: 700;
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
}



/* Smartphone */
@media (max-width: 767px) {
    .brb-price-row {
        flex-direction: column;
        gap: 10px;
    }
    .brb-price-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .brb-price-dates,
    .brb-price-hotel,
    .brb-price-price {
        flex: 0 0 auto;
        width: 100%;
    }
    .brb-price-book {
        padding: 14px;
        justify-content: center;
    }
}


/* Old css

/* =============================================
   OGV Reisen – Custom CSS
   Verwendet Elementor Kit Variablen (.elementor-kit-36)
   und :root Variablen aus dem Theme Builder
   ============================================= */

/* Lokale Hilfsvariablen (nicht in Elementor definiert) */
:root {
    --shadow:      0px 3px 10px 0px rgba(0,0,0,0.2);
    --shadow-card: 0px 3px 20px 0px rgba(0,0,0,0.2);
    --shadow-box:  0px 5px 15px rgba(0,0,0,0.35);
    --radius:      4px;
    --radius-sm:   4px;
}

/* =============================================
   JB Search
   ============================================= */
.mobile-search .jet-ajax-search__form {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    grid-column-gap: 5px;
}
.mobile-search .jet-ajax-search__submit {
    width: fit-content !important;
    margin-top: 0 !important;
}
.mobile-search .jet-ajax-search__results-footer {
    display: flex;
    flex-wrap: wrap;
}
.mobile-search .jet-ajax-search__navigation-holder {
    margin-top: 10px !important;
    margin-left: 0 !important;
    justify-content: flex-start;
}


/* =============================================
   Allgemein
   ============================================= */
.brb-trips-list ul li i:before,
ul li i:after { display: none; }

.artifica-content-wrapper {
    box-shadow: var(--shadow-card);
}

.reise-icon {
    background-image: url('/wp-content/uploads/2024/12/artifica-icon-location.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
}

/* =============================================
   Hero Slider – Listing
   ============================================= */
.artifica-page-reisen-hero-slider .elementor-shortcode {
    width: fit-content;
    padding: .5rem 1.5rem;
    background-color: var(--color-white);
    display: flex;
    grid-column-gap: 4px;
}

.artifica-page-reisen-hero-slider .elementor-shortcode p {
    color: var(--e-global-color-primary);
    margin-bottom: 0 !important;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    letter-spacing: 1px;
}

.artifica-page-reisen-hero-slider .elementor-shortcode p:not(:last-child)::after {
    content: "|";
    padding-left: 4px;
}

.artifica-hero-listing-grid .jet-listing-grid__item {
    padding-top: 0px !important;
}


/* =============================================
   Hero Slider – Texte & Preis
   ============================================= */
.artifica-hero-slider-short-description {
    color: var(--color-white);
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    word-break: auto-phrase;
}
.artifica-hero-slider-baseprice {
    color: var(--color-white);
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-size: 4rem;
    font-weight: 600;
}


.artifica-hero-slider-baseprice .smaller {
    font-size: 2.5rem;
    font-weight: 400;
}

@media (max-width: 1024px) { .artifica-hero-slider-baseprice {
    font-size: 2.5rem;
    font-weight: 600;
}

.artifica-hero-slider-baseprice .smaller {
    font-size: 2rem;
    font-weight: 400;
}

.artifica-hero-slider-short-description {
    font-size: 18px;
}
}

@media (max-width: 767px) { .artifica-hero-slider-baseprice {
    font-size: 1.5rem;
    font-weight: 600;
}

.artifica-hero-slider-baseprice .smaller {
    font-size: 1.2rem;
    font-weight: 400;
}

.artifica-hero-slider-short-description {
    text-align: center;
    font-size: 14px;
    display: none;
    }
}

/* =============================================
   Single Post – Bildslider
   ============================================= */
   
.jb-single-post-gallery-img { max-height: 400px; }
.artifica-repeater-slide-container {
    position: relative;
    width: 100%;
    max-height: 400px !important;
    overflow: hidden;
}
.artifica-repeater-slide-container .jet-listing-dynamic-repeater__items {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}
.artifica-repeater-slide-container .jet-listing-dynamic-repeater__item {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jb-single-post-gallery-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* =============================================
   Reiseverlauf / Journey
   ============================================= */
.cm_field.step.address {
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    font-size: var(--e-global-typography-ogv-body-font-size);
    font-weight: 400;
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    color: var(--color-body);
}
.cm_field.step.address::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: #232A4D;
    background-image: url('https://ogv.reisen/wp-content/uploads/2026/05/bus-svgrepo-com.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.artifica-abfahrt-wrapper .elementor-shortcode {
    display: flex;
    gap: 6px;
    flex-flow: column;
}


/* =============================================
   Inklusivleistungen
   ============================================= */
.artifica-single-page-inklusivleistungen ul {
    list-style: none;
    margin: 0;
    margin-left: -40px;
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 767px) {
    .artifica-single-page-inklusivleistungen ul {
        grid-template-columns: 1fr;
    }
}

.artifica-single-page-inklusivleistungen li {
    font-size: 16px;
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-body);
    position: relative;
    padding-left: 30px;
}
.artifica-single-page-inklusivleistungen li::before {
    content: "";
    background: url(https://ogv.reisen/wp-content/uploads/2026/05/check-circle-svgrepo-com.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
}


/* =============================================
   Reisefilter
   ============================================= */
.artifica-reisefilter .jet-filters-group {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.artifica-reisefilter .jet-smart-filters-checkboxes { margin-top: 0 !important; }


/* =============================================
   Single Post Template – Right Col
   ============================================= */
.artifica-single-post-right-col {
    box-shadow: var(--shadow-box);
    border-radius: var(--radius);
    background-color: var(--color-white);
}
.artifica-single-post-right-col.elementor-sticky--active {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    transition: margin .1s ease-in-out;
}
.artifica-single-post-right-col.maps iframe { border-radius: 20px; }
.artifica-single-post-right-col-wrapper { margin-bottom: 20px !important; }

/* =============================================
   Single Post – Beschreibung
   ============================================= */
.artifica-single-post-event_description,
.artifica-single-post-tourinfo,
.artifica-single-post-tourinfo div {
    font-size: 16px;
    color: var(--color-body);
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    font-weight: 400;
    text-align: left !important;
}
.artifica-single-post-event_description .elementor-shortcode span:nth-of-type(2) { font-weight: 600; }
.artifica-single-post-event_description .elementor-shortcode span:nth-of-type(1) { display: none !important; }

/* =============================================
   Kategorie Badge
   ============================================= */
   
   .artifica-single-post-cat .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: start;
}

@media (max-width: 767px) {
.custom-center .artifica-single-post-cat .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
}
   
.artifica-single-post-cat {
    background-color: unset;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: fit-content;
    justify-content: center;
}

.artifica-single-post-cat p {
    margin-bottom: 0 !important;
    background-color: var(--e-global-color-accent);
    color: var(--color-white);
    font-family: var(--e-global-typography-secondary-font-family), sans-serif;
    font-size: var(--e-global-typography-ogv-body-font-size);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: .5rem 1.25rem;
    border-radius: var(--radius-sm);
    width: auto;
    white-space: nowrap;
}

/* =============================================
   Busreisebox Booking Tool
   ============================================= */
.ui.sub.header > :first-child:not(.sub.header) { display: none; }

/* =============================================
   Responsive
   ============================================= */
@media screen and (max-width: 767px) {

    .jb-single-reise-verlauf, .journey { text-align: left; }
    .artifica-bedingungen p { word-break: break-all; }
    .jb-single-post-gallery-img { min-height: 270px; overflow: hidden; }
}



/* =============================================
   Reise Descriptions
   ============================================= */
#travel-descriptions._flex .elementor-widget-wrap.elementor-element-populated {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#travel-descriptions._flex .elementor-widget-wrap.elementor-element-populated .elementor-element {
    flex-basis: calc(50% - 5px);
    background-color: var(--color-white);
    padding: 1em;
    margin-bottom: 10px;
}
#travel-descriptions H3 {
    font-size: 1.35em;
    font-weight: 300;
    color: var(--color-white);
    background-color: var(--e-global-color-primary);
    padding: .35em 1em;
}
.single-reisen H3 {
    font-size: 1em;
    font-weight: 600;
}/* End custom CSS */