@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,600;0,700;1,600&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
    --global--font-primary: var(--font-headings, "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --global--font-secondary: var(--font-headings, "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --global--font-size-base: 18px;
    --global--font-size-xxs: .8rem;
    --global--font-size-xs: 1.25rem;
    --global--font-size-sm: 1.25rem;
    --global--font-size-md: 1.5rem;
    --global--font-size-lg: 2rem;
    --global--font-size-xl: 2.5rem;
    --global--font-size-xxl: 3rem;
    --global--font-size-xxxl: 3.5rem;
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: normal;
    --global--line-height-body: 1.7;
    --global--line-height-heading: 1.3;
    --global--line-height-page-title: 1.1;
    --heading--font-family: var(--global--font-primary);
    --heading--font-size-h6: var(--global--font-size-xs);
    --heading--font-size-h5: var(--global--font-size-sm);
    --heading--font-size-h4: var(--global--font-size-lg);
    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    --heading--font-size-h2: var(--global--font-size-xl);
    --heading--font-size-h1: var(--global--font-size-page-title);
    --heading--letter-spacing-h6: 0.05em;
    --heading--letter-spacing-h5: 0.05em;
    --heading--letter-spacing-h4: var(--global--letter-spacing);
    --heading--letter-spacing-h3: var(--global--letter-spacing);
    --heading--letter-spacing-h2: var(--global--letter-spacing);
    --heading--letter-spacing-h1: var(--global--letter-spacing);
    --heading--line-height-h6: var(--global--line-height-heading);
    --heading--line-height-h5: var(--global--line-height-heading);
    --heading--line-height-h4: var(--global--line-height-heading);
    --heading--line-height-h3: var(--global--line-height-heading);
    --heading--line-height-h2: var(--global--line-height-heading);
    --heading--line-height-h1: var(--global--line-height-page-title);
    --heading--font-weight: 900;
    --heading--font-weight-page-title: 900;
    --heading--font-weight-strong: 900;
    --latest-posts--title-font-family: var(--heading--font-family);
    --latest-posts--title-font-size: var(--heading--font-size-h3);
    --latest-posts--description-font-family: var(--global--font-secondary);
    --latest-posts--description-font-size: var(--global--font-size-sm);
    --list--font-family: var(--global--font-secondary);
    --definition-term--font-family: var(--global--font-primary);
    --global--color-black: #000;
    --global--color-dark-gray: #28303d;
    --global--color-gray: #39414d;
    --global--color-light-gray: #f0f0f0;
    --global--color-green: #d1e4dd;
    --global--color-blue: #d1dfe4;
    --global--color-purple: #d1d1e4;
    --global--color-red: #e4d1d1;
    --global--color-orange: #e4dad1;
    --global--color-yellow: #eeeadd;
    --global--color-white: #fff;
    --global--color-off-white: #EBEBEB;
    --global--color-white-50: rgba(255, 255, 255, 0.5);
    --global--color-white-90: rgba(255, 255, 255, 0.9);
    --global--color-text-blue: #151374;
    --global--color-theme-blue: #469CDD;
    --global--color-theme-yellow: #F7A600;
    --global--color-theme-yellow-50: rgba(247, 166, 166, .5);
    --global--color-theme-red: #D22D7B;
    --global--color-theme-light-blue: ##0d98da;
    --global--color-theme-light-yellow: #ffeac8;
    --global--color-theme-dark-blue: #3F0C4C;
    --global--color-dark-blue: #382046;
    --global--color-dark-blue-txt: #040471;
    --global--color-light-blue: #98B1FF;
    --global--color-violet: #45064F;
    
    --global--color-primary: var(--global--color-text-blue);
    --global--color-secondary: var(--global--color-gray);
    --global--color-primary-hover: var(--global--color-primary);
    --global--color-background: var(--global--color-off-white);
    --global--color-border: var(--global--color-primary);
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;
    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    --form--font-family: var(--global--font-secondary);
    --form--font-size: var(--global--font-size-sm);
    --form--line-height: var(--global--line-height-body);
    --form--color-text: var(--global--color-dark-gray);
    --form--color-ranged: var(--global--color-secondary);
    --form--label-weight: 500;
    --form--border-color: var(--global--color-secondary);
    --form--border-width: 3px;
    --form--border-radius: 0;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    --cover--height: calc(15 * var(--global--spacing-vertical));
    --cover--color-foreground: var(--global--color-white);
    --cover--color-background: var(--global--color-black);
    --button--color-text: var(--global--color-background);
    --button--color-text-hover: var(--global--color-secondary);
    --button--color-text-active: var(--global--color-secondary);
    --button--color-background: var(--global--color-secondary);
    --button--color-background-active: var(--global--color-background);
    --button--font-family: var(--global--font-primary);
    --button--font-size: var(--global--font-size-base);
    --button--font-weight: 500;
    --button--line-height: 1.5;
    --button--border-width: 3px;
    --button--border-radius: 0;
    --button--padding-vertical: 15px;
    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
    --entry-header--color: var(--global--color-primary);
    --entry-header--color-link: currentColor;
    --entry-header--color-hover: var(--global--color-primary-hover);
    --entry-header--color-focus: var(--global--color-secondary);
    --entry-header--font-size: var(--heading--font-size-h2);
    --entry-content--font-family: var(--global--font-secondary);
    --entry-author-bio--font-family: var(--heading--font-family);
    --entry-author-bio--font-size: var(--heading--font-size-h4);
    --branding--color-text: var(--global--color-primary);
    --branding--color-link: var(--global--color-primary);
    --branding--color-link-hover: var(--global--color-secondary);
    --branding--title--font-family: var(--global--font-primary);
    --branding--title--font-size: var(--global--font-size-lg);
    --branding--title--font-size-mobile: var(--heading--font-size-h4);
    --branding--title--font-weight: normal;
    --branding--title--text-transform: uppercase;
    --branding--description--font-size: var(--global--font-size-sm);
    --branding--description--font-family: var(--global--font-secondary);
    --branding--logo--max-width: 18vw;
    --branding--logo--max-height: 18vh;
    --branding--logo--max-width-mobile: 96px;
    --branding--logo--max-height-mobile: 96px;
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--global--font-primary);
    --primary-nav--font-size: var(--global--font-size-md);
    --primary-nav--font-size-sub-menu: var(--global--font-size-l);
    --primary-nav--font-size-mobile: var(--global--font-size-xl);
    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-button: var(--global--font-size-lg);
    --primary-nav--font-style: normal;
    --primary-nav--font-style-sub-menu-mobile: italic;
    --primary-nav--font-weight: 400;
    --primary-nav--font-weight-button: 500;
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-primary);
    --primary-nav--padding: calc(0.5 * var(--global--spacing-unit));
    --primary-nav--border-color: var(--global--color-primary);
    --pagination--color-text: var(--global--color-primary);
    --pagination--color-link-hover: var(--global--color-primary-hover);
    --pagination--font-family: var(--global--font-secondary);
    --pagination--font-size: var(--global--font-size-lg);
    --pagination--font-weight: normal;
    --pagination--font-weight-strong: 600;
    --footer--color-text: var(--global--color-primary);
    --footer--color-link: var(--global--color-text-blue);
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: var(--global--font-primary);
    --footer--font-size: var(--global--font-size-sm);
    --pullquote--font-family: var(--global--font-primary);
    --pullquote--font-size: var(--heading--font-size-h3);
    --pullquote--font-style: normal;
    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    --pullquote--line-height: var(--global--line-height-heading);
    --pullquote--border-width: 3px;
    --pullquote--border-color: var(--global--color-primary);
    --pullquote--color-foreground: var(--global--color-primary);
    --pullquote--color-background: var(--global--color-background);
    --quote--font-family: var(--global--font-secondary);
    --quote--font-size: var(--global--font-size-md);
    --quote--font-size-large: var(--global--font-size-xl);
    --quote--font-style: normal;
    --quote--font-weight: 700;
    --quote--font-weight-strong: bolder;
    --quote--font-style-large: normal;
    --quote--font-style-cite: normal;
    --quote--line-height: var(--global--line-height-body);
    --quote--line-height-large: 1.35;
    --separator--border-color: var(--global--color-border);
    --separator--height: 1px;
    --table--stripes-border-color: var(--global--color-light-gray);
    --table--stripes-background-color: var(--global--color-light-gray);
    --table--has-background-text-color: var(--global--color-dark-gray);
    --widget--line-height-list: 1.9;
    --widget--line-height-title: 1.4;
    --widget--font-weight-title: 700;
    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    --global--admin-bar--height: 0px;
    --bg-gradient-slim: "http://3rides.de/wp-content/uploads/2024/11/gradient-narrow.png";
    --bg-gradient-fallback: rgb(247,23,124);
    --bg-gradient-css: linear-gradient(135deg, rgba(247,23,124,1) 0%, rgba(55,32,122,1) 46%, rgba(49,46,131,1) 61%, rgba(46,164,221,1) 100%);
}

.admin-bar {
    --global--admin-bar--height: 32px
}

@media only screen and (max-width:782px) {
    .admin-bar {
        --global--admin-bar--height: 46px
    }
}

@media only screen and (min-width:652px) {
    :root {
        --global--font-size-xl: 2.5rem;
        --global--font-size-xxl: 4rem;
        --global--font-size-xxxl: 9rem;
        --heading--font-size-h3: 2rem;
        --heading--font-size-h2: 3rem
    }
}

@media only screen and (min-width:1024px) {
    :root {
        --global--font-size-xxl: 5rem
    }
}

@media only screen and (min-width:1400px) {
    :root {
        --global--font-size-xxl: 6rem
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@keyframes twentytwentyone-close-button-transition {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

details,
main {
    display: block
}

h1 {
    font-size: 2em;
    font-style: italic;
    font-weight: 900;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration-thickness: 1px;
    cursor: pointer;
    color: var(--wp--style--color--link, var(--global--color-primary));
    text-underline-offset: 3px;
    text-decoration-skip-ink: all
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration-style: dotted
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

button,
input,
optgroup,
select {
    margin: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

:root {
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
    --responsive--alignright-margin: var(--global--spacing-horizontal);
    --responsive--alignleft-margin: var(--global--spacing-horizontal)
}

@media only screen and (min-width:482px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)))
    }
}

@media only screen and (min-width:822px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px)
    }
}

.default-max-width,
.entry-content .wp-audio-shortcode,
.entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.post-thumbnail,
[class*=inner-container]>:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.widget-area {
    max-width: var(--responsive--alignwide-width)
}

.comments-pagination,
.pagination,
.post-navigation {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

.alignwide,
.site-footer,
.wide-max-width {
    max-width: var(--responsive--alignwide-width)
}

.alignwide,
.wide-max-width {
    margin-left: auto;
    margin-right: auto
}

.alignfull,
.full-max-width,
.wp-block-group .wp-block-group__inner-container>.alignfull {
    max-width: var(--responsive--alignfull-width);
    width: var(--responsive--alignfull-width);
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:482px) {
    .alignfull,
    .full-max-width,
    .site-header {
        max-width: var(--responsive--alignfull-width);
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
}

.alignfull [class*=inner-container]>.alignwide,
.alignwide [class*=inner-container]>.alignwide,
.entry-header .post-thumbnail,
.singular .post-thumbnail {
    margin-left: auto;
    margin-right: auto;
    width: var(--responsive--alignwide-width);
    max-width: var(--responsive--alignfull-width)
}

@media only screen and (min-width:482px) {
    .entry-content>.alignleft {
        margin-left: var(--responsive--alignleft-margin);
        margin-right: var(--global--spacing-horizontal)
    }
    .entry-content>.alignright {
        margin-left: var(--global--spacing-horizontal);
        margin-right: var(--responsive--alignright-margin)
    }
}

.site-footer, .site-main, .widget-area {
    /*padding-top: var(--global--spacing-vertical);*/
    padding-bottom: var(--global--spacing-vertical);
    margin-left: auto;
    margin-right: auto
}

.site-main>* {
    margin-top: calc(3*var(--global--spacing-vertical));
    margin-bottom: calc(3*var(--global--spacing-vertical))
}
@media only screen and (max-width:481px) {
    .site-main>* {
        margin-top: calc(var(--global--spacing-vertical));
        margin-bottom: calc(var(--global--spacing-vertical))
    }
}

.site-main>:first-child {
    margin-top: 0
}

.site-main>:last-child {
    margin-bottom: 0
}

.author-bio,
.entry-content,
.entry-footer,
.entry-header,
.post-thumbnail {
    margin-top: var(--global--spacing-vertical);
    margin-right: auto;
    margin-bottom: var(--global--spacing-vertical);
    margin-left: auto
}

.entry-content>*,
.site-main>.not-found>*,
.site-main>article>*,
.wp-block-post-template :where(li>*),
.wp-block-template-part>*,
[class*=inner-container]>* {
    margin-top: calc(.666*var(--global--spacing-vertical));
    margin-bottom: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .entry-content>*,
    .site-main>.not-found>*,
    .site-main>article>*,
    .wp-block-post-template :where(li>*),
    .wp-block-template-part>*,
    [class*=inner-container]>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.entry-content>:first-child,
.site-main>.not-found>:first-child,
.site-main>article>:first-child,
.wp-block-post-template :where(li>*):first-child,
.wp-block-template-part>:first-child,
[class*=inner-container]>:first-child {
    margin-top: 0
}

.entry-content>:last-child,
.site-main>.not-found>:last-child,
.site-main>article>:last-child,
.wp-block-post-template :where(li>*):last-child,
.wp-block-template-part>:last-child,
[class*=inner-container]>:last-child {
    margin-bottom: 0
}

.site-footer>*,
.widget-area>* {
    margin-top: calc(.666*var(--global--spacing-vertical));
    margin-bottom: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .site-footer>*,
    .widget-area>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.comment-content>*,
.entry-header>*,
.page-content>*,
.post-thumbnail>*,
.widget>* {
    margin-top: var(--global--spacing-unit);
    margin-bottom: var(--global--spacing-unit)
}

.comment-content>:first-child,
.entry-header>:first-child,
.page-content>:first-child,
.post-thumbnail>:first-child,
.widget>:first-child {
    margin-top: 0
}

.comment-content>:last-child,
.entry-header>:last-child,
.page-content>:last-child,
.post-thumbnail>:last-child,
.widget>:last-child {
    margin-bottom: 0
}

.entry-content>.alignfull.has-background,
.entry-content>.alignleft,
.entry-content>.alignleft:first-child+*,
.entry-content>.alignright,
.entry-content>.alignright:first-child+* {
    margin-top: 0
}

.entry-content>.alignfull.has-background,
.entry-content>:last-child {
    margin-bottom: 0
}

.entry-content>.alignfull+.alignleft,
.entry-content>.alignfull+.alignright {
    margin-top: var(--global--spacing-vertical)
}

body,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
p,
pre,
textarea {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

blockquote,
dd,
ol,
ul {
    padding: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

blockquote {
    margin: 0;
    position: relative;
    margin: var(--global--spacing-vertical)0 var(--global--spacing-vertical) var(--global--spacing-horizontal)
}

html {
    box-sizing: border-box;
    font-family: var(--global--font-secondary);
    line-height: var(--global--line-height-body)
}

*,
::after,
::before {
    box-sizing: inherit
}

body {
    font-size: var(--global--font-size-base);
    font-weight: 400;
    color: var(--global--color-primary);
    text-align: left;
    background-color: var(--global--color-background)
}

.site-main .tilesRow .tilesContainer .tile article[data-link*=http] {
    cursor: pointer
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

blockquote>* {
    margin-top: var(--global--spacing-unit);
    margin-bottom: var(--global--spacing-unit)
}

blockquote>:first-child {
    margin-top: 0
}

blockquote>:last-child {
    margin-bottom: 0
}

blockquote p,
blockquote:before {
    font-size: var(--quote--font-size);
    line-height: var(--quote--line-height)
}

blockquote p {
    letter-spacing: var(--heading--letter-spacing-h4);
    font-family: var(--quote--font-family);
    font-style: var(--quote--font-style);
    font-weight: var(--quote--font-weight)
}

blockquote cite,
blockquote footer {
    font-weight: 400;
    letter-spacing: var(--global--letter-spacing)
}

blockquote.alignleft,
blockquote.alignright {
    padding-left: inherit
}

blockquote.alignleft p,
blockquote.alignright p {
    font-size: var(--heading--font-size-h5);
    max-width: inherit;
    width: inherit
}

blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
    font-size: var(--global--font-size-xs);
    letter-spacing: var(--global--letter-spacing)
}

blockquote strong {
    font-weight: var(--quote--font-weight-strong)
}

blockquote:before {
    content: "“";
    position: absolute;
    left: calc(-.5*var(--global--spacing-horizontal))
}

blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-xs);
    font-style: var(--quote--font-style-cite)
}

@media only screen and (max-width:481px) {
    blockquote {
        padding-left: calc(.5*var(--global--spacing-horizontal))
    }
    blockquote:before {
        left: 0
    }
}

.site textarea,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    border: var(--form--border-width) solid var(--form--border-color);
    border-radius: var(--form--border-radius);
    color: var(--form--color-text);
    line-height: var(--global--line-height-body);
    padding: var(--form--spacing-unit);
    margin: 0 2px;
    max-width: 100%
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=url]:focus {
    color: var(--form--color-text);
    outline-offset: 2px;
    outline: 2px dotted var(--form--border-color)
}

input[type=search]:focus {
    color: var(--form--color-text);
    outline: 2px dotted var(--form--border-color)
}

.site textarea:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=week]:focus {
    color: var(--form--color-text);
    outline-offset: 2px;
    outline: 2px dotted var(--form--border-color)
}

.site textarea:disabled,
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled {
    opacity: .7
}

.is-dark-theme .site textarea,
.is-dark-theme input[type=color],
.is-dark-theme input[type=date],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=email],
.is-dark-theme input[type=month],
.is-dark-theme input[type=number],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=text],
.is-dark-theme input[type=time],
.is-dark-theme input[type=url],
.is-dark-theme input[type=week] {
    background: var(--global--color-white-90)
}

input[type=search]:focus {
    outline-offset: -7px
}

.is-dark-theme input[type=search]:focus {
    outline-color: var(--global--color-background)
}

input[type=color] {
    padding: calc(var(--form--spacing-unit)/2);
    height: calc(4*var(--form--spacing-unit))
}

input[type=email],
input[type=url] {
    direction: ltr
}

select {
    border: var(--form--border-width) solid var(--form--border-color);
    color: var(--form--color-text);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    line-height: var(--global--line-height-body);
    padding: var(--form--spacing-unit) calc(3*var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
    background: var(--global--color-white)url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>")no-repeat;
    background-position: right var(--form--spacing-unit) top 60%
}

select:focus {
    outline-offset: 2px;
    outline: 2px dotted var(--form--border-color)
}

.is-dark-theme select {
    background: var(--global--color-white-90)url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>")no-repeat;
    background-position: right var(--form--spacing-unit) top 60%
}

textarea {
    width: 100%
}

label {
    font-size: var(--form--font-size);
    font-weight: var(--form--label-weight);
    margin-bottom: calc(var(--global--spacing-vertical)/3)
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    input[type=checkbox],
    input[type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        width: 25px;
        height: 25px;
        border: var(--form--border-width) solid var(--form--border-color);
        background: var(--global--color-white)
    }
    input[type=checkbox]:disabled,
    input[type=radio]:disabled {
        opacity: .7
    }
    .is-dark-theme input[type=checkbox],
    .is-dark-theme input[type=radio] {
        background: var(--global--color-white-90)
    }
    input[type=checkbox]:focus {
        outline-offset: 2px;
        outline: 2px dotted var(--form--border-color)
    }
    input[type=checkbox]:after {
        content: "";
        opacity: 0;
        display: block;
        left: 5px;
        top: 2px;
        position: absolute;
        width: 7px;
        height: 13px;
        border: 3px solid var(--form--color-text);
        border-top: 0;
        border-left: 0;
        transform: rotate(30deg)
    }
    input[type=checkbox]:checked {
        color: var(--form--color-text)
    }
    input[type=checkbox]:checked:after,
    input[type=radio]:checked:after {
        opacity: 1
    }
    input[type=radio] {
        border-radius: 50%
    }
    input[type=radio]:focus {
        outline-offset: 2px;
        outline: 2px dotted var(--form--border-color)
    }
    input[type=radio]:after {
        content: "";
        opacity: 0;
        display: block;
        left: 3px;
        top: 3px;
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: var(--form--color-text)
    }
    input[type=radio]:checked {
        border: 4px solid var(--form--border-color)
    }
    input[type=radio]:checked:focus {
        outline-offset: 4px;
        outline: 2px dotted var(--form--border-color)
    }
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    padding-left: 0;
    font-size: var(--global--font-size-xxs);
    vertical-align: top
}

@media only screen and (min-width:482px) {
    input[type=checkbox]+label,
    input[type=radio]+label {
        padding-left: 10px;
        font-size: var(--global--font-size-xs)
    }
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    input[type=range] {
        -webkit-appearance: none;
        width: 100%;
        height: 6px;
        background: var(--form--color-ranged);
        border-radius: 6px;
        outline-offset: 10px
    }
    input[type=range]:disabled {
        opacity: .7
    }
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 3px solid var(--form--color-ranged);
        height: 44px;
        width: 44px;
        border-radius: 50%;
        background: var(--global--color-background);
        cursor: pointer
    }
    input[type=range]::-moz-range-thumb {
        border: 3px solid var(--form--color-ranged);
        height: 44px;
        width: 44px;
        border-radius: 50%;
        background: var(--global--color-background);
        cursor: pointer;
        box-sizing: border-box
    }
}

