@import url("../webfonts/garamondoldstylefs_regular_macroman/stylesheet.css");
@import url("../webfonts/garamondoldstylefs_demibold_macroman/stylesheet.css");
@import url("../webfonts/garamondoldstylecapsdemibold/stylesheet.css");

/* 
----------------------------------------------------------------
Roy Fankhänel Gitarrenbau
start: 28.10.2014
Autor: Marcel Drechsler, alle Rechte liegen bei dem Autor
Medium: Screen
----------------------------------------------------------------
 */

html {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body {
	font-family: "garamond_oldstyle_fsregular";
	position: relative;
	min-width: 960px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	background-color: rgba(199,59,59,1.00);
}

a {
	text-decoration: none;
	color: #000000;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #FEFEFE;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}

a.action {
	background-color: #62B3A4;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;
}

.wrapper {
	position: initial;
}

.container {
	max-width: 1170px;
}

.main {
	margin-top: 0px;
}

.top-bar {
	display: none !important;
}

video {
	width: 100%;
	height: auto;
}

h1, h2 {
	font-family: "garamond_oldstyle_fsregular";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	letter-spacing: 13px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.slidesjs-pagination {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 50;
}

.slidesjs-pagination li {
	display: inline;
	margin: 0 7px;
	padding: 0;
	list-style: none;
}

.slidesjs-pagination li a {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	text-indent: -9999px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}

.slidesjs-pagination li a.active {
	background: #fff;
}

.slidesjs-previous {
	background-position: center center;
	background-image: url(../img/slidesjs-previous.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 80px;
	top: 45%;
	left: 0px;
}

.slidesjs-previous:hover {
	background-position: center center;
	background-image: url(../img/slidesjs-previous_hover.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 80px;
	top: 45%;
	left: 0px;
}

.slidesjs-next {
	background-position: center center;
	background-image: url(../img/slidesjs-next.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 80px;
	top: 45%;
	right: 0px;
}

.slidesjs-next {
	background-position: center center;
	background-image: url(../img/slidesjs-next_hover.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 80px;
	top: 45%;
	right: 0px;
}

.slidesjs-navigation {
	text-indent: -9999px;
}

.slidesjs-next:hover, .slidesjs-previous:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* Landing Cover */

#skrollr-body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 1%
}



#fixedCover {
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
}
#fixedCover.mobile_portrait {
    position: relative;
}

#fixedCover .image {
	display: block;
	width: 100%;
}


#topbar {
	position: fixed;
    top: 0;
	left: 0;
	right: 0;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../img/top-bar-bg.png);
	background-color: rgba(0,0,0,0.70);
	padding: 4px 0;
	text-transform: uppercase;
	z-index: 50;
	height: 90px;
}

#topbar .link {
	float: left;
	color: #fff;
	line-height: 27px;
}

#topbar a.link:hover {
	color: #ccc;
}

#topbar a {
	letter-spacing: 2px;
	color: rgba(255,255,255,1.00);
}

#topbar h3 {
	position: absolute;
	margin: 0;
	left: 0;
	right: 0;
	font-size: 20px;
    line-height: 22px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 5px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.40);
	font-family: "garamond_oldstyle_fsregular";
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	top: 10px;
	z-index: 1;
}

#skroll-body {
  position: relative;
  z-index: 2;
}


#zur_startseite {
	position: relative;
	z-index: 4;
}

.landing-fixed-header {
	position: absolute;
    top: 0;
	right: 0;
	left: 0;
	width: 100%;
	margin-top: 60px;
}

#zur_startseite > img {
	visibility: hidden;
	display: block;
	width: 90%;
}



#zur_startseite img.logo {
    position: relative;
    left: 50%;
	margin: 2% 0 6% -60px;
    height: auto;
}

#zur_startseite h1 {
	font-size: 90px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 15px;
	text-transform: uppercase;
	font-family: "garamond_oldstyle_fsregular";
	font-style: normal;
	font-variant: normal;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.40);
	/*background-image: url(../img/ornament_titel_h1.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 60px;
}

#zur_startseite h2 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 15px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.40);
	font-family: "garamond_oldstyle_fsregular";
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
}



#pagination {
	position: fixed;
	right: 45px;
	top: 30%;
	width: 10px;
	height: 205px;
	margin-top: -25px;
	z-index: 60;
}

#pagination .nav li a {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-image: url(../img/nach_unten.png);
}

#pagination .nav li.active a, #pagination .nav li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* Landing Intro */

