*
{
margin:0px;
border:0px;
font-family:  arial, verdana,helvetica, sans-serif;
}

html, body
{
padding:0px 12px 0px 10px;
}


body
{
font-size:11px;
    min-width:1060px;
    background:white  url('../images/schatten_rechts_gross.gif') repeat-y right top;
}

li
{
list-style:inside;
}

h1
{
font-size:12px;
line-height:30px;
color:#FFF;
}

h1.header
{
float:right;
    right:58px;
top:0px;
margin-top:8px;
font-size:21px;
width:250px;
}

h2
{
display:block;
margin:0px;
font-weight:normal;

font-size:12px;
color:#fff;

}

h2.suche {
background: #f97849 url('../images/symbole_lupe_klein.gif') no-repeat 3px 0px;
}

h2.info {
background: #f97849 url('../images/symbole_info_klein.gif') no-repeat 2px 0px;
}
h2.warenkorb {
background: #f97849 url('../images/symbole_warenkorb_klein.gif') no-repeat 2px 0px;
}

h2.warenkorb_voll {
background: #f97849 url('../images/symbole_warenkorb_voll_klein.gif') no-repeat 2px 0px;
}

h2.shop {
background: #f97849 url('../images/symbole_shop_klein.gif') no-repeat 2px 0px;
}

h2.kundenbereich{
background: #f97849 url('../images/symbole_login_klein.gif') no-repeat 2px 0px;
}

h2.beschreibung
{
font-size:12px;
color:#6d6d6d;
font-weight:bold;
}

h3
{
font-size:12px;
color:#6d6d6d;
font-weight:bold;
padding: 6px 0px 0px 13px;
}

h4
{
font-size:12px;
color:#6d6d6d;
font-weight:bold;
}

span.error
{
color:#FF0000;
}

span.shopData1
{
color:#6d6d6d;
margin-top:5px;
display:block;
float:left;
width:220px;
font-size:12px;
}

span.shopData2
{
width:100px;
font-size:12px;
margin-top:5px;
text-align:right;
color:#6d6d6d;
display:block;
float:left;
}

img
{
border:0;
margin:0;
padding:0;
display:block;
}

img.artikel
{
width:100px;
background-color:#fff;


}

img.left
{
border: 1px solid #003386;
}


a{
text-decoration:none;
}

a.smolkaLink{
color:#f97849;
font-weight:bold;
}

a.button
{
display:block;
margin:0px;
padding:3px 0px 3px 23px;
font-size:12px;
color:#fff;
height:14px;
width:50px;
background: #f97849 url('../images/titel_symbol.gif') no-repeat 5px center;
}


a.right_big
{
display:block;
margin:0px;
padding:6px 0px 0px 30px;
font-size:12px;
color:#fff;
height:20px;
width:150px;
border-bottom:1px solid #f2f2f2;
background: #f97849 url('../images/titel_symbol.gif') no-repeat 10px center;
}

a.artikel_button
{
display:block;
margin:0px;
padding:4px 0px 0px 25px;
font-size:12px;
color:#000;
height:16px;
width:132px;

background: url('../images/indenwarenkorb_button.gif') no-repeat left top;
}

a.artikel_button_disabled
{
display:block;
margin:0px;
padding:4px 0px 0px 25px;
font-size:12px;
color:#aaa;
height:16px;
width:132px;
cursor: not-allowed;

background: url('../images/indenwarenkorb_button-disabled.gif') no-repeat left top;
}

a.artikel_button_left
{

background: url('../images/details_button.gif') no-repeat left top;
}


a.drucker {
background: #f97849 url('../images/symbole_drucker_klein.gif') no-repeat 2px 0px;
}

a.login {
background: #f97849 url('../images/symbole_login_klein.gif') no-repeat 2px 0px;
}

a.home {
background: #f97849 url('../images/symbole_shop_klein.gif') no-repeat 2px 0px;
}

a.anfrage {
background: #f97849 url('../images/symbole_anfrage_klein.gif') no-repeat 2px 0px;
}
a.kontakt {
background: #f97849 url('../images/symbole_kontakt_klein.gif') no-repeat 2px 0px;
}
a.agb {
background: #f97849 url('../images/symbole_agb_klein.gif') no-repeat 2px 0px;
}
a.impressum {
background: #f97849 url('../images/symbole_impressum_klein.gif') no-repeat 2px 0px;
}


a.right_big_pdf
{
display:block;
float:left;
margin:0px;
padding:6px 12px 6px 30px;
font-size:12px;
color:#000;

border:0px solid #ccc;
background: url('../images/pdf.gif') no-repeat 10px center;
margin-bottom:5px;
}


a.input
{
display:block;
height:22px;
width:19px;
background:#f97849 url('../images/pfeil_rechts.gif') no-repeat center;
float:left;
position:absolute;
right:9px;
top:34px;
}

input.suche
{
background:#f97849 url('../images/pfeil_rechts.gif') no-repeat center;
position:absolute;
right:9px;
top:36px;
height:20px;
width:19px;
border: 0px;
}