input[type=range]::-ms-track {
    width: 100%;
    height: 6px;
    border-radius: 6px;
    border-width: 19px 0;
    border-color: var(--global--color-background);
    background: 0 0;
    color: transparent;
    cursor: pointer
}

input[type=range]::-ms-fill-upper {
    background: var(--form--color-ranged);
    border-radius: 6px
}

input[type=range]::-ms-fill-lower {
    background: var(--form--color-ranged);
    border-radius: 6px
}

input[type=range]::-ms-thumb {
    border: 3px solid var(--form--color-ranged);
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background: var(--global--color-background);
    cursor: pointer
}

fieldset {
    display: grid;
    border-color: var(--global--color-secondary);
    padding: var(--global--spacing-horizontal)
}

.post-password-message,
fieldset legend {
    font-size: var(--global--font-size-lg)
}

fieldset input[type=submit] {
    max-width: max-content
}

fieldset input:not([type=submit]) {
    margin-bottom: var(--global--spacing-unit)
}

fieldset input[type=checkbox],
fieldset input[type=radio] {
    margin-bottom: 0
}

fieldset input[type=checkbox]+label,
fieldset input[type=radio]+label {
    font-size: var(--form--font-size);
    padding-left: 0;
    margin-bottom: var(--global--spacing-unit)
}

::-moz-placeholder {
    opacity: 1
}

.post-password-form {
    display: flex;
    flex-wrap: wrap
}

.post-password-form__label {
    width: 100%;
    margin-bottom: 0
}

.post-password-form input[type=password] {
    flex-grow: 1;
    margin-right: calc(.66*var(--global--spacing-horizontal))
}

.post-password-form input[type=password],
.post-password-form__submit {
    margin-top: calc(var(--global--spacing-vertical)/3)
}

@media only screen and (min-width:592px) {
    .post-password-form__submit {
        margin-left: calc(.4*var(--global--spacing-horizontal))
    }
}

.entry-content img,
embed,
iframe,
object,
video {
    max-width: 100%
}

.wp-block-embed figcaption,
.wp-caption,
.wp-caption-text,
figcaption {
    color: currentColor;
    font-size: var(--global--font-size-xs);
    line-height: var(--global--line-height-body);
    margin-top: calc(.5*var(--global--spacing-unit));
    margin-bottom: var(--global--spacing-unit);
    text-align: center
}

.alignleft .wp-block-embed figcaption,
.alignleft .wp-caption,
.alignleft .wp-caption-text,
.alignleft figcaption,
.alignright .wp-block-embed figcaption,
.alignright .wp-caption,
.alignright .wp-caption-text,
.alignright figcaption {
    margin-bottom: 0
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

cite,
dfn,
em,
i {
    font-style: italic
}

pre {
    white-space: pre;
    overflow-x: auto
}

a:hover {
    text-decoration-skip-ink: none
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: 2px solid transparent;
    text-decoration: underline 1px dotted currentColor;
    text-decoration-skip-ink: none;
    background: rgba(255, 255, 255, .9)
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: var(--global--color-black);
    color: var(--global--color-white);
    text-decoration: none
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav,
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    color: var(--wp--style--color--link, var(--global--color-white))
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none;
    color: var(--wp--style--color--link, var(--global--color-white))
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
    /*outline: 2px solid transparent;
    outline-offset: -2px*/
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
    color: #21759b;
    background-color: #f1f1f1
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
    background: 0 0
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    /*outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary))*/
}

.has-background .has-link-color a,
.has-background.has-link-color a {
    color: var(--wp--style--color--link, var(--global--color-primary))
}

.wp-block-audio audio:focus {
    outline-offset: 5px;
    outline: 2px solid var(--global--color-primary)
}

.site .button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button,
.wp-block-search .wp-block-search__button,
button,
input[type=reset],
input[type=submit] {
    border: var(--button--border-width) solid transparent;
    border-radius: var(--button--border-radius);
    cursor: pointer;
    font-weight: var(--button--font-weight);
    font-family: var(--button--font-family);
    font-size: var(--button--font-size);
    line-height: var(--button--line-height);
    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    text-decoration: none
}

.site .button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color) {
    color: var(--global--color-background)
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) {
    color: var(--local--color-background, var(--global--color-primary))
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background {
    color: var(--global--color-primary)
}

.site .button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background) {
    background-color: var(--global--color-primary)
}

.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background) {
    background-color: var(--local--color-primary, var(--global--color-primary))
}

.site .button:active,
.site .button:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-search .wp-block-search__button:hover,
button:active,
button:hover,
input[type=reset]:active,
input[type=reset]:hover,
input[type=submit]:active,
input[type=submit]:hover {
    background-color: transparent;
    border-color: currentColor;
    color: inherit
}

.site .button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled,
.wp-block-search .wp-block-search__button:disabled,
button:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
    background-color: var(--global--color-white-50);
    border-color: var(--global--color-white-50);
    color: var(--button--color-text-active)
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
    color: var(--global--color-background)
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
    color: var(--local--color-background, var(--global--color-background))
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
    background-color: var(--global--color-primary)
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
    background-color: var(--local--color-primary, var(--global--color-primary))
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    border-color: currentColor !important;
    background-color: transparent !important;
    color: inherit !important
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background,
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
    border-color: currentColor
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
    color: var(--global--color-primary)
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
    color: var(--local--color-primary, var(--global--color-primary))
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
    color: inherit
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
    background-color: transparent
}

.wp-block-button.is-style-outline .wp-block-button__link:active,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: transparent !important;
    background-color: var(--global--color-primary) !important;
    color: var(--global--color-background) !important
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:active,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--local--color-primary, var(--global--color-primary)) !important;
    color: var(--local--color-background, var(--global--color-background)) !important
}

.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--local--color-background, var(--global--color-background)) !important
}

.wp-block-button .is-style-squared .wp-block-button__link {
    border-radius: 0
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
    outline-offset: 2px;
    outline: 2px dotted var(--button--color-background)
}

.wp-block-code {
    border-color: var(--global--color-border);
    border-radius: 0;
    border-style: solid;
    border-width: .1rem;
    padding: var(--global--spacing-unit)
}

.wp-block-code code {
    color: var(--global--color-primary);
    white-space: pre;
    overflow-x: auto;
    display: block
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
    clear: both
}

.wp-block-columns .wp-block-column>* {
    margin-top: calc(.66*var(--global--spacing-vertical));
    margin-bottom: calc(.66*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-columns .wp-block-column>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.wp-block-columns .wp-block-column>:first-child {
    margin-top: 0
}

.wp-block-columns .wp-block-column:last-child,
.wp-block-columns .wp-block-column>:last-child {
    margin-bottom: 0
}

.wp-block-columns .wp-block-column:not(:last-child) {
    margin-bottom: calc(.66*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-columns .wp-block-column:not(:last-child) {
        margin-bottom: var(--global--spacing-vertical)
    }
}

@media only screen and (min-width:822px) {
    .wp-block-columns .wp-block-column:not(:last-child) {
        margin-bottom: 0
    }
}

.wp-block-columns.is-style-twentytwentyone-columns-overlap {
    justify-content: space-around
}

@media only screen and (min-width:652px) {
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
        margin-left: calc(-2*var(--global--spacing-horizontal));
        margin-top: calc(2.5*var(--global--spacing-horizontal));
        z-index: 2
    }
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h1:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h2:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h3:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h4:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h5:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>h6:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>ol:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>p:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>pre:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>ul:not(.has-background) {
        background-color: var(--global--color-background);
        padding: var(--global--spacing-unit)
    }
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>ol:not(.has-background),
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n)>ul:not(.has-background) {
        padding-left: calc(2*var(--global--spacing-horizontal))
    }
    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
        margin-top: 0
    }
}

.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background),
.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit)
}

.wp-block-cover,
.wp-block-cover-image {
    background-color: var(--cover--color-background);
    min-height: var(--cover--height);
    margin-top: inherit;
    margin-bottom: inherit
}

.wp-block-cover-image:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull) {
    clear: both
}

.wp-block-cover-image.alignfull,
.wp-block-cover.alignfull {
    margin-top: 0;
    margin-bottom: 0
}

.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container {
    color: currentColor;
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button) {
    color: currentColor
}

.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
    color: var(--wp--style--color--link, var(--global--color-primary))
}

.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
    color: var(--cover--color-foreground)
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
    font-size: var(--heading--font-size-h2);
    letter-spacing: var(--heading--letter-spacing-h2);
    line-height: var(--heading--line-height-h2);
    max-width: inherit;
    text-align: inherit;
    padding: 0
}

.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left,
.wp-block-pullquote.is-style-solid-color blockquote::before {
    text-align: left
}

.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
    text-align: center
}

.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
    text-align: right
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
    width: calc(100% - 2*var(--global--spacing-vertical))
}

.wp-block-cover .wp-block-cover__inner-container>*,
.wp-block-cover-image .wp-block-cover__inner-container>* {
    margin-top: calc(.666*var(--global--spacing-vertical));
    margin-bottom: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-cover .wp-block-cover__inner-container>*,
    .wp-block-cover-image .wp-block-cover__inner-container>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.wp-block-cover .wp-block-cover__inner-container>:first-child,
.wp-block-cover-image .wp-block-cover__inner-container>:first-child {
    margin-top: 0
}

.wp-block-cover .wp-block-cover__inner-container>:last-child,
.wp-block-cover-image .wp-block-cover__inner-container>:last-child {
    margin-bottom: 0
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    margin-top: 0
}

.wp-block-cover-image.alignleft>*,
.wp-block-cover-image.alignright>*,
.wp-block-cover.alignleft>*,
.wp-block-cover.alignright>* {
    margin-top: calc(2*var(--global--spacing-vertical));
    margin-bottom: calc(2*var(--global--spacing-vertical));
    padding-left: var(--global--spacing-horizontal);
    padding-right: var(--global--spacing-horizontal);
    width: 100%
}

.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content,
.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content {
    justify-content: center
}

.wp-block-cover-image.is-style-twentytwentyone-border,
.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
    border: calc(3*var(--separator--height)) solid var(--global--color-border)
}

.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container {
    background-color: unset
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
    opacity: inherit
}

.entry-footer>span,
.primary-navigation .menu-item-description>span,
.wp-block-file a.wp-block-file__button {
    display: inline-block
}

.wp-block-gallery {
    margin: 0 auto
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    width: calc((100% - var(--global--spacing-unit))/2)
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    margin: 0;
    color: var(--global--color-white);
    font-size: var(--global--font-size-xs)
}

.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
    color: var(--global--color-white)
}

.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
    background-color: transparent;
    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
    text-decoration: none
}

.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img,
.wp-block-image a:focus img,
figure.wp-caption a:focus img {
    outline-offset: 2px
}

.wp-block-group {
    clear: both;
    display: flow-root
}

.wp-block-group:after,
.wp-block-group:before {
    content: "";
    display: block;
    clear: both
}

.wp-block-group .wp-block-group__inner-container {
    margin-left: auto;
    margin-right: auto
}

.wp-block-group .wp-block-group__inner-container>* {
    margin-top: calc(.666*var(--global--spacing-vertical));
    margin-bottom: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-group .wp-block-group__inner-container>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.wp-block-group .wp-block-group__inner-container>:first-child {
    margin-top: 0
}

.wp-block-group .wp-block-group__inner-container>:last-child {
    margin-bottom: 0
}

.wp-block-group.has-background {
    padding: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-group.has-background {
        padding: var(--global--spacing-vertical)
    }
}

.wp-block-group.is-style-twentytwentyone-border {
    border: calc(3*var(--separator--height)) solid var(--global--color-border);
    padding: var(--global--spacing-vertical)
}

.wp-block-group.has-background .wp-block-group__inner-container>.alignfull,
.wp-block-group.has-background .wp-block-group__inner-container>hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container>.alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container>hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
    max-width: calc(var(--responsive--alignfull-width) + 2*var(--global--spacing-vertical));
    width: calc(var(--responsive--alignfull-width) + 2*var(--global--spacing-vertical));
    margin-left: calc(-1*var(--global--spacing-vertical))
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: var(--heading--font-weight)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: var(--heading--font-family)
}

.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: var(--heading--font-weight-strong)
}

.h1,
.h2,
h1,
h2 {
    font-size: var(--heading--font-size-h1);
    letter-spacing: var(--heading--letter-spacing-h1);
    line-height: var(--heading--line-height-h1);
    color: var(--global--color-violet)
}

.h2,
h2 {
    font-size: var(--heading--font-size-h2);
    letter-spacing: var(--heading--letter-spacing-h2);
    line-height: var(--heading--line-height-h2)
}

.h3,
h3 {
    font-size: var(--heading--font-size-h3);
    letter-spacing: var(--heading--letter-spacing-h3);
    line-height: var(--heading--line-height-h3)
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-size: var(--heading--font-size-h4);
    font-weight: var(--heading--font-weight-strong);
    letter-spacing: var(--heading--letter-spacing-h4);
    line-height: var(--heading--line-height-h4)
}

.h5,
.h6,
h5,
h6 {
    font-size: var(--heading--font-size-h5);
    letter-spacing: var(--heading--letter-spacing-h5);
    line-height: var(--heading--line-height-h5)
}

.h6,
h6 {
    font-size: var(--heading--font-size-h6);
    letter-spacing: var(--heading--letter-spacing-h6);
    line-height: var(--heading--line-height-h6)
}

.wp-block-image,
.wp-block-table tfoot,
.wp-block-table thead,
table tfoot,
table thead {
    text-align: center
}

.wp-block-image figcaption {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-xs);
    line-height: var(--global--line-height-body);
    margin-top: calc(.5*var(--global--spacing-unit));
    margin-bottom: var(--global--spacing-unit);
    text-align: center
}

.wp-block-image .alignright {
    margin-left: var(--global--spacing-horizontal)
}

.wp-block-image .alignleft {
    margin-right: var(--global--spacing-horizontal)
}

.entry-content [class*=inner-container]>[class=wp-block-image],
.entry-content>[class=wp-block-image] {
    margin-top: 0;
    margin-bottom: 0
}

.entry-content [class*=inner-container]>[class=wp-block-image]+*,
.entry-content>[class=wp-block-image]+* {
    margin-top: 0
}

.wp-block-image.is-style-twentytwentyone-image-frame img,
p.has-background {
    padding: var(--global--spacing-unit)
}

@media only screen and (min-width:482px) {
    .entry-content>.wp-block-image>.alignleft,
    .entry-content>.wp-block-image>.alignright {
        max-width: 50%
    }
}

@media only screen and (max-width:481px) {
    .entry-content>.wp-block-image>.alignleft,
    .entry-content>.wp-block-image>.alignright {
        margin-left: 0;
        margin-right: 0
    }
}

.wp-block-latest-comments,
.wp-block-latest-posts {
    padding-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    font-size: var(--global--font-size-sm);
    line-height: var(--global--line-height-body);
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child,
.wp-block-latest-posts>li>:first-child {
    margin-top: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta,
.wp-block-table th,
table th {
    font-family: var(--heading--font-family)
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-sm)
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    font-size: var(--global--font-size-sm);
    line-height: var(--global--line-height-body);
    margin: 0
}

.wp-block-latest-posts:not(.is-grid)>li {
    margin-top: calc(1.666*var(--global--spacing-vertical));
    margin-bottom: calc(1.666*var(--global--spacing-vertical))
}

.wp-block-latest-posts:not(.is-grid)>li:first-child {
    margin-top: 0
}

.wp-block-latest-posts:not(.is-grid)>li:last-child {
    margin-bottom: 0
}

.widget-area .wp-block-latest-posts:not(.is-grid)>li {
    margin-top: 0;
    margin-bottom: 0
}

.wp-block-latest-posts.is-grid {
    word-wrap: break-word;
    word-break: break-word
}

.wp-block-latest-posts.is-grid>li {
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-latest-posts.is-grid>li:last-child,
.wp-block-latest-posts>li>:last-child {
    margin-bottom: 0
}

.wp-block-latest-posts.is-grid.columns-2>li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-latest-posts.is-grid.columns-2>li:nth-last-child(-n+2):nth-child(2n+1)~li,
.wp-block-latest-posts.is-grid.columns-3>li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-latest-posts.is-grid.columns-3>li:nth-last-child(-n+3):nth-child(3n+1)~li,
.wp-block-latest-posts.is-grid.columns-4>li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-latest-posts.is-grid.columns-4>li:nth-last-child(-n+4):nth-child(4n+1)~li,
.wp-block-latest-posts.is-grid.columns-5>li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-latest-posts.is-grid.columns-5>li:nth-last-child(-n+5):nth-child(5n+1)~li,
.wp-block-latest-posts.is-grid.columns-6>li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-latest-posts.is-grid.columns-6>li:nth-last-child(-n+6):nth-child(6n+1)~li,
.wp-block-rss.is-grid.columns-2>li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-rss.is-grid.columns-2>li:nth-last-child(-n+2):nth-child(2n+1)~li,
.wp-block-rss.is-grid.columns-3>li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-rss.is-grid.columns-3>li:nth-last-child(-n+3):nth-child(3n+1)~li,
.wp-block-rss.is-grid.columns-4>li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-rss.is-grid.columns-4>li:nth-last-child(-n+4):nth-child(4n+1)~li,
.wp-block-rss.is-grid.columns-5>li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-rss.is-grid.columns-5>li:nth-last-child(-n+5):nth-child(5n+1)~li,
.wp-block-rss.is-grid.columns-6>li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-rss.is-grid.columns-6>li:nth-last-child(-n+6):nth-child(6n+1)~li {
    margin-bottom: 0
}

.wp-block-latest-posts>li>* {
    margin-top: calc(.333*var(--global--spacing-vertical));
    margin-bottom: calc(.333*var(--global--spacing-vertical))
}

.wp-block-latest-posts>li>a,
.wp-block-rss .wp-block-rss__item-title>a {
    display: inline-block;
    font-family: var(--latest-posts--title-font-family);
    font-size: var(--latest-posts--title-font-size);
    font-weight: var(--heading--font-weight);
    line-height: var(--global--line-height-heading);
    margin-bottom: calc(.333*var(--global--spacing-vertical))
}

.widget-area .wp-block-latest-posts>li>a {
    font-size: var(--global--font-size-sm);
    margin-bottom: 0
}

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__post-date {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-md);
    line-height: var(--global--line-height-body)
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
    font-size: var(--global--font-size-xs)
}

.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date,
[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date {
    color: currentColor
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
    font-family: var(--latest-posts--description-font-family);
    font-size: var(--latest-posts--description-font-size);
    line-height: var(--global--line-height-body);
    margin-top: calc(.666*var(--global--spacing-vertical))
}

.wp-block-latest-posts.alignfull {
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit)
}

.entry-content .has-background .wp-block-latest-posts.alignfull,
.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull {
    padding-left: 0;
    padding-right: 0
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
    border-top: calc(3*var(--separator--height)) solid var(--global--color-border);
    border-bottom: calc(3*var(--separator--height)) solid var(--global--color-border)
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid)>li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers>li {
    padding-bottom: var(--global--spacing-vertical);
    border-bottom: var(--separator--height) solid var(--global--color-border);
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid)>li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers>li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
    box-shadow: inset 0-1px 0 0 var(--global--color-border);
    border-bottom: calc(2*var(--separator--height)) solid var(--global--color-border)
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    margin: 0;
    padding-top: var(--global--spacing-vertical);
    padding-right: var(--global--spacing-horizontal)
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    padding-bottom: var(--global--spacing-vertical)
}

@media screen and (min-width:600px) {
    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
        width: calc(100%/2)
    }
    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
        width: calc(100%/3)
    }
    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
        width: calc(100%/4)
    }
    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
        width: calc(100%/5)
    }
    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
        width: calc(100%/6)
    }
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
    border: calc(3*var(--separator--height)) solid var(--global--color-border);
    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal)
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
    margin-top: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-horizontal)
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-caption,
.gallery-item a {
    display: block
}

.gallery-item a:focus img {
    outline-offset: -2px
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

ol,
ul {
    font-family: var(--list--font-family);
    margin: 0;
    padding-left: calc(2*var(--global--spacing-horizontal))
}

ol.aligncenter,
ol.alignright,
ul.aligncenter,
ul.alignright {
    list-style-position: inside;
    padding: 0
}

ol.alignright,
ul.alignright {
    text-align: right
}

ul {
    list-style-type: disc
}

ol ul,
ul ul {
    list-style-type: circle
}

ol {
    list-style-type: decimal
}

dt {
    font-family: var(--definition-term--font-family);
    font-weight: 700
}

dd {
    margin: 0;
    padding-left: calc(2*var(--global--spacing-horizontal))
}

.wp-block-media-text.alignfull {
    margin-top: 0;
    margin-bottom: 0
}

.wp-block-media-text a:focus img {
    outline-offset: -1px
}

.wp-block-media-text .wp-block-media-text__content {
    padding: var(--global--spacing-horizontal)
}

@media only screen and (min-width:592px) {
    .wp-block-media-text .wp-block-media-text__content {
        padding: var(--global--spacing-vertical)
    }
}

.wp-block-media-text .wp-block-media-text__content>* {
    margin-top: calc(.666*var(--global--spacing-vertical));
    margin-bottom: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-media-text .wp-block-media-text__content>* {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

.wp-block-media-text .wp-block-media-text__content>:first-child {
    margin-top: 0
}

.wp-block-media-text .wp-block-media-text__content>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:482px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding-top: var(--global--spacing-vertical);
        padding-bottom: var(--global--spacing-vertical)
    }
}

.wp-block-media-text.is-style-twentytwentyone-border {
    border: calc(3*var(--separator--height)) solid var(--global--color-border)
}

#content #primary #main #testimonials-slider .cwp_block_slider .wp-block-group.eplus-wrapper,
.wp-block-navigation .wp-block-navigation-link,
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
    padding: 0
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    padding: var(--primary-nav--padding)
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
    font-family: var(--primary-nav--font-family);
    font-size: var(--primary-nav--font-size);
    font-weight: var(--primary-nav--font-weight)
}

