/*
Theme Name: SAC Sektion Mythen Theme
Author: ulrich.digital
Author URI: https://ulrich.digital
Version: 2021.8
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Description: Wordpress Theme für den SAC Sektion Mythen
Text Domain: ulrich_digital_blank
* Domain Path: /languages
*/

/* CSS  Reset  */
article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section {
    display: block
}

a, hr {
    padding: 0
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins, mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins {
    text-decoration: none
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input, select {
    vertical-align: middle
}

ul {
    list-style: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

header {}

/* =============================================================== *\
 	 Fonts
\* =============================================================== */
@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-MediumItalic.eot');
    src: url('webfonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('webfonts/Roboto-MediumItalic.woff') format('woff'),
        url('webfonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Thin.eot');
    src: url('webfonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Thin.woff2') format('woff2'),
        url('webfonts/Roboto-Thin.woff') format('woff'),
        url('webfonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Medium.eot');
    src: url('webfonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Medium.woff2') format('woff2'),
        url('webfonts/Roboto-Medium.woff') format('woff'),
        url('webfonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Regular.eot');
    src: url('webfonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Regular.woff2') format('woff2'),
        url('webfonts/Roboto-Regular.woff') format('woff'),
        url('webfonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Black.eot');
    src: url('webfonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Black.woff2') format('woff2'),
        url('webfonts/Roboto-Black.woff') format('woff'),
        url('webfonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Bold.eot');
    src: url('webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Bold.woff2') format('woff2'),
        url('webfonts/Roboto-Bold.woff') format('woff'),
        url('webfonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Light.eot');
    src: url('webfonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Light.woff2') format('woff2'),
        url('webfonts/Roboto-Light.woff') format('woff'),
        url('webfonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-Italic.eot');
    src: url('webfonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-Italic.woff2') format('woff2'),
        url('webfonts/Roboto-Italic.woff') format('woff'),
        url('webfonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-BlackItalic.eot');
    src: url('webfonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('webfonts/Roboto-BlackItalic.woff') format('woff'),
        url('webfonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-ThinItalic.eot');
    src: url('webfonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('webfonts/Roboto-ThinItalic.woff') format('woff'),
        url('webfonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-BoldItalic.eot');
    src: url('webfonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('webfonts/Roboto-BoldItalic.woff') format('woff'),
        url('webfonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('webfonts/Roboto-LightItalic.eot');
    src: url('webfonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Roboto-LightItalic.woff2') format('woff2'),
        url('webfonts/Roboto-LightItalic.woff') format('woff'),
        url('webfonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Frutiger LT Std';
    src: url('webfonts/FrutigerLTStd-Black.eot');
    src:
        /*url('webfonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),*/
        url('webfonts/FrutigerLTStd-Black.woff2') format('woff2'),
        url('webfonts/FrutigerLTStd-Black.woff') format('woff'),
        url('webfonts/FrutigerLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    max-width: 100vw;
    overflow: hidden;
}

body,
button {
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: 0.5px;
}

body:not(.home) #content_container {
    max-width: 1200px;
    margin: 150px auto 0;
}



h1, h2, h3, .entry-title {
    font-family: 'Frutiger LT Std';
    font-size: 29px;
    letter-spacing: 1px;
    margin: 0.5em 0 0.25em;
    line-height: 1em;
}

article,
article p {
    font-size: 20px;
    line-height: 1.25em;
    letter-spacing: 0.5px;
}

h1,
article .entry-title a {
    font-size: 26px;
    line-height: 1.25em;
}

.single h1 {
    font-size: 30px;
}

.single h2 {
    font-size: 26px;
}

button.chip,
.chip {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em;
}

.chip {
    cursor: default;
}

button.chip {
    cursor: pointer;
}

.is-style-text-block-white {
    max-width: 1200px;
    margin: auto;
    background-color: white;
    padding: 20px;
    border: 1px solid black;
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
}

.entry-content>*+p {
    margin-top: 1em;
}

.entry-content>h1,
.entry-content>h2,
.entry-content>h3,
.entry-content>h4,
.entry-content>h5,
.entry-content>h6,
.entry-content>p {
    line-height: 1.5em;
}

/* =============================================================== *\
 	 Variables
\* =============================================================== */
:root {
    --black: #000000;
    --white: #ffffff;

    --grey: #eeeeee;
    --body_bg: #e5e9ff;

    --sektion_bg: #F0D2CB;
    --sektion_color: #CB664E;

    --veteranen_bg: #CCE6D1;
    --veteranen_color: #5EAC6D;

    --jo_bg: #D1D6EB;
    --jo_color: #6573BC;

    --kibe_bg: #ECEF9E;
    --kibe_color: #C9D00D;

    --fabe_bg: #EDCDEB;
    --fabe_color: #C378BD;

    --mythenclimb_bg: #efda9e;
    --mythenclimb_color: #d0a90d;

    --allgemein_bg: #D4EEF0;
    --allgemein_color: #6EC1C7;

    --light_grey_bg: #e6e6e6;
    --middle_grey_bg: #d2d2d2;
    --dark_grey_bg: #c0c0c0;

    --icon_bg: #292929;

    --alertRed: #e9605a;
    --alertRedHover: #f9706a;

    --alertGreen: #42c080;
    --alertGreenHover: #52d090;
    --alertGreenTrans: #42c08045;
    --alertGreenLight: #e5fbf0;
    --alertGreenDark: #108c4d;

    --alertBlue: #6573ac;
    --alertBlueFont: #4e5b8d;
    --alertBlueLight: #e7ecfe;
    --alertBlueTrans: #6574ac29;
    --alertBlueFontDark: #28304a;

    --alertBrownBackground: #f4e7cf;
    --alertBrownFont: #2c2108;
    --alertBrownFontDark: #241c0b;
    --alertBrownLight: #8f6642;
    --alertBrown: #352813;
    --alertBrownTrans: #35281316;
    --alertBrownDark: #ffff00;



    --formGreen: #33a56a;

    --borderRadius_5px: 5px;
    --borderRadius_100px: 100px;

    --boxShadow: 1px 1px 2px #00000030;

    --hoverTrans: 0.2s all;

    --footerBg: #2a2a2d;

    --animate-duration_search_results: 1s;
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;

    --footerGo: #333;
    --footerLightGrey: #29282f;
    ;
}



/* =============================================================== *\
 	 General
\* =============================================================== */
html {
    overflow-x: hidden;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

a {
    color: var(--black);
}

img {
    display: block;
    height: auto;
}

button {
    border: none;
    cursor: pointer;
}

strong {
    font-weight: bold;
}


.white {
    background: var(--white);
}

.grey {
    background: var(--grey);
    opacity: 1;
}

.red {
    background: var(--red);
}

.alert_red {
    background: var(--alertRed);
}

.alert_green {
    background: var(--alertGreen);
}

.go_green {
    transition: var(--hoverTrans);
    cursor: pointer;
}

.go_green.is_active,
.go_green:hover {
    opacity: 1;
    color: var(--white);
    border-color: inherit;
    background: var(--alertGreenHover);
    box-shadow: var(--boxShadow);
}

.go_grey:hover {
    background: var(--middle_grey_bg);
}

.flex {
    display: flex;
}

.flex.centered {
    justify-content: center;
}

.flex.between {
    justify-content: space-between;
}

.flex.column {
    flex-direction: column;
}

.bordered_2px {
    border: 2px solid;
}

.bordered {
    border: 1px solid;
}

.display_none {
    display: none !important;
}

.dashed {
    border: 1px dashed black;
}

.shadow,
.box_shadow {
    box-shadow: var(--boxShadow)
}

.padding {
    padding: 20px;
}

.rounded {
    border-radius: var(--borderRadius_5px);
    overflow: hidden;
}

.section_button {
    padding: 15px !important;
}

.extreme_rounded {
    border-radius: var(--borderRadius_100px);
    overflow: hidden;
}

.italic {
    font-style: italic;
}

.footer_light_grey {
    background: var(--footerLightGrey);
}

footer .footer_go {
    border: 1px solid white;
    color: white;
}

.footer_go a {}

/* =============================================================== *\
   Rechtliche Hinweise
   Datenschutz
\* =============================================================== */
.page-id-1784 h2,
.privacy-policy h2 {
    margin-top: 1.5em;
    margin-bottom: 0em;
}

.page-id-1784 p,
.page-id-1784 ul,
.privacy-policy p,
.privacy-policy ul,
.no_background {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.privacy-policy ul {
    padding-left: 20px !important;
}

footer,
footer a {
    font-size: 16px;
    text-decoration: none;
}

.margin_10 {
    margin: 0 10px;
}

.margin_20 {
    margin: 0 20px;
}

/* OPTIMIZE:  */
.extreme_rounded {
    max-height: 46px;
}

.extreme_rounded.selected {
    max-height: none;
}

/* =============================================================== *\
 	 Drop-Down-Button
\* =============================================================== */
.drop_down_button {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    border-radius: 23px;
    position: relative;
    cursor: auto;
}

.drop_down_button.extreme_rounded {
    overflow: visible;
    line-height: 1;
}

.drop_down_button ul {
    display: none;
}

.drop_down_button:hover .more_button {
    color: white;
    transition: var(--hoverTrans);
    cursor: pointer;
}

.drop_down_button i {
    display: none;
}

.drop_down_button:hover i {
    display: block;
}

.drop_down_button li {
    margin: 10px 0;
    background: var(--body_bg);
    padding: 5px 10px;
    border-radius: 50px;
    transition: var(--hoverTrans);
}

.drop_down_button li a {
    text-decoration: none;
}

.drop_down_button li:last-child {
    margin-bottom: 0;
}

.drop_down_button li:hover {
    background: var(--white);
}

.drop_down_button .more_button {
    padding: 0;
    margin: 0;
}

.drop_down_button.selected i {
    transition: var(--hoverTrans);
    transform: rotate(90deg);
}



/* OPTIMIZE:  */
.flex .wp-block-group__inner-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.wp-block-media-text {
    border-radius: var(--borderRadius_5px);
    background: var(--white);
    box-shadow: var(--boxShadow);
    overflow: hidden;
    max-width: 600px;
    margin: 10px;
}

.details_container .details {
    width: 450px;
    min-width: 400px;
}

.home h2 {
    margin: 0 auto 5vh;
}


/* =============================================================== *\

 	 Button Prev/Next

\* =============================================================== */
.prev_posts:hover a,
.next_posts:hover a {
    color: var(--white);
}

/* =============================================================== *\
    Main-Elements
\* =============================================================== */
body {
    background: var(--body_bg);
}

#header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    align-items: center;
    background: transparent;
    position: fixed;
    z-index: 100;
    width: 100vw;
    transition: var(--hoverTrans);
    top: 0;
    padding: 3px 10px;
}

#header.colored {
    background: grey;
    background: #cc0b18;
}

#header a {
    text-decoration: none;
}

.home #header.colored {
    background: #e3000f;
    background: #cc0b18;
}

#logo {
    margin: 5px;
    filter: drop-shadow(2px 2px 1px #00000055);
    width: 168px;
    height: 70px;
    transition: var(--hoverTrans);
}

#logo.klein {
    width: 108px;
    height: 45px;
}

#content_container {
    padding-top: 60px;
    min-height: calc(100vh - 200px);
    margin: 0 20px;
}

#content_container:not(.home #content_container) {
    padding-top: 0;
}

.container {
    padding: 20px;
    line-height: 1.25em;
}

.flex {
    display: flex;
    align-items: flex-start;
}

footer {
    margin-top: 20vh;
    min-height: 100px;
    background: var(--footerBg);
}


/* =============================================================== *\
 	 Hauptmenu
\* =============================================================== */
#hauptmenue {
    display: flex;
    padding: 10px;
    z-index: 1000;
}

#hauptmenue .menu {
    display: flex;

}

#hauptmenue a {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    margin-right: 2em;
    letter-spacing: 2px;
}

#branding {
    position: relative;
    z-index: 1000;
}

#branding a {
    display: inline-block;
}

/*#menu{
    z-index: 2;
    display: flex;
    align-items: flex-start;
    transition: var(--hoverTrans);
    }

#menu.out{
    transform:matrix(1,0,0,1,-500,0);
    }

#menu.out .main_menu_container{
    transition: 0.2s all;
    opacity: 0;
    }

#menu-main-menu{
    margin: 0 0px 0 0;
    background: var(--white);
    padding: 10px;
    box-shadow: var(--boxShadow);
    border-bottom-right-radius: 5px;
    }

#menu-main-menu li{
    line-height: 2em;
    }

#menu-main-menu a{
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    letter-spacing: 1px;
    background: var(--white);
    padding: 5px;
    border-radius: var(--borderRadius_5px);
    transition: var(--hoverTrans);
    }

#menu-main-menu a:hover{
    background: var(--light_grey_bg);
    }

#menu-main-menu a[aria-current] {
    background:var(--alertRed);
    color:var(--white);
    }
	/* =============================================================== *\
	   Titel
	\* =============================================================== */
#mobile_menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background: #cc0b18;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    padding-left: 29px;
    padding-top: 60px;
    line-height: 2em;
    opacity: 0;
    transition: all 0.4s;
    left: -100%;

}

#mobile_menu.visible {
    left: 0;
    display: flex;
    opacity: 1;
    transition: all 0.3s;
}

#mobile_menu li {
    margin-left: -30%;
    opacity: 0;
}

#mobile_menu li.slide_in {
    opacity: 1;
    margin-left: 0;
    transition: all 0.3s
}

/* =============================================================== *\
   Hamburger-Icon
   @site https://jonsuh.com/hamburgers
   @link https://github.com/jonsuh/hamburgers
\* =============================================================== */
.hamburger {
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 1;
}

.hamburger:hover {}

.hamburger.is-active {}

.hamburger.is-active:hover {}



.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 1px;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/* Hamburger Collapse  */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 1000px) {
    .hamburger {
        display: inline-block;
    }
}

/* =============================================================== *\

 	 footer_menu_3

\* =============================================================== */
footer .footer_menu_1 a:hover,
footer .footer_menu_2 a:hover {
    text-decoration: none;
}

footer .footer_menu_1 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

footer .footer_menu_2 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer .footer_menu_1 li,
footer .footer_menu_2 li {
    background: #1b1b1d;
    border-radius: 50px;
    padding: 5px 10px;
    margin-bottom: 0.5em;
    padding-right: 15px;
    ;
}

footer .footer_menu_1 .house:before,
footer .footer_menu_1 .clubnachrichten:before,
footer .footer_menu_1 .books:before,
footer .footer_menu_1 .heart:before,
footer .footer_menu_1 .nature:before,
footer .footer_menu_1 .holding-hand:before,
footer .footer_menu_1 .help:before {
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    padding-right: 7px;
    font-weight: 900;
    color: #52524B;
    transition: var(--hoverTrans);
}

footer .house:before {
    content: "\f4c9";
}

footer .house:hover:before {
    color: #766C45;
}

footer .help:before {
    content: "\f4c3";
}

footer .help:hover:before {
    color: #AD2424;
}

footer .clubnachrichten:before {
    content: "\f518";
}

footer .clubnachrichten:hover:before {
    color: #ba2a25;
}

footer .books:before {
    content: "\f5db";
}

