*{
padding:0px;
margin:0px;
box-sizing:border-box;
}

body{
font-family:"Roboto Condensed",Arial;
color:black;
letter-spacing:0px;
font-size:16px;
color:#000000;
margin:0px;
line-height:20px;
}

html{
overflow-y:scroll;
scroll-behavior: smooth;
}

a{
color:black;
text-decoration:none;
}

a.privacy{
color:rgb(151,172,2);
text-decoration:underline;
}

h1{
color:black;
margin:0px;
margin-bottom:37px;
line-height:25px;
font-size:22px;
}

h2{
margin:0px;
margin-bottom:25px;
font-size:16px;
line-height:25px;
}

h3{
margin:0px;
margin-bottom:25px;
font-size:16px;
line-height:20px;
}

table{
border:0px;
border-spacing:0;
border-collapse:collapse;
}

table td{
padding:0px;
vertical-align:middle;
}

img{
padding:0px;
margin:0px;
border:0px solid transparent;
}

input[type=search],input[type=text],input[type=email],input[type=tel],input[type=password],textarea,option,textarea{
padding:2px;
font-size:16px;
font-family:'Roboto Condensed', Arial,Helvetica,sans-serif !important;
}

input[type=search],input[type=text],input[type=password],input[type=email],input[type=tel],textarea,select{
padding:4px 4px;
border:1px solid lightgrey;
}

input[type=search],input[type=submit],input[type=text],input[type=tel],input[type=email],input[type=password],input[type=button]{
border-radius:2px;
}

input[type=submit],input[type=button],.fake_button{
color:white;
background-color:rgb(151,172,2);
-o-box-shadow: 0 0 3px rgba(0,0,0,0.55) inset;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.55) inset;
-ms-box-shadow: 0 0 3px rgba(0,0,0,0.55) inset;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.55) inset;
box-shadow: 0 0 3px rgba(0,0,0,0.55) inset;
box-shadow:none;
padding:9px 20px;
border:0px;
font-weight:bold;
max-width:100%;
}

input[type=submit]:hover,input[type=button]:hover,.fake_button:hover{
cursor:pointer;
box-shadow: 0 0 6px rgba(0,0,0,0.65) inset;
}

select{
padding-top:1px;
padding-bottom:1px;
font-size:16px;
font-family:'Roboto Condensed', Arial,Helvetica,sans-serif !important;
}

option{
padding-left:5px;
padding-right:5px;
}

:-o-input-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

::-o-input-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

::-webkit-input-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

:-moz-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

::-moz-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

:-ms-input-placeholder{
color:rgb(130,130,130);
font-size:16px;
}

.float{
float:left;
}

.clean{
clear:both;
width:0px;
height:0px;
}

.page_size{
width:1250px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#head{
position:relative;
min-height:156px;
z-index:999;
background-color:rgb(196,210,0);
background-image:-webkit-linear-gradient(rgb(196,210,0) 0%, rgb(176,202,3) 100%);
background-image:-moz-linear-gradient(rgb(196,210,0) 0%, rgb(176,202,3) 100%);
background-image:-o-linear-gradient(rgb(196,210,0) 0%, rgb(176,202,3) 100%);
background-image:linear-gradient(rgb(196,210,0) 0%, rgb(176,202,3) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EBEBEB');
min-width:1250px;
}

#logo{
position:absolute;
top:15px;
left:5px;
background-image:url(/images/logo_3.png);
width:100px;
height:87px;
background-repeat:no-repeat;
background-size:contain;
}

#search{
position:absolute;
right:5px;
left:200px;
top:15px;
text-align:right;
}

#search input[type=search],#smart_search input[type=search]{
width:100%;
padding-right:50px;
height:34px;
letter-spacing:1px;
}

#search input[type=submit],#smart_search input[type=submit]{
position:absolute;
top:0px;
right:0px;
height:34px;
width:34px;
background-image:url(/images/lupe5.png);
background-repeat:no-repeat;
background-color:rgb(151,172,2);
color:black;
font-weight:normal;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#languages{
position:absolute;
top:70px;
right:5px;
z-index:999;
}

#language_can{
margin-left:5px;
background-image:url(/images/flaggen/kreis3.png);
background-color:rgb(151,172,2);
position:relative;
}

#language_switch{
display:none;
position:absolute;
top:-5px;
left:-16px;
padding:5px 15px;
background-color:white;
}

#language_can:hover #language_switch{
display:block;
}

.language{
width:25px;
height:25px;
border-radius:50%;
border:1px solid rgb(151,172,2);
}

#navigation{
position:absolute;
top:70px;
left:200px;
}

#navigation a{
color:black;
font-size:20px;
margin-right:30px;
}

