/**
Theme Name: TourismusAlbDonau
Author: Unimess GmbH
Author URI: https://www.unimess.de
Description: Individuelles Theme für Kunde: TourismusAlbDonau
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: TourismusAlbDonau
Template: astra
*/

/*
*
* ==========================================
* #Fonts Schriften importieren
* ==========================================
*
*/
@font-face {
    font-family: 'PXMoonichManufacture';
    src: url('./fonts/PXMoonichManufacture-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PXMoonichManufacture';
    src: url('./fonts/PXMoonichManufacture-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/poppins-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('./fonts/poppins-v23-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/poppins-v23-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('./fonts/poppins-v23-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }

/*
*
* ==========================================
* #Generell
* ==========================================
*
*/
:root {
    --titelbanner: 85px;
    --titelh1: 50px;
    --titelh2: 34px;
    --titelh3: 28px;
    --titelh4: 16px;
    --fliesstext: 16px;


    --border-radius-groß: 100px;
    --border-radius-klein: 40px;

    --abstandXL: 160px;
    --abstandL: 90px;
    --abstandM: 60px;
    --abstandS: 30px;
    --abstandXS: 16px;

    --schatten-box: 2px 2px 25px -8px #00000026;

    --hoverfarbe-blau: #004473;
    --hoverfarbe-gelb: #e5a400;
    --hoverfarbe-orange: #f59c00;
    --hoverfarbe-gruen: #32822a;
    --hoverfarbe-rot: #9a2220;
    --hoverfarbe-schwarz: #494949;

}

body {
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4 {
    font-family: 'PXMoonichManufacture', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
}
h1, .entry-content h1 {
    font-size: var(--titelh1);
    line-height: 58px;
}
h2, .entry-content h2 {
    font-size: var(--titelh2);
    line-height: 41px;
    margin-bottom: 16px;
}
h3, .entry-content h3{
    font-size: var(--titelh3);
    line-height: 34px;
    letter-spacing: 0.04em;
    margin-bottom: 0;
}
h4{
    font-family: 'Poppins', sans-serif;
    line-height: 34px;
    font-weight: 600;
}

.um-border-radius-groß {
    border-radius: var(--border-radius-groß)!important;
}
.um-border-radius-klein {
    border-radius: var(--border-radius-klein)!important;
    overflow: hidden;
}
.um-border-radius-klein-produkte img{
    border-radius: var(--border-radius-klein)!important;
}
/*
*
* ==========================================
* #Schriftklassen
* ==========================================
*
*/
/* Gemeinsame Basis für alle Titel */
[class^="um-titel"] * {
    font-family: 'PXMoonichManufacture', sans-serif!important;
    font-weight: 700!important;
    letter-spacing: 0.02em!important;
}

/* Spezifische Einstellungen pro Titelklasse */
.um-titel85 * {
    font-size: var(--titelbanner)!important;
    line-height: var(--titelbanner) !important;
}

.um-titel50 * {
    font-size: var(--titelh1)!important;
    line-height: var(--titelh1) !important;
}

.um-titel34 * {
    font-size: var(--titelh2)!important;
    line-height: var(--titelh2) !important;
}

.um-titel28 * {
    font-size: var(--titelh3)!important;
    line-height: var(--titelh3) !important;
    letter-spacing: 0.04em!important;
}

.um-titel16 * {
    font-family: 'Poppins', sans-serif!important;
    font-weight: 600!important;
    font-size: var(--titelh4)!important;
    line-height: var(--titelh4)!important;
}




.toubiz-widget {
    --tb-w-text-2xl: 16px !important;
}
/*
*
* ==========================================
* #Abstand Abstände Abstandsklassen
* ==========================================
*
*/
.um-abstandXL {
    margin-top: var(--abstandXL)!important;
}
.um-abstandL {
    margin-top: var(--abstandL)!important;
}
.um-abstandM {
    margin-top: var(--abstandM)!important;
}
.um-abstandS {
    margin-top: var(--abstandS)!important;
}
.um-abstandXS {
    margin-top: var(--abstandXS)!important;
}


/*
   ==================================================================================================================
   ============= Link-Button ========================================================================================
   ==================================================================================================================
*/
/* ========= LINK INDIKATOR ===========*/
[class*="um-link-indikator"]::after{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    margin: var(--abstandS);
    border-radius: 100%;
    background-color: var(--ast-global-color-6);
    background-image: url('/wp-content/uploads/2025/04/pfeil-link-desktop.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.26);
    z-index: 3;
    transition: background-color .35s ease-in-out;
    pointer-events: none;
}

/* ========= BUTTON INDIKATOR ===========*/
[class*="um-button-indikator"] .elementor-button{
    content: "";
    height: 50px;
    position:relative;
    display: flex;
    align-items: center;
    background-color: var(--ast-global-color-6);
    background-image: url('/wp-content/uploads/2025/04/pfeil-link-desktop.svg');
    background-repeat: no-repeat;
    background-position: bottom 50% right 17px;
    background-size: 16px;
    padding: 15px 50px 15px 25px !important;
    box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.26);
    z-index: 3;
    transition: background-color .35s ease-in-out;
}
[class*="um-button-indikator"].no-content .elementor-button{
    padding: 25px !important;
}
[class*="um-button-indikator"].no-content .elementor-button-content-wrapper{
    display: none;
}



/* ====== PFEIL-FARBEN ====== */
.um-link-indikator:hover::after, .um-button-indikator:hover .elementor-button {
    background-color: var(--hoverfarbe-schwarz);
}
.um-link-indikator-r::after, .um-button-indikator-r .elementor-button {
    background-color: var(--ast-global-color-1);
}
.um-link-indikator-r:hover::after, .um-button-indikator-r:hover .elementor-button {
    background-color: var(--hoverfarbe-rot);
}
.um-link-indikator-g::after, .um-button-indikator-g .elementor-button {
    background-color: var(--ast-global-color-2);
}
.um-link-indikator-g:hover::after, .um-button-indikator-g:hover .elementor-button {
    background-color: var(--hoverfarbe-gruen);
}
.um-link-indikator-b::after, .um-button-indikator-b .elementor-button {
    background-color: var(--ast-global-color-0);
}
.um-link-indikator-b:hover::after, .um-button-indikator-b:hover .elementor-button {
    background-color: var(--hoverfarbe-blau);
}
.um-link-indikator-o::after, .um-button-indikator-o .elementor-button {
    background-color: var(--ast-global-color-8);
}
.um-link-indikator-o:hover::after, .um-button-indikator-o:hover .elementor-button {
    background-color: var(--hoverfarbe-orange);
}
.um-link-indikator-y::after, .um-button-indikator-y .elementor-button {
    background-color: #FBBA00; /* weil global-color-3 zu blau umgefärbt, ansage von oben */
}
.um-link-indikator-y:hover::after, .um-button-indikator-y:hover .elementor-button {
    background-color: var(--hoverfarbe-gelb);
}




/*
*
* ==========================================
* #Navbar
* ==========================================
*
*/
.site-branding.ast-site-identity {
    padding: 0px;
}
.mobile-menu-toggle-icon .ahfb-svg-iconset svg,
#menu-toggle-close .ahfb-svg-iconset svg{
    height: 30px;
    width: auto;
}
.site-above-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    align-content: end;
}
#um-quicklink-transparent, #um-quicklink-offcanvas {
    transition: none;
    font-size: 12px;
    font-weight: 600;
}
#um-quicklink-transparent .elementor-icon,
#um-quicklink-offcanvas .elementor-icon,
#um-quicklink-offcanvas svg,
#um-quicklink-transparent svg {
    display: block;
    transition: none!important;
}
body.ast-theme-transparent-header #um-quicklink-transparent svg,
body.ast-theme-transparent-header #um-quicklink-transparent p,
body.ast-theme-transparent-header .um-social-topheader svg,
body.ast-theme-transparent-header .ast-search-menu-icon svg,
body.ast-theme-transparent-header .gglobe,
body.ast-theme-transparent-header .um-weather-haeder,
body.ast-theme-transparent-header .ast-icon-shopping-cart svg{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    color: var(--ast-global-color-5);
}
#um-quicklink-offcanvas  {
    position: absolute;
    top: 32px;
    left: 90px;
    padding: 0;
}
#um-burger-button {
    filter: invert(1);
    display: inline-block; /* für Firefox, damit text und button nebeneinander angezeigt werden.*/
}
#um-burger-button:before {
    content: "MENÜ";
    display: inline-block;
    padding-right: 10px;
    font-size: 16px;
    position: relative;
    top: 2px;
    color: #ffffff;
}
#um-burger-button img{
    height: 28px;
}
body.ast-theme-transparent-header #um-burger-button {
    filter: unset;
}
body.ast-theme-transparent-header #ast-fixed-header #um-burger-button {
    filter: invert(1);
}
span.site-logo-img {
    transform: translateY(-22px);
}
#ast-fixed-header span.site-logo-img {
    transform: unset;
}

