﻿#lugar_voucher_container {
    text-align: center;
}


#lugar_voucher_container > div {
    display: block;
    width: 32%;
    padding: 3% 1% 3% 0;
	float: left;
}

#lugar_gutschein_select {
    /* display: none; */
    border-radius: 0;
    border: 0 solid;
}

#gutschein-gmapcontainer {
    width: 100%;
    padding-bottom: 0;
    height: 300px;
    position: relative;
}

#gutscheingmap {
	height: 100%;
	width: 100%;
    position: relative;
}

.gmapwrapper .gmap {
    width: 100%;
    height: 300px;
}

.mapselect {
border-radius: 0;
border: 0px solid;
}

.dash-spin {
animation: dash-spin 7s linear infinite;
}

i.dashicons, i.dashicons-before:before {
width: auto;
height: auto;
}

#lugar_voucher_container i {
color: #fff;font-size: 40px;top: 50%;position: absolute;top: calc(50% - 20px);display: none;}

#lugar_voucher_container {position: relative;}

@keyframes dash-spin {
    0% {transform: rotate(0);}
    100% {transform: rotate(3600deg);}
}

a.voucherprint {
    border: medium none;
}

a.voucherprint-button {
    padding: 9px 10px!important;
    border: 0!important;
    width: 118px;
    display: block;
    text-align: center;
    border-radius: 0px!important;
    cursor: pointer!important;
    height: auto!important;
    line-height: 17px;
    outline: none!important;
    background-color: #65C3D0;
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    margin: 5px 0;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
}


@media screen and (max-width: 767px) {

#lugar_voucher_container > div {
    display: block;
    width: 100%;
    padding: 5% 0;
    float: none;
}

}



/* Lugar-Toolbar */

#lugar-toolbar {
    background-color: #0168B3;
    border: 1px solid white;
    border-top: 0px;
    padding: 5px 5px;
    height: auto;
	z-index: 10000;
}

#lugar-toolbar.sticky-bar {
border: medium none;
position: fixed;
top: 0;
width: 1006px;
max-width: 100%;
}


.lugar_search {
    width: 280px;
    float: right;
    color: #fff;
    font-family: oswald;
    font-size: 2em;
    padding: 2px 0;
    height: 100%;
    overflow: hidden;
}

#lugar-phone-container {
  float: left;
  color: #fff;
  font-family: oswald;
  font-size: 22px;
  padding: 3px 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: 10px;
  vertical-align: middle;
  width: 300px;
}

#lugar-phone-container i {
    line-height: 1.5em;
    position: absolute;
    font-size: 1em;
    left: 0;
    transform: scaleX(-1) rotate(-10deg);
}

#lugar-toolbar:before,
#lugar-toolbar:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
#lugar-toolbar:after {
    clear: both;
}
#lugar-toolbar {
    zoom: 1; /* IE < 8 */
}

span.lugar-phone-text {
	padding-left: 9%;
}

span.lugar-phone-text, span.lugar-phone-number {
    color: #fff;
    /* background-color: green; */
    height: 100%;
    display: inline-block;
    width: auto;
}

.lugar_search .search-form {
    padding: 0;
    margin: 0;
    height: auto;
    clear: both;
}

.lugar_search input {
	padding: 5px 10px;
	vertical-align: top;
	font-size: 16px;
	border-radius: 0;
	margin: 0;
	display: block;
}


@media screen and (max-width: 767px) {

#lugar-toolbar {
    background-color: #22B301;
    margin: 4% 0;
    padding: 4px 0px;
    height: auto;
    width: 86%;
    text-align: center;
    float: left;
}

#lugar-toolbar.sticky-bar {
	margin: 0;
	left: 0;
}

#lugar-phone-container {
    float: none;
    font-size: 1.3em;
    padding: 0;
    width: 100%;
}

#lugar-phone-container i {
    position: relative;
}

span.lugar-phone-text {
	padding-left: 0;
}


}




/* Teambereich */

.teammember-container > div {
    float: left;
    width: 50%;
    padding: 3%;
}

.teammember-container:before {
	content: " ";
	display: table;
}

.teammember-container:after {
	clear: both;
	content: " ";
	display: table;
}

.teammember-container > div.teamimagecontainer {
    padding: 3% 13%;
}

.teammember-container {
    border-bottom: 2px solid #65C3CF;
}

.teammember-container:first-child {
    border-top: 2px solid #65C3CF
}

.teamspieler-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2% !important;
    color: #0168B3;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.teamspieler-text a.vc_general.vc_btn3 {
    background-color: #65C3CF;
    color: #fff;
    border: medium none;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 0 0;
}

.teamspieler-text h2 {
    padding: 0px;
    color: #3F3F45 !important;
    margin-bottom: 3%;
} 





