/*
https://fonts.google.com/specimen/Source+Sans+Pro
https://fonts.google.com/specimen/Gentium+Basic

@import url('//fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('//fonts.googleapis.com/css?family=Gentium+Basic');
*/

/* gentium-basic-regular - latin-ext_latin */
@font-face {
    font-family: 'Gentium Basic';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('/fonts/gentium-basic-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('/fonts/gentium-basic-v12-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

/* source-sans-pro-regular - latin-ext_latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('fonts/source-sans-pro-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/source-sans-pro-v14-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

html,body{font-family:Source Sans Pro,arial;color:#555555;background-color:#E6DCCF;}
textarea,input[type=date]{font-family:Source Sans Pro,arial;}

/* BFSG */
/* / BFSG */

div.hinweis,div.fehler{background-color:#B9FFB9;font-weight:bold;display:block;text-align:left;padding:12px;border:2px solid #00ff00;border-radius:7px;margin-bottom:10px;}
div.fehler{background-color:#FEC6C6;border:2px solid #ff0000;}

form{display:inline;}
#suchfeld{padding:3px;width:200px;float:right;margin:5px;border:2px solid #B3141D;}

th{text-align:left;font-weight:normal;background-color:#B3141D;color:#ffffff;padding:5px;}
#ASDASD_alles{width:1000px;margin:auto auto;border:1px solid red;}

a{text-decoration:none;color:#B3141D;}
h1,h2{font-family:Gentium Basic,arial;letter-spacing:3px;font-size:2rem;line-height:3rem;font-weight:normal;text-transform:uppercase;display:inline;color:#555555;border:1px solid #555555;padding:7px;}
h1{color:#ffffff;border-color:#ffffff;z-index:900;}
h1.abs{position:absolute;background-color:#B3141D;color:white;top:110px;left:30px;display:inline;box-shadow:0px 4px 10px #333333;}
h1.abs2{position:absolute;top:220px;left:30px;}

h3{color:#B3141D;font-weight:bold;font-size:1.2rem;line-height:2rem;display:inline;} /* Produktname */

header{background-color:#ffffff;position:fixed;top:0px;left:0px;width:100%;z-index:1000;box-shadow:0px 4px 30px #333333;}
#logo{padding:0 30 0 0;float:left;width:250px;}

/* Haupt-Navi oben */
nav{width:1150px;float:right;padding:60 10 0 0;}
nav a{text-transform:uppercase;color:#555555;font-size:1.2rem;margin-right:20px;}
nav a.aktiv{font-weight:bold;color:#B3141D;}
nav i{border:1px solid #555555;border-radius:50%;font-size:1rem;padding:5px;}
nav a.aktiv i{border-color:#B3141D;}
/* Haupt-Navi oben Ende */

/* mobile Navi */
#navi_oben_mobil{display:none;position:absolute;right:0px;top:64px;background-color:#B3141D;padding:5px;border:1px solid #B3141D;border-radius:10px 0px 0px 10px;}
#navi_oben_mobil a{color:#ffffff;border-radius:5px 0px 0px 5px;display:block;width:200px;size:20px;padding:2px;}
#navi_oben_mobil a:hover{background-color:#ffffff;color:#B3141D;display:block;width:200px;size:20px;}
#navi_oben_mobil i{width:20px;text-align:center;}

#navi_button{display:none;font-size:2rem;float:right;border:2px solid #555555;padding:4px;margin:10px;user-selection:none;cursor:pointer;border-radius:5px;}
/* mobile Navi Ende */

#verdunklung{display:none;position:fixed;top:0px;left:0px;height:100%;z-index:950;width:100%;background-color:#000000;opacity:0.5;}

main{padding-top:100px;padding-bottom:80px;border:0px solid red;}
#text{width:80%;margin:auto auto;text-align:center;padding-bottom:30px;padding-top:20px;max-width:1000px;}
#text input[type=text],#text textarea{width:300px;border:1px solid #B3141D;padding:5px;}

#anmeldung input[type=text],#anmeldung select,#anmeldung input[type=date],#anmeldung input[type=password]{width:200px;border:1px solid #B3141D;padding:5px;margin-top:10px;}

footer{background-color:#B3141D;position:fixed;bottom:0px;left:0px;width:100%;box-shadow:0px 4px 30px #333333;}
#navi_unten{width:500px;float:right;padding:10px;}
#navi_unten a{color:#ffffff;font-weight:bold;font-size:0.8rem;line-height:1.5rem;}
#navi_unten i{background-color:#ffffff;color:#B3141D;border-radius:50%;font-size:1rem;padding:5px;width:15px;height:15px;}

/*#slider{position:absolute;}*/

/*.button{color:#ffffff;background-color:#B3141D;font-weight:bold;padding:5 10 5 10;box-shadow: 3px 3px 5px #000000;}*/
.button{color:#ffffff;text-decoration:none;border:none;cursor:pointer;background-color:#B3141D;font-weight:bold;padding:5 10 5 10;box-shadow: 3px 3px 5px #000000;margin-top:5px;margin-bottom:5px;white-space: nowrap;}
.button.inverted{background-color:#ffffff;color:#B3141D;}
.r{float:right;}
.l{float:left;}
.c{float:center;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.cl{clear:both;}

/* Manufaktur 3 Bilder nebeneinander */
.dreier{width:33.3%;display:table-cell;float:left;margin:0px;padding:0px;}

/* Shop */
#shop_div{background-image:url('/im/GM5B4507.jpg');background-repeat:repeat-y;border:0px solid red;min-height:100%;}
#shop_content{padding-top:75px;width:100%;padding-bottom:140px;display:block;}
#shop_content_inner{float:center;margin:auto auto;border:0px solid red;display:block;width:50%;}
#wk_content{display:block;max-width:100%;width:700px;float:center;margin:auto auto;margin-top:20px;background-color:#ffffff;box-shadow:0px 4px 10px #333333;}
#wk_content input[type=text]{padding:3px;margin:5px;border:2px solid #B3141D;}

.katlink{font-family:Gentium Basic,arial;white-space:nowrap;float:left;line-height:1.4rem;letter-spacing:3px;text-transform:uppercase;background-color:#ffffff;color:#B3141D;border-color:#ffffff;border:1px solid #ffffff;padding:5px;margin-right:10px;margin-bottom:10px;}
.akt{background-color:#B3141D;color:#ffffff;border:1px solid #ffffff;box-shadow:0px 0px 0px #000000;}

.produkt_bild_liste{border:0px solid #B3141D;margin-top:5px;}
.katbild{width:20%;box-shadow:0px 4px 10px #333333;float:left;margin:0 30 30 0;min-width:200px;border:0px solid #B3141D;text-align:center;cursor:pointer;}
.katbildlink2{background-color:#fff;width:100%;display:block;}
.katbildlink{font-family:Gentium Basic,arial;height:50px;letter-spacing:3px;font-size:1.1rem;background-color:#ffffff;color:#B3141D;display:block;padding:5px;text-transform:uppercase;}

.manubild{background-size: cover;background-position: 50% 50%;background-color:#fff;height:200px;width:300px;box-shadow:0px 4px 10px #333333;float:left;margin:0 30 30 0;min-width:200px;border:0px solid #B3141D;text-align:center;cursor:pointer;}
.manubild > a{margin-top:185px;display:inline-block;}

.wk_menge{width:35px;text-align:center;font-size:1.2rem;padding:3px;border:1px solid #B3141D;}
.wk_link{color:#ffffff;}
#wk_ticker{display:inline-block;margin-left:-5px;}
#wk_ticker_inner{color:#ffffff;background-color:#B3141D;font-size:1rem;font-weight:bold;text-align:center;border-radius:50%;width:20px;height:20px;display:inline-block;}

.produkt_gross,.produkt_klein{background-color:#ffffff;margin-right:20px;margin-bottom:20px;box-shadow:0px 4px 10px #333333;min-width:230px;float:left;}
.produkt_gross{width:100%;margin:auto auto;}
.produkt_klein{width:250px;float:left;cursor:pointer;}
.produkt_inner{padding:10px;min-height:300px;}
/*.zweier{padding:0 10 10 0;float:left;}*/
.zweier{padding:10px;float:left;}
.zweier_aussen{width:700px;margin: 0 auto;text-align:center;}

.produkt_name{height:75px;}
.produkt_bild{margin-left:10px;margin-right:10px;border:1px solid #B3141D;}
h3{line-height:1.8rem;}
.produkt_unten{white-space:nowrap;background-color:#B3141D;padding:10px;color:#ffffff;}
.produkt_preis{font-weight:bold;color:#ffffff;}
.produktdetails_klein{font-size:1rem;padding-top:40px;}
/* Shop Ende */

img.mitarbeiter{width:100%;}
/* Malert (Popup) */
#malert_aussen{display:none;position:fixed;top:0px;left:0px;height:100%;z-index:1;width:100%;background-color:#000000;opacity:0.5;}
/* #malert_innen{display:none;position:fixed;z-index:2;padding:25px;background-color:#FAFAFA;border-radius:5px;box-shadow: 3px 3px 5px #000000;} */
#malert_innen{padding:25px;left: 50%;transform: translateX(-50%);-webkit-transform: translate(-50%, 0%);display:none;position:fixed;top:70px;max-width:95%;width:1600px;z-index:2;background-color:#FAFAFA;border-radius:5px;box-shadow: 3px 3px 5px #000000;}

#malert_x{float:right;cursor:pointer;font-size:1.5rem;margin-right:-10px;margin-top:-12px;}
#malert_inhalt{height:100%;display:block;}
#malert_inhalt:focus{
  outline: 0px;
  outline-offset: 0px;
}

/* Ende Malert (Popup) */
.contentbild{width:800px;}

/* Mitarbeiter nebeneinander */
.ma_div{float:left;margin:0px 10px 40px 0px;width:250px;}


@media(max-width: 1450px)
{
  nav{display:none;}
  #navi_button{display:block;}
  #shop_content_inner{width:90%;}
  #shop_content{padding-top:11%;}
  main{padding-top:60px;}
  #logo{width:150px;}
  .dreier{width:50%;}
  h1.abs{top:60px;}
}

@media(max-width: 850px)
{
  .zweier_aussen{width:100%;}
  .contentbild{width:100%;}
  .katbild{width:100%;}
  .katbildlink{height:25px;}
  footer{display:none;}
  .produkt_gross{width:100%;}
  .produkt_klein{width:45%;}
  main{padding-bottom:0px;}
  h1{font-size:1.5rem;line-height:2rem;}
  h2{font-size:1.5rem;line-height:3rem;}
  .ma_div{float:none;width:100%;margin:0px 0px 40px 0px;}

}

@media(max-width: 500px)
{
  .manubild{width:100%;}
  .produkt_gross{width:100%;}
  .produkt_klein{width:100%;}
   #text input[type=text],#text textarea{width:100%;}
  .dreier{width:100%;}
}