#navigation a.navigation_active{
cursor:default;
}

#navigation a.navigation_active,#navigation a:hover{
color:white;
}

#smart_search{
position:relative;
float:left;
display:none;
width:80%;
}

#smart_languages{
float:left;
display:none;
width:20%;
}

#smart_categorie{
display:none;
width:100%;
}

#smart_languages select,#smart_categorie select{
width:100%;
height:34px;
}

#content{
padding-top:20px;
}

#message{
position:absolute;
top:0px;
left:50%;
margin-left:-150px;
width:300px;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
background-color:rgb(88,89,84);
text-align:center;
color:white;
z-index:999;
}

#message span{
display:block;
}

.message_hide{
display:none;
}

#footer{
min-width:1250px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
border-top:1px solid lightgrey;
text-align:center;
}

#footer a{
display:inline-block;
text-align:center;
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;
border-right:1px solid rgb(230,230,230);
}

#footer a:hover{
color:rgb(151,172,2);
}

#footer a.active{
color:rgb(150,150,150);
}

#footer .footer_telefon{
display:inline-block;
vertical-align:top;
text-align:right;
padding-top:15px;
padding-left:30px;
}

#footer a:last-child{
border-right:0px;
}

#gototop{
background-color:rgb(235,235,235);
color:rgb(150,150,150);
cursor:pointer;
border:1px solid lightgrey;
border-right:1px solid rgb(235,235,235);
border-top-left-radius:2px;
border-bottom-left-radius:2px;
display:block;
position:fixed;
padding:5px;
bottom:20px;
right:0px;
}

#gototop.gototop_hide{
display:none;
}

#content_left{
float:left;
width:250px;
padding-right:70px;
}

#content_right{
float:left;
width:866px;
width:1250px;
position:relative;
vertical-align:top;
}

#content_right.content_right_small{
width:616px;
width:1000px;
}

#content_left h3{
border-bottom:2px solid rgb(151,172,2);
color:black;
display:block;
font-weight:bold;
margin:0px;
margin-top:1px;
padding-bottom:2px;
}

#content_left a{
display:block;
color:black;
font-size:16px;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid lightgrey;
}

#content_left > a:first-of-type{
border-top:0px;
}

#content_left a:hover{
color:rgb(151,172,2);
}

#content_left a.active{
color:rgb(150,150,150);
cursor:default;
}

#content_left .subs{
margin-left:20px;
}

#content_left .subs a{
border-top:0px;
}

#pflichtfeld{
display:block;
margin-top:10px;
margin-bottom:10px;
font-size:16px;
}

.pflichtfeld:before{
color:rgb(202,0,33);
content:"*";
}

#bread{
display:block;
margin-bottom:20px;
color:black;
padding-bottom:4px;
border-bottom:3px solid transparent;
font-size:14px;
margin-top:20px;
}

#bread a{
color:black;
vertical-align:top;
display:inline-block;
padding-top:2px;
position:relative;
border-bottom:1px solid lightgrey;
}

#bread a.active{
cursor:default;
color:rgb(150,150,150);
}

#bread a:hover{
color:rgb(151,172,2);
}

#bread a:hover{
color:rgb(150,150,150);
}

.bread_pfeil{
vertical-align:middle;
padding-left:5px;
margin-right:5px;
display:inline-block;
}

.form_text{
max-width:580px;
width:580px;
text-align:justify;
margin-bottom:20px;
}

.form{
display:table;
width:580px;
}

.form_row{
display:table-row;
}

.form_cell{
display:table-cell;
}

.form_left{
padding-top:10px;
vertical-align:middle;
width:134px;
}

.form_right{
padding-top:10px;
width:446px;
}

.form .form_row:first-child .form_left,.form .form_row:first-child .form_right{
padding-top:0px;
}

.form_right input[type=text],.form_right input[type=email],.form_right input[type=tel],.form_right textarea,.form_right select{
width:100%;
max-width:580px;
}

.form_right textarea{
height:90px;
}

.form_button{
text-align:right;
}

.form_top{
vertical-align:top;
}

#navigation_groups{
z-index:998;
position:absolute;
top:115px;
left:0px;
display:table;
width:100%;
}

.navigation_groups_group{
display:table-cell;
border-left:1px solid rgb(178,203,3);
border-bottom:1px solid rgb(178,203,3);
box-sizing:border-box;
text-align:center;
word-wrap:break-word;
hyphens:none;
vertical-align:middle;
font-size:17px;
position:relative;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background-color:white;
}

.navigation_groups_group .navigation_group{
display:block;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
line-height:20px;
-moz-transition:0s 0.1s all;
-webkit-transition:0s 0.1s all;
-o-transition:0s 0.1s all;
transition:0s 0.1s all;
}