.wp-block-navigation>.wp-block-navigation__container .has-child .wp-block-navigation-link {
    display: inherit
}

.wp-block-navigation>.wp-block-navigation__container .has-child .wp-block-navigation__container {
    border: 0;
    left: 0;
    margin-left: var(--primary-nav--padding);
    min-width: max-content;
    opacity: 0;
    padding: 0;
    position: inherit;
    top: inherit
}

.wp-block-navigation>.wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
    display: inline-block;
    padding: calc(.5*var(--primary-nav--padding)) var(--primary-nav--padding)
}

.wp-block-navigation>.wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon,
.wp-block-quote.has-text-align-center:before,
.wp-block-quote.has-text-align-right:before,
.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
    display: none
}

.wp-block-navigation>.wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container,
.wp-block-navigation>.wp-block-navigation__container .has-child:hover .wp-block-navigation__container {
    display: block;
    opacity: 1;
    visibility: visible
}

.wp-block-navigation>.wp-block-navigation__container>.has-child>.wp-block-navigation__container {
    background: var(--global--color-background);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border: 1px solid var(--primary-nav--border-color)
}

.wp-block-navigation>.wp-block-navigation__container>.has-child>.wp-block-navigation__container:after,
.wp-block-navigation>.wp-block-navigation__container>.has-child>.wp-block-navigation__container:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    top: -10px;
    left: var(--global--spacing-horizontal);
    border-style: solid;
    border-color: var(--primary-nav--border-color) transparent;
    border-width: 0 7px 10px
}

.wp-block-navigation>.wp-block-navigation__container>.has-child>.wp-block-navigation__container:after {
    top: -9px;
    border-color: var(--global--color-background) transparent
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
    background: var(--global--color-background)
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link>a:focus,
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link>a:hover {
    color: var(--primary-nav--color-link-hover)
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link>a:hover {
    text-decoration: underline;
    text-decoration-style: dotted
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
    color: currentColor
}

p {
    line-height: var(--wp--typography--line-height, var(--global--line-height-body))
}

p.has-text-color a {
    color: var(--wp--style--color--link, var(--global--color-primary))
}

pre.wp-block-preformatted {
    overflow-x: auto;
    white-space: pre
}

.wp-block-pullquote {
    padding: calc(2*var(--global--spacing-unit))0;
    text-align: center;
    border-width: var(--pullquote--border-width);
    border-bottom-style: solid;
    border-top-style: solid;
    color: currentColor;
    border-color: currentColor;
    position: relative
}

.wp-block-pullquote blockquote::before {
    color: currentColor;
    content: "“";
    display: block;
    position: relative;
    left: 0;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1
}

.wp-block-pullquote p {
    font-family: var(--pullquote--font-family);
    font-size: var(--pullquote--font-size);
    font-style: var(--pullquote--font-style);
    font-weight: 700;
    letter-spacing: var(--pullquote--letter-spacing);
    line-height: var(--pullquote--line-height);
    margin: 0
}

.wp-block-pullquote a,
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
    color: currentColor
}

.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
    color: currentColor;
    display: block;
    font-size: var(--global--font-size-xs);
    font-style: var(--pullquote--font-style);
    text-transform: none
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: 0 0
}

.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
    text-align: center
}

.wp-block-pullquote.alignwide blockquote,
.wp-block-pullquote.alignwide>p {
    max-width: var(--responsive--alignwide-width)
}

.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote,
.wp-block-pullquote.alignfull:not(.is-style-solid-color)>p {
    padding: 0 calc(2*var(--global--spacing-unit))
}

.wp-block-pullquote.is-style-solid-color {
    color: var(--pullquote--color-foreground);
    padding: calc(2.5*var(--global--spacing-unit));
    border-width: var(--pullquote--border-width);
    border-style: solid;
    border-color: var(--pullquote--border-color)
}

@media (min-width:600px) {
    .wp-block-pullquote.is-style-solid-color {
        padding: calc(5*var(--global--spacing-unit))
    }
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin: 0;
    max-width: inherit
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    font-size: var(--pullquote--font-size)
}

.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
    padding: var(--global--spacing-unit)
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
    max-width: initial
}

.wp-block-query.has-background {
    padding: calc(.666*var(--global--spacing-vertical))
}

@media only screen and (min-width:482px) {
    .wp-block-query.has-background {
        padding: var(--global--spacing-vertical)
    }
}

.wp-block-quote {
    border-left: none
}

.wp-block-quote.has-text-align-right p:before,
.wp-block-quote:before {
    font-size: var(--quote--font-size);
    line-height: var(--quote--line-height)
}

.wp-block-quote:before {
    content: "“";
    left: 8px
}

.has-background .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
.has-background .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote footer,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote cite,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote footer {
    color: currentColor
}

.wp-block-quote.has-text-align-right {
    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
    padding-right: 0;
    border-right: none
}

.wp-block-quote.has-text-align-right p:before {
    content: "”";
    font-weight: 400;
    margin-right: 5px
}

.wp-block-quote.has-text-align-center {
    margin: var(--global--spacing-vertical) auto
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding-left: 0;
    padding-right: 0;
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: var(--quote--font-size-large);
    font-style: var(--quote--font-style-large);
    line-height: var(--quote--line-height-large)
}

.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
    font-size: var(--quote--font-size-large);
    line-height: var(--quote--line-height-large);
    left: calc(-1*var(--global--spacing-horizontal))
}

.wp-block-quote.is-large.has-text-align-right p:before,
.wp-block-quote.is-style-large.has-text-align-right p:before {
    content: "”";
    font-size: var(--quote--font-size-large);
    font-weight: 400;
    line-height: var(--quote--line-height-large);
    margin-right: 10px
}

.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-sm)
}

@media only screen and (max-width:481px) {
    .wp-block-quote.is-large,
    .wp-block-quote.is-style-large {
        padding-left: var(--global--spacing-horizontal)
    }
    .wp-block-quote.is-large:before,
    .wp-block-quote.is-style-large:before {
        left: 0
    }
    .wp-block-quote.is-large.has-text-align-right,
    .wp-block-quote.is-style-large.has-text-align-right {
        padding-left: 0;
        padding-right: var(--global--spacing-horizontal)
    }
    .wp-block-quote.has-text-align-right:before,
    .wp-block-quote.is-large.has-text-align-right:before,
    .wp-block-quote.is-style-large.has-text-align-right:before {
        right: 0
    }
    .wp-block-quote.has-text-align-right {
        padding-left: 0;
        padding-right: calc(.5*var(--global--spacing-horizontal))
    }
    .wp-block-quote.has-text-align-center,
    .wp-block-quote.is-large.has-text-align-center,
    .wp-block-quote.is-style-large.has-text-align-center {
        padding-left: 0;
        padding-right: 0
    }
}

.wp-block-rss {
    padding-left: 0
}

.wp-block-rss>li {
    list-style: none
}

.wp-block-rss:not(.is-grid)>li {
    margin-top: calc(1.666*var(--global--spacing-vertical));
    margin-bottom: calc(1.666*var(--global--spacing-vertical))
}

.wp-block-rss:not(.is-grid)>li:first-child {
    margin-top: 0
}

.wp-block-rss:not(.is-grid)>li:last-child {
    margin-bottom: 0
}

.wp-block-rss.is-grid>li {
    margin-bottom: var(--global--spacing-vertical)
}

.wp-block-rss.is-grid>li:last-child {
    margin-bottom: 0
}

.wp-block-rss>li>* {
    margin-top: calc(.333*var(--global--spacing-vertical));
    margin-bottom: calc(.333*var(--global--spacing-vertical))
}

.wp-block-rss>li>:first-child {
    margin-top: 0
}

.wp-block-rss>li>:last-child {
    margin-bottom: 0
}

.wp-block-rss .wp-block-rss__item-author,
.wp-block-rss .wp-block-rss__item-publish-date {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-md);
    line-height: var(--global--line-height-body)
}

.wp-block-rss .wp-block-rss__item-publish-date {
    font-size: var(--global--font-size-xs)
}

.has-background .wp-block-rss .wp-block-rss__item-publish-date,
[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date {
    color: currentColor
}

.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
    font-family: var(--latest-posts--description-font-family);
    font-size: var(--latest-posts--description-font-size);
    line-height: var(--global--line-height-body);
    margin-top: calc(.666*var(--global--spacing-vertical))
}

.wp-block-rss.alignfull {
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit)
}

.entry-content .has-background .wp-block-rss.alignfull,
.entry-content [class*=inner-container] .wp-block-rss.alignfull {
    padding-left: 0;
    padding-right: 0
}

.wp-block-search {
    max-width: var(--responsive--aligndefault-width)
}

.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
    justify-content: center
}

.wp-block-search .wp-block-search__label {
    font-size: var(--form--font-size);
    font-weight: var(--form--label-weight);
    margin-bottom: calc(var(--global--spacing-vertical)/3)
}

.wp-block-search .wp-block-search__input {
    border: var(--form--border-width) solid var(--form--border-color);
    border-radius: var(--form--border-radius);
    color: var(--form--color-text);
    line-height: var(--form--line-height);
    max-width: inherit;
    margin-right: calc(-1*var(--button--border-width));
    padding: var(--form--spacing-unit)
}

.wp-block-search .wp-block-search__input:focus {
    color: var(--form--color-text);
    border-color: var(--form--border-color)
}

.has-background .wp-block-search .wp-block-search__input,
.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border-color: var(--local--color-primary, var(--global--color-primary)) !important
}

.wp-block-search button.wp-block-search__button {
    margin-left: 0;
    line-height: 1
}

.wp-block-search button.wp-block-search__button.has-icon {
    padding: 6px calc(.5*var(--button--padding-horizontal))
}

.wp-block-search button.wp-block-search__button.has-icon svg {
    width: 40px;
    height: 40px;
    fill: currentColor
}

.has-background .wp-block-search button.wp-block-search__button:active,
.has-background .wp-block-search button.wp-block-search__button:hover {
    background-color: var(--local--color-background, var(--global--color-background)) !important;
    color: var(--local--color-primary, var(--global--color-primary)) !important
}

.has-text-color .wp-block-search button.wp-block-search__button:active,
.has-text-color .wp-block-search button.wp-block-search__button:hover {
    color: var(--local--color-primary, var(--global--color-primary)) !important
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    background-color: var(--global--color-white);
    border: var(--form--border-width) solid var(--form--border-color);
    border-radius: var(--form--border-radius);
    padding: var(--form--border-width)
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--form--spacing-unit)
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    color: var(--form--color-text);
    outline-offset: -2px;
    outline: 2px dotted var(--form--border-color)
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
    padding: var(--button--padding-vertical) var(--button--padding-horizontal)
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
    color: var(--global--color-dark-gray)
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
    background-color: var(--global--color-dark-gray);
    color: var(--global--color-white)
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
    padding: 6px calc(.5*var(--button--padding-horizontal))
}

.wp-block-search__button {
    box-shadow: none
}

hr,
hr.wp-block-separator {
    border-bottom: var(--separator--height) solid var(--separator--border-color)
}

hr {
    border-style: none;
    clear: both;
    margin-left: auto;
    margin-right: auto
}

hr.wp-block-separator {
    opacity: 1
}

hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
    max-width: var(--responsive--aligndefault-width)
}

hr.wp-block-separator:not(.is-style-dots).alignwide {
    max-width: var(--responsive--alignwide-width)
}

hr.wp-block-separator:not(.is-style-dots).alignfull {
    max-width: var(--responsive--alignfull-width)
}

hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
    border-bottom-width: calc(3*var(--separator--height))
}

hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
    background-color: transparent !important
}

hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
    color: currentColor !important
}

hr.wp-block-separator.is-style-dots:before {
    color: var(--separator--border-color);
    font-size: var(--global--font-size-xl);
    letter-spacing: var(--global--font-size-sm);
    padding-left: var(--global--font-size-sm)
}

.has-background hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator {
    border-color: currentColor
}

.wp-block-social-links a:focus {
    color: var(--global--color-primary)
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
    color: var(--global--color-primary)
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
    background: 0 0
}

.wp-block-spacer {
    display: block;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

@media only screen and (max-width:481px) {
    .wp-block-spacer[style] {
        height: var(--global--spacing-unit) !important
    }
}

.wp-block-table,
table {
    width: 100%;
    min-width: 240px;
    border-collapse: collapse
}

.wp-block-table td,
.wp-block-table th,
table td,
table th {
    padding: calc(.5*var(--global--spacing-unit));
    border: 1px solid
}

.wp-block-table figcaption,
table figcaption {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-xs)
}

.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background thead tr,
table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background tbody tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background thead tr {
    color: var(--table--has-background-text-color)
}

.wp-block-table.is-style-stripes,
table.is-style-stripes {
    border-color: var(--table--stripes-border-color)
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
table.is-style-stripes td,
table.is-style-stripes th {
    border-width: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--table--stripes-background-color)
}

.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd),
table.is-style-stripes .has-background tbody tr:nth-child(odd) {
    background-color: var(--global--color-white-90)
}

table.wp-calendar-table td,
table.wp-calendar-table th {
    background: 0 0;
    border: 0;
    text-align: center;
    line-height: 2;
    vertical-align: middle;
    word-break: normal
}

table.wp-calendar-table th {
    font-weight: 700
}

table.wp-calendar-table tbody,
table.wp-calendar-table thead {
    color: currentColor;
    border: 1px solid
}

table.wp-calendar-table caption {
    font-weight: 700;
    text-align: left;
    margin-bottom: var(--global--spacing-unit);
    color: currentColor
}

.wp-calendar-nav {
    text-align: left;
    margin-top: calc(var(--global--spacing-unit)/2)
}

.wp-calendar-nav svg {
    height: 1em;
    vertical-align: middle
}

.wp-calendar-nav svg path {
    fill: currentColor
}

.wp-calendar-nav .wp-calendar-nav-next {
    float: right
}

.wp-block-tag-cloud.alignfull {
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit)
}

.wp-block-verse {
    font-family: var(--entry-content--font-family)
}

.wp-block-video figcaption {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-xs);
    margin-top: calc(.5*var(--global--spacing-unit));
    margin-bottom: var(--global--spacing-unit);
    text-align: center
}

*>figure>video {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

:root .has-extra-small-font-size,
:root .is-extra-small-text {
    font-size: var(--global--font-size-xs)
}

:root .has-small-font-size,
:root .is-small-text {
    font-size: var(--global--font-size-sm)
}

:root .has-medium-font-size,
:root .has-normal-font-size,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .is-regular-text {
    font-size: var(--global--font-size-base)
}

:root .has-large-font-size,
:root .is-large-text {
    font-size: var(--global--font-size-lg);
    line-height: var(--global--line-height-heading)
}

:root .has-extra-large-font-size,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .is-larger-text {
    font-size: var(--global--font-size-xl);
    line-height: var(--global--line-height-heading)
}

:root .has-gigantic-font-size,
:root .has-huge-font-size,
:root .is-gigantic-text,
:root .is-huge-text {
    font-size: var(--global--font-size-xxl);
    line-height: var(--global--line-height-heading);
    font-weight: var(--heading--font-weight-page-title)
}

:root .has-gigantic-font-size,
:root .is-gigantic-text {
    font-size: var(--global--font-size-xxxl)
}

.alignleft {
    text-align: left;
    margin-top: 0
}

.entry-content>.alignleft {
    max-width: var(--responsive--aligndefault-width)
}

@media only screen and (min-width:482px) {
    .alignleft {
        float: left;
        margin-right: var(--global--spacing-horizontal);
        margin-bottom: var(--global--spacing-vertical)
    }
    .entry-content>.alignleft {
        max-width: calc(50% - var(--responsive--alignleft-margin))
    }
}

.aligncenter {
    clear: both;
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.alignright {
    margin-top: 0;
    margin-bottom: var(--global--spacing-vertical)
}

.entry-content>.alignright {
    max-width: var(--responsive--aligndefault-width)
}

@media only screen and (min-width:482px) {
    .alignright {
        float: right;
        margin-left: var(--global--spacing-horizontal)
    }
    .entry-content>.alignright {
        max-width: calc(50% - var(--responsive--alignright-margin))
    }
}

[class*=inner-container]>.alignleft+*,
[class*=inner-container]>.alignright+* {
    margin-top: 0
}

.alignfull,
.alignwide {
    clear: both
}

.has-left-content {
    justify-content: flex-start
}

.has-right-content {
    justify-content: flex-end
}

.has-parallax {
    background-attachment: fixed
}

.has-drop-cap:not(:focus)::first-letter {
    font-family: var(--heading--font-family);
    font-weight: var(--heading--font-weight);
    line-height: .66;
    text-transform: uppercase;
    font-style: normal;
    float: left;
    margin: .1em .1em 0 0;
    font-size: calc(1.2*var(--heading--font-size-h1))
}

.has-drop-cap:not(:focus)::after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px
}

.desktop-only {
    display: none
}

@media only screen and (min-width:482px) {
    .desktop-only {
        display: block
    }
}

.site-header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0
}
.site-header.subsite {
    padding-top: 20px;
}

.wp-custom-logo .site-header {
    align-items: center
}

.site-branding {
    color: var(--branding--color-text);
    margin-right: 140px
}

.site-branding:last-child {
    margin-right: 0;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:482px) {
    .site-branding {
        margin-right: initial;
        margin-top: 4px
    }
}

.site-title {
    color: var(--branding--color-link);
    font-family: var(--branding--title--font-family);
    font-size: var(--branding--title--font-size-mobile);
    letter-spacing: normal;
    text-transform: var(--branding--title--text-transform);
    line-height: var(--global--line-height-heading);
    margin-bottom: calc(var(--global--spacing-vertical)/6)
}

.site-title a {
    font-weight: var(--branding--title--font-weight)
}

.site-title a,
.site-title a:active,
.site-title a:link,
.site-title a:visited {
    color: currentColor
}

.site-title a:focus,
.site-title a:hover {
    color: var(--branding--color-link-hover)
}

@media only screen and (min-width:482px) {
    .site-title {
        font-size: var(--branding--title--font-size)
    }
}

.site-description {
    color: currentColor;
    font-family: var(--branding--description--font-family);
    font-size: var(--branding--description--font-size);
    line-height: 1.4
}

.site-title>a {
    text-decoration-color: var(--global--color-secondary)
}

.site-logo {
    z-index: 99;
    top: 10px
}

@media only screen and (min-width:482px) {
    .site-logo {
        top: initial
    }
}

.site-header>.site-logo {
    width: 90vw;
}
@media only screen and (min-width:482px) {
    .site-header>.site-logo {
        width: 50vw;
        transition: width .15s ease-in-out;
    }
    #masthead.slim.site-header>.site-logo {
        width: 70vw;
        transition: width .15s ease-in-out;
    }
}
@media only screen and (min-width:800px) {
    #masthead.slim.site-header>.site-logo {
        width: 450px;
        transition: width .15s ease-in-out;
    }
}

.site-header>.site-logo .3rides-logo {
    margin: 0 50px;
}
.site-logo .custom-logo {
    width: 20vw;
    max-width: 280px;
    height: auto;
    display: inline-block;
    transition: max-width .15s ease-in-out;
}
#masthead.slim .site-logo .custom-logo {
    max-width: 120px;
    transition: max-width .15s ease-in-out;
}

@media only screen and (max-width:481px) {
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        position: absolute;
        padding-top: calc(.5*var(--global--spacing-vertical));
        margin-top: 0;
        top: var(--global--admin-bar--height)
    }
    .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo,
    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
        display: none
    }
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
        max-height: calc(var(--button--padding-vertical) - .25*var(--global--spacing-unit) + 1.7em)
    }
    .site-header.has-logo.has-title-and-tagline {
        align-items: flex-start
    }
    .site-header.has-logo.has-title-and-tagline.has-menu {
        justify-content: space-between
    }
    .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
        max-width: calc(100% - 160px)
    }
    .site-header.has-logo.has-title-and-tagline .site-branding {
        margin-right: 0
    }
    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
        position: relative;
        top: 0
    }
    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
        position: relative;
        padding-top: 0;
        /*margin-top: 5px;*/
        margin-right: 20px
    }
    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
        padding-left: calc(var(--global--spacing-horizontal)*.6 - 4.5px);
        padding-right: calc(var(--global--spacing-horizontal)*.6 - 4.5px);
        margin-right: calc(0px - var(--global--spacing-horizontal)*.6)
    }
    .site-header:not(.has-logo).has-title-and-tagline .site-branding {
        margin-right: 0;
        max-width: calc(100% - 160px)
    }
    .site-header:not(.has-menu) {
        justify-content: center
    }
}

.cross-site-nav {
    position: fixed;
    display: flex;
    justify-content: space-between;
    top: 0;
    color: var(--global--color-white);
}
.cross-site-nav .cross-site {
    margin: 0 20px;
}
.cross-site-nav .cross-site a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--global--color-white);
}

.site-footer {
    margin-top: 0;
    padding-bottom: 0;
    /*background-image: url("http://3rides.de/wp-content/uploads/2024/11/gradient-narrow.png");*/
    background: var(--bg-gradient-fallback) var(--bg-gradient-css);
    background-size: cover;
    /*margin-top: -16vw;*/
    /*padding-top: 12vw;*/
    padding: 0 4vw;
    max-width: 100%;
    width: 100vw;
    display: flex;
    flex-direction: row;
}

.no-widgets .site-footer {
    margin-top: calc(6*var(--global--spacing-vertical))
}

