/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 9098 2015-12-02 11:22:33Z Tomcraft $

   modified eCommerce Shopsoftware
   http://www.modified-shop.org

   Copyright (c) 2009 - 2013 [www.modified-shop.org]
   -----------------------------------------------------------------------------------------
   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------
    01. Fonts
    02. Globals (body, tables, p, etc. )
    03. Header
    04. Headlines
    05. Links
    06. Inputs, Selects, Textarea
    07. Footer, Copyright, Parse Time
    08. Content
    09. HR pseudos
    10. Breadcrumbs
    11. New Boxes
    12. Categories box
    13. Highlightbox
    14. Product-Navigator 
    15. Error, info & success messages
    16. Checkout
    17. Color Defination from language-Files, main.php, ot-Module
    18. Listing globals
    19. Productlist boxes
    20. Productlist rows
    21. Categories listing & subcats
    22. Pagination
    23. Filter manufacturer
    24. Content sites (AGB, Datenschutz, etc.)
    25. Products table for order_details, account_history_info, checkout_confirmation
    26. Product details
    27. Graduated prices
    28. Addtobasket
    29. Product_details reviews
    30. Product_options
    31. Product_details media
    32. Popup content
    33. print content (popup print_product_info, popup print_order.html)
    34. Reviews
    35. Upcoming_products
    36. Coupon box - error message
    37. Downloads
    38. Offline & Admin-login
    39. Toggle shopping cart box
    40. Carousel Bestseller box
    41. Janolaw.de (BASIC Template for AGB Hosting Content)
    42. Sitemap 
    43. Product_reviews_info
    44. Last viewed in account
    45. Account cart and click buttons
    46. Miscellaneous
    47. CSS Buttons
    48. CSS Write reviews

   ---------------------------------------------------------------------------------------*/

/* 1. START fonts */

/*
  font-family: 'Lato', sans-serif;
  font-weights: 400,700

  font-family: 'Bebas Neue', sans-serif;
  font-weights: 400



  color 1 - blau
  color: #396179;

  color 2 - grau
  color: #f5f5f5;
  



  Color 1 - magenta
  color: #b0377e;

  Color 2 - magenta dunkel
  color: #7c2759;

  Color 3 - magenta hell
  color: #eee5ea;

  Color 4 - rot
  color: #e74c3c;
*/


/* Fonts */


/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('css/fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('css/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('css/fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('css/fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('css/fonts/bebas-neue-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'),
       url('css/fonts/bebas-neue-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/bebas-neue-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/bebas-neue-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/bebas-neue-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/bebas-neue-v1-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}


/* END fonts */





/* 2. START globals */
* {
  margin:0;
  padding:0;
}
body {
  font-family: 'Lato';
  font-weight: 400;
  font-size:14px;
  background-image: url(img/bg_body.jpg);
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: none;
  background-color:#eee;
  background-attachment:fixed;
  color:#333;
  line-height:24px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}
.clearfix, .clear, .clearer {
  line-height:0px;
  height:0px;
  clear:both;   
}
.clearer_50 {
  line-height:0px;
  height:50px;
  clear:both;   
}


.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
         
.mini { font-size:11px;font-weight:normal;}
.midi { font-size:12px;font-weight:normal;}
.mini_tax { font-size:9px;font-weight:normal; white-space:nowrap;text-align:right;}


.lineheight16 { line-height:16px;}
.lineheight18 { line-height:18px;}

a.black {
  color:#ddd !important;
}
a.black:hover {
  color:#f9a806 !important;
  text-decoration:none !important;
}
.link_arrow a {
  color: #333 !important;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}
.link_arrow a:hover {
  color:#396179;
  text-decoration:none;
}
.link_arrow .fas,
.link_arrow .far,
.link_arrow .fab {
  padding-right:6px;
  font-weight:bold;
  vertical-align:-1px;
}


.twoColums {
  float:left;
  width:48%;
  margin: 0 4% 20px 0;
}
.twoColums.last {
  margin: 0 0 20px 0;
}
.twoColums.stickyright {
  float:right;
}      

.twoColumsInner {
  float:left;
  width:48%;
  margin: 0 4% 20px 0;
}
.twoColumsInner.last {
  margin: 0 0 20px 0;
}

.twoColums_small {
  float:left;
  width:47%;
  margin: 0 6% 0px 0;
}
.twoColums_small.last {
  margin: 0 0 0 0;
}


.button_left,
.button_left_cart {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:32px;
  line-height:32px;
}
.button_right,
.button_right_cart {
  float:right;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  text-align: right;
  min-height:32px;
  line-height:32px;
}
.button_left_error {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: 22px 0px 0px 0px;
  min-height:32px;
  line-height:32px;
}
.button_right_checkout {
  float:right;
  text-align:right;
  display:inline-block;
  margin: 5px 0px 0px 0px;
  min-width:200px;
}
.button_right_checkout_small {
  float:right;
  margin: 4px 0px 0px 20px;
}

.button_left img,
.button_left input,
.button_left_error input,
.button_right img,
.button_right input,
.button_left_cart img,
.button_left_cart input,
.button_right_cart img,
.button_right_cart input,
.button_right_checkout input
 {
  vertical-align:bottom;
}
.button_left_cart img {
  margin: 0px 5px 0px 0px;
}
.paypal_button {
  margin:0px 2px 0px 0px;
  display:inline-block;
}
.paypal_button img {
  height:32px;
}
.paypal_button2 {
  margin:5px 0px 0px 0px;
  display:block;
}
.paypal_button2 img {
  height:32px;
}
.express_button {
  margin:0px 0px 0px 0px;
  display:inline-block;
}
.paypal_button img {
  height:32px;
}
.text_left {
  float:left;
  width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:28px;
  font-size:10px;
  line-height:14px;
}

p {
  margin:8px 0 8px 0;
}
p.onlytop {
  margin:8px 0 0 0;
}
p.nomargin {
  margin:0 0 0 0;
}
p.textright {
  text-align:right;
}

table {
  width:100%;
  border-spacing: 0;
  border-collapse:collapse;
}
table td {
  padding:4px 0px;
}
.td_full {
  width:100%;
}
table.address td {
  position:relative;
}

table.address td.plz {
  width:100px;
}
table.address td.city {
  padding-left:20px;
}
table.address td.firstname {
  width:49%;
}
table.address td.lastname {
  width:51%;
  padding-left:20px;
}

table.address td .inputRequirement {
  position:absolute;
  right:2px;
  top:5px;
  font-size:10px;
  line-height:14px;
  vertical-align:top;
  color:#dd2400;
  font-weight:600;
}
table.address td .inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:5px;
  font-size:10px;
  line-height:14px;
  vertical-align:top;
  color:#dd2400;
  font-weight:600;
}
/* END globals */


/* 3. START header */
#layout_wrap {
  width:100%;
  padding: 0px 0px;
  margin: 0px 0px;
  position:relative;
  z-index:2;
}
      

#layout_header {
  background-image: url(img/bg_header.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  position:relative;
  -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:    0px 0px 30px 10px rgba(0,0,0,0.5);
  box-shadow:         0px 0px 30px 10px rgba(0,0,0,0.5);
}
#layout_header:before {
  content: "";
  display:block;
  padding-top: 260px;
}


.layout_header_inner {
  position:absolute;
  width:100%;
  max-width:1300px;
  margin: auto;
  padding: 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top:40px;
  left:0px;
  right:0px;
}    


#layout_logobar {
  background:transparent;
}
.layout_logobar_inner {
  position:relative;
  width:100%;
  margin: 0px auto;
  padding: 0px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.ll_logo {
  width: 200px;
  height:auto;
  vertical-align:middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ll_action {
  font-family: 'Bebas Neue', sans-serif;
  position:relative;
  padding: 0 0 0 10%;
  width: 70%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align:right;
}
#logo img {
  vertical-align:top;
  width:100%;
  max-width:300px;
  height:auto;
}
#logo a {
  display:block;
  outline:none;
  text-decoration:none;
}
#logo a:hover {
  outline:none;
  text-decoration:none;
}