.sffm-flymenu-panel .sffm-panel-close {
    top: unset!important;
    position: relative!important;
}
.sffm-flymenu-panel .sffm-panel-close img {
    width: 30px;
    height: auto;
}

.site-header-above-section-right > .ast-builder-layout-element{
    padding-left: 2px;
    padding-right: 5px;
}
/*
   =======================================
   ======== Offcanvas-Menü ===============
   =======================================
*/
.sffm-flymenu-panel {
    background-color: rgba(245,245,245,0.85)!important;
    backdrop-filter: blur(9px);
}
.sffm-flymenu-panel .sffm-panel-close {
    background: transparent!important;
}
.sffm-flymenu-panel .sffm-panel-close i {
    font-size: 1em;
}

/* Sprachwechsler im Offcanvas Menü*/
.sffm-flymenu-panel .gglobe{
   float: left;
   filter: invert(0.8);
}
.sffm-flymenu-panel .gsatelite{
   float: left;
}
.sffm-flymenu-panel .gsatelites{
    position: absolute;
    display: flex;
    top: 45px;
    flex-wrap: wrap;
    width: 80vw;
}



/* Suche header-nav */
.search-form, .search-form .search-field{
    border-radius: 30px !important;
}



/*
   =================================================
   ======== Social Media Widgets ===================
   ==Offcanvas === & ===Topheader=== & === Footer ==
*/
.um-social-icons img {
    width: 34px!important;
    height: 34px!important;
    object-fit: contain;
}
.um-social-icons a {
    padding: 15px;
    transition: opacity .3s ease-in-out;
}
.um-social-topheader a:hover {
    opacity: .6;
}
.um-social-offcanvas {
    flex-wrap: wrap;
    justify-content: end!important;
    align-items: center;
    gap: unset;
}
.um-social-topheader, .um-social-footer {
    flex-wrap: wrap;
    justify-content: end!important;
    align-items: center;
    gap: unset;
    padding: 0px;
}
.um-social-topheader .um-social-icons {
    margin: 0px;
}
.um-social-topheader .elementor-icon-wrapper {
    display: flex!important;
}
.um-social-topheader svg {
    width: 24px!important;
    height: 24px!important;
    object-fit: contain;
}
.um-social-topheader .elementor-widget-container {
    padding: 8px!important;
}