.produktgruppe_active .navigation_group{
color:white;
background-color:rgb(151,172,2);
}

.navigation_groups_group:hover .navigation_group{
color:white;
background-color:rgb(151,172,2);
}

#navigation_groups .active{
background-color:rgb(151,172,2);
}

#navigation_groups .active > a{
color:white;
}

.navigation_groups_group:last-child{
border-right:1px solid rgb(178,203,3);
}

.navigation_groups_group_subs{
position:absolute;
top:40px;
left:0px;
background-color:white;
width:100%;
width:200px;
max-height:0px;
overflow:auto;
text-align:left;
z-index:998;
-moz-transition:0s 0.1s all;
-webkit-transition:0s 0.1s all;
-o-transition:0s 0.1s all;
transition:0s 0.1s all;
}

.navigation_groups_group_subs_border{
padding:5px;
border:3px solid rgb(151,172,2);
}

.navigation_groups_group_subs a{
color:black;
display:block;
margin-bottom:5px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid transparent;
}

.navigation_groups_group_subs a:hover{
background-color:rgb(151,172,2);
color:white !important;
}

.navigation_groups_group_subs a:last-child{
margin-bottom:0px;
}

.navigation_groups_group:hover .navigation_groups_group_subs{
max-height:400px;
}

#cookie_private{
display:none;
position:fixed;
top:156px;
left:0px;
right:0px;
width:auto;
background-color:rgb(255,221,0);
padding:2px 10px;
z-index:998;
}

#cookie_private #ok{
display:inline-block;
padding:3px 10px;
cursor:pointer;
}

.datenschutz{
color:rgb(207,12,19);
text-decoration:underline;
}

#telefon{
text-align:right;
position:absolute;
top:60px;
right:80px;
}

@media screen and (max-width: 1275px)
{
  #head{
  min-width:inherit;
  }

  .page_size{
  width:100%;
  padding:5px;
  }

  #footer{
  min-width:inherit;
  }

  #content_right.content_right_small{
  width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1150px)
{
  #telefon{
  display:none;
  }
}

@media screen and (min-width: 1025px)
{
  #head{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  width:auto;
  }

  #message{
  position:fixed;
  top:156px;
  }

  #content{
  padding-top:176px;
  }

  #content_right{
  width:100%;
  }
}

@media screen and (max-width: 1024px)
{
  #head .page_size{
  padding:0px;
  }

  #logo{
  position:relative;
  display:block;
  top:10px;
  left:auto;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  }

  #search,#languages{
  display:none;
  }

  #navigation{
  width:100%;
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  }

  #navigation a{
  width:33.33%;
  display:inline-block;
  margin:0px;
  margin-bottom:10px;
  text-align:center;
  vertical-align:middle;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
  padding:10px;
  }

  #smart_search,#smart_languages,#smart_categorie{
  display:block;
  }

  #navigation_groups{
  display:none;
  }

  #content_right{
  width:100%;
  }

  #content_right.content_right_small{
  width: calc(100% - 250px);
  }

  #bread{
  margin-top:0px;
  }

  #cookie_private{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  width:100%;
  }
}

@media screen and (max-width: 910px)
{
  #content_left{
  width:100%;
  padding:0px;
  margin-bottom:20px;
  }

  #content_left .subs{
  display:none;
  }

  #content_right.content_right_small{
  width:100%;
  }

  .form_text{
  width:100%;
  }

  .form{
  display:table;
  width:100%;
  }

  .form_row{
  display:block;
  }

  .form_cell{
  display:block;
  }

  .form_left{
  padding-top:15px;
  width:100%;
  }

  .form_right{
  width:100%;
  padding-top:0px;
  }

  .form_button{
  text-align:left;
  }
}

@media screen and (max-width: 500px)
{
  #smart_languages{
  width:30%;
  display:block;
  }

  #smart_search{
  width:70%;
  }
}

@media screen and (max-width: 487px)
{
  .listing .list_picture{
  margin-bottom:5px;
  }
}

@media print
{
  #navigation{
  display:none;
  }

  #search{
  display:none;
  }

  #languages{
  display:none;
  }

  #logo{
  display:block;
  position:relative;
  top:auto;
  left:auto;
  margin-left:auto;
  margin-right:auto;
  }

  #head{
  min-height:auto;
  padding-top:20px;
  padding-bottom:20px;
  }

  #content_left{
  display:none;
  }

  #content_right,#content_right.content_right_small{
  width:100%;
  }

  #footer{
  display:none;
  }
  
  #navigation_groups{
  display:none;
  }
}