footer .books:hover:before {
    color: #3951D8;
}

footer .heart:before {
    content: "\f004";
}

footer .heart:hover:before {
    color: #AD2424;
}

footer .nature:before {
    content: "\f4cb";
}

footer .nature:hover:before {
    color: #2A9326;
}

footer .holding-hand:before {
    content: "\f4be";
}

footer .holding-hand:hover:before {
    color: #bd6318;
}


footer .footer_menu_2 .menu-item:after {
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    padding-left: 7px;
    font-weight: 900;
    content: "\f023";
    color: grey;
}

/* =============================================================== *\
 	 Breadcrumb-Menu
\* =============================================================== */
.breadcrumb_container {
    width: 100%;
    margin-top: 100px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    margin: auto;
    font-style: italic;
}

.breadcrumb a {
    text-decoration: none;
    color: inherit;
    font-style: italic;
    font-size: 90%;
    transition: var(--hoverTrans);
}

.breadcrumb i,
.breadcrumb a,
.breadcrumb span {
    opacity: 0.5;
}

.breadcrumb a:hover {
    opacity: 1;
}

/* =============================================================== *\
 	 Ajax-Search-Results
\* =============================================================== */
.search_results article {
    opacity: 1;
}

.loader_container {
    min-height: 50vh;
    display: flex;
    display: none;
}

.loader_gif {
    display: block;
    margin: auto;
    max-width: 50px;
    opacity: 0.3;
    animation-name: loaderAnimation;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-timing-function: linear;
}

@-webkit-keyframes loaderAnimation {
    from {
        transform: translate3d(-200%, 100%, 0);
    }

    to {
        transform: translate3d(200%, -100%, 0);
    }
}

@keyframes loaderAnimation {
    from {
        transform: translate3d(-200%, 100%, 0);
    }

    to {
        transform: translate3d(200%, -100%, 0);
    }
}

/* =============================================================== *\
   Ajax-Menu
   Isotope-Menu
\* =============================================================== */
#isotope_filter_menu {
    display: flex;
    flex-direction: column;
}

#isotope_filter_menu .ud-date-range {
    order: -10;
}

.ajax.menu {
    display: flex;
}

.ajax_container .ajax.menu,
.isotope_container .isotope.menu {
    padding: 0px 0;
}

.ajax_container .chip,
.isotope_container .chips_container .chip {
    margin: 5px;
}

/* =============================================================== *\
 	 Masonry
\* =============================================================== */
.grid_sizer,
.grid_item {
    width: 400px;
}

.grid_item {
    padding: 25px;
}

@media screen and (max-width:900px) {

    .grid_sizer,
    .grid_item {
		padding: 20px 10px 10px;
    }
}


@media screen and (max-width:400px) {

    .grid_sizer,
    .grid_item {
        width: 375px;
		max-width: 100%;
		padding: 0 0 40px;
    }
}



/* =============================================================== *\
 	 Radio
\* =============================================================== */
/*https://moderncss.dev/pure-css-custom-styled-radio-buttons/*/
.fieldset_radio {
    padding: 10px 20px;
}

.radio {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 5px;
    background: var(--body_bg);
    border-radius: var(--borderRadius_5px);
    color: var(--black);
    cursor: pointer;
}

.radio__input {
    display: flex;
}

.radio__input input {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.radio__control {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translateY(-0.05em);
}

.radio__input input+.radio__control::before {
    content: "";
    width: 10px;
    height: 10px;
    box-shadow: inset 10px 10px currentColor;
    border-radius: 50%;
    transition: var(--hoverTrans);
    transform: scale(0);
}

.radio__input input:checked+.radio__control::before {
    transform: scale(1);
}

.radio__label {
    display: flex;
    align-items: center;
    line-height: 1;
    transition: var(--hoverTrans);
    opacity: 0.8;
}

.radio:focus-within .radio__label {
    transform: scale(1.02);
    opacity: 1;
}

.radio:focus-within {
    background: var(--alertGreenTrans);
}

/* =============================================================== *\
 	 Icon: Tour-Type
\* =============================================================== */
.icon_tour_type {
    width: 27px;
    height: 27px;
    margin-right: 5px;
    border-radius: 20px;
}

.single .icon_tour_type {}

.icon_tour_type svg {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* =============================================================== *\
   Chip
\* =============================================================== */
.chips_container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.chips_container.centered {
    justify-content: center;
}

.chips_container .chip {
    margin: 0 5px;
}

.chip {
    display: flex;
    padding: 5px 10px;
    border-radius: 50px;
    background: var(--white);
}

.chip.sektion {
    background: var(--sektion_bg);
    color: var(--sektion_color);
}

.chip.veteranen {
    background: var(--veteranen_bg);
    color: var(--veteranen_color);
}

.chip.jo {
    background: var(--jo_bg);
    color: var(--jo_color);
}

.chip.kibe {
    background: var(--kibe_bg);
    color: var(--kibe_color);
}

.chip.fabe {
    background: var(--fabe_bg);
    color: var(--fabe_color);
}

.chip.allgemein {
    background: var(--allgemein_bg);
    color: var(--allgemein_color);
}

.chip.mythenclimb {
    background: var(--mythenclimb_bg);
    color: var(--mythenclimb_color);
}

/* =============================================================== *\
 	 Rich-Chip
     Chip mit Icon
\* =============================================================== */
.rich_chip {
    display: flex;
    padding: 0;
    height: 27px;
    overflow: hidden;
}

.rich_chip .svg_container {
    background: var(--light_grey_bg);
    height: 27px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rich_chip .svg_container svg {
    height: 15px;
    width: auto;
}

.rich_chip .value {
    display: flex;
    align-items: center;
    padding: 0px 7px 0px 5px;
}


/* =============================================================== *\
 	 Chip-Mehrtagig
\* =============================================================== */
.is_multiday {
    align-items: flex-start;
}

.is_multiday_container {
    margin: 0px 5px;
    flex-direction: column;
}

.is_multiday_container .chips_container {
    margin: 0 0 1em 0;
}


/* =============================================================== *\
 	 Button-Chip-Menu
\* =============================================================== */
button.chip {
    transition: var(--hoverTrans);
    border-color: transparent;
    opacity: 0.3;
}

button.chip.is_checked,
button.chip.show_all {
    opacity: 1;
}

button.chip.is_checked {
    border-color: inherit;
}

button.chip:hover {
    border-color: inherit;
    box-shadow: var(--boxShadow);
}

/* Standard */
#isotope_filter_menu .chip {
    opacity: 1;
    transition: opacity 0.2s ease;
}

/* Gedimmte Chips */
#isotope_filter_menu .chip.is-dimmed {
    opacity: 0.3;
}



/* =============================================================== *\
 	XML Anpassungen
\* =============================================================== */

#start_date,
#end_date {
    width: auto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 5px 10px;
    border-radius: 50px;
    margin: 5px;
    max-width: 112px;
}

#start_date::placeholder,
#end_date::placeholder {
    text-align: center;
}

#isotop_search {
    max-width: 112px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 5px 10px;
    border-radius: 50px;
    margin: 5px;
}

#reset_button,
#reset_search_button,
#xml_download {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    margin: 5px;
    transition: all 0.5s;
}

#reset_button:hover,
#reset_search_button:hover,
#xml_download:hover {
    color: black;
}

body.export-mode .button-download{
display: flex;
}
.xml-switch-container {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.xml-switch-container span {
    margin-right: 10px;
    font-weight: bold;
}

.button-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

.button-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.button-switch label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 30px;
    cursor: pointer;
}

.button-switch label:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.button-switch input:checked+label {
    background-color: #2196F3;
}

.button-switch input:focus+label {
    box-shadow: 0 0 1px #2196F3;
}

.button-switch input:checked+label:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.button-download,
.button-reload,
.reload-message {
    display: none;
}

/* Standard-Stile für die Elemente mit der Klasse "xml-Titel" */
.xml-Titel {
    font-weight: bold;
}

/* Stile für die Elemente mit der Klasse "highlight" */
.highlight {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    max-width: 100%;
}

.highlight[data-xml=ImageURL],
.highlight[data-xml=Landkarte] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Suche vorerst ausblenden, da Isotope Problem */
#isotop_search,
#reset_search_button {
    display: none;
}

/* Stile für die Elemente mit der Klasse "xml-bordered" */
.xml-data {
    position: relative;
}

.xml-bordered {
    border: none;
}

.xml-export .xml-bordered {
    border: 1px solid #2196F3;
    border-radius: .5rem;
    display: inline-block;
    position: relative;
    margin: 8px 4px;
    max-width: calc(100% - 2 * 4px);
}

/* Stile für die Beschriftung des XML-Tags */
.xml-tag-label {
    position: relative;
    color: white;
    text-align: center;
    line-height: normal;
    font-weight: normal;
    font-family: "Roboto";
    font-size: 12px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #2196F3;
    padding: 1px 8px;
    border-radius: 8px;
}

.xml-bordered div[data-xml=Text] p {
    font-size: 14px;
}

.xml-hidden {
    display: none;
}

.xml-show {
    display: inline-block;
}

.button-download.tourenbericht {
    display: none;
}

.button-download.aktiv,
.button-reload.aktiv {
    cursor: pointer;
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 99rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}

.button-download.aktiv:hover,
.button-reload.aktiv:hover {
    background-color: #2196F3;
}

/* Korrekturen */
.xml-export .caption_container .slick_caption,
.xml-export .caption_container .slick_caption_autor {
    padding: 0 7px;
}

.touren_archiv h2.entry-title {
    display: inline-block !important;
}

/* Touren */
.touren .current_tour_date.highlight {
    margin: 0 !important;
}

.touren .current_tour_date.highlight .date_row {
    margin-bottom: 0;
    height: auto;
}

.touren_card.bordered .card_main .entry-title {
    height: auto;
}

.xml-hidden[data-xml=SACtourenportal] {
    overflow: hidden;
}

div[data-xml=TourVerschiebeDaten] {
    display: inline-block;
    min-height: calc(10px + 1rem);
}

/* =============================================================== *\
 	 More-Button
     Animated-More-Button
\* =============================================================== */
.wp-block-button .wp-block-button__link,
.more_button {
    display: flex;
    align-items: center;
    padding: 7px 10px;
    text-decoration: none;
    color: var(--black);
    text-transform: uppercase;
    transition: var(--hoverTrans);
    font-size: 16px;
    letter-spacing: 1px;
}

@media screen and (max-width: 500px) {

    .wp-block-button .wp-block-button__link,
    .more_button {
        font-size: 12px;
    }

    .prev_posts a,
    .next_posts a,
    .card_footer .more_button {
        font-size: 16px;
    }

}

.wp-block-button .wp-block-button__link {
    margin-top: 1em;
    border: 0px solid;
    background: white;
}

.wp-block-button .wp-block-button__link:after,
.animated_button:after,
.animated_button_left:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    transition: var(--hoverTrans);
    opacity: 0;
}

.wp-block-button .wp-block-button__link:after,
.animated_button:after {
    content: "\f054";
    margin-left: -10px;
}

.download.animated_button:after {
    content: "\f56d";
}

.wp-block-button .wp-block-button__link:hover:after,
.animated_button:hover:after {
    margin-left: 5px;
    opacity: 1;
    color: inherit;
}

.animated_button_left:before {
    content: "\f053";
    margin-right: -10px;
}

.animated_button_left:hover:before {
    margin-right: 5px;
    opacity: 1;
    color: inherit;
}

/* =============================================================== *\ 
   Title
\* =============================================================== */
.wp-block-file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.wp-block-file a {
    background: white;
    border-radius: 100px;
    border: 2px solid;
    color: var(--alertBlue);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.wp-block-file a i {
    padding: 7px 7px 7px 12px;
}

.wp-block-file a .text {
    height: 100%;
    background: var(--alertBlueLight);
    transition: var(--hoverTrans);
    padding: 3px 10px 3px 5px;
}

.wp-block-file a:hover .text {
    background-color: transparent;
}

/* =============================================================== *\
   More-Button bei WP-Button
\* =============================================================== */
.more_button .wp-block-button__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    text-transform: uppercase;
    transition: var(--hoverTrans);
    font-size: 16px;
    letter-spacing: 1px;


    color: inherit;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}

.more_button .wp-block-button__link:active,
.more_button .wp-block-button__link:focus,
.more_button .wp-block-button__link:hover,
.more_button .wp-block-button__link:visited {
    color: inherit;
}

/* =============================================================== *\
   Cancelled und Moving-Date
\* =============================================================== */
/*.datum.ausgebucht,*/
.archive .datum.current_tour_date.ausgebucht {
    display: none;
}

.single .date_row.tour_ausgebucht .ausgebucht.alert {
    display: none;
}

.single .date_row.tour_absagen {
    display: flex;
    align-items: center;
}

.single .date_row.tour_absagen .cancelled {
    margin-right: 10px;
}

.datum.cancelled {
    font-size: 85%;
    opacity: 0.4;
    font-style: italic;
    display: none;
}

.current_tour_date.cancelled.alert {}


.cancelled.alert,
.current_moving_date {
    color: var(--alertRed);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}

.single .cancelled.alert,
.single .ausgebucht.alert {
    display: inline-block;
    border-radius: 50px;
    border-width: 2px;
    border-style: solid;
    /*font-size: 20px;
	*/
    background: #e7d5dc;
    color: var(--alertRed);
    border-color: var(--alertRed);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.verschiebe_daten_container {
    display: flex;
    font-size: 85%;
    opacity: 0.6;
}

.verschiebe_daten_container ul {
    display: flex;
    list-style: none;
}

.verschiebe_daten_container ul li {
    margin-left: 0.5em;
}

/* =============================================================== *\
     Card: Touren
     - nächste Touren
     - Touren-Berichte
     - vergangene Touren
\* =============================================================== */
.touren_card {
    background: var(--white);
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

.touren_card .card_header {
    transform: translateY(-15px);
    position: absolute;
    width: calc(100% - 50px);
    left: 30px;
    display: flex;
    z-index: 10;
}

.touren_card .card_main {
    padding: 0px 25px 1em;
}

.touren_card .card_main .current_tour_date {
    margin: 2em 0 0em;
    line-height: 1em;
}

/* Abstand kleiner, wenn SlickSlider vorhanden*/
.touren_card .card_main .bilder_slider+.current_tour_date {
    margin-top: 1em;
}

.post-type-archive-touren .slick-slider .caption_container {
    display: none;
}

.touren_card .card_main a {
    text-decoration: none;
    hyphens: auto;
}

.touren_card .card_main .date_row {
    margin-bottom: 0em;
    height: 23px;
}

.touren_card .card_main .entry-title {
    display: flex;
    height: 60px;
    margin-bottom: 0.5em;
    overflow: hidden;
}

.touren_card .card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--light_grey_bg);
    padding: 15px 25px;
}

.touren_card .datum.cancelled.moved {
    display: none;
}

.touren_card .card_main .tourenleiter {
    line-height: 1.25em;
}


/* Einzelne "Seiten" */
section.form_section {
    min-height: calc(100vh - 0px);
    margin-bottom: 50vh;
}

h3.form_header {
    padding: 2em 0 1em;
}

/* Weiter / Zurück */
.button_line {
    display: flex;
    justify-content: center;
    margin: 2em 0 0 0;
}

