@charset "utf-8";
.navbar {
	z-index: 50001;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #41291d;
	z-index: 50000;
}
body {
	background: #343a40 url(../page/geruest-schraeg2.jpg) fixed center;
	background-size: cover;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
ul {
	padding-left: 20px;
}
hr {
	border-top: 1px solid rgba(255,255,255,.3);
}
.logo_top {
	top: 0;
	width: 150px;
}
.head_2 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../bilder/bg_head-8.jpg);
}
.mmarr {
	margin-top: 25px;
}
.roto {
	position: absolute;
	top: 0;
	width: 350px;
}
.navbar-brand {
	display: inline-block;
padding-top:.3125rem;
padding-bottom:.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}
h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 1rem;
	font-weight: bold;
}
@font-face {
	font-family: "Open_Sans";
	src: url("../font/Open_Sans/OpenSans-SemiBold.ttf");
}
@font-face {
	font-family: "Alex_Brush";
	src: url("../font/Alex_Brush/AlexBrush-Regular.ttf");
}
@font-face {
	font-family: "Montserrat";
	src: url("../font/Montserrat/Montserrat-ExtraBoldItalic.ttf");
}
@font-face {
	font-family: "FontAwesome";
	src: url("../webfonts/fa-regular-400.ttf");
}
.hand {
	color: rgba(231,195,109,1);
	font-family: "Caveat";
	text-shadow: -2px 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 -2px rgba(0,0,0,0.2), 8px 8px 8px rgba(0,0,0,1);
}
.osw {
	color: #fff;
	font: 18px "Open_Sans";
	text-align: justify;
}
.osb {
	color: #000;
	font: 18px "Open_Sans";
	text-align: justify;
}
.osf {
	color: #fff;
	font: 14px "Open_Sans";
}
.osl {
	margin-top: 15px;
	margin-bottom: 30px;
	border-radius: 5px;
	width: 100%;
	color: #fff;
	font: 14px "Open_Sans";
	text-align: center;
	padding: 4px;
	background-color: rgba(65,41,29,1)
}
.hand2 {
	color: rgba(0,0,0,0.5);
	text-align: center;
	display: table-cell;
	font: bold 35px "Open_Sans";
}
.hand_mas {
	color: rgba(231,195,109,1);
	font-family: "Alex_Brush";
	font-size: 33px;
	text-align: center;
	display: table-cell;
}
.hand_3 {
	color: #fff;
	font-family: "Alex_Brush";
	text-shadow: -2px 0 rgba(51,51,51,1), 0 2px rgba(51,51,51,1), 2px 0 rgba(51,51,51,1), 0 -2px rgba(51,51,51,1), 10px 10px 10px rgba(0,0,0,1);
	font-size: 80px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 25px;
}
.hand_top {
	padding-top: 260px;
}
.cont {
	font: 14px "Open_Sans";
	font-size: 16px;
	color: rgba(0,0,0,0.8);
	letter-spacing: 1px;
}
.cont-2 {
	font: 14px "Open_Sans";
	font-size: 16px;
	color: rgba(0,0,0,0.8);
	letter-spacing: 1px;
	text-align: left;
}
.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.haken::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: rgba(255,0,0,1);
	content: '\f00c';
}
.title {
	font-size: 60px;
	color: #463B21;
	font-family: "Alex_Brush";
	align: center;
}
.team {
	font-size: 40px;
	color: #463B21;
	font-family: "Alex_Brush";
	align: center;
	font-weight: bold;
}
h1 {
	font-size: 80px;
}
.cap {
	text-align: center;
}
#lightbox .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 1055;
}
#lightbox2 .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 1055;
}
#lightbox .modal-content {
	display: inline-block;
	text-align: center;
}
.big {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: rgba(255,255,255,1);
	text-align: center;
}
.modal-content {
	background-color: transparent;
	border: 0px solid rgba(0, 0, 0, 0.0);
}
.fade.in {
	opacity: 1;
}
.fade.in .modal-dialog {
	opacity: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}
