/*	K3-webDesign
	Wir gestalten Ihren ganz persoenlichen Webauftritt!
	Stockackerweg 3 a
	78464 Konstanz
	www.k3-webdesign.de
	info@k3-webdesign.de
*/

/* Google Webfont Julee */

@font-face {
	font-family: 'Julee';
	font-style: normal;
	font-weight: 400;
	src: 	local('Julee-Regular'),
		url('../fonts/julee-v8-latin-regular.eot'), /* IE9 Compat Modes */
		url('../fonts/julee-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/julee-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/julee-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/julee-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/julee-v8-latin-regular.svg#Julee') format('svg'); /* Legacy iOS */
}

/* global */

html, body {
	height: 100%;
	width: 100%;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	text-align: center;
}

* {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	outline: none;
}
.goog-te-gadget .goog-te-combo {
    margin: 5px 0px -5px 10px !important;
    /*
	background-color: black;
    color: white;
	*/
    display:list-item;
}

.goog-te-gadget
{
font-family: arial !important;
    font-size: 11px !important;
    color: transparent !important;
    white-space: nowrap !important;
}
.goog-te-gadget img
{
     visibility:hidden !important;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active{

     color:transparent !important;

}
a.image {
	padding: 0 !important;
	border: 0 !important; 
}

a.image:hover {
	border: 0 !important;
}

h1 {
	font-family: 'Julee', cursive;
	margin-bottom: 30px;
	font-size: 220%;
	text-align: center;
	line-height: 130%;
}


h2 {
	font-family: 'Julee', cursive;
	margin: 35px 0 15px 0;
	font-size: 160%;
	text-align: center;
	line-height: 130%;
}
h5 {
	font-family: 'Julee', cursive;
	margin: 35px 0 15px 0;
	font-size: 160%;
	text-align: left;
	line-height: 130%;
}
h5.text1 {
	font-family: 'Julee', cursive;
	margin: 35px 0 15px 0;
	font-size: 160%;
	text-align: left;
	line-height: 130%;
}

ul {
	list-style-type: none;
}

.dse ul {
	list-style-type: disc;
}

.deepbluerow {
	background-color: #35b4f7;
}

.bluerow {
	background-color: #cdecfd;
}

.greenrow {
	background-color: #e0f2cb;
}

.flexcont {
	display: flex;
}

.flexbreak {
	flex-wrap: wrap;
}

.lastlip {
	margin-right: 0 !important;
}

.important-message-thai {
	text-align:center !important;
}

/* google translate*/
#google_translate_element
{
    position: absolute;
	padding-top: 5px ;
	padding-bottom: 2px ;  
	padding-left: 2px ;  
	padding-right: 5px ;  	
	background-color:#ffc107 !important;
	color:black !important;
	border-radius: 7px !important;   
}



@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.3);
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.3);
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

/* Kopf */

#logo {
	width: 100%;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #58260e;
	vertical-align: middle;
	position: relative;
}

.decline {
	width: 320px;
	height: 1px;
}

.dlblue {
	margin: 10px auto 1px auto;
	background-image: linear-gradient(90deg, #fff 1%, #35b4f7 50%, #fff 100%);
	background-image: -moz-linear-gradient(left, #fff 1%, #35b4f7 50%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #fff 1%, #35b4f7 50%, #fff 100%);
}

.dlbrown {
	margin: 0 auto 10px auto;
	background-image: linear-gradient(90deg, #fff 1%, #58260e 50%, #ff00ff 100%);
	background-image: -moz-linear-gradient(left, #fff 1%, #58260e 50%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #fff 1%, #58260e 50%, #fff 100%);
}

#logo img.mtw {
	width: 300px;
}

#logo img.cert {
	width: 90px;
	margin-right: 10px;
}

#logo img.cert:last-child {
	margin-right: 0 !important;
}

#header {
	width: 100%;
	margin: 1px 0;
	border-top: 1px solid #35b4f7;
	border-bottom: 1px solid #35b4f7;
	background-size: cover;
}