/*
* ==========================================
* #Sprachwechsler
* ==========================================
*/
.gglobe{
   height: 26px !important;
   width: 26px !important;
   opacity: 1 !important;
   float: right;
   margin: 5px;
}
.gglobe:hover{
   opacity: 0.7 !important;
   transform: none !important;
}
.gsatelite{
   float: left;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   margin:5px;
}
.gsatelite.gt-current-lang{
   margin-left: 8px;
   margin-right: 8px;
}
.gsatelite.gt-current-lang img{
    transform: scale(1.15) !important;
    box-shadow: none !important;
    opacity: 1;
    outline: 2px solid #fff;
}




/*
*
* ==========================================
* #Header
* ==========================================
*
*/
#um-header-startseite {
    border-radius: 0px 0px var(--border-radius-groß) var(--border-radius-groß);
}

#um-header-startseite:before {
    content: '';
    border-radius: 0px 0px var(--border-radius-groß) var(--border-radius-groß);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.00) 100%)!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
}
#um-video-startseite video {
    border-radius: var(--border-radius-klein);
    min-height: 420px;
    aspect-ratio: unset;
}

.ast-header-stick-fade-active .ast-above-header{
    background: #f1f1f1 !important;
}
.ast-header-stick-fade-active #um-quicklink-transparent svg,
.ast-header-stick-fade-active #um-quicklink-transparent p,
.ast-header-stick-fade-active .um-social-topheader svg,
.ast-header-stick-fade-active .ast-search-menu-icon svg,
.ast-header-stick-fade-active .ast-icon-shopping-cart svg,