.button_line a,
.button_line .submit {
    background: var(--alertGreen);
    margin: 10px;
    padding: 10px 15px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--borderRadius_5px);
}

.button_line .submit {
    font-size: 15px;
    background: var(--alertRed);
}

.button_line .text_button {
    transition: var(--hoverTrans);
}

.button_line .text_button:hover {
    background: var(--alertGreenHover);
}

.button_line a {
    text-decoration: none;
}

/* Begrüssungs-Text */
.hello {
    line-height: 1.5em;
    font-size: 120%;
}

.touren_bericht .touren_card .card_main {
    padding: 0 25px 1em;
}

/* =============================================================== *\
   Titel
\* =============================================================== */
.post-type-archive-touren #content_container,
.post-type-archive-tourenbericht #content_container,
.post-type-archive-aktuell #content_container,
.post-type-archive-ausbildung-training #content_container,
.single-aktuell #content_container,
.single-tourenbericht #content_container,
.single-ausbildung-training #content_container,
.page-template-default #content_container {
    padding: 0 20px;
}

/* =============================================================== *\

     Archive

\* =============================================================== */
.archive .header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 2em auto;
}

/* =============================================================== *\
   Aktuelles
\* =============================================================== */
/* =============================================================== *\
   Aktuell Archive
\* =============================================================== */
body.page-template-page-aktuell-archive #content_container {
    max-width: none;
    font-size: 16px;
}

body.single-aktuell #content_container {
    padding-top: 5vw !important;
}

body.single-aktuell #content_container h1 {
    font-size: 60px;
    width: 1000px;
    max-width: 100%;
    hyphens: auto;

}


body.single-aktuell #content_container h2 {
    font-size: 48px;
    width: 800px;
    max-width: 100%;
}

@media screen and (max-width: 800px) {
    body {
        font-size: 17px;
    }

    body.single-aktuell #content_container h1 {
        font-size: 36px;
        line-height: 1em;
    }


    body.single-aktuell #content_container h2 {
        font-size: 30px;
        hyphens: auto;
    }
}

.aktuell_archive_container {
    max-width: 100%
}

.aktuell_archive_container.flex {
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
}

.aktuell_archive_container.flex .aktuell_beitrag {
    padding: 10px;
    float: left;
    width: 600px;
}

.home .aktuell_beitrag {
    max-width: 800px;
}

.aktuell_beitrag_anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.aktuell_beitrag .text_container {
    font-size: 18px;
}

.aktuell_beitrag .my_media_text_container {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    background: white;
    margin-bottom: 2em;
}

.single .my_media_text_container {
    flex-direction: column;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.aktuell_beitrag .my_media_text_container img {
    max-width: 400px;
    object-fit: cover;
}

.single .my_media_text_container img {
    max-width: none;
    width: 100%;
    object-fit: contain;
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
}

.aktuell_beitrag .my_media_text_container .text_container {
    background: white;
    padding: 20px;
    position: relative;
    line-height: 1.3em;
    width: 100%;
}

.home .aktuelles h3 {
    line-height: 1em;
    hyphens: auto;
}

.aktuell_beitrag .chip_button_container {
    margin: 0;
    bottom: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.aktuell_beitrag .my_media_text_container.is_page {
    flex-direction: column;
    max-width: 600px;
    padding: 25px;
}

.aktuell_beitrag .my_media_text_container.is_page img {
    margin-bottom: 2em;
    max-width: 100%;
}

.aktuell_beitrag .my_media_text_container.is_page .text_content {
    line-height: 1.25em;
}

.aktuell_beitrag .my_media_text_container.is_page .text_content p+p {
    margin-top: 1em;
}

@media screen and (max-width:1000px) {
    .post-type-archive-aktuell .aktuell_beitrag .my_media_text_container {
        flex-direction: column;
    }

    .post-type-archive-aktuell .aktuell_beitrag .my_media_text_container img {
        width: 100%;
        max-width: 100%;
    }

}





/* =============================================================== *\
 	Archive für aktuelle Touren (post_status= publish)
    Archive für Archive-Touren (post_status = archive)
	Archive für Archive-Tourenberichte
	Archive für Aktuell
\* =============================================================== */
.page-template-archive-touren-archive #content,
.post-type-archive-touren #content,
.post-type-archive-tourenbericht #content {
    width: 100%;
    max-width: 1200px;
    margin: 150px auto;
}



/* =============================================================== *\
   Archive: Vergangene Touren
\* =============================================================== */
.page-template-archive-touren-archive {
    background: var(--alertBrownBackground);
    color: var(--alertBrownFontDark);
}

.page-template-archive-touren-archive article.touren,
.page-template-archive-touren-archive article.type-touren,
.page-template-archive-touren-archive article.type-tourenbericht {
    width: 100%;
    padding: 10px;
}

.page-template-archive-touren-archive .touren_card .card_main .current_tour_date {
    margin: 2em 0 0;
}

.page-template-archive-touren-archive .touren_card .card_main .date_row {
    margin-bottom: 0;
    height: auto;
    font-size: .9em;
}

.touren_list_card .row.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.titel_container {
    display: flex;
}

.touren_list_card .row.head .container.info {
    display: flex;
    padding: 0;
    flex-grow: 1;
}

.touren_list_card .row.details {
    display: none;
    align-items: center;
    margin-top: 1em;
    width: 100%;
}

.touren_list_card .card_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 10px;
    transition: var(--hoverTrans);
}

.touren_list_card .card_main .chips_container {
    margin: 0;
}

.touren_list_card .card_main .chips_container>* {
    margin: 0px 5px;
}

.touren_list_card .card_main .tourenleiter {
    margin: 0px 10px 0 5px;
}

.touren_list_card .card_main .more_button {
    margin: 0 5px;
}

.touren_list_card h2 {
    margin: 0;
    color: inherit;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 110%;
    line-height: 1em;
    text-transform: none;
    letter-spacing: 1px;
    transition: var(--hoverTrans);
}

.chip.date {
    font-weight: normal;
}

.is_open {
    z-index: 5;
}

/* =============================================================== *\
   Archive: Tourenberichte
\* =============================================================== */
.post-type-archive-tourenbericht {
    background: var(--alertBrownBackground);
    color: var(--alertBrownFontDark);
}

article.tourenbericht .card_main,
article.type-tourenbericht .card_main {
    padding-top: 0px;
}

article.tourenbericht figure.hauptbild img,
article.type-tourenbericht figure.hauptbild img {
    margin: 0 -25px;
    width: calc(100% + 50px);
    max-width: none;
}

.archive_menu.container {
    padding: 20px 0;

}

.ajax_container {
    margin-left: -5px;
}

.post-type-archive-tourenbericht .card_main h3 {
    margin-bottom: 0;
}

.post-type-archive-tourenbericht .card_main h3 a {
    line-height: 1em;
    height: 59px;
    overflow: hidden;
    display: inline-block;
    hyphens: auto;
}

.post-type-archive-tourenbericht .touren_card img,
.post-type-archive-tourenbericht .touren_card .slick-list {
    height: 230px;
}

.post-type-archive-tourenbericht .grid_item {
    padding: 15px;
}

.post-type-archive-tourenbericht .grid_sizer, .grid_item {
    width: 385px;
}

@media screen and (max-width: 1200px) {

    .post-type-archive-tourenbericht .grid_sizer,
    .post-type-archive-tourenbericht .grid_item {
        width: 33.333%
    }
}

@media screen and (max-width: 960px) {

    .post-type-archive-tourenbericht .grid_sizer,
    .post-type-archive-tourenbericht .grid_item {
        width: 50%
    }
}

@media screen and (max-width: 650px) {

    .post-type-archive-tourenbericht .grid_sizer,
    .post-type-archive-tourenbericht .grid_item {
        width: 100%;
        padding: 0 0 20px 0;
    }
}

/* =============================================================== *\
 	 Single-Touren
\* =============================================================== */
.single-touren {
    color: var(--alertBlueFontDark);
}

.single-touren.is_archive_tour {
    color: var(--alertBrownFont);
    background: var(--alertBrownBackground);
}

.single-touren.is_archive_tour .current_tour_date.datum {
    background: var(--alertBrownBackground);
    border-color: var(--alertBrownLight);
    color: var(--alertBrownLight);
}

.single-touren.is_archive_tour .programm_und_details_container .details_container .detail_item {
    color: var(--alertBrownFont);
    border: 2px solid var(--alertBrownLight);
}

.single-touren.is_archive_tour .programm_und_details_container .details_container .detail_item .content {
    background: var(--alertBrownBackground);
    color: var(--alertBrownLight);
}

.single-touren.is_archive_tour .programm_und_details_container .details_container .detail_item .icon {
    color: var(--alertBrownLight);
}

.single-touren.is_archive_tour .touren_kurzinfo>.chips_container {
    background: var(--alertBrownTrans);
    border-color: var(--alertBrownLight);
}

.single-touren.is_archive_tour .programm_und_details_container .details_container .detail_item li {
    background: var(--alertBrownTrans);

}

.single-touren.is_archive_tour .touren_kurzinfo>.chips_container .icon_tour_type {
    border-color: var(--alertBrownLight);
}

body.single-touren #content_container {
    margin-top: 0;
}

.single-touren #content {
    max-width: 1200px;
    margin: auto;
    line-height: 1.5em;
    padding: 3em 20px;
}

.tour_header {
    margin-bottom: 3em;
}

.tour_header .sektions_gruppe.chip {
    justify-content: flex-start;
}

.tour_header .date_row {}

.datum.cancelled.moved {
    display: none;
}

.single-touren .current_tour_date {
    margin-bottom: 0;
    background: var(--alertBlueTrans);
    line-height: 1em;
    display: inline-block;
    padding: 7px 11px;
    border-radius: 23px;
    border: 2px solid var(--alertBlue);
    color: var(--alertBlueFont);
    margin-bottom: 0.5em;
    font-size: 15px;
    font-weight: bold;
    /* letter-spacing: 0.5px; */
    margin-top: 5px;
    margin-bottom: 0;

}

.single-touren .current_tour_date.current_moving_date {
    background: #e7d5dc;
    color: var(--alertRed);
    border-color: var(--alertRed);
}

.tour_header .leitung {
    margin-top: 0.5em;
    font-style: italic;
    margin-bottom: 2em;
}

.tour_header .date_row,
.tour_header .leitung,
.tour_body {
    letter-spacing: 0.5px;
}

.single-touren #content .header_image {
    margin-bottom: 3em;
    width: 100%;
    background: var(--white);
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
    border: 0;
    overflow: hidden;
}

.single .header_image figure {
    margin: 0;
}

.single .header_image figcaption {
    font-style: italic;
    font-size: 85%;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.single .header_image img {
    width: 100%;
}

.single-touren .tour_body .flex {
    flex-direction: column;
    align-items: flex-start;
}

.additional_content .wp-block-group__inner-container {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 15px;
}

.additional_content .wp-block-group__inner-container ol {
    padding-left: 23px;
}

.remaining_content {
    max-width: 1200px;
    margin: auto;
}

.single-touren .rich_chip,
.single-touren .rich_chip .svg_container {
    height: 30px;
}

.single-touren .icon_tour_type {
    width: 30px;
    height: 30px;
}

/* =============================================================== *\
   Ausbildung und Training
\* =============================================================== */
.ausbildung-training-template-default .date_row {
    margin-bottom: 0;
}

/* =============================================================== *\
   Home
\* =============================================================== */
.startseite_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5vh auto;
    min-height: 50vh;
    justify-content: center;
}

.startseite_block .text_container p+p {
    margin-top: 1em;
}

.startseite_block a {
    text-decoration: none;
}

.startseite_block,
.card_main {
    font-size: 16px;
}

/* =============================================================== *\

 	 Home neue Tourenberichte

\* =============================================================== */
.neue_tourenberichte h2 {
    text-align: center;
}

.neue_tourenberichte .card_main {
    padding-top: 0;
}


.tourenbericht.startseite_block figure.hauptbild img,
.tourenbericht.startseite_block figure.hauptbild img {
    margin: 0 -25px;
    width: calc(100% + 50px);
    max-width: none;
}

/* =============================================================== *\

 	 Single-Tourenbericht

\* =============================================================== */
.single-tourenbericht {
    background: var(--alertBrownBackground);
    color: var(--alertBrownFontDark);
}

.single-ausbildung-training .chips_container .chip.bordered,
.single-tourenbericht .chips_container .chip.bordered {
    border-width: 2px;
}

.single-tourenbericht #content p span {
    font-family: inherit !important;
    font-size: inherit !important;
}

.single-tourenbericht .alert_box {
    display: flex;
    max-width: 600px;
    margin: 5vh auto 0;
    background: var(--alertBrownLight);
    padding: 20px;
    color: white;
    font-size: 18px;
    line-height: 1.25em;
    border-radius: 15px;
    border: 2px solid var(--alertBrownFontDark);
    background: var(--alertBrownBackground);
    color: var(--alertBrownFontDark);
}

.single-tourenbericht .alert_box .label {
    margin-right: 5px;
}

.single-tourenbericht .alert_box a {
    color: var(--alertBrownFontDark);
}

.single_tourenbericht {
    max-width: 1200px;
    margin: auto;
    margin-top: 150px;

}

.single_tourenbericht .people_row {
    line-height: 1.25em;
}

.single_tourenbericht .date_row {
    font-style: italic;
    opacity: 0.75;
    font-size: 75%;
}

.single-tourenbericht article .tourenbericht_content_block,
.single_tourenbericht .date_row {
    margin: 20px auto 20px auto;
}

.single-tourenbericht article .tourenbericht_content_block,
.single-tourenbericht p {
    font-size: 20px;
}