a.login_klein
{
padding-left:20px;
font-size:10px;
color:#000;
display:block;
}

a.menu,a.menu_active,a.menu_marked,a.menu_marked:hover, a.menu_marked_active
{
display:block;
margin:0px;
padding:7px 5px 5px 10px;
font-size:12px;
color:#444;
min-height:19px;
font-weight:bold;
width:165px;
border-bottom:1px solid #f2f2f2;
background-color: #e4e4e4;
}

a.menu_active
{
background-color:  #ccc;
}

a.menu_marked
{
color:#FFF;
background-color:#333366;
}


a.menu_marked:hover, a.menu_marked_active
{
color:#FFF;
background-color:#666677;
}

a.subKat
{
display:block;
margin:0px;
padding:7px 0px 5px 10px;
font-size:12px;
font-weight:bold;
color:#444;
min-height:19px;
width:95%;
border-bottom:1px solid #f2f2f2;
background-color: #e4e4e4;
}

a.subKat.active,a.subKat:hover
{
background-color: #CCCCCC;
}

a.menu:hover,a.menu.active
{
background-color: #ccc;
}


a.marked:hover
{
background-color:#666677;
}

a.submenu
{
color:#f97849;
font-size:12px;
}

a.submenu:hover
{
color:#444;
}

a.subactive
{
color: #444;
}

a.footer
{
color:white;
font-size:10px;
margin-right:12px;

}

div.text
{
font-size:12px;
color:#6d6d6d;
padding: 6px 27px 0px 15px;
vertical-align:top;
}

p
{
color: #000;

}


table.shopData
{
padding:0px 10px 0px 14px;
table-layout:fixed;
border-spacing:0px;
width:98.5%;
}

tr.shopData
{
border-bottom:2px solid #fff;
}

td.shopData1
{
background:#f2f2f2;
padding:14px;
width:128px;
border-bottom:2px solid #fff;
vertical-align:top;
}

td.shopData2
{
vertical-align:top;
background:#f2f2f2;
padding:14px;
padding-left:0px;
border-bottom:2px solid #fff;
width:100%;
}

p.text
{

font-size:12px;
color:#6d6d6d;
padding: 6px 27px 0px 27px;
vertical-align:top;
}

p.text1
{
font-size:12px;
color:#6d6d6d;
padding: 6px 27px 0px 0px;
vertical-align:top;
}

p.description, div.description
{
font-size:10pt;
color:#000;
padding: 6px 0px 0px 0px;
vertical-align:top;
margin-top:30px;
}

.description  img
{
display:inline;
}

.description  p
{
margin-bottom:10pt;
}

table.text1
{
font-size:12px;
color:#6d6d6d;
margin:5px 12px 5px 12px;
vertical-align:top;
}

table.text2
{
font-size:10px;
color:#6d6d6d;
padding: 6px 0px 0px 26px;
vertical-align:top;
}


br.clear
{
clear:both;
}

/* -----  A L L G E M E I N E     E N D E----- */
/* -----  F O R M S T Y L E S    S T A R T----- */
fieldset, form{
padding:0px;
margin:0px;
border:0px;
font-size:12px;
color:#6d6d6d;
}

label{
width:120px;
float:left;
}

ul.kategorien{

list-style-type:none;
list-style-image:url(/images/pfeil_rechts.gif);

}

input{
border:1px solid #fff;
}

input.checkbox
{
border: 1px solid #6D6D6D;}

input.button, button.button
{
margin:0px;
padding:0px 3px 0px 22px;
font-size:12px;
color:#fff;
height:20px;
background: #f97849 url('../images/titel_symbol.gif') no-repeat 5px center;
cursor:pointer;
}

input:disabled {
background:#dddddd;
font-weigh:bold;
cursor:not-allowed;
}

input.right{
float:left;
position:relative;
margin:9px 9px 15px 15px;
}

input.table, textarea.table{
width:100%;
border:1px solid #6d6d6d;
color:#6d6d6d;
}

select{

margin-bottom:4px;
float:left;

}

select.table{
width:100%;
border:1px solid #6d6d6d;
color:#6d6d6d;
}

textarea
{
margin-bottom:4px;
width:330px;
height:80px;
padding:1px;
float:left;
margin-top:3px;
}

td.table{
width:180px;
}


/* -----  F O R M S T Y L E S     E N D E ----- */


div#wrapper
{
overflow:hidden;
margin-right:4px;
    background:#f2f2f2  url('../images/schatten_links.gif') repeat-y left top;
}


/* --------  H E A D E R    S T A R T---------- */

div#flags
{
display:block;
position:absolute;
top:18px;
left:40px;
padding-right:30px;

}

div#header
{

height:72px;
padding-top:30px;
overflow:hidden;
    background:#FFF url('../images/header_bkg.jpg') repeat-x -13px 30px ;

}

/* --------  H E A D E R    E N D E---------- */
/* ------  C O N T E N T   S T A R T  ------- */

div#title, div.title
{
background-color:#f97849;
padding:15px;
margin-bottom:14px;
}


div#contentLeft
{
float:left;
padding:15px 8px 0px 15px;
width:180px;
background:#f2f2f2 url('../images/schatten_links.gif') repeat-y;

}

div#contentCenter
{
position:relative;
padding:0px;

background-color:#fff;
    margin:15px 205px 0px 205px;
    min-width:645px;

}

div#submenu
{
padding:15px;
color:#666;
font-size:12px;
line-height:18px;
text-align:justify;
display:block;
width:95%
}

div#contentRight
{
float:right;
padding:15px 13px 0px 8px;
width:180px;
background:#f2f2f2;
position:relative;
top:1px;

}

div.rightEntity
{
width:180px;
margin:0px;
float:left;
position:relative;
background:#e4e4e4;
}

div.rightEntity p
{
padding-left:16px;
}

div#shopData
{
margin:0px 14px 4px 14px;
background-color:#f0f0f0;
padding:14px;
}

div#centerMenu {
top:0px;
left:0px;
position:absolute;

width:100%;
background-color:#F97849;
height:26px;
}