@media only screen and (max-width:481px) {
    .no-widgets .site-footer {
        margin-top: calc(3*var(--global--spacing-vertical))
    }
}

.site-footer>.site-info {
    display: none;
    padding-top: var(--global--spacing-vertical);
    color: var(--footer--color-text);
    font-family: var(--footer--font-family);
    font-size: var(--footer--font-size);
    line-height: var(--global--line-height-body);
    border-top: 3px solid var(--global--color-border)
}

.site-footer>.site-info .site-name {
    text-transform: var(--branding--title--text-transform);
    font-size: var(--branding--title--font-size)
}

.site-footer>.site-info .powered-by {
    margin-top: calc(.5*var(--global--spacing-vertical))
}

@media only screen and (min-width:822px) {
    .site-footer>.site-info {
        align-items: center
    }
    .site-footer>.site-info .powered-by {
        margin-top: initial;
        margin-left: auto
    }
}

.site-footer>.site-info a,
.site-footer>.site-info a:active,
.site-footer>.site-info a:link,
.site-footer>.site-info a:visited {
    color: var(--global--color-theme-red)
}

.site-footer>.site-info a:hover {
    color: var(--global--color-theme-blue)
}

.site-footer>.site-info a:focus {
    color: var(--footer--color-link-hover)
}

.is-dark-theme .site-footer>.site-info a:focus {
    color: var(--wp--style--color--link, var(--global--color-background))
}

.has-background-white .site-footer>.site-info a:focus {
    color: var(--wp--style--color--link, var(--global--color-white))
}

.singular .entry-header {
    border-bottom: 3px solid var(--global--color-border);
    padding-bottom: calc(2*var(--global--spacing-vertical));
    margin-bottom: calc(3*var(--global--spacing-vertical))
}

.home .entry-header {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.singular .has-post-thumbnail .entry-header {
    border-bottom: none;
    padding-bottom: calc(1.3*var(--global--spacing-vertical));
    margin-bottom: 0
}

.no-results.not-found>:first-child {
    margin-bottom: calc(3*var(--global--spacing-vertical))
}

.page-links {
    clear: both
}

.page-links .post-page-numbers {
    display: inline-block;
    margin-left: calc(.66*var(--global--spacing-unit));
    margin-right: calc(.66*var(--global--spacing-unit));
    min-width: 44px;
    min-height: 44px
}

.page-links .post-page-numbers:first-child {
    margin-left: 0
}

.entry-title {
    color: var(--global--color-violet);
    font-size: var(--entry-header--font-size);
    letter-spacing: var(--heading--letter-spacing-h2);
    line-height: var(--heading--line-height-h2);
    overflow-wrap: break-word
}

.entry-title a {
    color: var(--entry-header--color-link);
    text-underline-offset: .15em
}

.entry-title a:hover {
    color: var(--entry-header--color-hover)
}

.entry-title a:focus {
    color: var(--entry-header--color-focus)
}

.entry-title a:active {
    color: var(--entry-header--color-link)
}

.singular .entry-title {
    font-size: 8vw;
    text-align: center
}

@media only screen and (min-width:592px) {
    .singular .entry-title {
        font-size: 6vw
    }
}

@media only screen and (min-width:822px) {
    .singular .entry-title {
        font-size: 4vw
    }
}

h1.entry-title {
    line-height: var(--heading--line-height-h1);
    font-weight: var(--heading--font-weight-page-title);
    text-transform: uppercase;
    margin-left: 0
}

.entry-content,
.entry-summary {
    font-family: var(--entry-content--font-family)
}

.entry-content p {
    word-wrap: break-word
}

.entry-content>iframe[style] {
    margin: var(--global--spacing-vertical)0 !important;
    max-width: 100% !important
}

.entry-footer {
    color: var(--global--color-primary);
    clear: both;
    float: none;
    font-size: var(--global--font-size-xs);
    display: block
}

.entry-footer a {
    color: currentColor
}

.entry-footer a:focus,
.entry-footer a:hover {
    color: var(--global--color-primary-hover)
}

.entry-footer a:active {
    color: currentColor
}

.site-main>article>.entry-footer {
    margin-top: var(--global--spacing-vertical);
    padding-top: var(--global--spacing-unit);
    padding-bottom: calc(3*var(--global--spacing-vertical));
    border-bottom: var(--separator--height) solid var(--separator--border-color)
}

body:not(.single) .site-main>article:last-of-type .entry-footer {
    border-bottom: var(--separator--height) solid transparent
}

.single .site-main>article>.entry-footer {
    margin-top: calc(3.4*var(--global--spacing-vertical));
    margin-bottom: calc(3.4*var(--global--spacing-vertical));
    padding-bottom: 0;
    padding-top: calc(.8*var(--global--spacing-vertical));
    border-top: 3px solid var(--separator--border-color);
    border-bottom: var(--separator--height) solid transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2*var(--global--spacing-horizontal))
}

.single .site-main>article>.entry-footer .full-size-link,
.single .site-main>article>.entry-footer .post-taxonomies {
    justify-content: flex-end;
    text-align: right
}

.single .site-main>article>.entry-footer .full-size-link:first-child:last-child {
    grid-column: span 2
}

.single .site-main>article>.entry-footer .byline,
.single .site-main>article>.entry-footer .cat-links,
.single .site-main>article>.entry-footer .posted-on,
.single .site-main>article>.entry-footer .tags-links {
    display: block
}

@media only screen and (max-width:481px) {
    .single .site-main>article>.entry-footer,
    .single .site-main>article>.entry-footer .full-size-link {
        display: block
    }
    .single .site-main>article>.entry-footer .full-size-link,
    .single .site-main>article>.entry-footer .post-taxonomies {
        text-align: left
    }
}

.post-thumbnail {
    text-align: center
}

.post-thumbnail .wp-post-image {
    display: block;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.author-bio {
    position: relative;
    font-size: var(--global--font-size-xs);
    max-width: var(--responsive--aligndefault-width)
}

.post-thumbnail .wp-post-image,
.site-main>article>.author-bio {
    margin-top: calc(2*var(--global--spacing-vertical))
}

.author-bio.show-avatars .avatar {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%
}

.author-bio.show-avatars .author-bio-content {
    display: inline-block;
    padding-left: var(--global--spacing-horizontal);
    max-width: calc(var(--responsive--aligndefault-width) - 90px)
}

.author-bio .author-bio-content .author-title {
    font-family: var(--entry-author-bio--font-family);
    font-size: var(--entry-author-bio--font-size);
    display: inline
}

.author-bio .author-bio-content .author-description {
    font-size: var(--global--font-size-xs);
    margin-top: calc(.5*var(--global--spacing-vertical));
    margin-bottom: calc(.5*var(--global--spacing-vertical))
}

.page-title {
    font-size: var(--global--font-size-page-title);
    text-align: center
}

h1.page-title,
h2.page-title {
    font-weight: var(--heading--font-weight-page-title);
    text-transform: uppercase
}

h1.page-title {
    line-height: var(--heading--line-height-h1)
}

.page-header {
    border-bottom: 3px solid var(--global--color-border);
    padding-bottom: calc(2*var(--global--spacing-vertical))
}

.archive .content-area .format-aside .entry-content,
.archive .content-area .format-link .entry-content,
.archive .content-area .format-status .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-link .entry-content,
.blog .content-area .format-status .entry-content,
.error404 main p,
.search .content-area .format-aside .entry-content,
.search .content-area .format-link .entry-content,
.search .content-area .format-status .entry-content {
    font-size: var(--global--font-size-lg)
}

.archive .format-gallery .entry-content,
.archive .format-image .entry-content,
.archive .format-video .entry-content,
.blog .format-gallery .entry-content,
.blog .format-image .entry-content,
.blog .format-video .entry-content,
.search .format-gallery .entry-content,
.search .format-image .entry-content,
.search .format-video .entry-content {
    margin-top: calc(2*var(--global--spacing-vertical))
}

.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links {
    display: block
}

.archive.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on {
    margin-right: calc(.5*var(--global--spacing-unit))
}

.archive-description {
    margin-top: var(--global--spacing-vertical);
    font-size: var(--global--font-size-xl);
    line-height: var(--global--line-height-heading)
}

.error404 main p {
    margin-bottom: calc(var(--global--spacing-vertical)*1.6666666667)
}

.search-no-results .page-content {
    margin-top: calc(3*var(--global--spacing-vertical))
}

.comment-list .children>li,
.comment-list>li,
.comments-area>* {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.comments-area>:first-child {
    margin-top: 0
}

.comments-area>:last-child {
    margin-bottom: 0
}

.comments-area.show-avatars .avatar {
    border-radius: 50%;
    position: absolute;
    top: 10px
}

.comments-area.show-avatars .fn {
    display: inline-block;
    padding-left: 85px
}

.comments-area.show-avatars .comment-metadata {
    padding: 8px 0 9px 85px
}

.comment-reply-title,
.comments-title {
    font-size: var(--heading--font-size-h2);
    letter-spacing: var(--heading--letter-spacing-h2)
}

.comment-reply-title {
    display: flex;
    justify-content: space-between
}

.comment-reply-title small a {
    font-family: var(--global--font-secondary);
    font-size: var(--global--font-size-xs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal
}

.comment .comment-respond .comment-reply-title,
.comment-meta .comment-author .fn {
    font-size: var(--global--font-size-lg)
}

.comment-list,
.comment-list .children {
    list-style: none;
    padding-left: 0
}

@media only screen and (min-width:482px) {
    .comment-list .depth-2,
    .comment-list .depth-3 {
        padding-left: calc(4*var(--global--spacing-horizontal))
    }
}

.comment-meta .comment-author {
    line-height: var(--global--line-height-heading);
    margin-bottom: calc(.25*var(--global--spacing-unit))
}

@media only screen and (min-width:482px) {
    .comment-meta .comment-author {
        margin-bottom: 0;
        padding-right: 0
    }
}

.comment-meta .comment-author .fn {
    font-family: var(--global--font-secondary);
    font-weight: 400;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word
}

.comment-meta .comment-metadata {
    color: var(--global--color-primary);
    font-size: var(--global--font-size-xs);
    padding: 8px 0 9px
}

.comment-meta .comment-metadata .edit-link {
    margin-left: var(--global--spacing-horizontal)
}

@media only screen and (min-width:482px) {
    .comment-meta {
        margin-right: inherit
    }
    .comment-meta .comment-author {
        max-width: inherit
    }
}

.reply {
    font-size: var(--global--font-size-sm);
    line-height: var(--global--line-height-heading)
}

.bypostauthor {
    display: block
}

.says {
    display: none
}

.pingback .url,
.trackback .url {
    font-family: var(--global--font-primary)
}

.comment-body {
    position: relative;
    margin-bottom: calc(1.7*var(--global--spacing-vertical))
}

.comment-body>* {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.comment-body .reply {
    margin: 0
}

.comment-content {
    word-wrap: break-word
}

.pingback .comment-body,
.trackback .comment-body {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.comment-respond {
    margin-top: var(--global--spacing-vertical)
}

.comment-respond>* {
    margin-top: var(--global--spacing-unit);
    margin-bottom: var(--global--spacing-unit)
}

.comment-respond>:first-child {
    margin-top: 0
}

.comment-respond>:last-child {
    margin-bottom: 0
}

.comment-respond>:last-child.comment-form {
    margin-bottom: var(--global--spacing-vertical)
}

.comment-author {
    padding-top: 3px
}

.comment-author .url {
    color: currentColor
}

.comment-form {
    display: flex;
    flex-wrap: wrap
}

.comment-form>* {
    flex-basis: 100%
}

.comment-form .comment-form-comment,
.comment-form .comment-form-url,
.home .site-content .frontpage .overlayNew .uci-logo img,
.home .site-main .frontpage .overlayNew .uci-logo img,
.site-main .tilesRow .tilesContainer .tile article,
.site-main .tilesRow .teaserContainer .teaser article,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-image a {
    width: 100%
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    flex-basis: 0;
    flex-grow: 1
}

@media only screen and (max-width:481px) {
    .comment-form .comment-form-author,
    .comment-form .comment-form-email {
        flex-basis: 100%
    }
}

.comment-form .comment-form-cookies-consent>label,
.comment-form .comment-notes {
    font-size: var(--global--font-size-xs);
    font-weight: 400
}

.comment-form>p {
    margin-bottom: var(--global--spacing-unit)
}

.comment-form>p:first-of-type {
    margin-top: 0
}

.comment-form>p:last-of-type {
    margin-bottom: 0
}

.comment-form>p input[type=email],
.comment-form>p input[type=text],
.comment-form>p input[type=url],
.comment-form>p label,
.comment-form>p textarea {
    display: block;
    font-size: var(--global--font-size-sm);
    margin-bottom: calc(.5*var(--global--spacing-unit));
    width: 100%;
    font-weight: var(--form--label-weight)
}

.comment-form>p.comment-form-cookies-consent {
    display: flex
}

@media only screen and (min-width:482px) {
    .comment-form>p.comment-form-author {
        margin-right: calc(1.5*var(--global--spacing-horizontal))
    }
    .comment-form>p.comment-notes,
    .comment-form>p.logged-in-as {
        display: block
    }
}

.menu-button-container {
    display: none;
    justify-content: space-between;
    position: absolute;
    right: 0;
    /*padding-top: calc(.5*var(--global--spacing-vertical));*/
    /*padding-bottom: calc(.25*var(--global--spacing-vertical))*/
}

@media only screen and (max-width:481px) {
    .menu-button-container {
        display: flex;
    }
}

.menu-button-container button {
    transform: none !important;
}

.menu-button-container #primary-mobile-menu {
    display: flex;
    margin-right: auto;
    /*padding: calc(var(--button--padding-vertical) - .25*var(--global--spacing-unit)) calc(.5*var(--button--padding-horizontal));*/
    /*padding: 5px 10px 5px;*/
    font-size: var(--primary-nav--font-size-button);
    font-weight: var(--primary-nav--font-weight-button);
    background-color: transparent;
    border: 0 !important;
    color: var(--global--color-white);
}
.menu-button-container #primary-mobile-menu[aria-expanded="true"] {
    color: var(--global--color-theme-blue);
    padding: 10px;
    /*margin-right: initial;
    margin-left: auto;*/
}


.menu-button-container #primary-mobile-menu .dropdown-icon {
    display: flex;
    align-items: center
}

.menu-button-container #primary-mobile-menu .dropdown-icon .site-logo {
    position: absolute;
    top: 5px;
    left: 40%;
    display: none;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
    margin-left: calc(.25*var(--global--spacing-unit))
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
    position: relative;
    top: -3px;
    width: 36px;
    height: 36px;
    margin-left: 0;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close,
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
    display: none
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
    display: flex
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
    animation-name: twentytwentyone-close-button-transition;
    animation-duration: .3s
}

.primary-navigation-open .menu-button-container {
    width: 100%;
    z-index: 500;
    /*background: url(http://3rides.de/wp-content/uploads/2024/11/gradient-narrow.png);*/
    /*background: var(--bg-gradient-fallback) var(--bg-gradient-css);*/
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
    position: static
}

.primary-navigation {
    position: absolute;
    top: var(--global--admin-bar--height);
    right: 0;
    color: var(--primary-nav--color-text);
    font-size: var(--primary-nav--font-size);
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
}
@media only screen and (max-width:1024px) {
    .primary-navigation {
        font-size: var(--global--font-size-sm);
    }
}
@media only screen and (max-width:780px) {
    .primary-navigation {
        font-size: var(--global--font-size-xxs);
    }
}


#masthead.slim .primary-navigation {
    padding: 0 0 0 10px;
    transition: padding .15s ease-in-out;
}

.primary-navigation {
    padding: 0px;
    transition: padding .15s ease-in-out;
}
@media only screen and (min-width:481px) {
    .primary-navigation {
        padding: 0px 10px 10px;
    }
}

.primary-navigation>.primary-menu-container {
    /*padding-top: calc(var(--button--line-height)*var(--primary-nav--font-size-button) + 42px + 5px);*/
    top: 0;
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit);
    padding-bottom: var(--global--spacing-horizontal);
    background-color: var(--global--color-white);
    transition: all .15s ease-in-out;
    transform: translateY(var(--global--spacing-vertical))
}
#masthead.slim .primary-navigation>.primary-menu-container {
    top: -15px;
    transition: all .15s ease-in-out;
}

@media only screen and (max-width:481px) {
    .primary-navigation>.primary-menu-container {
        position: fixed;
        visibility: hidden;
        opacity: 0; 
        height: 100vh;
        top: 0px;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        min-width: 300px;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;
        transform: translateY(var(--global--spacing-vertical))
    }
    .has-logo.has-title-and-tagline .primary-navigation>.primary-menu-container {
        position: fixed;
        transform: translateY(0) translateX(100%)
    }
    .admin-bar .has-logo.has-title-and-tagline .primary-navigation>.primary-menu-container {
        top: var(--global--admin-bar--height)
    }
    .admin-bar .primary-navigation>.primary-menu-container {
        height: calc(100vh - var(--global--admin-bar--height))
    }
    .primary-navigation>.primary-menu-container:focus {
        border: 2px solid var(--global--color-primary)
    }
    .primary-navigation-open .primary-navigation {
        width: 100%;
        position: fixed;
        z-index: 102
    }
}

.primary-navigation-open .primary-navigation>.primary-menu-container {
    position: fixed;
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

@media only screen and (max-width:481px) {
    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation>.primary-menu-container {
        transform: translateX(0) translateY(0)
    }
}

@media only screen and (min-width:482px) {
    .primary-navigation {
        position: relative
    }
    .primary-navigation>.primary-menu-container {
        visibility: visible;
        opacity: 1;
        position: relative;
        padding: 0;
        background-color: transparent;
        overflow: initial;
        transform: none
    }
    .primary-navigation #toggle-menu,
    .primary-navigation>.primary-menu-container ul>li .sub-menu-toggle[aria-expanded=false]~ul {
        display: none
    }
    .admin-bar .primary-navigation,
    .admin-bar .primary-navigation>.primary-menu-container {
        top: initial
    }
}

@media only screen and (min-width:640px) {
    .primary-navigation>.primary-menu-container {
        /*width: 40vw;
        max-width: 450px;*/
    }
}

.primary-navigation>div>.menu-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 90px 00px 0 0px;
    max-width: none;
    padding-left: 0;
    position: relative;
}

@media only screen and (max-width:890px) {
    .primary-navigation>div>.menu-wrapper {
        margin-top: 60px;
    }
}

@media only screen and (max-width:481px) {
    .primary-navigation>div>.menu-wrapper {
        padding: 40px 0 100px;
        margin: 0 20px;

    }
    .primary-navigation>div>.menu-wrapper ul {
        padding-left: 0
    }
}
@media only screen and (min-width:800px) {
    .primary-navigation>div>.menu-wrapper {
        /*margin-right: 160px*/
    }
}
@media only screen and (min-width:1024px) {
    .primary-navigation>div>.menu-wrapper {
        /*margin-right: 200px*/
    }
}

.primary-navigation>div>.menu-wrapper li {
    display: block;
    position: relative;
    width: 100%;
    text-transform: uppercase
}

.primary-navigation>div>.menu-wrapper li.wpml-ls-first-item {
    margin-left: auto
}

@media only screen and (min-width:482px) {
    .primary-navigation>div>.menu-wrapper li {
        margin: 0;
        width: inherit
    }
    .primary-navigation>div>.menu-wrapper li:last-child {
        margin-right: 0
    }
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle {
    display: flex;
    height: calc(2*var(--primary-nav--padding) + 1.15em + 1px);
    width: 1.5vw;
    padding: 0;
    justify-content: center;
    align-items: center;
    background: 0 0;
    color: currentColor;
    border: 0
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle:focus {
    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary))
}