a.action_1 {
  display:inline-block;
  color:#fff !important;
  padding: 2px 5px 2px 5px;
  text-transform:uppercase;
  font-size:36px;
  line-height:40px;
  font-weight:400;
  margin: 0 0px 0px 0px;
}

a.action_1:hover {
  color:#aaa !important;
}
a.action_1.selected {
  color:#aaa !important;
}







#layout_slider {
  margin: 0px 0 0px 0;
  padding: 30px 0px 30px 0px;
  background:#111;
}
.layout_slider_inner {
  width:100%;
  max-width:1300px;
  padding: 0px 0px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.6);
  -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.6);
  box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.6);
}






/* END header */


/* 4. START headlines */
h1 {
  font-family: 'Bebas Neue', sans-serif;
  color:#222;
  font-weight:400;
  font-size:50px;
  line-height:50px;
  text-transform:uppercase;
  margin:0px 0 15px 0;
  padding:0 0 5px;
  border-bottom: 0px solid transparent;
}
h1.newcontent {
  margin: 25px 0 0 0;
  padding: 0;
}  

h1.checkout {
  margin:30px 0 15px 0;
}
.headline_right {
  font-size:14px;
  float:right;
}
.headline_big {
  font-family: 'Bebas Neue', sans-serif;
  color:#222;
  font-weight:400;
  font-size:40px;
  line-height:40px;
  text-transform:uppercase;
  margin:25px 0 15px 0;
  padding:0 0 5px;
  border-bottom: 0px solid transparent;
}
h2 {
  font-family: 'Bebas Neue', sans-serif;
	font-weight:400;
  color:#222;
	font-size:14px;
	margin:20px 0px 8px 0px;
	padding:0px;
	width:auto;
	border-bottom: 0px solid #ddd;
	padding-bottom:5px;
}
h3 {
  font-family: 'Bebas Neue', sans-serif;
  color:#222;
  font-weight:400;
}
h4 {
  font-family: 'Bebas Neue', sans-serif;
	color:#222;
	font-weight:400;
  text-transform:uppercase;
	font-size:22px;
  line-height: 26px;
	margin:0px 0px 14px 0px;
	padding:0px 0px 5px 0px;
  border-bottom: 1px solid #999;
}
h4.detailbox {
	color:#222;
	font-size:13px;
	margin:40px 0px 15px 0px;
}
.pd_tabs h4.detailbox {
	color:#222;
	font-size:13px;
	margin:15px 0px 10px 0px;
}
.pd_accordion h4.detailbox {
	color:#222;
	font-size:13px;
	margin:15px 0px 10px 0px;
}

.pseudoheadline {
  margin: 0 0 20px 0;
  line-height: 16px;
  font-size: 20px;
  text-transform:uppercase;
  font-weight:600;
  text-align: center;
  color:#333;
  overflow:hidden;
}
.pseudoheadline span {
  display: inline-block;
  position: relative;  
  padding: 0px 25px;
}
.pseudoheadline span:before,
.pseudoheadline span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid #555;
  top: 8px;
  width: 600px;
}
.pseudoheadline span:before {
  right: 100%;
  margin-right: -10px;
}
.pseudoheadline span:after {
  left: 100%;
  margin-left: -10px;
}

/* END headlines */


/* 5. START Links global */
a, a:link, a:visited, a:active, a:hover {
  background:transparent;
  text-decoration:none;
  outline:none;
  cursor:pointer;
}
a:link {
  color:#555;
  outline:none;
}
a:visited {
  color:#555;
  outline:none;
}
a:hover, a:active {
  color:#555;
  outline:none;
}
a:hover {
  color:#222;
  text-decoration:none;
  outline:none;
}
a img {
  border:none;
  outline:none;
}
/* END Links global */


/* 6. START inputs */
input {
  font-family: 'Lato', sans-serif;
  font-size:14px;
  line-height:20px;
}
textarea {
  font-family: 'Lato', sans-serif;
  font-size:14px;
  line-height:20px;
  background-color:rgba(56,56,56,0.2);
  border-color: #999;
  color: #555;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 11px 8px 11px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}
select {
  font-family: 'Lato', sans-serif;
  font-size:13px;
  line-height:19px;
  background-color:rgba(56,56,56,0.2);
  border-color: #999;
  color: #555;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 11px 8px 11px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}  
input[type=text], input[type=password], input[type=email], input[type=tel] {
  background-color:rgba(56,56,56,0.2);
  border-color: #999;
  color: #555;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 11px 8px 11px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}
input[type=radio], input[type=checkbox] {
  margin: 0 3px;
}
.stern input[type=text], .stern input[type=password], .stern input[type=email], .stern input[type=tel], .stern select, .stern textarea  {
  width:95%;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color:rgba(56,56,56,0.2);
    border-color: #333;
    color: #333;
}    
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
    background-color:rgba(56,56,56,0.1);
    border-color: #333;
    color: #333;
    outline: 0 none;
}
/* gv_send */
textarea#message {
  height:120px;
}
/* contact */
textarea#message_body {
  resize: vertical;
  height:120px;
}
/* write_review */
textarea#review {
  height:80px;
}
td.checkbox {
  vertical-align:top;
  padding-top:6px;
  padding-right:5px;
}
.fieldtext, .fieldtext_stern {
  font-size:10px;
  line-height:16px;
  font-weight:700;
  padding: 0px 0px 2px 0px;
  display:block;
}
.pflicht {
  font-size:10px;
  line-height:10px;
  vertical-align:baseline;
  font-weight:400;
  text-transform:none;
}
.adv_search_checkbox input {
  vertical-align:-1px;
}