.single-tourenbericht .image_container {
    height: 50vh;
    display: flex;
    justify-content: center;
    background-image: linear-gradient(#00000012, #00000012);
    border-radius: var(--borderRadius_5px);
}

.single-tourenbericht .image_container img {
    width: auto;
    height: auto;
    border-radius: 0;

}


.single_tourenbericht p {
    line-height: 1.5em;

}

.single_tourenbericht img {
    border-radius: var(--borderRadius_5px);
}

.single-tourenbericht .nav_below {
    margin-top: 3em;
}

.single-tourenbericht .nav_below .more_button {
    margin: 10px;
}

.more_button a {
    text-decoration: none;
}

/* OPTIMIZE:  */
.wp-block-gallery {
    max-width: 100%;
}

.wp-block-gallery img {
    display: block;
    max-width: 400px !important;
    height: auto;
}

/* =============================================================== *\
   Page-Template-Default
\* =============================================================== */
.page-template-default h1,
.page-template-default h2,
.page-template-default h3,
.page-template-default h4,
.page-template-default h5,
.page-template-default h6 {
    line-height: 1.25em;
}

.page-template-default .wp-block-image img {
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
}

.page-template-default article p,
.page-template-default article ul:not(.slick_slider) {
    line-height: 1.25em;
    margin: 20px 0;
}

.page-template-default article ul:not(.slick_slider) {
    list-style: disc;
    padding-left: 40px;
}

.page-template-default article ul:not(.slick_slider) li+li {
    margin-top: 1em;
}

/* =============================================================== *\
   Single: Aktuell
\* =============================================================== */

.aktuell-template-default h1,
.aktuell-template-default h2,
.aktuell-template-default h3,
.aktuell-template-default h4,
.aktuell-template-default h5,
.aktuell-template-default h6 {
    line-height: 1.25em;
}

.aktuell-template-default .wp-block-image img {
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
}

.aktuell-template-default section p,
.aktuell-template-default section ul {
    line-height: 1.25em;
    margin: 20px 0;
}

.aktuell-template-default section ul {
    list-style: disc;
    padding-left: 40px;
}

.aktuell-template-default section ul li+li {
    margin-top: 1em;
}

.aktuell-template-default .wp-block-file a {
    /*border: 2px solid var(--alertBlue);
padding: 5px 10px;
background-color: white;
border-radius: 20px;
text-decoration: none;
color: var(--alertBlueFont);
*/
}

.is-vertical .wp-block-file+.wp-block-file {
    margin-top: 1em;
}

/* =============================================================== *\
 	 Imprint + Privacy Policy
\* =============================================================== */

/* =============================================================== *\
 	 Post-Edit-Link
\* =============================================================== */
.post-edit-link {}

/* =============================================================== *\
   Page:Tourenbericht Upload
   > direkt im Seiten-Template
\* =============================================================== */




/* =============================================================== *\
 	 Confetti
\* =============================================================== */
#confetti {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

/* =============================================================== *\

 	 Home Startseite

\* =============================================================== */
.home .grid.one_column {
    width: 400px;
}

.home .grid.two_column {
    width: 800px;

}

.home .grid.three_column {
    width: 1200px;

}

.chip_button_container {
    display: flex;
    justify-content: center;
    margin: 3vh auto;
}

.chip_button_container.in_box_chip_button_container {
    margin: auto;
}

@media screen and (max-width: 500px) {
    .chip_button_container {
        width: 100%;
    }

    .chip_button_container.flex.centered {
        flex-direction: column;
        align-items: center;
    }

    .chip_button_container.flex.centered a {
        margin-top: 15px;
    }

    .chip_button_container.flex.centered>div {
        margin-top: 15px;
    }

    .chip_button_container.flex.centered .prev_posts a,
    .chip_button_container.flex.centered .next_posts a {
        margin-top: 0;
    }
}

/* =============================================================== *\

 	 Footer

\* =============================================================== */
footer {
    padding: 2em 20px 2px 20px;
    color: white;
    line-height: 1.5em;
}

footer a {
    color: white;
}

footer a:hover {
    text-decoration: underline;
}

.footer_container_top {
    display: flex;
    justify-content: space-between;
}

.footer_container_top .menu-footer-menu-2-container .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.menu-footer-menu-3-container .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#menu-impressum-und-datenschutz {
    display: flex;
    justify-content: center;
}

#menu-impressum-und-datenschutz .menu-item a {
    padding: 0 10px;
}

@media screen and (max-width:500px) {
    #menu-impressum-und-datenschutz {
        flex-direction: column;
        margin-bottom: 1em;
    }
}

footer .social_media {
    display: flex;
    justify-content: center;
    margin: 5vh auto 3vh;
    font-size: 30px;
}

footer .social_media .item {
    margin: 0 10px;
}

footer .chip_button_container {
    margin-bottom: 0.5em;
}

footer .chip_button_container a {
    text-decoration: none;
}

@media screen and (max-width: 600px) {
    .footer_container_top {
        flex-direction: column;
    }

    .footer_container_top .menu-footer-menu-2-container .menu {
        align-items: flex-start;
    }
}

/* =============================================================== *\
   Page-Template: Full Width Page
\* =============================================================== */
body.page-template-page-vorstand #content_container {
    width: calc(100% - 80px);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-vorstand .flex .wp-block-group__inner-container {
    width: calc(100% + 10px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: -10px;
}

/* =============================================================== *\
   Titel
\* =============================================================== */
body.page-template-page-with-sidebar #content_container {
    max-width: none;
    padding: 0 20px;
}

.content_with_sidebar {
    display: flex;
    flex-direction: row-reverse;
}

.content_with_sidebar .main_content {
    padding: 5px 20px 0 0;
}

@media screen and (max-width:1000px) {
    .content_with_sidebar {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

/* =============================================================== *\ 
   Block-Style Group
\* =============================================================== */
.is-style-group-with-rounded-border {
    padding: 20px;
    max-width: 800px;
    margin: auto;
    border: 2px solid;
    border-radius: 10px;
    box-shadow: var(--boxShadow);
}

/* =============================================================== *\
   Group: Vorstand
\* =============================================================== */

/* =============================================================== *\
   Block-Variation Media-Text-Block Vorstand
\* =============================================================== */

.is-style-vorstand {
    grid-template: none;
    grid-template-columns: auto !important;
    display: inline-block;
    flex-direction: column;
    background: white;
    max-width: none;
    padding: 0;
    margin: 0 10px 40px 10px;
    width: calc(25% - 20px);
    border-radius: 6px;
    box-shadow: var(--boxShadow);
    border: 1px solid;
}

.is-style-vorstand h1,
.is-style-vorstand h2,
.is-style-vorstand h3,
.is-style-vorstand h4,
.is-style-vorstand h5,
.is-style-vorstand h6 {
    font-size: 22px;
    height: 45px;
    line-height: 1em;
    margin-bottom: 0px;
    overflow: hidden;
}

.is-style-vorstand .wp-block-media-text__content {
    min-height: 100px;
    align-self: center;
    padding: 15px;
    padding: 0;
    margin: 22px 15px 10px 20px;
    line-height: 1em;
}

.is-style-vorstand .wp-block-media-text__content p {
    font-size: 18px;
    line-height: 1.5em;
}

.is-style-vorstand img {
    max-width: 100%;
}

@media screen and (max-width: 1400px) {
    .is-style-vorstand {
        width: calc(33.3% - 20px);
    }
}

@media screen and (max-width: 1100px) {
    .is-style-vorstand {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 800px) {
    .is-style-vorstand {
        width: calc(100% - 20px);
    }
}

/* =============================================================== *\

 	 Background Layer

\* =============================================================== */
.background_layer {
    position: fixed;
    z-index: -1;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    opacity: 0.5;
}

.background_layer img {
    display: block;
    height: auto;
    object-fit: cover;
    min-width: 100%;
}

/* =============================================================== *\
 	 Animate CSS
\* =============================================================== */
/*!
 * animate.css - https://animate.style/
 * Version - 4.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */



.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-1s {
    animation-delay: var(--animate-delay);
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5);
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3);
}

@keyframes pulse {
    from {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.05, 1.05);
    }

    to {
        transform: scale(1, 1);
    }
}

.pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out;
}

/*
.bounceInLeft{
    animation-name: bounceInLeft;
    }

.bounceOutLeft{
    animation-name: bounceOutLeft;
    }

 @keyframes bounceInLeft{
    from,
    60%,
    75%,
    90%,
    to{
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

    0%{
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3);
        }

    60%{
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1);
        }

    75%{
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
        }

    90%{
        transform: translate3d(5px, 0, 0) scaleX(0.995);
        }

    to{
        transform: translate3d(0, 0, 0);
        }
    }

@keyframes bounceOutLeft{
    20%{
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(0.9);
        }

    to{
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2);
        }
    }
*/
@-webkit-keyframes bounceInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0) scaleX(1);
        transform: translate3d(200px, 0, 0) scaleX(1);
    }

    40% {
        -webkit-transform: translate3d(-9px, 0, 0) scaleX(1);
        transform: translate3d(-9px, 0, 0) scaleX(1);
    }

    60% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(1);
        transform: translate3d(5px, 0, 0) scaleX(1);
    }

    80% {
        -webkit-transform: translate3d(-3px, 0, 0) scaleX(1);
        transform: translate3d(-3px, 0, 0) scaleX(1);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0) scaleX(1);
        transform: translate3d(200px, 0, 0) scaleX(1);
    }

    40% {
        -webkit-transform: translate3d(-9px, 0, 0) scaleX(1);
        transform: translate3d(-9px, 0, 0) scaleX(1);
    }

    60% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(1);
        transform: translate3d(5px, 0, 0) scaleX(1);
    }

    80% {
        -webkit-transform: translate3d(-3px, 0, 0) scaleX(1);
        transform: translate3d(-3px, 0, 0) scaleX(1);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

/*
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
    }

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        }
    }
.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    }
	*/


/* =============================================================== *\
   Webseite geschlossen
\* =============================================================== */
.page-template-wpmm-page-template {
    background: white;
}

/* =============================================================== *\
 	 Media-Queries
\* =============================================================== */
@media screen and (max-width: 1000px) {}

@media screen and (max-width: 420px) {
    .details_container .details {
        min-width: 100%;
    }

    .touren_archiv article.touren,
    .touren_archiv article.ausbildung-training {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
}

@media print, (prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }

    .animated[class*='Out'] {
        opacity: 0;
    }
}


/* =============================================================== *\
   Comments
\* =============================================================== */
#comments {
    margin-top: 15vh;
    margin-bottom: 15vh;
}

#reply-title {
    font-size: 20px;
}


.box-formular h3,
#respond h3 {
    margin-bottom: 2rem;
    font-weight: 500;
}

form p {
    margin: 0;
}

textarea,
input,
input[type="text"],
input[type="submit"] {
    margin-bottom: 2rem;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}

input,
input:focus,
textarea,
textarea:focus {
    border-width: 0px;
    border-style: solid;
    background: white;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none;
    /*remove the resize handle on the bottom right*/
}

input[type="submit"] {
    padding: 10px 15px;
    width: auto;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .9rem;
    font-weight: 300;
    margin-bottom: 0;
    transition: all 0.2s;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 18px;
}

input[type="submit"]:hover {
    cursor: pointer;
    box-shadow: var(--boxShadow);
    transform: scale(1.05);
}

#respond ::placeholder,
.wpcf7 ::placeholder {
    letter-spacing: 1px;
    font-size: .9rem;
    font-weight: 400;
}

.comment-form-url {
    display: none;
}

/* HACK:
automatische Farbgebung bei Autofill  */
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

footer.comment-meta {
    margin: 0;
    padding: 0;
    min-height: auto;
    color: black;
    padding: 0px;
    border-radius: 5px;
    background: white;
}

footer.comment-meta a {
    color: black;
}

footer .fn {
    text-transform: uppercase;
}

footer.comment-meta time {
    display: none;
}

/* =============================================================== *\

 	 Comment-Form
     > Core, ulrich_digital.js

\* =============================================================== */

#respond small,
.comment-notes,
#respond .logged-in-as {
    display: none;
}

#respond {
    max-width: 800px;
    border-radius: 10px;
    margin: 0 auto 1em;
}

#respond input,
#respond textarea {
    border-width: 0px;
    border-style: solid;
}

#respond .required-field-message {
    display: none;
}

#comments h3,
#respond h3 {
    font-size: 24px;
    line-height: 1.25em;
    letter-spacing: 1px;
    color: var(--alertBrownFontDark);
}

/* =============================================================== *\

   Comments
   > comments.php

\* =============================================================== */

h3.comments-title {
    margin-bottom: 0.5em;
}

#comments-list {
    max-width: 1024px;
    margin: auto auto 7vh;
}

#comments-list .comment-body {
    margin-bottom: 1em;
    padding: 15px 15px 20px;
    border-radius: 10px;
    background: white;
}

#comments-list .comment-reply-link {
    text-decoration: none;
}

.comment-author,
.comment-meta {
    letter-spacing: 1px;
}

.comment-author a,
.comment-meta a {
    text-decoration: none;
    font-style: normal;
}

.comment-author img {
    border-radius: 100px;
}

.comment .children {
    margin-left: 50px;
}

.comment-form-comment {
    display: flex;
    flex-direction: column;
}

.custom-comment-notes {
    line-height: 1.5em;
    font-size: 75%;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    font-weight: 500;
}

.comments ul li {
    list-style: none;
}

.comment-body {
    line-height: 1em;
}

.comment-body p {
    margin: 1rem auto;
    line-height: 1.5em;
    letter-spacing: 1px;
}

.comment-form-comment .required-field-message {
    display: none;
}

.comment-form .comment-notes,
.comment-form .form-submit {
    padding: 10px 0;
    font-size: 80%;
    background: transparent;
}

.comment-form .comment-form-cookies-consent,
.comment-form label,
label[for="comment"],
label[for="wp-comment-cookies-consent"] {
    display: none;
}

.comment-form .form-submit {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.comment-body .reply {
    text-align: right;
}

.comment-body .reply a {
    padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-size: 75%;
    transition: all 0.2s;
}

.comment-body .reply a:hover {
    color: white;
    background: var(--alertGreen);
    box-shadow: var(--boxShadow);
}

.comment-form .invalid {
    line-height: 1.5em;
    font-size: 75%;
    transform: translateY(-2em);
}

#respond #submit {
    background: var(--alertGreen);
    color: white;
}

.comment-awaiting-moderation {
    display: block;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    line-height: 1.25em;
    font-style: italic;
    font-size: 85%;
    font-weight: bold;
}

/* =============================================================== *\

 	 Kontakt-Formular
     > Class
\* =============================================================== */
.box-formular {
    margin: 10rem auto;
    max-width: 1500px;
}

/* =============================================================== *\
   Titel
\* =============================================================== */
/* =============================================================== *\
 	 ACF
\* =============================================================== */

/* Abstand von Sektion zu Sektion */
.page-template-page-touren-eingabe section.form_section:not(:first-of-type) {
    height: auto;
    min-height: 50vh;
}

.page-template-page-touren-eingabe section.form_section {
    padding-top: 3em;
}

/* select height correction */
.page-template-page-touren-eingabe .select2-container.-acf .select2-selection,
.page-template-page-touren-eingabe .acf-field input[type=number],
.page-template-page-touren-eingabe .acf-input-append {
    min-height: 2rem;
}

/* border line correction */
.page-template-page-touren-eingabe .acf-field input[type=number] {
    border: 1px solid;
}

/* gleiche Höhe */
.page-template-page-touren-eingabe .acf-field[data-name="skala_berg-_und_alpinwandern"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_klettern_uiaa"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_klettern_franzosisch"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_gesamte_tour"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_aufstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_abstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="hohenmeter_abstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="hohenmeter_aufstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_berg-_und_hochtouren"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_skitour"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_bike"] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-template-page-touren-eingabe .acf-fields>.acf-field,
.page-template-page-touren-eingabe .acf-field[data-width]+.acf-field[data-width] {
    border: none;
}

