/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal; 
  font-weight: 400;
  src: url('ubuntu/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('ubuntu/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ubuntu/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('ubuntu/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('ubuntu/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('ubuntu/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ubuntu/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('ubuntu/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('ubuntu/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('ubuntu/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('ubuntu/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('ubuntu/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('ubuntu/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
html,body,h1,h2,h3,form,input{font-family: 'Ubuntu', sans-serif;font-weight: 400;}
body{background-color:#FFFFFF;padding:0;margin:0;min-height:100vh;font-size:1em;line-height:1.45em;color:#505F5B;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;font-weight:lighter;}
::selection {background: none; color: #F69608;}
::-moz-selection {background: none; color: #F69608;}
header{margin-bottom:10px;background-color:#FFFFFF;z-index: 2;box-shadow: 0 0 10px -3px #B7A982;padding:0;margin:0;-webkit-flex:1 100%;flex:1 100%;display:-webkit-flex;-webkit-flex-flow:row wrap;display:flex;flex-flow:row wrap;}
header nav{margin-top:15px;-webkit-flex:1 1 100%;flex:1 1 100%;}
nav ul{padding:0;margin:0;display:-webkit-flex;-webkit-flex-direction:column;display:flex;flex-direction:column;}
nav li{list-style-type:none;margin:.3em 0;-webkit-flex:1 1 100%;flex:1 1 100%;text-align:center;}
nav a{box-shadow:1px 0px 1px -1px #B7A982 inset;color:#73897C;width:100%;display:inline-block;text-decoration:none;font-weight: 400;}
.dropdown {position: relative;display: inline-block;width:100%;color:#505F5B;}
.dropdown:hover  {box-shadow:-1px 0px 1px -1px #B7A982;}
.dropdown:hover  a{box-shadow:0px 0px 1px -1px #FFFFFF inset;}
.dropdown-content {background-color:#FFFFFF;position: absolute;z-index: 10;width:100%;padding-bottom:14px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;box-shadow: 0px 3px 8px -4px #B7A982;}
.dropback{position: relative;display: inline-block;margin:auto;}
.dropback  a {margin-top:5px;text-align:left;white-space: nowrap;font-weight: 400;}
.dropback  a:hover{color:#F69608;}

.dropdown:hover #dd_1 {display: block;}
.dropdown:hover #dd_2 {display: block;}
.dropdown:hover #dd_3 {display: block;}
.dropdown:hover #dd_4 {display: block;}
.dropdown:hover #dd_5 {display: block;}

#dd_1{display:none;}
#dd_2{display:none;}
#dd_3{display:none;}
#dd_4{display:none;}
#dd_5{display:none;}

.textin {margin-bottom:15px;width:120px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;}
#topline{padding:0;margin:0px 0px 25px;width:100%;height:38px;line-height:38px;background-color:#27851D;color:#dfdfdf;font-size:14px;text-align: center;}
#topline a{color:#dfdfdf;TEXT-DECORATION:none;}
#topline a:hover{color:#F69608;}


input:hover {color:#41534e;box-shadow: 1px 1px  1px #e2d6b1;}

.inob{margin-bottom:3px;width:60px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;margin}
.inob:hover {color:#41534e;box-shadow: 1px 1px  1px #e2d6b1;}
.inun{margin-bottom:3px;width:80px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;}
.inun:hover {color:#41534e;box-shadow: 1px 1px  1px #e2d6b1;}
input[type="search"] {width:120px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;}

select{width:140px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;accent-color:#998C66;background-color:#FFFFFF;}
select:hover {color:#41534e;box-shadow: 1px 1px  1px #e2d6b1;}

.listenwahl{font-size:1em;;width:165px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;accent-color:#998C66;box-shadow:none;background-color:#FFFFFF;}
.listenwahl:focus {color:#41534e;box-shadow:none;}
.listenwahl:hover {color:#41534e;box-shadow: 1px 1px  1px #e2d6b1;}
option:checked {background-color:#998C66 !important;color:#FFFFFF;}


.chob{margin-left:6px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;accent-color:#998C66;}
.chun{margin-left:58px;color:#505F5B;border:1px solid #998C66;border-radius:.25em;accent-color:#998C66;}
input[type="radio"] {color:#505F5B;accent-color:#998C66;}
input[type="submit"] {color:#FEFEF9;background-color:#998C66;width:84px;border-top:none;border-bottom:none;box-shadow: 1px 1px  3px #998C66;border:1px solid #998C66;border-radius:.25em;}
input[type="submit"]:hover{color:#FEFEF9;background-color:#807659;box-shadow: 1px 1px  3px #B8A97C;}
.formtab{white-space: nowrap;display: inline;margin:0;padding:0;}
.formtabline{border-bottom: 1px solid #998C66;margin:0;padding:0;}
.formtable{margin-left:5px;}
.smallwrap{font-size:0.8em;line-height:1em;font-style: italic;}
.small{white-space: nowrap;display: inline;font-size:0.8em;line-height:1em;font-style: italic;}
.smallbr a{white-space: nowrap;display: inline;font-size:0.9em;line-height:0.9em;color:#1c2631;}
.smallbr a:hover{color:#F69608;}
.red{white-space: nowrap;color:#ff0000;display: inline;}
.blue{white-space: nowrap;color:#3366cc;display: inline;}
.blass{white-space: nowrap;display: inline block;font-size:0.95em;margin:15px 10px 15px 0px;}
.circle-2 {position:relative;left:-20px;padding-left:20px;white-space:nowrap;display:inline;font-size:0.8em;font-style:italic;}
.circle-2:hover + .name-2 {display:block;}
.name-2 {position:relative;top:12px;left:5px;display:none;}
.name-1 {position:relative;top:12px;left:5px;display:block;}
.rechts{text-align: end !important;}

.produkt{font-weight: 700;}
.light{font-size:0.9em;line-height:1.4em;}
.artikel{font-size:0.75em;line-height:1.7em;font-style: italic;text-align: end;}
.lager{font-size:0.8em;line-height:1.1em;font-style: italic;color:#34AD27;text-align: end;}
.lager_off{font-size:0.8em;line-height:1.1em;font-style: italic;color:#ad2727;text-align: end;}
.pictab{white-space: nowrap;margin:0;padding:0;text-align:center;}
.prog_act{color:#F69608;border-bottom:none;}
.list_tab{white-space: nowrap;margin:0;padding:0;font-size:0.8em;}
.prog_tab{white-space: nowrap;margin:0;padding:0 5px 0 5px;font-size:0.8em;border-right: 1px dotted #998C66;}
.bearbeiten{position:absolute;left:0px;top:0px;width:100%;height:100%;Z-index:100;background-color:#FFFFFF;padding:4px;}
textarea{white-space: nowrap;display:block;font-size:0.9em;line-height:1.1em;color:#505F5B;border:1px solid #998C66;border-radius:.25em;margin-top:3px;}
input[type="submit"].herlink{white-space: nowrap;display:inline;border:none;margin:0;padding:0;background-color:#FFFFFF;box-shadow:none;color:#505F5B;width:inherit;}
input[type="submit"]:hover.herlink{white-space: nowrap;display:inline;border:none;margin:0;padding:0;background-color:#FFFFFF;box-shadow:none;color:#F69608;}
.textbear {color:#505F5B;border:1px solid #998C66;border-radius:.25em;}

article p{font-size:.8em;font-style: italic;}
td{vertical-align: text-top; padding:20px;}
article{font-size:1em;font-weight:lighter;line-height:1.45em;background-color:#FFFFFF;min-width:350px;padding:auto;margin-left:4px;-webkit-flex:1 1 30%;flex:1 1 30%;}
article a{color:#23435E;border-bottom:1px dotted #DDE1B5;TEXT-DECORATION:none;}
article a:hover{color:#F69608;border-bottom:none;}
h1{margin:1em 0 .4em 0;color:#73897C;}
h2{margin:1em 0 .4em 0;color:#998C66;}
h3{margin:1em 0 .4em 0;color:#998C66;}
hr{border-bottom: 1px solid #505F5B;border-top:none;width:180px;text-align:left;float: left;}
.hrprice{border-bottom: 1px solid #998C66;border-top:none;width:100%;text-align:left;float: left;line-height:0.1em;}
/*table b{margin:0 0 0 -.5em;}*/
.pricetag{font-size:.93em;font-weight:600;padding-left:1px;padding-right:8px;color:#998C66;}
.warenkorb{color:#FEFEF9;background-color:#34AD27;box-shadow: 1px 1px  3px #998C66;font-size:.85em;border-radius:.25em;border-bottom:none;margin: 2px 0px 4px;padding:.1em .5em .1em .5em;line-height:2em;margin:0;TEXT-DECORATION:none;}
.warenkorb:hover{color:#FEFEF9;background-color:#27851D;box-shadow: 1px 1px  3px #B8A97C;}
/*
.warenkorb:hover{box-shadow: 0px 0px 1px #FFFFFF inset;background-image:url(warenkorb.svg);background-repeat:no-repeat;background-position:right;-webkit-transition:.9s;padding:.1em 1.7em .1em .5em;transition:.9s;color:#F69608;}
*/
.out{color:#FEFEF9;background-color:#AD2727;box-shadow: 1px 1px  3px #998C66;font-size:.85em;border-radius:.25em;border-bottom:none;margin: 2px 0px 4px;padding:.1em .5em .1em .5em;line-height:2em;margin:0;TEXT-DECORATION:none;}
footer{background-color:#FFFFFF;z-index:9;box-shadow: 0px -3px 10px -9px #B7A982;padding:1em;margin:5em 0 0 0;align-self:flex-end;-webkit-flex:1 100%;flex:1 100%;display:-webkit-flex;-webkit-flex-flow:row wrap;display:flex;flex-flow:row wrap;}
footer *{-webkit-flex:1 1 0%;-webkit-justify-content:space-between;flex:1 1 0%;justify-content:space-between;}
footer a{font-size:.9em;color:#505F5B;margin:0.3em;TEXT-DECORATION:none;}
footer a:hover{color:#F69608;}

@media all and (min-width:35em){
header object{padding:0;margin:0.3em 0 0 0.4em;height:40px;}
nav ul{-webkit-flex-direction:row;flex-direction:row;}
nav li{margin:0;-webkit-flex:1 1 0%;flex:1 1 0%;}
h1{margin:1em 0 .5em -.8em;}
h2{margin:1em 0 .4em -.7em;}
h3{margin:1em 0 .4em -.6em;}
/* article padding l+r 5 anzahl spalten/auflösung monitor */
article{padding:0 5em;margin:3em 4px;max-width:30em;}
.question{position:-webkit-fixed;position:fixed;right:20px;top:30px;background-color:#FEFEF9;box-shadow: 1px 1px  3px #998C66;border-radius:.25em;border-bottom:none;margin: 2px 0px 4px;padding:.1em .5em .1em .5em;line-height:2em;margin:0;TEXT-DECORATION:none;}
.question:hover{color:#FEFEF9;background-color:#255D9D;box-shadow: 0px 0px 2px #998C66;border-radius:.25em;border-bottom:none;margin: 2px 0px 4px;padding:.1em .5em .1em .5em;line-height:2em;margin:0;TEXT-DECORATION:none;}
header{margin:0px 0px 30px;position:-webkit-sticky;position:sticky;top:-123px;}}
@media all and (min-width:45em){
/* .dropdown:hover .dropdown-content {display: block;}
.dropdown:focus .dropdown-content {display: block;}*/
article{max-width:40em;}
footer{position:-webkit-sticky;position:sticky;bottom:-18em;}
footer:hover{bottom:0;}
footer p{text-align:center;margin:0;padding:0;}}
@media all and (min-width:65em){
/*header{background-image: url("wellen.gif");background-position: 115px 0px;background-size: 100% 70px;background-repeat: no-repeat;}*/		
article{max-width:50em;}}