#goto_begruessungstext {
	margin-top: -5px;
}

#glueck_auf,
#alles_kommt_vom_holze_her,
#kontaktdaten {
	/* background: #bf9b69; */
	background-image: url(/./img/bgfon20.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}

#glueck_auf2 {
	/* background: #bf9b69; */
	background-image: url(/./img/bgfon2_30.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}



#landingInfotext {
	background: #c73b3b;
}

#alles_kommt_vom_holze_her .inner {
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 140px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 80px;
	text-align: center;
}

#glueck_auf .inner {
	max-width: 950px;
	margin: 0 auto;
	padding-top: 100px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 140px;
	text-align: center;
}

#kontaktdaten .inner {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 80px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 80px;
	text-align: center;
}

#glueck_auf .logo {
	display: inline-block;
	margin: 0 0 32px;
}

#glueck_auf p {
	font-size: 15px;
	color: #1B1E28;
	line-height: 2.2;
}

#kontaktdaten p {
	font-size: 15px;
	color: #000000;
	line-height: 2.2;
}

.zwischentexte p {
	font-size: 15px;
	color: #1B1E28;
	line-height: 2.2;
	/*background-image: url(../img/ornament_titel_h1.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 100px;
}

#glueck_auf.rain p {
	color: #FFFFFF;
}

/* Landing Comparison */

#blick_in_die_werkstatt {
	position: relative;
}

#blick_in_die_werkstatt .image {
	display: block;
	width: 100%;
}

#blick_in_die_werkstatt .caption {
	position: absolute;
	top: 14%;
	font-size: 18px;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	z-index: 40;
}

#blick_in_die_werkstatt .slidesjs-pagination {
	bottom: 3%;
}

#blick_in_die_werkstatt .slidesjs-pagination li a {
	background-size: 30px;
	display: inline-block;
	width: 60px;
	height: 30px;
	border-radius: 0px;
	border: 0px solid #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#blick_in_die_werkstatt .slidesjs-pagination li a.active, #blick_in_die_werkstatt .slidesjs-pagination li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#blick_in_die_werkstatt a[data-slidesjs-item="0"] {
	background: url('../img/eins.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="1"] {
	background: url('../img/zwei.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="2"] {
	background: url('../img/drei.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="3"] {
	background: url('../img/vier.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="4"] {
	background: url('../img/fuenf.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="5"] {
	background: url('../img/sechs.png') no-repeat transparent center;
}

#blick_in_die_werkstatt a[data-slidesjs-item="6"] {
	background: url('../img/seven.png') no-repeat transparent center;
}

#blick_in_die_werkstatt .from {
	left: 33.12%;
}

#blick_in_die_werkstatt .to {
	left: 59.02%;
}

/* Landing Adventure */

#beispiele {
	position: relative;
	background-color: rgba(199,59,59,1.00);
}

#beispiele img.img-responsive {
	visibility: hidden;
	width: 100%;
}

#beispiele .row {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	margin: auto 0;
}

#beispiele .row .section {
	height: 100%;
	background-size: cover;
	background-position: center;
}

#beispiele #galerie_konzertgitarren {
	background-image: url(../img/main1.jpg);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main1.jpg',sizingMethod='scale')";
}

#beispiele #galerie_stahlsaitengitarren {
	background-image: url(../img/main3.jpg);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main3.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main3.jpg',sizingMethod='scale')";
}

#beispiele #galerie_egitarren {
	background-image: url(../img/main2.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main2.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main2.jpg',sizingMethod='scale')";
}

#beispiele #galerie_nar {
	background-image: url(../img/main4.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main4.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main4.jpg',sizingMethod='scale')";
}

#beispiele #gallp11 {
	background-image: url(../img/Git.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Git.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Git.jpg',sizingMethod='scale')";
}

#beispiele #gallp111 {
	background-image: url(../img/Final1.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Final1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Final1.jpg',sizingMethod='scale')";
}