.page-template-page-touren-eingabe .acf-field[data-name="bereich"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_berg-_und_alpinwandern"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_klettern_uiaa"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_klettern_franzosisch"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_gesamte_tour"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_aufstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="hohenmeter_aufstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="zeitbedarf_abstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="hohenmeter_abstieg"],
.page-template-page-touren-eingabe .acf-field[data-name="karte_25000"],
.page-template-page-touren-eingabe .acf-field[data-name="karte_50000"],
.page-template-page-touren-eingabe .acf-field[data-name="karten_spez"],
.page-template-page-touren-eingabe .acf-field[data-name="programm"],
.page-template-page-touren-eingabe .acf-field[data-name="mitnehmen_ausrustung"],
.page-template-page-touren-eingabe .acf-field[data-name="treffpunkt"],
.page-template-page-touren-eingabe .acf-field[data-name="verpflegung"],
.page-template-page-touren-eingabe .acf-field[data-name="durchfuhrung"],
.page-template-page-touren-eingabe .acf-field[data-name="teilehmerzahl"],
.page-template-page-touren-eingabe .acf-field[data-name="kosten"],
.page-template-page-touren-eingabe .acf-field[data-name="link_zum_sac_tourenportal"],
.page-template-page-touren-eingabe .acf-field[data-name="bemerkung"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_berg-_und_hochtouren"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_skitour"],
.page-template-page-touren-eingabe .acf-field[data-name="skala_bike"] {
    /*padding-bottom: 5rem;*/
}

/* Eintrag hinzufügen Button */
.page-template-page-touren-eingabe .acf-actions {
    padding-top: 2rem;
    text-align: center;
}

.page-template-page-touren-eingabe .acf-button[data-event="add-row"]::before {
    content: "\f055";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    padding-right: .5rem;
}

.page-template-page-touren-eingabe .acf-button[data-event="add-row"]::after {
    content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    padding-left: -1rem;
    opacity: 0;
    transition: var(--hoverTrans);
}

.page-template-page-touren-eingabe .acf-button[data-event="add-row"]:hover::after {
    opacity: 1;
    padding-left: .5rem;
}

.page-template-page-touren-eingabe .acf-button[data-event="add-row"] {
    align-items: center;
    font-size: 15px;
    padding: 5px 12px;
    border-radius: 100px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    background: var(--alertRed);
}

.page-template-page-touren-eingabe #content {
    max-width: 1000px;
    margin: auto;
}

.page-template-page-touren-eingabe #tour_bemerkungen_intern {
    width: 100%;
    height: auto;
    min-height: 10rem;
    white-space: normal;
}

.page-template-page-touren-eingabe form.acf-form[data-form_handler="kurzinfo"] .acf-form-fields {
    display: flex;
    flex-wrap: wrap;
}

.page-template-page-touren-eingabe form.acf-form[data-form_handler="kurzinfo"] .acf-form-fields input {
    background: transparent;
    border: 1px solid;
}

.page-template-page-touren-eingabe .flip_card .card_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.page-template-page-touren-eingabe .flip_card input {
    border: 1px solid black;
}

.page-template-page-touren-eingabe .flip_card {
    background-color: transparent;
    height: 240px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
    margin: auto;
    max-width: 100%;
}

.page-template-page-touren-eingabe .flip_card.front_side {
    width: 600px;
}

.post-type-archive-touren .drop_down_schwierigkeits_skalen .chip_list {
    display: none !important;
}

.page-template-page-touren-eingabe input,
.page-template-page-touren-eingabe textarea {
    border: 2px solid var(--alertBlue);
}

.page-template-page-touren-eingabe input[type="search"] {
    border: 0px solid;
}

.page-template-page-touren-eingabe .durchfuhrung {
    display: flex;
    flex-direction: column;
}

/* Radio */
.page-template-page-touren-eingabe input[type="radio"] {

    /*
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance:auto;
	*/

    background-color: #fff;
    margin: 0;
    font: inherit;
    color: var(--alertBlue);
    width: 1.15em;
    height: 1.15em;
    border: 0.1em solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    cursor: pointer;
}

.page-template-page-touren-eingabe .durchfuhrung>label {
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

.page-template-page-touren-eingabe input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em green;
}

.page-template-page-touren-eingabe input[type="radio"]:checked::before {
    transform: scale(1);
}

/* Durchführung*/
.page-template-page-touren-eingabe .durchfuehrung_container .blue_box,
.page-template-page-touren-eingabe .blue_box.tourdatum,
.page-template-page-touren-eingabe .verschiebe_container .blue_box {
    width: 400px;
    max-width: calc(100% - 40px);
}

.page-template-page-touren-eingabe .blue_box .input_container {
    width: 100%;
}

.page-template-page-touren-eingabe .durchfuehrung_container .blue_box {
    width: 240px;
}

.blue_box {
    border: 2px solid var(--alertBlue);
    padding: 20px;
    margin: auto;
    background: var(--alertBlueLight);
    border-radius: 20px;
    box-shadow: var(--boxShadow);
}

.page-template-page-touren-eingabe input {
    margin-bottom: 1em;
}

.page-template-page-touren-eingabe .durchfuehrung_container .radio_item+.radio_item {
    margin-top: 10px;
}

.page-template-page-touren-eingabe .verschiebe_container .blue_box {
    position: relative;
}

.page-template-page-touren-eingabe .verschiebe_container .blue_box+.blue_box {
    margin-top: 20px;
}

.page-template-page-touren-eingabe .verschiebe_container .verschieben_auf {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-page-touren-eingabe .durchfuehrung_container input,
.page-template-page-touren-eingabe input[name="tour_verschieben_auf"] {
    margin-right: 5px;
}


/* =============================================================== *\
   Flip-Card Datum der Tour
   Flip-Card Verschiebe-Daten
\* =============================================================== */
.page-template-page-touren-eingabe .flip_card_container.tour_datum,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum {
    width: 450px;
    margin: auto;
}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_front,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_front,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back {
    height: 90px;
}

/* Verschiebedatum angezeigt*/
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum.has_verschiebedatum .flip_card,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum.has_verschiebedatum .flip_card_front,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum.has_verschiebedatum .flip_card_back {
    height: 140px;
}

/* Mehrtägig*/
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card.back_side,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card.back_side {
    height: 140px;
}

/* Mehrtägig mit Verschiebedatum angezeigt*/


.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum.has_verschiebedatum .flip_card.back_side,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum.has_verschiebedatum .flip_card_back {
    height: 180px;
}



.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card.back_side {}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .input_container.flex_container,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back .input_container,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .input_container.flex_container,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back .input_container {
    display: flex;
    align-items: center;
}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .input_container.flex_container label,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back .input_container label,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .input_container.flex_container label,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back .input_container label,
input[name="tour_verschieben_auf"] {
    flex-shrink: 0;
    margin-right: 10px;
}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .input_container.flex_container input,
.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back .input_container input,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .input_container.flex_container input,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back .input_container input {
    margin-bottom: 0;
    border: 2px solid;
}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back {
    bottom: 0;
}

.page-template-page-touren-eingabe .flip_card_container.tour_datum .flip_card_back .input_container+.input_container,
.page-template-page-touren-eingabe .flip_card_container.tour_verschiebedatum .flip_card_back .input_container+.input_container {
    margin-top: 10px;
}

.flip_card_container.tour_verschiebedatum .flip_card+.flip_card {
    margin-top: 20px;
}

.input_container.verschiebe_daten {
    display: flex;
    border: 0px solid;
    margin-top: 5px;
    align-items: center;
}

.input_container.verschiebe_daten input {
    margin-right: 5px;
}

.page-template-page-touren-eingabe .card_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 10px;
}

.page-template-page-touren-eingabe .delete_verschiebe {
    position: absolute;
    z-index: 1000;
    top: 0px;
    right: 0px;
    font-size: 24px;
    color: var(--alertRed);
    cursor: pointer;
    transition: var(--hoverTrans);
    transform: translate(12px, -12px);
}

.page-template-page-touren-eingabe .delete_verschiebe:hover {
    color: var(--alertRedHover);
}

/* This container is needed to position the front and back side */
.page-template-page-touren-eingabe .flip_card_inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.page-template-page-touren-eingabe .flip_card.back_side .flip_card_inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.page-template-page-touren-eingabe .flip_card_front,
.page-template-page-touren-eingabe .flip_card_back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}


/* Style the back side */
.page-template-page-touren-eingabe .flip_card_back {
    transform: rotateY(180deg);
}

/* Bilder */
.page-template-page-touren-eingabe .image_upload_fieldset.animated,
.page-template-page-touren-eingabe .image_upload_fieldset.animate__animated {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.page-template-page-touren-eingabe .file_upload_form {
    position: relative;
}

.page-template-page-touren-eingabe .response_container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
}

.page-template-page-touren-eingabe .response_container img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.page-template-page-touren-eingabe .delete_me {
    position: absolute;
    z-index: 1000;
    top: 0px;
    right: 0px;
    font-size: 24px;
    color: var(--alertRed);
    cursor: pointer;
    transition: var(--hoverTrans);
    transform: translate(23px, -21px);
}

.page-template-page-touren-eingabe .delete_me:hover {
    color: var(--alertRedHover);
}

.page-template-page-touren-eingabe .dragndrop_container {
    margin: -10px;
}

.page-template-page-touren-eingabe .image_upload_fieldset {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;


}

.page-template-page-touren-eingabe .message_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
    width: 100%;
    max-height: calc(100% - 20px);
}

/* =============================================================== *\
   Image upload
\* =============================================================== */
.page-template-page-touren-eingabe .choose_an_image_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-template-page-touren-eingabe .dragndrop_galerie {
    padding: 0;
    height: 250px;
    margin: 10px;
}

.page-template-page-touren-eingabe .fieldset_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.page-template-page-touren-eingabe .image_upload_fieldset form,
.page-template-page-touren-eingabe .image_upload_fieldset textarea {
    border: 0px solid black;
}

.page-template-page-touren-eingabe .image_upload_fieldset {
    display: flex;
    flex-direction: column;
    width: 400px;
}

.page-template-page-touren-eingabe .caption_text {
    padding: 10px;
    min-height: 4em;
    flex-grow: 2;
    border: 1px solid var(--alertBlue);
    margin: 10px;
}

.page-template-page-touren-eingabe textarea {
    background: #ffffff66;
    margin: 10px;
    width: calc(100% - 20px);
}

.page-template-page-touren-eingabe textarea.caption_text {
    font-family: 'Roboto';
    letter-spacing: 1px;
    font-size: 16px;
}

.image_upload_fieldset {
    margin: 20px;
}

.page-template-page-touren-eingabe .caption_text::-webkit-input-placeholder {
    font-family: 'Roboto';
    color: var(--alertBlue);
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
}

.page-template-page-touren-eingabe .caption_text:-ms-input-placeholder {
    font-family: 'Roboto';
    color: #33a56a;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
}

.page-template-page-touren-eingabe .caption_text:-moz-placeholder {
    font-family: 'Roboto';
    color: #33a56a;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
}

.page-template-page-touren-eingabe .page-template-page-touren-eingabe .caption_text::-moz-placeholder {
    font-family: 'Roboto';
    color: #33a56a;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
}

.page-template-page-touren-eingabe .progress {
    background: var(--alertBlue);
    display: block;
    height: 3px;
    text-align: center;
    transition: width .3s;
    width: 0;
    min-width: 10px;
}

.page-template-page-touren-eingabe .progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

.page-template-page-touren-eingabe input[type="file"i]::-webkit-file-upload-button,
.page-template-page-touren-eingabe .input_file #file-upload-button,
.page-template-page-touren-eingabe .input_file #file-upload-button span,
.page-template-page-touren-eingabe .input_file input[type="file"i] {
    opacity: 0;
    display: none;
}

.page-template-page-touren-eingabe input.input_file {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    opacity: 0;
    background-color: red;
}

/* Details der Tour */
.page-template-page-touren-eingabe .verpflegung_usw input[type="text"] {
    max-width: calc(100% - 27px);
}

/* Kontakt & Titel */
.page-template-page-touren-eingabe .kontakt .zeile {
    display: flex;
    flex-wrap: wrap;
}

.page-template-page-touren-eingabe .titel {
    margin: 0 auto;
    max-width: 100%;
}

.page-template-page-touren-eingabe .kontakt .flex_container,
.page-template-page-touren-eingabe .titel .flex_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
}

.page-template-page-touren-eingabe .titel .flex_container {
    width: 100%;
}

.page-template-page-touren-eingabe .kontakt .flex_container label {
    flex-basis: 100px;
    flex-shrink: 0;
}

.page-template-page-touren-eingabe .titel .flex_container label {
    flex-basis: 100px;
    flex-shrink: 0;
}

.page-template-page-touren-eingabe .kontakt .flex_container input {
    width: calc(100% - 120px);
    padding: 10px;
    margin: 10px 0;
    color: lightgrey;
}

.page-template-page-touren-eingabe .titel .flex_container input {
    padding: 10px;
    margin: 10px 0;
}

.page-template-page-touren-eingabe #touren_titel {
    max-width: 600px;
    margin: auto;
}


/* Drag&Drop */
.page-template-page-touren-eingabe .dragndrop_galerie {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
    padding: 10px;
    border: 2px dashed var(--alertBlue);
    border-radius: var(--borderRadius_5px);
    transition: var(--hoverTrans);
}

.page-template-page-touren-eingabe .dragndrop_container.is-dragover,
.page-template-page-touren-eingabe .dragndrop_galerie:hover {
    background: var(--alertBlueTrans);
}

.page-template-page-touren-eingabe .dragndrop_galerie input {
    cursor: pointer;

}

.page-template-page-touren-eingabe .dragndrop_container .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.page-template-page-touren-eingabe .page-template-page-touren-eingabe .dragndrop_container i {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--alertRed);
    font-size: 24px;
    opacity: 0;
}

.page-template-page-touren-eingabe .dragndrop_container .box__icon {
    max-width: 50px;
    max-height: 50px;
    margin: 20px;
    fill: var(--alertBlue);
}

.page-template-page-touren-eingabe .dragndrop_container .message {
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 16px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--alertBlue);
    text-align: center;
}

.page-template-page-touren-eingabe .dragndrop_container .choose {
    font-weight: bold;
}

.page-template-page-touren-eingabe .my_image_upload {
    position: absolute;
    width: 100%;
    background: red;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.page-template-page-touren-eingabe .preview_image {
    max-height: 300px;
    margin: auto;
}

.page-template-page-touren-eingabe .galerie .preview_image {
    width: 100%;
}

.page-template-page-touren-eingabe .is-dropped .messages {
    display: none;
}

/* Error Messages */
.page-template-page-touren-eingabe .error.message {
    padding: 10px 5px;
    margin: 10px 0;
    color: white;
    text-align: center;
    display: none;
}

.page-template-page-touren-eingabe .error.message.visible {
    display: block;
}

.page-template-page-touren-eingabe .error.message:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f06a";
    opacity: 1;
    color: white;
    margin-right: 5px;
}

/* Tourdaten & Tourdetails */
.page-template-page-touren-eingabe .tour_details,
.page-template-page-touren-eingabe .tour_daten {
    /*background-color: white;
	border-radius: var(--borderRadius_5px);
    overflow: hidden;
	padding: 20px;
    line-height: 1.25em;
	box-shadow: var(--boxShadow);
*/
}

.page-template-page-touren-eingabe h4 {
    font-family: 'Frutiger LT Std';
    letter-spacing: 1px;
    margin: 0.5em 0 0.25em;
    text-align: center;
}

/* Passwort Formular -> add more space */
.page-template-page-touren-eingabe .post-password-form .password_line {
    margin: 1rem 0;
}

.page-template-page-touren-eingabe .post-password-form .password_line button {
    margin: 1rem 0;
}

/* Fehlerausgabe */
.page-template-page-touren-eingabe .fehlerausgabe .anchor_link {
    color: white;
}