.reg {
	background: #fff url("../img/water-bamboo-bg_1600.jpg") no-repeat fixed left top;
}

.nak {
	background: #fff url("../img/muse-thaiwellness-konstanz-news-aktuelles-bg_1600.jpg") no-repeat fixed left top;
}

.maol {
	background: #fff url("../img/muse-thaiwellness-konstanz-massage-oel-bg_1600.jpg") no-repeat fixed left top;
}

.mass {
	background: #fff url("../img/muse-thaiwellness-konstanz-thai-massage-bg_1600.jpg") no-repeat fixed left top;
}

.prof {
	background: #fff url("../img/muse-thaiwellness-konstanz-angebote-preise-bg_1600.jpg") no-repeat fixed left top;
}

.pako {
	background: #fff url("../img/muse-thaiwellness-konstanz-partner-kooperationen-bg_1600.jpg") no-repeat fixed left top;
}

.kol {
	background: #fff url("../img/muse-thaiwellness-konstanz-kontakt-lage-bg_1600.jpg") no-repeat fixed left center;
}

#bgtop {
	width: 100%;
	height: 450px;
	border-bottom: 1px solid #fff;
}

#bgbottom {
	width: 100%;
	height: 40px;
	border-top: 1px solid #fff;
}

/* Navigation */

#navi {
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #35b4f7;
	border-bottom: 1px solid #35b4f7;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
}

#navi ul {
	display: inline-block;
	margin: 0 auto;
}

#navi ul li {
	float: left;
	margin: 0 20px 0 0;
}

#navi ul li.active {
	padding-bottom: 2px;
	border-bottom: 2px solid #35b4f7;
}

#navi ul li:last-child {
	margin: 0 0 0 0 !important;
}

#navi ul li a {
	padding-bottom: 2px;
	border-bottom: 2px solid #81c92c;
	color: #111;
}

#navi ul li a:hover {
	border-bottom: 2px solid #35b4f7;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


#navi li.nexus{
	background: #81c92c;
	border:2px solid #35b4f7;
  padding: 6px 19px;
  border-radius: 11px;
  margin-top: -7px;
  transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

#navi li.nexus:hover{
	background: #35b4f7;
	border:2px solid #81c92c;
	
}

#navi li.nexus a, #navi li.nexus a:hover{
	color: #fff;
	border-bottom: 0;
	font-family: 'Julee', cursive;
	font-size: 20px;
}


#navi ul.mobile {
	display: none;
}

/* Inhaltsbereich */

#main {
	position: relative;
	z-index: 1000;
	display: flex;
	width: 100%;
	padding: 1px 0;
	line-height: 150%;
	border-top: 1px solid #58260e;
}

#contl-out {
	width: 60%;
	background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-intense.jpg") no-repeat fixed left bottom;
	background-size: contain;
}

#contl-in {
	float: right;
	width: 520px;
	margin-right: 1px;
	border-right: 1px solid #cf51a2;
	padding: 40px 20px 40px 88px;
/*	padding: 40px 22px 40px 88px; */
	color: #111;
}

#contl-in h1 {
	text-align: left;
}

#contl-in h2 {
	text-align: left;
}

#contl-in p {
	margin-bottom: 20px;
	text-align: left;
	line-height: 150%;
}

#contl-in p:last-child {
	margin-bottom: 0 !important;
}

#contl-in a {
	padding-bottom: 2px;
	border-bottom: 1px solid #81c92c;
	color: #111; 
}

#contl-in a:hover {
	border-bottom: 1px solid #cf51a2;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#contr-out {
	width: 40%;
	background: #cf51a2;
}

#contr-in {
	width: 350px;
/*	margin-left: 1px;
	border-left: 1px solid #fff;
	padding: 40px 0 40px 18px; */
	padding: 20px 0 20px 20px;
	text-align: left;
}

