/*
Theme Name: Bikepark
Theme URI: https://www.folgt.de/
Author: FURCHT & TADEL
Author URI: https://www.furchtundtadel.de/
Description: Theme für den Bikepark
Version: 1.0
*/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.bikepark-winterberg.de/wp-content/themes/bikepark/fonts/roboto-v20-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

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

/* Styles */
html, body {height:100%;width:100%;}
body {font-family:'Roboto', sans-serif;color:#252525;font-size:16px;line-height:1.5em;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;overflow-x:hidden;}
body.overflow {overflow-x:none;position:fixed;}

h1, h2, h3, h4, h5, h6 {line-height:1em;font-weight:900;text-transform:uppercase;display:block;}
a {color:#e3051e;}
a:hover {color:#e3051e;}
a, a:hover, a:focus {text-decoration:none;text-decoration-skip:ink;}
strong {font-weight:900;}
p {margin-bottom:20px;}
img {max-width:100%;}
input {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.container.expanded {width:1600px;max-width:95%;}
.container {max-width:95%;}
.slick-prev:before, .slick-next:before {font-family:'bikepark';color:#000;}
.slick-prev:before {content:'\e900';}
.slick-next:before {content:'\e902';}
.slick-prev {left:-35px;}
.text ul li { margin-left:15px; }

@media screen and (max-width:1200px) {
	.container {max-width:95%;width:95%;}
}

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


/* Navigation */
nav {
  background-color: #fff;
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 30%;
  width: 100%;
  padding: 70px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
}

@media screen and (max-width:991px) {
	nav {max-width:60%;}
}

@media screen and (max-width:768px) {
	nav {max-width:90%;}
}
nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
nav.show ul li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
nav.show ul li:nth-child(1) {
  transition-delay: 0.15s;
}
nav.show ul li:nth-child(2) {
  transition-delay: 0.3s;
}
nav.show ul li:nth-child(3) {
  transition-delay: 0.45s;
}
nav.show ul li:nth-child(4) {
  transition-delay: 0.6s;
}
nav.show ul li:nth-child(5) {
  transition-delay: 0.75s;
}
nav.show ul li:nth-child(6) {
  transition-delay: 0.9s;
}
nav.show ul li:nth-child(7) {
  transition-delay: 1.05s;
}
nav.show ul li:nth-child(8) {
  transition-delay: 1.2s;
}
nav.show ul li:nth-child(9) {
  transition-delay: 1.35s;
}
nav.show .about, nav.show .social, nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}
@media (max-width:998px) {
	nav {padding: 40px;}
}

@media (max-width: 667px) {
  nav {
    padding: 40px 40px 50px 40px;
  }
}
nav ul {
  list-style-type: none;
}
nav ul.menu { padding-bottom:50px; }
nav ul li {
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul li:last-of-type {
  margin-bottom: 0px;
}
nav ul li a {
  color: #07232f;
  text-decoration: none;
  font-size: 1.3rem;
  display: block;
  padding: 6px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight:900;
  text-transform:uppercase;
}
nav ul li a:first-of-type {margin-bottom:10px;}
nav ul li ul li {margin-bottom:10px;}
nav ul li ul li a { 
	font-size:1.2rem;
	padding:4px 0 4px 20px;
	font-weight:300;
	text-transform:none;
}
nav ul li a span {
  color: #e3051e;
}
nav ul li a:hover {
  color: #e3051e;
}
nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav ul.sub li {
  margin-bottom: 10px;
}
nav ul.sub li:last-of-type {
  margin-bottom: 0px;
}
nav ul.sub li a {
  color: #07232f;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.sub li a:hover {
  color: #b7ac7f;
}

.navoverlay {
  position: fixed;
  cursor:pointer;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
}
.navoverlay.show {
  opacity: 0.8;
  z-index:98;
  visibility: visible;
}

.socialmediamobile { padding-bottom:50px;display:none; }
.socialmediamobile a { float:left;margin-right:20px; }

@media screen and (max-width:768px) {
	.socialmediamobile { display:block; }
	nav ul.menu { padding-bottom:20px; }
}

/* Suche */
.searchcontainer {display:none;text-align:center;position:fixed;top:0px;right:0px;bottom:0px;left:0px;padding:50px;z-index:20;background:rgba(0,0,0,0.8);}
.searchcontainer.show {display:block;}
.searchcontainer .closesearch { position:absolute;font-size:30px;right:30px;top:30px;color:#e3051e;cursor:pointer;}
.searchcontainer .heading {text-transform:uppercase;color:#e3051e;margin-bottom:20px;font-weight:900;display:block;}
.searchcontainer input {border:0;background:#fff;padding:8px 10px;max-width:500px;width:80%;}

.searchresultpage { margin:20px 0; }
.searchresultpage h1 { font-size:2em;font-weight:300; }
.searchresultpage h1 span { font-weight:900; }
.searchresultpage ul { list-style-type:none;margin-bottom:20px; }
.searchresultpage ul li {background:url('images/list-point-grey.png') 0px 17px no-repeat;background-size:4px 4px;border-bottom:1px solid rgba(1,34,67,0.3);padding:8px 0px 8px 18px;}


/* Topbar */
.topbar {height:110px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;z-index:2;}
.topbar .logo {float:left;border:10px solid transparent;border-color:#fff;border-image:url('images/border-white.png') 30 round;display:inline-block;margin-top:-3px;}
.topbar .logo a {display:block;background:#fff;padding:10px 20px;}
.topbar .logo a img {width:250px;}
.topbar .logo a:hover img {opacity:0.8;}
.topbar .navigation {margin-top:35px;float:right;}
.topbar .navigation .button {margin-right:30px;}
.topbar .navigation .icon {position:relative;top:5px;font-size:24px;margin-left:10px;}
.topbar .navigation .menu {color:#fff;margin-left:20px;text-transform:uppercase;}
.topbar .navigation .menu i {color:#e3051e;margin-left:5px;font-size:30px;position:relative;top:7px;}

@media screen and (max-width:768px) {
	.topbar .logo a {padding:5px 10px;}
	.topbar .logo a img {width:170px;}
	.topbar .navigation {margin-top:18px;}
}

@media screen and (max-width:460px) {
	.topbar .navigation {margin-top:11px;}
	.topbar .logo a {padding:2px 6px;}
	.topbar .logo a img {width:130px;}
}

/* Topbar Scrolled */
.topbar_scrolled {width:100%;position:fixed;top:-150px;left:0;z-index:10;transition:all 0.5s ease 0s;border-bottom:5px solid transparent;border-color:#fff;border-image:url('images/border-white.png') 30 round;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.topbar_scrolled.open {top:-2px;}
.topbar_scrolled .inner {background:#fff;}
.topbar_scrolled .inner .logo {float:left;margin-top:2px;}
.topbar_scrolled .inner .logo a {display:block;background:#fff;padding:10px 0px 5px;}
.topbar_scrolled .inner .logo a img {width:200px;}
.topbar_scrolled .inner .logo a:hover img {opacity:0.8;}
.topbar_scrolled .navigation {margin-top:15px;float:right;}
.topbar_scrolled .navigation .button {margin-right:30px;}
.topbar_scrolled .navigation .icon {position:relative;top:7px;font-size:24px;margin-left:10px;}
.topbar_scrolled .navigation .menu {position:relative;top:3px;color:#252525;margin-left:20px;text-transform:uppercase;}
.topbar_scrolled .navigation .menu i {color:#e3051e;margin-left:5px;font-size:30px;position:relative;top:7px;}

@media screen and (max-width:768px) {
	.topbar_scrolled .inner .logo {margin-top:8px;}
	.topbar_scrolled .inner .logo a img {width:170px;}
}

@media screen and (max-width:460px) {
	.topbar_scrolled .navigation {margin-top:10px;}
	.topbar_scrolled .inner .logo a img {width:130px;}
}


header {position:relative;width:100%;height:80vh;}
header > .headerslider {background:-moz-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);background:linear-gradient(135deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );}
header .headerslider {width:100%;height:80vh;}
header .headerslider .headerslidercontainer {width:100%;height:80vh;position:relative;}
header .headerslider .headerslidercontainer .backgroundimage {position:absolute !important;top:0px !important;right:0px !important;bottom:0px !important;left:0px !important;object-fit:cover !important;}
header .content {display:table;position:absolute;top:0;left:0;height:100%;width:100%;}
header .content .inner {position:relative;z-index:4;display:table-cell;vertical-align:middle;position:relative;top:-30px;}
header .content .inner.white {color:#fff;}
header .content .inner.dark {color:#252525;}
header .content .inner .controls {margin-bottom:35px;font-size:18px;font-weight:700;}
header .content .inner .controls span {margin-left:5px;}
header .content .inner .controls a i {position:relative;top:5px;margin-right:5px;opacity:0.7;font-size:24px;}
header .content .inner .controls a i:hover {opacity:1;}
header .content .inner.white .controls a i {color:#fff;}
header .content .inner span.subtitle {font-size:24px;color:#e3051e;text-transform:uppercase;font-weight:900;display:block;line-height:1em;}
header .content .inner span.title {font-size:52px;text-transform:uppercase;font-weight:900;display:block;line-height:1em;margin-bottom:35px;}
header .content .inner span.description {font-size:18px;line-height:1.6em;display:block;margin-bottom:35px;}
header .bottom {position:absolute;bottom:0;left:0;z-index:3;background:url('images/edge-slider-bottom-white.png') repeat-x center bottom;background-size:contain;width:100%;height:170px;}

@media screen and (max-width:767px) {
	header {height:85vh;}
	header .headerslider {height:85vh;}
	header .headerslider .headerslidercontainer {height:85vh;}
	header .bottom { height:30px; } 
	header .content .inner span.subtitle {font-size:20px;}
	header .content .inner span.title {font-size:36px;}
}

header.kopfbild {position:relative;width:100%;height:40vh;background:url('images/musterbild.jpg') no-repeat center center;background-size:cover;}
header.kopfbild .bottom {position:absolute;bottom:0;left:0;background:url('images/edge-slider-bottom-white.png') repeat-x center bottom;background-size:contain;width:100%;height:130px;} 

/* Breadcrumb */
.ftbreadcrumb {font-size:14px;}


/* Modul Headlines */
.headlines {}
.headlines h1 {font-size:60px;}
.headlines h2 {font-size:52px;}
.headlines h3 {font-size:24px;}
.headlines h4 {font-size:20px;}
.headlines h5 {font-size:18px;}
.headlines .subheadline {font-size:24px;}
.headlines .subheadline_small {font-size:20px;}

@media screen and (max-width:767px) {
	.headlines h1 {font-size:36px;}
	.headlines h2 {font-size:30px;}
	.headlines h3 {font-size:24px;}
	.headlines h4 {font-size:20px;}
	.headlines h5 {font-size:18px;}
	.headlines .subheadline {font-size:20px;}
}

/* Modul Text */
.text p {font-size:18px;line-height:1.6em;}
.text .small p {font-size:14px;}
.text .col {column-count:2;column-gap:3%;}
.text .white {color:#fff;}
.text .white a {text-decoration:underline;}

@media screen and (max-width:768px) {
	.text .col {column-count:1;}
}

/* Modul Teaser */
.teaser {display:block;color:#252525;}
.teaser .image {position:relative;/*z-index:-1;mask-size:cover;-webkit-mask-size:cover;-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;*/margin-bottom:-10px;}
.teaser .content {border:10px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;}
.teaser .content .inner {background:#efefef;padding:20px 25px 0;}
.teaser .content .inner h3 {font-size:24px;margin-bottom:10px;}
.teaser .content .inner p {margin-bottom:0;color:#252525;}
.teaser span.button {position:relative;top:25px;}
.teaser:hover .content .inner h3 {color:#e3051e;}
.teaser:hover span.button {border-image:url('images/border-red.png') 30 round;}
.teaser:hover span.button .button_inner {background:#e3051e;}
.teaser.white .content {border:10px solid transparent;border-color:#fff;border-image:url('images/border-white.png') 30 round;}
.teaser.white .content .inner {background:#fff;}

@media screen and (max-width:998px) {
	.teaser, .teaser.white {margin-bottom:40px;}
	.teaser .content .inner, .teaser.white.content .inner {padding:20px 15px 0;}
}

/* Modul Teaser Fullwidth */
.teaser_fullwidth {position:relative;width:100%;-webkit-mask-image:url('images/image-mask_small.svg');mask-image:url('images/image-mask_small.svg');-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover;}
.teaser_fullwidth .image {width:50%;height:105%;background-size:cover;background-position:center center;position:absolute;top:0px;bottom:0px;}
.teaser_fullwidth .image img {display:none;}
.teaser_fullwidth .image.left {float:left;left:0px;}
.teaser_fullwidth .image.right {float:right;right:0px;}
.teaser_fullwidth .textbox {width:50%;padding:80px 80px 90px;display:block;max-width:800px;text-align:left;}
.teaser_fullwidth .textbox h3 {font-size:2em;margin-bottom:5px;}
.teaser_fullwidth .textbox p {margin-top:20px;}
.teaser_fullwidth .textbox.left {float:right;margin-right:50%;padding-left:0px;}
.teaser_fullwidth .textbox.right {float:left;margin-left:50%;padding-right:0px;}
.teaser_fullwidth.bg_grey {background:#efefef;}
.teaser_fullwidth.bg_white {background:#fff;}
.teaser_fullwidth.bg_darkgrey {background:#252525;}
.teaser_fullwidth.bg_red {background:#e3051e;}
.teaser_fullwidth.bg_darkgrey .textbox, .teaser_fullwidth.bg_red .textbox {color:#fff;}
.teaser_fullwidth:nth-of-type(2) {top:-20px;}

@media screen and (max-width:1440px) {
	.teaser_fullwidth .textbox.left {padding:80px 50px;}
	.teaser_fullwidth .textbox.right {padding:80px 50px;}
}

@media screen and (max-width:767px) {
	.teaser_fullwidth {-webkit-mask-image:none;mask-image:none;}
	.teaser_fullwidth .image {position:static;width:100%;background:none !important;margin-bottom:50px;}
	.teaser_fullwidth .image.right {margin-bottom:-5px;}
	.teaser_fullwidth .image img {display:block;position:relative;top:-10px;mask-size:102%;-webkit-mask-size:102%;-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:103%;}
	.teaser_fullwidth .image.right img {top:0;}
	.teaser_fullwidth .textbox {width:100%;max-width:100%;margin:0px;}
	.teaser_fullwidth .textbox p {margin:0px;padding:0px;text-align:left;}
	.teaser_fullwidth .textbox.left {float:none;padding:80px 30px;margin:0px;text-align:left;}
	.teaser_fullwidth .textbox.right {float:none;padding:80px 30px;margin:0px;text-align:left;}
}

/* Modul Kontaktblock */
.contactblock {display:block;border:10px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;margin-bottom:20px;}
.contactblock .inner {background:#efefef;color:#252525;padding:8px 14px 6px;}
.contactblock .inner i {font-size:30px;color:#e3051e;margin-right:10px;}
.contactblock .inner span {display:inline-block;position:relative;top:-6px;}
.contactblock:hover .inner {color:#e3051e;}

/* Modul Logoblock */
.logoblock {display:block;border:10px solid #fff;border-image:url('images/border-white.png') 30 round;}
.logoblock .inner {background:#fff;padding:20px 30px 15px;}
.logoblock:hover .inner img {opacity:0.7;}
.logoblock.grey {border:10px solid #efefef;border-image:url('images/border-grey.png') 30 round;}
.logoblock.grey .inner {background:#efefef;}
.logoblock.darkgrey {border:10px solid #252525;border-image:url('images/border-darkgrey.png') 30 round;}
.logoblock.darkgrey .inner {background:#252525;}
.logoblock.red {border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.logoblock.red .inner {background:#e3051e;}

@media screen and (max-width:767px) {
	.logoblock {margin-bottom:20px;}
}

/* Modul Iconkachel */
.iconkachel {display:block;text-align:center;}
.iconkachel i {font-size:100px;display:block;}
.iconkachel span {color:#252525;font-weight:900;text-transform:uppercase;display:block;}
.iconkachel.white, .iconkachel.white span {color:#fff;}
.iconkachel:hover span {color:#e3051e;}
.iconkachel.white:hover {opacity:0.8;}
.iconkachel.white:hover span {color:#fff;}

@media screen and (max-width:767px) {
	.iconkachel {margin-bottom:20px;}
}

/* Modul Infoblock */
.infoblock {color:#252525;display:block;border:10px solid #fff;border-image:url('images/border-white.png') 30 round;}
.infoblock .inner {padding:25px 30px;text-align:center;background:#fff;}
.infoblock .title {display:block;margin-bottom:5px;font-weight:900;text-transform:uppercase;}
.infoblock .description {display:block;}
.infoblock:hover .description {color:#252525;}
.infoblock.grey {border:10px solid #efefef;border-image:url('images/border-grey.png') 30 round;}
.infoblock.grey .inner {background:#efefef;}
.infoblock.grey .title {color:#e3051e;}
.infoblock.darkgrey {color:#fff;border:10px solid #252525;border-image:url('images/border-darkgrey.png') 30 round;}
.infoblock.darkgrey .inner {background:#252525;}
.infoblock.darkgrey:hover .title {color:#e3051e;}
.infoblock.darkgrey:hover .description {color:#fff;}
.infoblock.red {color:#fff;border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.infoblock.red .inner {background:#e3051e;}
.infoblock.red:hover { border:10px solid #252525;border-image:url('images/border-darkgrey.png') 30 round; }
.infoblock.red:hover .inner {background:#252525;}
.infoblock.red:hover .title {color:#e3051e;}
.infoblock.red:hover .description {color:#fff;}

@media screen and (max-width:767px) {
	.infoblock {margin-bottom:20px;}
}

/* Modul News */
.news_highlight {position:relative;display:block;width:46%;margin-right:4%;float:left;}
.news_highlight .image {width:100%;height:auto;position:relative;background:url('images/musterbild.jpg') no-repeat center center;background-size:cover;-webkit-mask-image:url('images/image-mask-square.svg');mask-image:url('images/image-mask-square.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;}
.news_highlight .image .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.15) 100%);background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.15) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#26000000',GradientType=1 );}
.news_highlight .image:before {content: "";display:block;padding-top:100%;}
.news_highlight .image .button {position:absolute;left:50px;top:50px;z-index:2;}
.news_highlight .content {position:absolute;width:100%;bottom:-15px;padding:0 50px;}
.news_highlight .content .date {color:#e3051e;font-weight:900;text-transform:uppercase;font-size:18px;margin-bottom:5px;display:block;}
.news_highlight .content .title {line-height:1em;color:#fff;font-weight:900;text-transform:uppercase;font-size:32px;display:block;margin-bottom:20px;}
.news_highlight .content p {margin-bottom:30px;color:#fff;}
.news_highlight:hover .content .title {color:#e3051e;}
.lastnews {float:right;width:50%;margin-top:55px;}
.lastnews .news_single {display:block;width:95%;}
.lastnews .news_single:last-of-type {margin-right:0;}
.lastnews .news_single .image {position:relative;z-index:-1;background:url('images/musterbild.jpg') no-repeat center center;background-size:cover;mask-size:cover;-webkit-mask-size:cover;-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;margin-bottom:-20px;}
.lastnews .news_single .image:before {content: "";display:block;padding-top:67%;}
.lastnews .news_single .image .button {position:absolute;left:30px;top:30px;z-index:2;}
.lastnews .news_single .content {border:10px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;}
.lastnews .news_single .content .inner {background:#efefef;padding:20px 25px 0;}
.lastnews .news_single .content .inner .date {color:#252525;font-weight:900;text-transform:uppercase;font-size:15px;display:block;}
.lastnews .news_single .content .inner .title {font-weight:900;text-transform:uppercase;font-size:20px;display:block;margin-bottom:5px;}
.lastnews .news_single .content .inner p {margin-bottom:0;color:#252525;}
.lastnews .news_single span.button {position:relative;top:25px;z-index:2;}
.lastnews .news_single:hover .content .inner .date {color:#e3051e;}

@media screen and (max-width:998px) {
	.news_highlight {width:100%;float:none;margin-bottom:30px;}
	.news_highlight .image {mask-size:100% 95%;}
	.news_highlight .image .button {top:45px;left:30px;}
	.news_highlight .content {bottom:0px;padding:20px 30px 0;}
	.lastnews {float:none;width:100%;}
	.lastnews .news_single {float:none;width:100%;margin-bottom:50px;}
	.lastnews .news_single .content .inner p {display:none;}
}
@media screen and (max-width:768px) {
	.news_highlight .content p {display:none;}
}

/* Modul Newsübersicht */
.newsoverviewbox {float:left;width:50%;margin-bottom:30px;min-height:565px;}
.newsoverviewbox:nth-child(even) {padding-left:15px;}
.newsoverviewbox:nth-child(odd) {padding-right:15px;}

@media screen and (max-width:998px) {
	.newsoverviewbox { float:none;width:100%;min-height:auto; }
	.newsoverviewbox:nth-child(even) {padding-left:0px;}
	.newsoverviewbox:nth-child(odd) {padding-right:0px;}
}

/* Modul Streckeninfos */
.streckeninfos {display:block;border:5px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;margin-bottom:30px;}
.streckeninfos.withopacity {opacity:0.5;}
.streckeninfos .inner {width:100%;background:#efefef;color:#252525;padding:20px 25px;min-height:100px;}
.streckeninfos .inner .circle {float:left;width:50px;text-align:center;line-height:40px;font-weight:900;float:left;border-radius:40px;width:40px;height:40px;background:black;color:#fff;margin-right:10px;}
.streckeninfos .inner .name {width:calc(100% - 120px);float:left;}
.streckeninfos .inner .name .subtitle {color:#e3051e;font-weight:900;text-transform:uppercase;display:block;line-height:1.1em;} 
.streckeninfos .inner .name .title {color:#252525;font-weight:900;font-size:20px;text-transform:uppercase;display:block;line-height:1em;}
.streckeninfos .inner .status {float:right;width:70px;}
.streckeninfos .inner .status i {position:relative;top:7px;color:#ffb400;font-size:22px;}
.streckeninfos .inner .status img {float:right;margin-left:0px;max-width:40px;}
.streckeninfos:hover .inner .name .title {color:#e3051e;}
.legende {line-height:28px;float:left;display:block;margin-right:20px;}
.legende .icon {max-width:30px;margin-right:10px;float:left;}
.legende .icon i {font-size:24px;position:relative;top:3px;}
.legende .circle {text-align:center;width:30px;height:30px;border-radius:30px;margin-right:5px;background:#000;color:#fff;font-weight:900;display:inline-block;}
.legende .info {display:inline-block;}
.legende.white .circle {border:1px solid #fff;}

.streckeninfos:hover { border-color:#e1e1e1;border-image:url('images/border-grey2.png') 30 round; }
.streckeninfos:hover .inner {background:#e1e1e1;}

@media screen and (max-width:768px) {
	.streckeninfos .inner {padding:15px;}
	.legende {width:100%;float:none;margin-bottom:0px;} 
}

/* Modul Streckeninfos Erweitert */
.streckeninfos_erweitert {display:block;border:5px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;margin-bottom:50px;}
.streckeninfos_erweitert .inner {width:100%;background:#efefef;color:#252525;padding:20px 25px 0;min-height:320px;}
.streckeninfos_erweitert .inner .circle {float:left;width:50px;text-align:center;line-height:40px;font-weight:900;float:left;border-radius:40px;width:40px;height:40px;background:black;color:#fff;margin-right:10px;}
.streckeninfos_erweitert .inner .name {width:calc(100% - 120px);float:left;}
.streckeninfos_erweitert .inner .name .subtitle {color:#e3051e;font-weight:900;text-transform:uppercase;display:block;line-height:1.1em;}
.streckeninfos_erweitert .inner .name .title {color:#252525;font-weight:900;font-size:20px;text-transform:uppercase;display:block;line-height:1em;}
.streckeninfos_erweitert .inner .status {float:right;width:70px;}
.streckeninfos_erweitert .inner .status i {position:relative;top:7px;color:#ffb400;font-size:22px;}
.streckeninfos_erweitert .inner .status img {float:right;margin-left:0px;max-width:40px;}
.streckeninfos_erweitert .inner .infos {list-style-type:none;margin-top:10px;}
.streckeninfos_erweitert .inner .infos li {border-bottom:1px dashed #252525;line-height:24px;padding:10px 0;}
.streckeninfos_erweitert .inner .infos li:last-of-type {border-bottom:0;margin-bottom:-10px;}
.streckeninfos_erweitert .inner .infos li span {display:inline-block;width:165px;font-weight:700;height:100%;float:left;position:relative;top:-5px;}
.streckeninfos_erweitert .inner .infos li i {margin-right:10px;position:relative;top:5px;font-size:26px;}
.streckeninfos_erweitert .inner .button {position:relative;top:25px;}
.streckeninfos_erweitert .inner .specials {min-height:60px;}
.streckeninfos_erweitert .inner.detailseite {padding:20px;padding-bottom:25px;}
.streckeninfos_erweitert .inner.detailseite .infos {margin-top:0px;}
.streckeninfos_erweitert .inner.detailseite .infos li span {display:block;width:165px;top:0px;height:100% !important;}
.streckeninfos_erweitert .inner.detailseite .infos li .infodetails {display:block;height:100% !important;max-width:calc(100% - 165px);float:left;}
.streckeninfos_erweitert:hover .inner .name .title {color:#e3051e;}
.legende {line-height:28px;float:left;display:block;margin-right:20px;}
.legende .icon {max-width:30px;margin-right:10px;float:left;}
.legende .icon i {font-size:24px;position:relative;top:3px;}
.legende .circle {text-align:center;width:30px;height:30px;border-radius:30px;margin-right:5px;background:#000;color:#fff;font-weight:900;display:inline-block;}
.legende .info {display:inline-block;}
.legende.white .circle {border:1px solid #fff;}

.streckeninfos_erweitert:hover { border-color:#e1e1e1;border-image:url('images/border-grey2.png') 30 round; }
.streckeninfos_erweitert:hover .inner {background:#e1e1e1;}

@media screen and (max-width:992px) {
	.streckeninfos_erweitert .inner .status { width:50px; }
	.streckeninfos_erweitert .inner .name {width:calc(100% - 100px);}
	.streckeninfos_erweitert .inner .specials {min-height:1px;}
	.streckeninfos_erweitert .inner .infos li { padding-left:36px; }
	.streckeninfos_erweitert .inner .infos li span { display:block;margin-left:-36px;margin-right:36px;width:100%; }
	.streckeninfos_erweitert .inner.detailseite {padding:20px;padding-bottom:25px;}
	.streckeninfos_erweitert .inner.detailseite .infos li { padding-left:0; }
	.streckeninfos_erweitert .inner.detailseite .infos li span { display:block;margin-left:0;margin-right:36px;width:100%; }
	.streckeninfos_erweitert .inner.detailseite .infos li .infodetails { width:100%; }
}

/* Detailseite Streckeninfos */
.trackimagecontainer {position:relative;}
.trackimagecontainer .trackimage {position:relative;margin-bottom:-150px;top:-200px;right:0px;height:auto;width:100%;z-index:4;}
.trackimagecontainer img { width:100%; }
.streckeninfos_details .detailscontainer {float:right;margin-top:10px;} 
.streckeninfos_details .detailscontainer img {max-width:40px;margin-left:5px;}
.streckeninfos_details .detailscontainer i {position:relative;top:-7px;color:#ffb400;font-size:22px;}
.streckeninfos_details .detailscontainer .circle {margin-left:5px;width:50px;text-align:center;line-height:40px;font-weight:900;border-radius:40px;width:40px;height:40px;background:black;color:#fff;float:right;}
.streckeninfos_detailsvideobox {height:0;position:relative;padding-bottom:56.25%;}
.streckeninfos_detailsvideobox iframe {top:0;left:0;width:100%;height:100%;position:absolute;}
.streckeninfos_detailsvideobox2 {height:80vh;position:relative;}
.streckeninfos_detailsvideobox2 iframe {top:0;left:0;width:100%;height:100%;position:absolute;}
.imagecontainer .image {margin-bottom:20px;}
.imagecontainer .streckeninfos_detailsvideobox {margin-bottom:20px;}


/* Modul Parallax */
.parallax_biker {position:relative;width:100%;height:80vh;background:url('images/musterbild.jpg') no-repeat center center;background-size:cover;}
.parallax_biker .overlay {position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:-moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%);background:-webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.15) 100%);background:linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.15) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#26000000',GradientType=1 );}

/* Modul Googlemap */
.googlemap {width:100%;height:600px;-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;-webkit-mask-size:100%;}
.googlemap iframe {width:100%;height:100%;}

@media screen and (max-width:768px) {
	.googlemap {height:200px;}
}

/* Modul Bild */
.image a img, .image img {-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;-webkit-mask-size:100%;}
.image a:hover {opacity:0.8;}

/* Modul Galerie */
.galerie a img {-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;-webkit-mask-size:100%;}
.galerie a:hover {opacity:0.8;}
.galerie.photoswipe-gallery a {display:inline-block;float:left;width:32%;margin-right:2%;margin-bottom:15px;}
.galerie.photoswipe-gallery a:nth-child(3n) {margin-right:0;}

@media screen and (max-width:768px) {
	.galerie.photoswipe-gallery a {float:none;width:100%;margin-right:0;}
}

/* Modul Akkordeon */
.akkordeon {margin-bottom:20px;}
.akkordeon .head {display:block;border:10px solid #efefef;border-image:url('images/border-grey.png') 30 round;}
.akkordeon .head .inner {padding:8px 16px;background:#efefef;color:#252525;font-size:18px;text-transform:uppercase;font-weight:900;}
.akkordeon .head .inner span {display:block;width:calc(100% - 40px);float:left;}
.akkordeon .head .inner i {float:right;font-size:24px;position:relative;top:-1px;color:#e3051e;}
.akkordeon .head:hover {border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.akkordeon .head:hover .inner {background:#e3051e;color:#fff;}
.akkordeon .head:hover .inner i {color:#fff;}
.akkordeon .content {padding:30px 30px 10px;}
.akkordeon.white .head {border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.akkordeon.white .head .inner {color:#fff;}
.akkordeon.white .head .inner i {color:#fff;}

.fl-accordion-item {border:0px !important;}
.fl-accordion-item .fl-accordion-button {display:block;border:10px solid #efefef;border-image:url('images/border-grey.png') 30 round;padding:0px;}
.fl-accordion-item .fl-accordion-button .fl-accordion-button-label {padding:8px 16px;background:#efefef;color:#252525;font-size:18px;text-transform:uppercase;font-weight:900;}
.fl-accordion-item .fl-accordion-button.white {display:block;border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.fl-accordion-item .fl-accordion-button.white .fl-accordion-button-label {color:#fff;}
.fl-accordion-item .fl-accordion-button i {font-size:24px;color:#e3051e;background:#efefef;opacity:1;padding-right:20px;}
.fl-accordion-item .fl-accordion-button:hover, .fl-accordion-item.fl-accordion-item-active .fl-accordion-button {border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;}
.fl-accordion-item .fl-accordion-button:hover .fl-accordion-button-label, .fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-label {background:#e3051e;color:#fff;}
.fl-accordion-item .fl-accordion-button:hover i, .fl-accordion-item.fl-accordion-item-active .fl-accordion-button i {color:#fff;background:#e3051e;}
.fl-accordion-item ul {list-style:none;margin-bottom:20px;}
.fl-accordion-item ol {}
.fl-accordion-item li {background:url(images/list-point-grey.png) 0px 17px no-repeat;background-size:4px 4px;border-bottom:1px solid rgba(1,34,67,0.3);padding:8px 0px 8px 18px;}
.fl-accordion-content {padding:0px !important;padding:30px 30px 10px !important;}
.fl-accordion-content a {text-decoration:underline;}
.fl-accordion-content img {max-width:100%;height:auto;}

/* Modul Anfrageformular */
.bike-form { display:block;border:10px solid #efefef;border-image:url('images/border-grey.png') 30 round; }
.bike-form .inner { padding:25px 25px 0;background:#efefef;color:#252525;position:relative; }
.bike-form .inner .delete { display:inline-block;position:absolute;right:30px;top:20px;color:#252525; }
.bike-form .inner .delete:hover { color:#e3051e; }
.bike-form .inner .item-block {}
.bike-form .inner .item-block .item-head { font-size:18px;text-transform:uppercase;font-weight:900;padding-bottom:10px; }
.bike-form .inner .item-block .item-content { padding-bottom:30px; }
.bike-form .inner .item-block .item-content label { display:block;font-size:12px; }
.bike-form .inner .item-block .item-content input { width:100%;display:block;margin-bottom:20px;border:0;border:1px solid rgba(0,0,0,0.2);padding:8px 12px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content select { width:100%;display:block;margin-bottom:10px;border:0;border:1px solid rgba(0,0,0,0.2);padding:9px 12px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content textarea { width:100%;display:block;min-height:100px;margin-bottom:0px;border:0;border:1px solid rgba(0,0,0,0.2);padding:8px 12px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content input:focus, .bike-form .inner .item-block .item-content select:focus, .bike-form .inner .item-block .item-content textarea:focus { border:1px solid #e3051e;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content .checkbox-item { display:inline-block;position:relative;left:15px;margin-right:20px;cursor:pointer; }
.bike-form .inner .item-block .item-content .checkbox-item .checkbox-text { margin-left:15px;font-size:14px; } 
.bike-form .inner .item-block .item-content .checkbox-item input { width:auto;display:inline-block;opacity:0; }
.bike-form .inner .item-block .item-content .checkbox-item .checkbox-custom { position:absolute;top:2px;left:0;width:20px;height:20px;background:#fff;border:1px solid rgba(0,0,0,0.2);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content .checkbox-item input:checked ~ .checkbox-custom { background-color:#e3051e;-webkit-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity:1;border:1px solid rgba(0,0,0,0.2); }
.bike-form .inner .item-block .item-content .checkbox-item .checkbox-custom::after {position: absolute;content: "";left: 12px;top: 12px;height: 0px;width: 0px;border-radius: 5px;border: solid #009BFF;border-width: 0 3px 3px 0;-webkit-transform: rotate(0deg) scale(0);-ms-transform: rotate(0deg) scale(0);transform: rotate(0deg) scale(0);opacity:1; }
.bike-form .inner .item-block .item-content .checkbox-item input:checked ~ .checkbox-custom::after { -webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:6px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;background-color:transparent;border-radius:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content .bike-select { margin-bottom:30px;padding:20px;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,0.2);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content .bike-select:hover { border:1px solid #e3051e;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form .inner .item-block .item-content .bike-select.active { border:1px solid #84be1e;color:#84be1e;font-weight:700;-webkit-box-shadow: 0px 0px 20px 0px rgba(132,190,30,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(132,190,30,0.2);box-shadow: 0px 0px 20px 0px rgba(132,190,30,0.2);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; }
.bike-form.add { border:10px solid #e3051e;border-image:url('images/border-red.png') 30 round;cursor:pointer; }
.bike-form.add.bike-form-adddriver-disabled { opacity:0.5 !important; }
.bike-form.add .inner { background:#e3051e;color:#fff;padding:5px 25px; }
.bike-form.add .inner .item-block {}
.bike-form.add .inner .item-block .item-head { padding-bottom:0; }


/* Modul Warnung */
.alertbox {border:5px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;color:#252525;}
.alertbox .inner {background:#efefef;padding:40px;}
.alertbox .inner .left {float:left;width:70px;}
.alertbox .inner .left i {color:#ffb400;font-size:50px;}
.alertbox .inner .right {float:right;text-align:left;width:calc(100% - 70px);}
.alertbox .inner .right span.title {font-weight:900;font-size:18px;text-transform:uppercase;margin-bottom:5px;display:block;}
.alertbox .inner .right p {margin-bottom:0;}

@media screen and (max-width:768px) {
	.alertbox .inner {padding:20px;}
	.alertbox .inner .left {float:none;width:100%;margin-bottom:20px;}
	.alertbox .inner .right {float:none;width:100%;}
}

/* Modul Button */
.button {display:inline-block;text-transform:uppercase;font-weight:900;}
.button.white {border:5px solid transparent;border-color:#fff;border-image:url('images/border-white.png') 30 round;}
.button.white .button_inner {background:#fff;color:#e3051e;}
.button.white:hover {border-color:#e3051e;border-image:url('images/border-red.png') 30 round;}
.button.white:hover .button_inner {background:#e3051e;color:#fff;}
.button.red {border:5px solid transparent;border-color:#e3051e;border-image:url('images/border-red.png') 30 round;}
.button.red .button_inner {background:#e3051e;color:#fff;}
.button.red:hover {border:5px solid transparent;border-color:#252525;border-image:url('images/border-darkgrey.png') 30 round;}
.button.red:hover .button_inner {background:#252525;color:#fff;}
.button.grey {border:5px solid transparent;border-color:#efefef;border-image:url('images/border-grey.png') 30 round;}
.button.grey .button_inner {background:#efefef;color:#252525;}
.button.grey:hover {border-color:#252525;border-image:url('images/border-darkgrey.png') 30 round;}
.button.grey:hover .button_inner {background:#252525;color:#fff;}
.button.darkgrey {border:5px solid transparent;border-color:#252525;border-image:url('images/border-darkgrey.png') 30 round;}
.button.darkgrey .button_inner {background:#252525;color:#fff;}
.button.darkgrey:hover {border-color:#e3051e;border-image:url('images/border-red.png') 30 round;}
.button.darkgrey:hover .button_inner {background:#e3051e;color:#fff;}
.button.darkgrey:hover i { color:#fff; }
.button.small .button_inner {padding:2px 8px;font-size:12px;}
.button.medium .button_inner {padding:4px 12px;font-size:14px;}
.button.large .button_inner {padding:8px 16px;font-size:16px;}
.button i.after {margin-left:5px;}
.button i.before {margin-right:5px;}
.button.text {border-image:none;border:0;}
.button.text i {position:relative;top:1px;}

/* Zeilenstyles */
.before_white {margin-bottom:20px;z-index:3;position:relative;top:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-after-white.png') repeat-x;}
.after_white {margin-top:20px;z-index:3;position:relative;bottom:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-before-white.png') repeat-x;}
.before_red {margin-bottom:20px;z-index:3;position:relative;top:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-after-red.png') repeat-x;}
.after_red {margin-top:20px;z-index:3;position:relative;bottom:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-before-red.png') repeat-x;}
.before_grey {margin-bottom:20px;z-index:3;position:relative;top:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-after-grey.png') repeat-x;}
.after_grey {margin-top:20px;z-index:3;position:relative;bottom:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-before-grey.png') repeat-x;}
.before_darkgrey {margin-bottom:20px;z-index:3;position:relative;top:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-after-darkgrey.png') repeat-x;}
.after_darkgrey {margin-top:20px;z-index:3;position:relative;bottom:54px;left:0;width:100%;height:54px;margin-bottom:;background:transparent url('images/edge-row-before-darkgrey.png') repeat-x;}
.bg_red {background:#e3051e;}
.bg_grey {background:#efefef;}
.bg_darkgrey {background:#252525;}

/* Back to top */
.btt {text-align:center;z-index:10;position:fixed;right:30px;bottom:-50px;transition:all 0.5s ease 0s;border:5px solid #e3051e;border-image:url('images/border-red.png') 30 round;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.btt.open {bottom:100px;}
.btt .inner {background:#e3051e;line-height:40px;width:40px;height:40px;}
.btt .inner i {color:#fff;}

@media screen and (max-width:768px) {
	.btt {right:20px;}
	.btt.open {bottom:90px;}
	.btt .inner {height:25px;width:25px;line-height:25px;}
}

/* Social Media */
.socialmedia {text-align:center;z-index:10;position:fixed;right:30px;bottom:0px;transition:all 0.5s ease 0s;border:5px solid #e3051e;border-image:url('images/border-red.png') 30 round;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.socialmedia a {}

/* Sidebar Social */
.sidebar_social { height:auto;position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:-60px;z-index:20;text-align:center;transition:all 0.5s ease 0s; }
.sidebar_social a.icon { display:block;font-size:18px;margin-bottom:10px;border:5px solid transparent;border-color:#252525;border-image:url('images/border-darkgrey.png') 30 round; }
.sidebar_social a.icon .inner { background:#252525;color:#fff;padding:8px 8px 6px; }
.sidebar_social a.icon:hover { border-color:#e3051e;border-image:url('images/border-red.png') 30 round; }
.sidebar_social a.icon:hover .inner { background:#e3051e; }
.sidebar_social.open { left:-5px; }

@media screen and (max-width:768px) {
	.sidebar_social {display:none;}
}

/* Footer */
footer {padding-bottom:90px;margin-top:-80px;}
footer .top {position:relative;background:url('images/footer-biker.jpg') no-repeat center center;background-size:cover;mask-size:102%;-webkit-mask-size:102%;-webkit-mask-image:url('images/image-mask.svg');mask-image:url('images/image-mask.svg');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:110%;}
footer .top .overlay {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6);}
footer .top .sitemap {padding:110px 0;}
footer .top .sitemap ul li {float:left;width:15%;margin-right:2%;list-style-type:none;}
footer .top .sitemap ul li:last-of-type {margin-right:0;}
footer .top .sitemap ul li {padding:7px 0;border-bottom:1px dashed rgba(255,255,255,0.6);}
footer .top .sitemap ul li ul li {float:none;width:100%;margin-right:0;}
footer .top .sitemap ul li a {color:#fff;}
footer .top .sitemap ul li.menu-item-has-children {border-bottom:0px;}
footer .top .sitemap ul li.menu-item-has-children > a {font-weight:900;text-transform:uppercase;color:#e3051e;}
footer .top .sitemap ul li a:hover {color:#e3051e;}
footer .bottom {padding:0px 0 30px;}
footer .bottom span {float:left;display:inline-block;}
footer .bottom ul {float:right;list-style-type:none;}
footer .bottom ul li {float:left;margin-right:20px;}
footer .bottom ul li:last-of-type {margin-right:0;}
footer .bottom ul li a {color:#252525;}
footer .bottom ul li a:hover {color:#e3051e;}

@media screen and (max-width:768px) {
	footer .bottom {text-align:center;}
	footer .bottom span {float:none;text-align:center;margin-bottom:10px;}
	footer .bottom ul {float:none;text-align:center;}
	footer .bottom ul li {display:inline-block;float:none;text-align:center;}
}

/* Bottombar */
.bottombar {width:100%;position:fixed;bottom:-70px;transition:all 0.5s ease 0s;left:0;z-index:10;border-top:5px solid #fff;border-image:url('images/border-white.png') 30 round;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.bottombar.open {bottom:0px;}
.bottombar .inner {background:#fff;padding:13px 0px 15px;}
.bottombar .inner .contact {margin-right:10px;}
.bottombar .inner .contact span {color:#252525;}
.bottombar .inner .contact i {font-size:24px;position:relative;top:5px;}
.bottombar .inner .contact:hover span {color:#e3051e;}

@media screen and (max-width:768px) {
	.bottombar .inner .contact span {display:none;}
}

/* Modul Abstand */
.spacer5 {width:100%;height:5px;}
.spacer10 {width:100%;height:10px;}
.spacer15 {width:100%;height:15px;}
.spacer20 {width:100%;height:20px;}
.spacer25 {width:100%;height:25px;}
.spacer30 {width:100%;height:30px;}
.spacer35 {width:100%;height:35px;}
.spacer40 {width:100%;height:40px;}
.spacer45 {width:100%;height:45px;}
.spacer50 {width:100%;height:50px;}
.spacer55 {width:100%;height:55px;}
.spacer60 {width:100%;height:60px;}
.spacer65 {width:100%;height:65px;}
.spacer70 {width:100%;height:70px;}
.spacer75 {width:100%;height:75px;}
.spacer80 {width:100%;height:80px;}
.spacer85 {width:100%;height:85px;}
.spacer90 {width:100%;height:90px;}
.spacer95 {width:100%;height:95px;}
.spacer100 {width:100%;height:100px;}
.spacer105 {width:100%;height:105px;}
.spacer110 {width:100%;height:110px;}
.spacer115 {width:100%;height:115px;}
.spacer120 {width:100%;height:120px;}
.spacer125 {width:100%;height:125px;}
.spacer130 {width:100%;height:130px;}
.spacer135 {width:100%;height:135px;}
.spacer140 {width:100%;height:140px;}
.spacer145 {width:100%;height:145px;}
.spacer150 {width:100%;height:150px;}

/* Farben */
.white {color:#fff;}
.red {color:#e3051e;}
.grey {color:#efefef;}
.darkgrey {color:#252525;}

/* Text-Ausrichtung */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
@media screen and (max-width:768px) {
	.left, .right, .center {text-align:left;}
	footer .after_white { visibility:hidden; }
}
.fl-col-small:not(.fl-col-small-full-width) { max-width:100%; }

/* Misc */
.size80 {font-size:80px;}
.size70 {font-size:70px;}
.size60 {font-size:60px;}
.size50 {font-size:50px;}
.size40 {font-size:40px;}
.size30 {font-size:30px;}
.size25 {font-size:25px;}
.size20 {font-size:20px;}
.size16 {font-size:16px;}
.size14 {font-size:14px;}

.clearfloat {clear:both;}
.schmaler {max-width:800px;margin:0px auto;}

.margintop5 {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:15px;}
.margintop20 {margin-top:20px;}
.margintop25 {margin-top:25px;}
.margintop30 {margin-top:30px;}
.margintop35 {margin-top:35px;}
.margintop40 {margin-top:40px;}

.marginright5 {margin-right:5px;}
.marginright10 {margin-right:10px;}
.marginright15 {margin-right:15px;}
.marginright20 {margin-right:20px;}
.marginright25 {margin-right:25px;}
.marginright30 {margin-right:30px;}
.marginright35 {margin-right:35px;}
.marginright40 {margin-right:40px;}

.marginbottom5 {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom15 {margin-bottom:15px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom25 {margin-bottom:25px;}
.marginbottom30 {margin-bottom:30px;}
.marginbottom35 {margin-bottom:35px;}
.marginbottom40 {margin-bottom:40px;}

.marginleft5 {margin-left:5px;}
.marginleft10 {margin-left:10px;}
.marginleft15 {margin-left:15px;}
.marginleft20 {margin-left:20px;}
.marginleft25 {margin-left:25px;}
.marginleft30 {margin-left:30px;}
.marginleft35 {margin-left:35px;}
.marginleft40 {margin-left:40px;}

/* Hides */
@media screen and (max-width:768px) {
	.hidden_mobile1 {display:none;}
}
@media screen and (max-width:450px) {
	.hidden_mobile2 {display:none;}
}

.fl-col-small {max-width:100%;}


/*Bootstrap Calendar*/
.datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #e3051e;
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 15px;
	text-align:center;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td {
	cursor:pointer;
}
.table-condensed > tbody > tr > td:hover, .table-condensed > tfoot > tr > td:hover {
	background:#efefef;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker td.day { color:#252525;font-weight:700; }
.datepicker td { color:#252525; }
.datepicker td.old, .datepicker td.new {
	opacity:1;color:#252525;font-weight:500;
}
.datepicker td.active, .datepicker td.active:hover {
    background: #e3051e;
    color: #ffffff;
}
.datepicker td.disabled { cursor:inherit;opacity:0.5;color:#252525;text-decoration:line-through;pointer-events: none; }
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #e3051e;
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker .next {
	text-align:right; 
}
.datepicker .prev {
	text-align:left; 
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
	cursor:pointer;
    font-size: 21px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
	text-align: center;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #e3051e;
  background-image: none;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}