.page-template-page-touren-eingabe .fehlerausgabe .anchor_link:hover {
    color: black;
}

.page-template-page-touren-eingabe .card_content .input_container {
    line-height: 1.8rem;
}

.page-template-page-touren-eingabe .insert_feedback {
    padding: 1rem;
    margin-top: 2rem;
    color: white;
}

.page-template-page-touren-eingabe .insert_success {
    background-color: var(--alertGreen);
}

.page-template-page-touren-eingabe .insert_failure {
    background-color: var(--alertRed);
}

.page-template-page-touren-uebersicht .table {
    font-size: 1rem;
}




/* =============================================================== *\
   Page Tourenübersicht
\* =============================================================== */


body.page-template-page-touren-uebersicht #content_container {
    /*margin-top: 0 !important;*/
    padding-top: 0;
    max-width: 100%;
}

.page-template-page-touren-uebersicht #content_container.flex {
    justify-content: flex-start;
}

.welcome_text_toureneingabe {
    width: 600px;
    max-width: 100%;
    margin: 5vh auto;
}

.welcome_text_toureneingabe p+p {
    margin-top: 1em;
}

.page-template-page-touren-uebersicht section {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}

.page-template-page-touren-uebersicht .my_forgotten_password {
    padding-left: 40px;
    padding-right: 40px;
}

.page-template-page-touren-uebersicht form[name="loginform"] input#wp-submit {
    background: var(--alertGreen);
    color: white;
}


.page-template-page-touren-uebersicht .current_user {
    padding: .5rem;
    margin-bottom: 2rem;
}

.page-template-page-touren-uebersicht .table {
    /* display: table;*/
    width: calc(100% - 40px);
    max-width: 1500px;
}

.page-template-page-touren-uebersicht .table-row {
    /*display: table-row;*/
    display: flex;

}

.page-template-page-touren-uebersicht .table-row+.table-row {
    margin-top: 25px;
}

.page-template-page-touren-uebersicht .table-cell {
    /*display: table-cell;*/
    padding: 2px 0;

}

.page-template-page-touren-uebersicht .tour {
    border-radius: 10px;
    box-shadow: var(--boxShadow);
    border: 1px solid #888c9c;
    padding: 5px;

}

.page-template-page-touren-uebersicht .tour span {
    display: inline-block;
    width: 100%;

}


.page-template-page-touren-uebersicht .tour {
    background: #fbfbfe;
}

.page-template-page-touren-uebersicht .tour.cloned {
    background: #d7ea89;
    ;
}

.page-template-page-touren-uebersicht a,
.page-nav-container a {
    color: #42C080;
}

.page-template-page-touren-uebersicht a:hover,
.page-template-page-touren-uebersicht .tour a:hover,
.page-template-page-touren-uebersicht .page-nav-container a:hover,
.page-template-page-touren-uebersicht .page-nav-container .current {
    color: #E9605A;
}

.page-template-page-touren-uebersicht .page-nav-container {
    margin-top: 1rem;
}

.page-template-page-touren-uebersicht .add_tour {
    padding: 0.5rem;
}

.page-template-page-touren-uebersicht .current_user {}

.page-template-page-touren-uebersicht .table-row.header {
    color: white;
    background: var(--alertBrownLight);
    width: 100%;
    padding: 10px;
    box-shadow: var(--boxShadow);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: none;
}

.page-template-page-touren-uebersicht .table-row.header>div {
    padding: 10px 0;
}

.page-template-page-touren-uebersicht .table-row>div>span {
    white-space: nowrap;
}



.page-template-page-touren-uebersicht .table-row.header>div.tour_titel span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.page-template-page-touren-uebersicht .tour_titel.table-cell span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

.page-template-page-touren-uebersicht .tour .tour_anschauen span {
    padding-left: 3px;
}

.page-template-page-touren-uebersicht .tour .tour_anschauen a {
    background: var(--alertBrownLight);
    color: white;
    text-decoration: none;
    font-weight: normal;
    padding: 7px 8px;
    border-radius: 5px;
    display: inline-block;
}

.page-template-page-touren-uebersicht .tour .tour_meta.tour_bearbeiten a {
    background: #7db973;
    ;
}

.page-template-page-touren-uebersicht .tour .tour_meta.tour_klonen a {
    background: #7390b9;
}

.page-template-page-touren-uebersicht .tour_anschauen.table-cell span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-template-page-touren-uebersicht .table-cell {
    overflow: hidden;
    display: flex;
    align-items: center;

}

.page-template-page-touren-uebersicht .table-cell.tour_titel {
    flex-grow: 2;
    flex-shrink: 1;
}

.page-template-page-touren-uebersicht .table-cell.tour_autor {}

.page-template-page-touren-uebersicht .table-cell.tour_status {}

