/* CUSTOM CSS für fäderliecht Header */

body {
  font-family: Source Sans Pro, Arial, Helvetica;
}

#fdlHeader1 {
  background-color: rgb(1, 84, 88);
  min-width: 320px;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 120px;
  height: 120px;
}

#fdlHeaderLang {
  text-align: right;
  padding-right: 40px;
  padding-top: 20px;
}

img.fdlLangSelector {
  padding-left: 7px;
}

#fdlHeader2 {
  min-width: 320px;
  max-width: 1280px;
  margin: 0 auto;
  background-color: rgb(6,135,141);
  text-align: center;
}

a.fdlHeaderMenu {
  color: white;
  font-size: 1.2rem;
  font-family: Averia Sans Libre;
  padding-right: 20px;
  line-height: 1.5rem;
  white-space: nowrap;
}

#fdlHeaderLogo {
  width: 250px;
  margin-left: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#fdlFooter {
  background-color: rgb(6,135,141);
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  min-width: 320px;
  max-width: 1280px;
  margin: 0 auto;
}

p.fdlFooterMenu, a.fdlFooterMenu {
  color: white;
  font-size: 0.9rem;
  font-weight: normal;
}

div.WelcomePage {
  display: block;
  border: 5px dotted;
  border-color: #deaa00;
  border-radius: 30px 30px !important;
  padding: 15px;
  max-width: 750px;
}

/* FDL MENU NAVIGATION */

nav#fdl-menu {
  min-width: 320px;
  max-width: 1280px;
  margin: 0 auto;
  background-color: rgb(6,135,141);
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 0px;
  text-align: center;
}

nav#fdl-menu ul {
  background:  rgb(6,135,141);
	padding: 0px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
}

nav#fdl-menu ul:after {
		content: ""; clear: both; display: block;
	}

nav#fdl-menu ul ul {
	display: none;
  background: rgb(1, 84, 88);
  border-radius: 0px;
  padding: 0;
	position: absolute; top: 100%;
}

nav#fdl-menu ul li:hover > ul {
		display: block;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 30px;
    border-top-right-radius: 7px;
    background: rgb(6,135,141);
	}

nav#fdl-menu ul li {
  	float: left;
  }

nav#fdl-menu ul li:hover {
  	background: rgb(1, 84, 88);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 30px;
  	}

nav#fdl-menu ul li:hover a {
  			color: #fff;
  		}

nav#fdl-menu ul li a {
  		display: block;
      padding: 10px 20px;
  		color: #ffffff;
      text-decoration: none;
  	}

nav#fdl-menu ul li .active {
      	background: #ffffff;
        color: rgb(102, 102, 102);
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 30px;
      	}

nav#fdl-menu ul li .active:hover {
  background: rgb(1, 84, 88);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 30px;
      	}

/*  ANPASSUNGEN KLEINER BILDSCHIRM   */
    @media screen and (max-width: 650px) {
      #fdlHeaderLogo {
        width: 180px;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
      }
     .HideSmallScreen {
        display: none;
      }
    nav#fdl-menu ul li a {
        		display: block;
            padding: 0px 5px;
            margin: 10px 0px;
        		color: #ffffff;
            text-decoration: none;
            border-right: 1px dotted #ffffff;
        	}
    }

/* ANPASSUNGEN SHOP-DESIGN */

.nav-pills li.active > a {
  background-color: rgb(6,135,141);
}

.btn.btn-success {
  background-color: rgb(1, 84, 88);
}

h1.title, h2.title, div.name {
  font-family: Averia Sans Libre;
  color: rgb(6,135,141);
}

div.sticker.new {
  background-color: rgb(6,135,141) !important;
}

div.sticker.sale {
  background-color: #deaa00 !important;
}

.twelve-eighty {
  padding-top: 30px;
}