.ast-header-stick-fade-active .gglobe, .sffm-flymenu-panel .gglobe,
.ast-header-stick-fade-active .um-weather-haeder, .sffm-flymenu-panel .um-weather-haeder{
    filter: none !important;
    color: #000000 !important;
}

.ast-header-woo-cart {
    display: none;
}

/* ============== HEADER C0de-Element ================ */
.um-header{
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.um-header-img{
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: -1;
}
.um-header-content{
    width: 100%;
    max-width: 1340px;
    padding: 0px 10px;
    margin: auto;
}
/* ============== HEADER ACF Plugin ================ */
#kopfgrafik {
   height: 350px;
}
#kopfgrafik img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    z-index: -1;
}


/*
==================================================
# HEADER-Slider
==================================================
*/

.n2-ss-slider .nextend-arrow:target,
.n2-ss-slider .nextend-arrow:focus-visible {
  outline: 2px dashed var(--ast-global-color-0) !important;
}

.um-header-slider .um-slider-bild{
    height: inherit;
    width: 100%;
}
.um-header-slider .um-slider-bild img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0px 0px var(--border-radius-groß) var(--border-radius-groß) !important;
}


/*
*
* ==========================================
* #Unterseiten
* ==========================================
*
*/
#um-pressegalerie a.elementor-gallery-item {
    border-radius: var(--border-radius-klein);
}


/*
================================================
# Einzelne-Broschueren
================================================
*/
.um-einzel-broseure-1{
    transform: translate(-50px, -50px) rotate(-20deg);
    transition: all 0.4s ease-in-out;
    box-shadow: var( --schatten-box);
}
.um-einzel-broseure-1:hover{
    transform: translate(-50px, -50px) rotate(-20deg) scale(1.05);
}
.um-einzel-broseure-2{
    transform: translate(50px, 50px) rotate(20deg);
    transition: all 0.4s ease-in-out;
    box-shadow: var( --schatten-box);
}
.um-einzel-broseure-2:hover{
    transform: translate(50px, 50px) rotate(20deg) scale(1.05);
}



/* ======= Neuigkeiten | News | Post | Beiträge ======= */
.um-neuigkeiten-liste .elementor-post__thumbnail__link{
    border-radius: 40px;
    overflow: hidden;
}

/*
   =======================================
   ======== um-dreibild-sektion ==========
   =======================================
*/



/*
   =======================================
   ======== um-dreibild-sektion ==========
   =======================================
*/
.um-zweibild-sektion img, .um-dreibild-sektion img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.um-dreibild-sektion .elementor-image, .um-zweibild-sektion .elementor-image {
    height: 100%;
}
/*
   =======================================
   ======== Sektion Zwei Text ein Bild ===
   =======================================
*/
.um-zweitexteinbild {
    padding: var(--abstandL);
}
.um-zweitexteinbild img{
    border-radius: var(--border-radius-klein)!important;
}
/*
   =======================================
   ======== Sektion Text-Bild ============
   =======================================
*/

