/*11 12 14 22*/
html {
	font-size:13px
}
body { 

	margin:0;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;

}

/*foundation*/

.slider {
    margin-top: 10px;
    margin-bottom: 25px;
}

.column, .columns {
    padding-right:10px;
    padding-left: 10px;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"]{
height: unset;
padding: 4px;
font-size: 14px;
margin: 0 0 10px;
}

label {
	line-height: 20px;
	margin-top: 2px;
}

.button {
border-radius: 0px;
padding: 8px 10px;
}

h4 {
    font-size: 22px;
}

.tabs {
    border: 1px solid #767676;
}

.tabs-title{
	border-left: 1px solid #e6e6e6;
}

.tabs-title > a {
font-size: 0.85rem;
	padding: 10px 2px;
	color: #767676;
}

.tabs-title > a:hover {
    background: #fefefe;
    color: #767676;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: #767676;
    color: #fefefe;
}

.tabs-title-1 {
	width:25%;
	text-align:center;
}

.tabs-title-2{
	width:40%;
	text-align:center;
}

.tabs-title-3 {
	width:35%;
	text-align:center;
}

.accordion-title {
	font-size:0.85rem;
}
/*end foundation*/

#map_canvas {
	height:810px;
}

#standard-filter-menu.button  {
    background-color: #767676;
    color: #fefefe;
}

#standard-filter-menu.button.secondary  {
    background-color: #E6E6E6;
    color: #767676;
}

#plz-filter-menu.button  {
    background-color: #767676;
    color: #fefefe;
}

#plz-filter-menu.button.secondary  {
    background-color: #E6E6E6;
    color: #767676;
}



.filter-menu-content .success    {
background-color: #1779BA;
color:#fff;
}

.filter-menu-content .success:hover   {
background-color: #1468a0;
color:#fff;
}

.button.success:focus {
    background-color: #1779BA;
    color: #fff;
}

#plzext{
	margin:0px!important;
}

#plzsuche{
padding: 0px 5px;
}

.plz-umkreis{
	padding-top:4px
}

.plz-km {
padding-top:4px;
padding-left:2px;
}

#small-search{
	top:5px;
	left:5px;
	position: absolute;
	width: 300px;
	z-index: 50;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	
}

#search {
	position:absolute;
	 width: 305px;
	 top:5px;
	 left:5px;
	 z-index: 50;
	 display:none;
}



.block {
	display: block;
	overflow-x: auto;
	padding: 5px;
	background: #f9f9f9;
	margin-bottom: 10px;
	border: solid 1px #c6c6c6;
}

.block-login {
	margin-top:10%;
	max-width:500px;
	background: #f9f9f9;
	border: solid 1px #c6c6c6;
	padding: 15px;
}



.bottom-10{
	margin-bottom:10px;
}

.top-10{
	margin-top:10px;
}


.filter-menu {
	margin-bottom:0px;
}

.filter-menu  .button{
	margin-bottom:0px;
}

.filter-menu-content {
	border:3px solid #767676;

	padding-top: 20px;
}

.filter-block {
	padding-bottom: 10px;
}

.sub-block {
	padding: 5px;
	border: solid 1px #c6c6c6;
}

.icon-16{
	font-size:16px;
}

.icon-12{
	font-size:12px;
}

.icon-28{
	font-size:28px;
}



.small-menu {
    float:left;
    cursor: pointer;

}

.bar {
   width: 20px;
	height: 3px;
	background-color: #333;
	margin: 3px 0;
	transition: 0.4s;
}

[type="checkbox"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

[type="checkbox"] + span::before {
background-color: #fff;
font-family: FontAwesome;
border: 0.1em solid #767676;
content: "\f00c";
color: #fff;
display: inline-block;
height: 14px;
margin-right: 5px;
width: 14px;
font-size: 12px;
line-height: 10px;
}

[type="checkbox"]:checked + span::before {
font-family: FontAwesome;
content: "\f00c";
color: #1779BA;
border: 0.1em solid #1779BA;
text-align: center;
}

.tree-toggle {
float: left;
margin-top: 4px;
margin-right: 4px;
}

.atlasnodemenu .tree-toggle {
float: left;
/*margin-top: 5px;*/
margin-right: 4px;
}

.craftmenu .tree-toggle {
float: left;
margin-top: 4px;
margin-right: 4px;
}

.sub-sub-toggle-none {

float: left;
margin-top: 8px;
margin-right: 5px;
color: #FEFEFE;
width:8px;
}

.sub-1-tree-list{
	margin-left: 20px;
	margin-top: 5px;
}

.sub-0-tree-list {
	margin-left:13px;
	margin-top: 5px;
}

.sub-sub-tree-list{
	margin-left:30px;
	margin-top: 5px;
}

.sub-tree-list {
	margin-left:13px;
	margin-top: 5px;
}

.text20 {
	font-weight:700;
	margin-top:10px;
}

.tabs-content  label{
 font-size:12px;
}

.tabs-panel {
	padding:5px;
	overflow-y:auto; 
	max-height:450px;
}

.list-button-1-right {
	position: fixed;
	top: 10px;
	right:0%;
}

.list-button-2-right {
	position: fixed;
	top:140px;
	right:0%;
}

.list-button-right a{
	/*width:40px;*/
}

.list-button-1-right .list-button-content {
	position: fixed;
	top: 10px;
	right:0%;
}

.list-button-2-right .list-button-content {
	position: fixed;
		top:140px;
	right:0%;
}

#cart {
	padding-top:5px;
	width: 375px;
	display:none;
}

.cart-content {	
	padding-top: 20px;
}

#legend {
	max-width:300px;

}


#card-button {

}

#wrap-info-btn {
padding: 15px;
}

#wrap-info{
position: fixed;
right: 5px;
bottom: 90px;

height: 48px;
width: 48px;
background: url(../img/info-btn-icon.png) no-repeat;
z-index: 49;
}

.has-tip {
	border-bottom: dotted 0px #8a8a8a;
}

.tooltip {
    max-width: none;
}

/*infofp*/
.infofp-add-to-cart{
	cursor:pointer;
}

.infofp-add-to-cart-added{
	color:#1779BA;
}



/*openwindow google map*/
.fp-list-marker{
	clear:both;
}

.fp-list-marker-block {
	margin-bottom:10px;
	padding:5px;
	min-width: 350px;
}

.fp-list-marker .info {
	float:left;
	width:20px;
}

.fp-list-marker .marker {
	float:left;
	width:10px;
	margin-top: 5px;

}

.fp-list-marker .text {
	display: table;
	font-weight:700;
}

.fp-list-marker .text-sonstiges {
	margin-left:30px;
}

#fp-choiced-list label {
	margin-top:0px;
}

.errorBox {
	display:none;
	color:red;
	margin-bottom:15px;
}

.send-mail-text{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}

.atlas-hilfe{
padding:10px;
}

.medium-font{
font-size:12px;
}

.small-font{
font-size:11px;
}
.toogle-tree {
 margin-top: 8px;
}

.atlasnodemenu .atlasnode + span{
	display:flex;
}

.atlasnodemenu .toogle-tree label{
	line-height:16px;
	padding-bottom: 2px;
}