#beispiele #gallp22 {
	background-image: url(../img/Skr.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Skr.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Skr.jpg',sizingMethod='scale')";
}

#beispiele #gallp222 {
	background-image: url(../img/Skripka06.jpg);  
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Skripka06.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/Skripka06.jpg',sizingMethod='scale')";
}


#beispiele .section:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: pointer;
}

#beispiele .section .caption {
	position: absolute;
	bottom: 7.89%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 25px;
	color: #fff;
	text-transform: uppercase !important;
	letter-spacing: 2px;
	font-family: "garamond_oldstyle_fsbold";
	text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/* Landing Compaign */

#gitarrenarten {
	background-color: #CCCCCC;
	padding-top: 100px;
}

#gitarrenarten .gitarren {
	position: relative;
	color: #1B1E28;
}

#gitarrenarten .gitarren .image {
    float: right;
	display: block;
	width: 45%;
}
#gitarrenarten .gitarren .image.left {
    float: left;
}

#gitarrenarten .gitarren .details {
	float: left;
	position: relative;
	top: 80px;
	z-index: 1;
	max-width: 500px;
}
#gitarrenarten .gitarren .details.right {
    float: right;
}

#gitarrenarten .gitarren .details h1 {
	margin: 0 0 23px;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 6px;
	font-family: "garamond_oldstyle_fsregular";
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: rgba(0,0,0,1.00);
	border-bottom: 1px dotted rgba(0,0,0,1.00);
	padding-bottom: 10px;
	text-align:left;
	text-shadow:none;
}

#gitarrenarten .gitarren .details h2 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 2px;
	color: black;
	line-height: 1.3;
}

#gitarrenarten .gitarren .details h2 strong {
	font-weight: 900;
}

#gitarrenarten .gitarren .details h2 .price-box {
	display: inline-block;
}

#gitarrenarten .gitarren#leistungen-konzertgitarren .details .shopNow:hover {
	color: #ccc;
	background-color: #343643;
}

#gitarrenarten .gitarren#leistungen-egitarren .details h2 strong {
	color: #434B54;
}

#gitarrenarten .gitarren#leistungen-egitarren .details .shopNow {
	background: #434b54;
}

#gitarrenarten .gitarren#leistungen-egitarren .details .shopNow:hover {
	color: #ccc;
	background-color: #5B626A;
}

#gitarrenarten .gitarren#leistungen-stahlsaitengitarren .details h2 strong {
	color: #732b2b;
}

#gitarrenarten .gitarren#leistungen-stahlsaitengitarren .details .shopNow {
	background: #732b2b;
}

#gitarrenarten .gitarren#leistungen-stahlsaitengitarren .details .shopNow:hover {
	color: #ccc;
	background-color: #5D2425;
}

#gitarrenarten .gitarren#leistungen-reparatur .details h2 strong {
	color: #434B54;
}

#gitarrenarten .gitarren#leistungen-reparatur .details .shopNow {
	background: #434b54;
}

#gitarrenarten .gitarren#leistungen-reparatur .details .shopNow:hover {
	color: #ccc;
	background-color: #5B626A;
}

#gitarrenarten .gitarren .details .benefits {
	margin: 0 0 23px;
	padding: 11px 0 16px 6px;
	border-top: 1px solid #434b54;
	border-bottom: 1px solid #434b54;
}

#gitarrenarten .gitarren .details .benefits, #gitarrenarten .gitarren .details .row {
	max-width: 325px;
}

#gitarrenarten .gitarren .details .benefits li {
	margin: 0 0 3px 10px;
	padding: 0 0 0 5px;
	list-style: disc outside;
	font-size: 14px;
}

#gitarrenarten .gitarren .details .fits {
	margin: 0 0 10px -23px;
	padding: 0;
	overflow: hidden;
}

#gitarrenarten .gitarren .details .fits li {
	float: left;
	width: 25%;
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	text-align: center;
	color: #80898d;
	font-size: 11px;
	font-weight: bold;
}

#gitarrenarten .gitarren .details .fits li img {
	display: block;
	margin: 0 auto 8px;
	height: 41px;
}