.um-text-bild-links {
    border-radius: var(--border-radius-klein) 0px 0px var(--border-radius-klein)!important;
    padding: var(--abstandL)!important;
    background-color: var(--ast-global-color-4);
}
.um-text-bild-links:after {
    content: "";
    width: 50%;
    background-color: var(--ast-global-color-4);
    position: absolute;
    right:-50%;
    top: 0;
    z-index: -1;
    height: 100%;
    border-radius: 0px var(--border-radius-klein) var(--border-radius-klein) 0px;
}
.um-text-bild-links.big:after {
    width: 100% !important;
    right:-100% !important;
}
.um-text-bild-rechts{
    transform: translateY(-90px);
}
.um-text-bild-rechts img {
    border-radius: var(--border-radius-klein)!important;
    width: 100%;
    object-fit: cover;
    min-height: 350px;
}
.um-text-bild-rechts {
    box-shadow: 3px 3px 30px -5px #00000033!important;
    z-index: 1!important;
    border-radius: var(--border-radius-klein)!important;
}
/*
   =======================================
   ======== Sektion Bild-Text ============
   =======================================
*/
.um-sektion-bild-text .um-text-bild-links {
    border-radius: 0px var(--border-radius-klein) var(--border-radius-klein) 0px!important;
}
.um-sektion-bild-text .um-text-bild-links:after {
    content: "";
    width: 50%;
    background-color: var(--ast-global-color-4);
    position: absolute;
    left:-50%;
    top: 0;
    z-index: -1;
    height: 100%;
    border-radius: var(--border-radius-klein) 0px 0px var(--border-radius-klein);
}
.um-sektion-bild-text .um-text-bild-links.big:after {
    width: 100% !important;
    left: -100% !important;
}
/*
   =======================================
   ======== Fließtext Basic ==============
   =======================================
*/
.um-fließtext-basic {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
}

.um-einleser-text{
    width: 100%;
    max-width: 1380px;
    padding: 20px;
    margin: auto;
}

/*
   =======================================
   =============== CTA ===================
   =======================================
*/

.um-cta .elementor-cta__bg{
    border-radius: 40px;
}
.um-cta .elementor-cta__bg-overlay{
    display: none;
}

.um-cta h3{
    font-size: var(--titelh3);
    margin-bottom: 6px;
}

.um-cta .elementor-cta__content, .um-cta .um-cta-content {
    padding: 20px 40px 30px 40px;
}
.um-cta .elementor-widget-container{
    overflow: visible;
}
.um-cta .elementor-cta {
    overflow: hidden;
    border-radius: 40px;
    box-shadow: var(--schatten-box);
    position: relative;
    background-color: #ffffff;
}

.um-cta [class*="um-cta-indikator"] .elementor-cta::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    margin: var(--abstandS);
    border-radius: 100%;
    background-color: var(--ast-global-color-6);
    background-image: url('/wp-content/uploads/2025/04/pfeil-link-desktop.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.26);
    z-index: 3;
    transition: background-color .35s ease-in-out;
    
}

.um-cta .um-cta-indikator .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-schwarz);
}
.um-cta .um-cta-indikator-r .elementor-cta::after {
    background-color: var(--ast-global-color-1);
}
.um-cta .um-cta-indikator-r .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-rot);
}
.um-cta .um-cta-indikator-g .elementor-cta::after {
    background-color: var(--ast-global-color-2);
}
.um-cta .um-cta-indikator-g .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-gruen);
}
.um-cta .um-cta-indikator-b .elementor-cta::after {
    background-color: var(--ast-global-color-0);
}
.um-cta .um-cta-indikator-b .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-blau);
}
.um-cta .um-cta-indikator-o .elementor-cta::after {
    background-color: var(--ast-global-color-8);
}
.um-cta .um-cta-indikator-o .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-orange);
}
.um-cta .um-cta-indikator-y .elementor-cta::after {
    background-color: #FBBA00;
}
.um-cta .um-cta-indikator-y .elementor-cta:hover::after {
    background-color: var(--hoverfarbe-gelb);
}