div.headline
{
margin-left:14px;
margin-right:19px;
padding:10px 0px 10px 0px;
background:#f2f2f2;
}

#swfForm label{
display:block;
width:200px;
margin-bottom:10px;
}

div#tileSubmenu
{
padding:15px;
color:#666;
font-size:12px;
line-height:18px;
text-align:justify;
display:block;
float:left;
width:95%
}

div.tile {
float:left;
display:block;
border:3px solid #000;
width:200px;
height:200px;
margin: 0 20px 20px 0;
}

a.tileLink {
display:block;
margin:0px;
}

div.tile div.imgHolder {
width:180px;
height:140px;
vertical-align:middle;
text-align:center;
margin:5px auto 0;
}

div.tile img{
margin:auto;
max-width:180px;
max-height:140px;
}

div.tile div.textHolder{
color:#000;
text-decoration:none;
display:table;
border: 2px solid #000;
width: 180px;
}

div.small {
height: 40px;
margin: 5px auto 0;
}

div.big {
height: 180px;
margin: 10px auto 0;
}

div.tile span {
display:table-cell;
margin:3px;
text-align:center;
vertical-align:middle;
}

#captcha_image {
border: 1px solid #000;
margin-right:15px;
margin-bottom:10px;
}

#captcha_code {
border: 1px solid #868686;
}

*.required {
font-weight:bold;
color:#f00;
}

div.datenschutz {
  font-size: 15px;
  margin-top: 10px;
  padding: 38px;
  padding-right: 30%;
  font-family: 'Roboto', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
  color: rgb(65, 72, 77);
  line-height: 27px;
  font-weight: 300;
}

div.datenschutz h2 {
  font-family: inherit;
  font-size: 31px;
  line-height: 38px;
  font-weight: 300;
  margin-bottom: 20px;
  color: rgb(39, 40, 43);
}

div.datenschutz h3 {
  padding: 0;
  color: #555;
  font-size: 17px;
  margin-top: 40px;
  font-style: normal;
  text-align: left;
  font-family: inherit;
}

.dslc-text-module-content p {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

span.tsmcontroller {
  box-sizing: border-box;
  display:inline;
  font-weight: 300;
  line-height: inherit;
  text-size-adjust:100%;
}

/** Cookie Consent Modal */
#consent-modal {
    background: rgba(0,0,0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

#consent-modal .modal-dialog {
    background: #fff;
    width: 30vw;
    min-height: 10vh;
    margin: 0 auto;
    padding: 1rem;
    align-self: center;
    font-size: 110% !important;
}

#consent-modal .modal-dialog .modal-title {
    font-size: 1.4rem;
    color: #323232;
    margin-bottom: 1rem;
    font-weight: bold;
}

#consent-modal .modal-dialog h4 {
    font-size: 1.1rem;
    color: #323232;
    margin-bottom: 1rem;
    font-weight: normal;
}

#consent-modal .modal-dialog .modal-body , #consent-modal .modal-dialog .modal-body p {
    margin-bottom: 1rem !important;
}

#consent-modal .modal-dialog .modal-footer {
    display: flex;
    justify-content: flex-end;
}

#consent-modal .modal-dialog label.form-check-label {
    width: auto !important;
    padding-right: .3rem;
    float: unset !important;
}

.btn-cookie-consent {
    line-height: normal;
    font-size: 14px;
    transition: background-color .5sease-out;
    background-color: #4285F4;
    color: #fff;
    border: none;
    padding: 13px;
    min-width: 110px;
    border-radius: 2px;
    cursor: pointer;
}

/** Cookie Consent Bar (bottom) */
#cookie-consent-bar {
    background-color: #f97849;
    color: #000;
    padding: 1rem 0;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 18px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}

.text-input {
    border: 1px solid #6d6d6d;
    padding: 1px;
    color: #6d6d6d;
}

.position-comment-container {
    margin: .5rem 0;
    padding: .3rem;
    background: #f8f8f8;
}