.modal-backdrop {
	transition-duration: 0.25s;
	transition: opacity 1;
	background-color: rgba(0,0,0,1);
	margin-right: -15px;
}
.modal-backdrop.show {
	opacity: .8;
}
.modal-dialog {
	position: relative;
	width: auto;
margin: .5rem;
	pointer-events: auto;
}
.modal-full {
	min-width: auto;
}
.modal-dialog {
	max-width: 100%;
	margin: 1.75rem auto;
}
.modal-body {
	padding: 15px;
	background-color: #111;
	margin-left: -15px;
	margin-right: -15px;
}
.modal.fade modal.dialog {
	transform: translate(0, 100vh, 0);
}
modal.in .modal-dialod {
	transform: translate3d(0, 0, 0);
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
	display: block;
	transition: -webkit-transform 1.6s ease;
	transition: transform 1.6s ease;
	transition: transform 1.6s ease, -webkit-transform 1.6s ease;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 1.6s;
	transition-property: opacity;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
	opacity: 0;
}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
.zentriert {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 15px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255,255,255,.5);
	border-radius: 50%;
}
.carousel-caption_b1 {
	position: absolute;
	right: 2%;
	bottom: 0px;
	top: 50%;
	left: 35px;
	z-index: 10;
	text-align: center;
	transform: translateY(-50%);
}
.pad_0 {
	padding: 0;
}
.pad_0_s {
	padding: 0;
	margin-top: -18px;
}
.box, .box2 {
	background-color: rgba(255,255,255,0.8);
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 20px;
	margin-bottom: 25px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	padding-top: 15px;
	padding-bottom: 15px;
}
.box {
	text-align: justify;
}
.box_sh {
	min-height: 500px;
	background-color: rgba(65,41,29,1);
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	border: rgba(231,195,109,1);
	border-style: solid;
	border-width: 2px;
	text-align: justify;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.box_t {
	border-radius: 50%;
	border: rgba(231,195,109,1);
	border-style: solid;
	border-width: 4px;
	text-align: center;
	margin-top: 0px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.box_ts {
	border-radius: 50%;
	border: rgba(231,195,109,1);
	border-style: solid;
	border-width: 3px;
	text-align: center;
	margin-top: 70px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.box_tr {
	border-radius: 30%;
	border: rgba(231,195,109,1);
	border-style: solid;
	border-width: 3px;
	text-align: center;
	margin-top: 70px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	border: rgba(231,195,109,0.8);
	border-style: solid;
	border-width: 2px;
}
.team_cont {
	margin-top: 70px;
	background-color: rgba(238,215,159, 1);
	padding: 30px;
	border-radius: 20px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.slide {
	padding-top: 18px;
	background: rgba(52,58,64,1)
}
.mmarr-image img, .mmarr-image1 img, .mmarr-image2 img, .mmarr-image3 img, .mmarr-image4 img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 2s ease;
	max-width: 100%;
}
.mmarr-image:hover img, .mmarr-image1:hover img, .mmarr-image2:hover img, .mmarr-image3:hover img, .mmarr-image4:hover img {
	-webkit-transform: scale(1.2) rotate(2deg);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.2) rotate(2deg);
	-o-transform: scale(1.2) rotate(2deg);
	transform: scale(1.2) rotate(2deg) );
	max-width: 100%;
}
.mmarr-image {
	overflow: hidden;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	border: rgba(231,195,109,0.8);
	border-style: solid;
	border-width: 2px;
}
.mmarr-image1, .mmarr-image2, .mmarr-image3, .mmarr-image4 {
	overflow: hidden;
	border-style: solid;
	border-width: 2px;
}
.mmarr-image1 {
	overflow: hidden;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	border: rgba(231,195,109,0.8);
	border-style: solid;
	border-width: 2px;
}
.mmarr-image2 {
	overflow: hidden;
	border: 4px solid rgba(153,153,153,0.8);
	border-left-color: #ff0000;
	transition: ease-out 0.5s;
}
.mmarr-image2:hover {
	overflow: hidden;
	border: 8px solid rgba(153,153,153,0.8);
	border-bottom-color: #ff0000;
	transition: ease-in 0.5s;
}
.mmarr-image3 {
	overflow: hidden;
	border: 2px solid rgba(153,153,153,0.8);
}
.mmarr-image4 {
	overflow: hidden;
	border: 2px solid rgba(153,153,153,0.8);
}
.mmarr-image_m {
	overflow: hidden;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	border: rgba(231,195,109,0.8);
	border-style: solid;
	border-width: 2px;
}
.ma {
	height: 65vh;
	background: url(../page/slider/start_pic.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.ma2 {
	height: 650px;
	background: url(../page/slider/ueber_uns.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.ma3 {
	height: 650px;
	background: url(../page/slider/leistungen.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 80px;
}
.ma4 {
	height: 650px;
	background: url(../page/slider/ausstattung.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.ma5 {
	height: 650px;
	background: url(../page/slider/team.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.ma6 {
	height: 650px;
	background: url(../page/slider/referenzen.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.ma7 {
	height: 650px;
	background: url(../page/slider/unser_team.jpg) no-repeat center right;
	background-size: cover;
	padding-top: 80px;
}
.head_2 {
	min-height: 400px;
padding-top;
150px;
}
.head_3 {
	min-height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../bilder/h-ueber_uns.jpg);
padding-top;
150px;
}
.head_4 {
	min-height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../bilder/h-massage.jpg);
padding-top;
150px;
}
.h-preise {
	min-height: 400px;
padding-top;
150px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../bilder/h-preise2.jpg);
}
.justify {
	text-align: justify;
}
.bot {
	background-image: url(../bilder/bot.svg);
	background-size: cover !important;
	background-position: center;
	background-attachment: scroll;
	background-repeat: repeat;
}
.top {
	margin-top: -350px;
}
.top_cont {
	margin-top: -100px;
}
.top_s {
	margin-top: -380px;
}
.snav {
	background-image: url(../bilder/top2.png);
	background-size: cover !important;
	background-position: center;
	background-attachment: scroll;
	background-repeat: repeat;
	min-height: 300px;
}
.curv {
	height: 300px;
	background-image: url(../bilder/top2.png);
	background-size: cover !important;
	background-position: center;
}
.ua {
	padding-bottom: 60px;
}
.foo {
	padding-top: 25px;
}
.mailchimp {
	width: 100%;
	text-align: left;
}
.email {
	width: 100%;
	background-color: rgba(231,195,109, 1);
	border: 1px solid rgba(51,51,51,1);
	border-radius: 4px;
}
.clear {
	text-align: left;
}
.btn-pad {
	margin-bottom: 3px;
}
.btn-mat {
	color: #fff;
	background-color: #343a40 !important;
	border-color: #6c757d;
	margin-top: 10px;
	border-radius: 5px;
	border: 2px solid rgba(191,191,191,0.5);
	margin-bottom: 40px;
}
.btn-mat:hover {
	background-color: #cccccc !important;
	border: 2px solid rgba(0,0,0,0.3);
	margin-bottom: 40px;
}
.btn-cont {
	color: #000000;
	background-color: rgba(231,195,109,1) !important;
	border-color: #6c757d;
	margin-top: 10px;
	border-radius: 5px;
	border: 2px solid rgba(231,195,109,0.8);
	font-weight: bold;
}
.btn-cont:hover {
	background-color: #796b63 !important;
	border: 2px solid rgba(231,195,109,0.9);
}
.oben {
	margin-bottom: px;
	text-align: center;
}
.head {
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font: bold 3.0em Arial, Helvetica, sans-serif;
}
.slidw_words {
	position: relative;
	top: 250px;
	margin-left: -50px;
	transform: translateY(-50%);
	font-size: 4.5em;
	font-family: Montserrat;
	color: #fff;
	/*margin-left: 50px;*/
	width: calc(100% - 50px);
	text-shadow: 0 4px 4px rgba(0,0,0,0.6);
	font-weight: bold;
}
.words {
	padding-left: 0px;
	display: inline-block;
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 80px;
	;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}
.video_pad {
	padding-top: 30px;
	padding-bottom: 15px;
}
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	padding: 10px;
	margin-left: -32px;
}
.check {
	color: rgba(255,0,0,1);
	padding-bottom: 10px;
}
.logo-footer {
	width: 150px;
	margin-bottom: 10px;
}
 @keyframes animate {
 0% {
 opacity: 0;
 transform: translateY(-50px);
}
 2% {
 opacity: 1;
 transform: translateY(0px);
}
 18% {
 opacity: 1;
 transform: translateY(0px);
}
 20% {
 opacity: 0;
 transform: translateY(50px);
}
 100% {
 opacity: 0;
 transform: translateY(50px);
}
}
.words span:nth-child(1) {
	animation-delay: 0s;
}
.words span:nth-child(2) {
	animation-delay: 3s;
}
.words span:nth-child(3) {
	animation-delay: 6s;
}
.words span:nth-child(4) {
	animation-delay: 9s;
}
.words span:nth-child(5) {
	animation-delay: 12s;
}
.square_col {
	color: rgba(0,0,0,0.5);
}
.square_col1 {
	color: rgba(0,0,0,0.8);
	font-size: 18px;
}
li {
	padding-bottom: 5px;
}
/* galerie */

.js-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.js-video.widescreen {
	padding-bottom: 56.34%;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.circle_box {
	margin-bottom: 25px;
}
 @media (min-width: 2000px) and (max-width: 2199.98px) {
#Logo {
	width: 20%;
	background-color: #343a40);
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
}
 @media (min-width: 1900px) and (max-width: 1999.98px) {
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
}
 @media (min-width: 1800px) and (max-width: 1899.98px) {
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
}
 @media (min-width: 1400px) and (max-width: 1799.98px) {
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
}
 @media (min-width: 1200px) and (max-width: 1399.98px) {
.slidw_words {
	position: relative;
	top: 130px;
	transform: translateY(-50%);
	font-size: 3.0em;
	font-family: Montserrat;
	color: #fff;
	margin-left: -5px;
	width: calc(100% - 50px);
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 70px;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
.btn-mat {
	margin-top: 5px;
	border-radius: 5px;
	border: 2px solid rgba(0,0,0,0.5);
	margin-bottom: 35px;
}
.btn-mat:hover {
	margin-bottom: 35px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 40px;
}
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
.slidw_words {
	position: relative;
	top: 160px;
	transform: translateY(-50%);
	font-size: 3em;
	font-family: Montserrat;
	color: #fff;
	margin-left: -5px;
	width: calc(100% - 0px);
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 70px;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -32px;
	margin-left: -32px;
}
.btn-mat {
	margin-top: 5px;
	border-radius: 5px;
	border: 2px solid rgba(0,0,0,0.5);
	margin-bottom: 35px;
}
.btn-mat:hover {
	margin-bottom: 35px;
}
.hand_3 {
	font-size: 60px;
}
.hand_top {
	padding-top: 150px;
}
h1 {
	font-size: 60px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 35px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.slidw_words {
	position: relative;
	top: 100px;
	transform: translateY(-50%);
	font-size: 2.0em;
	font-family: Montserrat;
	color: #fff;
	margin-left: -5px;
	width: calc(100% - 50px);
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 70px;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -40px;
	margin-left: -15px;
}
.navbar-nav {
	list-style: none;
	text-align: center;
}
.btn-mat {
	margin-top: 5px;
	border-radius: 5px;
	border: 2px solid rgba(0,0,0,0.5);
	margin-bottom: 35px;
}
.btn-mat:hover {
	margin-bottom: 35px;
}
h1 {
	font-size: 50px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 25px;
}
.hand_3 {
	font-size: 45px;
}
.hand_top {
	padding-top: 150px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.slidw_words {
	position: relative;
	top: 100px;
	transform: translateY(-50%);
	font-size: 1.9em;
	font-family: Montserrat;
	color: #fff;
	margin-left: -5px;
	width: calc(100% - 50px);
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 50px;
	;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}
#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -40px;
	margin-left: -15px;
}
.navbar-nav {
	list-style: none;
	text-align: center;
}
.btn-mat {
	margin-top: 5px;
	border-radius: 5px;
	border: 2px solid rgba(0,0,0,0.5);
	margin-bottom: 5px;
}
.btn-mat:hover {
	margin-bottom: 5px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 25px;
}
.hand_3 {
	font-size: 60px;
}
.hand_top {
	padding-top: 150px;
}
h1 {
	font-size: 60px;
}
.logo {
	width: 150px;
}
}
 @media (max-width: 575.98px) {
.slidw_words {
	position: relative;
	top: 100px;
	transform: translateY(-50%);
	font-size: 1.2em;
	font-family: Montserrat;
	color: #fff;
	margin-left: -5px;
	width: calc(100% - 50px);
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-weight: bold;
}
.words span {
	position: absolute;
	top: 40px;
	;
	overflow: hidden;
	animation: animate 15s linear infinite;
	opacity: 0;
	margin-left: -80px;
}

.osf {
	color: #fff;
	font: 14px "Open_Sans";
}

#Logo {
	width: 20%;
	background-color: #343a40;
	position: absolute;
	transition: all 0.7s linear;
	margin-top: -40px;
	margin-left: -15px;
}
.navbar-nav {
	list-style: none;
	text-align: center;
}

.hand2 {
	color: rgba(0,0,0,0.5);
	text-align: center;
	display: table-cell;
	font: bold 25px "Open_Sans";
}

.btn-mat {
	margin-top: 5px;
	border-radius: 5px;
	border: 2px solid rgba(0,0,0,0.5);
	margin-bottom: 5px;
}
.btn-mat:hover {
	margin-bottom: 5px;
}
.hand_3 {
	font-size: 60px;
}
.hand_top {
	padding-top: 150px;
}
h1 {
	font-size: 60px;
}
.ha_nav {
	color: #fff;
	font-family: "Alex_Brush";
	font-size: 25px;
}
.logo {
	width: 150px;
}
.osl {
	margin-top: 5px;
	margin-bottom: 0px;
	border-radius: 5px;
	width: 100%;
	color: #fff;
	font: 14px "Open_Sans";
	text-align: center;
	padding: 4px;
	background-color: rgba(65,41,29,1);
	border: 1px solid rgba(153,153,153,1);
}
.snav {
	background-image: url(../bilder/top2.png);
	background-size: cover !important;
	background-position: center;
	background-attachment: scroll;
	background-repeat: repeat;
	min-height: 275px;
}
}




#lightbox .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 1055;
}
#lightbox2 .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 1055;
}
#lightbox .modal-content {
	display: inline-block;
	text-align: center;
}
.big {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: rgba(255,255,255,1);
	text-align: center;
}
.modal-content {
	background-color: transparent;
	border: 0px solid rgba(0, 0, 0, 0.0);
}
.fade.in {
	opacity: 1;
}
.fade.in .modal-dialog {
	opacity: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}
.modal-backdrop {
	transition-duration: 0.25s;
	transition: opacity 1;
	background-color: rgba(0,0,0,1);
}
.modal-backdrop.show {
	opacity: .8;
}
.modal-dialog {
	position: relative;
	width: auto;
margin: .5rem;
	pointer-events: auto;
}
.modal-full {
	min-width: auto;
}
.modal-dialog {
	max-width: 100%;
	margin: 1.75rem auto;
}
.modal-body {
	padding: 0;
}
.modal.fade modal.dialog {
	transform: translate(0, 100vh, 0);
}
modal.in .modal-dialod {
	transform: translate3d(0, 0, 0);
}