/* END inputs */


/* 7. START Footer */

.footer_social_links {
  text-align:center;
  margin: 0px 0 30px 0;
}

.footer_social_links a {
  display: inline-block;
  background: #fff;
  color: #333;
  font-size: 30px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  margin: 0px 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 5px;
}
.footer_social_links a:hover {
  opacity:0.8;
}



#layout_footer {
  background-image: url(img/bg_footer.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  position:relative;
  margin: 0px; 
  padding: 0px 0 0 0;    
}



.layout_footer_inner {
  width:100%;
  max-width:1300px;
  margin: 0px auto;
  padding: 40px 0px 10px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color:#fff;
  text-align:center;
}


ul.footer_list {
  text-align:center;
  display:inline-block;
  list-style-type:none;
  
}
ul.footer_list li { 
  display:inline-block;
  text-transform:uppercase;
  padding: 0px 15px;
  border-right: 1px solid #fff;
}
ul.footer_list li:last-child { 
  border-right: 0px solid #fff;
}
ul.footer_list li a {
  font-family: 'Bebas Neue', sans-serif;
  display:block;
  color:#fff;
  outline:none;
  padding:0px 0;
  display:block;
  font-weight:400;
  font-size:24px;
  line-height:26px;
}
ul.footer_list li a:hover {
  color:#eee;
  text-decoration:none;
}

.footer_social_icon {
  margin: 0px 0 30px 0;
  text-align:center;
}
.footer_social_icon img {
  width:100px;
  height:auto;
  vertical-align:top;
}




.copyright_text {
  padding: 20px 10px 20px 10px;
  font-size:12px;
  line-height:18px;
  font-weight:400;
  text-align:center;
  color:#fff;
}
.copyright_text a {
  color:#eee;
  text-decoration:underline;
}
.copyright_text a:hover {
  color:#eee;
  text-decoration:underline;
}




.copyright {
  margin:0 auto;
  text-align:center;
  color:#888;
  font-size:0px;
  line-height:0px;
  font-weight:400;
  padding:0 0 0 0;
  margin: 0 0 0 0;
  width:100%;
  display:none;
  visibility:hidden;
}
.copyright a {
  text-decoration:none;
}
/* ParseTime */
.parseTime {
  margin:0 auto;
  text-align:center;
  color:#ccc;
  font-size:10px;
  padding:0 0 0px 0;
  margin: -10px 0 0 0;
}

/* END Footer */


/* 8. START content*/
#layout_content {
  min-height:600px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout_content_inner {
  width:100%;
  max-width:1040px;
  padding: 30px 30px 50px 30px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
  background:rgba(255,255,255,0.5);
}
.layout_content_inner_full {
  width:100%;
  padding: 0px 0px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}
