/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}
legend,td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}

body {
	font-family: "fairplex-wide", sans-serif;
	font-weight:400;
	font-style:normal;
	padding:0;
	height:100%;
}

html {
	color:#222;
	font-size:1em;
	line-height:1.4;
	height:100%;
}

a { color:#ff7276; text-decoration:none; border-bottom:1px solid #ff7276; }
a:hover, a.active {color:#005ba3; border-bottom:none; }

ul, li { padding:0; margin:0; }
li { list-style:none; }

/* map fullwidth in background */
#gme-1 {
	height:100%;
	position:fixed !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
}

/* layer mit infos */
#head {
	display: none;
	position:absolute;
	width:370px;
	top:55px;
	right:50px;
	padding:70px 10px 10px 10px;
	z-index:99;
	background:#fff;
	background:rgba(255,255,255, 0.9);
	border:1px solid #fff;
}

#container .logo {
	position:absolute;
	z-index:99;
	top:65px;
	right:115px;
}

/* logo */
.logo .brand {
	width:316px;
	height:60px;	
	background-size:cover;
	background:url('../img/logo_alpentaxi_de.gif') no-repeat 0 0;
}
#fr .logo .brand { background:url('../img/logo_alpentaxi_fr.gif') no-repeat 0 0; }
#it .logo .brand { background:url('../img/logo_alpentaxi_it.gif') no-repeat 0 0; }

#suche { border-bottom:1px solid #ccc; padding:10px 0; margin:5px 0; text-align:center; }
#regionen, #legende { border-bottom:1px solid #ccc; padding:10px 0; margin:5px 0; }

#legende { font-size:95%; }
#legende span { font-weight:700; margin:0 4px 0 0; }
#legende .red { color:#ff0000; }
#legende .yellow { color:#ffe900; }
#legende .blue { color:#005ba3; }

.lang { float:right; }
.lang ul li { float:left; border-right:1px solid #ccc; padding:0 10px; margin:0; }
.lang ul li:last-child { border-right:none; padding:0 5px 0 10px; }

/* hamburger icon */
.menu-btn { position:fixed; z-index:999; top:65px; right:50px; padding:12px; background:rgba(255,255,255,.8); cursor:pointer; }
.menu-btn.open { background:none; }

.menu-btn a {
  display:block;
  width: 42px;
  height: 35px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  border-bottom:none;
}

.menu-btn a span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #005ba3;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.menu-btn a span:nth-child(1) { top:0px; }
.menu-btn a span:nth-child(2), .menu-btn a span:nth-child(3) { top:14px; }
.menu-btn a span:nth-child(4) { top:28px; }

.menu-btn.open a span:nth-child(1) { top:14px; width:0%; left:50%; }
.menu-btn.open a span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-btn.open a span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-btn.open a span:nth-child(4) { top:14px; width:0%; left:50%; }

/* forms */
input[type="text"] {
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	outline: none;
	padding:4px;
	margin:0;
	border:1px solid #ccc;
	border-radius:3px;	
	-webkit-border-radius:3px;  
	font-size:1em; 
}

input[type="text"]:focus {
  border: 1px solid rgba(255, 114, 118, 1);
}

input[type="button"] {
	margin:0;
	padding:4px 6px;
	background:#005ba3;
	color:#fff;
	border:0 none;
	cursor:pointer;
	border-radius:3px;	
	-webkit-border-radius:3px;
	font-size:1em;
}

input[type="button"]:hover {
	background:#ff7276;
	border-bottom:none;
}

/* page wrap f. microsite */
.page_wrap { padding:2rem 6%; }

/* ext cookieconsent */
.cc-revoke, .cc-window { font-family: "fairplex-wide", sans-serif; font-weight:400; font-style:normal; line-height:1.4; }
.cc-window.cc-floating { max-width:20em; padding:1em; }
.cc-floating.cc-theme-edgeless .cc-message { margin:0 0 .75em 0; }
.cc-link { padding:0; }
.cc-window a { color:#fff; text-decoration:none; border-bottom:1px solid #fff; }

/* Helper classes */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

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

	#head { width:280px; top:55px; right:10px; padding:60px 10px 10px 10px; }
	#container .logo { top:65px; right:75px; }
	.logo .brand {
		width:200px;
		height:38px;	
		background:url('../img/logo_alpentaxi_de_mobile.gif') no-repeat 0 0;
		margin:11px 0 0 0;
	}
	#fr .logo .brand { background:url('../img/logo_alpentaxi_fr_mobile.gif') no-repeat 0 0; }
	#it .logo .brand { background:url('../img/logo_alpentaxi_it_mobile.gif') no-repeat 0 0; }
	.menu-btn { top:65px; right:10px; }
	input[type="text"] { width:140px; }

}