#contr-in div {
	padding: 1px;
	border: 0;
	border-radius: 10px;
}

#contr-in div.fpnews {
	padding: 26px 11px;
	border: 2px solid #81c92c;
	border-radius: 8px;
	background-color: #fff;
}

#contr-in div.fpnews a {
	padding-bottom: 2px;
	border-bottom: 1px solid #81c92c;
	color: #111;
}

#contr-in div.fpnews a:hover {
	border-bottom: 1px solid #cf51a2;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#contr-in div ul {
	list-style-type: none;
	padding: 25px 10px;
	border: 2px solid #81c92c;
	border-radius: 8px;
	background-color: #fff;
}

#contr-in div ul li:first-child {
	margin-top: 0;
}

#contr-in div ul li {
	margin-top: 10px;
}

#contr-in div ul li a {
	padding-bottom: 2px;
	border-bottom: 1px solid #81c92c;
	color: #111; 
}

#contr-in div ul li a:hover {
	border-bottom: 1px solid #cf51a2;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.startbufa {
	height: 482px;
	text-align: center;
}

.startbufa img {
	width: 342px;
	border: 2px solid #81c92c;
	border-radius: 8px;
}

.konbufa {
	float: left;
	width: 342px !important;
	margin: 10px 12px 0 0;
}

.navertical {
	width: 450px !important;
}

#contl-out-emp {
	width: 80%;
	background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-intense.jpg") no-repeat fixed left bottom;
	background-size: contain;
}

#contl-in-emp {
	float: right;
	width: 820px;
	margin-right: 1px;
	border-right: 1px solid #cf51a2;
	padding: 40px 20px 40px 88px;
	text-align: left;
	color: #111;
}

#contl-in-emp h1, #contl-in-emp h2, #contl-in-emp h3 {
	text-align: left;
}

#contl-in-emp img {
	margin-bottom: 20px;
}

#contl-in-emp p {
	margin-bottom: 20px;
}

.naktext h2 {
	margin-bottom: 0 !important;
}

.naktext span {
	display: block;
	margin-bottom: 15px;
	padding-left: 2px;
	font-size: 80%;
}

.naktext p {
	padding-bottom: 25px;
	border-bottom: 1px solid #cf51a2;
}

.naktext p:last-child {
	padding-bottom: 25px;
	border-bottom: 0;
}

#contl-in-emp ul {
	margin-bottom: 20px;
	margin-left: 5%;
}

#contl-in-emp p a, #contl-in-emp ul li a {
	padding-bottom: 2px;
	border-bottom: 1px solid #81c92c;
	color: #111; 
}

#contl-in-emp p a:hover, #contl-in-emp ul li a:hover {
	border-bottom: 1px solid #cf51a2;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#contl-in-emp img {
	width: 100%;
}

/* Preistabelle */

#contl-in-emp div.pri {
	display: table;
	width: 100%;
	margin-top: 40px;
}

#contl-in-emp div.pri a {
	color: #000;
}

.tabrow-head {
	display: table-row;
	font-weight: bold;
}

.tabrow {
	display: table-row;
}

.tabline div {
	height: 2px;
	padding: 0px !important;
}

.tabline-15 div {
	height: 15px;
	padding: 0px !important;
}

#contl-in-emp div.pri .tabcell-first {
	display: table-cell;
	width: 40%!important;
	padding: 5px;
	text-align: left;
}

#contl-in-emp div.pri .tabcell-sec {
	display: table-cell;
	width: 5%;
	padding: 5px;
	text-align: left;
}

#contl-in-emp div.pri .tabcell {
	display: table-cell;
	width: auto!important;
	padding: 5px;
	text-align: right;
}

#contr-out-emp {
	width: 20%;
	background: #cf51a2;
}

#contl-out-gal {
	width: 90%;
	background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-intense.jpg") no-repeat fixed left bottom;
	background-size: contain;
}