/*
============= CTA - CODE Element==================
*/
.um-cta{
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.um-cta > .row{
    width: 100%;
    max-width: 1380px;
    margin: auto;
}
.um-cta .card {
    border-radius: var(--border-radius-klein);
    border: none;
    box-shadow: var(--schatten-box);
}
.um-cta .card img {
    height: 200px;
    width: 100%;
    object-fit: cover;
	border-radius: var(--border-radius-klein);
}
.um-cta .card-body {
    padding: 20px 40px 30px 40px;
    background-color: #ffffff00;
    color: #000000;
}
.um-cta .card-footer {
    background-color: #ffffff00;
    border-top: none;
}
/*
   =======================================
   =============== WooCommerce =========
   =======================================
*/
.woocommerce-js ul.products li.product a img {
    height: 300px;
    object-fit: contain;
    object-position: top center;
}

.elementor-widget-woocommerce-products .price{
	display: none !important;
}



/*
   ========================================================
   ========= Formular-Startseite Unterkunftssuche =========
   ========================================================
*/
.um-unterkunftssuche-selector input, .um-unterkunftssuche-selector select, .um-unterkunftssuche-selector .chosen-container .chosen-single{
    border-radius: 50px !important;
    padding: 12px 20px !important;
}
.buchung input.button{
    border-radius: 50px;
}
.buchung_wrapper .gform_required_legend{
    display: none !important;
}
select, .select2-container .select2-selection--single{
    /* background-blend-mode: luminosity; */
}

/*
   =======================================
   =============== Kontaktkarten =========
   =======================================
*/
#kontakt-karten .elementor-icon {
    display: block;
}
/*
*
* ==========================================
* #Footer
* ==========================================
*
*/
#um-footer {
    border-radius: var(--border-radius-groß) var(--border-radius-groß) 0px 0px!important;
}

/*
*
* ==========================================
* Responsive
* ==========================================
*
*/

/* #2000px */
@media(min-width:2000px) {
}

/* #1440px */
@media(max-width:1440px) {

}

/* #1024px */
@media(max-width:1024px) {
    .um-sektion-bild-text .um-text-bild-links {
        border-radius: var(--border-radius-klein)!important;
    }
    .um-text-bild-links, .um-sektion-bild-text .um-text-bild-links {
        padding-top: calc(var(--abstandL)*2)!important;
    }
    .um-text-bild-links:after, .um-sektion-bild-text .um-text-bild-links:after {
        display: none;
    }
    .um-text-bild-rechts {
        transform: translateY(var(--abstandL));
        padding: 0!important;
        width: calc(100% - 40px)!important;
        margin-left: auto!important;
        margin-right: auto!important;
        z-index: 1!important;
    }


}

/* #768px */
@media(max-width:768px) {
    :root {
        --titelbanner: 40px;
        --titelh1: 30px;
        --titelh2: 26px;
        --titelh3: 22px;
        --titelh4: 16px;
        --fliesstext: 14px;


        --border-radius-groß: 40px;
        --border-radius-klein: 20px;

        --abstandXL: 70px;
        --abstandL: 50px;
        --abstandM: 30px;
        --abstandS: 20px;
        --abstandXS: 12px;
    }
    h1, .entry-content h1 {
        line-height: 30px;
        hyphens: auto;
    }
    h2, .entry-content h2 {
        line-height: 24px;
    }
    h3, .entry-content h3{
        line-height: 18px;
    }
    .um-header-section h3{
        font-size: 16px !important;
        line-height: 16px;
    }
    h4{
        line-height: 16px;
    }

    .um-text-bild-links {
        padding: var(--abstandM);
    }
    .um-header-slider .um-slider-bild img{
        min-height: 400px;
    }
    span.site-logo-img {
        transform: translateY(5px);
    }


    /*
    ================================================
    # Einzelne-Broschueren
    ================================================
    */
    .um-einzel-broseure-1{
        transform: translate(0px, 0px) rotate(-20deg);
    }
    .um-einzel-broseure-1:hover{
        transform: translate(0px, 0px) rotate(-20deg) scale(1.05);
    }
    .um-einzel-broseure-2{
        transform: translate(0px, 0px) rotate(20deg);
    }
    .um-einzel-broseure-2:hover{
        transform: translate(0px, 0px) rotate(20deg) scale(1.05);
    }


    .um-header-sektion{
        padding: 25px;
    }



    }

/* #640px */
@media(max-width:640px) {


}