@media only screen and (max-width:481px) {
    .primary-navigation>div>.menu-wrapper .sub-menu-toggle {
        display: none
    }
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-plus {
    height: 100%;
    display: flex;
    align-items: center
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus svg,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-plus svg {
    margin-top: -1px;
    width: 36px;
    height: 36px
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
    display: none
}

.primary-navigation>div>.menu-wrapper>li>.sub-menu {
    position: relative
}

@media only screen and (min-width:482px) {
    .primary-navigation>div>.menu-wrapper>li>.sub-menu {
        left: 0;
        margin: 0;
        min-width: max-content;
        position: absolute;
        top: 30px;
        padding-top: 20px;
        transition: all .5s ease;
        z-index: 88888
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu:after,
    .primary-navigation>div>.menu-wrapper>li>.sub-menu:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        top: 10px;
        left: var(--global--spacing-horizontal);
        border-style: solid;
        border-color: var(--primary-nav--border-color) transparent;
        border-width: 0 7px 10px
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu:after {
        top: 11px;
        border-color: var(--global--color-background) transparent
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu li {
        background: var(--global--color-background)
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-left {
        left: 0;
        right: auto
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-left:after,
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-left:before {
        left: var(--global--spacing-horizontal);
        right: auto
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-right {
        right: 0;
        left: auto
    }
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-right:after,
    .primary-navigation>div>.menu-wrapper>li>.sub-menu.submenu-reposition-right:before {
        left: auto;
        right: var(--global--spacing-horizontal)
    }
}

.primary-navigation .primary-menu>.menu-item:hover>a {
    color: var(--primary-nav--color-link-hover)
}

@media only screen and (min-width:482px) {
    .primary-navigation .primary-menu-container {
        margin-right: calc(0px - var(--primary-nav--padding));
        margin-left: calc(0px - var(--primary-nav--padding));
    }
    .primary-navigation .primary-menu-container>ul>.menu-item {
        display: flex
    }
    .primary-navigation .primary-menu-container>ul>.menu-item .sub-menu-toggle {
        background-color: transparent;
    }
    .primary-navigation .primary-menu-container>ul>.menu-item>a {
        padding-left: var(--primary-nav--padding);
        padding-right: 0
    }
    .primary-navigation .primary-menu-container>ul>.menu-item>a+.sub-menu-toggle {
        margin-left: calc(5px - var(--primary-nav--padding));
    }
}
@media only screen and (min-width:1024px) {
    .primary-navigation .primary-menu-container>ul>.menu-item>a {
        padding-right: var(--primary-nav--padding);
        margin-left: calc(0px - var(--primary-nav--padding));
    }
}

.primary-navigation a {
    display: block;
    font-family: var(--primary-nav--font-family-mobile);
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    padding: 6px 0;
    text-decoration: none;
    padding-left: 6px;
}
@media only screen and (min-width:482px) {
    .primary-navigation a {
        padding-left: 26px;
    }
}

#primary-menu-list li.wpml-ls-item a {
    /*color: var(--global--color-white);*/
}
#primary-menu-list li.wpml-ls-item a:hover {
    text-decoration: none;
    color: var(--global--color-theme-yellow);
}

@media only screen and (min-width:482px) {
    .primary-navigation a {
        font-size: var(--primary-nav--font-size-mobile);
        font-weight: var(--primary-nav--font-weight);
        font-style: normal;
        padding: var(--primary-nav--padding);
        padding-bottom: calc(0.5 * var(--primary-nav--padding));
        text-decoration: none;
        color: var(--global--color-white);
    }
}

@media only screen and (min-width:482px) {
    .primary-navigation a {
        display: block;
        font-family: var(--primary-nav--font-family);
        font-size: 18px;
        font-weight: var(--primary-nav--font-weight)
    }
}
@media only screen and (min-width:1024px) {
    .primary-navigation a {
        font-size: 24px;
    }
}
.primary-navigation a+svg {
    fill: var(--primary-nav--color-text)
}

.primary-navigation a:link,
.primary-navigation a:visited {
    color: var(--global--color-theme-blue);
    font-size: 1.2em;
}
@media only screen and (min-width:482px) {
    .primary-navigation a:link,
    .primary-navigation a:visited {
        color: var(--global--color-white);
    }
}
.primary-navigation .menu-wrapper .menu-item:nth-child(even) a:link,
.primary-navigation .menu-wrapper .menu-item:nth-child(even) a:visited {
    /*color: var(--global--color-theme-blue);*/
}

.primary-navigation :not(.socialmedia) .menu-wrapper .menu-item a:hover,
.primary-navigation :not(.socialmedia) .menu-wrapper .menu-item.current-menu-item a {
    text-decoration: none;
    color: var(--global--color-theme-blue);
}

.primary-navigation a:focus {
    position: relative;
    z-index: 99999;
    outline-offset: 0;
    text-decoration-thickness: 2px
}

.primary-navigation .sub-menu .current-menu-item>a:first-child:not(.__mPS2id),
.primary-navigation .sub-menu .current_page_item>a:first-child:not(.__mPS2id) {
    color: var(--global--color-white);
    background-color: var(--global--color-theme-red);
}
.primary-navigation .sub-menu .current-menu-item>a:first-child:not(.__mPS2id):before,
.primary-navigation .sub-menu .current_page_item>a:first-child:not(.__mPS2id):before {
    display: inline-flex;
    content: "»";
    font-size: 24px;
    width: 20px;
}

.primary-navigation .sub-menu .current-menu-item>a:first-child:not(.__mPS2id):hover,
.primary-navigation .sub-menu .current_page_item>a:first-child:not(.__mPS2id):hover {
    text-decoration: underline
}

.primary-navigation .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: var(--primary-nav--padding);
    border: 1px solid var(--primary-nav--border-color)
}

.primary-navigation .sub-menu .sub-menu {
    border: 0
}

@media only screen and (min-width:482px) {
    .primary-navigation .sub-menu>.menu-item>.sub-menu {
        padding: 0
    }
}

@media only screen and (max-width:481px) {
    .primary-navigation .sub-menu .menu-item:last-child {
        margin-bottom: 0
    }
}

.primary-navigation .sub-menu .menu-item>a {
    padding: calc(1.25*var(--primary-nav--padding)) var(--primary-nav--padding);
    display: block;
    font-size: var(--primary-nav--font-size-sub-menu-mobile);
    font-style: italic;
    font-weight: 900;
    color: var(--global--color-theme-red);
    text-decoration: none;
}
.primary-navigation .sub-menu .menu-item:nth-child(even)>a {
    /*color: var(--global--color-theme-blue);*/
}

@media only screen and (min-width:482px) {
    .primary-navigation .sub-menu .menu-item>a {
        font-size: var(--primary-nav--font-size-sub-menu);
        font-style: italic;
        font-weight: 900;
    }
}

.footer-navigation-wrapper li.wpml-ls-menu-item,
.primary-navigation .menu-item-has-children>.svg-icon {
    display: none
}

@media only screen and (min-width:482px) {
    .primary-navigation .menu-item-has-children>.svg-icon {
        display: inline-block;
        height: 100%
    }
    .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
        display: none
    }
}

.primary-navigation .menu-item-description {
    display: block;
    clear: both;
    font-size: var(--global--font-size-xs);
    text-transform: none;
    line-height: 1.7
}

#masthead {
    position: fixed;
    width: 100vw;
    max-width: 100vw;
    top: 0;
    z-index: 999;
    /*background-image: url("http://3rides.de/wp-content/uploads/2024/11/gradient-narrow.png");*/
    /*background-size: cover;*/
    background: var(--bg-gradient-fallback) var(--bg-gradient-css);
    justify-content: center;
}

#masthead .site-logo {
    position: fixed;
    display: flex;
    justify-content: center;
    pointer-events: none;
    top: 12px;
}
#masthead.subsite .site-logo {
    top: 32px;
}

#masthead .site-logo a {
    pointer-events: all
}

#content {
    margin-top: 85px
}
@media only screen and (max-width:481px) {
    #content {
        margin-top: 45px
    }
}


@media only screen and (max-width:481px) {
    .lock-scrolling .site {
        position: fixed;
        max-width: 100%;
        width: 100%
    }
}

body.de .wpml-ls-item-de>a:first-child,
body.en .wpml-ls-item-en>a:first-child {
    /*color: var(--global--color-theme-yellow)*/
}

.footer-navigation {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
    color: var(--footer--color-text);
    font-size: var(--global--font-size-xs);
    font-family: var(--footer--font-family);
    display: flex;
    justify-content: center
}

.footer-navigation-wrapper {
    /*display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0*/
}

.footer-navigation-wrapper li {
    /*display: inline;*/
    /*line-height: 3*/
     list-style-type: none;
}

.footer-navigation-wrapper li.wpml-ls-first-item {
    margin-left: auto
}

.footer-navigation-wrapper li a {
    /*padding: calc(1.25*var(--primary-nav--padding)) var(--primary-nav--padding);*/
    transition: transform .1s ease;
    color: var(--global--color-white);
    text-decoration: none;
    /*text-transform: uppercase;*/
    /*font-weight: 600;*/
    /*font-size: var(--global--font-size-lg)*/
}

.footer-navigation-wrapper li a:first-child {
    padding-left: 0
}

.footer-navigation-wrapper li a:active,
.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited {
    color: var(--global--color-white)
}

.footer-navigation-wrapper li a:hover {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: none;
    color: var(--global--color-theme-red)
}

.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
    fill: var(--wp--style--color--link, var(--global--color-background))
}

.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
    fill: var(--wp--style--color--link, var(--global--color-white))
}

.footer-navigation-wrapper li .svg-icon {
    vertical-align: middle;
    fill: var(--footer--color-link)
}

.footer-navigation-wrapper li .svg-icon:hover {
    transform: scale(1.1)
}

.footer-navigation-wrapper .menu-item-description,
.footer-navigation-wrapper .sub-menu-toggle,
.widget-area ul .sub-menu-toggle,
.widget_rss a.rsswidget .rss-widget-icon {
    display: none
}

.navigation,
.navigation a {
    color: var(--global--color-primary)
}

.navigation a {
    text-decoration: none
}

.navigation a:hover {
    color: var(--global--color-primary-hover);
    text-decoration: underline;
    text-decoration-style: dotted
}

.navigation a:focus {
    color: var(--global--color-secondary)
}

.navigation a:active {
    color: var(--global--color-primary)
}

.navigation .nav-links>* {
    min-width: 44px;
    min-height: 44px
}

.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
    display: flex;
    flex-direction: column
}

.navigation .nav-links .dots {
    text-align: center
}

@media only screen and (min-width:592px) {
    .navigation .nav-links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
    .navigation .nav-links .nav-next,
    .navigation .nav-links .nav-previous {
        flex: 0 1 auto;
        margin-bottom: inherit;
        margin-top: inherit;
        max-width: calc(50% - .5*var(--global--spacing-unit))
    }
    .navigation .nav-links .nav-next {
        text-align: right
    }
}

.navigation .svg-icon {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    position: relative
}

.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
    top: -2px;
    margin-right: calc(.25*var(--global--spacing-unit))
}

.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
    top: -1px;
    margin-left: calc(.25*var(--global--spacing-unit))
}

.post-navigation {
    margin: var(--global--spacing-vertical) auto
}

@media only screen and (min-width:822px) {
    .post-navigation {
        margin: var(--global--spacing-vertical) auto
    }
}

.post-navigation .meta-nav {
    line-height: var(--global--line-height-body);
    color: var(--global--color-primary)
}

.post-navigation .post-title {
    display: inline-block;
    font-family: var(--global--font-primary);
    font-size: var(--global--font-size-lg);
    font-weight: var(--pagination--font-weight-strong);
    line-height: var(--global--line-height-heading)
}

@media only screen and (min-width:822px) {
    .post-navigation .post-title {
        margin: 5px calc(24px + .25*var(--global--spacing-unit))0
    }
}

@media only screen and (min-width:482px) {
    .post-navigation .nav-links {
        justify-content: space-between
    }
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
    margin-top: 0
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
    margin-bottom: 0
}

.comments-pagination,
.pagination {
    border-top: 3px solid var(--global--color-border);
    padding-top: var(--global--spacing-vertical);
    margin: var(--global--spacing-vertical) auto
}

@media only screen and (min-width:822px) {
    .comments-pagination,
    .pagination {
        margin: var(--global--spacing-vertical) auto
    }
}

.comments-pagination .nav-links,
.pagination .nav-links {
    margin-top: calc(-1*var(--global--spacing-vertical))
}

.comments-pagination .nav-links a:hover,
.pagination .nav-links a:hover {
    color: var(--pagination--color-link-hover)
}

.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus,
.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus {
    color: var(--global--color-background)
}

.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus,
.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus {
    color: var(--global--color-white)
}

.pagination .nav-links>* {
    font-size: var(--pagination--font-size)
}

.comments-pagination .nav-links>*,
.pagination .nav-links>* {
    color: var(--pagination--color-text);
    font-family: var(--pagination--font-family);
    font-weight: var(--pagination--font-weight);
    margin-top: var(--global--spacing-vertical);
    margin-left: calc(.66*var(--global--spacing-unit));
    margin-right: calc(.66*var(--global--spacing-unit))
}

.comments-pagination .nav-links>.current,
.pagination .nav-links>.current {
    text-decoration: underline
}

.comments-pagination .nav-links>:not(.dots):not(.current):hover,
.pagination .nav-links>:not(.dots):not(.current):hover {
    text-decoration-style: dotted
}

.comments-pagination .nav-links>:first-child,
.pagination .nav-links>:first-child {
    margin-left: 0
}

.comments-pagination .nav-links>:last-child,
.pagination .nav-links>:last-child {
    margin-right: 0
}

.comments-pagination .nav-links>.next,
.pagination .nav-links>.next {
    margin-left: auto
}

.comments-pagination .nav-links>.prev,
.pagination .nav-links>.prev {
    margin-right: auto
}

@media only screen and (max-width:821px) {
    .comments-pagination .nav-links,
    .pagination .nav-links {
        display: flex;
        flex-wrap: wrap
    }
    .comments-pagination .page-numbers,
    .pagination .page-numbers {
        display: none
    }
    .comments-pagination .page-numbers.next,
    .comments-pagination .page-numbers.prev,
    .pagination .page-numbers.next,
    .pagination .page-numbers.prev {
        display: inline-block;
        flex: 0 1 auto
    }
}

@media only screen and (max-width:481px) {
    .comments-pagination .nav-short,
    .pagination .nav-short {
        display: none
    }
}

.comments-pagination {
    padding-top: calc(.66*var(--global--spacing-vertical));
    margin: calc(3*var(--global--spacing-vertical)) auto
}

@media only screen and (min-width:822px) {
    .comments-pagination {
        margin: calc(3*var(--global--spacing-vertical)) auto calc(4*var(--global--spacing-vertical))
    }
}

.comments-pagination .nav-links>* {
    font-size: var(--global--font-size-md)
}

.widget-area {
    margin-top: var(--global--spacing-vertical);
    padding-bottom: calc(var(--global--spacing-vertical)/3);
    padding-top: 0;
    font-size: var(--footer--font-size);
    font-family: var(--footer--font-family);
}

@media only screen and (min-width:652px) {
    .widget-area {
        /*display: grid;*/
        grid-template-columns: 40% 40% 20%;
        column-gap: calc(2*var(--global--spacing-horizontal))
    }
}

@media only screen and (min-width:1024px) {
    .widget-area {
        grid-template-columns: 40% 40% 20%;
    }
}

@media only screen and (max-width:481px) {
    .widget-area {
        margin-top: calc(3*var(--global--spacing-vertical));
        grid-template-columns: 100%;
    }
}

.widget-area ul {
    list-style-type: none;
    padding: 0
}

.widget-area ul li {
    line-height: var(--widget--line-height-list)
}

.widget-area ul.children,
.widget-area ul.sub-menu {
    margin-left: var(--widget--spacing-menu)
}

.widget-area a {
    text-decoration: none;
/*    text-decoration-style: solid;
    text-decoration-color: currentColor */
}

.widget-area a:link {
    color: var(--footer--color-link)
}

.widget-area a:hover {
    color: var(--footer--color-link-hover);
    text-decoration-style: dotted
}

.widget-area .wp-block-social-links.alignright {
    margin-top: var(--global--spacing-vertical);
    justify-content: flex-end
}

.widget-area .wp-block-social-links.alignleft, p+p {
    margin-top: var(--global--spacing-vertical)
}

.widget-area:after {
    content: "";
    display: table;
    clear: both
}

.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
    font-weight: var(--widget--font-weight-title);
    line-height: var(--widget--line-height-title)
}

.widget h1 {
    font-size: var(--global--font-size-md)
}

.widget h2 {
    font-size: var(--global--font-size-sm)
}

.widget h3,
.widget h4,
.widget h5,
.widget h6 {
    font-size: var(--global--font-size-xs)
}

.search-form {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: var(--responsive--aligndefault-width)
}

.search-form>label {
    width: 100%;
    margin-bottom: 0;
    font-weight: var(--form--label-weight)
}

.search-form .search-field {
    flex-grow: 1;
    max-width: inherit;
    margin-top: calc(var(--global--spacing-vertical)/3);
    margin-right: calc(.66*var(--global--spacing-horizontal))
}

.search-form .search-submit {
    margin-top: calc(var(--global--spacing-vertical)/3);
    margin-left: 10px
}

.widget_search>.search-form .search-field {
    margin-right: calc(-1*var(--button--border-width));
    -webkit-appearance: none;
    margin-bottom: calc(.5*var(--global--spacing-vertical))
}

.widget_search>.search-form .search-submit {
    margin-left: 0;
    margin-bottom: calc(.5*var(--global--spacing-vertical))
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal
}

.skip-link:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

@media (prefers-reduced-motion) {
    * {
        transition-delay: 0s !important;
        transition-duration: 0s !important
    }
}

.has-black-color[class] {
    color: var(--global--color-black)
}

.has-black-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-black, #000000);
    color: var(--local--color-primary)
}

.has-gray-color[class] {
    color: var(--global--color-gray)
}

.has-gray-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-gray, #000000);
    color: var(--local--color-primary)
}

.has-dark-gray-color[class] {
    color: var(--global--color-dark-gray)
}

.has-dark-gray-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-dark-gray, #000000);
    color: var(--local--color-primary)
}

.has-green-color[class] {
    color: var(--global--color-green)
}

.has-green-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-green, #FFFFFF);
    color: var(--local--color-primary)
}

.has-blue-color[class] {
    color: var(--global--color-blue)
}

.has-blue-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-blue, #FFFFFF);
    color: var(--local--color-primary)
}

.has-purple-color[class] {
    color: var(--global--color-purple)
}

.has-purple-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-purple, #FFFFFF);
    color: var(--local--color-primary)
}

.has-red-color[class] {
    color: var(--global--color-red)
}

.has-red-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-red, #FFFFFF);
    color: var(--local--color-primary)
}

.has-orange-color[class] {
    color: var(--global--color-orange)
}

.has-orange-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-orange, #FFFFFF);
    color: var(--local--color-primary)
}

.has-yellow-color[class] {
    color: var(--global--color-yellow)
}

.has-yellow-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-yellow, #FFFFFF);
    color: var(--local--color-primary)
}

.has-white-color[class] {
    color: var(--global--color-white)
}

.has-white-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-white, #FFFFFF);
    color: var(--local--color-primary)
}

.has-background a,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6,
.has-background p {
    color: currentColor
}

.has-black-background-color[class] {
    background-color: var(--global--color-black)
}

.has-black-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-black, #000000);
    background-color: var(--local--color-background)
}

.has-dark-gray-background-color[class] {
    background-color: var(--global--color-dark-gray)
}

.has-dark-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-dark-gray, #000000);
    background-color: var(--local--color-background)
}

.has-gray-background-color[class] {
    background-color: var(--global--color-gray)
}

.has-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-gray, #000000);
    background-color: var(--local--color-background)
}

.has-light-gray-background-color[class] {
    background-color: var(--global--color-light-gray)
}

.has-light-gray-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-light-gray, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-green-background-color[class] {
    background-color: var(--global--color-green)
}

.has-green-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-green, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-blue-background-color[class] {
    background-color: var(--global--color-blue)
}

.has-blue-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-blue, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-purple-background-color[class] {
    background-color: var(--global--color-purple)
}

.has-purple-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-purple, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-red-background-color[class] {
    background-color: var(--global--color-red)
}

.has-red-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-red, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-orange-background-color[class] {
    background-color: var(--global--color-orange)
}

.has-orange-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-orange, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-yellow-background-color[class] {
    background-color: var(--global--color-yellow)
}

.has-yellow-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-yellow, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-white-background-color[class] {
    background-color: var(--global--color-white)
}

.has-white-background-color[class]>[class*=__inner-container] {
    --local--color-background: var(--global--color-white, #FFFFFF);
    background-color: var(--local--color-background)
}

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class] {
    color: var(--global--color-white)
}

.has-background:not(.has-text-color).has-black-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-background, #FFFFFF);
    color: var(--local--color-primary, var(--global--color-primary))
}

.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-primary, #000000)
}

.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class] {
    color: var(--global--color-dark-gray)
}

.has-background:not(.has-text-color).has-blue-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-green-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class]>[class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-primary, #000000);
    color: var(--local--color-primary, var(--global--color-primary))
}

.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class]>[class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class]>[class*=__inner-container] {
    --local--color-primary: var(--global--color-background, #FFFFFF)
}

.has-purple-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow))
}

.has-yellow-to-purple-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple))
}

.has-green-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow))
}

.has-yellow-to-green-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green))
}

.has-red-to-yellow-gradient-background {
    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow))
}

.has-yellow-to-red-gradient-background {
    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red))
}

.has-purple-to-red-gradient-background {
    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red))
}

.has-red-to-purple-gradient-background {
    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple))
}

footer *,
header *,
main * {
    max-width: var(--global--spacing-measure)
}

article,
body,
div,
figure,
footer,
header,
hr,
html,
main,
nav,
section {
    max-width: none
}

.is-IE.is-dark-theme,
.is-IE.is-dark-theme *,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .site-footer>.site-info,
.is-IE.is-dark-theme .site-footer>.site-info a,
.is-IE.is-dark-theme .site-footer>.site-info a:visited,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme a {
    color: #fff
}

.is-IE.is-dark-theme .post-navigation .meta-nav path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .sub-menu-toggle svg,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus svg path,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-plus svg path {
    fill: #fff
}

.is-IE.is-dark-theme .primary-navigation>div>.menu-wrapper>li>.sub-menu li {
    background: #000
}

@media only screen and (max-width:481px) {
    .is-IE.is-dark-theme.primary-navigation-open .menu-button-container,
    .is-IE.is-dark-theme.primary-navigation-open .primary-navigation>.primary-menu-container {
        background-color: #000
    }
}

.is-IE.is-dark-theme .skip-link:focus {
    color: #21759b
}

.is-IE .navigation .nav-links {
    display: block
}

.is-IE .post-thumbnail .wp-post-image {
    min-width: auto
}

body {
    position: relative
}

#bg-image {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: .2
}