#contl-in-gal {
	float: right;
	width: 980px;
	margin-right: 1px;
	border-right: 1px solid #cf51a2;
	padding: 40px 18px 40px 0;
	color: #111;
}

#contl-in-gal h1, #contl-in-gal h2, #contl-in-gal h3, #contl-in-gal p {
	text-align: left;
}

.col {
	flex: 247px;
	max-width: 239px;
	margin-right: 8px;
}

.col:last-child {
	flex: 239px;
	max-width: 239px;
	margin-right: 0;
}

.col img {
	margin-top: 8px;
	vertical-align: middle;
}

/* Galerie */

img.gal01 {
	width: 200px !important;
	margin-top: 40px;
	margin-left: 30px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal01:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transform: scale(3);
}

img.gal02 {
	width: 110px !important;
	margin-top: 20px;
	margin-left: 50px !important;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal02:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transform: scale(3);
}

img.gal03 {
	width: 250px !important;
	margin-top: 30px;
	margin-left: 30px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal03:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal05 {
	width: 160px !important;
	margin-top: 50px;
	margin-left: 10px !important;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal05:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal06 {
	width: 190px !important;
	margin-top: 30px;
	margin-left: 55px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal06:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transform: scale(3);
}

img.gal07 {
	width: 150px !important;
	margin-top: 40px;
	margin-left: 50px !important;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal07:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transform: scale(3);
}

img.gal09 {
	width: 120px !important;
	margin-top: 20px;
	margin-left: 110px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal09:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	-webkit-transform: scale(3);
}

img.gal10 {
	width: 210px !important;
	margin-top: 50px;
	margin-left: 40px !important;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal10:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal11 {
	width: 170px !important;
	margin-top: 30px;
	margin-left: 40px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal11:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	-webkit-transform: scale(4);
}

img.gal13 {
	width: 114px !important;
	margin-top: 25px;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal13:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	-webkit-transform: scale(4);
}

img.gal14 {
	width: 194px !important;
	margin-top: 25px;
	margin-left: 25px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal14:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal15 {
	width: 170px !important;
	margin-top: 20px;
	margin-left: 20px !important;
	border: 4px solid #58260e;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal15:hover {
	z-index: 10;
	border: 1px solid #58260e;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal16 {
	width: 200px !important;
	margin-top: 20px;
	margin-left: 80px !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal16:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.gal17 {
	width: 180px !important;
	margin-top: 20px;
	margin-left: 0 !important;
	border: 4px solid #81c92c;
	border-radius: 5px;
	transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	-webkit-transition: transform .3s;
}

img.gal17:hover {
	z-index: 10;
	border: 1px solid #81c92c;
	transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	-webkit-transform: scale(2);
}

img.galmusem {
	width: 180px !important;
	margin-top: 30px;
	margin-left: 80px !important;
}

img.galmuseu {
	width: 100px !important;
	margin-top: 50px;
	margin-left: 50px !important;
}

img.galmuses {
	width: 150px !important;
	margin-top: 20px;
	margin-left: 60px !important;
}

img.galmusee {
	width: 80px !important;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 10px !important;
	padding: 0 30px;
}

#contr-out-gal {
	width: 10%;
	background: #cf51a2;
}

/* Fu�zeile */

#footer {
	width: 100%;
	padding-top: 1px;
	border-top: 1px solid #58260e;
	line-height: 130%;
	font-size: 90%;
}

#footer div {
	z-index: 5;
	padding: 10px 0 12px 0;
	border-top: 1px solid #35b4f7;
	border-bottom: 2px solid #cf51a2;
	background-color: #fff;
}

#footer div.mobimp {
	display: none;
}

#footer div a {
	padding-bottom: 2px;
	border-bottom: 1px solid #81c92c;
	color: #111; 
}

#footer div a:hover {
	border-bottom: 1px solid #35b4f7;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#footer ul {
	display: inline-block;
}

#footer ul li {
	display: inline-block;
	margin-right: 2px;
	color: #111;
}