.page-template-page-touren-uebersicht .table-cell.tour_datum {
    min-width: 100px;
    text-align: right;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta.post_status {}

.page-template-page-touren-uebersicht .tour_meta.post_status span {
    border: 1px solid;
    border-radius: 100px;
    text-align: center;
    width: 100%;
    padding: 4px;
}

.page-template-page-touren-uebersicht .tour_meta.post_status .draft {
    color: var(--alertGreenDark);
}

.page-template-page-touren-uebersicht .tour_meta.post_status .publish {
    color: var(--alertRed);
}

.page-template-page-touren-uebersicht .tour_status {
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: var(--alertRed);
    background: #0000000f;
    border-radius: 100px;
    margin: 5px;
}

.page-template-page-touren-uebersicht .tour_status.findet_statt {
    color: var(--alertGreenDark);
    font-style: normal;
}

.page-template-page-touren-uebersicht .tour_status.archive {
    color: var(--alertGreenDark);
    font-style: normal;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_klonen,
.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_bearbeiten,
.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_anschauen {
    flex-shrink: 0;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_bearbeiten,
.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_klonen {}

.page-template-page-touren-uebersicht .table-cell.tour_meta.post_loschen {
    width: auto;
    flex-shrink: 0;
}

.page-template-page-touren-uebersicht .tour.publish .post_status,
.page-template-page-touren-uebersicht .tour.draft .tour_status,
.page-template-page-touren-uebersicht .tour.pending .tour_status {
    display: none;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta.post_date {
    display: none;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta a {
    text-align: center;
    color: white;
    background: var(--alertGreen);
    padding: 5px 10px;
    border-radius: 100px;
    text-decoration: none;
    display: block;
}

.page-template-page-touren-uebersicht .table-cell.tour_meta.tour_anschauen a {
    background: var(--alertBrownLight);
    border: 1px solid var(--alertBrownLight);

}

.page-template-page-touren-uebersicht .tour_meta.post_loschen,
.page-template-page-touren-uebersicht .tour_meta.post_loschen span {
    pointer-events: none;

}

.page-template-page-touren-uebersicht .tour .tour_meta.post_loschen span {
    border-radius: 100px;
    color: white;
}

.page-template-page-touren-uebersicht .tour.draft .tour_meta.post_loschen,
.page-template-page-touren-uebersicht .tour.draft .tour_meta.post_loschen span {
    pointer-events: inherit;
}

.page-template-page-touren-uebersicht .tour_meta.post_loschen span {
    background: var(--alertRed);
    filter: grayscale(1);
    opacity: 0.5;
    cursor: pointer;
    padding: 5px 10px;
    margin-right: 6px;

}

.page-template-page-touren-uebersicht .tour.draft .tour_meta.post_loschen span {
    filter: none;
    opacity: 1;
}

.page-template-page-touren-uebersicht .add_tour a {
    background: var(--alertGreen);
    color: white;
    padding: 10px 15px;
    margin-top: 3vh;
    display: block;
    border-radius: 100px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: var(--boxShadow);
}

.page-template-page-touren-uebersicht .page-nav-container {
    background: white;
    padding: 10px 15px;
    border-radius: 100px;
}

.page-template-page-touren-uebersicht .page-nav-container a {
    text-decoration: none;
    margin: 0 5px;
}

.page-template-page-touren-uebersicht footer a {
    color: white;
}

.page-template-page-touren-uebersicht .info_toggle,
.page-template-page-touren-uebersicht .logout {
    text-align: center;
    padding: 5px 10px;
    border-radius: 100px;
    display: inline-block;
    cursor: pointer;
}

.page-template-page-touren-uebersicht a.logout {
    text-decoration: none;
}

.page-template-page-touren-uebersicht .info_box {
    max-width: 100%;
    width: 800px;
    font-size: 18px;
}

.page-template-page-touren-uebersicht .info_box p {
    display: inline-block;
}


.page-template-page-touren-uebersicht .info_box i.open {
    transform: rotate(90deg);
}

.page-template-page-touren-uebersicht .info_box .info_container {
    margin: 20px 0 10px;
}

.page-template-page-touren-uebersicht .info_box .info_container .info_box_content {
    display: none;
    transition: all .2s;
    height: auto;
    margin-bottom: 2vh;
}

.page-template-page-touren-uebersicht .info_box .info_container .info_box_content>div {
    margin-top: 1em;
    hyphens: auto;
}

.page-template-page-touren-uebersicht .info_box .info_container .info_box_content.hide {
    transition: all .2s;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    transform: scale(0);
}

.page-template-page-touren-uebersicht .info_box .title {
    font-size: 22px;
    margin: 1em 0 0;
    font-weight: bold;
}


/* =============================================================== *\
    Page Login-Toureneingabe
\* =============================================================== */

.page-template-page-touren-uebersicht .login_title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    letter-spacing: 1px;
    margin-top: 10vh;
}

.page-template-page-touren-uebersicht .login_title h1 {
    margin-top: 0.3em;
}

.page-template-page-touren-uebersicht .login_title h2 {
    font-size: 24px;
}

.page-template-page-touren-uebersicht form[name="loginform"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 600px;
    margin: auto;
    font-size: 18px;
    letter-spacing: 1px;
}

.page-template-page-touren-uebersicht form[name="loginform"]>p {
    padding: 20px 40px;
    background: white;
    box-shadow: var(--boxShadow);
}

.page-template-page-touren-uebersicht form[name="loginform"] .login-submit {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
}

.page-template-page-touren-uebersicht form[name="loginform"] .login-username {
    padding: 40px 40px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.page-template-page-touren-uebersicht form[name="loginform"] .login-remember {
    width: 100%;
    padding-bottom: 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-template-page-touren-uebersicht form[name="loginform"] .login-remember label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-template-page-touren-uebersicht form[name="loginform"] .login-remember label input {
    margin: 0;
    width: auto;
    margin-right: 10px;
}

.page-template-page-touren-uebersicht form[name="loginform"] input[type="text"],
.page-template-page-touren-uebersicht form[name="loginform"] input[type="password"] {
    width: 100%;
    min-height: 40px;
    padding: 5px;
    border: 0px solid;
    border-bottom: 1px solid black;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 20px;
    letter-spacing: 0.5px;
}

.page-template-page-touren-uebersicht form[name="loginform"] input:not([name="rememberme"]) {
    border: 2px solid var(--alertGreen);
    border-radius: 10px;
    margin-top: .4rem;
    margin-bottom: .8rem;
}

.page-template-page-touren-uebersicht label[for="user_login"],
.page-template-page-touren-uebersicht label[for="user_pass"] {
    display: block;
}

.page-template-page-touren-uebersicht input[name="rememberme"] {
    margin-left: 0;
    vertical-align: text-bottom;
}

.page-template-page-touren-uebersicht .login-submit {
    margin-top: .8rem;
}

.page-template-page-touren-uebersicht form[name="loginform"] input[type="submit"] {
    background-color: var(--color-link-hover);
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    border: none;
    font-size: 20px;
    transition: var(--hoverTrans);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-dark-brown);
}

.page-template-page-touren-uebersicht form[name="loginform"] input[type="submit"]:hover {
    background: var(--color-link);
    cursor: pointer;
    color: white;
}

.page-template-page-touren-uebersicht #content_container .my_forgotten_password a {
    background: #42c080;
    color: white;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 31px;
    text-transform: uppercase;
}

.page-template-page-touren-uebersicht #content_container .my_forgotten_password a:hover {

    background: #52d090;
}

.page-template-page-touren-uebersicht .tour_metas {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-right: -5px;
}

.page-template-page-touren-uebersicht .tour_metas>div {
    margin: 0 5px
}

.page-template-page-touren-uebersicht .tour_name_and_date {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
}

.page-template-page-touren-uebersicht .tour_name_and_date>div {
    margin: 0 5px;
}

.page-template-page-touren-uebersicht .tour_metas .tour_status,
.page-template-page-touren-uebersicht .tour_metas .post_status {

    flex-shrink: 0;
    flex-grow: 0;
    width: 130px;

}

@media screen and (max-width: 1000px) {
    .page-template-page-touren-uebersicht .table-row {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: auto;

    }

    .page-template-page-touren-uebersicht .tour_metas {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .page-template-page-touren-uebersicht .tour_metas {
        margin-bottom: 5px;
    }

    .page-template-page-touren-uebersicht .tour .tour_meta.post_loschen {
        text-align: center;
    }
}

@media screen and (max-width: 650px) {
    .page-template-page-touren-uebersicht .tour_name_and_date {
        justify-content: space-between;
    }

    .page-template-page-touren-uebersicht .tour_metas .tour_status,
    .page-template-page-touren-uebersicht .tour_metas .post_status {
        width: 100%;
    }

    .page-template-page-touren-uebersicht .tour_metas {
        flex-direction: column;
        margin-right: 0;
        width: 100%;
        padding: 5px;
    }

    .page-template-page-touren-uebersicht .tour_metas>div+div {
        margin: 5px 0 0;
    }

    .page-template-page-touren-uebersicht .tour .tour_meta.post_loschen {
        margin: 5px 0 0 0;
    }

    .page-template-page-touren-uebersicht .tour .tour_meta.post_loschen span {
        margin-right: 0;
    }
}

/* =============================================================== *\
   4. Erfasse die Tourdaten
\* =============================================================== */
.page-template-page-touren-eingabe .flex-wrap {
    flex-wrap: wrap;
}

.page-template-page-touren-eingabe label {
    color: var(--alertBlue);
}

.page-template-page-touren-eingabe .schwierigkeits_skalen,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter_repeater,
.page-template-page-touren-eingabe .blue_box_repeater+.blue_box_repeater,
.page-template-page-touren-eingabe .programm_und_ausrustung,
.page-template-page-touren-eingabe .treffpunkt,
.page-template-page-touren-eingabe .verpflegung_usw,
.page-template-page-touren-eingabe .bemerkung,
.page-template-page-touren-eingabe .anmeldung_und_auskunft {
    margin-top: 20px;
}

.page-template-page-touren-eingabe .acf-row+.acf-row .zeit_und_hoehenmeter_repeater_label {
    margin-top: 40px;
}

.page-template-page-touren-eingabe .acf-field-611383bad0067 {
    width: 100% !important;
}

.page-template-page-touren-eingabe .acf-field-611383bad0067 .acf-input input {
    font-size: 18px;
}

.page-template-page-touren-eingabe .bereich_und_art .acf-field-611b94885a32e,
.page-template-page-touren-eingabe .bereich_und_art .acf-field-60ec4ff5953cd,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-60ec5021953ce,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b0975e1ea,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-60ec5060953cf,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b8c991347,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6124a2813a828,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b1d2730ed,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b4d0d881a,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-635cd377bc7f2,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field_635d55abb91ec,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5a938afdd,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5acd06f33,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-611398dab12fe,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5aea06f34,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-6113991ab12ff,
.page-template-page-touren-eingabe .acf-field-611383bad0067,
.page-template-page-touren-eingabe .acf-field-611382dbd0062,
.page-template-page-touren-eingabe .acf-field-61138312d0065,
.page-template-page-touren-eingabe .acf-field-6113831ed0066,
.page-template-page-touren-eingabe .acf-field-611382e8d0063,
.page-template-page-touren-eingabe .acf-field-611382f1d0064,
.page-template-page-touren-eingabe .karten .acf-field-611367b02de8e,
.page-template-page-touren-eingabe .karten .acf-field-636bb6d1949ba,
.page-template-page-touren-eingabe .karten .acf-field-61137cd4ec4a1,
.page-template-page-touren-eingabe .karten .acf-field-636bb71f9b988,
.page-template-page-touren-eingabe .karten .acf-field-611b8651dadd1,
.page-template-page-touren-eingabe .karten .acf-field-636bb743effa9,
.page-template-page-touren-eingabe .karten .acf-field-6167150424b5d,
.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-611366d599630,
.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-611368c954a75,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370c10c583,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370e10c584,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370f10c585,
.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-6381d595b26c5,
.page-template-page-touren-eingabe .verpflegung_usw>div {
    overflow: hidden;
    min-height: unset !important;
    margin: 0;
}

.page-template-page-touren-eingabe .acf-field-611383bad0067,
.page-template-page-touren-eingabe .acf-field-611382dbd0062,
.page-template-page-touren-eingabe .acf-field-61138312d0065,
.page-template-page-touren-eingabe .acf-field-6113831ed0066,
.page-template-page-touren-eingabe .acf-field-611382e8d0063,
.page-template-page-touren-eingabe .acf-field-611382f1d0064 {
    margin: 0 15px;
}

.page-template-page-touren-eingabe .bereich_und_art .acf-field-611b94885a32e,
.page-template-page-touren-eingabe .bereich_und_art .acf-field-60ec4ff5953cd,
.page-template-page-touren-eingabe .karten .acf-field-611367b02de8e,
.page-template-page-touren-eingabe .karten .acf-field-636bb6d1949ba,
.page-template-page-touren-eingabe .karten .acf-field-61137cd4ec4a1,
.page-template-page-touren-eingabe .karten .acf-field-636bb71f9b988,
.page-template-page-touren-eingabe .karten .acf-field-611b8651dadd1,
.page-template-page-touren-eingabe .karten .acf-field-636bb743effa9,
.page-template-page-touren-eingabe .karten .acf-field-6167150424b5d {
    max-height: 80px;
}

.page-template-page-touren-eingabe [data-name="bemerkung"] {
    margin: 0;
}

.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-60ec5021953ce,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b0975e1ea,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-60ec5060953cf,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b8c991347,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6124a2813a828,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b1d2730ed,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-6123b4d0d881a,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field-635cd377bc7f2,
.page-template-page-touren-eingabe .schwierigkeits_skalen .acf-field_635d55abb91ec,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5a938afdd,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5acd06f33,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-611398dab12fe,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-60ec5aea06f34,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter .acf-field-6113991ab12ff,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370c10c583,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370e10c584,
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370f10c585 {
    max-height: 110px;
}

.page-template-page-touren-eingabe .schwierigkeits_skalen.flex.flex-start {
    justify-content: flex-start;
}

.page-template-page-touren-eingabe .bereich_und_art.flex>div,
.page-template-page-touren-eingabe .schwierigkeits_skalen.flex>div,
.page-template-page-touren-eingabe .zeit_und_hoehenmeter.flex>div,
.page-template-page-touren-eingabe .karten.flex>div,
.page-template-page-touren-eingabe .verpflegung_usw.flex>div {
    margin: 10px;
}

.page-template-page-touren-eingabe .acf-fields.-left>.acf-field-6381d5b4b26c6::before,
.page-template-page-touren-eingabe .acf-field-6381d5b4b26c6 .acf-label,
.page-template-page-touren-eingabe .acf-fields.-left>.acf-field-6381d5f7b26c7::before,
.page-template-page-touren-eingabe .acf-field-6381d5f7b26c7 .acf-label {
    display: none;
}

/* Kein Titelfeld bei Eintägig*/
.page-template-page-touren-eingabe.is_eintagige_tour .acf-field-repeater.acf-field-6381d595b26c5 .acf-actions,
.page-template-page-touren-eingabe.is_eintagige_tour .acf-field-6381d5b4b26c6 {
    display: none;
}

body.is_eintagige_tour .zeit_und_hoehenmeter_repeater {
    display: none;
}

.page-template-page-touren-eingabe .select2-container.-acf .select2-selection,
.page-template-page-touren-eingabe .select2-container--default .select2-selection--multiple,
.page-template-page-touren-eingabe .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid;
    border-color: var(--alertBlue);
}

.page-template-page-touren-eingabe .acf-row-handle.order {
    display: none;
}

.page-template-page-touren-eingabe .acf-repeater .acf-row+.acf-row {
    border-top: 30px solid var(--alertBlueLight);
}

.page-template-page-touren-eingabe td,
.page-template-page-touren-eingabe tr,
.page-template-page-touren-eingabe .acf-repeater .acf-row-handle.order+td {
    border-width: 0px;
}

.page-template-page-touren-eingabe .acf-repeater>table,
.page-template-page-touren-eingabe .acf-table>tbody>tr>th,
.page-template-page-touren-eingabe .acf-table>tbody>tr>td,
.page-template-page-touren-eingabe .acf-table>thead>tr>th,
.page-template-page-touren-eingabe .acf-table>thead>tr>td {
    background: transparent;
    border-style: hidden;
}

.page-template-page-touren-eingabe .acf-field-repeater {
    width: 800px;
}

.page-template-page-touren-eingabe .acf-repeater .acf-row-handle.remove {
    width: 10px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

/* Kartenbreiten*/
.page-template-page-touren-eingabe .karten .acf-field-611367b02de8e,
.page-template-page-touren-eingabe .karten .acf-field-61137cd4ec4a1,
.page-template-page-touren-eingabe .karten .acf-field-611b8651dadd1 {
    min-width: calc(33% - 20px);
}

.page-template-page-touren-eingabe .karten .acf-field-636bb743effa9,
.page-template-page-touren-eingabe .karten .acf-field-6167150424b5d {
    max-width: calc(50% - 20px);
}

/* Programm und Ausrüstung*/
.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-611366d599630,
.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-611368c954a75 {
    padding-bottom: 0;
}

.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-611368c954a75 label {
    margin-left: 16px;
}

.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-61137d4dc8d22 {
    padding-top: 0;
    padding-bottom: 0;
}

.page-template-page-touren-eingabe .programm_und_ausrustung .acf-field-61137d4dc8d22 label {
    display: none;
}

/* Treffpunkt */
.page-template-page-touren-eingabe .treffpunkt .acf-field-611370a30c582 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-template-page-touren-eingabe .treffpunkt>.acf-field>.acf-label {
    display: none;
}

.page-template-page-touren-eingabe .treffpunkt .acf-field-611370a30c582 .acf-fields.-border {
    background: transparent;
    border: 0px solid;
}


/* Verpflegung + Durchführung*/
.page-template-page-touren-eingabe .verpflegung_usw>div {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page-template-page-touren-eingabe .verpflegung_usw .acf-field-6113693454a76 ul.acf-radio-list li,
.page-template-page-touren-eingabe .verpflegung_usw .acf-field-6113697201a88 ul.acf-radio-list li {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.page-template-page-touren-eingabe .verpflegung_usw .acf-field-6113693454a76 ul.acf-radio-list li+li,
.page-template-page-touren-eingabe .verpflegung_usw .acf-field-6113697201a88 ul.acf-radio-list li+li {
    margin-top: 10px;
}

/* Bemerkung */
.page-template-page-touren-eingabe .bemerkung .acf-field-6113688d54a74 {
    width: 100%;
}

/* Anmeldung und Auskunft*/
.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-6113715b0c588 {
    width: 100%;
}

/**/
.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-637e3eeb4ceff .message {
    display: block;
    margin-top: 10px;
}

.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-637e3e2b4cefd .acf-input,
.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-637e3eeb4ceff .message {
    border-radius: 10px;
    padding: 10px;
    background: #00000010;
    color: var(--alertBlue);
    font-size: 16px;
    line-height: 1.25em;
}

.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-fields {
    background: transparent;
    border: 0px solid;
}

.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-611372bf0c58e ul.acf-radio-list li,
.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-611695865a8fe ul.acf-radio-list li {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-611372bf0c58e li label,
.page-template-page-touren-eingabe .anmeldung_und_auskunft .acf-field-611695865a8fe li label {
    display: flex;
}

.page-template-page-touren-eingabe .fehler,
.page-template-page-touren-eingabe .invalid-input {
    border-color: red;
}

/*
Anmeldung und Auskunft */

.acf-field-637e3f1a4cf00>.acf-label {
    display: none;
}


.acf-field-637e0f67b5aaf .acf-fields.-left>.acf-field:before {
    background: transparent;
    border-color: transparent;

}

.acf-field-637e0f67b5aaf .acf-fields.-left>.acf-field:before,
.acf-field-637e0f67b5aaf .acf-fields.-left>.acf-field>.acf-label {
    width: 100px;

}

.acf-field-637e0f67b5aaf .acf-field .acf-label label {
    font-size: 16px;
}







ul.acf-radio-list:focus-within,
ul.acf-checkbox-list:focus-within {
    border: 1px solid transparent !important;
}

.page-template-page-touren-eingabe .acf-switch.-on,
.page-template-page-touren-eingabe .acf-switch.-on:hover {
    background-color: green;
    border-color: green;
}

.page-template-page-touren-eingabe .acf-switch.-on .acf-switch-slider {
    border-color: green;
}





.acf-field-637e3e7f4cefe .acf-input li+li {
    margin-top: 0.25em;
}

.acf-field-637e3e7f4cefe .acf-input li label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.acf-field-637e3e7f4cefe .acf-input li label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.acf-field-637e3e7f4cefe .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 3px;
}

.acf-field-637e3e7f4cefe .acf-input li label:hover input~.checkmark {
    background-color: green;
}

.acf-field-637e3e7f4cefe .acf-input li label input:checked~.checkmark {
    background-color: green;
    border-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.acf-field-637e3e7f4cefe .acf-input li label input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.acf-field-637e3e7f4cefe .acf-input li label .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ÖV-Tour */
.bereich_und_art .acf-field-true-false {
  width: 100%;
  margin-top: 0.25rem;
}

.bereich_und_art .acf-field-true-false .acf-label {
  margin-bottom: 0.35rem;
  font-weight: 600;
}

/* Checkbox + Text sauber ausrichten */
.bereich_und_art .acf-true-false label {
  display: flex;
  align-items:flex-start;        /* ← wichtig */
  gap: 1rem;
  line-height: 1.4;
  cursor: pointer;
}

/* Checkbox optisch auf Input-Höhe bringen */
.bereich_und_art .acf-true-false input[type="checkbox"] {
  width: auto;
  margin: 0;
  transform: scale(1.5) translateY(4px);
  line-height: 1.2;
  transform-origin: left center;
  cursor: pointer;
  accent-color: var(--alertBlue);
}

/* Text ruhiger & kompakter */
.bereich_und_art .acf-true-false .message {
  font-size: 0.95rem;
  color: inherit;
  max-width: 26rem;
}




































/* =============================================================== *\
   Toureneingabe: Reglemente
\* =============================================================== */
.page-template-page-touren-eingabe .reglemente_container,
.page-template-page-touren-uebersicht .reglemente_container {
    position: fixed;
    display: flex;
    flex-direction: column;
    background: white;
    right: 20px;
    transition: all 0.3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 9999;
}

.page-template-page-touren-uebersicht .reglemente_container .label,
.page-template-page-touren-eingabe .reglemente_container .label {
    padding: 20px;
    color: #fff;
    background-color: #cc0b18;
    ;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;

}

.page-template-page-touren-uebersicht .reglemente_container .reglement_list,
.page-template-page-touren-eingabe .reglemente_container .reglement_list {
    padding: 15px 15px 30px;
}

.page-template-page-touren-uebersicht .reglemente_container i,
.page-template-page-touren-eingabe .reglemente_container i {
    transition: all 0.2s;
}

.page-template-page-touren-uebersicht .reglemente_container.open i,
.page-template-page-touren-eingabe .reglemente_container.open i {
    transform: rotate(180deg);
}

.page-template-page-touren-uebersicht #content_container .reglemente_container .reglement_list a,
.page-template-page-touren-eingabe #content_container .reglemente_container .reglement_list a {
    background: var(--alertGreenHover);
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    transition: var(--hoverTrans);
    display: inline-block;
}

.page-template-page-touren-uebersicht #content_container .reglemente_container .reglement_list .reglement_item+.reglement_item,
.page-template-page-touren-eingabe #content_container .reglemente_container .reglement_list .reglement_item+.reglement_item {
    margin-top: 10px;
}

.page-template-page-touren-uebersicht #content_container .reglemente_container .reglement_list a:hover,
.page-template-page-touren-eingabe #content_container .reglemente_container .reglement_list a:hover {
    background: var(--alertGreenTrans);
    color: var(--alertGreen);
}

/* =============================================================== *\
   Titel
\* =============================================================== */


.page-template-page-touren-eingabe button[name="tour_als_entwurf_speichern"],
.page-template-page-touren-eingabe button[name="tour_einreichen"],
.page-template-page-touren-eingabe button[name="tour_veroffentlichen"],
.page-template-page-touren-eingabe button[name="tour_update"] {
    display: none;

}

.page-template-page-touren-eingabe.tour_status_new.tourenchef button[name="tour_als_entwurf_speichern"],
.page-template-page-touren-eingabe.tour_status_new.tourenleiter button[name="tour_als_entwurf_speichern"],
.page-template-page-touren-eingabe.tour_status_pending.tourenchef button[name="tour_als_entwurf_speichern"],
.page-template-page-touren-eingabe.tour_status_publish.tourenchef button[name="tour_als_entwurf_speichern"],


.page-template-page-touren-eingabe.tour_status_new.tourenchef button[name="tour_veroffentlichen"],

.page-template-page-touren-eingabe.tour_status_new.tourenleiter:not(.tourenchef) button[name="tour_einreichen"],
.page-template-page-touren-eingabe.tour_status_draft.tourenleiter:not(.tourenchef) button[name="tour_einreichen"],


.page-template-page-touren-eingabe.tour_status_draft.tourenleiter button[name="tour_update"],
.page-template-page-touren-eingabe.tour_status_draft.tourenchef button[name="tour_update"],
.page-template-page-touren-eingabe.tour_status_pending.tourenleiter button[name="tour_update"],
.page-template-page-touren-eingabe.tour_status_pending.tourenchef button[name="tour_update"],
.page-template-page-touren-eingabe.tour_status_publish.tourenleiter button[name="tour_update"],
.page-template-page-touren-eingabe.tour_status_publish.tourenchef button[name="tour_update"],

.page-template-page-touren-eingabe.tour_status_new.tourenchef button[name="tour_veroffentlichen"],
.page-template-page-touren-eingabe.tour_status_draft.tourenchef button[name="tour_veroffentlichen"],
.page-template-page-touren-eingabe.tour_status_pending.tourenchef button[name="tour_veroffentlichen"] {
    display: block;
}

button.submit[name="tour_als_entwurf_speichern"],
button.submit[name="tour_update"] {
    background: var(--alertBrownLight);
}

/* =============================================================== *\
   Titel
\* =============================================================== */
.contact_to_tourenleiter {
    margin-top: 3vh;
    margin-bottom: 3vh;
    max-width: 600px;
}

.contact_to_tourenleiter h3 {
    margin-top: 0;

    font-size: 20px;
}

.contact_to_tourenleiter li+li {
    margin-top: 0.25em;
}

/* =============================================================== *\
    +- Buttons nicht einblenden
\* =============================================================== */
.page-template-page-touren-eingabe.is_eintagige_tour .acf-field-6381d595b26c5 .acf-row-handle {
    display: none;
}

.page-template-page-touren-eingabe .acf-field-6381d595b26c5 .acf-row-handle a,
.page-template-page-touren-eingabe .acf-field-611368c954a75 .acf-row-handle a {
    position: relative;
}

.page-template-page-touren-eingabe .acf-field-6381d595b26c5 .acf-row-handle,
.page-template-page-touren-eingabe .acf-field-611368c954a75 .acf-row-handle {
    transform: translateX(-10px);

}

.page-template-page-touren-eingabe .acf-field-6381d595b26c5 .acf-row:hover>.acf-row-handle a.-plus,
.page-template-page-touren-eingabe .acf-field-611368c954a75 .acf-row:hover>.acf-row-handle a.-plus {
    display: none;
}


/* =============================================================== *\
   Hinweise und Pointer-Events
\* =============================================================== */
.page-template-page-touren-uebersicht .tour[tour-status="archiv"] .tour_metas>.tour_status.archiv {
    display: none;
}


.tour_status_publish.hinweis,
.tour_status_pending.hinweis {
    display: none;
}

body.tour_status_publish .tour_status_publish.hinweis,
body.tour_status_pending .tour_status_pending.hinweis {
    display: block;
    border-color: var(--alertGreenDark);
    color: var(--alertGreenDark);
    background-color: var(--alertGreenLight);
    font-weight: 500;
    margin-bottom: 5vh;
}

.tour_status_pending.tourenleiter:not(.tourenchef).page-template-page-touren-eingabe .tour_daten .schwierigkeits_skalen,
.tour_status_publish.tourenleiter:not(.tourenchef).page-template-page-touren-eingabe .tour_daten .schwierigkeits_skalen {
    pointer-events: none;
    filter: grayscale(1) opacity(0.75);
    color: grey;
}

.contact_to_tourenleiter,
#my_current_user {
    display: none;
}

.page-template-page-touren-uebersicht .tour {
    width: 100%;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container {
    margin: 2vh auto;
    display: flex;
    flex-wrap: wrap;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .single_switch {
    margin: 0 10px;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch_button_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-bottom: 0.25em;
    width: 40px;
    height: 20px;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch .toggle.round {
    border-radius: 17px;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch .toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch .toggle.round:before {
    border-radius: 50%;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch .toggle:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch input:checked+.toggle {
    background-color: var(--alertBlue);
}

.page-template-page-touren-uebersicht .touren_toggle_line_container .switch input:checked+.toggle:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.noch_keine_tour_erfasst {
    border: 2px solid var(--alertBlue);
    border-radius: 20px;
    padding: 20px;
    color: var(--alertBlue);
    background: var(--alertBlueLight);
}


.single-aktuell figcaption {
    font-style: italic;
    font-size: 65%;
    opacity: 0.75;
}

.single-aktuell #content p {
    line-height: 1.5em;
}

#frm_form_2_container {
    background: white;
    padding: 0px;
    position: relative;
    width: 100%;
    border: 3px solid var(--alertBlueFont);
    border-radius: 10px;
    width: 540px;
    margin: 0 auto 8vw;
    overflow: hidden;
    filter: drop-shadow(3px 3px 3px #00000033);
}

#frm_form_2_container h3 {
    margin: 0;
    background: var(--alertBlueFont);
    color: white;
    padding: 10px;
    text-align: center;

}

#frm_form_2_container .frm_form_fields .frm_fields_container {
    width: calc(100% - 40px);
    margin: auto;
}

#frm_form_2_container .frm_rootline.frm_show_lines {
    padding-left: 0;
}

.frm_style_sac.with_frm_style .frm_rootline .frm_current_page input[type="button"],
.frm_style_sac.with_frm_style .frm_submit button {
    background-color: var(--alertBlueFont) !important;
    border-color: var(--alertBlueFont) !important;
}

#frm_form_2_container .with_frm_style .frm_primary_label,
.with_frm_style .frm_primary_label {
    font-size: 20px;
    line-height: 1.35em;
    color: black;
    hyphens: auto;

}

.frm_opt_container {
    display: flex;
    margin: auto;
    margin-top: 0.5em;
    font-size: 30px;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
}


.frm_form_field .frm_radio label:hover {
    color: var(--alertBlueFont);
}

.frm_form_field .frm_radio+.frm_radio {
    margin-top: 0.25em;
}

.with_frm_style .frm_submit {
    display: flex;
    justify-content: flex-end;
}

.frm_style_sac.with_frm_style .frm_submit button+button {
    margin-left: 10px;
}

.frm_style_sac.with_frm_style .frm_submit button {
    color: white !important;
}

.frm_style_sac.with_frm_style .frm_submit button:hover {
    transition: all .2s;
    background-color: var(--progress-bg-color) !important;
    color: black !important;
}

.frm_style_sac.with_frm_style .frm_submit button.frm_prev_page {
    background-color: var(--progress-bg-color) !important;
    border-color: var(--progress-bg-color) !important;
    color: var(--progress-color);
    transition: all 0.2s;
}

.frm_style_sac.with_frm_style .frm_submit button.frm_prev_page:hover {
    background-color: var(--alertBlueFont) !important;
    border-color: var(--alertBlueFont) !important;
    color: white !important;
}

.frm_style_sac.with_frm_style .frm_submit button {
    text-transform: uppercase;
}

.frm_style_sac.with_frm_style .frm_error {
    color: black;
    font-size: 16px;
    text-align: center;
    margin-top: 1em;
    text-transform: uppercase;
}

#frm_form_2_container .frm_rootline input.frm_page_back {
    background-color: #e5e5e5 !important;
    color: #eaeaea !important;
    color: #ffffff !important;
}

.frm_radio,
.frm_radio label,
.frm_radio input {
    cursor: pointer;
}

.frm_required {
    display: none !important;
}

#frm_field_10_container textarea {
    font-size: 20px !important;
    color: var(--alertBlueFontDark) !important;
    border: 1px solid var(--alertBlueFont) !important;
    margin-top: 0.51em !important;
}

#frm_form_2_container.with_frm_style .frm_message,
#frm_form_2_container.with_frm_style .frm_success_style {
    margin: 0;
    font-size: 24px;
    padding: 20px;
}

#frm_form_2_container.with_frm_style .frm_message p,
#frm_form_2_container.with_frm_style .frm_success_style p {
    margin: 0;
    font-weight: bold;
}