.gradient-separator,
hr.wp-block-separator,
hr.wp-block-separator.gradient-hr {
    width: 100% !important;
    height: 8px;
    padding: 0;
    margin: 0;
    background-image: linear-gradient(90deg, #009ee3 18%, #f7a600 43%, #f7a600 57%, #e5007d 83%);
    border-bottom: 0
}

.gradient-separator.large,
hr.wp-block-separator.gradient-hr.large,
hr.wp-block-separator.large {
    height: 24px
}

.gradient-separator.mt,
hr.wp-block-separator.gradient-hr.mt,
hr.wp-block-separator.mt {
    margin-top: calc(1.7*var(--global--spacing-vertical))
}

hr.wp-block-separator,
hr.wp-block-separator.gradient-hr {
    margin: var(--global--spacing-vertical)0
}

.uci-logos {
    max-width: var(--responsive--alignwide-width);
    margin: 0 auto;
    position: absolute;
    top: 4vw;
    right: 18px;
    width: auto;
}
@media only screen and (min-width:1400px) {
    .uci-logos {
        top: 50px;
    }
}

.uci-logos,
.uci-logos .uci-logo {
    display: flex;
    justify-content: center;
}

.uci-logos .uci-logo {
    flex-direction: row;
    align-items: center
}

.uci-logos .uci-logo img {
    width: 10vw;
    min-width: 60px;
    max-width: 200px;
    transition: width .15s ease-in-out;
}
@media only screen and (min-width:1024px) {
    .uci-logos .uci-logo img {
        width: 8.5vw;
    }
}
#masthead.slim .uci-logos .uci-logo img {
    max-width: 75px;
    transition: width .15s ease-in-out;
}

.tribar {
    margin: var(--global--spacing-vertical)0
}

.tribar.top {
    margin-top: 0
}

.tribar.bottom {
    margin-bottom: 0
}

.tribar.tiny {
    height: 2vw
}

.tribar.small {
    height: 7vw
}

.tribar.medium {
    height: 13vw
}

.tribar.large {
    height: 16vw
}

.tribar .bar {
    width: 6.3vw;
    margin: 0 1.6vw
}

.tribar .bar.blue {
    background-color: var(--global--color-theme-blue)
}

.tribar .bar.red {
    background-color: var(--global--color-theme-red)
}

.tribar .bar.yellow {
    background-color: var(--global--color-theme-yellow)
}

.single-post #page .contentpage article footer,
.site-branding,
body.category-programm #content .site-logo {
    display: none
}

.single-post #page .contentpage {
    position: relative;
    margin-top: -30px
}

.single-post #page .contentpage .imgheader {
    position: relative;
    height: 70vh;
    background-position: 50% 20%;
    margin-bottom: 2vh
}

/*
.single-post #page .contentpage .imgheader:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-image: linear-gradient(180deg, rgba(11, 17, 50, .06)0, rgba(11, 17, 50, .86) 87%)
}
*/

#bg-image,
.single-post #page .contentpage .imgheader img {
    height: 100%
}

#page #content .mainpage .overlay,
.single-post #page .contentpage .imgheader .overlay {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 3vw;
    color: var(--global--color-white)
}

#page #content .mainpage .overlay .claim,
.home .site-content .frontpage .overlay .claim {
    font-size: 3vw;
    font-weight: 300
}

#page #content .mainpage .overlay .claim,
.home .site-content .frontpage .overlay .claim,
.home .site-content .frontpage .overlay .date {
    flex-basis: 9vw;
    width: 45vw;
    display: flex;
    flex-direction: column;
    font-family: var(--global--font-primary);
    line-height: 1.3;
    text-transform: uppercase
}

.home .site-main .frontpage .overlay .claim {
    font-size: 3vw;
    font-weight: 300
}

.home .site-main .frontpage .overlay .claim,
.home .site-main .frontpage .overlay .date,
.single-post #page .contentpage .imgheader .overlay .claim {
    flex-basis: 9vw;
    width: 45vw;
    display: flex;
    flex-direction: column;
    font-family: var(--global--font-primary);
    line-height: 1.3;
    text-transform: uppercase
}

.single-post #page .contentpage .imgheader .overlay .claim {
    font-size: 3vw;
    font-weight: 300
}

#page #content .mainpage .overlay .claim .date,
.home .site-content .frontpage .overlay .date,
.home .site-main .frontpage .overlay .date,
.single-post #page .contentpage .imgheader .overlay .claim .date {
    font-size: 3.5vw;
    font-weight: 600;
    margin-bottom: 2vh;
    color: var(--global--color-theme-yellow)
}

h2.logo3 {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 16px;
    color: var(--global--color-violet);
    text-align: center
}

@media only screen and (min-width:592px) {
    h2.logo3 {
        font-size: 2.7rem
    }
}

@media only screen and (min-width:822px) {
    h2.logo3 {
        font-size: 3rem
    }
}

h2.logo3 .smallx {
    font-size: .75em
}

.insert-teaser {
    background-color: var(--global--color-dark-blue);
    color: var(--global--color-white)
}

.insert-teaser,
.newsletterform.business,
.newsletterform.contact {
    margin: var(--global--spacing-vertical);
    width: 100%;
    overflow: hidden;
    padding: 25px
}

@media only screen and (min-width:822px) {
    .insert-teaser,
    .newsletterform.business,
    .newsletterform.contact {
    }
}

.insert-teaser h1,
.insert-teaser h2,
.insert-teaser h3,
.insert-teaser h4,
.insert-teaser p,
.newsletterform.business h1,
.newsletterform.business h2,
.newsletterform.business h3,
.newsletterform.business h4,
.newsletterform.business p,
.newsletterform.contact h1,
.newsletterform.contact h2,
.newsletterform.contact h3,
.newsletterform.contact h4,
.newsletterform.contact p {
    color: var(--global--color-white)
}

.page-header {
    margin-bottom: 0;
    border-bottom: 0
}

.entry-content>.about-us-box {
    max-width: var(--responsive--alignwide-width) !important
}

.entry-content>.about-us-box .ub-feature:nth-child(1) {
    flex-basis: 30%
}

.site-main .mainpage {
    position: relative;
    margin-top: -30px
}

.site-main .mainpage .imageheader {
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-position: center center
}

.site-main .mainpage .imageheader:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-image: linear-gradient(155deg, rgba(19, 19, 55, .95) 3%, rgba(19, 19, 55, .2) 110%)
}

#logoslider {
    padding: 15px 0;
    /*background: url(http://3rides.de/wp-content/uploads/2024/11/gradient-narrow.png);
    background-size: cover;*/
    background: var(--bg-gradient-fallback) var(--bg-gradient-css);
}

#logoslider h2,
#logoslider h3,
#testimonials-slider h2,
#testimonials-slider h3,
#news-slider h2,
#news-slider h3 {
    text-transform: uppercase;
    color: var(--global--color-white);
    font-weight: 900;
    font-style: italic;
    padding-bottom: 20px;
}

#news-slider h2,
#news-slider h3 {
    color: var(--global--color-theme-dark-blue);
    text-align: center;
    line-height: 1.1;
}
#news-slider h2 a,
#news-slider h3 a {
    text-decoration: none;
    font-weight: 700;
    font-style: normal;
}
@media only screen and (max-width:1440px) {
  #news-slider h3, #news-slider h3 a {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width:990px) {
  #news-slider h3, #news-slider h3 a {
    font-size: 3.5vw;
  }
}

#logoslider .slick-next,
#logoslider .slick-prev,
#testimonials-slider .slick-next,
#testimonials-slider .slick-prev {
    top: 35%;
    z-index: 999;
}

#logoslider .slick-next:before,
#logoslider .slick-prev:before,
#testimonials-slider .slick-next:before,
#testimonials-slider .slick-prev:before,
#news-slider .slick-next:before,
#news-slider .slick-prev:before {
    font-size: 50px
}

#logoslider .slick-prev,
#testimonials-slider .slick-prev {
    left: 15px
}

#logoslider .slick-next,
#testimonials-slider .slick-next {
    right: 45px
}

#testimonials-slider {
    background: var(--global--color-theme-red);
    padding: 30px 0
}

#testimonials-slider .wp-block-getwid-image-box__content p {
    color: var(--global--color-white);
}

#news-slider {
    background: var(--global--color-white);
    padding: 30px 80px;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}
#news-slider .getwid-padding-right-large {
    padding: 30px;
}
#news-slider .slick-prev, #news-slider .slick-next {
    background-color: transparent;
    top: 45%;
    z-index: 999;
}
#news-slider .slick-prev {
    left: -70px;
}
#news-slider .slick-next {
    right: -40px;
}
#news-slider .wp-block-getwid-post-carousel .slick-next:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2025/02/arrow-right-purple.png);
    width: 45px;
    height: 45px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
#news-slider .wp-block-getwid-post-carousel .slick-prev:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2025/02/arrow-left-purple.png);
    width: 45px;
    height: 45px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
#news-slider .slick-slide:nth-of-type(3n+1) .wp-block-getwid-section__background {
    background-position: left top !important;
}
#news-slider .slick-slide:nth-of-type(3n+2) .wp-block-getwid-section__background {
    background-position: 30% top !important;
}
#news-slider .slick-slide:nth-of-type(3n+0) .wp-block-getwid-section__background {
    background-position: 60% top !important;
}
#news-slider .wp-block-getwid-template-post-featured-image {
    margin-bottom: 2em;
}
#news-slider .wp-block-getwid-post-carousel .wp-block-post-date {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
}
#news-slider .btnCTA {
    margin-left: auto;
    margin-right: auto;
    transform: skewX(-16deg);
    background-color: var(--global--color-white) !important;
    border: 2px solid transparent;
    transition: all .25s ease !important;
}
#news-slider .btnCTA a {
    transform: skewX(16deg);
    color: var(--global--color-theme-red) !important;
    font-weight: 500;
    transition: all .25s ease !important
}
#news-slider .btnCTA:hover {
    padding: 0 30px;
    background-color: transparent !important;
    border-color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
#news-slider .btnCTA:hover a {
    transform: none;
    color: var(--global--color-white) !important;
    transition: all .25s ease !important
}

.mainstage {
    display: flex;
    flex-basis: 100%;
    justify-content: space-around;
    align-items: center;
    max-height: 580px;
    height: 580px;
    margin-bottom: 0;
}

@media only screen and (max-width:804px) {
    .mainstage {
        max-height: 65vw;
        height: 65vw;
    }
}

.site-teaser {
    background: var(--global--color-theme-red);
    padding: 30px 80px;
    width: 30%;
    max-width: 400px;
    flex-basis: 30%;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}
.site-teaser .getwid-padding-right-large {
    padding: 30px;
}
.site-teaser .slick-prev, .site-teaser .slick-next {
    background-color: transparent;
    top: 45%;
    z-index: 999;
}
.site-teaser .slick-prev {
    left: -70px;
}
.site-teaser .slick-next {
    right: -40px;
}
.site-teaser .wp-block-getwid-post-carousel .slick-next:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2025/02/arrow-right-purple.png);
    width: 45px;
    height: 45px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.site-teaser .wp-block-getwid-post-carousel .slick-prev:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2025/02/arrow-left-purple.png);
    width: 45px;
    height: 45px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.site-teaser .slick-slide:nth-of-type(3n+1) .wp-block-getwid-section__background {
    background-position: left top !important;
}
.site-teaser .slick-slide:nth-of-type(3n+2) .wp-block-getwid-section__background {
    background-position: 30% top !important;
}
.site-teaser .slick-slide:nth-of-type(3n+0) .wp-block-getwid-section__background {
    background-position: 60% top !important;
}
.site-teaser .wp-block-getwid-template-post-featured-image {
    margin-bottom: 2em;
}
.site-teaser .wp-block-getwid-post-carousel .wp-block-post-date {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
}
.site-teaser .btnCTA {
    margin-left: auto;
    margin-right: auto;
    transform: skewX(-16deg);
    background-color: var(--global--color-white) !important;
    border: 2px solid transparent;
    transition: all .25s ease !important;
}
.site-teaser .btnCTA a {
    transform: skewX(16deg);
    color: var(--global--color-theme-red) !important;
    font-weight: 500;
    transition: all .25s ease !important
}
.site-teaser .btnCTA:hover {
    padding: 0 30px;
    background-color: transparent !important;
    border-color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
.site-teaser .btnCTA:hover a {
    transform: none;
    color: var(--global--color-white) !important;
    transition: all .25s ease !important
}



#exhibitor-teaser {
    background: var(--global--color-theme-blue);
    padding: 30px 0;
}
#exhibitor-teaser .wp-block-getwid-section__inner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#gelaende-teaser .btnCTA, #exhibitor-teaser .btnCTA {
    transform: skewX(-16deg);
    border: 3px solid transparent !important;
    transition: all .25s ease !important
}
#gelaende-teaser .btnCTA > div, #exhibitor-teaser .btnCTA > div {
    transform: skewX(16deg);
    transition: all .25s ease !important
}
#gelaende-teaser .btnCTA:hover, #exhibitor-teaser .btnCTA:hover {
    padding: 0 30px;
    transition: all .25s ease !important
}
#gelaende-teaser .btnCTA:hover > div, #exhibitor-teaser .btnCTA:hover > div {
    transform: none;
    transition: all .25s ease !important
}
#gelaende-teaser .btnCTA:hover {
    background-color: transparent !important;
    border-color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
#gelaende-teaser .btnCTA:hover a {
    color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.white {
    background-color: var(--global--color-white) !important;
    border: 2px solid var(--global--color-theme-blue) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.white:hover {
    background-color: var(--global--color-theme-blue) !important;
    border-color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.white .ub-button-content-holder {
    color: var(--global--color-theme-blue);
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.white:hover .ub-button-content-holder {
    color: var(--global--color-white) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.dark {
    background-color: var(--global--color-theme-dark-blue) !important;
    border: 2px solid var(--global--color-theme-blue) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.dark:hover {
    background-color: var(--global--color-theme-blue) !important;
    border: 2px solid var(--global--color-theme-dark-blue) !important;
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.dark .ub-button-content-holder {
    color: var(--global--color-white);
    transition: all .25s ease !important
}
#exhibitor-teaser .btnCTA.dark:hover .ub-button-content-holder {
    color: var(--global--color-theme-dark-blue) !important;
    transition: all .25s ease !important
}

.wp-block-getwid-images-slider .slick-next.slick-arrow,
.wp-block-getwid-images-slider .slick-prev.slick-arrow {
    background: 0 0 !important;
    width: 50px;
    height: 50px;
    top: calc(50% + 10px)
}

.wp-block-getwid-images-slider .slick-next.slick-arrow:before,
.wp-block-getwid-images-slider .slick-prev.slick-arrow:before {
    font-size: 3rem;
    opacity: 1
}

.wp-block-getwid-images-slider .slick-next.slick-arrow:hover:before,
.wp-block-getwid-images-slider .slick-prev.slick-arrow:hover:before {
    color: var(--global--color-theme-blue) !important
}

.fb-container .fts-jal-fb-header,
.fb-container a.fts-powered-by-text,
body.de div.en,
body.en div.de,
div.hidden {
    display: none !important
}

.fb-container {
    background: var(--global--color-white)
}

#main .az-letters-wrap,
.fb-post {
    width: 100%;
    max-width: var(--responsive--alignwide-width);
    margin: 0 auto calc(1*var(--global--spacing-vertical))
}

.az-letters>ul.az-links {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.2em
}

.az-letters>ul.az-links>li {
    list-style: none;
    width: 2.2em;
    height: 2.2em;
    box-sizing: border-box;
    margin: 0 .1em .6em;
    border: 2px solid #e5e5e5;
    background: #f5f5f5;
    color: #adadad;
    display: flex;
    align-items: center;
    justify-content: center
}

.az-letters>ul.az-links>li a {
    color: #1f7d9a;
    text-decoration: none;
    border: 0;
    box-shadow: none
}

#content #primary #main .cwp_block_slider {
    padding: 50px
}

#content #primary #main .cwp-block-slider-main .image-2 img {
    height: auto !important
}

#content #primary #main .cwp-block-next,
#content #primary #main .cwp-block-prev {
    padding: 0 10px;
    font-size: 2rem
}

#content #primary #main .cwp-block-prev .dashicons.dashicons-arrow-left-alt2:after {
    content: "◀︎";
    padding: 0 10px
}

#content #primary #main .cwp-block-next .dashicons.dashicons-arrow-right-alt2:after {
    content: "►";
    padding: 0 10px
}

#content #primary #main #testimonials-slider .cwp_block_slider {
    padding: 0 0 10px
}

.letter-separator {
    display: block;
    width: 100%;
    margin-bottom: 2em
}

.socials-uci {

}
.socials-uci .uci {
    /*position: absolute;
    top: 20px;
    right: 18px;*/
    width: 10vw;
    max-width: 16vw;
}
@media only screen and (min-width:800px) {
    .socials-uci .uci {
        top: 50px;
    }
}
.socials-uci .uci img {
    width: 100%;
}

.socialmedia {
    position: absolute;
    top: 2px;
    display: none;
    justify-content: space-between;
    margin-left: 50px;
    transition: top .15s ease-in-out;
}
.socialmedia .wpml-ls-native {
    color:  var(--global--color-white);
    margin: 0 6px;
}
.socialmedia .wpml-ls-native:hover {
    color:  var(--global--color-theme-red);
}
.socialmedia.footer {
    position: relative;
    top: 0px;
    justify-content: flex-start;
    margin-left: 0px;
}
#masthead.slim .socialmedia {
    top: 3px;
    transition: top .15s ease-in-out;
}

.socialmedia i, .socialmedia img {
    margin-left: 10px;
    font-size: 24px;
}
@media only screen and (min-width:1024px) {
    .socialmedia i, .socialmedia img {
        margin-left: 15px;
    }
}

.socialmedia img {
    max-width: 16px;
    max-height: 16px;
}
@media only screen and (min-width:1024px) {
    .socialmedia img {
        max-width: 20px;
        max-height: 20px;
    }
}

.socialmedia > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width:800px) {
    .socialmedia {
        display: flex;
        right: 20px
    }
}

@media only screen and (min-width:960px) {
    article.category-challenges .alignwide {
        max-width: 840px
    }
}

#testimonials-slider .slick-slide .wp-block-getwid-image-box__image-wrapper img {
    border-radius: 12px
}

#testimonials-slider .slick-slide .wp-block-getwid-image-box__content h3 {
    font-size: var(--heading--font-size-h4);
    font-weight: 400;
}

#programm-slider .slick-list .slick-track .slick-slide:nth-child(1) {
    order: 3
}

#programm-slider .slick-list .slick-track .slick-slide:nth-child(2) {
    order: 2
}

@media only screen and (min-width:822px) {
    article .alignwide {
        max-width: 760px
    }
    body.single .overlay .claim {
        max-width: 760px;
        margin: 0 auto
    }
    body.single .overlay .claim h1,
    body.single .overlay .claim h2,
    body.single .overlay .claim h3,
    body.single .overlay .claim h4 {
        margin-left: 0
    }
}

.ticker.above {
    margin: 82px 0 -90px 0;
}
@media only screen and (max-width:1024px) {
    .ticker.above {
       margin-top: 76px;
   }
}
@media only screen and (max-width:890px) {
    .ticker.above {
       margin-top: 46px;
   }
}
@media only screen and (max-width:490px) {
    .ticker.above {
       margin-top:-10px;
       margin-bottom:-30px;
   }
}

.ticker.below {
    margin: -90px 0 -30px 0;
}

.ticker .ditty {
    margin-top: 42px;
    background-color: var(--global--color-theme-red);
}

.ticker .ditty .ditty-item__content,
.ticker .ditty a {
    font-family: var(--global--font-primary);
    font-size: var(--heading--font-size-h3);
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none
}

@media only screen and (max-width:481px) {
    .ticker .ditty .ditty-item__content,
    .ticker .ditty a {
        font-size: 8vw !important;
    }
}

.ticker .ditty .ditty-item__content p:after {
    display: inline-block;
    content: " // ";
    /*color: #000000;*/
    width: 30px;
    height: 40px;
    margin-left: 25px;
    font-family: var(--global--font-primary);
    font-size: var(--heading--font-size-h3) !important;
    font-weight: 300
}

.ditty {
    margin-top: 30px
}

.ditty .ditty-item__content,
.ditty a {
    font-family: var(--global--font-primary);
    font-size: var(--heading--font-size-h3) !important;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.5;
    margin-top: 4px;
    color: #FFFFFF;
}

@media only screen and (max-width:481px) {
    .ditty .ditty-item__content,
    .ditty a {
        font-size: 1.5em !important;
    }
}

.ditty .ditty-item__content p:after {
    display: inline-block;
    content: " // ";
    width: 30px;
    height: 40px;
    margin-left: 25px;
    font-family: var(--global--font-primary);
    font-size: var(--heading--font-size-h3) !important;
    font-weight: 300
}
@media only screen and (max-width:481px) {
  .ditty .ditty-item__content p:after {
     font-size: 8vw !important;
  }
}  

.primary-navigation>div>.menu-wrapper>li>.sub-menu li,
.ub-block-post-grid .is-grid article {
    background-color: var(--global--color-white);
}

.primary-navigation>div>.menu-wrapper .sub-menu {
    border: 0
}

@media only screen and (max-width:481px) {
    .site-main {
        padding-top: 0
    }
}

.ub-block-post-grid .is-grid article {
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px 25px 25px 25px
}

.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-image {
    background-color: var(--global--color-dark-blue);
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    display: flex;
    width: 100%
}

.widget-area {
    display: grid;
    width: 100vw;
    color: var(--global--color-white)
}

.widget-area a,
.widget-area a:active,
.widget-area a:visited {
    color: var(--global--color-white) !important
}

.tourform {
    background-color: var(--global--color-theme-blue);
    border-radius: 25px 25px 25px 25px
}

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

.tourContent .tilesRow.onTour {
    order: -1
}

.home .site-content .frontpage article footer,
.home .site-main .frontpage article footer,
.otgs-development-site-front-end {
    display: none
}

/*.btnCTA,*/
.threeridesforms .nf-form-content input[type=button].nf-element {
    width: 100% !important
}

.btnCTA {
    width: fit-content;
    padding: 0 20px;
    transition: all .25s ease !important
}
.hover .btnCTA {
    padding: 0 30px;
    transition: all .25s ease !important
}