#footer ul.copyr li {
	display: inline-block;
	margin-right: 8px;
	color: #111;
}

#footer a:hover {
	border-bottom: 1px solid #35b4f7;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#footer ul.socials li a, #footer ul.socials li a:active, #footer ul.socials li a:visited, #footer ul.socials li a:link {
	border: 0;
	border-radius: 50%;
	font-size: 25px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

#footer ul.socials li a:hover {
	color: #cf51a2;
	background: #fff;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#footer ul.socials li a.fa-google {
	padding: 8px 9px;
	color: #34a853;
}

#footer ul.socials li a.fa-yelp {
	padding: 8px 11px;
	color: #bf2519;
}

#footer ul.socials li a.fa-tripadvisor {
	padding: 8px;
	color: #111;
}

#footer ul.socials li a.fa-facebook {
	padding: 8px 10px;
	color: #3c5a99;
}

#footer ul.socials li a.fa-instagram {
	padding: 8px 10px;
	color: #e21db5;
}

#footer ul.socials li a.fa-pinterest {
	padding: 8px 10px;
	color: #e60023;
}

/* Mobile Navigation */

#mobile-nav {
	height: 100%;
	width: 80%;
	margin: 0;
	padding: 0 10%;
	text-align: center;
}

.container-outer {
	display: table;
	height: 100%;
	width: 100%;
}

.container-inner {
	display: table-cell;
	vertical-align: middle;
}

#mobile-nav ul {
	background: #fff;
}

#mobile-nav ul li {
	margin-bottom: 2px;
	border-top: 2px solid #35b4f7;
	border-bottom: 2px solid #58260e;
}

#mobile-nav ul li:first-child {
	border-top: 0 !important;
	}

#mobile-nav ul li:last-child {
	margin-bottom: 0 !important;
	border-top: 2px solid #35b4f7 !important;
	border-bottom: 0 !important;
	}

#mobile-nav ul li a {
	display: block;
	padding: 10%;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	color: #111;
	background: #fff;
}

#mobile-nav ul li a:hover {
	color: #fff;
	background: #81c92c;
	transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-webkit-transition: none;
}

/* User Centrics Cookie-Consent-Plugin */

.uc-privacy-button-wrapper {
	display: none;
}

#uc-banner-centered {
	max-width: 50% !important;
	top: 1% !important;
	transform: translate(-50%,0%) !important;
	border: 1px solid #81c92c;
}

.uc-banner-content {
	opacity: 0.97;
	padding: 10px 15px !important;
	background-color: #bbb !important;
}

.uc-btn-accept {
	font-size: 15px !important;
	line-height: 25px !important;
	background-color: #81c92c !important;
}

.uc-btn-deny {
	font-size: 15px !important;
	line-height: 25px !important;
	background-color: #bbb !important;
}

.uc-btn-more {
	font-size: 15px !important;
	line-height: 25px !important;
	background-color: #bbb !important;
}


/* Weichen diverse Displays */

@media screen and (min-height: 1100px) {

	#bgtop {
		height: 700px;
	}

}