/* =============================================================== *\ 
      Toureneingabe
    WhatsApp Checkbox erst erlauben, wenn Telefonnummer eingegeben
\* =============================================================== */
label[for="acf-field_637e3e7f4cefe-whatsapp"].disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* =============================================================== *\ 
   Tourenberichte: Bilder-Slider
nur ersten Slider in den Übersichten anzeigen
\* =============================================================== */
.touren_card .card_main .bilder_slider:nth-of-type(n+2),
.touren_bericht .card_main .bilder_slider:nth-of-type(n+2) {
    display: none;
}

/* =============================================================== *\ 
   Beim Tourenbericht-Export macht die Auswahl der Jahreschips 
Probleme mit dem Ajax-Request. Deshalb wird die Auswahl deaktiviert.
\* =============================================================== */

/*
.logged-in #ajax_container {
    display: none;
}
*/

/* =============================================================== *\
   Slick-Slider
\* =============================================================== */
.header_slider.slick-slider {
    margin: -5px auto 0;
    max-width: calc(100% - 20px);
}

.single_tourenbericht .slick_slider {
    margin: 0;
}

.slick-list {
    max-height: 100%;
}

.single_slick img {
    width: 100%;
    height: auto;
    height: 75vh;
    object-fit: cover;
}


.slick-slider .caption_container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    padding: 5px 10px;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 1.5;
    color: white;
    opacity: 1;
}

.caption_container .slick_caption,
.caption_container .slick_caption_autor {
    background: black;
    padding: 1px 7px;
    /* border-radius: 5px; */
    margin: 0 0px 5px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0px;
    background-color: transparent;
    outline: none;
    z-index: 5;
    opacity: 0;
    transition: var(--hoverTrans);
}

.bilder_slider:hover .slick-prev,
.bilder_slider:hover .slick-next {
    opacity: 1;
}

.slick-next {
    right: 0;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    line-height: 1;
    color: white;
    opacity: 1;
    filter: drop-shadow(var(--boxShadow));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
    content: "\f053";
}

.slick-next:before {
    content: "\f054";
}

/* =============================================================== *\
         Slick-Slider in Main-Card
    \* =============================================================== */

.card_main .slick-slider {
    margin: 0 -25px;
    max-height: 400px;
}

.card_main .single_slick img {
    height: 250px;
}

/* =============================================================== *\
          Slick-Slider in Card-Main auf Home
    \* =============================================================== */
.home .card_main .single_slick img {
    height: 250px;
}

.home .card_main .caption_container {
    display: none;
}

/* =============================================================== *\
          Slick-Slider in Archive-Tourenbericht
    \* =============================================================== */
.post-type-archive-tourenbericht .card_main .caption_container {
    display: none;
}

/* =============================================================== *\
       Slick-Slider in Single-Tourenbericht
    \* =============================================================== */
.single-tourenbericht .single_slick img {
    height: auto;
}

/* =============================================================== *\
       Schatten
    \* =============================================================== */
.slick-list {
    margin: 0 -24px;
    padding: 24px;
}

.card_main .slick-list {
    margin: 0;
    padding: 0;
}

.single_slick img {
    border-radius: var(--borderRadius_5px);
    box-shadow: var(--boxShadow);
}

.card_main .single_slick img {
    border-radius: 0;
}

.single-touren .slick-slider {
    width: 100%;
    margin-bottom: 4vh;

}

@media screen and (max-width: 1000px) {
    .bilder_slider.header_slider {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        margin: 0 0 0 -20px;
        padding: 0;
    }

    .bilder_slider.header_slider .slick-list {
        margin: 0;
        padding: 0;
        max-height: 50vh;
    }

    .bilder_slider.header_slider .single_slick img {
        height: 50vh;
        border-radius: 0;
    }
}

.underline a {
    text-decoration: underline;
}

/* =============================================================== *\
    Load More AJAX Button / Mehr Touren Button
\* =============================================================== */

#load-more-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

#load-more,
#load-more-berichte {
    margin: 40px auto;
    padding: 12px 28px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 99px;
    transition: var(--hoverTrans);
    background: var(--white);
    opacity: .9;
    border: none;
    font-weight: normal;
    text-transform: uppercase;
}

#load-more:hover,
#load-more-berichte:hover {
    opacity: 1;
    color: var(--white);
    border: none;
    background: var(--alertGreenHover);
}

#load-more-wrapper,
#load-more-berichte-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Klassischer CSS Spinner */
.simple-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--alertGreenHover); /* oder eine beliebige Farbe */
    border-radius: 50%;
    width: 28px;
    height: 28px;
    animation: spin 0.8s linear infinite;
    margin-top: 12px;
}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.current_tour_date.ud_add_padding {
    padding: 0 10px;
}

article .tourenbild_thumbnail,
.post-type-archive-tourenbericht .tourenbild_thumbnail {
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
    margin: 0 -25px;        /* ← Gut für volle Breite! */
    height: 250px;          /* ← Masonry braucht das! */
}

article .tourenbild_thumbnail img,
.post-type-archive-tourenbericht .tourenbild_thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;           /* ← FEHLT! Vollbild! */
    display: block;         /* ← FEHLT! Kein Gap */
}

/* ÖV-Tour Chip Styling */
.chips_container .chip.oev_tour {
    order: 10;
    border-radius: 99px;
    height: 27px;
    width: 27px;
    align-items: center;
    justify-content: center;
}

.my_isotope_filters button.ov_tour,
.chip.oev_tour {
    color: #2E7D32;
}

.my_isotope_filters button.ov_tour .fa-seedling {
    padding-right: .4rem;
}

.chips_container .chip.oev_tour {
    order: 10;
}

.chip.rich_chip.zeitbedarf_gesamt {
    order: 20;
}

.single-touren .chip.oev_tour {
    border: 2px solid var(--alertBrownLight);
    width: 30px;
    height: 30px;
}

.chip.ov_tour .fa-regular.fa-seedling {
    font-weight: 900;
}

#load-more.is-disabled,
#load-more-berichte.is-disabled {
    opacity: 0.35;
    pointer-events: none;
    cursor: default;
}

/* modal styling info box archiv seite */
.archive-info-trigger {
    background: none;
    border: 0;
    margin-left: 0.5rem;
    cursor: pointer;
    color: var(--color-grey-600);
    font-size: .9rem;
}

.archive-info-trigger:hover {
    color: var(--color-green-600);
}

.archive-info-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    font-size: 1rem;
}

.archive-info-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
}

.archive-info-content {
    position: relative;
    max-width: 480px;
    margin: 10vh auto;
    background: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
}

.archive-info-close {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    background: none;
    border: 0;
    font-size: 1.5rem;
    cursor: pointer;
}

/* ajax loader */
#ajax-loader {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    z-index: 20;
    font-size: 0.95rem;
}

#ajax-loader[hidden] {
    display: none;
}

#ajax-loader .spinner {
    width: 22px;
    height: 22px;
    border: 3px solid #ddd;
    border-top-color: #2c6e49;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.archive-grid-loader {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
}

.archive-grid-loader[hidden] {
    display: none;
}

.overview { position: relative; }



.page-id-1778 .entry-content .wp-block-button.more_button.animated_button.extreme_rounded a{

margin-top: 0;
}


.weisse_kachel{

background-color: white;
border-radius: 12px;
padding: 16px;
box-shadow: 5px 5px 12px #00000031;
gap: 0;
}

.single-aktuell #content .weisse_kachel p,
.aktuell-template-default section .weisse_kachel p, 
.aktuell-template-default section .weisse_kachel ul{
margin: 0;
line-height: 1;
}

.aktuell-template-default section .weisse_kachel ul li+li {
    margin-top: .5em;
}


.archive-info-trigger{
	display:none;
}


.postid-13209 #content_container .wp-block-image img{
box-shadow: none;
}