/**
 * Theme Name: hsued
 * Version: 1.0
 * Author:  Boie Baumann & Katharina Goldmann
 */

 /** Basics **/

body {
     background-image: url('../img/hg2.png');
     background-position: center center;
     background-repeat: repeat;
     background-size: 100%;
 }

 .uk-section-default {
    background: none!important;
}

li[uk-filter-control] a:first-letter { color: rgba(0,0,0,0.0); }

#karten {margin-top: -50px;}
#karten .uk-tab>*>a {
    display: block;
    text-align: center;
    padding: 15px 22px 15px 12px;
    height: 30px;
    color: rgba(0,0,0,0.0); 
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .35px;
    border-bottom: 0px solid transparent;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: background 0.3s ease-in;
-moz-transition: background 0.3s ease-in;
-ms-transition: background 0.3s ease-in;
-o-transition: background 0.3s ease-in;
transition: background 0.3s ease-in;

}
.mapsall ul{
    position: absolute;
    bottom: 30px;
    z-index: 99999;
	width: calc(100% - 180px); 
}

.mapslang ul{
    position: absolute;
    bottom: 30px;
    z-index: 99999;
}

#karten .uk-tab>*>a:hover {
    text-decoration: none;
}

#karten .uk-tab>li:nth-child(1)>a {
    width: 0px;
}
#karten .uk-tab>li:nth-child(1)>a:hover {
}
#karten .uk-tab>li:nth-child(2)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-fruit-vegi.svg');
}
#karten .uk-tab>li:nth-child(2)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-fruit-vegi-h.svg');
}

#karten .uk-tab>li:nth-child(3)>a {
    width: 116px;
    background-image: url('../img/HH-Sued-Map_Button-bananas-new.svg');
}
#karten .uk-tab>li:nth-child(3)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-bananas-new-h.svg');
}
#karten .uk-tab>li:nth-child(4)>a {
    width: 100px;
    background-image: url('../img/HH-Sued-Map_Button-meat.svg');
}
#karten .uk-tab>li:nth-child(4)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-meat-h.svg');
}
#karten .uk-tab>li:nth-child(5)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-fish.svg');
}
#karten .uk-tab>li:nth-child(5)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-fish-h.svg');
}
#karten .uk-tab>li:nth-child(6)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-foodstuff.svg');
}
#karten .uk-tab>li:nth-child(6)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-foodstuff-h.svg');
}
#karten .uk-tab>li:nth-child(7)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-pharma.svg');
}
#karten .uk-tab>li:nth-child(7)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-pharma-h.svg');
}
#karten .uk-tab>li:nth-child(8)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-BEVERAGES-JUICE.svg');
}
#karten .uk-tab>li:nth-child(8)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-BEVERAGES-JUICE-h.svg');
}
#karten .uk-tab>li:nth-child(9)>a {
    width: 102px;
    background-image: url('../img/HH-Sued-Map_Button-dairy.svg');
}
#karten .uk-tab>li:nth-child(9)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-dairy-h.svg');
}

#karten.deutsch .uk-tab>li:nth-child(2)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-fruit-vegi-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(2)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-fruit-vegi-h-de.svg');
}

#karten.deutsch .uk-tab>li:nth-child(3)>a {
    width: 116px;
    background-image: url('../img/HH-Sued-Map_Button-bananas-new-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(3)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-bananas-new-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(4)>a {
    width: 100px;
    background-image: url('../img/HH-Sued-Map_Button-meat-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(4)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-meat-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(5)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-fish-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(5)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-fish-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(6)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-foodstuff-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(6)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-foodstuff-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(7)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-pharma-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(7)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-pharma-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(8)>a {
    width: 160px;
    background-image: url('../img/HH-Sued-Map_Button-BEVERAGES-JUICE-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(8)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-BEVERAGES-JUICE-h-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(9)>a {
    width: 102px;
    background-image: url('../img/HH-Sued-Map_Button-dairy-de.svg');
}
#karten.deutsch .uk-tab>li:nth-child(9)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-dairy-h-de.svg');
}

#karten .uk-tab>li:nth-child(10)>a {
    width: 160px;
    margin-left: 50px;
    background-image: url('../img/HH-Sued-Map_Button-language.svg');
}
#karten .uk-tab>li:nth-child(10)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-language-h.svg');
}

#karten .mapslang .uk-tab>li:nth-child(1)>a {
    width: 160px;
    margin-left: 50px;
    background-image: url('../img/HH-Sued-Map_Button-language.svg');
}
#karten .mapslang .uk-tab>li:nth-child(1)>a:hover {
    background-image: url('../img/HH-Sued-Map_Button-language-h.svg');
}
.imp-wrap {
    align-self: start;
	position: relative;
    margin: auto;
}
.sprachbutton {
	position: absolute;
	 bottom: 35px;
    left: calc(50% + 752px);
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 99999;
}
.sprachbutton .uk-button-primary {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sprachbutton .uk-text-middle {
    text-align: left;
    display: inline-block;
}

a.sprache {
    width: 190px;
	height:80px;
	display:inline-block;
    margin-left: 50px;
    background-image: url('../img/HH-Sued-Map_Button-language.svg');
	background-repeat: no-repeat;
}
a.sprache:hover {
    background-image: url('../img/HH-Sued-Map_Button-language-h.svg');
}