#gitarrenarten .gitarren .details .shopNow {
	display: inline-block;
	font-size: 12px;
	font-weight: 900;
	color: #fff;
	padding: 0 13px;
	line-height: 32px;
	background: #1b1e28;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 15px;
}

#gitarrenarten .gitarren.elementsTravel {
	color: #1b1e28;
}

#gitarrenarten .gitarren.elementsTravel .shopNow {
	background: #1b1e28;
}

#gitarrenarten .navigator {
	padding: 36px 0 49px;
	border-top: 1px solid #333333;
	text-transform: uppercase;
}

#gitarrenarten .navigator .socials {
	margin: 0;
	padding: 0;
	text-align: center;
}

#gitarrenarten .navigator .socials li {
	display: inline;
	margin: 0 3px;
	padding: 0;
	list-style: none;
}

#gitarrenarten .navigator .socials li span {
	font-size: 12px;
	font-weight: 900;
	color: #fff;
	letter-spacing: 1px;
}

#gitarrenarten .navigator .socials li img {
	height: 32px;
}

#gitarrenarten .navigator .socials li.share-text {
	display: inline-block;
	vertical-align: top;
}

#gitarrenarten .navigator .socials li.share-text span {
	display: block;
	margin-top: 10px;
}

#gitarrenarten .navigator .button {
	position: relative;
	width: 204px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	background: #1b1e28;
	letter-spacing: 2px;
}

#gitarrenarten .navigator .button:hover {
	color: #ccc;
	background-color: #343643;
}

#gitarrenarten .navigator .button span {
	position: absolute;
}

#gitarrenarten .navigator .button.leftSide {
	float: left;
	margin-left: 11px;
}

#gitarrenarten .navigator .button.leftSide span {
	left: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 11px 16px 0;
	border-color: transparent #1b1e28 transparent transparent;
}

#gitarrenarten .navigator .button.leftSide:hover span {
	border-color: transparent #343643 transparent transparent;
}

#gitarrenarten .navigator .button.rightSide {
	float: right;
	margin-right: 11px;
}

#gitarrenarten .navigator .button.rightSide span {
	right: -11px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 11px;
	border-color: transparent transparent transparent #1b1e28;
}

#gitarrenarten .navigator .button.rightSide:hover span {
	border-color: transparent transparent transparent #343643;
}

/* Landing Promo */

#kontaktdaten {
	position: relative;
}

#kontaktdaten .images {
	display: block;
	width: 100%;
}

#kontaktdaten .caption {
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 3px;
	margin: -36px 0 0;
}

#kontaktdaten .caption img {
	height: 84px;
	position: relative;
	top: -30px;
	margin-right: -12px;
}

#kontaktdaten .caption strong {
	font-weight: 900;
}

.body-cover {
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.70;
	filter: alpha(opacity=70);
	background-color: black;
}

body.modal-open {
	overflow: hidden;
}

#adventure-sliders {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}

#adventure-sliders .slider-container {
	margin: 0px auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	display: none;
}

#adventure-sliders .slideshow {
	width: 100%;
	height: 100%;
}

#adventure-sliders .close-button {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1100;
	background-image: url(../img/close_button.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	display: inline-block;
	height: 80px;
	width: 80px;
	cursor: pointer;
	text-indent: -9999px;
}

#adventure-sliders .close-button:hover {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1100;
	background-image: url(../img/close_button_hover.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	display: inline-block;
	height: 80px;
	width: 80px;
	cursor: pointer;
	text-indent: -9999px;
}

#adventure-sliders .controls {
	text-align: center;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}

#adventure-sliders .dots {
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0;
}

#adventure-sliders .navigation {
	position: absolute;
	top: 41%;
	left: 0;
	right: 0;
}

#adventure-sliders .navigation a {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	height: 60px;
	width: 50px;
	display: block;
}

#adventure-sliders .navigation a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#adventure-sliders .navigation .slider-prev {
	float: left;
	background-image: url(../img/slidesjs-previous.png);
	height: 80px;
	width: 80px;
	cursor: pointer;
}

#adventure-sliders .navigation .slider-prev:hover {
	float: left;
	background-image: url(../img/slidesjs-previous_hover.png);
	height: 80px;
	width: 80px;
	cursor: pointer;
}

