@import url('/.themes/jquery.fancybox.css');
@import url('/.themes/shop.css');
@import url('/.themes/eye-able.css');
.flexo {display: flex;}
:root, .box-body-base, .box-body {--my-main-theme: #0763AA;}

.type-contact img {border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%;}
/* Bildgröße mobil unterhalb 1014 statt 764*/

@media (max-width: 1013.98px) {
	.piece.p-xs-3 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.25 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-4 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.3333333333 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-5 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.4166666667 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-6 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.5 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-7 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.5833333333 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
    .piece.p-xs-8 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.6666666667 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-9 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.75 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-10 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.8333333333 - (var(--my-gutter-factor) * var(--my-gutter-x)) + var(--my-piece-visual-size-adjust));
    }
	.piece.p-xs-11 {
        --my-piece-visual-size: calc((var(--my-piece-width) + var(--my-gutter-x)) * 0.9166666667 - (var(--my-gutter-factor) * var(--my-gutter-x) ) + var(--my-piece-visual-size-adjust))
    }
}
.box.blue .btn {
    border: 2px solid #fff;}

html:not(.opencms-page-editor) {
    cursor: url("/.galleries/bilder/.system/noun-bike.png"), auto !important; 
}

.cookie-link {text-align: right;}
.cookie-link a {font-size: 17px;}

.box.red .pos {color: #fff !important;}

.area-foot .contactlink {margin-top:16px;}
/*#################### Form ###########################*/

.fancybox-container {z-index: 250001;}
.fancybox-stage, .fancybox-slide {z-index: 250000;}
.fancybox-is-open { pointer-events: none;}
.fancybox-slide--iframe .fancybox-content {max-width: calc(1200px - 100px);  max-height: calc(100% - 88px);}
.fancybox-slide--iframe .fancybox-content {min-width: 300px;}
	.fancybox-button--close, .fancybox-button--fullscreen, .fancybox-content {pointer-events: all !important;}
.fancybox-is-open .fancybox-bg {opacity: 0.6;}
.fancybox-iframe {border: 15px solid #eee; border-radius: 10px; }
.fancybox-slide--iframe .fancybox-content {border-radius: 10px; min-height: 80dvh;}


.jobrad .btn {    max-width: max-content;
    margin-top: 20px;}
@media (max-width: 763.98px) {
.fancybox-slide--iframe .fancybox-content {min-height: 100vh; width: 90%;}
}


@-webkit-keyframes hjk-ticker {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes hjk-ticker {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
.hjk-ticker-container{border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%;
	width: 100%;
	overflow: hidden;
	border-top: 0px solid #e6e6e6;
	border-bottom: 0px solid #e6e6e6;
}
.hjk-ticker-wrap {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	width: 100%;
	padding-left: 100%;
	padding-top: 5px; 
	padding-bottom: 5px;
	background-color: #025296;
}
.hjk-ticker-move {
	display: inline-block;
	white-space: nowrap;
	padding-right: 40%;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	-webkit-animation-name: hjk-ticker;
	        animation-name: hjk-ticker;
	-webkit-animation-duration: 10s;
	        animation-duration: 10s;
}
.hjk-ticker-move:hover{
	-webkit-animation-play-state: paused;
	        animation-play-state: paused;
}
.hjk-ticker-item{
	display: inline-block;
	padding: 1rem 0rem;
	font-weight: 500;
	color: #fff;
}
@media (min-width: 764px){
.hjk-ticker-container{ width: 100%;}
	}

.pp-banner .buttons .btn-save, .pp-banner .buttons .btn-accept {
    --my-btn-fg: #fff;
    --my-btn-bg: #3c3c3c;
    --my-btn-hover-fg: #fff;
    --my-btn-hover-bg: #70ef4a;
    color: #fff;
    border: 2px solid #fff;
}

@media (min-width: 764px){


/***** Fade In *****/
html:not(.opencms-page-editor) .f-in {
 animation: fade-in 1.5s ease 0s 1 normal forwards;
}

html:not(.opencms-page-editor) .f-in.slow {
 animation-duration:  4s;
}


@keyframes fade-in {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

html:not(.opencms-page-editor) .slide-r {
  animation: 3s ease-in-out slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -700px;
  }
  to {
    margin-left: 0%;
  }
}

.slide-r strong {
        background: url(/.galleries/bilder/.system/h1-rider.png) no-repeat 100% 40%;
        width: auto;
        height: 51px;
        z-index: 1;
        position: relative;
        padding-right: 111px;
        background-size: 100px;
    }
	}

html:not(.opencms-page-editor) .loading-overlay {position: fixed; width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 15000001;}
html:not(.opencms-page-editor) .loading-spinner {border: 4px solid #f3f3f3; border-top: 4px solid #025296; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;}
html:not(.opencms-page-editor) .loading-logo{background: url(/.galleries/bilder/.system/logo-spinner2.png) center center; width: 240px;height: 141px; margin-bottom: 20px;}

@keyframes spin {
   0% {
       transform: rotate(0deg);
      }

   100% {
       transform: rotate(360deg);
      }
}
.centa{display: flex: justify-content: center; align-items: center;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.center {padding: 30px;}
#topcontrol {display: none;}
.box.white {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); background: #fff;}
@media (min-width: 1014px) {
.full-width .container {max-width: 90%;}
.max-75 {
    max-width: 77%;
    margin: 0 auto;
  }
  .max-60 {
    max-width: 61%;
    margin: 0 auto;}

.bg-left img {display: none;}
.bg-left {background: url(/.galleries/bilder/slider/laden-bg.jpg) no-repeat 50% 50%; background-size: cover; z-index: 2;}
.element.bg-left {margin-bottom: 0; min-height: 550px;}
.center {padding: 20px 30px; justify-content: center;}
}

.ap-legaltext > .row {
    margin-right: -20px;
    margin-left: -20px;
}
.socials a {color: #444;}
.socials .ls-icon.fa-instagram {background: #555;}
.socials .ls-icon {font-size: 20px;
    color: #fff;
    background: #4D7BDA;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 50%;}

.social-icons li a {border-radius: 50%;}
/*@media (max-width: 763.98px) {
html.desktop:not(.opencms-page-editor) li.whatsapp {
    display: flex;}
}*/
.subline p:first-child {
    color: #E53526;
}


.dot {display: inline-flex; width: 100px; height: 20px; margin: 0 8px; border-radius: 10px 0;}
.dot.one { background: #0763AA; height: 20px}
.dot.two {background: #EB3439; width: 80px; height: 30px}
.dot.three {background: #FFD63F; width: 60px; height: 40px}
.dots-foot {display: flex;
    justify-content: center; padding: 60px 0 40px;}

.flex-col .box {flex-grow: 1;}
@media (max-width: 763.98px) {
.img-reverse {flex-direction: column-reverse; display: flex;}
}
.img-reverse img {margin-top: 30px;}
.row-has-background + .area-content:not(.row-has-background) {margin-top: 0;}
.check ul {list-style: none outside none; margin-left: 0; padding-left: 0; margin-bottom: 0px !important;}
.check li {overflow: visible; padding-left: 25px; position: relative; line-height: 1.5;}
.check li:before { font: normal normal normal 19px/1 FontAwesome; margin-right: 10px; left: 0; position: absolute; content: "\f046"; top: 3px;}
:root {
  --my-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --my-body-font-size: 2rem;
  --my-body-font-weight: 300;
  --my-body-line-height: 1.5;
  --my-font-weight-bold: 800;}
b, strong {font-weight: 800;}

a {color: #025296;}

h1, .h1, h2, .h2, h3, .h3 {letter-spacing: -2px;}
.red a {color: #fff;}
h1, .h1 {font-size: 4.8rem;}
h2, .h2 {font-size: 4.0rem;}
h3, .h3 {font-size: 2.8rem;}
h1, .h1, h2, .h2, h3, .h3 {font-weight: 300;}
.black h2, .red h2, .red h3 {color: #fff;}
@media (max-width: 1013.98px) {
body {font-size: 1.6rem;}
h1, .h1 {font-size: 3.2rem;}
h2, .h2 {font-size: 3.2rem;}
h3, .h3 {font-size: 2.2rem;}
}


.flexo {justify-content: center;}
#mercury-page {overflow: hidden;}
.element.type-slider {margin-bottom: 0;}
.type-contact .ico, .type-contact .fa {width: 10px;}

@media (min-width: 1014px) {
.max-90 {max-width: 90%;margin: 0 auto;}
}
/*########################## Boxen ###################################*/
.box {border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%; padding: 30px;}
.box.white {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); background: #fff;}
.box.red {background-color: #E1091A; color: #fff;}
.box.blue {background-color: #025296; color: #fff; border-left: 20px solid #FADC0A;}
.box.blue p a, .box.blue li a {color: #FADC0A; }
.box.black {background-color: #3C3C3B; color: #fff;}
.box.black h2, .box.red h2, .box.blue h2, .box.black h3, .box.red h3, .box.blue h3  {color: #fff;}

.box {background-color: #f1f1e9;}
.box.piece > .body + .link, .box.piece > .body .text + .link {
        justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end; margin-top: 15px;
}
.red .btn {border: 2px solid #fff; color: #fff; background-color: transparent;}
.btn {border: 0px solid #fff; color: #fff; background-color: #025296;
    border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {background-color: #3c3c3b; color: #fff; border: 0px solid #3c3c3b;}

.type-list-filter .filterbox .btn.li-label {background-color: #025296;}
.type-list-filter .filterbox .btn.li-label:hover {background-color: #444;}
.pagination > li.active > a {background-color: #0763AA;
    border-color: #0763AA;}
	.pagination > li > a:hover, .pagination > li.active > a:hover {background: #444;
    border-color: #444;}
/*########################## Head und Nav ###################################*/
.area-header .header-links > ul > li > a:hover {
    text-decoration: none;
    color: #0763AA;
}
    .nav-main-items > li.active > a, .nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {
        color: #025296;
    }
.nav-side li > a:not(.btn):focus, .nav-side li > a:not(.btn):hover {
    color: #025296;}	
@media (min-width: 1014px) {
    .nav-mega-menu .nav-side li > a {font-size: 19px;
        font-weight: 400;
    }
.nav-mega-menu .nav-side li > a:before {content: "\f10c"; font-family: "forkawesome"; color: #025296; margin-right: 12px; margin-left: 5px;}

}
@media (min-width: 1014px) {
.area-header .header-links > ul {font-size: 2.5rem; position: absolute; z-index:999;}
.area-header {
    margin-bottom: 4rem;
}
    .nav-main-items > li > a {text-transform: none; padding: 0 8px 8px 8px;}
    header.fh.ls-3  .h-logo {
        
        position: absolute;
        z-index: 99;
        background: #fff;
    }
	    header.fh.ls-3 .h-logo {
        flex: 0 0 200px;
        max-width: 200px;
    }

	    header.fh .notfixed .nav-main-container {
        padding-top: 50px;
        margin-bottom: -10px;}
		header.fh .isfixed .nav-main-container {padding-top: 20px;padding-bottom: 10px;
    }
	    .nav-main-items > li.expand > a::after {
        display: none;
        right: -9px;
    }

}
.h-logo {
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}

@media (min-width: 1014px) {

    header.fh.ls-3.header-isfixed. .h-logo {
        max-width: 221px;    }
	 header.fh.ls-3.header-notfixed .h-logo {top:20px;}
	     header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 240px;
        max-width: 240px;}
}


@media (min-width: 1200px) {
.nav-main-items > li > a {font-size: 19px;}
    header.fh.ls-3 .h-logo {
        max-width: 280px;
        flex: 0 0 280px;
    }
}
@media (min-width: 1400px) {
.nav-main-items > li > a {font-size: 21px;}
    header.fh.ls-3 .h-logo {
        flex: 0 0 280px;
        max-width: 280px;}
		}
@media (max-width: 1013.98px) {



.nav-main-items .nav-menu li > a{font-size: 20px; padding: 10px 0; font-weight: 400;}
.nav-main-items .nav-menu .expand.ed {margin-bottom: 0px !important;}
.nav-main-items .nav-menu .expand.ed ul{margin-top: 10px;}
.nav-main-items .nav-menu .expand .nav-menu li > a{font-size: 17px; padding: 4px 0; border-bottom: 0; text-transform: none; font-weight: 400;}
.nav-main-items .expand.ed .nav-menu{background: transparent; padding: 10px 20px; margin-bottom: 20px;}
.nav-main-items > li > a {color: #444 !important; text-transform: none; font-size: 18px; font-weight: 400; padding: 9px 0px; border-bottom: solid 1px #444; }
.nav-main-items > li > ul > li > a {color: #444 !important; text-transform: none; font-size: 25px; font-weight: 400; padding: 13px 0px;  border-bottom: solid 1px #444;}
.nav-main-items li[aria-expanded] > a[aria-controls]::after, .nav-main-container .nav-main-group {background-color: transparent;}

.nav-main-items li ul li.active > a{padding-left: 0 !Important; font-weight: 600 !Important;}
.nav-main-items li ul li > a, .nav-main-items li ul li.active.expand.ed > a, .nav-main-items li ul li.active > a {padding-left: 20px;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.expand > .nav-menu{display: none;}
.nav-main-items li.expand > a[aria-controls]::after {top: 9px; background-color:  transparent; color: #444;}
.nav-main-items li.expand.ed > .nav-menu{display: block; margin-top: -2px !important; margin-bottom: 10px;}
.nav-main-items li.expand.ed > a {background-color: transparent; border-color: transparent;}

.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-main-container{padding: 30px 27px 45px; background-color: #fff;}
}
.head, .area-header.fix-lg .sticky.csssetting > .isfixed, .area-header.fix-lg .sticky.always > .isfixed, .area-header.fix-lg .sticky.upscroll > .isfixed {
    background: transparent; box-shadow: none;
}
header.bh .header-group {
    border-bottom: 0;
}
header.bh .h-logo-row {max-width: 100%;
}
/*.start .nav-label {display: none;}*/
.nav-toggle-btn .nav-toggle {background-color: #025296; width: 60px; height: 50px;}
.nav-toggle-btn .nav-burger {top: 24px;}
header.bh #nav-toggle-label-open .nav-toggle {
    width: 60px;
    height: 50px;}

#nav-toggle-label-close {position: absolute;
    top: -25px;
    right: -15px;}


@media (min-width: 1014px) {
    .nav-menu {border-top: 0;}
.head-slider {position: relative;top: -90px; margin-bottom: -90px;}
header.bh .header-group {
    border-bottom: 0;
    /*margin-top: -20px;*/
}
header.bh .h-logo-col .h-logo {display:block;
   position: absolute;
    max-width: 280px;
    top: 0px;
    z-index: 22;
    background: rgba(255, 255, 255, 1);
    padding: 20px;
}
.head.isfixed .h-logo-col .h-logo {display: none !important;}
    header.fh .header-group {border-bottom: 0;}
	.area-header .header-group::before {display: none;}
}
html.active-nav header.bh.lp-l .nav-main-container, header.bh .nav-menu-header {background: #F1F1E9;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 260px;}
/*.nav-main-items li.expand > a.nav-label + a[aria-controls] {display: none;}*/
.head-slider .visual::after {
    content: '';
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 38px;
    background: url(/.galleries/bilder/.system/logo-back.png) no-repeat 0 0;
}
@media (max-width: 1013.98px) {
header.bh.fixtoggle #nav-toggle-label-open {right: 15px;}
#nav-toggle-label-close {top: 5px;}
}
@media (max-width: 551.98px) {
.nav-icon a{padding-left: 25px !important;}
}

/* EYE ABLE*/
.nav-icon a{font-size: 20px !important; color: #333;}
.ei-able {position: absolute; right: 80px; top: 26px; list-style: none; padding: 0 20px;}
.header-isfixed .ei-able {top: 13px;}
@media (max-width: 1013.98px) {
.ei-able {top: 48px;}
}
@media (max-width: 763.98px) {
.ei-able {top: 42px;right: 77px;}
.nav-icon a span:first-child{display: none;}
.fa-universal-access{font-size: 27px;}
}
/*########################## Normal-AC ###################################*/
.accordion .acco-header .acco-toggle {border-radius: 97% 0.5% 92% 0.5% / 2% 97% 1% 95%; padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #f5f5f5;}


.accordion .acco-header .acco-toggle:hover {
    color: #025296;
    background-color: #f5f5f5;}
	
.accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: #025296;
        background-color: #eceff3;
    border-color: var(--my-body-bg);
}


.accordion .acco-header .acco-toggle::before {
	
    font-family: ForkAwesome;
    font-weight: 300;
    line-height: .8;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    position: absolute;
    display: flex;
    justify-content: unset;
    align-items: unset;
    top: 13px;
    height: auto;
    transform: none;
    transition: transform .33s;
    right: unset;
    left: -18px;
  color: #025296;
    font-size: 4rem;
    padding: 0;
    background-color: transparent;
}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px;
    transition: transform 0.33s; color: #025296 !important;}
.faq .accordion .acco-header .acco-toggle.collapsed::before {
        content: "\f29c"; 
    width: 40px;
    display: flex;
    justify-content: center; transform: rotate(360deg);
    background: #008294;
    height: 40px;
    align-items: center;
    border-radius: 50px;
    color: #fff;
        box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);
}
.faq .accordion .acco-header .acco-toggle.collapse::before {
    
    transform: rotate(-180deg);
    transition: transform 0.33s;
}
.faq .accordion .acco-header .acco-toggle.collapsed:hover::before {color: #fff;}
.accordion .acco-header .acco-toggle:hover::before {color: var(--my-main-theme);}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {}
.accordion .acco-body {padding: 20px 30px 30px; background-color: #eceff3; border-bottom-left-radius: 10px; border-bottom-right-radius: 7px;}
.accordion {--my-at-border: 0;}


.accordion {box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px;}
@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}


@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {
    font-size: 2.7rem;}
}
/*########################## two-cols ###################################*/
@media (min-width: 1014px) {
.two-cols.piece > .body {column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 60px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-rule: 1px solid #ccc;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;}

}
/*########################## Bildkacheln ###################################*/
.bikes h2, .bikes h3, .bikes {color: #fff;}
.bikes .content-box, .tile-col .full-overlay {overflow: visible;}
.bikes .tile-col .full-overlay.boxbg-overlay .piece {position: absolute; top: -36px; background: #025296; color: #fff; left: -23px;}
.bikes .tile-col h3 {color: #fff; font-weight: 600; font-size: 2.2rem;}
.bikes img {border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%;}
/*.bikes .tile-col a {transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 750ms;}
.bikes .tile-col a:hover {filter: grayscale(100%); transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 750ms;}*/
.bikes .tile-col .full-overlay.boxbg-overlay .heading:before{content: "";
    position: absolute;
    bottom: -28px;
    left: 0.5px;
    border-bottom: 28px solid transparent;
    border-right: 13px solid #bb0716;}
.bikes .tile-col {margin-bottom: 60px;}

html.desktop .effect-rotate:hover .image-src-box > .animated {
    transform: scale(1) rotate(-4deg);
}
@media (max-width: 552px) {
.bikes .tile-col {margin: 0 15px 60px;}
}
/*########################## Mehr-AC ###################################*/
.mehr.variant-accordion {margin-top: -40px;}
.mehr .accordion .acco-header {    margin: 0 auto;}
.mehr .accordion .acco-header .acco-toggle {color: #fff; background-color: #025296; border: 0;}
.mehr .accordion .acco-header .acco-toggle {font-size: 2.2rem; padding: 8px 12px; padding-right: calc(3.5rem + var(--my-at-spacing-x));}
.mehr .accordion .acco-body {padding: 40px 0; border: 0; overflow: visible; margin-top: 30px; background: transparent;}
.mehr .accordion .acco-header .acco-toggle:hover {background-color: #3C3C3B !important;}
.mehr .accordion .acco-header .acco-toggle.collapsed::after {content: "\f206";     font-weight: 300; right: 10px;}
.mehr .accordion .acco-header .acco-toggle::after {content: "\f068";     font-weight: 300;}
.mehr .accordion .acco-header .acco-toggle.collapsed::before, .mehr .accordion .acco-header .acco-toggle::before {
   
       font-family: ForkAwesome;
    transform: rotate(360deg);
    top: 13px;
    transition: transform 0.33s;
    color: #fff !important;
    right: 10px;
    left: unset;
    font-size: 2rem;
}
}

/*########################## Map ###################################*/
/*.anfahrt {filter: grayscale(30%);}
.type-map {filter: invert(100%);}*/
.map-osm .maplibregl-popup-content {padding: 10px; /*filter: invert(100%);*/}

.type-map .map-marker .heading h3 {font-weight: 600;}
.type-map .map-marker  {font-size: 17px;}

/*########################## Bild-AC ###################################*/
.variant-tile-accordion img {border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%;}
.variant-tile-accordion .collapse-trigger .text-overlay {border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%; background-color: #025296; padding: 15px 30px;;     max-width: max-content;
    margin: 0 auto;
    margin-top: -33px;}
.variant-tile-accordion .collapse-trigger[aria-expanded="true"] .text-overlay, .variant-tile-accordion.show-button .collapse-trigger[aria-expanded="true"] .trigger-item::after {background-color: #3C3C3B;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {background: #025296; bottom: -39px;}
.variant-tile-accordion.show-button .collapse-target.show::before {height: calc(0px);}
@media (max-width: 1013.98px) {
.variant-tile-accordion .collapse-target .box.element:last-child  {margin-bottom: 30px;}
}

/*########################## Gallery ###################################*/
.type-imageseries .square-col .content {height: calc(96% - 2* var(--my-sq-margin)); width: calc(96% - 2* var(--my-sq-margin));}
.type-imageseries .image-col .content {outline: 1px solid #ccc; outline-offset: 2px; border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%;}
/*########################## Footer ###################################*/
.area-foot .subfoot {background-color: #025296;}
.area-foot .topfoot {background-color: #fff;}

.area-foot .subfoot a {color: #fff;}
@media (min-width: 1014px) {
.area-foot .subfoot ul {display: flex; justify-content: center;}
}

.type-slider .slide-wrapper .caption.bottom {border-left: 20px solid #FADC0A;
    bottom: 30px;
    max-width: 361px;
}
@media (min-width: 1014px) {

.type-slider .slide-wrapper .caption.bottom {bottom: 30px;
    max-width: 390px;}
}


.type-slider .slider-box {border-radius: 95% 2% 92% 2% / 4% 100% 3% 95%;}


.type-slider .slide-wrapper .caption {border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%; background-color: #025296b0; padding: 15px;}


.type-slider .slide-wrapper .caption .titlecaption {letter-spacing: -2px;
        margin-bottom: 15px;
        /* text-align: right; */
        font-weight: 400;}
.type-slider .slide-wrapper .caption.right {text-align: left;}
    .type-slider .slide-wrapper .caption small {font-weight: 300; line-height: 1.2;}
@media (max-width: 763.98px) {
     .type-slider .slide-wrapper .caption small {
        font-size: 1.4rem;
    }
	.type-slider .slide-wrapper .caption .titlecaption { font-size: 1.8rem;}
	.type-slider .slide-wrapper .caption.bottom {bottom: 15px;
    max-width: 236px;}
}

@media (min-width: 764px) {
    .type-slider .slide-wrapper .caption .titlecaption {
        font-size: 2.2rem; 
    }
}
@media (min-width: 1014px) {
    .type-slider .slide-wrapper .caption .titlecaption {
        font-size: 2.8rem;
    }
}

@media (max-width: 1013.98px) {
.nav-main-items .nav-menu .expand .nav-menu li > a,  .nav-main-items > li > ul > li > a {
  font-size: 17px !important;
  padding: 4px 0;
  border-bottom: 0  !important;
  text-transform: none;
  font-weight: 400;
}
.nav-main-items .nav-menu .expand.ed{
	margin-bottom: 20px;
}
  html.active-nav .area-header .header-group li.expand > a::after {
    right: 0;
  }
.nav-main-items  .expand.ed .nav-menu{
	background: #f4f4f4; padding: 10px 20px; margin-bottom: 20px;
}

.nav-main-items .nav-menu .expand.ed ul{
	margin-top: 10px;}
.nav-main-items li.expand.ed > .nav-menu {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 16px;
  }
	}


/*#################### News ###########################*/
.teaser-tile .teaser.piece img{border-radius: 20px 0;}
.intro-headline > .intro {
    font-size: 2rem;
    color: #0763AA;}
.teaser-tile .teaser.piece > .body .teaser-text {
    line-height: 1.4 !important;
    
}
.teaser-tile  .btn {color: #fff; background: #0763AA !important; border: 0 !important;     font-size: 1.6rem;}
.teaser-tile .piece > .body + .link, .teaser-tile .piece > .body .text + .link {text-align: center;
    display: block;
   
    z-index: 6;
    width: 85%;
    margin: 0 auto;
	  margin-top: 30px;}

.teaser-tile .piece > .body + .link a.btn, .teaser-tile .piece > .body .text + .link a.btn {
width: 85%;
       padding: 10px;
   
    font-weight: 400;

}

.teaser-tile .piece > .body + .link a.btn:before, .teaser-tile .piece > .body .text + .link a.btn:before {display: none;
font-family: 'fontawesome';
    content: "\f004";
    margin-right: 7px;
    top: 2px;
    position: relative;
	}
.teaser-tile .teaser.piece {
  margin-bottom: 40px;}

.teaser-tile .teaser.piece > .body .headline, .teaser-elaborate .headline {font-weight: 400;letter-spacing: -1px;}
.teaser-tile .teaser.piece > .body .teaser-text { line-height: 1.6;font-size: 16px;}
.teaser-text-tile .visual {margin-bottom: 0;}

.teaser-tile .teaser.piece > .body  {
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    margin-top: -38px;
	margin-bottom: 2px;
    z-index: 3;
    max-width: 85%;
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3)
}

.intro-headline > .intro {font-size: 17px;
    color: #555;
    letter-spacing: -1px;
    max-width: max-content;
    padding: 0;
    margin-bottom: 7px;
    font-weight: 500;}
	
	
	.intro-headline > .intro:before {font-family: 'fontawesome';
    content: "\f206";
    margin-right: 6px;
    top: 0;
    position: relative;}

.detail-page.type-article .sub-header, .detail-page.type-event .sub-header {display: none;}

.detail-page.type-article .intro-headline > .intro, .detail-page.type-event .intro-headline > .intro {font-size: 40%;  padding: 4px 13px; font-weight: 400; }

.detail-page.type-event .detail-visual .visual-info .info {display: inline-block; font-size: 20px;}
.detail-page .detail-visual .visual-info .info::before {width: auto; padding-right: 4px;}

@media (max-width: 763.98px) {
.zitat  .caption.bottom {display: none;}
.type-slider.hero-slider .slide-wrapper .copyright {
    right: -43px;}
}
.styled-form {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); border: 0; border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%;}
.styled-form footer {border-top: 0;}
.area-foot .topfoot {--my-body-bg: transparent;}

@media (min-width: 764px) {
.topfoot .styled-form fieldset section:nth-of-type(-n+4) {width: 47%; float: left; margin-right: 3%; }
    .type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn {
        width: auto;
        min-width: 130px;
    }
    .list-entry .teaser {
        box-shadow: none;
    }
	    .teaser .intro-headline {
        font-size: 2.2rem;
    }



.list-pagination .btn-append {
    padding: 0.6rem 1.2rem;
    display: block;
    width: auto;
    margin: 0 auto;
}

.area-wide.area-full-row .piece.full.teaser .image-src-box img, .teaser-tile .teaser.piece img, .teaser-tile .teaser.piece > .body {
    border-radius: 95% 2% 92% 2% / 2% 100% 3% 95%;}