/*FONTS INCLUDE*/
@import url("https://hello.myfonts.net/count/296c20");@font-face {font-family: 'HelveticaNeueLTStd-BdCn';src: url('webfonts/296C20_0_0.eot');src: url('webfonts/296C20_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/296C20_0_0.woff') format('woff'),url('webfonts/296C20_0_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTStd-Cn';src: url('webfonts/296C20_1_0.eot');src: url('webfonts/296C20_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/296C20_1_0.woff') format('woff'),url('webfonts/296C20_1_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTStd-BdCnO';src: url('webfonts/296C20_2_0.eot');src: url('webfonts/296C20_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/296C20_2_0.woff') format('woff'),url('webfonts/296C20_2_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTStd-CnO';src: url('webfonts/296C20_3_0.eot');src: url('webfonts/296C20_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/296C20_3_0.woff') format('woff'),url('webfonts/296C20_3_0.ttf') format('truetype');}

html {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; color: #fff;}
body {overflow-x: hidden; background-color: #ECEAE8; font-size: 16px; letter-spacing: 3px; padding-top: 0 !important; margin-bottom: 60px; position: static; color: #333; font-family: 'Raleway', sans-serif; font-variant-ligatures: none;}

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('images/loader.png') 50% 50% no-repeat rgb(249,249,249);}

/* GENERAL */
h1, h2, h3, h4, h5, h6 {color: #333; font-weight: 400;}

h1 {font-size: 34px; text-transform: uppercase; font-weight: 900; margin-bottom:30px;}
h2 {font-size: 21px; text-transform: uppercase; font-weight: 500;}
h3 {font-size: 21px; text-transform: none; font-weight: 500; margin: 0; color: #79B20E;}
h4 {font-size: 17px; margin: 0; font-weight: 700;}
h5 {font-size: 17px; margin: 0; font-weight: 700; text-align: center; text-transform: uppercase;}

.head { font-weight: 700; text-align: center; float: left; margin-left: 25px; z-index: 4; position: relative; text-transform: uppercase; line-height: 1;}
.head::after {height: 25px; width: calc(100% + 50px);background-color: #ffe200;content: " ";float: left;margin: -10px -25px 0 -25px;	z-index: 3;}
.head span { z-index: 401;position: relative;}

p {color: #333; line-height: 1.9; font-size: 16px; }

.align-center {text-align: center;}

caption, .news .article .news-img-caption {font-size: 14px; line-height: 19px;}
img {width: 100%;height:auto;}
video {width: 100%;height:auto;}
a {color: #79B20E;}
a:hover {text-decoration: none;}
a:hover, a:focus {outline: none; outline-offset: 0; text-decoration: none; color: #999;}
hr {border: 0; height: 1px; margin: 10px 0; width: 100%; background: #e5e5e5;}
.content *:hover, .content *:hover * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.content *:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

label {font-size: 16px;}
select {height: 34px;}


	img.track_image_vertical {
		display:none;
	} 

/*.row {
	max-width: 100%;
}*/

/* HEADER */
.header-container .container {padding: 0; position: relative;}

/*LOGO*/
.logo {z-index: 1405;  width: 215px; height: 115px; padding: 15px 0; float: left;}
.logo:hover {cursor: pointer;}
.logo a {color: transparent; float: left; height: 100%; width: 100%; display: flex; align-items: center;}

/*NAVIGATION*/
.topnavigation-wrapper {float: right; position: absolute; top: 0px; z-index: 1456; right: 0; padding: 10px 0; opacity: 1;}
.topnavigation-wrapper > div {float: left; position: relative; font-size: 16px; color: #fff; line-height: 1; text-transform: uppercase; opacity: 0.8;}

/*TOPNAVIGATION*/
.top-navigation {float: left; position: relative; z-index: 110; margin: 13px 15px 0 0; padding: 0;}
.top-navigation li {list-style-type: none; display: inline;}
.top-navigation li a {color: #000000; font-size: 14px; font-weight: 400;}
.top-navigation li a:after {content: " | ";  opacity: 0.7;}
.top-navigation li:last-of-type a:after {content: "";}

/*ISLANDDROPDOWN*/
.islanddropdown {background-color: transparent !important; position: absolute; right: 80px; top: -5px;}
.islanddropdown > div {background-color: #79B20E; padding: 15px; text-transform: none; font-size: 12px; font-weight: 500; min-width: 140px; text-align: right;}
.islanddropdown .islanddropdown-further {display:none; z-index:0; background-color: #79B20E; width: 100%; padding: 0; height: 0; opacity: 0; position: absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
.islanddropdown .islanddropdown-further a {color: #fff; padding: 15px; float: left; width: 100%;}
.islanddropdown .fa {font-size: 12px; top: 0px; position: relative;}

.islanddropdown:hover {cursor: pointer;}
.islanddropdown.active { opacity: 1; }
.islanddropdown.active .islanddropdown-further {display:block; height: auto; opacity: 1; z-index: 1200; }
.islanddropdown.active > div, .islanddropdown.active  .islanddropdown-further a {background-color: #fff; color: #000;}
.islanddropdown.active .islanddropdown-further a:hover {color: #fff; background-color: #5f9119;}

/*LANGUAGEEXTRA*/
.languageextra {background-color: transparent !important; position: absolute; right: 90px; top: -5px;}
.languageextra h4 {display: none;}
.languageextra .language-switch {position: relative; float: left; margin: 0;}
.languageextra li {background-color: #79B20E; padding: 0px; text-transform: none; font-size: 12px; font-weight: 500; min-width: 110px; text-align: right; list-style-type: none;}
.languageextra .language-switch-button {display:none; z-index:0; background-color: #79B20E; width: auto; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.languageextra .language-switch-button a {padding: 15px 30px 15px 15px; color: #fff; float: left; width: 100%;}
.languageextra .fa {font-size: 12px; top: 13px; right: 10px; position: absolute;}

.languageextra:hover {cursor: pointer;}
.languageextra li.active { display: block;}
.languageextra.active { opacity: 1; display: block;}

.languageextra.active .language-switch-button {display:block; height: auto; opacity: 1; z-index: 1200;}
.languageextra.active li, .languageextra.active .language-switch-button a {background-color: #fff; color: #000;}
.languageextra.active .language-switch-button a:hover {color: #fff; background-color: #5f9119;}


/*ISLANDSHAPE */
.islandshape {position: absolute; right: -50px; top: 70px; z-index: 1455; max-width: 200px;}

/*CART*/
.cartbutton {background-color: #79B20E; padding: 5px 10px; position: absolute; right: 0;}
.cartbutton .fa {font-size: 26px; top:0; position: relative;}

.cartbutton .cartbutton-amount {position:relative; left: 5px; top:5px; width:15px; height:15px; color: #ffe200; font-size: 15px; font-weight: 700; text-align:center;}

/* NAVIGATION */
.header-container {height: 120px; width: 100%; position: relative; z-index: 9; background-color: #79B20E; }
.header-container .navigation {float: left; padding:0;}

.navigation-wrapper {float: left; width: 100%; position: relative;}

#navbar {z-index:1;}
.navbar-collapse {float: left; position: relative; top: 50px;}

.active.dropdown a {background-color: transparent; margin-left: -1px; color: #000;}
.active .dropdown-menu a {color: #FFE200;}

.dropdown:hover > .dropdown-menu {display: block;}

.navbar-nav > li > a {color: #fff; float: left; padding-bottom: 20px; padding-top: 20px; text-transform: uppercase; font-weight: 700; font-size: 14px;z-index:1111;}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent; color: #000;}
.nav > li:hover a  {background-color: transparent;}
.nav > li:hover .glyphicon {color: #79B20E;}
.dropdown .glyphicon {font-size: 9px; color: #fff; top: 13px; left: -20px; display: none;}

.scrolldown-button {width: 100px; height: 100px; position: absolute; bottom: 80px; left: calc(50% - 50px); }
.scrolldown-button .fa {color: rgba(255,255,255,0.6); text-align: center; font-size: 80px; padding: 10px 25px; background-color: rgba(121,178,14,0.4); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.scrolldown-button .fa:hover {cursor: pointer; color: rgba(255,255,255,1);}

.navigation-button-up {float: right;}
.navigation-button-up .fa {font-size: 50px; padding-bottom: 30px; color: #333;}
.navigation-button-up .fa:hover {cursor: pointer;}

.dropdown-menu > li {padding: 0;}
.dropdown-menu > li > a {line-height: 1; color: #FFE200; background-color: transparent !important; font-size: 16px; padding-left: 0; padding-right: 0;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #666; text-decoration: none;}

.menu1 {display: none !important;}

/*ICONS*/
.fa-roadbike {background: url('/fileadmin/media/general/icons/category_road.svg') no-repeat center center transparent;}
.fa-mountainbike {background: url('/fileadmin/media/general/icons/category_mtb.svg') no-repeat center center transparent;}
.fa-urbanbike {background: url('/fileadmin/media/general/icons/category_urban.svg') no-repeat center center transparent;}
.fa-ebike {background: url('/fileadmin/media/general/icons/category_electro.svg') no-repeat center center transparent;}

.rental-selektor-overlay .selektor-button i {width: 100%; height: 80px; background-size: 70%;}
.rental-selektor-overlay .selektor-button a:hover .fa-roadbike, .rental-selektor-overlay .selektor-button.active a .fa-roadbike {background: url('/fileadmin/media/general/icons/category_road_white.svg') no-repeat center center transparent;}
.rental-selektor-overlay .selektor-button a:hover .fa-mountainbike, .rental-selektor-overlay .selektor-button.active a .fa-mountainbike {background: url('/fileadmin/media/general/icons/category_mtb_white.svg') no-repeat center center transparent;}
.rental-selektor-overlay .selektor-button a:hover .fa-urbanbike, .rental-selektor-overlay .selektor-button.active a .fa-urbanbike {background: url('/fileadmin/media/general/icons/category_urban_white.svg') no-repeat center center transparent;}
.rental-selektor-overlay .selektor-button a:hover .fa-ebike, .rental-selektor-overlay .selektor-button.active a .fa-ebike {background: url('/fileadmin/media/general/icons/category_electro_white.svg') no-repeat center center transparent;}

/* BIKE SELECTION MENU */
.bike-selection-menu {float: left; position: absolute; height: 100%; width: 100%; background-color: rgba(255,206,0,0.95); z-index: 100; display: none;}
/*.bike-selection-menu .container {position: relative; top: 30%;}*/
/*.bike-selection-menu .nav-tabs {border-bottom: 0; width: 520px; margin: 0 auto;}*/
/*.bike-selection-menu .nav-tabs a {color: #000; text-transform: uppercase;}*/
/*.bike-selection-menu .nav-tabs > li.active > a, .bike-selection-menu .nav-tabs > li.active > a:hover, .bike-selection-menu .nav-tabs > li.active > a:focus {background-color: transparent; border: 0; color: #000;}*/

/*.bike-selection-menu .nav-tabs li {opacity: 0.4;}*/
/*.bike-selection-menu .nav-tabs li.active {opacity: 1;}*/
/*.bike-selection-menu .second-tab a:hover {cursor: default; color: #000; border: 1px solid transparent;}*/

/*.bike-selection-menu .bikeselector-tabicon {margin: 0 auto; border: 3px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; color: #000; font-size: 30px; text-align: center;}*/

/*.bike-selection-menu .tab-content {padding: 30px;}*/
/*.bike-selection-menu .tab-content .col-md-3 {text-align: center;}*/
/*.bike-selection-menu .tab-content .bikeselector-icon:hover {cursor: pointer;}*/
/*.bike-selection-menu .tab-content .bikeselector-icon {width: 150px; height: 100px; background-repeat: no-repeat; background-size: cover; margin: 0 auto;}*/
/*.bike-selection-menu .tab-content .bikeselector-icon.icon-roadbike {background-image: url('/fileadmin/media/images/images-bicycles/icon-road.png');}*/
/*.bike-selection-menu .tab-content .bikeselector-icon.icon-mountainbike {background-image: url('/fileadmin/media/images/images-bicycles/icon-mtb.png');}*/
/*.bike-selection-menu .tab-content .bikeselector-icon.icon-trekkingbike {background-image: url('/fileadmin/media/images/images-bicycles/icon-trekking.png');}*/
/*.bike-selection-menu .tab-content .bikeselector-icon.icon-electrobike {background-image: url('/fileadmin/media/images/images-bicycles/icon-electro.png');}*/
/*.bike-selection-menu .tab-content .bikeselector-text {position: relative; top: 90px; white-space: inherit; text-transform: uppercase; text-align: center; margin: 0 auto;}*/

.islandmenuline {float: right; color: #fff; font-size: 24px; text-transform: uppercase; position: relative; top: 100px;}
.islandmenuline img {width: 50px;}

/* PACKAGES STARTPAGE*/
.psp-start {
	background-image: linear-gradient(top, #79B20E 600px,transparent 300px, transparent 100%);
    background-image: -webkit-linear-gradient(top, #79B20E 600px,transparent 300px, transparent 100%);
    background-image: -moz-linear-gradient(top, #79B20E 600px,transparent 300px, transparent 100%);
    background-image: -ms-linear-gradient(top, #79B20E 600px,transparent 300px, transparent 100%);
    background-image: -o-linear-gradient(top, #79B20E 600px,transparent 300px, transparent 100%);
	width:100%;
}
.psp-headline { width:100%; text-align:center; margin:60px 0 60px 0;}
.psp-headline p {font-size:48px; color:#fff; text-transform:uppercase;font-weight:700;line-height:56px;}

.psp-box {background-color:#fff;}
.psp-box img {width: 100% !important; height: auto !important;}
.psp-box-text {padding:10px 20px}
.psp-box-text h2 {font-weight:700;font-size:32px;line-height:32px;margin-bottom:0;}
.clear {position:relative;clear:both;}

.psp-box .price {font-weight: 700; text-align: left; z-index: 400; position: relative; padding: 20px 0;}
.psp-box .price .price_padding {font-weight: 700; text-align: left; z-index: 400; position: relative;}
.psp-box .price:after {height: 15px; width: 40%; background-color: #ffe200; content: " "; position: absolute; float: left; bottom: 15px; left: -10px; z-index: 399;}


/* CONTENT */
.content {width: 100%; float: left;}
.content-inner {padding-top: 30px; padding-bottom: 30px;}

.white-background {background-color: #fff; }
.margin-top {margin-top: 30px;}
.margin-bottom {margin-bottom: 30px;}


.left-33-33-33 {margin-bottom: 30px;}
.middle-33-33-33 {margin-bottom: 30px;}
.right-33-33-33 {margin-bottom: 30px;}

.left-50-50 {margin-bottom: 30px;}
.right-50-50 {margin-bottom: 30px;}

/* BUTTONS + LINKS */
.btn {font-weight: 700; background-color: #79B20E; padding: 15px 30px; font-size: 13px; text-transform: uppercase; letter-spacing: 2px;}
.btn-primary {border: 1px solid #79B20E; color: #fff; }
.btn-primary a {color: #fff;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #fff; color: #79B20E; border: 1px solid #79B20E;}
.btn-primary:hover a, .btn-primary:active a, .btn-primary:focus a {color: #79B20E;}
.btn-danger {border: 1px solid #E61328; color: #fff; background-color: #E61328; }
.btn-danger a {color: #fff;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #fff; color: #E61328; border: 1px solid #E61328;}
.btn-danger:hover a, .btn-danger:active a, .btn-danger:focus a {color: #E61328;}
.btn-more, .btn-text {font-weight: 700;}
.btn-more {text-shadow: none;}
.btn .glyphicon {color: #79B20E; padding: 0 3px;}

.morelink {font-size: 14px;}
.morelink .glyphicon {color: #FFE200; font-size: 12px; padding: 0 5px 0 0;}

/* FORMS */
.form {}
.form-group {float: left; width: 100%; position: relative;}
.form-control {border-radius: 0; font-weight: 500; height: 45px; letter-spacing: 2px; float: left; position: relative; }
.form-control:focus {background-color: #fff; background-image: none; border: 1px solid #79B20E; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;  box-shadow: none !important; }
select {letter-spacing: 2px;}
select.form-control:focus {border: 0;}
select.form-control option:hover, select.form-control option:focus {background-color:#79B20E; color:#fff;}

.select {border: 1px solid #ccc; overflow: visible; height: 45px; width: 100%; position: relative; display: block; }
.select select {height: 45px; padding: 5px;	border: 0; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select select.form-control {color: #999;}
.select select option {padding: 6px 10px;}
.select:after {content:"\f107"; font-family: FontAwesome; font-size: 25px; color: #333; padding: 3px; position: absolute; right: 6px; top: 0; background: transparent; z-index: 1; text-align: center; width: 20px; height: 100%; pointer-events: none; box-sizing: border-box;}

.regular-checkbox, input[type="checkbox"] {-webkit-appearance: none; background-color: #fff; border: 1px solid #333; padding: 9px; display: inline-block; position: relative;}
.regular-checkbox:active, .regular-checkbox:checked:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.regular-checkbox:checked {border: 1px solid #333; color: #333; }
.regular-checkbox:checked:after {line-height: 1; content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 4px; color: #333; }

.big-checkbox, input[type="checkbox"] {padding: 14px;}
.big-checkbox:checked:after {font-size: 28px; left: 4px;}

.regular-radio, input[type="radio"] {-webkit-appearance: none; background-color: #fff; border: 1px solid #333; padding: 9px; display: inline-block; position: relative; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.regular-radio:active, .regular-radio:checked:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.regular-radio:checked {border: 1px solid #333; color: #333; }
.regular-radio:checked:after {line-height: 1; content: '\25CF'; font-size: 14px; position: absolute; top: 0px; left: 4px; color: #333; }

.big-radio, input[type="radio"] {padding: 14px;}
.big-radio:checked:after {font-size: 25px; left: 7px;}

.wrapper-date {	position: relative;}
.wrapper-date .fa {	background-color: #fff; padding: 12px 12px 12px 12px; position: absolute; left: 2px; top: 2px; z-index: 100;}
.wrapper-date input {text-indent: 40px;}

.alert-shadow {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}

/* SWIPER */
#swiper {padding: 0; margin-bottom: 0px; position: relative; float: left; width: 100%;}
.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide img { position: relative; z-index: 299;  }

.swiper-content-outer{ background-color: #e9e9e9; float: left; width: 100%; overflow: hidden; position: relative;}

.mainpage .swiper-content, .swiper-content {height: 100%; width: calc(100% - 80px); margin: 0 auto;}
.swiper-content .swiper-wrapper { padding: 30px 15px 30px 0;}
.swiper-content .swiper-slide {background-color: transparent;}
.swiper-content .swiper-slide img:hover {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}

.swiper-pagination-bullet {width: 12px; height: 12px; background-color: #fff; opacity: 0.9;}
.swiper-pagination-bullet-active {background-color: #79B20E;}

.swiper-caption {position: absolute; z-index: 300; left: 0; bottom: calc(50% - 150px); padding: 30px 50px; width: 100%; text-align: center; color: #fff;}
.swiper-caption h2 {text-align: center; font-size: 70px; color: #fff; letter-spacing: 5px; margin-bottom: 0px; text-transform: uppercase; font-weight: 800;}
.swiper-caption .subtitle {font-size: 18px; line-height: 1.2; color: #fff; text-transform: uppercase; font-weight: 700;}
.swiper-caption p {color: #fff;}

.swiper-caption .container {margin-top: 30px;}
.swiper-caption .col-md-6:first-of-type p {float: right;}
.swiper-caption .col-md-6:last-of-type p {float: left;}
.swiper-caption .col-md-6 p {clear: both; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center;}
.swiper-caption .col-md-6 .btn {font-weight: bold;}

.swiper-button-prev, .swiper-button-next {width: 40px; height: 34px; float: left;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");  }

.swiper-slide-bottom-line {position: absolute; bottom: 0; left: 0; width: 45%; height: 15px; background-color: #79B20E; opacity: 0.8;}

.content-landingpage {margin-top: -100px;}
.content-contentpage {margin-top: 0;}


/* ANDERE HEADERELEMENTE */

.gruenerhintergrundheadline {
	position:relative;
	background-color:#79B20E;
	width:100%;
	min-height:300px;
	color:#fff;
	margin-bottom:40px;
}
.gruenerhintergrundheadline h1{
	color:#fff;
	font-size:40px;
	margin:115px 0 40px 50px;
}
.gruenerhintergrundheadline p{
	color:#fff;
	margin:20px 0 40px 50px;
}
.gruenerhintergrundheadline img {
	margin:80px 0 50px 0;
}	
	

.ce-bodytext section p.align-center {
	margin:50px 100px;
	font-size:30px;font-weight:700;text-transform:uppercase;line-height:36px;
}
.boxgruenweiss {
	background-color:#79B20E;
	margin:20px 0;
	min-height:200px;
}
.boxgruenweiss .gruen {
	color:#fff;
}
.boxgruenweiss .gruen h2 {
	color:#fff;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:700;
	margin:20px 40px;
}
.boxgruenweiss .weiss {
	background-color:#fff;
	min-height:200px;
}	
.boxgruenweiss .weiss p {
	margin:20px 40px;
}

/* FAQ */
.searchkeyword {margin-bottom: 30px; }

.faq-container {
	margin:20px 0 40px 0;
}
.faq-list {
	margin:20px 0;
}
.faq-head {
	font-weight:700;
	margin:10px 0;
	text-transform: uppercase;
}
.faq-head a {
	color:#79B20E;
}

.faq-text {
	
}
.faq-text-hidden {
	display:none;
}

.hp_teaser_expert {
	position:relative;
	border-bottom:2px solid #ccc;
	margin-bottom:20px;
	width:100%;
	text-align:left;
	max-height:80px;

}
.hp_teaser_expert .hp_teaser_expert_image {
	position:absolute;
	width:60px;
}
.hp_teaser_expert .hp_teaser_expert_image img {
	width:50px;
	height:50px;
	border-radius:25px;
}
.hp_teaser_expert .hp_teaser_expert_text {
	position:relative;
	font-size:18px;
	font-style: italic;	
	line-height:1.2em;
	margin-left:60px;
	margin-bottom:0;
	padding:10px 0 0 10px;
	text-align:center;
}

/*FOOTER */
.footer {padding: 30px 0 30px 0; float: left; width: 100%; background: url(images/footer-background.png) no-repeat 80% bottom #79B20E; letter-spacing: 2px;}
.footer * {color: #fff; font-size: 13px;}
.mainpage .footer p {font-size: 15px;}
.footer a:hover {color: #000;}
.footer h4 {text-transform: uppercase; margin-bottom: 15px;}

.footer .row:nth-of-type(2) {padding-top: 60px;}

.footer .footer-socialmedia .fa {font-size: 34px; margin-right: 30px;}

.footer .footermenu ul {list-style-type: none; margin: 30px 0;}
.footer .footermenu li {padding: 5px 0;}

.footer .language-switch {float: left; list-style-type: none; margin: 0; z-index: 1101;}
.footer .language-switch-button {position: relative; background-color: #fff; display: none; line-height: 1; width: 250px;  float: left;}
.footer .language-switch-button a {color: #000; line-height: 1;}
.footer .language-switch-button .fa {font-size: 14px; top: 0px; left: 4px; position: relative; color: #000; float: right;}

.footer .language-switch-button.active {display: block; padding: 15px;}
.footer .language-switch-button.active a { float: left; padding: 0;}
.footer .language-switch-button:nth-of-type(2) {margin-top: 2px;  padding: 15px 15px 0px 15px;}
.footer .language-switch-button:nth-of-type(3) {padding: 15px 15px 15px 15px;}
.footer .language-switch-button:hover {cursor: pointer; }

.footer .footer-newsletter {}
.footer .footer-newsletter .form-control {background-color: transparent; border: 1px solid #fff; font-size: 14px; height: 44px; margin-bottom: 15px;}
.footer .footer-newsletter input::-webkit-input-placeholder { color: #fff; opacity: 0.6; font-weight: 500;}
.footer .footer-newsletter input:-moz-placeholder { color: #fff; opacity: 0.6; font-weight: 500;}
.footer .footer-newsletter input::-moz-placeholder { color: #fff; opacity: 0.6; font-weight: 500;}
.footer .footer-newsletter input:-ms-input-placeholder { color: #fff; opacity: 0.6; font-weight: 500;}

.footer .footer-newsletter .btn {background-color: #fff; color: #79B20E; font-weight: 700; float: right;}
.footer .footer-newsletter .btn:hover {background-color: #79B20E; color: #fff; border: 1px solid #fff;}

.footer .footer-tripadvisor {
	margin:60px 0;
    width: 200px;
    background-color: #fff;
}

.icon-strava {
	vertical-align: text-top;
	font-size:1px;
}
.icon-strava img {
	width:30px;
}
.icon-strava:hover img {
	invert(100%);	
    -webkit-filter: invert(100%);
}

/* FANCYBOX */
/*.fancybox-title-float-wrap .child {border-radius: 0px;}*/
/*.fancybox-close { cursor: pointer; height: 30px; position: absolute;right: -37px; top: 0px; width: 30px; z-index: 8040; background: url("images/button-close.png") no-repeat 0 0 transparent;}*/
/*.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}*/
/*.fancybox-next span {background-image: url("images/arrow-right.png"); right: -50px;}*/
/*.fancybox-prev span {background-image: url("images/arrow-left.png"); left: -55px;}*/

/* INFO BOX */
.info-box {background-color: #f5f5f5; float: left; padding: 0px 15px 0 15px; width: 100%;}
.info-box p { font-size: 14px;}
.info-box-blue {background-color: #dfe9ee; min-height: 250px;}
.info-box-orange {background-color: #79B20E; min-height: 250px;}
.info-box-orange * {color: #fff !important;}

/* BORDER */
.border {border: 2px solid #e5e5e5; float: left; width: 100%; min-height: 250px;}

/* KONTAKTBOX */
.contact-element-details {padding: 15px; position: relative;}
.contact-element-details-icon {float: left; background-color: #79B20E; width: 25px; height: 25px; padding: 2px 0 0 4px; position: absolute;}
.contact-element-details-icon .glyphicon {color: #fff; float: left; font-size: 19px;}
.contact-element-details-header {float: left; left: 40px; font-size: 15px; position: relative;}
.contact-element-details-text {float: left; left: 40px; font-size: 15px; position: relative;}
.contact-element-details-text  p {font-size: 15px;}


.tx-t3shop-pi7 label {
	width:180px;
}

/* DOWNLOADLISTS */
.csc-uploads {margin: 0px 0; float: left; width: 100%; text-align: left;}
.csc-uploads li {padding: 10px 0; margin:0 !important; border-bottom: 1px solid #e5e5e5;}
ul.csc-uploads span.csc-uploads-fileName {text-decoration: none;}
ul.csc-uploads span.csc-uploads-fileName a {float: left; width: 100%; color: #333; font-weight: 700; position: relative;}
ul.csc-uploads span.csc-uploads-fileName a:hover, .csc-uploads-fileName a:hover:after {}
.csc-uploads-fileName a:after {color: #79B20E; z-index: 500; content: "Download"; float: right; clear: both; padding-right: 30px; }
.csc-uploads .hidden-description {display: none;}

.csc-uploads-fileSize {float: left; margin-top: -20px;}

/* LISTS */
.csc-bulletlist {padding-left: 20px;}

/* TABLES */
.table {font-size: 15px; border-bottom: 5px solid #d1ccc5;}
.table-coloured thead th {background-color: #FFE200; color: #fff;}
.table-coloured tbody tr:nth-child(even) {background-color: #f5f5f5; border-top: 1px solid #d1ccc5;}
.table-coloured tbody tr:nth-child(odd) {background-color: #fff; border-top: 1px solid #d1ccc5;}
.table-responsive { margin: 15px 0;}

/* COLLAPSIBLE */
.panel-group {background-color: transparent; border: none; background-image: none; margin-bottom: 5px;}
.panel-group  > button {padding: 5px 0px; text-align: left; width: 100%; background-color: #FFE200; border: none; background-image: none;}
.panel-group  > a {width: 100%; color: #fff;}
.panel-group .glyphicon {float: right; font-size: 16px; color: #fff; margin-top: 5px; height: 17px; max-width: 10%; width: 34px; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.panel-group .toggled .glyphicon { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.panel-collapse {padding: 30px 0; opacity: 0; float: left; width: 100%;}
.panel-group .text {width: calc(100% - 40px); float:left; max-width: 90%; margin: 0; font-size: 21px; text-transform: none; color: #fff; padding-left: 10px;}

.panel-group .in {opacity: 1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

.left-33-33-33 h1 {margin-top: 35px;}

/* NEWS */
.news {}
.news .col-md-4 {padding-left: 0;}
.news .col-md-4 .article {padding: 30px 0px;}
.mainpage .news .col-md-4 .article {padding: 30px;}
.mainpage .news .col-md-4 {padding-left: 15px;}
.news .article .news-img-wrap {margin: 0; margin-bottom: 30px; min-height: 170px; width: 100%; }
.news .article .news-img-wrap a {border: 0; background-color: #ebe1cf; padding: 0;}
.news .article .news-img-wrap img, .news .article .news-img-wrap a {width:100%; }
.news .news-list-teaser .article .news-img-wrap img:hover {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

.news .article .news-list-date {font-size: 14px;}
.news .article h3 {margin-top: 0; margin-bottom: 30px;}
.news .article p {font-size: 16px; line-height: 1.3;}

.news .footer {border-top: 0px; clear: both; padding: 10px 15px 0 15px;}
.news-related {border: 0;}

.news .news-list-view {float: left; padding: 10px 0; width: 100%;}
.news .news-list-view .row {padding: 10px 0;}
.news .news-list-view .article {padding: 0; margin: 0;}
.news .news-list-view .article .news-list-view-item {padding: 10px 15px; border-bottom: 1px solid #d1ccc5; float: left; width: 100%;}
.news .news-list-view .article:nth-of-type(odd) .news-list-view-item {}
.news .news-list-view .article:nth-of-type(even) .news-list-view-item {background-color: #f5f5f5;}
.news .news-list-view .article .news-list-view-item-title { float: left; width: 100%;}
.news .news-list-view .article .news-list-view-item-title h3 {margin:0;}
.news .news-list-view .article .news-list-view-item-text {margin:0; float: left; width: 100%;}
.news .news-list-view .article .news-list-view-item-text p {float: left; margin:0;}
.news .news-list-view .article .news-list-view-item-text .more {float: right; margin:0;}

.news .newsarchive .news-text-wrap {font-weight: 700; padding: 15px 0;}
.news .newsarchive .news-text-wrap a {color: #000; text-transform: uppercase;}

.news .header h2 {margin-bottom: 30px; font-weight: 700; font-size: 28px;}

.news-single .teaser-text p {font-weight: 700;}

.news .news-date-view {padding: 0 0 10px 0;}
.news-date-view time {padding: 5px; margin-bottom: 5px; float: left; background-color: #fff; width: 100%; font-size: 20px; color: #FFE200; text-align: center;}
.news-date-view .news-list-view-item-title { margin: 0 0 5px 0; float: left;}
.news-date-view .news-list-view-item-title h3 {font-size: 14px; font-weight: 700;}
.news-date-view .news-list-view-item {border-bottom: 0 !important;}

.news-backlink-wrap {margin-top: 30px;}

/* FANCYBOX */
.fancybox-title-float-wrap .child {border-radius: 0px;}
.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}

.fancybox-overlay {background: transparent url("images/background-black-90.png") repeat scroll 0% 0% !important;}
.fancybox-skin {border-radius: 0 !important; box-shadow: none !important;}
.fancybox-title {display: none;}
.fancybox-close {background-image: url("images/icon-close.png") !important; height: 30px !important; width: 30px !important; right: 5px !important; top: 5px !important; background-size: cover !important;}

.content-lightbox {padding: 30px;}

iframe img {width: 100%;}

/* PAGINATION */
.pagination {margin: 20px 0px !important;}
.pagination span .glyphicon {font-size: 12px;}

/* POWERMAIL */
div.tx-powermail, div.tx-powermail-0, div.tx-powermail-1 {width: 100%; padding: 30px 0;}
.powermail_fieldset {background: none; border: 0; width: 100%;}
.powermail_fieldwrap {width: 100%;}
.tx-powermail h3, .tx-powermail legend, .tx-powermail-0 h3, .tx-powermail-0 legend, .tx-powermail-1 h3, .tx-powermail-1 legend {display: none;}
.tx-powermail .input-group, .tx-powermail-0 .input-group, .tx-powermail-1 .input-group {margin-bottom: 15px;}
.tx-powermail .input-group-addon, .tx-powermail-0 .input-group-addon, .tx-powermail-1 .input-group-addon, .input-group-addon {min-width: 140px; background-color: transparent; border: 0; font-size: 16px; font-weight: 400; padding: 0; text-align: left;}
.tx-powermail .form-control, .tx-powermail-0 .form-control, .tx-powermail-1 .form-control, .powermail_textarea {height: 40px; font-size: 16px; padding: 6px; color: #79B20E; background-color: #f2f2f2; border-radius: 0px !important; border-color: #f2f2f2; width: 100%;}
.powermail_textarea {min-height: 300px; box-shadow: 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 16px;}
.powermail_fieldwrap_5 .input-group-addon {vertical-align: top; padding: 10px 0 0;}

.formError .formErrorContent {background: none repeat scroll 0 0 #f2f2f2; border: 2px solid #79B20E; border-radius: 5px; color: #79B20E;}
.formError .formErrorArrow div {background: none repeat scroll 0 0 #f2f2f2; border: 0;}
.formError .formErrorArrow .line3, .formError .formErrorArrow .line2, .formError .formErrorArrow .line1 {border: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

.tx-powermail .btn-primary {border-radius: 0; margin-left: 140px; font-size: 16px;}

.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {background-color: transparent; border: 0; width: 100%; padding: 0;}

.mandatory {margin-left: 5px; }

/*TABS*/
.tabs .nav {float: none; width: 100%; margin: 0;}
.nav-justified > li > a {color: #333; text-transform: uppercase; font-weight: 700; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-bottom: -1px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: transparent; color: #79B20E; border-bottom: 2px solid #79B20E;}

.stretched-line {background-color: #D4D2D0; height: 1px; width: 100%;}

/* TABLES */
.table {font-size: 15px; border-bottom: 5px solid #d1ccc5;}
.table-coloured thead th {color: #fff;}
.table-coloured tbody tr:nth-child(even) {background-color: #fff; border-top: 1px solid #d1ccc5;}
.table-coloured tbody tr:nth-child(odd) {background-color: #fff; border-top: 1px solid #d1ccc5;}
.table-responsive { margin: 15px 0;}

/* TEASERBOX */
.teaserbox {position: relative;}
.teaser-header {font-weight: 700; padding: 15px 0; color: #fff; font-size: 21px; text-align: center; height: 55px; width: 100%; background: url(images/footer-background.png) no-repeat -30px -20px #8db1c1; background-size: auto 140%;}
.teaser-image {}
.teaser-description {padding: 25px 20px; background-color: #79B20E; width: 100%; float: left; color: #fff;}
.teaser-description p {color: #fff; margin-bottom: 10px; font-size: 14px;}
.teaser-description h3, .teaser-description h4 {color: #fff; margin-bottom: 10px; font-size: 16px;}
.teaser-link {font-size: 14px; padding: 5px 30px; float: left; }

.teaserbox > div {float:left; width:100%; height: 100%; display: flex; align-items: center;}
.teaserbox span {width:100%; text-align: center; line-height: 1; text-transform: uppercase; font-size: 30px !important; font-weight: 700 !important;}

.teaserbox.teaserbox-standard > div {position: relative; float:left; width:100%; height: 100%;}
.teaserbox.teaserbox-mountain > div {background: url(images/footer-background.png) no-repeat 80% bottom #79B20E;}
.teaserbox.teaserbox-comment::after {position: relative; top: 49px; left: 60px; content: ""; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #ffe100 transparent transparent transparent; }

.teaserbox .teaserred {background-color: #ED1C24 !important; color: #fff !important;}
.teaserbox .teasergreen {background-color: #79B20E !important; color: #000 !important;}
.teaserbox .teaseryellow {background-color: #FFE200 !important;  color: #000 !important;}

.teaserbox-news {border: 3px solid #79b20e; text-align: center;}
.teaserbox-news img {width: 100px; position: absolute; top: calc(50% - 80px); left: calc(50% - 50px);}
.teaserbox-news span {font-size: 18px !important; position: absolute; left: 0; bottom: 50px; font-weight: 700 !important; color: #000;}

.col-md-4 .teaserbox-news img {width: 160px; position: absolute; top: calc(50% - 100px); left: calc(50% - 65px);}

/*WEATHER BOX*/
.weather-box {background-color: #C7E19D; margin-bottom: 30px; height: 262px; width: 262px; position: relative;}
.weather-box h3 {text-align: center; margin: 20px auto; color: #000; text-transform: uppercase;}
.weather-box-icon {padding: 25px; height: 100%; float: left; width: 100%; position: relative;}
.weather-box img {width: 110px; margin: 0 auto; position: absolute; top: 60px; left: calc(50% - 55px);}
.weather-box-info {font-weight: 700; text-transform: uppercase; font-size: 12px; width: 100%; text-align: center; position: absolute; top: 150px; left: 0;}
.weather-box-overlay {opacity:0; position: absolute; height: 100%; width: 100%;}
.weather-box:hover .weather-box-overlay {opacity: 1;}
.weather-box:hover .weather-box-icon .weather-box-info {opacity: 0;}

.tx-worldweather-pi1 { padding:20px;  }
.worldweather { padding:20px; font-size:14px; line-height:18px;background-color:#c5e29e;} 
.worldweather h3 { color:#000; margin-bottom:13px; font-size:16px;} 
.weather-row {margin-bottom:10px;}
.col-md-4 .tx-worldweather-pi1 {height:354px;}
.col-md-6 .tx-worldweather-pi1 {height:257px;padding:0px;}

/*HOVERIMAGE */
.hoverimage {position: relative; z-index: 600; margin-bottom: 30px; width: 100%; float: left; height: 100%;}
.hoverimage .hoverimage-background {position: relative; z-index: 600;}

.hoverimage .hoverimage-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left; z-index: 601;}

.hoverimage .hoverimage-overlay-default {position: absolute; left: 0; top: 0;}

.hoverimage .hoverimage-overlay .overlay-color {position: absolute; height: 180px; left: 0; width: auto; min-width: 180px; float: left; bottom: 30px; padding: 15px;}
.hoverimage .hoverimage-overlay .overlay-color p {display: flex; align-items: flex-end; height: 100%; width: 100%; color: #000 !important; line-height: 1; margin-bottom: auto; text-transform: uppercase; font-size: 30px; font-weight: 700 !important;}
.hoverimage .hoverimage-overlay .overlay-color-green {background-color: #79B20E;}
.hoverimage .hoverimage-overlay .overlay-color-yellow {background-color: #FFE200;}
.hoverimage .hoverimage-overlay .overlay-color-red {background-color: #ED1C24; color: #fff !important;}
.hoverimage .hoverimage-overlay .overlay-color-white {background-color: #FFF;}

.col-md-4 .hoverimage .hoverimage-overlay .overlay-color { height: 150px; min-width: 150px; }
.col-md-4 .hoverimage .hoverimage-overlay .overlay-color p { font-size: 26px !important;}
.col-md-3 .hoverimage .hoverimage-overlay .overlay-color { height: 120px; min-width: 120px; }
.col-md-3 .hoverimage .hoverimage-overlay .overlay-color p { font-size: 22px !important; }

.hoverimage .hoverimage-overlay-center .overlay-color {left: calc(50% - 90px); bottom: calc(50% - 90px);}

.hoverimage a {color:#000;}

.right-50-50 .hoverimage .hoverimage-overlay .overlay-color,
.left-50-50 .hoverimage .hoverimage-overlay  .overlay-color {padding: 15px 15px 0 15px;}

.right-50-50 .hoverimage2 .hoverimage .hoverimage-overlay .overlay-color,
.left-50-50 .hoverimage2 .hoverimage .hoverimage-overlay  .overlay-color {padding: 60px 15px 0 15px;}

.hoverimagetext {
	font-size:22px;font-weight:700;
}
.overlay-color-padding {
	position: relative; font-weight:bold; text-transform:uppercase;left:0;top:40px;
}
.overlay-color-padding.textlines-1{
	top:50px;
}
.overlay-color-padding.textlines-2 {
	top:20px;
}
.overlay-color-padding.textlines-3 {
	top:-10px;
}

/* PREISE */
.price_padding { font-size:18px; }
.price_day1 { font-size:18px; }
.price_day2 { font-size:18px; }
 

/*CUSTOMER QUOTES*/
.customer-quotes {background-color: #FFE200; float: left; width: 100%; position: relative; margin-bottom: 30px;}
.customer-quotes .customer-quotes-headline { padding: 15px; max-width: 100px; font-weight: 700; text-transform: uppercase;}
.customer-quotes .swiper-quotes {position: relative; overflow-x: hidden;}
.customer-quotes .swiper-quotes .swiper-slide {background-color: #FFE200; padding: 0 15%; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.customer-quotes .swiper-quotes .swiper-slide.active {opacity: 1;}  
.customer-quotes .swiper-quotes img {width: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.customer-quotes .swiper-quotes .swiper-caption {position: relative; padding: 40px 0 0 15px; top: 0; bottom: auto;margin-bottom: 30px;}
.customer-quotes .swiper-quotes .swiper-caption .quote {color: #000; text-align: left; font-style: italic;}
.customer-quotes .swiper-quotes .swiper-caption .name {color: #000; float: left; clear: both; text-align: left; font-size: 16px; font-weight: 400;}
.customer-quotes .swiper-button-next {position: relative; float: right; right: 30px;}
.customer-quotes .swiper-button-prev {position: relative; float: right; margin-right: 60px;}
.customer-quotes .swiper-button-next, .customer-quotes .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2379B20E'%2F%3E%3C%2Fsvg%3E"); }
.customer-quotes .swiper-button-prev, .customer-quotes .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2379B20E'%2F%3E%3C%2Fsvg%3E");  }
.customer-quotes::after {position: relative; bottom: -70px; left: 60px; content: ""; width: 0; height: 0; border-style: solid;	border-width: 50px 50px 0 0; border-color: #ffe100 transparent transparent transparent;}


/*CUSTOMER REVIEW*/
.customer-review {background-color: #FFE200; float: left; width: 100%; min-height: 300px; position: relative; margin-bottom: 80px;}
.customer-review .text {position: relative;margin:50px 50px 30px 60px; }
.customer-review .text .review-name {font-size:14px; }
.customer-review::after {position: relative; bottom: -70px; left: 60px; content: ""; width: 0; height: 0; border-style: solid;	border-width: 50px 50px 0 0; border-color: #ffe100 transparent transparent transparent;}


/* RENTAL SELEKTOR */
.rental-selektor-overlay {width: 100%; height: 100%; position: absolute; z-index: 1200; top: 0; left: 0; background-color: rgba(0,0,0,0.4);}
.rental-selektor-overlay * {text-align: center;}

.rental-selektor-overlay .rental-selektor-overlay-header {position: relative; top: 5%; }
.rental-selektor-overlay h1 {font-size: 50px; color: #fff;}
.rental-selektor-overlay h2 {font-size: 30px; text-transform: uppercase; color: #fff;}
.rental-selektor-overlay .label {text-transform: uppercase; width: 100%; float: left; margin-bottom: 10px;}

.rental-selektor-overlay .rental-selektor-overlay-category {position: relative; top: 10%;}
.rental-selektor-overlay .rental-selektor-overlay-category > div {width: 100%;}
.rental-selektor-overlay .selektor-button {display: inline-flex; list-style-type: none; padding: 0px; margin: 5px;}
.rental-selektor-overlay .selektor-button i {font-size: 40px; color: #333; padding: 30px 42px 5px 42px;}
.rental-selektor-overlay .selektor-button .text {font-size: 10px; letter-spacing: 0; color: #333; line-height: 1;}
.rental-selektor-overlay .selektor-button a {height: 130px; width: 130px; background-color: #fff; display: inline-block; line-height: 1; color: #333; text-transform: uppercase; font-weight: 700;}
.rental-selektor-overlay .selektor-button a:hover, .rental-selektor-overlay .selektor-button.active a {background-color: #74B318; }
.rental-selektor-overlay .selektor-button a:hover > *, .rental-selektor-overlay .selektor-button.active a  > * {color: #fff; }

.rental-selektor-overlay .rental-selektor-overlay-season {position: relative; top: 15%; z-index: 1400;}

.rental-selektor-overlay .rental-switch {list-style-type: none; margin: 0 auto; z-index: 1101; width: 250px; font-size: 14px;}
.rental-selektor-overlay .rental-switch-button {position: relative; background-color: #fff; display: none; line-height: 1; width: 250px; text-align: left; float: left;}
.rental-selektor-overlay .rental-switch-button a {color: #000; line-height: 1;}
.rental-selektor-overlay .rental-switch-button .fa {font-size: 14px; top: 0px; left: 4px; position: relative; color: #000; float: right;}

.rental-selektor-overlay .rental-switch-button.active {display: block; padding: 15px;}
.rental-selektor-overlay .rental-switch-button.active a { float: left;}
.rental-selektor-overlay .rental-switch-button:nth-of-type(2) a, .rental-selektor-overlay .rental-switch-button:nth-of-type(3) a , .rental-selektor-overlay .rental-switch-button:nth-of-type(4) a {padding:  15px; float: left; width: 100%; text-align: left;}
.rental-selektor-overlay .rental-switch-button:nth-of-type(2) a:hover, .rental-selektor-overlay .rental-switch-button:nth-of-type(3) a:hover , .rental-selektor-overlay .rental-switch-button:nth-of-type(4) a:hover {background-color: #74B318; color: #fff;}
.rental-selektor-overlay .rental-switch-button:hover {cursor: pointer; }

.rental-selektor-overlay .rental-selektor-overlay-button {width: 100%; position: absolute; bottom: 10%; left: 0;}

.rental-selektor-overlay .alert-shadow {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}

/* RENT BIKES LIST */
.fce_bikelist {font-size: 12px;}
.fce_bikelist .dropdown {}
.fce_bikelist .dropdown select {background-color: #fff; border: 0;}
.fce_bikelist {}

.fce_bikelist .col-md-6 {padding-top: 30px; padding-bottom: 30px;height:580px;}
.fce_bikelist .col-md-6.contentelement:hover {background-color: transparent;}

.fce_bikelist .l_bike_2 {text-align: center; width: 100%; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; line-height: 2;}
.fce_bikelist .l_bike_2 a { color: #333;}
.fce_bikelist .l_image_2 {padding: 0 50px; min-height: 295px;}
.fce_bikelist .l_data_2 {display: none;}
.fce_bikelist .l_price_2 {font-weight: 700; text-align: center; z-index: 400; position: relative; padding: 20px 0;}
.fce_bikelist .l_price_2 .price_padding {font-weight: 700; text-align: center; z-index: 400; position: relative;}
.fce_bikelist .l_price_2:after {height: 15px; width: 50%; background-color: #ffe200; content: " "; position: relative; float: left;	margin: -10px 25% 0 25%; z-index: 399;}

.fce_bikelist .l_price_3 {font-weight: 700; text-align: center; z-index: 400; position: relative; padding: 20px 0;}
.fce_bikelist .l_price_3 .price_padding {font-weight: 700; text-align: center; z-index: 400; position: relative;}
.fce_bikelist .l_price_3:after {height: 15px; width: 50%; background-color: #ED1C24; content: " "; position: relative; float: left;	margin: -10px 25% 0 25%; z-index: 399;}

.tx-tsfmbikesrent-pi5 .l_image_2 { height: 350px;}

.fce_bikelist .tab-sort-bar {margin-bottom: 30px;}

.fce_bikelist .info-overlay {text-align: center; padding: 20px 20px; position: relative; top: -168px; z-index: 401; opacity: 0; min-height: 170px;}
.fce_bikelist .info-overlay .price-table {width: 200px; padding: 0px; margin: 0 auto 30px auto; position: relative;}
.fce_bikelist .info-overlay .price-table > div {width: 200px;}
.fce_bikelist .info-overlay .duration {width: 70%; text-align: left; display: inline-block;}
.fce_bikelist .info-overlay .price {width: 30%; text-align: left; display: inline-block;}
.fce_bikelist .info-overlay .info-link {position:relative;clear:left;width: 100%; }

.fce_bikelist .select { border: 1px solid #ccc; overflow: hidden; height: 45px; width: 180px; position: relative; display: block; }
.fce_bikelist select {height: 45px; padding: 5px;	border: 0; width: 180px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.fce_bikelist .select:after {content:"\f107"; font-family: FontAwesome; font-size: 25px; color: #333; padding: 3px; position: absolute; right: 6px; top: 0; background: transparent; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box;}

.fce_bikelist .col-md-6:hover, .fce_bikelist .col-md-6:hover .info-overlay {background-color: #fff; opacity: 1;}

.fce_bikelist .highlights ul {
	position:relative;
	list-style:none;
	min-height:80px;
}

/* RENT BIKES DETAIL */
.bike-detail {padding-top: 30px;}
.bike-detail .manufacturer {float: left; height:auto; width:auto;}
.bike-detail .special-icon {float: right; height:auto; width:auto; position: absolute; right: 100px; top: 80px; }
.bike-detail .header {float: left; clear: both;}
.bike-detail h1 {font-size: 18px; margin: 20px 0 0 0; font-weight: 400;}
.bike-detail h2 {font-size: 18px; margin: 0px 0 0 0; font-weight: 400;}
.bike-detail .l_price_2 {font-weight: 700; text-align: left; z-index: 400; position: relative; padding: 20px 0;}
.bike-detail .l_price_2 .price_padding {font-weight: 700; text-align: left; z-index: 400; position: relative;}
.bike-detail .l_price_2:after {height: 15px; width: 85%; background-color: #ffe200; content: " "; position: relative; float: left;	margin: -10px 25% 0 25%; z-index: 399;}
.bike-detail .text-left .l_price_2:after {height: 15px; width: 100%; background-color: #ffe200; content: " "; position: relative; float: left;	margin: -10px 25% 0 25%; z-index: 399;}

.bike-detail .l_price_2 .price_padding_topyellow {
	margin: -25px 0 0 0px;
	position:absolute;
}

/*speacial fuer sale*/
.bike-detail .l_price_red:after {height: 15px; width: 72%; background-color: #ED1C24;}
.bike-detail .tabs .l_price_red:after {height: 15px; width: 250px; background-color: #ED1C24;}
.bike-detail .tabs .l_price_2 {padding-top: 0;}
.bike-detail .tabs .l_price_2 .price_padding b {font-weight: 800 ;}
.bike-detail .tabs .l_price_red .price_padding {font-weight: 400;}

.tx-tsfmbikessell-pi2 .bike-detail .l_price_2:after {margin: -10px 25% 0 -7%;}

.bike-detail .bike-image {margin-top: -160px; padding: 0 140px;}

.bike-detail .check-availibility {padding-top: 30px;}
.bike-detail .check-availibility .fa {background-color: #fff; padding: 12px 12px 12px 12px; position: absolute; left: 18px; top: 2px;}
.bike-detail .check-availibility .form-control {min-height: 45px; margin-bottom: 30px;}
.bike-detail .check-availibility .wrapper-date-from input {text-indent: 40px;}
.bike-detail .check-availibility .wrapper-date-to input {text-indent: 40px;}
.bike-detail .check-availibility .wrapper-size {}
.bike-detail .check-availibility .wrapper-location {}

.bike-detail .check-availibility select {height: 45px; padding: 5px; border: 0; -webkit-appearance: none; -moz-appearance: none;	appearance: none;}
.bike-detail .check-availibility .select:after {content:"\f107"; font-family: FontAwesome; font-size: 25px; color: #333; padding: 3px; position: absolute; right: 3px; top: 0; background: transparent; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box;}

.bike-detail .check-availibility .col-md-12 {text-align: center;}
.bike-detail .check-availibility .col-md-12 .btn {margin: 5px; }

.bike-detail .tabs {text-align: center; padding-top: 30px;}
.bike-detail .tabs .col-md-6 {padding-top: 30px; padding-bottom: 30px; text-align: left;}
.bike-detail .tabs .col-md-6 .pricelist span {width: 150px; text-align: left; }

.bike-detail .tabs .col-md-6 .pricelist {width: 300px; text-align: left; }
.bike-detail .tabs .col-md-6:first-of-type h3 {width: 300px; text-align: left; float: right; }
.bike-detail .tabs .col-md-6:first-of-type .pricelist {width: 300px; text-align: left; float: right; }

/* RENT BIKES CHECKOUT */
.tx-tsfmbikesrent-pi3 .select {width: 180px;}
.tx-tsfmbikesrent-pi3 select {height: 45px; padding: 5px;	border: 0; width: 180px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.tx-tsfmbikesrent-pi3 select.form-control {color: #999;}
.tx-tsfmbikesrent-pi3 .select:after {content:"\f107"; font-family: FontAwesome; font-size: 25px; color: #333; padding: 3px; position: absolute; right: 6px; top: 0; background: transparent; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box;}

.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > * {float: left;}
.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > *:nth-of-type(2), .tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > *:nth-of-type(3) { width: 33%;}
.tx-tsfmbikesrent-pi3 small {position: absolute; top: 15px; right: -50px;  }
.tx-tsfmbikesrent-pi3 .saddleheight {width: 180px; }

.tx-tsfmbikesrent-pi5 .basic-information {padding: 40px; }
.tx-tsfmbikesrent-pi5 .basic-information div:nth-of-type(3) {padding: 40px 0; }
.tx-tsfmbikesrent-pi5 .basic-information div:nth-of-type(3) {padding: 40px 0; }

.tx-tsfmbikesrent-pi5 .l_price_2 {font-weight: 700; text-align: left; z-index: 400; position: relative; padding: 20px 0 0 0;  float: left;}
.tx-tsfmbikesrent-pi5 .l_price_2 .price_padding {font-weight: 700; text-align: left; z-index: 400; position: relative; font-size: 36px; float: left;}
.tx-tsfmbikesrent-pi5 .l_price_2:after {height: 40px; width: 110%; background-color: #ffe200; content: " "; position: relative; float: left; margin: -30px -5% 0 -5%; z-index: 399;}
.tx-tsfmbikesrent-pi5 .price-per-day {clear: both; float: left; font-weight: 700;}

.tx-tsfmbikesrent-pi5 .further-information > .col-md-2 {margin-right:10px;background-color:#fff;font-size:13px; padding: 15px;}
.tx-tsfmbikesrent-pi5 .further-information > .col-md-2 > b {text-transform: uppercase; padding-bottom: 20px;}
.tx-tsfmbikesrent-pi5 .btn {float: right;}
.tx-tsfmbikesrent-pi5 .alt-bikes .btn {float: none;}

/* SALE */
.tx-tsfmbikessell-pi3 form {margin-top:30px;}
.tx-tsfmbikessell-pi3 .select {max-width: 300px;}
.tx-tsfmbikessell-pi3 .zip {width: 170px; margin-right: 30px;}
.tx-tsfmbikessell-pi3 .city {width: calc(100% - 200px);}
.tx-tsfmbikessell-pi3 small {position: absolute; right: -45px; top: 15px;}


.tx-tsfmbikessell-pi1 .fce_bikelist .l_price_2 {
	padding-top:0px;
}

.tx-tsfmbikessell-pi1 .fce_bikelist .l_price_2 .price_padding .price_day1,
.tx-tsfmbikessell-pi1 .fce_bikelist .l_price_2 .price_padding .price_day2 {
	font-size:24px;
}

/* BASKET */
.basket_head_person {background-color:#79b20e; color:#fff;}
.basket_table_person { width:100%; }
.basket_table_person .fa { font-size:24px; }
.basket_checkout {text-align:right;margin-top:20px;}

.checkout-steps {margin: 0;}
.checkout-steps span {padding: 0 15px 0 7px;}
.checkout-steps span.active {text-decoration: underline;}

.addressform  label { width:180px;}

.basket_options {margin-bottom: 30px;}
.basket_options .row .col-md-6:first-of-type {text-align: center;}
.basket_options .row .image {width: 320px; margin: 0 auto; padding: 15px 50px;}

.basket_options .row .img-margin {margin: 20px 5px;}

.basket_options .head {font-weight: 700; text-align: center; float: left; margin-left: 25px; z-index: 400; position: relative; text-transform: uppercase; }
.basket_options .head span {z-index: 401; position: relative;}
.basket_options .head::after {	height: 25px; width: calc(100% + 50px); background-color: #ffe200; content: " "; position: relative; float: left; margin: -10px -25px 0 -25px; z-index: 399;}

.basket_options.bike .row .image {width: 400px;}
.basket_options.bike .model {width: 100%; float: left;}

.basket_options.accessory > .row {margin-bottom: 30px;}
.basket_options.accessory > .white-background.row {margin-bottom: 15px;}
.basket_options.accessory .name {text-transform: uppercase; width: 100%; float: left; font-weight: 700;}

.basket_options.insurance .name {text-transform: uppercase; margin-bottom: 10px;}

.basket_options.tours .basket_options > .row {margin-bottom: 30px;}
.basket_options.tours .basket_options > .row {margin-bottom: 30px;}
.basket_options.tours .tabs {padding: 30px 0;}
.basket_options.tours .name {text-align: left; width: 100%; float: left; font-weight: 700; text-transform: uppercase;}
.basket_options.tours .image {width: auto;}

.basket_options .additional-information {padding: 30px 30px 30px 50px; position: relative;}
.basket_options .additional-information input {position: absolute; right: 30px; top: 30px;}
.basket_options .additional-information span {width: 100%; float: left;}
.basket_options .additional-information span.price:before {content: "";}

.basket_options .price-information {padding-top: 30px; padding-bottom: 30px; position: relative;}
.basket_options .price-information .price {font-size: 40px; padding: 30px 0 0 0; font-weight: 700;}

.tx-t3shop-pi2 .basket_options > .row {margin-bottom: 30px;}
.tx-t3shop-pi2 .basket_options > .row .additional-information span:before {content: "";}
.tx-t3shop-pi2 .basket_options > .row .price-information .delete {position: absolute; top: 40px; right: 30px;}
.tx-t3shop-pi2 .basket_options > .row .price-information .delete .fa {font-size: 30px; color: #333;}
.tx-t3shop-pi2 .basket_options > .red {display: none;}
.tx-t3shop-pi2 .basket_options > .basket_total .price {border-bottom: 3px double; bottom: 0;}

.tx-t3shop-pi3 .regular-checkbox {top: 8px; margin-right: 5px; float: right;}
.tx-t3shop-pi3 .btn {float: right;}

.tx-t3shop-pi4 .btn {float: right;}
.tx-t3shop-pi4 .tours, .tx-t3shop-pi4 .tours .tab-content .basket_options {margin: 0;}
.tx-t3shop-pi4 .tours .tabs {padding: 0;}
.tx-t3shop-pi4 .regular-checkbox {float: right;}

.tx-t3shop-pi4 .difficulty-tooltip {display: none; opacity: 0; width: 400px; border: 3px solid #efefef; left: 50px; position: absolute; z-index: 1000; background-color: #ECEAE8; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel {}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel .title {display: none;}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel .image {max-width: 200px;}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel .image img {max-width: 150px;}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel p {font-size: 14px;}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel .basic-information {padding: 0 15px 15px 15px;}
.tx-t3shop-pi4 .difficulty-tooltip .difficultylevel .additional-information {padding: 0 15px;}

.tx-t3shop-pi4 .tabs li:hover > .difficulty-tooltip {display: block; opacity: 1;}

.tx-t3shop-pi8 .regular-radio {float: right;}

.tx-t3shop-pi8 .difficulty-tooltip {display: none; opacity: 0; width: 400px; border: 3px solid #efefef; left: 50px; position: absolute; z-index: 1000; background-color: #ECEAE8; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel {}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .title {display: none;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .image {max-width: 200px;padding:10px;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel p {font-size: 14px;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .basic-information {padding: 0 15px 15px 15px;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .additional-information {padding: 0 15px;}

#formbillingaddress {max-width: 400px;}
#formbillingaddress .select {width: 60%;}
#formbillingaddress .birthdate .select {width: 33%; float: left;}

/* TOURS */
.tx-tsfmtouren-pi1 .select { border: 1px solid #ccc; overflow: hidden; height: 45px; width: 100%; position: relative; display: block; }
.tx-tsfmtouren-pi1 select{	height: 45px; padding: 5px;	border: 0; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.tx-tsfmtouren-pi1 .select:after {content:"\f107"; font-family: FontAwesome; font-size: 25px; color: #333; padding: 3px; position: absolute; right: 6px; top: 0; background: transparent; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box;}

.tx-tsfmtouren-pi1 .tourlist .difficulty {text-align: right; font-weight: 600; font-size: 14px; text-transform: uppercase;}
.tx-tsfmtouren-pi1 .tourlist .difficulty .active {color: #79b20e;}
.tx-tsfmtouren-pi1 .tourlist .difficulty .fa {color: #D4D2D0; margin: 5px; font-size: 18px;}
.tx-tsfmtouren-pi1 .tourlist .additional-information {background-color: #fff; float: left; width: 100%; padding: 30px;}
.tx-tsfmtouren-pi1 .tourlist .name {font-size: 26px; font-weight: 700;}
.tx-tsfmtouren-pi1 .tourlist .teaser {font-weight: 700;}
.tx-tsfmtouren-pi1 .tourlist .day {font-size: 44px; text-transform: uppercase; font-weight: 700;}
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .fittness, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .technique, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .overall, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .distance, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .uphill, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .downhill {line-height: 1.8; font-size: 14px;}

.tx-tsfmtouren-pi1 .tourlist .col-md-3 .fittness b, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .technique b, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .overall b, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .distance b, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .uphill b, 
.tx-tsfmtouren-pi1 .tourlist .col-md-3 .downhill b { width: 60%; display: block; float: left;}

.tx-tsfmtouren-pi1 .tourlist .price {float: left; margin-bottom: 40px;min-width: 170px;}
.tx-tsfmtouren-pi1 .tourlist .price-tag1 {font-size: 34px; font-weight: 800;}
.tx-tsfmtouren-pi1 .tourlist .price-tag2 {float: right; clear: left; font-size: 13px;}
.tx-tsfmtouren-pi1 .tourlist .btn {float: right; clear: both; width: 100%;}
.tx-tsfmtouren-pi1 .tourlist .aufklappbutton {text-align: center;}
.tx-tsfmtouren-pi1 .tourlist .aufklappbutton > div {position:relative; margin-left:auto; margin-right:auto; top: -35px; background-color:#fff; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width:80px;}
.tx-tsfmtouren-pi1 .tourlist .aufklappbutton > div:hover {cursor: pointer;}
.tx-tsfmtouren-pi1 .tourlist .aufklappbutton .fa {font-size: 40px; color: #79b20e;}
.tx-tsfmtouren-pi1 .tourlist .aufklapp {display:none;z-index:4;}
.tx-tsfmtouren-pi1 .tourlist .aufklapp > div {background-color:#fff; float: left; width: 100%;}
.tx-tsfmtouren-pi1 .tourlist .aufklapp .col-md-9 {padding: 30px 30px 30px 60px; line-height: 1.9; font-size: 15px;}

.tx-tsfmtouren-pi3 small {position: absolute; right: -45px; top: 15px;}

.tx-tsfmtouren-pi5 {padding: 30px;}
.tx-tsfmtouren-pi5 .lightbox_tourdata > * {margin-bottom: 15px;}

/* PACKAGES */
.tx-tsfmtouren-pi6 .bike-list .booklink {top: 30px; right: 15px; position: relative; float: right;}
.tx-tsfmtouren-pi4 small {position: absolute; right: -45px; top: 15px;}

/* DIFFICULTYLEVELS */
.difficultylevel {}
.difficultylevel image {}
.difficultylevel img {width: auto;}

.tab-pane .difficultylevel .title {display: none;}
.tab-pane .difficultylevel .image {padding: 50px; text-align: center;}
.tab-pane .difficultylevel .image img {width: 200px;}
.tab-pane .difficultylevel .basic-information {background-color: #fff; padding: 30px; margin: 30px 0;}
.tab-pane .difficultylevel .basic-information p {margin-bottom: 15px;}

.tab-pane .difficultylevel .additional-information.whitebackground {background-color: #fff; padding: 30px; margin: 30px 0;}



/* TABS */
/*.tab-pane {padding: 30px 15px;}*/
.tab-pane > div { padding: 30px 15px; }
.tab-pane > div.boxgruenweiss { padding: 0; }
.tab-pane > div.boxgruenweiss .row { padding: 0; margin: 0; }

.nav-tabs {	border-bottom: 1px solid #FFE200; margin: 0;}
.nav-tabs > li > a {border-radius: 0; font-size: 21px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #FFE200; color: #fff}

/*ISLAND SELEKTOR*/
.island-selektor {position: relative; padding: 60px 0; height: 300px;}
.island-selektor-overlay {position: absolute; width: 130%; left: -15%; top: -50%; opacity: 0;}
.island-selektor-overlay img {opacity: 0;}
.island-selektor-overlay span {position: relative; width: 100%; padding: 20px 0; text-align: center; float: left; color: #fff;}
.island-selektor-content {position: relative; }
.island-selektor-full {width: 150px; height: 150px; margin: 0 auto; position: absolute; left: calc(50% - 75px);}
.island-selektor-shape {width: 150px; height: 150px; margin: 0 auto; position: absolute; top: 0; left: calc(50% - 75px); opacity: 0;}
.island-selektor-name {color: #fff; text-align: center; text-transform: uppercase; position: relative; top: 80px; left: 40px;}
.island-selektor-name a {color: #fff;}

.island-switch {float: left; list-style-type: none; margin: 0; z-index: 1101;}
.island-switch-button {position: relative; height: 45px; background-color: #fff; display: none; line-height: 1; width: 250px; padding: 15px;}
.island-switch-button a {color: #000; line-height: 1;}
.island-switch-button .fa {font-size: 14px; top: 0px; left: 4px; position: relative; color: #000; float: right;}

.island-switch-button.active {display: block;}
.island-switch-button.active a { float: left; padding: 0;}
.island-switch-button:nth-of-type(2) {margin-top: 2px; }
.island-switch-button:hover {cursor: pointer; }

/*MOBILE FILTER DROPDOWN*/
.mobile-filter-dropdown {font-size: 14px;}
.mobile-filter-dropdown:hover {cursor:pointer;}
.mobile-filter-dropdown .filter-button {padding: 15px 0; width: 180px; margin: 0 auto; float: none; text-align: center; position: relative; display: block;}
.mobile-filter-dropdown .fa {}

/*BACKGROUNDS */
.background-green {background-color: #74B318;}

/* LINKS */
.links li {list-style-type: none; float: left; text-align: left;}

/* FIX FUER INHALT */
.csc-default {width: 100%; float: left; clear: both;}
.csc-textpic-caption-c {background-color: rgba(255, 255, 255, 0.9); height: 50px; margin-top: -50px; position: relative;}

/*BROWSERSPEZIFISCHE FALLBACKS*/
* {outline: 0 none;}

/* STARTSEITE */
.mainpage {height: 100%; margin-bottom: 0;}
.mainpage .logo {position: absolute; width: 240px; left: 200px;}
.mainpage .swiper {position: absolute; left: 0; top: 0; width: 100%;}

.mainpage .content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 301;}
.mainpage .content .logo {float: none; width: 300px; margin: 0 auto; position: relative; top: 100px;}
.mainpage .content .content-inner {float: none; background-color: transparent; margin: 0 auto; position: absolute; top: 250px; left: 200px; padding: 30px 0 0 0;}
.mainpage .content .content-inner h1 {text-align: left; font-size: 70px; color: #fff; margin-bottom: 30px; line-height: 1; font-weight: 400; max-width: 700px;}
.mainpage .content .content-inner h2 {text-align: left; font-size: 30px; color: #fff; text-transform: uppercase; letter-spacing: 5px; font-weight: 200;}
.mainpage .content .content-inner .col-md-4 {max-width: 200px;}
.mainpage .content .content-inner .row:nth-of-type(3) {padding: 100px 0 0 0; opacity: 0.6;}

.mainpage .partner {position: relative; top: 0; float: left; width: 100%; padding: 60px 0;}

/*CHECKOUT WIZARD */
.form_wizard .stepContainer{display:block;position:relative;margin:0;padding:0;border:0 solid #CCC;overflow-x:hidden}
.wizard_horizontal ul.wizard_steps{display:table;list-style:none;position:relative;width:85%;margin:0}
.wizard_horizontal ul.wizard_steps li{display:table-cell;text-align:center}
.wizard_horizontal ul.wizard_steps li a,.wizard_horizontal ul.wizard_steps li:hover{text-decoration:none;display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}
.wizard_horizontal ul.wizard_steps li a:before{content:"";position:absolute;height:4px;background:#ccc;top:20px;width:100%;z-index:4;left:0}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no{background:#ccc}
.wizard_horizontal ul.wizard_steps li a .step_no{width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}
.wizard_horizontal ul.wizard_steps li a.selected:before,.step_no{background:#34495E;color:#fff}
.wizard_horizontal ul.wizard_steps li a.done:before,.wizard_horizontal ul.wizard_steps li a.done .step_no{background:#1ABB9C;color:#fff}
.wizard_horizontal ul.wizard_steps li:first-child a:before{left:50%}
.wizard_horizontal ul.wizard_steps li:last-child a:before{right:50%;width:50%;left:auto}
.wizard_verticle .stepContainer{width:80%;float:left;padding:0 10px}
.actionBar{width:100%;border-top:1px solid #ddd;padding:10px 5px;text-align:right;margin-top:10px}
.actionBar .buttonDisabled{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}
.actionBar a{margin:0 3px}
.wizard_verticle .wizard_content{width:80%;float:left;padding-left:20px}
.wizard_verticle ul.wizard_steps{display:table;list-style:none;position:relative;width:20%;float:left;margin:0 0 20px}
.wizard_verticle ul.wizard_steps li{display:list-item;text-align:center}
.wizard_verticle ul.wizard_steps li a{height:80px}
.wizard_verticle ul.wizard_steps li a:first-child{margin-top:20px}
.wizard_verticle ul.wizard_steps li a,.wizard_verticle ul.wizard_steps li:hover{display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}
.wizard_verticle ul.wizard_steps li a:before{content:"";position:absolute;height:100%;background:#ccc;top:20px;width:4px;z-index:4;left:49%}
.wizard_verticle ul.wizard_steps li a.disabled .step_no{background:#ccc}
.wizard_verticle ul.wizard_steps li a .step_no{width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}
.wizard_verticle ul.wizard_steps li a.selected:before,.step_no{background:#34495E;color:#fff}
.wizard_verticle ul.wizard_steps li a.done:before,.wizard_verticle ul.wizard_steps li a.done .step_no{background:#1ABB9C;color:#fff}
.wizard_verticle ul.wizard_steps li:first-child a:before{left:49%}
.wizard_verticle ul.wizard_steps li:last-child a:before{left:49%;left:auto;width:0}
.form_wizard .loader{display:none}
.form_wizard .msgBox{display:none}

/*QUICK BOOKING*/
.quickbooking-hidden {display: none;}
.quickbooking-overlay {position: absolute; right: 0; top: 0; width: 32%; height: 100%; z-index: 1200; background-color: #78B017; padding: 6%;}
.quickbooking-overlay.hide {display: none;right: -5000px;}
.quickbooking-overlay legend {font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 500; border: 0;}
.quickbooking-overlay .select {border: 0;}
.quickbooking-overlay .btn {color: #78B017; background-color: #fff; margin: 30px auto 0 auto;}
.quickbooking-overlay .row:last-of-type .col-md-12 {text-align: center;}
.quickbooking-overlay .wrapper-date .fa {left: 16px; background-color: transparent;}
.quickbooking-overlay .close-button {position: absolute; top: 40px; right: 40px;cursor: pointer; }
.quickbooking-overlay .fa-times {font-size: 50px; font-weight: 100; color: #fff;}
.quickbooking-overlay input:disabled, .quickbooking-overlay select:disabled {opacity: 0.4; border: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0;}
.quickbooking-button {position: absolute; right: 0; top: 0; width: 32%; height: 100%; z-index: 1100; padding: 6%;display:block;}
.quickbooking-button .qb-text {color:#fff;}
.quickbooking-button .btn-primary {border: 1px solid #fff; background-color:#fff; color: #79B20E; padding:10px 20px;}

/*##################################*/
/*###STYLE2.CSS KRAUT UND RUEBEN###*/
/*##################################*/

.btn {
	color:#fff;
}

.scrolldown-button {
    bottom: calc(14% + 100px);
}

#c2811 .morebutton {
	margin-bottom:15px;
}

#c3440 h2,
#c3444 h2,
#c3433 h2,
#c3429 h2,
#c3461 h2,
#c3457 h2,
#c3449 h2,
#c1530 h2,
#c3438 h2  {
	position:relative;
	z-index: 1;
	margin-bottom:30px;
}

#c3440 h2:after,
#c3444 h2:after,
#c3433 h2:after,
#c3429 h2:after,
#c3461 h2:after,
#c3457 h2:after,
#c3449 h2:after,
#c1530 h2:after,
#c3438 h2:after {
	height: 15px;
	width:82%;
	background-color: #ffe200;
	content: " ";
	position: absolute;
	float: left;
	top: 14px; left: -10px;
	z-index: -1;
}

.error {
	width:100%;
}

.tx-tsfmtouren-pi1 .tourlist .additional-information {
	padding-right:0;
}
.tx-tsfmtouren-pi1 .tourlist .additional-information .infowide {
	margin-right:-20px;
}
.tx-tsfmtouren-pi1 .tourlist .additional-information .col-md-3  b {
    width: 42%;
}

.tx-tsfmtouren-pi6 .price-information {
	padding-left:0;
	padding-right:0;
}

.tx-tsfmbikessell-pi2 ul {
		list-style:none;
}
.checkout-steps a {
		color:#000;
}
.ce-bodytext h3 {
	padding-bottom:10px;
}
.hp_teaser_expert .hp_teaser_expert_text {
	padding-bottom:10px;
}

.basket_options .additional-information {
	padding:30px;
}
.basket_options .row .image {
	padding:30px 0 30px 15px;
}
.hoverimage .hoverimage-overlay .overlay-color p {
	line-height:24px;
	text-align:left;
	height: 100px;
    position: relative;
    bottom: -15px
}
.col-md-3 .hoverimage .hoverimage-overlay .overlay-color p {
    bottom: 0px;
}

.hoverimage .hoverimage-overlay .overlay-color p  i {
	font-size:15px;
}

.customer-quotes {
    margin-bottom: 55px;
}


.fce_bikelist .info-overlay {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    z-index: 2000;
}

.bike-detail .bike-image {
	padding:30px;
}

.tx-t3shop-pi3 .regular-checkbox {
    top: -10px;
}


.tx-tsfmtouren-pi1 .difficulty-tooltip { display:block; opacity: 0; width: 400px; border: 3px solid #efefef; right: 50px; top:80px; background-color: #fff; font-size:12px;  position:absolute; z-index: 1000; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .basic-information  { padding: 15px; margin:0;}
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .basic-information p { font-size:14px; text-transform:none; padding: 0; text-align:center;margin:0;}
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .additional-information { padding: 15px; margin:0;}
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .additional-information p { font-size:14px; text-transform:none; text-align:center; padding: 0; margin:0;}
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .image  { padding:15px; margin: 0 auto; }
.tx-tsfmtouren-pi1 .difficulty-tooltip .difficultylevel .image img { width:100px; }


.tx-t3shop-pi8 .difficulty-tooltip { display:block; opacity: 0; width: 400px; border: 3px solid #efefef; right: 50px; top:50px; background-color: #fff; font-size:12px;  position:absolute; z-index: 1000; -webkit-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); -moz-box-shadow: 0px 0px 5px 6px rgba(116,179,24,1); box-shadow: 0px 0px 5px 6px rgba(116,179,24,1);}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .basic-information  { padding: 15px; margin:0;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .basic-information p { font-size:14px; text-transform:none; padding: 0; text-align:center;margin:0;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .additional-information { padding: 15px; margin:0;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .additional-information p { font-size:14px; text-transform:none; text-align:center; padding: 0; margin:0;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .image  { padding:15px; margin: 0 auto; text-align:center;}
.tx-t3shop-pi8 .difficulty-tooltip .difficultylevel .image img { width:100px; }

.pd_label2 {
	width:210px;
}
.fce_bikelist .col-md-6:hover .hoverimage {background-color: #000; opacity: 1;}
/*######################################*/
/*###STYLE2.CSS KRAUT UND RUEBEN ENDE###*/
/*######################################*/




/*RESPONSIVE*/
@media (max-width: 1980px) {
	.scrolldown-button {
		bottom: calc(13% + 100px);
	}
}

@media (max-width: 1500px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.mainpage .content .content-inner {top: 140px;}

	/* FOOTER */
}
@media (max-width: 1366px) {
	/* ALLGEMEIN */

	/* HEADER */
	.swiper-button-next {right: 3%;}
	.swiper-button-prev {left: 3%;}

	/* CONTENT */
	.rental-selektor-overlay h1 {margin-bottom: 0;}
	.scrolldown-button {bottom: 20px; left: calc(50% - 20px); width: 80px; height: 80px;}
	.scrolldown-button .fa {padding: 10px 20px; font-size: 60px;}
	
	.tx-tsfmbikesrent-pi2 .bike-image {
		
		max-height:400px;
	}

	/* FOOTER */
}
@media (max-width: 1300px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}
@media (max-width: 1200px) {
	/* ALLGEMEIN */

	/* HEADER */
	
	.quickbooking-button {
		padding: 6% 5%;
	}

	.quickbooking-overlay {
		width: 40%; 
		height: 120%;
		padding: 6% 5%;
	}

	
	.languageextra { display:none; }
	.islandshape {display: none;}
	.logo {padding: 15px 0; margin-left: -15px;}
	.header-container > .container, .navigation {width: 100%;}
	.navbar-collapse {padding: 0;}

	.topnavigation-wrapper {top: 10px; right: 60px;}
	.navigation-wrapper {padding: 0 60px; background-color: #79b20e;}
	.navigation-wrapper .container {width: 100%;}

	.navigation {z-index: 100; position: relative; float: left; width: 100%;}
	.navbar-wrapper .container {padding: 0;}
	.navbar {padding: 5px 0;}
	.menu-divider {display: none;}

	.dropdown .glyphicon {top: 0; float: right; left: auto; right: 0px; display: block;}
	.dropdown-menu .glyphicon {display: none;}

	.navbar-home {margin: 12px 0px 12px 0px;}
	.navbar-home a {padding: 8px; background-color: #fff; font-size: 15px; }

	.header-container .cart {right: 0px;}

	.islanddropdown {display: none; position: relative; right: auto; width: 250px; padding-bottom: 30px; float: left; }
	.islanddropdown .islanddropdown-selected, .islanddropdown .islanddropdown-item {position: relative; background-color: #fff; line-height: 1; width: 250px; float: left;}
	.islanddropdown .fa {float: right;}

	.islanddropdown-further {top: 42px;}

	.navbar-toggle {opacity: 0.8; display: block; margin-right: 0; position: absolute; top: 5px; right: 0; color: #fff; z-index: 115; padding: 0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.navbar-toggle .menu-text {float: left;line-height: 30px; margin-right: 20px; font-weight: 700;}
	.navbar-toggle .menu-icon {float: left; background-color: transparent; border: 0; padding: 8px; }
	.navbar-toggle .icon-bar {background-color: #fff; width: 30px;}
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }

	/* CLOSE ICON */

	.navbar-toggle.toggled .icon-bar-1 {transform: rotate(45deg) translate(4px, 7px); -ms-transform:rotate(45deg) translate(4px, 7px); -webkit-transform:rotate(45deg) translate(4px, 7px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.navbar-toggle.toggled .icon-bar-2 {visibility: hidden;}
	.navbar-toggle.toggled .icon-bar-4 {visibility: hidden;}
	.navbar-toggle.toggled .icon-bar-3 {transform: rotate(-45deg) translate(4px, -8px); -ms-transform:rotate(-45deg) translate(4px, -8px); -webkit-transform:rotate(-45deg) translate(4px, -8px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

	.navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.in {display: block !important; }

	.navbar-collapse {width: 100%; border:0; background-color: #79b20e; top: 0;}
	.navbar-nav {margin-left: 0; width: 100%; position: relative; padding-top: 30px; border-top: 1px solid #fff; clear: both;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0; background-color: #79b20e; padding: 30px 0;}
	.navbar-nav li { padding: 1px 0px 0px !important; width: 100%; border-bottom: 0 !important; float: left; margin-right:0;}
	.droplink {color: #fff; width: 40px; height: 40px; position: relative;  float: right;  cursor: pointer;  padding: 13px; background-color: #FFE200; display: inline-block; text-align: center;}
	.active .droplink {}
	.navbar-nav .nav-2 {}
	.navbar-nav .nav-2 li {border-bottom: 1px solid #fff; border-bottom: 0;}

	#nav > ul > li, #nav2 > ul > li{width: 100%; float: none;}
	#nav li ul, #nav2 li ul{position: static;}
	#nav li ul, #nav2 li ul  { width: 100%; }
	#nav li a {float: left;  display: inline-block; padding-bottom: 15px; padding-top: 15px; text-align: left; padding-left: 15px;}
	#nav li ul.dropdown-menu, #nav li:hover ul.dropdown-menu {  display: none;  }

	#nav > li {height: auto; padding: 0;}
	#nav li {   display: block;  clear: both;  }

	#nav li.active ul.dropdown-menu.menu1 {  display: block;  }
	#nav .dropdown-menu {padding: 0; border: 0; border-radius: 0; box-shadow: none; margin: 0; }
	#nav .dropdown-menu > li > a {  border: none;  }
	#nav .dropdown-menu li {  margin: 0;}
	#nav .dropdown-menu li a {  padding: 8px 15px;  word-wrap:break-word;  }

	/*-- level 1 --*/
	#nav .dropdown-menu > .active > a, #nav .dropdown-menu > .active > a:hover {  background: #fff;  min-height: 40px; color: #333; }
	.nav > li.active  {background-color: transparent;}
	#nav .dropdown-menu.menu2 {  display: none;  }
	#nav .dropdown-menu > li > a {  white-space: normal; min-height: 40px;}
	.activated-nav-item a {background-color: #dfe9ee;}

	/* CONTENT */
	.mainpage .content .content-inner h1 {font-size: 40px; max-width: 430px;}
	.mainpage .col-md-4 {width: 33.3333%;}
	.mainpage .col-md-4 .ce-right .ce-gallery {float: none;}

	.fce_bikelist .select {max-width: 160px;}
	.tx-tsfmbikesrent-pi3 small {right: -80px;}

	.tx-t3shop-pi4 li:first-of-type .difficulty-tooltip, .tx-t3shop-pi4 li:nth-of-type(2) .difficulty-tooltip {left: 0; right: auto;}
	.tx-t3shop-pi4 li:last-of-type .difficulty-tooltip, .tx-t3shop-pi4 li:nth-of-type(3) .difficulty-tooltip  {right: 0; left: auto;}

	/*RENTAL*/
	.rental-selektor-overlay-category {z-index: 1401;}
	.rental-selektor-overlay .dropdown-wrapper {position: absolute; top: 0; left: calc(50% - 125px); width: 250px; margin: 0 auto;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button {text-align: left; letter-spacing: 1px; font-size: 13px; margin: 0; position: relative; background-color: #fff; display: none; line-height: 1; width: 250px; text-align: left; float: left;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button a {text-align: left; height: auto; font-weight: 400; text-transform: none; width: calc(100% - 30px); background-color: transparent;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button .text {letter-spacing: 1px; font-size: 13px;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button .fa {font-size: 14px; top: 0px; left: 4px; position: relative; color: #000; float: right;}

	.rental-selektor-overlay .dropdown-wrapper .selektor-button.active {display: block;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button.active a { float: left;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button a {padding:  15px; float: left; width: 100%; text-align: left;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button:first-of-type { padding: 15px;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button:first-of-type a {padding: 0px; width: calc(100% - 30px); }
	.rental-selektor-overlay .dropdown-wrapper .selektor-button a:hover {background-color: #74B318; color: #fff;}
	.rental-selektor-overlay .dropdown-wrapper .selektor-button:hover {cursor: pointer; }

	.rental-selektor-overlay .rental-switch-button a, .rental-selektor-overlay .rental-switch-button, .rental-selektor-overlay .dropdown-wrapper .selektor-button a {letter-spacing: 1px; font-size: 13px;}

	.rental-selektor-overlay .rental-selektor-overlay-season {top: 25%;}

	/* FOOTER */
	.footer {border-top: 1px solid #fff;}
	
	/* VIDEO */
	/*video::-webkit-media-controls {
		display: none;
	}*/
}

@media (max-width: 1020px) {
	/* ALLGEMEIN */

	/* HEADER */

	
	/* CONTENT */

	/* FOOTER */
}

@media (max-width: 990px) {
	/* ALLGEMEIN */

	/* HEADER */
	.footer .col-md-4 {float: left; width: 100%; clear: both;}
	.footer .language-switch {margin-bottom: 30px;}

	.quickbooking-button {
		padding: 6% 4%;
	}
	.quickbooking-overlay {
		width: 60%; 
		height: 150%;
		padding: 6% 4%;
	}
	
	/* CONTENT */
	.mainpage div[class^="col-md-"], mainpage div[class*=" col-md-"] {margin-bottom: 0;}
	.mainpage .logo {left: 80px; margin-bottom: 15px;}
	.mainpage .content .content-inner {left: 80px; top: 100px;}
	.island-selektor {padding: 0;}

	.swiper-caption {bottom: calc(50% - 140px);}
	.swiper-caption h2 {font-size: 56px;}
	.swiper-caption .container {width: 100%;}

	.content-landingpage {margin-top: -70px;}
	.content-lightbox {padding: 0px 15px;}

	/*div[class^="col-md-"], div[class*=" col-md-"] {margin-bottom: 30px; float: left; width: 100%;}*/

	.hoverimage .hoverimage-overlay .overlay-color {height: 140px; min-width: 140px;}
	.hoverimage .hoverimage-overlay .overlay-color p {font-size: 20px; font-weight: 700 !important; bottom: 0px !important;}

	.col-md-4 .hoverimage .hoverimage-overlay .overlay-color { height: 120px; min-width: 120px; }
	.col-md-4 .hoverimage .hoverimage-overlay .overlay-color p { font-size: 16px !important;}
	.col-md-3 .hoverimage .hoverimage-overlay .overlay-color { height: 120px; min-width: 100px; }
	.col-md-3 .hoverimage .hoverimage-overlay .overlay-color p { font-size: 12px !important; }

	.customer-quotes .swiper-quotes .swiper-slide {padding: 0;}
	.customer-quotes .swiper-quotes .swiper-caption {padding: 15px;}

	.tab-sort-bar div[class^="col-md-"], .tab-sort-bar div[class*=" col-md-"] {width: 25%; float: left; margin-bottom: 15px;}
	.fce_bikelist .col-md-6 {width: 50%; float: left; height: 500px;}
	.fce_bikelist .l_image_2 { padding: 0 10px; min-height: 250px;}
	.fce_bikelist .hp_teaser_expert {display: none;}

	.check-availibility div[class^="col-md-"], .check-availibility div[class*=" col-md-"] {width: 50%; float: left; margin-bottom: 15px; height: 50px;}
	.check-availibility div.col-md-12 {width: 100%;}

	.bike-detail .tabs .col-md-6 {width: 50%; float: left;}

	.indent .btn {margin-bottom: 15px;}

	.further-information div[class^="col-md-"], .further-information div[class*=" col-md-"] {width: calc(25% - 10px); float: left; padding-left: 5px; margin-bottom: 10px;}
	.further-information div.col-sm-1 {display: none;}

	.tx-tsfmbikesrent-pi3 small {right: auto; left: 220px;}

	.worldweather .weather-row:last-of-type {display: none;}

	.tx-tsfmtouren-pi1 .tourlist .aufklappbutton > div {top: -30px;}

	#basketform .form-group > *:nth-of-type(2), #basketform .form-group > *:nth-of-type(3) {margin-top: 15px; float: left; width: 100%;}
	#basketform small {display: none;}

	.footer .language-switch-button {float: none; height: 40px;}
	.footer .language-switch-button:nth-of-type(2) {padding: 15px;}

	/* RENTAL */
	.rental-selektor-overlay h1 {font-size: 32px; margin: 0;}
	.rental-selektor-overlay h2 {font-size: 24px;}

	/* FOOTER */
	.footer-socialmedia .socialmedia-icon {width: 25%; max-width: 60px; float: left;}

	.footermenu .col-md-2 {width: 19%; margin:0; float: left;}
	
	.overlay-color-padding.textlines-2 {
		top: -10px;
	}	
}

@media (max-width: 769px) {
	/* ALLGEMEIN */
	body {margin-bottom: 0;}

	/* HEADER */

	/* CONTENT */
	.swiper img {height: 480px; width: auto;}
	.mainpage .swiper img {float:right;}
	.mainpage .swiper .swiper-slide {overflow-x: hidden; text-align: right; -webkit-justify-content: flex-end; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: right;}
	.scrolldown-button {display: none;}

	.content {padding: 0;}
	.content-landingpage div[class^="col-md-"], .content-landingpage div[class*=" col-md-"] {width: 50%; float: left;}

	.mainpage .content .content-inner {width: calc(100% - 120px);}
	.mainpage .content .content-inner h1 {font-size: 30px; max-width: 350px;}
	.mainpage .content .content-inner h2 {font-size: 20px; max-width: 350px;}

	.tx-powermail label {width: 100%; float: left;}

	.bike-detail .bike-image {padding: 0 40px; margin-top: 0;}

	.white-background {margin: 0;}
	.basket_options.bike .row .image {width: auto; max-width: 240px;}

	/*.ce-right .ce-gallery {float: none;}*/
	/*.ce-right .ce-gallery img {width: auto; text-align: center; margin: 0 auto;}*/
	/*.ce-left .ce-gallery, .ce-column { float: none; }*/
	.tx-tsfmtouren-pi1 .tourlist .additional-information .infowide {margin-right: 0;}
	.tx-tsfmtouren-pi1 .tourlist .additional-information {padding: 30px 15px;}
	.tx-tsfmtouren-pi3 .inputrow > * {
		float: left;
		width: 100%;
	}

	/* FOOTER */

}

@media (max-width: 767px) {
	/* ALLGEMEIN */

	/* HEADER */
	
	.quickbooking-button {
		padding: 6% 3%;
	}
	.quickbooking-overlay {
		top: 91px;
		width: 100%; 
		height: 150%;
		z-index: 1200;
		background-color: #78B017;
		padding: 6% 3%;
	}


	/* CONTENT */
	.tx-tsfmbikesrent-pi1 .tab-sort-bar {display: none;}
	.worldweather .weather-row:last-of-type {display: block;}

	/* FOOTER */

}

@media (max-width: 650px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.swiper-caption h2 {font-size: 40px;line-height: 1;}

	.content-landingpage div[class^="col-md-"], .content-landingpage div[class*=" col-md-"] {width: 100%; float: none;}

	.fce_bikelist .col-md-6 {width: 100%;}

	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:nth-of-type(4) > div:nth-of-type(3) {clear: both; top-bottom: 15px;}
	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(1) {margin-bottom: 15px;}
	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(2) {clear: both;}
	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(2), .tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(3) {width: 50% !important;}

	.tab-sort-bar div[class^="col-md-"], .tab-sort-bar div[class*=" col-md-"] {width: 33.333333%;}

	.checkout-steps  .bs_inactive {display: none;}

	/* FOOTER */


}

@media (max-width: 600px) {
	/* ALLGEMEIN */

	/* HEADER */

	.language-switch {position: relative; z-index: 150; margin: 8px 8px 0 0px;}
	.language-switch-button-text { color: #79B20E; background-color: #fff; font-size: 15px; padding: 9px 7px 7px 7px;}
	.language-switch-button-text a  { color: #79B20E;}
	.language-switch-languages { background-color: #fff; clear: both; float: left;}
	.language-switch-languages-element {padding: 6px 7px 6px 6px;}

	.search-wrapper {float: left; position: relative; left: 10px; z-index: 1000; margin: 7px 0 0; max-width: 130px;}
	.search-wrapper .search-submit, .search-wrapper .search-button {height: 33px; width: 33px; background-color: #fff; color: #79B20E; font-size: 18px;}
	.search-wrapper .search-input {height: 33px; background-color: #fff;}

	/* CONTENT */

	/* FOOTER */
}

@media (max-width: 550px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.swiper-caption {bottom: calc(50% - 240px);}
	.swiper-caption .col-xs-6 {width: 100%;}
	.swiper-caption .col-md-6:first-of-type p, .swiper-caption .col-md-6:last-of-type p {float: none; text-align: center;}

	.mainpage .col-md-4 {width: 100%;}
	.mainpage .col-md-4 .ce-right .ce-gallery {float: none; text-align: center;}
	.mainpage .col-md-4 .ce-column {float: none;}
	.mainpage .col-md-4 .ce-column img {width: auto; margin: 0 auto;}

	.tab-sort-bar div[class^="col-md-"], .tab-sort-bar div[class*=" col-md-"] {width: 50%;}

	/* FOOTER */
	.footer-contact .col-md-2 {width: 100%; float: left; text-align: center; padding-top: 0;}
	.footer-contact .col-md-3 {display: block; width: 100%; float: left;}

	.footer-socialmedia {padding: 0 0 30px 0; float:left; width: 100%;}

}

@media (max-width: 450px) {
	/* ALLGEMEIN */

	/* HEADER */
	.navigation-wrapper {padding: 0 20px;}

	/* CONTENT */
	.mainpage .logo {left: 15px;}
	.mainpage .content .content-inner {left: 15px;}

	.mainpage .content .content-inner {	width: calc(100% - 15px);}

	.tab-sort-bar div[class^="col-md-"], .tab-sort-bar div[class*=" col-md-"] {width: 50%; float: left; padding-left: 5px; padding-right: 5px;}
	.fce_bikelist .col-md-6 {width: 100%; float: left;}

	.check-availibility div[class^="col-md-"], .check-availibility div[class*=" col-md-"] {width: 100%; float: left;}
	.check-availibility div.col-md-12 {width: 100%;}

	.bike-detail .tabs .col-md-6 {width: 100%; float: left;}
	.bike-detail .tabs .col-md-6:first-of-type .pricelist, .bike-detail .tabs .col-md-6:first-of-type h3 {width: 100%; text-align: center;}
	.bike-detail .tabs .col-md-6 .pricelist, .bike-detail .tabs .col-md-6 h3 {width: 100%; text-align: center;}

	.fce_bikelist .col-md-6 { height: 450px;}
	.fce_bikelist .l_image_2 {min-height: 200px;}

	.further-information div[class^="col-md-"], .further-information div[class*=" col-md-"] {width: calc(100% - 30px); float: left; margin: 0 15px 10px 15px;}

	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow *, .tx-tsfmbikesrent-pi3 .select {width: 100%;}
	.tx-tsfmbikesrent-pi3 small {display: none;}
	.tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(2), .tx-tsfmbikesrent-pi3 #basketform1 .inputrow:first-of-type > :nth-of-type(3) {width: 100% !important; margin-bottom: 15px;}

	/* FOOTER */
}

@media (max-width: 380px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */
	.fce_bikelist .col-md-6 { height: 400px;}
	.fce_bikelist .l_image_2 {min-height: 150px;}

	/* FOOTER */
}

@media (min-width: 1930px) {
	/* ALLGEMEIN */

	/* HEADER */

	/* CONTENT */

	/* FOOTER */
}

/*##################################################*/
/*###STYLE2.CSS KRAUT UND RUEBEN RESPONSIVE START###*/
/*##################################################*/

@media (max-width: 1980px) {
	.scrolldown-button {
		bottom: calc(13% + 100px);
	}
}
@media (max-width: 1280px) {
	.scrolldown-button {
		bottom: calc(5% + 100px);
	}
}
@media (max-width: 990px) {
	.scrolldown-button {
		bottom: calc(2% + 100px);
	}
}
@media (max-width: 990px) {
	.scrolldown-button {
		bottom: calc(1% + 80px);
	}
}


@media (max-width: 767px) {
	img.track_image_horizontal {
		display:none;
	}	
	img.track_image_vertical {
		display:block;
	}		
}
	
@media (max-width: 550px) {
	.additional-information ul {
		position:relative;
		margin-top:20px;
	}
	.additional-information ul li {
		float:left;
		width:100%;
	}

}
@media (min-width: 641px) and (max-width: 767px) {
	.hidden-sm {
		border:1px solid red;
		display:none !important;
	}
	.tx-worldweather-pi1  .worldweather  {
	    padding: 10px;
	}

	.tx-worldweather-pi1  .worldweather h3 {
		font-size: 16px;
	}

}

@media (max-width: 990px) {
	.basket_options .price-information .price {
		margin-left:20px;
	}
}
/*##################################################*/
/*###   RESPONSIVE ENDE                          ###*/
/*##################################################*/


/* Spinner */
.sk-circle {
  margin: 100px auto;
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc( 50% - 100px );
  left: calc( 50% - 30px );
  z-index:1000;
 
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
/*  background-color: #79b20e; */
  background-color: #000;
  border-radius: 100%;
  border:2px solid #fff;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}