.layout_content_black {
  width:100%;
  padding: 0px 0px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background:#111;
  color:#fff;
}
.layout_content_black_inner {
  width:100%;
  max-width:1040px;
  padding: 30px 30px 50px 30px;
  margin: 0px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* END content */


/* 9. START pseudo hr's */
div.hr_1 {
  height:1px;
  line-height:1px;
  margin:0;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_5 {
  height:1px;
  line-height:1px;
  margin:5px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_10 {
  height:1px;
  line-height:1px;
  margin:10px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_15 {
  height:1px;
  line-height:1px;
  margin:15px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
/* 9. END pseudo hr's */


/* 10. START breadcrumbs */
/* 10. END breadcrumbs */



/* 11. START New boxes */
/* 11. END New boxes */


/* 12. START categories */
/* 12. END categories */


/* 13. START Highlightbox */
div.highlightbox {
  padding:15px 0;
}
div.highlightbox.plainleft {
  padding:15px 0px 15px 0px;
  background-color:transparent;
  border:none;
}
div.highlightbox.plainright {
  padding:15px 0px 15px 0px;
  background-color:transparent;
  border:none;
}
div.highlightbox.plainfull {
  padding:15px 0px 15px 0px;
  background-color:transparent;
  border:none;
}
div.highlightbox.grey {
  padding: 15px 10px;
}
div.highlightbox.checkoutborder {
  background:#fff;
  border: 2px solid #333;
  padding: 15px 10px !important;
}
.margintop {
  margin-top:38px;
}
div.highlightbox ul {
  margin-left:15px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:19px;
}
div.highlightbox ul.accountlist {
  margin-left:15px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:23px;
}

.homesite {
  padding: 0 0 20px 0;
}
.homesite p:first-child {
  margin-top:-2px;
}

.homesite ul {
  margin-left:16px;
  padding:0;
  display:block;
}
.homesite img {
  max-width:100% !important;
  height:auto !important;
}

.giftcart_box {
  padding: 15px 15px 0px 15px;
  background: #f5f5f5;
}
.giftcart_box h4 {
  font-size:13px;
  line-height:17px;
}

.giftcart_box input[type=text] {
  background: #fff;
}

.amount_info {
  font-size:11px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px;
  margin: 0px 0px 5px 0px;
}
.amount_info:last-child {
  margin: 0px 0px 15px 0px;
}

.coupon_info {
  color:#669900;
  font-size:11px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px;
  margin: 0px 0px 5px 0px;
}
.coupon_info a {
  color:#669900;
}

table.table_gift {
  margin: -6px 0 0 0;
}
table.table_gift tr td.gift_field {
  padding-right:10px;
}
table.table_gift tr td.gift_button {
  width:130px;
  padding-top:23px;
}
table.table_gift tr td.gift_button input {
  float:right;
  margin-top:16px;
}
/* 13. END Highlightbox */


/* 14. START product_navigator */
/* 14. END product_navigator */


/* 15. START error, info & success messages */
.errormessage {
  border:solid #fbe5e2 1px;
  padding:10px;
  font-size:12px !important;
  line-height:16px;
  font-weight:400;
  color:#e74c3c;
  background-color:#fbe5e2 ;
  margin-bottom:10px;
}
.errormessage.shopsystem {
  margin-top:38px;
  margin-bottom:-32px;
}
.errormessage p { 
  margin: 4px 0px;
}
.errormessage ul li {
  margin-left:10px;
}
.messageStackError {
  color:#e74c3c !important;
  font-size:12px !important;
}
td.messageStackError {
  padding:2px 0px;
}
.markProductOutOfStock {
  color:#e74c3c !important;
  padding-left:5px;
}
.markProductOutOfStock span {
  color:#e74c3c !important;
}

/* SUCCESS MESSAGE */
.messageStackSuccess {
  color:#333 !important;
}
.inputRequirement {
  font-size:10px;
  line-height:20px;
  vertical-align:top;
}
.inputRequirement_textarea {
  font-size:10px;
  vertical-align:top; 
  line-height:30px;
}
/* INFO MESSAGES */
.infomessage {
  border: 1px solid #d4edda;
  padding: 10px;
  background-color: #d4edda;
  margin-bottom: 10px;
  font-size:12px !important;
  line-height:16px;
  font-weight:400;
  color:#155724;
}
.infomessage p { 
  margin: 4px 0px;
}
.infomessage a {
  color:#333;
  text-decoration:none;
}
.infomessage a:hover {
  color:#155724;
  text-decoration:none;
}
/* 15. END error, info & success messages */


/* 16. START checkout */
/* END checkout */


/* 17. START Color Defination from language-Files, main.php, ot-Module  */
.color_ot_total {
  color:#e74c3c;
}
.color_error_message {
  color:#e74c3c;
}
a.color_more {
  color:#555 !important;
}
a.color_more:hover {
  color:#555 !important;
  text-decoration:underline !important;
}
.color_edit_info {
  color:#f9a806;
}
/* END Color Defination from language-Files, main.php, ot-Module  */


/* 18. START Listing globals */
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

/* END Listing globals */


/* 19. START productlist boxes */
/* END productlist boxes */


/* 20. START productlist rows */
/* END productlist rows */

/* 21. START categories listing & subcats */
/* END categories listing & subcats */

/* 22. START pagination */
/* END pagination */

/* 23. START filter manufacturer */
/* END filter manufacturer */


/* 24. START content sites (AGB, Datenschutz, etc.) */


.content_site {
  padding: 0 0 0px 0;
  margin: 0 0 0px 0;
}





.content_site ul {
  margin-left:16px;
}
.content_site ol {
  margin-left:28px;
}
.content_site img {
  max-width:100% !important;
  height:auto !important;
}
.content_site h2 {
  border: none;
  font-size:16px;
}
.content_site p {
  margin: 12px 0px;
}


.content_special_site {

}
.content_special_site strong {
  font-weight:700;
}

.content_special_footer {
  margin: 70px 0px 50px 0px;
  font-size:18px;
  line-height:26px;
  text-align:center;
  font-weight:600;
}


/* END content sites (AGB, Datenschutz, etc.) */


/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
ul.orderlist {
  list-style-type:none;
  margin: -10px 0 0 0 !important;
}
ul.orderlist li {
  list-style-type:none;
  line-height:19px;
}
ul.orderlist li .orderlist_row {
  vertical-align:top;
  padding: 10px 10px;
}
ul.orderlist li .orderlist_header {
  padding: 10px 10px 8px 10px;
  font-size:10px;
  line-height:18px;
  text-transform:uppercase;
  color:#666666;
  font-weight:800 !important;
  background:#f5f5f5;
  border-top:1px solid #e1e1e1;
  border-bottom:1px solid #e1e1e1;
}
ul.orderlist li .orderlist_header span.ol_productsname {
  font-size:10px;
  line-height:18px;
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_singleprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_totalprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_price_row {
  float:right;
  display:inline-block;
}

.ol_row1 {
  background:transparent;
  border-bottom:1px solid #e1e1e1;
}
.ol_row2 {
  background:transparent;
  border-bottom:1px solid #e1e1e1;
}
ul.orderlist li .orderlist_row span {

}

.ol_width_1         { width: 10.0%; min-width:100px;}
.ol_width_2         { width: 40.0%;}

.ol_width_3         { width: 160px;}
.ol_width_31        { width:  5.0%; min-width:50px;}
.ol_width_32        { width: 30.0%; }
.ol_width_33        { width: 30.0%; }

.ol_width_4         { width: 25.0%;}
.ol_width_4_header  { width: 25.0%; }
.ol_width_41        { width: 50.0%; }
.ol_width_42        { width: 50.0%; }




.ol_width_5         { width: 110px;}
.ol_width_52        { width: 50.0%; }
.ol_width_53        { width: 50.0%; }

.ol_width_6         { width:  5.0%; min-width:50px;}
.ol_width_7         { width: 40.0%;}



span.ol_quantity {
  float:left;
  display:inline-block;
}
span.ol_quantity2 {
  float:left;
  display:inline-block;
  padding-top:5px;
}
span.ol_quantity input {
  text-align:center;
  padding: 10px 8px;
  height:40px;
}
span.ol_image {
  float:left;
  display:inline-block;
  text-align:center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right:20px;
}

span.ol_image_inner {
  display:block;
  text-align: center;
  width: 100%;
  position:relative;
  background:#fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ededed;
}
span.ol_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
span.ol_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 20%;
  max-height: 20%;
  -webkit-transform: scale(4.4);
  -moz-transform: scale(4.4);
  -ms-transform: scale(4.4);
  -o-transform: scale(4.4);
  transform: scale(4.4);
}

span.ol_productsname {
  float:left;
  display:inline-block;
  font-size: 13px;
  line-height: 19px;
}
span.ol_productsname a {
  font-size: 13px;
  font-weight: normal;
  line-height: 19px;
  padding: 0;
  color:#333;
}
span.ol_productsname a:hover {
  color:#f9a806;
  text-decoration:none;
}
span.ol_productsname .markProductOutOfStock span {
  color:#dd2400 !important;
  font-size:12px;
  font-weight:800;
  display:inline-block;
  padding-left:4px;
}

span.ol_action_row {
  float:left;
  display:inline-block;
  text-align:center;
  padding: 0px 15px;
}

span.ol_price_row {
  float:right;
  display:inline-block;
}
span.ol_delete {
  float:right;
  text-align:center;
  display:inline-block;
}
span.ol_singleprice {
  float:right;
  text-align:right;
}
span.ol_totalprice {
  float:right;
  text-align:right;
}

.ol_distance {
  display:block;
  padding-top:10px;
}
.ol_distance a.iframe {
  color:#f9a806;
}
.ol_distance a.iframe:hover {
  color:#333;
  text-decoration:none;
} 

.ol_model {
  font-size:11px;
  line-height:17px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
.ol_shipping {
  font-size:11px;
  line-height:17px;
  font-weight:normal;
}
.ol_short_desc {
  font-size:11px;
  line-height:17px;
  color:#999;
}
.ol_tags_row {
  margin: 0 0 10px 0;
}
.ol_tags_item {
  font-size:11px;
  line-height:17px;
  font-weight:normal;
  margin: 2px 0 0 0;
}

ul.attributes_list {
  list-style-type:none;
  margin: 5px 0px 5px 0px !important;
}
ul.attributes_list li {
  border: none !important;
  font-size:11px;
  line-height:19px;
}

.ord_wishlist {
  display:block;
  padding:6px 0 0px 0;
  font-size:10px;
  color:#666;
}
.ord_wishlist a {
  color:#666 !important;
  text-transform:none !important;
  font-size:10px !important;
  font-weight:700 !important;
}
.ord_wishlist a:hover {
  text-decoration:underline;
}
.ord_wishlist .fas,
.ord_wishlist .far,
.ord_wishlist .fab {
  padding-right:4px;
  font-weight:bold;
}


.ord_subtotal {
  background: #f5f5f5;
  margin: 0px 0 0px 0;
  float:right;
  width:70%;
  text-align:right;
  line-height:19px;
  padding: 0px 10px 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ord_subtotal .shipping_container {
  margin: 4px 0px;
}
.ord_subtotal select {
  max-width:180px;
  margin-left:5px;
}
.ord_subtotal .SumoSelect {
  max-width:180px;
  margin-left:5px;
  text-align: left;
}
.ord_subtotal .SumoSelect .SelectBox {
  padding: 5px 8px;
}



.ord_subtotal .shipping_hinweis {
  font-size:11px;
  line-height:15px;
  margin: 0px 0px 4px 0px;
}

.ord_table_right {
  text-align:right;
}
.ord_width100 {
  width:100px;
}

ul.ord_total_list {
  margin: 0px !important;
  list-style-type:none !important;
}
ul.ord_total_list li {
  padding: 10px 0px;
  line-height:19px;
}
.otl_row1 {
  border-bottom:1px solid #e1e1e1;
  background:transparent;
}
.otl_row2 {
  background:transparent;
  padding: 10px 0px 10px 0px !important;
}
.otl_row3 {
  background:transparent;
  padding: 0px 0px 10px 0px !important;
  color:#999;
  font-size:12px;
  line-height:14px;
}

.otl_row4 {
  border-top:1px solid #e1e1e1;
  background:transparent;
  padding:15px 0px !important;
}

.otl_row2 .otl_col1 {
  line-height:32px;
}

.otl_col1 {
  width:50%;
  float:left;
  text-align:left;
}
.otl_col2 {
  width:50%;
  float:left;
  text-align:right;
}
.otl_col3 {
  width:80%;
  float:left;
  text-align:left;
}
.otl_col4 {
  width:20%;
  float:left;
  text-align:right;
  white-space:nowrap;
}

.express_info_cart {
  display:block;
  text-align:right;
  line-height:12px;
  font-size:10px;
  padding:2px 2px 5px 0;
}
.express_info_cart a {
  color:#555;
}
.express_info_cart a:hover {
  color:#555;
  text-decoration:underline;
}



.total_table_right {
  padding: 10px 0 0 0;
  float:right;
}
table.total_table {
  font-size:14px;
  line-height:20px;
}
table.total_table tr td {
  padding:2px 5px;
  vertical-align:top;
}
.ord_width_total {
  width:105px;
}
/* ENDE Warenkorb als Liste */
/* END products_table for order_details, account_history_info, checkout_confirmation */


/* 26. START Product details */
/* END Product details */

/* 27. START graduated prices */
/* END graduated prices */

/* 28. START addtobasket */ 
/* END addtobasket */

/* 29. START product_details reviews */
/* END product_details reviews */

/* 30. START product_options */
/* END product_options */

/* 31. START product_details media */
/* END product_details media */

/* 32. START popup content (popup print_product_info, popup print_order.html) */
body.popupcontent {
  min-width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0 0;  
  background-image:none;
  background:rgba(255,255,255,0.7);
}
body.popupcontent h1 {
  margin-top:0px !important;
}
/* 32. END popup content */


/* 33. START print content (popup print_product_info, popup print_order.html) */
body.popupprint {
  min-width:100%;
  background:rgba(56,56,56,0.7) none;
}
.printwrap {
  width:700px;
  margin: 0px auto;
}
.printlogo {
  padding:10px 0px;
  text-align:center;
  border-bottom: 1px solid #ccc;
  margin-bottom:10px;
}

/* END print content (popup print_product_info, popup print_order.html) */


/* 34. START reviews */
/* END reviews */

/* 35. START upcoming_products */  
/* END upcoming_products */  


/* 36. START coupon box - error message */  
.hb_box_text {
  float:left;
  display:inline-block;
  line-height:30px;
  font-size:12px;
  height:32px;
  padding: 0 30px 0 0;
  font-weight:bold;
}  
.hb_box_input {
  float:left;
  display:block;
  width: 320px;
  height:32px;
}   
.hb_box_button {
  float:left;
  display:inline-block;
  height:32px;
  padding: 0 0 0 20px;  
}  
/* END coupon box - error message */  

 
/* 37. START downloads */
/* END downloads */


/* 38. START offline & admin-login */
#layout_offline {
  max-width:700px;
  margin:40px auto;
  padding:30px;
  border: 1px solid #ddd;
}
#layout_adminlogin {
  position:relative;
  margin: 50px auto;
  padding:15px;
  background:#fff;
  border:solid #eee 1px;
  -webkit-box-shadow: 0px 0px 15px #3d3d3d; 
  -moz-box-shadow: 0px 0px 15px #3d3d3d; 
  box-shadow: 0px 0px 15px #3d3d3d;
  width:400px;
}
#layout_adminlogin a.help_adminlogin {
  position:absolute;
  width:32px;
  height:32px;
  outline:none;
  top:10px;
  right:10px;  
  display:block;
}
#layout_adminlogin .login {
  float:right;
  margin: 10px 0 0 0;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  padding: 2px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  border: solid 1px #101010;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
  background: -moz-linear-gradient(top,  #494949,  #242424);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */



/* 39. START toggle shopping cart box */
/* END toggle shopping cart box */

/* 40. START carousel Bestseller box */
/* END carousel Bestseller box */

/* 41. START Janolaw.de (BASIC Template for AGB Hosting Content) */
/* END Janolaw.de */

/* 42. START sitemap  */
/* END sitemap  */

/* 43. START product_reviews_info */
/* END product_reviews_info */

/* 44. START Last viewed in account */
/* END Last viewed in account */

/* 45. START account cart and click buttons */
/* END account cart and click buttons */

/* 46. START miscellaneous */
/* START Subcontent navigation in content */
/* END Subcontent navigation in content */


/* START tags */
/* END tags */


/* START Klarna */ 
/* END Klarna */ 


/* START Bannermanager */
.content_banner {
  margin: 20px 0 20px 0;
}
.content_banner img {
  float:left;
  width:100%;
  height:auto;
}
/* END Bannermanager */

/* START autocomplete */
/* END autocomplete */

/* END miscellaneous */



/* 47. START CSS Buttons */

/* Globals for CSS Buttons */
.cssButton {
  position:relative;
  font-family: 'Lato', sans-serif;
  display:block;
  width:100%;
  text-align:center;
  padding: 11px 5px;
  font-size:14px;
  line-height:20px;
  font-weight:700;
  text-transform:uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space:nowrap;
  text-decoration:none;
  min-height:35px;
}

.cssButton button {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:transparent;
  cursor:pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.cssButton .fas,
.cssButton .far {
  padding-left:3px;
  padding-right:3px;
}
.cssButton .cssButtonText {
  display:inline-block;
  padding-left:3px;
  padding-right:3px;
  text-decoration:none;
}

/* Colors for CSS Buttons */

/* Black Buttons */
.cssButtonColor1 {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #333;
	text-decoration:none;
	background-color:#333;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor1:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Magenta Buttons */
.cssButtonColor2 {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #333;
	text-decoration:none;
	background-color:#333;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor2:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Transparent Buttons with Border */
.cssButtonColor3 {
  background:#fafafa;
  border: 1px solid #c6c6c6;
  color:#555;
}
.cssButtonColor3:hover {
  background:#fafafa;
  color:#222;
  text-decoration:none !important;
}

/* Green Buttons */
.cssButtonColor4 {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #528a50;
	text-decoration:none;
	background-color:#528a50;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor4:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Transparent Icons no Border */
.cssButtonColor5 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  background:transparent;
  color:#555;
}
.cssButtonColor5:hover {
  color:#222;
  text-decoration:none !important;
}


/* Yellow Paypal Express Buttons */
/* Positions for CSS Buttons */





/* Box login */
.cssButtonPos3 {
  float:right;
  width:100px;
}

/* Single Button 130 */
.cssButtonPos4 {
  min-width: 130px;
}

/* Edit Buttons adress_book */
.cssButtonPos5 {
  display:block;
  margin: 0 0 5px 0;
}

/* Small Cart Buttons account, account_history, account_history_info */
.cssButtonPos6 {
  float:left;
  width:44px;
  display:block;
  margin: 0 0 5px 5px;
}
.cssButtonPos6 .fas {
  font-size:16px;
  vertical-align:bottom;
}

/* More than one Button in one line account_history_info & shopping_cart */
.cssButtonPos7 {
  float:left;
  margin: 0px 5px 5px 0px;
  min-width: 130px;
}
.cssButtonPos8 {
  float:right;
  margin: 0px 0px 5px 5px;
  min-width: 165px;
}
.cssButtonPos9 {
  float:left;
  margin: 0px 5px 5px 0px;
  min-width: 150px;
}

/* Delete Button in flyout wishlist & shopping cart */


/* Add to basket Button product_info */
.cssButtonPos10 {
  display:block;
  width:100%;
  margin: 0 0 0px 0;
}

/* Small Buttons wishlist */
.cssButtonPos11 {
  width:50px;
  display:inline-block;
  margin: 0 2px 0 2px;
}
.cssButtonPos11 .fas,
.cssButtonPos11 .far {
  font-size:16px;
  vertical-align:-2px;
}

/* Big Buttons checkout */
.cssButtonPos12 {
  min-width:200px;
  display:inline-block;
}
.cssButtonPos12 .cssButton {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 5px;
  min-width:220px;
}

/* Small Cart Buttons delete */
.cssButtonPos13 {
  display:block;
  margin: 0 0 0px 0px;
}
.cssButtonPos13 .cssButton {
  padding: 3px 5px;
}
.cssButtonPos13 .fas,
.cssButtonPos13 .far,
.cssButtonPos13 .fab {
  font-size:15px;
  vertical-align:bottom;
}

.orderlist .cssButtonPos13 {
  display:block;
  margin: 0 0 0px 0px;
  width:46px;
}
.orderlist .cssButtonPos13 .cssButton {
  border: 1px solid #ededed;
  padding: 9px 4px;
  background:#fff;
  color:#999;
}
.orderlist .cssButtonPos13 .fas,
.orderlist .cssButtonPos13 .far,
.orderlist .cssButtonPos13 .fab {
  font-size:16px;
  vertical-align:bottom;
  line-height:20px;
}
.orderlist .cssButtonColor5:hover {
  border: 1px solid #C6C6C6;
  color:#e13939;
}

.orderlist .btn_update {
  cursor:pointer;
  display:block;
  background:#fff;
  border: 1px solid #ededed;
  color:#999;
  padding: 9px 13px;
  font-size:16px;
  line-height:20px;
  vertical-align:bottom;
  outline:none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.orderlist .btn_update:hover {
  color:#222;
  border: 1px solid #C6C6C6;
}

/* END CSS Buttons */

/* 48. START CSS Write reviews */
/* END CSS Write reviews */



/* 49. START Custom checkbox & radio */

/* globals & helper */
.cus_my_5 {
  margin: 5px 0px;
}
.cus_mb_10 {
  margin-bottom: 10px;
}  
.cus_label {
  padding-left: 26px;
}   
ol#address_block {
  margin: 15px 0px 0px 0px;
  list-style: none;
}
.cus_radio label .address {
  display: block !important;
  padding: 5px 0px 0px 0px !important;
  font-weight:400 !important;
}

/* custom checkbox */
.cus_check {
  font-size:13px;
  line-height:19px;
}
.cus_check.cus_check_small {
  font-size:12px;
  line-height:18px;
}
.cus_check input[type="checkbox"] {
  position: absolute !important;
  visibility:hidden;
  opacity: 0;
}
.cus_check input[type="checkbox"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0px 0;
}
.cus_check input[type="checkbox"] ~ label:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0c8";
  font-weight:400;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 1px;
  color:#999;
  transition: background .15s;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:before {
  top: 2px;
}
.cus_check input[type="checkbox"]:disabled ~ label {
  opacity:0.5;
}
.cus_check input[type="checkbox"]:disabled ~ label,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_check input[type="checkbox"]:disabled,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_check input[type="checkbox"] ~ label:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f14a';
  font-weight:900;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 1px;
  color: #333;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:after {
  top: 2px;
}
.cus_check input[type="checkbox"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}

/* custom radios */
.cus_radio {
  font-size:13px;
  line-height:19px;
}
.cus_radio.cus_radio_small {
  font-size:12px;
  line-height:18px;
}
.cus_radio > label {
  padding-left: 26px;
}
.cus_radio input[type="radio"] {
  position: absolute;
  visibility:hidden;
  opacity: 0;
}
.cus_radio input[type="radio"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0px 0;
}
.cus_radio input[type="radio"] ~ label:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  font-weight:400;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 0;
  color:#999;
  transition: background .15s; 
}  
.cus_radio.cus_radio_small input[type="radio"] ~ label:before {
  top: 2px;
}
.cus_radio input[type="radio"]:disabled ~ label {
  opacity:0.5;
}
.cus_radio input[type="radio"]:disabled ~ label,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_radio input[type="radio"]:disabled,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_radio input[type="radio"] ~ label:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f192';
  font-weight:900;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 0;
  color: #333;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:after {
  top: 2px;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}
/* END Custom checkbox & radio */




/* Slider Startseite */

.slider-home {display:none; }

.carousel_slider {
  margin: 0 0 0px 0;
}
.carousel_slider img {
  float:left;
  width:100%;
  height:auto;
  vertical-align:top;
}
.carousel_slider div {
  vertical-align:top;
}
.carousel_slider .slick-dots {
  bottom: -70px;
}
.carousel_slider .slick-dots li {
  width: 40px;
  height: 15px;
  margin: 0 4px;
}
.carousel_slider .slick-dots li button {
  width: 40px;
  height: 15px;
  padding: 0px;
}

.carousel_slider .slick-dots li.slick-active button:before {
  font-size: 0px;
  background: #333;
  width: 40px;
  height: 15px;
}
.carousel_slider .slick-dots li button:before {
  color: #333;
  font-size: 0px;
  background: #555;
  width: 40px;
  height: 15px;
}

.carousel_slider .slick-prev,
.carousel_slider .slick-next,
.carousel_slider .slick-prev:focus,
.carousel_slider .slick-next:focus {
  width: 50px;
  height: 50px;
  background: #fff;
  z-index: 2;
  color: #333;
  opacity:0.4;
}
.carousel_slider .slick-prev:hover,
.carousel_slider .slick-next:hover {
  color: #333;
  outline: none;
  background: #fff;
  opacity:0.9;
}
.carousel_slider .slick-prev {
  left: 20px;
}
.carousel_slider .slick-next {
  right: 20px;
}






.show_all_box {
  margin: -12px 0 15px 0;
  text-align:right;
  padding: 0px 10px;
}
.show_all_box a {
  font-size:10px;
  line-height:14px;
  text-transform:uppercase;
  font-weight:700;
  color:#f9a806;
}
.show_all_box .fas {
  margin-left:2px;
}
.show_all_box a:hover {
  text-decoration:none;
  color:#333;
}  

.retoure_links {
  display:block;
  padding: 5px 0 0 0;
}
.retoure_links a {
  color:#f9a806;
  font-size:11px;
  line-height:15px;
}
.retoure_links .fas {
  margin: 0 4px 0 0;
}

.external_links a:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f35d';
  font-weight: 900;
  font-size: 9px;
  line-height:9px;
  margin: 0 0 0 5px;
  vertical-align:2px;
}

#back2Top {
  width: 40px;
  line-height: 40px;
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 180px;
  right: 10px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#back2Top:hover {
  background-color: rgba(0,0,0,0.4);
  color: #Fff;
}







.corona_hinweis {
  margin: -20px 0 20px 0;
  text-align:center;
  color:#dd2400;
  font-size:13px;
  font-weight:400;
  padding: 13px 10px 12px 10px;
  border-bottom: 1px solid #eee;
  text-transform:uppercase;
}
.corona_hinweis a {
  color:#dd2400;
  font-weight:800;
}
.corona_hinweis a:hover {
  color:#333;
  text-decoration:none;
}
.corona_hinweis.ch_top {
  margin: 0 0 -10px 0;
  border-bottom: none;
}





.start_item_row {
  text-align:center;
  margin: 0px -10px;
}
.start_item_row_headline {
  font-family: 'Bebas Neue', sans-serif;
  font-size:50px;
  line-height:50px;
  margin: 0 0 0px 0;
  display:inline-block;
  width:100%;
  max-width:900px;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
}
.start_item_outer {
  vertical-align:top;
  display:inline-block;
  width:33.3333%;
  max-width:300px;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.start_item {
  display:inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: transparent;
  -webkit-box-shadow: 0px 0px 0px #000; 
  -moz-box-shadow: 0px 0px 0px #000; 
  box-shadow: 0px 0px 0px #000;    
  vertical-align:top;
}
.start_item a > img {
  display: block;
  position: relative;
  width:100%;
  height:auto;
  vertical-align:top;
}
.start_item a > img { 
	transform: scale(1.0);
	transition: all 0.5s ease-in-out;
  opacity: 1;
}
.start_item:hover a > img { 
	transform: scale(1.1);
  opacity: 1;
}







.start_subitem_row {
  text-align:center;
  margin: 0px -10px;
}
.start_subitem_row_headline {
  font-family: 'Bebas Neue', sans-serif;
  font-size:50px;
  line-height:50px;
  margin: 30px 0 20px 0;
  display:inline-block;
  width:100%;
  max-width:900px;
  padding: 0px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
}
.start_subitem_outer {
  vertical-align:top;
  display:inline-block;
  width:33.1333%;
  max-width:300px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.start_subitem {
  display:inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  vertical-align:top;

}




.start_subitem a {
  font-family: 'Bebas Neue', sans-serif;
  display: block;
  font-size:30px;
  line-height:40px;
  padding: 12px 10px 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background:#222;
  color:#999;
	transition: all 0.5s ease-in-out;
}
.start_subitem a:hover  { 
  color:#fff;
}

.start_subitem_outer:nth-child(3n+1) .start_subitem a {
  text-align:left;
}
.start_subitem_outer:nth-child(3n+2) .start_subitem a {
  text-align:right;
}  
.start_subitem_outer:nth-child(3n+3) .start_subitem a {
  text-align:center;
}







.start_socialitem_row {
  text-align:center;
  margin: 50px -10px;
}
.start_socialitem_row_headline {
  margin: 0px auto 20px auto;
  display:inline-block;
  width:100%;
  max-width:900px;
  padding: 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.start_socialitem_row_headline .icon {
  width:60px;
  font-size:24px;
  line-height:60px;
}
.start_socialitem_row_headline .icon a {
  display:block;
  width:60px;
  font-size:36px;
  line-height:60px;
  text-align:center;
  background:#333;
  color:#fff;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

.start_socialitem_row_headline .text {
  padding: 0 0 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
} 

.start_socialitem_row_headline .text_big {
  display:block;
  font-size:26px;
  line-height:30px;
  font-weight:700;
}
.start_socialitem_row_headline .text_small {
  display:block;
  font-size:16px;
  line-height:24px;
  font-weight:400;
}

.start_socialitem_player {
  color:#fff;
  font-size:40px;
  line-height:40px;
  position:absolute;
  bottom:15px;
  right:15px;
  z-index:2;
}
.start_socialitem_player .player_item {
  display:none;
}
.start_socialitem_player:hover .player_item {
  position:absolute;
  bottom:0px;
  right:0px;
  display:block !important;
}


.start_socialitem_outer {
  vertical-align:top;
  display:inline-block;
  width:25%;
  max-width:225px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.start_socialitem {
  display:inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: transparent;
  -webkit-box-shadow: 0px 0px 0px #000; 
  -moz-box-shadow: 0px 0px 0px #000; 
  box-shadow: 0px 0px 0px #000;    
  vertical-align:top;
}
.start_socialitem a > img {
  display: block;
  position: relative;
  width:100%;
  height:auto;
  vertical-align:top;
}
.start_socialitem a > img { 
	transform: scale(1.0);
	transition: all 0.5s ease-in-out;
  opacity: 1;
}
.start_socialitem:hover a > img { 
	transform: scale(1.1);
  opacity: 1;
}

.start_socialitem_text {
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  margin:auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Bebas Neue', sans-serif;
  font-size:30px;
  line-height:30px;
  color:#fff;
  height:90px;
  padding: 0px 10px;
  z-index:2;
	transition: all 0.5s ease-in-out;
}
.start_socialitem:hover a > .start_socialitem_text { 
  opacity: 0.8;
}


.start_socialitem_button {
  display:block;
  width:100%;
  text-align:center;
  margin: 20px 0 0 0;
}
.start_socialitem_button a {
  font-family: 'Bebas Neue', sans-serif;
  display:inline-block;
  background:#222;
  color:#fff;
  padding: 17px 30px 15px 30px;
  font-size:22px;
  line-height:24px;
  text-align:center;
}
.start_socialitem_button a:hover {
  opacity:0.8;
  text-decoration:none;
}










.flexitem {
  margin: 20px 0px;
  padding: 0px 10%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row; 
  flex-direction: row;
}






.flexitem_text {
  padding: 0px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:50%;
}

.flexitem_image {
  padding: 0px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:50%;
}

.flexitem_image_inner {
  position:relative;
}

.flexitem_image_inner img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.flexitem img.moremargin {
  margin: 20px 0px;
}

.flexitem_text p { 
  font-size:16px;
  line-height:24px;
}

.flexitem_text p.bebas { 
  margin: 15px 0px 12px 0px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform:uppercase;
  font-size:24px;
  line-height:24px;
}



  
.orange {
  color:#f9a806;
}
.center {
  text-align:center;
}




.col3_container_1 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  max-width: 1020px;
  margin: 30px auto;
  padding: 30px 5%;
}
.col3_container_2 {
  margin: 30px 0px;
  padding: 0px 5%;
}
.col3_container_3 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
  max-width: 1020px;
  margin: 30px auto;
  padding: 30px 5%;
}


.col3_row {
  margin: 0 -20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col3_item {
  width:33.3333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px;
}
.col3_item_inner {
  
}

.col3_item_image {
  text-align:center;
}
.col3_item_image img {
  max-width:100%;
  height:auto;
  vertical-align:top;
}
.col3_item_headline {
  text-align:center;
  font-size:16px;
  line-height:20px;
  font-weight:700;
  text-transform:uppercase;
  padding: 15px 5px 0px 5px;
}
.col3_item_text {
  font-size:14px;
  line-height:22px;
  padding: 20px 2px 0px 2px;
}
.col3_item_sub {
  padding: 5px 0 0 0;
  text-align:right;
  font-style:italic;
  color:#f9a806;
  font-size:14px;
  line-height:18px;
  font-weight:700;
}




.content_special_site h2 {
  color: #333;
  font-size: 30px;
  line-height: 34px;
  padding: 0px 0px;
  margin: 0 0 20px 0;
  font-weight:400;
  border-bottom: 0px solid transparent;
  text-transform:uppercase;
}
.content_special_site h2.white {
  color: #fff;
}

.content_special_site h2.outer_flexitem {
  padding: 20px calc(10% + 20px) 0px calc(10% + 20px);
}


.layout_video {
  background: #111;
}

.video_container_outer {
  width:100%;
  max-width:1040px;
  margin: 0px auto;
  height:auto;
}
.video_inner {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video_inner iframe,
.video_inner object,
.video_inner embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news_item {
  font-family: 'Bebas Neue', sans-serif;
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
  top:0px;
  margin: auto;
  width:100%;
  height:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction:column;
  z-index:1;
}
.news_item.news_background {
  background: rgba(0,0,0,0.2);   
}   

.news_head {
  color:#fff;
  display:block;
  padding: 5px 5px;
  font-size:32px;
  line-height:36px;
  text-decoration:underline;
  text-transform:uppercase;
  font-weight:400;
  text-align:center;
}
.news_text {
  color:#fff;
  display:block;
  padding: 5px 10%;
  font-size:20px;
  line-height:26px;
  text-transform:uppercase;
  font-weight:400;
  text-align:center;
}



.content_hide {
  display:block;
}
.show_content_hide {
  margin: 20px 0 0 0;
  cursor:pointer;
  font-family: 'Bebas Neue', sans-serif;
  display:inline-block;
  background:#222;
  color:#fff;
  padding: 17px 30px 15px 30px;
  font-size:22px;
  line-height:24px;
  text-align:center;
}
.show_content_hide:hover {
  opacity:0.8;
  text-decoration:none;
}


.layout_slider {
    margin: 0px 0 0px 0;
    padding: 30px 0px 30px 0px;
    background: #111;
}

.show_more_row { 
  margin: 20px 0 0 0;
  text-align:center;
}    

.show_more {
  cursor:pointer;
  font-family: 'Bebas Neue', sans-serif;
  display:inline-block;
  background:#222;
  color:#fff;
  padding: 17px 30px 15px 30px;
  font-size:22px;
  line-height:24px;
  text-align:center;
}
.show_more:hover {
  opacity:0.8;
  text-decoration:none;
}