#adventure-sliders .navigation .slider-next {
	float: right;
	background-image: url(../img/slidesjs-next.png);
	height: 80px;
	width: 80px;
	cursor: pointer;
}

#adventure-sliders .navigation .slider-next:hover {
	float: right;
	background-image: url(../img/slidesjs-next_hover.png);
	height: 80px;
	width: 80px;
	cursor: pointer;
}

#adventure-sliders .dots {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 50;
}

#adventure-sliders .dots li {
	display: inline;
	margin: 0 7px;
	padding: 0;
	list-style: none;
}

#adventure-sliders .dots li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	text-indent: -9999px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,1.00);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,1.00);
	cursor: pointer;
}

#adventure-sliders .dots li a:hover {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	text-indent: -9999px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,1.00);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,1.00);
	cursor: pointer;
	background-color: rgba(199,59,59,1.00);
}

#adventure-sliders .dots li.active a {
	background: #fff;
}

.slider-image {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

#topnavigation {
	width: 100%;
    position: relative;
    z-index: 2;
}

#topnavigation li {
	float: left;
	display: inline;
	width: auto;
}

#topnavigation li a {
	font-family: "garamond_oldstyle_fsbold";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	color: rgba(255,255,255,1.00);
	position: relative;
	height: 30px;
    line-height: 30px;
    display: block;
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

#topnavigation li a:visited {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}

#topnavigation li a:hover {
	text-decoration: none;
	color: #c73b3b;
}

#topnavigation li a:active {
	text-decoration: none;
	color: #c73b3b;
}

#topnavigation li a.action {
	background-color: #c73b3b;
	-webkit-transition: background .35s ease-in-out;
	-moz-transition: background .35s ease-in-out;
	-ms-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out;
}

.kontaktbutton {
	position: relative;
	float: right !important;
	margin-right: 35px;
}

.deutsch {
	position: relative;
	width: 30px !important;
	height: 17px !important;
	float: right !important;
	margin-right: 35px;
	background-image: url(../img/deutsch.gif);
	margin-top: 5px;
	border: 1px solid #FFFFFF;
	background-position: center center;
}

.deutsch:hover {
	position: relative;
	width: 30px !important;
	height: 17px !important;
	float: right !important;
	margin-right: 35px;
	background-image: url(../img/deutsch_hover.gif);
	border: 1px solid #DF4245;
}

.english {
	position: relative;
	width: 30px !important;
	height: 17px !important;
	float: right !important;
	margin-right: 35px;
	background-image: url(../img/english.gif);
	margin-top: 5px;
	border: 1px solid #FFFFFF;
	background-position: center center;
}

.english:hover {
	position: relative;
	width: 30px !important;
	height: 17px !important;
	float: right !important;
	margin-right: 35px;
	background-image: url(../img/english_hover.gif);
	border: 1px solid #DF4245;
}

.kontaktbutton a {
	font-size: 20px !important;
}

.facebookbutton {
	margin-left: 30px;
}

.facebookbutton a {
	background: transparent url(../img/facebook_button.png) 0 center no-repeat;
    text-indent: -100000px;
    overflow: hidden;
    white-space: nowrap;
    width: 30px;
}
.facebookbutton a:hover {
	background-image: url(../img/facebook_button_hover.png);
}

.nav_vert {
	color: rgba(255,255,255,1.00);
	text-align: center;
}

.margin_botton_pfeil {
	margin-bottom: 10px;
}

.nav .home a {
	background-image: url(../img/home.png) !important;
}