@media screen and (min-height: 1400px) {

	#header {
		width: 100%;
	}

	#bgtop {
		height: 1100px;
	}

	#main {
		padding: 40px 0 80px 0;
	}

	#footer {
		position: fixed;
		bottom: 0;
	}

}


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

	#uc-banner-centered {
		max-width: 96% !important;
		top: 2% !important;
	}

	.decline {
		width: 180px;
	}

	#logo img.mtw {
		width: 160px;
	}

	#logo img.cert {
		width: 60px;
	}

	.reg {
		background: #fff url("../img/water-bamboo-bg_1600.jpg") no-repeat fixed center top;
	}

	.nak {
		background: #fff url("../img/muse-thaiwellness-konstanz-news-aktuelles-bg_1600.jpg") no-repeat fixed center top;
	}

	.maol {
		background: #fff url("../img/muse-thaiwellness-konstanz-massage-oel-bg_1600.jpg") no-repeat fixed center top;
	}

	.mass {
		background: #fff url("../img/muse-thaiwellness-konstanz-thai-massage-bg_1600.jpg") no-repeat fixed center top;
	}

	.prof {
		background: #fff url("../img/muse-thaiwellness-konstanz-angebote-preise-bg_1600.jpg") no-repeat fixed center top;
	}

	.pako {
		background: #fff url("../img/muse-thaiwellness-konstanz-partner-kooperationen-bg_1600.jpg") no-repeat fixed center top;
	}

	.kol {
		background: #fff url("../img/muse-thaiwellness-konstanz-kontakt-lage-bg_1600.jpg") no-repeat fixed center top;
	}

	#bgtop {
		height: 200px;
	}

	#navi {
		padding: 35px 0;
	}

	#navi ul li {
		display: inline-block;
		float: none;
		margin: 0;
	}

	#navi ul li a {
		padding: 15px 20px;
		border: 1px solid #35b4f7;
		border-radius: 15px;
		font-size: 130%;
		letter-spacing: 2px;
		color: #fff;
		background: #81c92c;
	}

	#navi ul li a:hover {
		border: 1px solid #fff;
		background: #35b4f7;
		transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		-webkit-transition: none;
	}

	#navi ul.desktop {
		display: none;
	}

	#navi ul.mobile {
		display: block;
	}

	#main {
		width: 100%;
		flex-direction: column-reverse;
		line-height: 130%;
	}

	#contl-out {
		width: 100%;
		border-top: 1px solid #cf51a2;
		background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-bleached.jpg") no-repeat scroll left bottom;
		background-size: contain;
	}

	#contl-in {
		width: 90%;
		margin-right: 0;
		border-right: 0;
		padding: 8% 5%;
	}

	#contr-out {
		width: 100%;
		margin-bottom: 1px;
	}

	#contr-in {
		width: 96%;