.btnCTA,
.newsletterform form button,
.newsletterform form input[type=button],
.threeridesforms .nf-form-content input[type=button].nf-element {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 48px !important;
    /*border-radius: 24px !important;*/
    color: var(--global--color-white) !important;
    font-family: "Rubik" !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: .9 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin-top: calc(.5*var(--global--spacing-vertical)) !important;
    cursor: pointer !important
}

@media only screen and (min-width:482px) {
    .btnCTA,
    .newsletterform form button,
    .newsletterform form input[type=button],
    .threeridesforms .nf-form-content input[type=button].nf-element {
        /*border-radius: 27px !important;*/
        font-size: 1.4rem !important
    }
}

@media only screen and (min-width:1024px) {
    .btnCTA,
    .newsletterform form button,
    .newsletterform form input[type=button],
    .threeridesforms .nf-form-content input[type=button].nf-element {
        /*border-radius: 34px !important;*/
        font-size: 1.6rem !important
    }
}

.btnCTA {
    background: var(--global--color-theme-red) !important;
}
.teaser.blue .btnCTA, .teaser.red .btnCTA {
    background: var(--global--color-white) !important;
}

.btnCTA a {
    color: var(--global--color-white);
    text-decoration: none;
}
.teaser.blue .btnCTA a {
    color: var(--global--color-theme-blue);
}
.teaser.red .btnCTA a {
    color: var(--global--color-theme-red);
}

.hover .btnCTA a {
    color: var(--global--color-theme-red) !important;
}
.teaser.blue.hover .btnCTA a, .teaser.red.hover .btnCTA a {
    color: var(--global--color-white) !important;
}
.site-main .tilesRow .teaserContainer .teaser.blue.hover .btnCTA {
    background-color: var(--global--color-theme-blue) !important;
}
.site-main .tilesRow .teaserContainer .teaser.red.hover .btnCTA {
    background-color: var(--global--color-theme-red) !important;
}

.newsletterform form button:hover,
.newsletterform form input[type=button]:hover,
.threeridesforms .nf-form-content input[type=button].nf-element:hover {
    color: var(--global--color-theme-red) !important;
    background: var(--global--color-white) !important;
    transition: all .25s ease !important
}

.btnCTA .cta-txt {
    transform: skewX(16deg);
    transition: all .25s ease !important;
}

.hover .btnCTA .cta-txt {
    transform: skewX(0deg);
    transition: all .25s ease !important;
}

.frontpage .buttonrow .text,
.frontpage .tickets .text {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

.frontpage .buttonrow a,
.frontpage .tickets a {
    text-decoration: none
}

.frontpage .tickets .newsletterform form button.ctaTickets,
.frontpage .tickets button.btnCTA.ctaTickets,
.newsletterform form .frontpage .tickets button.ctaTickets {
    height: 48px !important;
    text-decoration: none !important;
    transition: background-color .25s ease, letter-spacing .5s ease !important
}

@media only screen and (max-width:481px) {
    .frontpage .tickets .newsletterform form button.ctaTickets,
    .frontpage .tickets button.btnCTA.ctaTickets,
    .newsletterform form .frontpage .tickets button.ctaTickets {
        height: 24px !important;
        padding: 10px 15px;
        margin-top: 0
    }
}

.frontpage .tickets .newsletterform form button.ctaTickets:hover,
.frontpage .tickets button.btnCTA.ctaTickets:hover,
.newsletterform form .frontpage .tickets button.ctaTickets:hover {
    transition: background-color .25s ease, letter-spacing 1s ease !important
}

.frontpage .tickets .newsletterform form button.ctaTickets.color1,
.frontpage .tickets button.btnCTA.ctaTickets.color1,
.newsletterform form .frontpage .tickets button.ctaTickets.color1 {
    background-color: var(--global--color-theme-red) !important;
    color: var(--global--color-dark-blue) !important;
    border-color: var(--global--color-theme-red) !important
}

.frontpage .tickets .newsletterform form button.ctaTickets.color1:hover,
.frontpage .tickets button.btnCTA.ctaTickets.color1:hover,
.newsletterform form .frontpage .tickets button.ctaTickets.color1:hover {
    background-color: var(--global--color-theme-light-blue) !important;
    color: var(--global--color-theme-red) !important;
    letter-spacing: 2px
}

.frontpage .tickets .newsletterform form button.ctaTickets.color2,
.frontpage .tickets button.btnCTA.ctaTickets.color2,
.newsletterform form .frontpage .tickets button.ctaTickets.color2 {
    background-color: var(--global--color-theme-yellow) !important;
    color: var(--global--color-dark-blue) !important;
    border-color: var(--global--color-theme-yellow) !important
}

.frontpage .tickets .newsletterform form button.ctaTickets.color2:hover,
.frontpage .tickets button.btnCTA.ctaTickets.color2:hover,
.newsletterform form .frontpage .tickets button.ctaTickets.color2:hover {
    background-color: var(--global--color-dark-blue) !important;
    color: var(--global--color-theme-yellow) !important;
    letter-spacing: 2px
}

@media only screen and (max-width:481px) {
    .frontpage .buttonrow {
        margin-bottom: calc(.5*var(--global--spacing-vertical)) !important
    }
}

.frontpage .buttonrow .newsletterform form button.ctaTickets,
.frontpage .buttonrow button.btnCTA.ctaTickets,
.newsletterform form .frontpage .buttonrow button.ctaTickets {
    height: 18px !important;
    font-size: 1.3rem !important;
    text-decoration: none !important;
    transition: background-color .25s ease, letter-spacing .5s ease !important;
    background-color: var(--global--color-white) !important;
    color: var(--global--color-theme-red) !important;
    border-color: var(--global--color-white) !important
}

@media only screen and (max-width:481px) {
    .frontpage .buttonrow .newsletterform form button.ctaTickets,
    .frontpage .buttonrow button.btnCTA.ctaTickets,
    .newsletterform form .frontpage .buttonrow button.ctaTickets {
        height: 24px !important;
        padding: 10px 15px;
        font-size: 1rem !important
    }
}

.frontpage .buttonrow .newsletterform form button.ctaTickets:hover,
.frontpage .buttonrow button.btnCTA.ctaTickets:hover,
.newsletterform form .frontpage .buttonrow button.ctaTickets:hover {
    transition: color .25s ease, letter-spacing 1s ease !important;
    color: var(--global--color-theme-blue) !important
}

.frontpage .buttonrow .newsletterform form button.ctaTickets:before,
.frontpage .buttonrow button.btnCTA.ctaTickets:before,
.newsletterform form .frontpage .buttonrow button.ctaTickets:before {
    display: block;
    content: "›";
    width: 20px;
    height: 20px
}

.frontpage .buttonrow .newsletterform form button.ctaTickets:after,
.frontpage .buttonrow button.btnCTA.ctaTickets:after,
.newsletterform form .frontpage .buttonrow button.ctaTickets:after {
    display: block;
    content: "‹";
    width: 20px;
    height: 20px
}

.aniButton .ub-button-container a {
    border-radius: 0 !important;
    transform: skew(-8deg);
    transition: all .25s ease !important;
    font-weight: 600;
    font-size: 1.1em;
    border: 2px solid var(--global--color-white) !important;
}
.aniButton .ub-button-container a .ub-button-content-holder {
    transform: skew(8deg);
    transition: all .25s ease !important;
}

.aniButton .ub-button-container a:hover {
    transform: skew(-12deg);
    /*font-size: 1.2em !important;*/
    padding-left: 25px;
    padding-right: 25px;
    background-color: var(--global--color-white) !important;
    border: 2px solid var(--global--color-theme-red) !important;
    color: var(--global--color-theme-red) !important;
    box-shadow: 0 10px 15px -5px rgba(229, 0, 125, 0.5);
    transition: all .25s ease !important;
}
.aniButton .ub-button-container a:hover .ub-button-content-holder {
    transform: skew(0deg);
    transition: all .25s ease !important;
}

.site .button:not(:hover):not(:active):not(.has-background), 
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), 
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background), 
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), 
button:not(:hover):not(:active):not(.has-background), 
input[type=reset]:not(:hover):not(:active):not(.has-background), 
input[type=submit]:not(:hover):not(:active):not(.has-background) {
    /*transform: skew(-8deg);*/
    font-weight: 600;
    background-color: var(--global--color-theme-red);
    /*border: 2px solid var(--global--color-white) !important;*/
    transition: all .25s ease !important;
}
.site .button:not(:hover):not(:active):not(.has-background):hover 
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background):hover 
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background):hover 
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background):hover 
button:not(:hover):not(:active):not(.has-background):hover 
input[type=reset]:not(:hover):not(:active):not(.has-background):hover 
input[type=submit]:not(:hover):not(:active):not(.has-background):hover,
.nf-form-content button:hover, 
.nf-form-content input[type=button]:hover, 
.nf-form-content input[type=submit]:hover {
    transform: skew(-12deg);
    padding-left: 25px;
    padding-right: 25px;
    background-color: var(--global--color-white) !important;
    border: 2px solid var(--global--color-theme-red) !important;
    color: var(--global--color-theme-red) !important;
    font-weight: 500;
    box-shadow: 0 10px 15px -5px rgba(229, 0, 125, 0.5);
    transition: all .25s ease !important;
}


/* Deprecated ?? */
.btnTicket .ub-button-container {
    height: 68px;
    border-radius: 34px;
    background: var(--global--color-dark-blue);
    color: var(--global--color-white);
    font-family: "Rubik";
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: calc(.5*var(--global--spacing-vertical));
    padding: 15px 20px;
    cursor: pointer;
    white-space: nowrap
}

.btnLink .ub-button-container:nth-child(1) a:hover,
.btnTicket .ub-button-container:nth-child(1) a:hover {
    color: var(--global--color-theme-blue) !important
}

.btnTicket .ub-button-container .ub-button-medium {
    font-size: 2rem !important;
    background-color: transparent !important;
    width: auto;
    padding: 0
}

.btnLink .ub-button-container .ub-button-medium:after,
.btnTicket .ub-button-container .ub-button-medium:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "»";
    min-width: 20px;
    min-height: 20px
}

.btnLink:hover,
.btnTicket .ub-button-container:hover {
    color: var(--global--color-dark-blue) !important;
    background: var(--global--color-theme-light-blue) !important;
    transition: all .25s ease !important
}

.btnLink {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 68px;
    border-radius: 34px;
    background: var(--global--color-dark-blue);
    color: var(--global--color-white);
    font-family: "Rubik";
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: calc(.5*var(--global--spacing-vertical));
    cursor: pointer;
    margin: 0 auto
}

@media only screen and (max-width:481px) {
    .btnLink {
        width: 75%;
        margin: 1rem auto
    }
    .btnLink .ub-button-container .ub-button-medium {
        font-size: 1.7rem !important
    }
}

.btnLink .ub-button-container {
    background-color: transparent !important;
}

.btnLink .ub-button-container .ub-button-medium {
    font-size: 2rem !important;
    background-color: transparent !important;
    width: auto;
    padding: 0
}

@media only screen and (max-width:481px) {
    .btnLink .ub-button-container .ub-button-medium {
        font-size: 1.5rem !important
    }
}

/* End Deprecated ?? */

.home .site-content .frontpage,
.home .site-main .frontpage {
    position: relative;
    margin-bottom: 0
}

.home .site-content .frontpage .overlay,
.home .site-main .frontpage .overlay {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    text-align: right;
    display: flex;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 3vw;
    color: var(--global--color-white)
}

.home .site-content .frontpage .overlay .cooperation,
.home .site-main .frontpage .overlay .cooperation {
    display: none;
    width: 11vw;
    height: 8vw;
    background-image: url(assets/images/stadt-aachen-vector-logo.png);
    background-size: contain;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -5vw
}

.home .site-content .frontpage .overlay #rotateText,
.home .site-main .frontpage .overlay #rotateText {
    display: flex;
    padding-top: 10vh;
    align-items: center
}

@media only screen and (max-width:481px) {
    .home .site-content .frontpage .overlay #rotateText,
    .home .site-main .frontpage .overlay #rotateText {
        padding-top: 0
    }
}

.home .site-content .frontpage .overlay #rotateText .bigThree,
.home .site-main .frontpage .overlay #rotateText .bigThree {
    width: 8vw;
    height: 8vw;
    background-image: url(assets/images/logo/3-white-new.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.home .site-content .frontpage .overlay #rotateText .rotator,
.home .site-main .frontpage .overlay #rotateText .rotator {
    margin-left: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-family: var(--global--font-primary);
    font-weight: 700;
    font-size: 1.6vw;
    text-transform: uppercase;
    text-align: center
}

.home .site-content .frontpage .overlay #rotateText .rotator .top,
.home .site-main .frontpage .overlay #rotateText .rotator .top {
    order: 1;
    transition: all .25s ease
}

.home .site-content .frontpage .overlay #rotateText .rotator .center,
.home .site-main .frontpage .overlay #rotateText .rotator .center {
    order: 2;
    font-size: 2vw;
    transition: all .25s ease
}

.home .site-content .frontpage .overlay #rotateText .rotator .bottom,
.home .site-main .frontpage .overlay #rotateText .rotator .bottom {
    order: 3;
    transition: all .25s ease
}

.overlayNew .content .line {
    display: inline-block;
}

.site-content .frontpage .overlayNew,
.site-main .frontpage .overlayNew {
    position: absolute;
    z-index: 100;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0  ;
}

.site-content .frontpage .overlayNew .content,
.site-main .frontpage .overlayNew .content {
  /*width: 20vw;*/
  padding: 20px 0;
  margin: 20px 0;
  max-width: 100%;
  position: relative;
  color: #FFFFFF;
  margin-left: auto;
}
@media only screen and (max-width:481px) {
    .site-content .frontpage .overlayNew .content,
    .site-main .frontpage .overlayNew .content {
        padding: 10px 0;
    }
}

.site-content .frontpage .overlayNew .content.blue,
.site-main .frontpage .overlayNew .content.blue,
.site-content .frontpage .overlayNew .content.blue:before,
.site-main .frontpage .overlayNew .content.blue:before {
  background-color: #469CDD;
}

.site-content .frontpage .overlayNew .content.yellow,
.site-main .frontpage .overlayNew .content.yellow,
.site-content .frontpage .overlayNew .content.yellow:before,
.site-main .frontpage .overlayNew .content.yellow:before {
  background-color: #E3A426;
}

.site-content .frontpage .overlayNew .content.red,
.site-main .frontpage .overlayNew .content.red,
.site-content .frontpage .overlayNew .content.red:before,
.site-main .frontpage .overlayNew .content.red:before {
  background-color: #D22D7B;
}

.site-content .frontpage .overlayNew .content:before,
.site-main .frontpage .overlayNew .content:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2vw;
  display: block;
  width: 80px;
  transform: skew(-15deg);
}

.site-content .frontpage .overlayNew .content p,
.site-main .frontpage .overlayNew .content p {
  font-weight: 400;
  font-size: 2.2vw;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width:1080px) {
    .site-content .frontpage .overlayNew .content p,
    .site-main .frontpage .overlayNew .content p {
        font-size: 3vw;
    }
}

.site-content .frontpage .overlayNew .content p a,
.site-main .frontpage .overlayNew .content p a {
    text-decoration: none;
    color: var(--global--color-white);
}

.site-content .frontpage .overlayNew .content .copy,
.site-main .frontpage .overlayNew .content .copy {
  margin: 0 30px 0 10px;
}

.site-content .frontpage .overlayNew .content .skewer,
.site-main .frontpage .overlayNew .content .skewer {
  shape-outside: polygon(0 0, 50px 0, 0 200px);
  width: 100px;
  /*height: 200px;*/
  float: left;
}

@media only screen and (max-width:481px) {
    .site-content .frontpage .overlayNew .tribar,
    .site-main .frontpage .overlayNew .tribar {
        margin: 0
    }
}

.site-content .frontpage .overlayNew h1,
.site-content .frontpage .overlayNew h2,
.site-content .frontpage .overlayNew h3,
.site-main .frontpage .overlayNew h1,
.site-main .frontpage .overlayNew h2,
.site-main .frontpage .overlayNew h3 {
    color: var(--global--color-white);
    text-transform: uppercase;
    line-height: 1;
    margin: auto 0 .3em;
    font-size: 2.7vw
}

@media only screen and (max-width:481px) {
    .site-content .frontpage .overlayNew h1,
    .site-content .frontpage .overlayNew h2,
    .site-content .frontpage .overlayNew h3,
    .site-main .frontpage .overlayNew h1,
    .site-main .frontpage .overlayNew h2,
    .site-main .frontpage .overlayNew h3 {
        font-size: 4vw;
        margin: .7em 0
    }
}

.site-content .frontpage .overlayNew .uci-logo,
.site-main .frontpage .overlayNew .uci-logo {
    width: 20vw;
    max-width: 12vw
}

.site-content .frontpage .overlayNew .site-logo .custom-logo,
.site-main .frontpage .overlayNew .site-logo .custom-logo {
    width: 37vw;
    max-width: 37vw
}

@media only screen and (max-width:481px) {
    .site-content .frontpage .overlayNew .site-logo .custom-logo,
    .site-main .frontpage .overlayNew .site-logo .custom-logo {
        width: 45vw;
        max-width: 45vw;
        height: auto
    }
}

.site-content .frontpage .overlayNew .logo-claim,
.site-main .frontpage .overlayNew .logo-claim {
    font-size: 3vw;
    text-transform: uppercase
}

@media only screen and (max-width:481px) {
    .site-content .frontpage .overlayNew .logo-claim,
    .site-main .frontpage .overlayNew .logo-claim {
        font-size: 4vw
    }
}

.site-content .frontpage .overlayNew .stoerer,
.site-main .frontpage .overlayNew .stoerer {
    position: absolute;
    top: 4vw;
    right: 2vw;
    transform: rotate(12deg);
    text-transform: uppercase;
    font-size: 2vw;
    font-weight: 600;
    background-color: var(--global--color-theme-red);
    border: 4px dashed #000;
    padding: 10px 30px;
    z-index: 99
}

/*CTA STÖRER*/

.cta-stoerer {
    position: absolute;
    z-index: 100;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    top: 62vh;
}
.cta-stoerer.fix {
    position: fixed;
    top: 10vh;
}

.cta-stoerer .content {
  /*width: 20vw;*/
  padding: 20px 0;
  margin: 20px 0;
  max-width: 100%;
  position: relative;
  color: var(--global--color-white);
  margin-left: auto;
}
@media only screen and (max-width:481px) {
    .cta-stoerer .content, {
        padding: 10px 0;
    }
}

.cta-stoerer .content.blue,
.cta-stoerer .content.blue:before {
  background-color: #469CDD;
}

.cta-stoerer .content.yellow,
.cta-stoerer .content.yellow:before {
  background-color: #E3A426;
}

.cta-stoerer .content.red,
.cta-stoerer .content.red:before {
  background-color: #D22D7B;
}

.cta-stoerer .content:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2vw;
  display: block;
  width: 80px;
  transform: skew(-15deg);
}

.cta-stoerer .content p {
  font-family: var(--global--font-primary);
  font-size: 2vw;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: var(--global--color-white);
}
@media only screen and (max-width:1080px) {
    .cta-stoerer .content p {
        font-size: 3vw;
    }
}

.cta-stoerer .content .copy {
  margin: 0 30px 0 10px;
}

.cta-stoerer .content .skewer {
  shape-outside: polygon(0 0, 50px 0, 0 200px);
  width: 100px;
  /*height: 200px;*/
  float: left;
}

.cta-stoerer .content p a {
  color: var(--global--color-white);
  font-weight: 600;
  text-decoration: none;
}

/* END CTA STÖRER*/

.site-content .frontpage .story,
.site-main .frontpage .story {
    position: absolute;
    z-index: 110;
    top: 30vh;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--global--color-white)
}

.site-content .frontpage .story .text,
.site-main .frontpage .story .text {
    width: 1240px;
    padding: 2vw;
    margin: 0 5vw;
    border: 4px solid var(--global--color-theme-yellow);
    border-radius: 24px;
    background: var(--global--color-dark-blue);
    font-size: 1.4em;
    text-align: center
}

.site-content .frontpage .story .text button,
.site-content .story .text button,
.site-main .frontpage .story .text button,
.site-main .story .text button {
    width: 50% !important;
    margin: 0 auto
}

@media only screen and (min-width:482px) {
    .site-content .frontpage .story,
    .site-main .frontpage .story {
        top: 60vh
    }
}

.site-content .frontpage .tickets,
.site-main .frontpage .tickets {
    position: absolute;
    z-index: 120;
    bottom: 80px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--global--color-white)
}

.site-content .frontpage .tickets .text,
.site-main .frontpage .tickets .text {
    width: 1240px;
    margin: 0 5vw;
    font-size: 1.4em;
    text-align: center
}

.site-content .frontpage .buttonrow .text button,
.site-content .frontpage .tickets .text button,
.site-main .frontpage .buttonrow .text button,
.site-main .frontpage .tickets .text button {
    margin: 0 auto
}

@media only screen and (max-width:481px) {
    .site-content .frontpage .tickets,
    .site-main .frontpage .tickets {
        bottom: 80px
    }
}

.site-content .frontpage .buttonrow,
.site-main .frontpage .buttonrow {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--global--color-white)
}

.site-content .frontpage .buttonrow .text,
.site-main .frontpage .buttonrow .text {
    font-size: 1.4em;
    text-align: center
}