.textspalte_links {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
.formularbereich {
	width: 870px;
	margin-right: 20px;
	position: relative;
	float: left;
	text-align: left;
}
.bildspalte_rechts {
	position: relative;
	float: right;
	width: 100%;
	text-align: center;
}


.iframe_karte {
	width: 880px;
	height: 350px;
}

#kontaktdaten .inner h1 {
	font-size: 60px;
	/*background-image: url(../img/ornament_titel_h1.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 70px;
}

#kontaktdaten .inner h2 {
	font-size: 20px;
	margin-bottom: 40px;
}

#kontaktdaten .inner h3 {
	margin-top: 50px;
	letter-spacing: 5px;
}


.clear {
  clear: both;
}


.alert {
  background: #900;
  color: #FFF !important;
  max-width: 400px;
  padding: 0 !important;
  margin: 0 auto;
}


#galleria .hide {
  display: none;
  background: url('../img/galleria_nav.png') 10000px 10000px no-repeat;
  width: 0;
  height: 0;
}

/* boxy */
.boxy-wrapper { position: absolute; font-size: 1.2em; line-height: 1.6em; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; }

/* Title bar */

.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .close { position: absolute; top: -25px; right: -25px;  font-size: 1.5em; text-decoration: none; }

.boxy-inner {
  background: #000;
  background: rgba(0,0,0,0.8);
  color: #FFF;
  padding: 0 20px 10px;
  border-radius: 20px;
}

/* hide in DOM */
.boxy-text * {
  display: none;
}

#alles_kommt_vom_holze_her .inner h2 {
	margin-bottom: 20px;
}

.abstandhalter {
	height: 200px;
}



  .reviews {
    display: flex;
    margin-top: 100px;

  }

  .review_item {
    width: 33%;
    background-color: #ffffff;
  }

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

    .review_item {
      width: 100%;
    }

  .review_item:nth-child(1) {
    margin-right: 0px;

  }
  .review_item:nth-child(2) {
    margin-right: 0px;
    margin-top: 100px;
  }
  .review_item:nth-child(3) {
    margin-top: 100px;
  }

        
  }

  .review_item-img {
    transform: translate(0, -50%);

  }

  .review_item-name {
    font-weight: 600;
    font-size: 18px;
    margin-top: -55px;
  }

  .review_item-soc {

  }

  .review_item-soc a:hover {
    color: purple;
    text-decoration: underline;
    transition: 0.3s;
  }

  .review_item-text {
    padding: 15px 40px 15px 40px;
  }

  .review_item:nth-child(1) {
    margin-right: 30px;
  }
  .review_item:nth-child(2) {
    margin-right: 30px;
  }

 

/*========================================*/

.addreview {
  text-decoration: none;
  background: #fa4c06;
  display: inline-block;
  padding: 10px 30px;
  margin: 10px 20px;
  position: relative;
  overflow: hidden;
  border: 2px solid #fa4c06;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  color: #fff !important;
  transition: .2s ease-in-out;

  border-radius: 15px;

}


.addreview:before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px; 
  left: -75px;
  transform: skewX(-45deg);
}

.addreview:hover {
  background: #fa4c06;
  color: #fff;
}
.addreview:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}

.ul-widget-wysiwyg {
	margin-top: 20px;	
}

/*======================== pop up ========================*/


html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
.wrapper_pop {
  max-width: 600px;
  margin: 40px auto;
  font-family: sans-serif;
  text-align: cente;
  position: relative;
}

.h3_pop {
	color: black;
}

.popup {
  display: block;
  width: 600px;
  border-radius: 5px; /* Закругляем углы */
  background-color: #fff;
  padding: 30px;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -9999px;
  transition: 0.3s all linear; /* Плавный переход */
}

.popup input {
  width: 100%;
  border-radius: 5px; /* Закругляем углы */
  border: 0; /* Убираем дефолтные рамки */
  margin: 10px 0;
  height: 35px;
  padding: 5px;
  outline: none;
  border: 2px solid aquamarine;

}

.popup input:hover {

  border: 2px solid aquamarine;

}

.review_input {
  width: 100%;
  border-radius: 5px; /* Закругляем углы */
  border: 0; /* Убираем дефолтные рамки */
  margin: 10px 0;
  height: 35px;
  padding: 5px;
  outline: none;
  border: 2px solid aquamarine;
  width: 100%;
  height: 150px !important;
}


.submit {
  background-color: #faf4d0;
  font-weight: 700;
  border-radius: 5px; /* Закругляем углы */
  cursor: pointer;
}

#callback:checked ~ .popup {
  top: -400px;
}

#callback {
  display: none;
}

.close {
  display: block;
  position: absolute;
  transform: rotate(45deg); /*Поворот плюса на 45 градусов*/
  font-size: 30px;
  top: 2px;
  right: 10px;
  cursor: pointer;
}