/*		margin-left: 0;
		border-left: 0; */
		padding: 0 2%;
		margin-bottom: 40px;
	}

	.startbufa {
		height: auto;
	}

	.startbufa img {
		width: 98%;
	}

	.navertical {
		width: 100% !important;
	}

	#contr-in div:first-child {
		margin-top: 5%;
	}

	#contl-out-emp {
		width: 100%;
		border-top: 1px solid #cf51a2;
		background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-bleached.jpg") no-repeat scroll left bottom;
		background-size: contain;
	}

	#contl-in-emp {
		width: 90%;
		margin-right: 0;
		border-right: 0;
		padding: 8% 5%;
	}

	.konbufa {
		float: none;
		width: 100% !important;
		margin: 0 0 0 0;
	}

	#contl-in-emp div.pri {
		margin-top: 5%;
	}

	#contr-out-emp {
		display: none;
	}

	#contl-out-gal {
		width: 100%;
		border-top: 1px solid #cf51a2;
		background: url("../img/Muse-Thaiwellness-Konstanz-Thaimassage-Lotus-bleached.jpg") no-repeat scroll left bottom;
		background-size: contain;
	}

	#contl-in-gal {
		width: 90%;
		margin-right: 0;
		border-right: 0;
		padding: 8% 5%;
	}

	#contr-out-gal {
		display: none;
	}

	.col {
		flex: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.col:last-child {
		flex: 100%;
		max-width: 100%;
	}

	.col img {
		margin-top: 3%;
	}

	#contl-in a {
		padding-bottom: 0;
	}

	#contr-in div ul li a {
		padding-bottom: 0;
	}

	#contl-in-emp p a, #contl-in-emp ul li a {
		padding-bottom: 0;
	}

	#contr-in div.fpnews a {
		padding-bottom: 0;
	}

	/* Galerie */

	img.gal01 {
		width: 70% !important;
		margin-top: 4%;
		margin-right: 12%;
		margin-left: 18% !important;
	}

	img.gal02 {
		width: 50% !important;
		margin-top: 4%;
		margin-right: 15%;
		margin-left: 35% !important;
	}

	img.gal03 {
		width: 80% !important;
		margin-top: 4%;
		margin-right: 8%;
		margin-left: 12% !important;
	}

	img.gal05 {
		width: 60% !important;
		margin-top: 4%;
		margin-right: 21%;
		margin-left: 19% !important;
	}

	img.gal06 {
		width: 75% !important;
		margin-top: 4%;
		margin-right: 7%;
		margin-left: 18% !important;
	}

	img.gal07 {
		width: 55% !important;
		margin-top: 4%;
		margin-right: 21%;
		margin-left: 24% !important;
	}

	img.gal09 {
		width: 50% !important;
		margin-top: 4%;
		margin-right: 13%;
		margin-left: 37% !important;
	}

	img.gal10 {
		width: 72% !important;
		margin-top: 4%;
		margin-right: 11%;
		margin-left: 17% !important;
	}

	img.gal11 {
		width: 68% !important;
		margin-top: 4%;
		margin-right: 20%;
		margin-left: 12% !important;
	}

	img.gal13 {
		width: 56% !important;
		margin-top: 4%;
		margin-right: 40%;
		margin-left: 4% !important;
	}

	img.gal14 {
		width: 73% !important;
		margin-top: 4%;
		margin-right: 19%;
		margin-left: 8% !important;
	}

	img.gal15 {
		width: 62% !important;
		margin-top: 4%;
		margin-right: 32%;
		margin-left: 6% !important;
	}

	img.gal16 {
		width: 70% !important;
		margin-top: 4%;
		margin-right: 25%;
		margin-left: 5% !important;
	}

	img.gal17 {
		width: 70% !important;
		margin-top: 4%;
		margin-right: 23%;
		margin-left: 7% !important;
	}

	img.galmusem {
		width: 50% !important;
		margin-top: 5%;
		margin-right: 6%;
		margin-left: 44% !important;
	}

	img.galmuseu {
		width: 41% !important;
		margin-top: 4%;
		margin-right: 27%;
		margin-left: 32% !important;
	}

	img.galmuses {
		width: 48% !important;
		margin-top: 4%;
		margin-right: 26%;
		margin-left: 26% !important;
	}

	img.galmusee {
		width: 35% !important;
		margin-top: 3%;
		margin-right: 56%;
		margin-bottom: 0;
		margin-left: 9% !important;
		padding: 0;
	}

	#footer {
		font-size: 90%;
	}

	#footer ul:last-child {
		display: none;
	}

	#footer div.mobimp {
		display: block;
		border-top: 1px solid #35b4f7;
		border-bottom: 1px solid #fff;
		color: #fff;
		background-color: #81c92c;
	}

	#footer div.mobimp a {
		border-bottom: 1px solid #fff;
		color: #fff; 
	}

	#footer div.mobimp a:hover {
		color: #fff;
	}

	#footer div {
		border-bottom: 1px solid #cf51a2;
	}

}
@media only screen and (max-width: 767px) {
    .circle {
			width: 100px;
			height: 60px;
			font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
    .goog-te-gadget .goog-te-combo  {
	width: 130px;
}
}

@media only screen and (max-width: 767px) {
    .goog-te-gadget  {
	width: 80px;
	color: transparent !important;
}
}
@media only screen and (max-width: 767px) {
    .VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
			visibility: hidden;
}
}

@media only screen and (max-width: 767px) {
    #google_translate_element  {
			width: 150px;
			color: transparent !important; 
                        font-size:;

}
}

/***************
THA LOGO fixed
********************/
@media only screen and (min-width: 501px) {
	.unterseite .logo{
		position: fixed;
		z-index: 5000;
		top: 20px;
		right: 20px;
	}
}

.unterseite .logo img{
	box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 
}