.site-content .frontpage .wp-block-video,
.site-main .frontpage .wp-block-video {
    position: relative;
    max-height: 60vh;
    height: 60vh;
    margin-bottom: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-content .frontpage .wp-block-video [poster],
.site-main .frontpage .wp-block-video [poster] {
    object-fit: cover;
    object-position: 50% 0;
    max-height: 100vw;
}

@media only screen and (max-width:804px) {
    .site-content .frontpage .wp-block-video,
    .site-main .frontpage .wp-block-video {
        max-height: 65vw;
        height: 65vw;
    }
}

.site-content .frontpage .wp-block-video:before,
.site-main .frontpage .wp-block-video:before {
    content: "";
    display: block;
    position: absolute;
    width: 110%;
    height: 110%;
    min-width: 100%;
    min-height: 100%;
    background-image: linear-gradient(180deg, rgba(11, 17, 50, .06)0, rgba(11, 17, 50, .86) 87%);
    background-image: url(http://3rides.de/wp-content/uploads/2024/11/3-rides-claim-3zeilig.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 6vw -3vw;
}

.site-content .story,
.site-main .story {
    height: auto;
    width: 100%;
    display: flex;
    margin: var(--global--spacing-vertical)0;
    justify-content: center;
    color: var(--global--color-white)
}

.site-content .story .text,
.site-main .story .text {
    width: 1240px;
    padding: 2vw;
    margin: 0 5vw;
    border: 4px solid var(--global--color-theme-yellow);
    border-radius: 24px;
    background: var(--global--color-dark-blue);
    font-size: 1.4em;
    text-align: center
}

.site-content .story .text a,
.site-main .story .text a,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text a,
.site-main .tilesRow .teasersContainer .teaser .teaser-content .teaser-text a {
    text-decoration: none
}

.site-main .tilesRow {
    width: 100%;
    overflow: hidden;
    max-width: var(--responsive--alignwide-width);
    margin: 0 auto var(--global--spacing-vertical) auto;
}
@media only screen and (max-width:482px) {
    .site-main .tilesRow {
       overflow-x: hidden;
    }
}

.site-main .tilesRow .tilesContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}

.site-main .tilesRow .tilesContainer .tile,
.site-main .tilesRow .tilesContainer .tile.two {
    flex-basis: 30%;
    width: 30%;
    max-width: 30%;
    display: flex;
    margin-bottom: var(--global--spacing-vertical)
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .tilesContainer .tile {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }
}

.site-main .tilesRow .tilesContainer .tile.two {
    flex-basis: 45%;
    width: 45%;
    max-width: 45%
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .tilesContainer .tile.two {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }
}

.newsletterform form .site-main .tilesRow .tilesContainer .tile.hover button,
.newsletterform form .site-main .tilesRow .tilesContainer .tile.hover input[type=button],
.site-main .tilesRow .tilesContainer .tile.hover .btnCTA,
.site-main .tilesRow .tilesContainer .tile.hover .btnCTA a,
.site-main .tilesRow .tilesContainer .tile.hover .newsletterform form button,
.site-main .tilesRow .tilesContainer .tile.hover .newsletterform form input[type=button],
.site-main .tilesRow .tilesContainer .tile.hover .threeridesforms .nf-form-content input[type=button].nf-element,
.threeridesforms .nf-form-content .site-main .tilesRow .tilesContainer .tile.hover input[type=button].nf-element {
    color: var(--global--color-theme-red) !important;
    background: var(--global--color-white) !important;
    transition: all .25s ease !important
}

.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-image {
    background-size: 120%auto;
    background-position: center top;
    transition: all .25s ease
}

.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-image .tourdates {
    display: flex;
    flex-direction: columns;
    justify-content: flex-end
}

.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text .excerpt p,
.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text .excerpt p a,
.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text h1,
.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text h2,
.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text h3,
.site-main .tilesRow .tilesContainer .tile.hover .tile-content .tile-text time {
    color: var(--global--color-light-blue);
    transition: color .25s ease
}

.site-main .tilesRow .tilesContainer .tile .tile-content {
    background: var(--global--color-dark-blue);
    color: var(--global--color-white);
    border-radius: 25px;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column
}

.site-main .tilesRow .tilesContainer .tile .tile-content>a {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: -20px
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-image {
    width: 100%;
    max-width: 100% !important;
    height: 16vw;
    margin-bottom: 0;
    border-radius: 25px 25px 0 0;
    background-size: 100%auto;
    background-position: center top;
    background-repeat: no-repeat;
    transition: all .1s ease
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .tilesContainer .tile .tile-content .tile-image {
        height: 40vw
    }
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text {
    flex-basis: 60%;
    margin-top: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    max-width: 100% !important
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text h1,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text h2,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text h3 {
    font-weight: light;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--global--color-white);
    text-align: center
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .excerpt {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .excerpt p,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .excerpt p a {
    text-decoration: none;
    color: var(--global--color-white)
}

.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .excerpt .more-link {
    display: none
}

.newsletterform form .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text button,
.newsletterform form .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text input[type=button],
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .btnCTA,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .newsletterform form button,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .newsletterform form input[type=button],
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .threeridesforms .nf-form-content input[type=button].nf-element,
.threeridesforms .nf-form-content .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text input[type=button].nf-element {
    margin-top: auto
}

.newsletterform form .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text button .more-link,
.newsletterform form .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text input[type=button] .more-link,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .btnCTA .more-link,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .newsletterform form button .more-link,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .newsletterform form input[type=button] .more-link,
.site-main .tilesRow .tilesContainer .tile .tile-content .tile-text .threeridesforms .nf-form-content input[type=button].nf-element .more-link,
.threeridesforms .nf-form-content .site-main .tilesRow .tilesContainer .tile .tile-content .tile-text input[type=button].nf-element .more-link {
    display: block
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller {
    background: var(--global--color-white);
    padding: 15px
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-image {
    height: 8vw;
    background-size: contain;
    background-position: center center
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text {
    flex-basis: 30%
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text .excerpt p,
.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text .excerpt p a,
.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text h1,
.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text h2,
.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text h3 {
    color: var(--global--color-black)
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text .excerpt {
    margin-top: 0;
    margin-bottom: 0
}

.site-main .tilesRow .tilesContainer .tile .tile-content.aussteller .tile-text .link {
    color: var(--global--color-blue)
}

.site-main .tilesRow .tilesContainer .tile .type-aussteller a,
.site-main .tilesRow .teaserContainer .teaser .type-aussteller a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text a:hover,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h1:hover,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h2:hover,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h3:hover,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h4:hover,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text p:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text a:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h1:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h2:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h3:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h4:hover,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text p:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text a:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h1:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h2:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h3:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h4:hover,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text p:hover {
    text-decoration: none
}

.site-main .tilesRow .tilesContainer .tile .type-aussteller a .tile-content.aussteller {
    border: 2px solid var(--global--color-theme-red)
}


.site-main .ub-post-grid-items.is-grid.columns-1,
.site-main .ub-post-grid-items.is-grid.columns-2,
.site-main .ub-post-grid-items.is-grid.columns-3 {
    justify-content: space-between
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-image,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-image,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-image {
    margin-bottom: 0
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-image img,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-image img,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-image img {
    border-radius: 25px 25px 0 0
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text {
    background: var(--global--color-dark-blue);
    border-radius: 0 0 25px 25px;
    padding: 16px;
    color: var(--global--color-white)
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text p,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text p,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text p {
    color: var(--global--color-white)
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text a a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item .ub-block-post-grid-text p a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text a a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item .ub-block-post-grid-text p a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text a a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item .ub-block-post-grid-text p a.ub-block-post-grid-more-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 68px;
    border-radius: 34px;
    background: var(--global--color-dark-blue);
    color: var(--global--color-white);
    font-family: "Rubik";
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: calc(.5*var(--global--spacing-vertical))
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text p,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text p a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text p,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text p a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h1,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h2,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h3,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h4,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text p,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text p a {
    color: var(--global--color-light-blue);
    transition: background-color .25s ease
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item.hover .ub-block-post-grid-text p a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item.hover .ub-block-post-grid-text p a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h1 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h2 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h3 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text h4 a.ub-block-post-grid-more-link,
.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item.hover .ub-block-post-grid-text p a.ub-block-post-grid-more-link {
    color: var(--global--color-dark-blue) !important;
    background: var(--global--color-theme-light-blue) !important;
    transition: all .25s ease !important
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item {
    flex-basis: 100%;
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.site-main .ub-post-grid-items.is-grid.columns-1 .ub-post-grid-item:nth-child(2n),
.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item:nth-child(2n) {
    margin-left: auto
}

.site-main .ub-post-grid-items.is-grid.columns-2 .ub-post-grid-item {
    flex-basis: 85%;
    width: 85%;
    max-width: 85%
}

.site-main .ub-post-grid-items.is-grid.columns-3 .ub-post-grid-item {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%
}

.threeridesforms .nf-form-content {
    max-width: 100%;
    padding: 20px;
    background-color: var(--global--color-theme-yellow-50);
    margin: var(--global--spacing-vertical)0
}

.threeridesforms .nf-form-content input[type=button].nf-element {
    max-width: 50%;
    margin: 0 auto
}

.newsletterform {
    
}

@media only screen and (min-width:822px) {
    .newsletterform {
    }
}

.newsletterform.business,
.newsletterform.contact {
}

.newsletterform form input[type=email],
.newsletterform form input[type=text] {
    width: 100%
}

@media only screen and (min-width:822px) {
    .newsletterform form input[type=email],
    .newsletterform form input[type=text] {
        width: 75%
    }
}

.newsletterform form button,
.newsletterform form input[type=button] {
    width: auto !important;
    margin: 0 auto;
    padding: 0 10px
}

@media only screen and (min-width:482px) {
    .newsletterform form button,
    .newsletterform form input[type=button] {
        padding: 0 20px
    }
}

@media only screen and (min-width:822px) {
    .newsletterform form button,
    .newsletterform form input[type=button] {
        padding: 0 30px
    }
}

.subscribe2Mail {
    display: none
}

.subscribe2Mail.show {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 999
}

.subscribe2Mail .curtain {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

.subscribe2Mail .subscribeContainer {
    position: fixed;
    top: 10vh;
    width: 80%
}

@media only screen and (min-width:482px) {
    .subscribe2Mail .subscribeContainer {
        width: 70%
    }
}

@media only screen and (min-width:592px) {
    .subscribe2Mail .subscribeContainer {
        width: 60%
    }
}

@media only screen and (min-width:822px) {
    .subscribe2Mail .subscribeContainer {
        width: 50%
    }
}

.subscribe2Mail .subscribeContainer .newsletterform {
    position: relative;
    font-size: .8rem
}

.subscribe2Mail .subscribeContainer .newsletterform h2 {
    font-size: 1.2rem;
    line-height: 1.2
}

@media only screen and (min-width:482px) {
    .subscribe2Mail .subscribeContainer .newsletterform h2 {
        font-size: 1.5rem
    }
}

.subscribe2Mail .subscribeContainer .newsletterform .closeX {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 1.5rem;
    cursor: pointer
}

@media only screen and (min-width:592px) {
    .subscribe2Mail .subscribeContainer .newsletterform .closeX {
        font-size: 1.7rem
    }
}

@media only screen and (min-width:822px) {
    .subscribe2Mail .subscribeContainer .newsletterform .closeX {
        font-size: 2rem
    }
}

.nf-form-cont .nf-before-form-content,
.nf-form-cont .nf-form-title {
    max-width: 1000px;
    margin: 0 auto;
    display: block
}

.nf-field-container.hidden {
    display: none !important
}




/* HOMEPAGE TEASER */

.btnCTA.hidden {
    display: none !important;
}

.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-image {
    background-size: 120%;
    background-position: 50% 50%;
    transition: all .25s ease
}
@media only screen and (max-width:640px) {
    .site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-image {
        background-size: cover;
    }
}

.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-image .tourdates {
    display: flex;
    flex-direction: columns;
    justify-content: flex-end
}

.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text .excerpt p,
.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text .excerpt p a,
.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text h1,
.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text h2,
.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text h3,
.site-main .tilesRow .teaserContainer .teaser.hover .teaser-content .teaser-text time {
    color: var(--global--color-theme-red);
    transition: color .25s ease
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content {
    background: var(--global--color-white);
    color: var(--global--color-black);
    height: 100%;
    margin: 0;
    position: relative;
    /*display: flex;
    flex-direction: row*/
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content>a {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: -20px
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-image {
    width: 60vw;
    max-width: 100% !important;
    height: 50vh !important;
    margin-bottom: 0;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all .1s ease
}
@media only screen and (max-width:640px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-image {
        background-size: cover;
    }
}
.site-main .tilesRow .teaserContainer .teaser:nth-child(odd) .teaser-content .teaser-image {
    margin-right: 0 !important;
}
.site-main .tilesRow .teaserContainer .teaser:nth-child(even) .teaser-content .teaser-image {
    margin-left: 0 !important;
}

.site-main .tilesRow .teaserContainer .teaser:nth-child(odd) .btnCTA {
    margin-left: auto;
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-image {
        width: 100vw;
        height: 60vw !important;
    }
}


@media only screen and (max-width:640px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-image {
        height: 100vw !important;
    }
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text {
    /*flex-basis: 50%;
    margin-top: auto;*/
    /*display: flex;*/
    /*height: 100%;*/
    padding: 16px 0 0;
    flex-direction: column;
    justify-content: flex-end;
    width: 60%;
    max-width: 100% !important;
    position: absolute;
    bottom: -32px;
    background-color: #fff;
    z-index: 0;
    padding: 0 16px;
    margin-bottom: 4px;
}
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text {
    background-color: var(--global--color-theme-blue);
}
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text {
    background-color: var(--global--color-theme-red);
}

.site-main .tilesRow .teaserContainer .teaser:nth-child(odd) .teaser-content .teaser-text {
    left: 0;
}
.site-main .tilesRow .teaserContainer .teaser:nth-child(even) .teaser-content .teaser-text {
    right: 0;
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text:before,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 80px;
    background-color: #fff;
    transform: skew(-15deg);
}
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text:before,
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text:after {
    background-color: var(--global--color-theme-blue);
}
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text:before,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text:after {
    background-color: var(--global--color-theme-red);
}
.site-main .tilesRow .teaserContainer .teaser:nth-child(odd) .teaser-content .teaser-text:before,
.site-main .tilesRow .teaserContainer .teaser:nth-child(even) .teaser-content .teaser-text:after {
    right: -40px;
}
.site-main .tilesRow .teaserContainer .teaser:nth-child(even) .teaser-content .teaser-text:before,
.site-main .tilesRow .teaserContainer .teaser:nth-child(odd) .teaser-content .teaser-text:after {
    left: -40px;
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text h1,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text h2,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text h3 {
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--global--color-black);
    margin: 10px 0 16px;
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text h3 {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width:481px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text h3 {
        font-size: 1.2rem;
    }
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt {
    display: flex;
    flex-direction: column;
    padding: 0 0 32px;
    /*margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical)*/
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt p,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt p a {
    text-decoration: none;
    color: var(--global--color-black);
    font-size: 1.1em;
    line-height: 1.3;
}
@media only screen and (max-width:481px) {
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt p,
    .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt p a {
        font-size: 0.8em;
    }
}

.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text .excerpt p,
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text .excerpt p a,
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text h1,
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text h2,
.site-main .tilesRow .teaserContainer .teaser.blue .teaser-content .teaser-text h3 ,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text .excerpt p,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text .excerpt p a,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text h1,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text h2,
.site-main .tilesRow .teaserContainer .teaser.red .teaser-content .teaser-text h3 {
    color: var(--global--color-white);
}
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .excerpt .more-link {
    display: none
}

.newsletterform form .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text button,
.newsletterform form .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text input[type=button],
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .btnCTA,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .newsletterform form button,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .newsletterform form input[type=button],
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .threeridesforms .nf-form-content input[type=button].nf-element,
.threeridesforms .nf-form-content .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text input[type=button].nf-element {
    margin-top: auto;
    display: block;
    transform: skewX(-16deg);
}

.newsletterform form .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text button .more-link,
.newsletterform form .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text input[type=button] .more-link,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .btnCTA .more-link,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .newsletterform form button .more-link,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .newsletterform form input[type=button] .more-link,
.site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text .threeridesforms .nf-form-content input[type=button].nf-element .more-link,
.threeridesforms .nf-form-content .site-main .tilesRow .teaserContainer .teaser .teaser-content .teaser-text input[type=button].nf-element .more-link {
    display: block
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller {
    background: var(--global--color-white);
    padding: 15px
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-image {
    height: 8vw;
    background-size: contain;
    background-position: center center
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text {
    flex-basis: 30%
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text .excerpt p,
.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text .excerpt p a,
.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text h1,
.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text h2,
.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text h3 {
    color: var(--global--color-black)
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text .excerpt {
    margin-top: 0;
    margin-bottom: 0
}

.site-main .tilesRow .teaserContainer .teaser .teaser-content.aussteller .teaser-text .link {
    color: var(--global--color-theme-red)
}

.site-main .tilesRow .teaserContainer .teaser .type-aussteller a .teaser-content.aussteller {
    border: 2px solid var(--global--color-theme-red)
}

.site-main .tilesRow .teaserContainer .teaser article[data-link*=http] {
    cursor: pointer
}



.site-main .tilesRow .teaserContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}

.site-main .tilesRow .teaserContainer .teaser {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
    margin: var(--global--spacing-vertical) 0;
}

/*@media only screen and (max-width:1024px) {
    .site-main .tilesRow .teaserContainer .teaser {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }
}*/

/*.site-main .tilesRow .teaserContainer .teaser.two {
    flex-basis: 45%;
    width: 45%;
    max-width: 45%
}

@media only screen and (max-width:1024px) {
    .site-main .tilesRow .teaserContainer .teaser.two {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }
}*/

.newsletterform form .site-main .tilesRow .teaserContainer .teaser.hover button,
.newsletterform form .site-main .tilesRow .teaserContainer .teaser.hover input[type=button],
.site-main .tilesRow .teaserContainer .teaser.hover .btnCTA,
.site-main .tilesRow .teaserContainer .teaser.hover .newsletterform form button,
.site-main .tilesRow .teaserContainer .teaser.hover .newsletterform form input[type=button],
.site-main .tilesRow .teaserContainer .teaser.hover .threeridesforms .nf-form-content input[type=button].nf-element,
.threeridesforms .nf-form-content .site-main .tilesRow .teaserContainer .teaser.hover input[type=button].nf-element {
    color: var(--global--color-theme-red) !important;
    background: var(--global--color-white) !important;
    border: 2px solid var(--global--color-theme-red) !important;
    transition: all .25s ease !important
}
.site-main .tilesRow .teaserContainer .teaser.blue.hover .btnCTA {
    border-color: var(--global--color-white) !important;
}
.site-main .tilesRow .teaserContainer .teaser.red.hover .btnCTA {
    border-color: var(--global--color-white) !important;
}

.btnCTA.cta2 {
    margin-bottom: 20px;
}

/* End New Teaser*/


#homepage-claim {
    text-wrap: balance;
}

#gelaende-teaser {
    height: 75vh;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .15s ease-in-out;
    background-image: url(https://3rides.de/wp-content/uploads/2025/02/3r_website_zutaten_2000px_breit_headermotiv.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#gelaende-teaser #bgVideo {
    position: absolute;
    transition: all .15s ease-in-out;
    left: 0;
    transition: all .15s ease-in-out;
}
@media only screen and (min-width:768px) {
    #gelaende-teaser {
        height: 50vh;
        transition: all .15s ease-in-out;
    }
    #gelaende-teaser #bgVideo {
        width: 100%;
        transition: all .15s ease-in-out;
    }
}
#gelaende-teaser .overlayNew .wp-block-getwid-section__content > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width:768px) {
    #gelaende-teaser h1, #gelaende-teaser h2, #exhibitor-teaser h1, #exhibitor-teaser h2, #homepage-claim h1, #homepage-claim h2 {
        font-size: 42px !important;
    }
}

#menu-item-15580 > a, #menu-item-15840 > a {
    font-size: 100px;
    line-height: 0.1;
    transition: all .15s ease-in-out;
}
#masthead.slim #menu-item-15580 > a, #masthead.slim #menu-item-15840 > a {
    font-size: 60px;
    line-height: 0.3;
    transition: all .15s ease-in-out;
}

.widget-area .widget-title {
    color: var(--global--color-white);
}

.widget-area ul li.wpml-ls-item {
    text-transform: uppercase;
    /*margin-top: 20px;*/
}

#homepage-claim h1 {
    /*font-size: 40px !important;*/
}
@media only screen and (max-width:1024px) {
    #homepage-claim h1 {
        /*font-size: 30px !important;*/
    }
}
@media only screen and (max-width:640px) {
    #homepage-claim h1 {
        /*font-size: 24px !important;
        line-height: 1.4 !important;*/
    }
}

.metaslider .caption-wrap {
    position: relative !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

.metaslider .flexslider .slides {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100% !important;
}

.metaslider .flexslider .slides img {
    width: 400px;
    height: 200px;
}

.metaslider.ms-theme-clarity .flexslider .slides li {
    background-color: transparent !important;
}

.wp-block-cb-carousel .slick-slide {
    padding-left: 3vw;
    padding-right: 3vw;
}
.wp-block-cb-carousel .slick-next:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2024/12/arrow-right.png);
    width: 25px; 
    height: 25px; 
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.wp-block-cb-carousel .slick-prev:before {
    content: ' ';
    display: block;
    background-image: url(https://3rides.de/wp-content/uploads/2024/12/arrow-left.png);
    width: 25px; 
    height: 25px; 
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before {
    color: #ffffff;
    font-weight: 700;
}

#primary .ub-buttons .ub-button-container a.ub-button-block-main.ub-button-block-main {
    background-color: transparent !important;
}

#primary .ub-button-medium {
    font-size: inherit !important;
}

/*# sourceMappingURL=style.css.map */