@media only screen and (max-width: 11186px) {
	#main #contl-in-emp, #main #contl-in-gal{
		/* width: 80%;
		padding: 8% 5% 8% 15%; */
		width: 820px;
		padding: 40px 20px 40px 88px;
		
	}
}


@media only screen and (max-width: 1020px) {
	

	.logo img, #tha img{

		width: 95px;
		height: auto !important;

	}
	
	#main #contl-in-emp, #main #contl-in-gal{
		width: 80%;
		padding: 8% 15% 8% 5%;
		
	}
	
}


@media only screen and (max-width: 780px) {
	
	.unterseite .logo, #tha img {
	  right: 0;
	}

  .logo img, #tha img {   
    width: 85px;
  }
  
  #main #contl-in-emp, #main #contl-in-gal {
    width: 76%;
    padding: 8% 19% 8% 5%;
  }


}


@media only screen and (max-width: 500px) {
	.logo img, .tha-mobile img{
	  width: 150px;
	}
	
	.tha-mobile{
		display: flex !important;
		justify-content: center;
	}
	
	#tha{
		display: none;
	}
	
	#main #contl-in-emp, #main #contl-in-gal {
    width: 90%;
    padding: 8% 5% 8% 5%;
  }
}




/*******************************
Audio-Button
********************************/

.audio-button-container{
	position: fixed;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 50000;
	
}

.termin-button-container{
	position: fixed;
	top: 65px;
	right: 15px;
	cursor: pointer;
	z-index: 50000;	
}

#audio-button{
	color: #fff;
	background: #a8a9f7;
	padding: 6px 15px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 8px;
	box-shadow: 5px 5px 8px rgba(0,0,0,0.5);	
}

#termin-button, .termin-button{
	color: #fff;
	background: #a8a9f7;
	padding: 6px 15px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 8px;
	box-shadow: 5px 5px 8px rgba(0,0,0,0.5);	
}

.icon-stop{
	font-size: 30px;
	display: inline-block;
	margin-top: -15px;
}

@media only screen and (max-width: 500px) {
	.button-text{
		display: none;
	}
	
	.termin-button .button-text{
		display: inline;
	}
}

/*****************************
Zertifikate
*****************************/


/* In Webseite enthaltenes Stil-Dokument #2 | https://www.muse-thaiwellness.de/agb.htm */
/* 
.certificates img {
  max-width: 90px;
  margin: 10px;
  
}

@media only screen and (min-width: 1024px) {

.certificates {
	 position: absolute;
	top: 500px;
	left: 10px; 
	opacity: 0;
  transition: opacity 500ms;
	background: #fff;
	padding: 10px;
	z-index: 5000;
	animation: slide-in-left 1s ease-in-out both;
}

.certificates.scrolled {
  opacity: 1;
  position: fixed;
left: 10px;
top: 500px;
}



@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
 */
 
 
 
 
 
 .certificates-mobile, .tha-mobile{
	 display: none;
 }
 
 #certificates {	
     /*  width: 100px; */
      position: fixed;
      left: -160px;
	  top: 36vh;
      transition: left 1s;
	  z-index: 5000;
    }
	
 #tha {	
     /*  width: 100px; */
      position: fixed;
      right: -160px;
	  top: 36vh;
      transition: right 1s;
	  z-index: 5000;
	  margin-top: 10px;
    }
 
.certificates img {
  display: block;
  margin: 10px 0 ;
  width: 90px; 
  padding: 8px;
  background: #fff;
  box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 8px 7px 12px rgba(0, 0, 0, 0.2); 

}


.iframe-container{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%

}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media only screen and (max-width: 1024px) {
	 #certificates {
		 display: none;
	 }
	
	


@media only screen and (max-width: 1024px) {
  .certificates-mobile {
    display: flex;
    justify-content: center;
	margin-top: 30px;
  }
  .certificates-mobile img {
    height: auto;
    object-fit: contain;
    justify-content: center;
    margin: 0 10px;
	max-width: 120px;
  }
}