/*
Theme Name: TuP Design One
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*Virtumart*/
.featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
    font-size: 15px;
    color: #666;
    font-weight: bold;
}
div#reg_text:first-child {
    display: none;
}
.ratingbox.dummy {
    display: none;
}

.vm-product-rating-container {
    display: none;
}
a.vm-button-correct {
    display: none !important;
}

/* Grunddefinitionen */
* { 
  font-family:'Open Sans', Helvetica, Arial, sans-serif;
  font-weight:400;
  }
html { 
  min-height:100.1%;
  font-size:16px;
  background-color: #f3e7d1 !important;
  }
body {
  margin:0;
  font-size:100%;
  }
/* Tags */
h1 { 
  color:#8f3e0d;
  font-weight:700;
  }
p { 
  font-size:15px; 
  line-height:23px;
}
a { 
  color:inherit;
  transition:color ease 0.2s;
  }
a:hover { 
  color:#8f3e0d;
  }
em { 
  font-style:normal;
  font-weight:600;
  color:#8f3e0d;
  }
strong {
  font-weight:600;
  }
img { 
  border:0;
  }
/* Klassen */
.screen-reader-text { 
  display:block;
  position:absolute;
  top:-10000px;
  left:-10000px; 
  width:1px;
  height:1px;
  text-indent:20px;
  }
.dropdown-toggle {
  display:none;
  }
.alignright { 
  float:right;
  clear:both;
  margin:0 0 20px 40px;
  width:auto;
  height:auto;
  max-width:34%;
  }


/* Header */
header.site-header { 
  position:fixed;
  z-index:2;
  width:100%;
  height:auto;
  background-color:#ffffff;
  box-shadow:1px 1px 2px 1px #8f3e0d;
  }
header.site-header div.site-header-inner {
  position:relative; 
  margin:0 auto;
  width:88%;
  max-width:1000px;
  height:96px;
  }
header.site-header div.header-image {
  position:absolute;
  top:0;
  left:0;
  z-index:100000000;
  padding:26px 30px 16px 30px;
  width:auto;
  box-shadow:1px 1px 2px 1px #8f3e0d;
  background-color:#ffffff;
  /* border-radius:0 0 2px 2px; */
  }
header.site-header div.header-image:hover {
  box-shadow:1px 1px 5px 1px #8f3e0d;
  }
header.site-header div.header-image img {
  width:100%;
  }
/* Metamenu */
div#metamenu {
  height:60px;
  }
div#metamenu h2 {
  display:none;
  }
div#metamenu ul {
  margin:0;
  padding:0;
  text-align:right;
  list-style-type:none;
  }
div#metamenu ul li {
  display:inline;
  margin:0;
  list-style-type:none;
  }
div#metamenu ul li a {
  font-size:10px;
  text-decoration:none;
  color:#8f3e0d;
  transition:color ease 0.2s;
  }
div#metamenu ul li a:hover {
  color:#000000;
  }
div#metamenu ul li.current-menu-item a {
  color:#000000;
  }
/* Hauptmenu */
nav#site-navigation ul {
  margin:0;
  padding:0;
  text-align:right;
  list-style-type:none;
  padding-top: 6%
  }
nav#site-navigation ul li {
  display:inline;
  position:relative;
  margin:0 0 0 40px;
  padding-bottom:10px;
  list-style-type:none;
  }
nav#site-navigation ul li a {
  font-size:18px;
  text-decoration:none;
  color:#8f3e0d;
  transition:color ease 0.2s;
  }
nav#site-navigation ul li a:hover {
  color:#000000;
  }
nav#site-navigation ul li.current-menu-item > a {
  color:#000000;
  }
nav#site-navigation ul li.current-menu-ancestor > a {
  color:#000000;
  }
/* Submenu 1. Ebene */
nav#site-navigation ul.primary-menu > li.menu-item-has-children::after {
  content:url('img/pfeil-unten.gif');
  }
nav#site-navigation ul li.menu-item-has-children > ul {
  display:none;
  position:absolute;
  top:26px;
  left:0px;
  width:160px;
  margin-top:6px;
  padding:0;
  background-color:#ffffff;
  box-shadow:1px 1px 2px 1px #8f3e0d;
  text-align:left;
  /* border-radius:2px; */
  }
nav#site-navigation ul li.menu-item-has-children > ul:hover {
  box-shadow:1px 1px 5px 1px #96c2be;
  }
nav#site-navigation ul li.menu-item-has-children:hover > ul {
  display:block;
  }
nav#site-navigation ul li > ul.sub-menu > li {
  display:block;
  margin:0;
  padding:6px 12px;
  }
nav#site-navigation ul.sub-menu li.menu-item-has-children {
  background:url('img/pfeil-rechts.gif') right center no-repeat;
  }
/* Submenu 2. Ebene */
nav#site-navigation ul.sub-menu li.menu-item-has-children > ul {
  display:none;
  top:-6px;
  left:auto;
  right:-154px;
  z-index:10000;
  }
nav#site-navigation ul.sub-menu li.menu-item-has-children:hover > ul {
  display:block;
  }
/* Mobile-Menu-Button */
div#menubutton { 
  display:none;
  float:right;
  }
div#menubutton div#open { 
  display:block; 
  }
div#menubutton div#close { 
  display:none; 
  }
div#menubutton div a { 
  display:block;
  margin-right:22px; 
  width:30px; 
  height:26px; 
  background:url('img/menubutton.gif') center center no-repeat; 
  text-indent:50px; 
  overflow:hidden; 
  }
div#menubutton a:hover { 
  background-image:url('img/menubutton-hover.gif'); 
  }

/* Content */
div#content { 
  position:relative;
  z-index:0;
  background-color: #f3e7d1 !important;
  padding:96px 0;
  }
div#primary {
  clear:both;
  margin:0 auto;
  padding-top:96px;
  width:88%;
  max-width:1000px;
  }
/* Aufzaehlung UL */
div#content ul {
  padding:0 0 0 23px;
  list-style-image:url('img/listenpunkt.gif');
  }
div#content ul li {
  font-size:15px;
  line-height:23px;
  }
/* Aufzaehlung OL */
div#content ol {
  padding:0 0 0 23px;
  }
div#content ol li {
  font-size:15px;
  line-height:23px;
  }
/* Tabelle */
table {
  width:100%;
  }
table:hover {
  width:100%;
  }
table thead tr th {
  font-size:15px;
  line-height:19px;
  font-weight:bold;
  border-left:1px solid #96c2be !important;
  background-color:#008d88 !important;
  color:#ffffff;
  min-width:100px;
  }
table thead tr th:first-child {
  border-left:0px !important;
  }
table tbody tr td {
  font-size:13px;
  line-height:19px;

  }
table tbody tr:hover td {
  background-color:none !important;
  }
/* Formular */
form {
  width:100%;
  }
fieldset {
  display:inline-block;
  float:left;
  margin:0;
  border:0;
  padding:0;
  width:46%;
  }
fieldset.angaben {
  margin-right:4%;
  }
fieldset.anfrage {
  margin-left:4%;
  }
input[type=text],
input[type=email],
input[type=number],
textarea {
  width:96%;
  border:1px solid #af744c;
  padding:6px 2%;
  outline:none;
  font-size:13px;
  line-height:19px;
  }
input[type=text]:hover,
input[type=email]:hover,
input[type=number]:hover,
textarea:hover {
  box-shadow:inset 1px 1px 2px 1px rgba(176, 117, 77, 0.61);
  }
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus {
  box-shadow:inset 1px 1px 3px 1px #af744c;
  }

div#content form#contact-form textarea:focus {
  box-shadow:none !important;
  }

input[type=submit] {
  width:100%;
  margin-top:10px;
  padding:6px 0;
  border:1px solid #974c1d;
  background-color:#b0754d;
  box-shadow:1px 1px 2px 1px rgba(176, 117, 77, 0.62);
  font-size:15px;
  line-height:21px;
  font-weight:700;
  color:#ffffff;
  }
input[type=submit]:hover {
  box-shadow:1px 1px 5px 1px rgba(175, 116, 76, 0.79);;
  }
input[type=submit]:active {
  box-shadow:1px 1px 5px 1px #008d88;
  }
select {
  width:100%;
  height:33px;
  border:1px solid #96c2be;
  padding:6px 0;
  outline:none;
  font-size:15px;
  line-height:21px;
  }
span.required {
  margin-left:4px;
  color:#ed0000;
  }
span.quiz > label > span {
  display:block;
  }
p.notiz {
  font-size:13px;
  }
/* Kurzinfos */
div#kurzinfos {
  padding-top:48px;
  width:100%;
  height:auto;
  clear:both;
  }
div#kurzinfos h2 {
  display:none;
  }
div#kurzinfos ul {
  margin:0;
  padding:0;
  list-style-type:none;
  }
div#kurzinfos ul li {
  display:inline-block;
  margin:0 0 0 2%;
  padding:0;
  width:32%;
  height:auto;
  min-height:260px;
  list-style-type:none;
  background-color:#ffffff;
  box-shadow:1px 1px 2px 1px #96c2be;
  vertical-align:top;
  background-color: #ffde02;
  /* border-radius:2px; */
  }
div#kurzinfos ul li:hover {
  box-shadow:1px 1px 5px 1px #96c2be;
  background-color: #ffde02;
  }
div#kurzinfos ul li:first-child {
  margin:0;
  }
div#kurzinfos ul li p {
  margin:16px;
  }
div#kurzinfos ul li p.pis-title {
  font-size:18px;
  line-height:22px;
  font-weight:bold;
  color:#8f3e0d;
  }
/* Google Maps */
div#kurzinfos div.googlemaps ul li {
  display:inline-block;
  margin:0;
  padding:0;
  width:100%;
  height:400px;
  list-style-type:none;
  background-color:#ffffff;
  box-shadow:1px 1px 2px 1px #96c2be;
  vertical-align:top;
  /* border-radius:2px; */
  }
div#kurzinfos div.googlemaps ul li p.pis-title {
  display:none;
  }
div#kurzinfos div.googlemaps ul li p {
  margin:0;
  }
div#kurzinfos div.googlemaps ul li iframe {
  max-width:100%;
  }
/* Aktuelles / News */  
body.archive article.post {
  clear:both;
  padding-top:32px;
  }
body.archive article.post h2 {
  font-size:18px;
  line-height:23px;
  font-weight:400;
  color:#008d88;
  text-decoration:none;
  }
body.archive article.post h2 a {
  font-size:18px;
  line-height:23px;
  font-weight:400;
  color:#008d88;
  text-decoration:none;
  }
body.archive article.post h2 a:hover {
  color:#000000;
  }
body.archive article.post img {
  float:right;
  margin:-30px 0 20px 40px;
  width:300px;
  max-width:34%;
  height:auto;
  }
body.archive article.post a.more-link {
  color:#008d88;
  }
body.single-post article.post header small {
  font-size:13px;
  color:#008d88;
  }
body.single-post article.post header small a {
  font-weight:700;
  }
body.single-post article.post header small a:hover {
  color:#000000;
  }
body.single-post article.post div.post-thumbnail img {
  float:right;
  clear:both;
  margin:20px 0 20px 40px;
  max-width:64%;
  height:auto;
  }
/* Lightbox */
div#lightbox div#outerImageContainer {
  height:auto !important;
  max-width:80%;
  }
div#lightbox img#lightboxImage { 
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:100%;
  }
div#lightbox div#imageDataContainer {
  max-width:80%;
  }
div#lightbox a#nextLink {
  height:100% !important;
  }


/* HOME Template */
/* Slider */
div#homeslider {
  width:100%;
  height:400px;
  box-shadow:1px 1px 2px 1px #96c2be;
  }
div#homeslider > h2 {
  display:none;
  }
div#homeslider div#myGallery.jdGallery.withArrows {
  height:400px;
  }
div#homeslider div.slideInfoZone {
  margin:0 33%;
  width:34%;
  height:72px;
  text-align:center;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, 0.9);
  box-shadow:1px 1px 2px 1px #96c2be;
  /* border-radius:2px 2px 0 0; */
  }
div#homeslider:hover div.slideInfoZone {
  box-shadow:1px 1px 5px 1px #96c2be;
  }
div#homeslider div.slideInfoZone p {
  font-size:16px;
  line-height:20px;
  margin:0;
  padding:16px;
  color:#008d88;
  text-shadow: 1px 1px #ffffff;
  }
/* Main */
.home div#primary {
  padding-top:48px;
  }



/* Footer */





/* RESPONSIVE DESIGN */
@media screen and (max-width:1300px) {
  /* Slider Infozone */
  div#homeslider div.slideInfoZone {
    margin:0 25%;
    width:50%;
    }
  }
@media screen and (max-width:1150px) {
  /* Slider Infozone */
  div#homeslider div.slideInfoZone {
    margin:0 15%;
    width:70%;
    }
  }
@media screen and (max-width:1000px) {
  /* Slider Infozone */
  div#homeslider div.slideInfoZone {
    margin:0;
    width:100%;
    }
  }
@media screen and (max-width:950px) {
  nav#site-navigation ul li {
    margin:0 0 0 30px;
    }
  }
@media screen and (max-width:900px) {
  nav#site-navigation ul li {
    margin:0 0 0 20px;
    }
  /* Kurzinfos */
  div#kurzinfos ul li {
    width:48%;
    }
  }
@media screen and (max-width:800px) {
  /* Schriftgroesse Hauptmenu verkleinern */
  nav#site-navigation ul li a {
    font-size:16px;
    }
  }
@media screen and (max-width:750px) {
  /* Header anpassen */
  header.site-header { 
    position:absolute;
    }
  header.site-header div.site-header-inner {
    height:72px;
    }
  /* Logo verkleinern */
  header.site-header div.header-image {
    padding:16px 20px 6px 20px;
  }
  header.site-header div.header-image img {
    width:80px;
    height:auto;
    }
  /* Hoehe Metamenu anpassen */
  div#metamenu {
    height:40px;
  }
  /* Mobile Menu */
  div#menubutton { 
    display:block;
  }
  /* Mobiles Hauptmenu */
  nav.main-navigation { 
    position:absolute;
    top:-320px;
    right:0;
    background-color:#008d88;
    box-shadow:1px 1px 2px 1px #96c2be;
    width:100%;
    transition:top ease 0.8s;
    }
  nav#site-navigation ul {
    text-align:left;
    padding:48px 0 4px 0;
    }
  nav#site-navigation ul li {
    display:block;
    margin:0;
    }
  nav#site-navigation ul li a {
    padding:4px 20px;
    color:#ffffff;
    }
  nav#site-navigation ul.primary-menu > li.menu-item-has-children::after {
    content:url('img/pfeil-mobile.png');
    }
  nav#site-navigation ul.primary-menu > li.menu-item-has-children:hover::after {
    content:none;
    }
  /* Mobiles Submenu 1. Ebene */
  nav#site-navigation ul li.menu-item-has-children > ul {
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    margin:4px 0;
    padding:4px 0;
    background-color:#40aaa6;
    box-shadow:none;
    }
  nav#site-navigation ul li.menu-item-has-children > ul:hover {
    box-shadow:none;
    }
  nav#site-navigation ul li > ul.sub-menu > li {
    padding:0;
    }
  nav#site-navigation ul li > ul.sub-menu > li > a {
    display:block;
    padding:4px 20px;
    }
  nav#site-navigation ul.sub-menu li.menu-item-has-children {
    background:url('img/pfeil-mobile.png') right center no-repeat;
    }
  /* Mobiles Submenu 2. Ebene */
  nav#site-navigation ul.sub-menu li.menu-item-has-children > ul {
    top:auto;
    left:auto;
    right:auto;
    background-color:#96c2be;
    }
  /* Content */
  div#content { 
    padding:72px 0 24px 0;
    }
  div#primary {
    padding-top:48px;
    }
  /* Aktuelles / News */
  body.archive article.post {
    padding-top:24px;
    }
  body.archive article.post img {
    margin:8px 0 10px 10px;
    }
  body.single-post article.post div.post-thumbnail img {
    display:block;
    float:none;
    margin:20px 0 20px 0;
    width:auto;
    max-width:100%;
    height:auto;
  }
  /* Formular */
  fieldset {
    display:block;
    float:none;
    width:100%;
    }
  fieldset.angaben, 
  fieldset.anfrage {
    margin:0;
    }
  /* Google Maps */
  div#kurzinfos div.googlemaps ul li {
    height:260px;
    }
  div#kurzinfos div.googlemaps ul li iframe {
    height:260px;
    }
  /* Slider */
  div#homeslider {
    height:200px;
    }
  div#homeslider div#myGallery.jdGallery.withArrows {
    height:200px;
    }
  /* Slider Infozone */
  div#homeslider div.slideInfoZone {
    height:48px;
    }
  div#homeslider div.slideInfoZone p {
    font-size:11px;
    line-height:15px;
    padding:10px 72px;
    }
  /* Main */
  .home div#primary {
    padding-top:24px;
    }
  }
@media screen and (max-width:600px) {
  /* Klasse Bilder alignright */
  .alignright {
    margin:0 0 10px 20px;
  }
  /* Kurzinfos */
  div#kurzinfos {
    padding-top:24px;
    }
  div#kurzinfos ul li {
    display:block;
    float:none;
    margin:18px 0 20px 0;
    padding:1px 0;
    width:100%;
    height:auto;
    min-height:1px;
    }
  div#kurzinfos ul li p {
    margin:15px 20px;
    }
  /* Aktuelles / News */
  body.archive article.post {
    padding-top:18px;
    }
  }
@media screen and (max-width:450px) {
  /* Klasse Bilder alignright */
  .alignright {
    display:block; 
    float:none;
    margin:0 0 20px 0;
    max-width:100%;
  }
  /* Aktuelles / News */
  body.archive article.post img {
    display:block;
    float:none;
    width:auto;
    max-width:100%;
    margin:0 0 10px 0;
    }
  /* Slider Infozone */
  div#homeslider div.slideInfoZone p {
    padding:10px 20px;
    }
  }  
  
  
  
/* Targets */
#top:target div#open { display:none; }
#top:target div#close { display:block; }
#top:target nav.main-navigation { top:72px; }


/*Virtumart*/

.vm-search-custom-search-input {
    margin-top: 80px;
  	display:none;
}
span.vm-search-descr {
    display: none;
}
span.vmicon.vm2-nostock {
    display: none;
}
form#com-form-login {
    display: none;
}
fieldset.vm-fieldset-pricelist {
    float: none !important;
    width: 100% !important;
}
table.cart-summary tr th {
    border: 0;
    border-right: 1px solid #fff;
    padding: 8px 1% 6px 1%;
    background: #ffde02;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #000;
    font-weight: bold;
    width:500px;
}
table.cart-summary tr th >span.priceColor2 {
    padding-right: 20px;
    text-align: center;
}
.cart-summary tr td {
    border: 1px solid #fff !important;
    padding: 34px 25px 30px 10px;
    font-size: 16px;
    line-height: 34px;
    color: #000;
    background-color: transparent !important;
}
table.cart-summary tr td hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #8f3e0d;
}
table tbody tr:hover td {
    background-color: none !important;
}
table.cart-summary tr td input[type="text"].coupon {
    border: 0;
    border-radius: 4px;
    padding: 0 10px;
    min-width: 250px;
    height: 34px;
    background-color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #000;
    width: 250px !important;
}
table.cart-summary tr td input[type="text"].coupon:focus{
      box-shadow: inset 1px 1px 2px 1px rgba(176, 117, 77, 0.61);
}
table.cart-summary tr td input[type="submit"] {
    margin: 0 0 0 8px;
    border: 0;
    border-radius: 4px;
    padding: 8px 12px;
    background: #8f3e0d;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
  	width: 140px;

}
form fieldset.vm-fieldset-customer-note {
    margin: 50px 0;
    border-top: 0;
    padding: 0 100px;
    text-align: center;
    float: none;
    width: 80%;
}
form fieldset.vm-fieldset-customer-note span.customer-note {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #8f3e0d;
}
form fieldset.vm-fieldset-customer-note textarea#customer_note_field {
    margin: 16px;
    border: 0;
    border-radius: 4px;
    padding: 8px 2%;
    width: 96%;
    max-width: 500px;
    height: 100px;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
}
fieldset.vm-fieldset-tos {
    width: 100%;
    float: none;
    text-align: center;
}
.vm-fieldset-tos span.cart.tos {
    color: #8f3e0d;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    clear: both;
}
form button.vm-button-correct {
    margin: 0;
    border: 0;
    border-radius: 4px;
    padding: 8px 12px;
    background: #8f3e0d;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.checkout-button-top {
    text-align: center;
    border-top: solid #E9E8E8 1px;
    padding: 10px 0 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}
table tbody tr td {
    font-size: 13px;
    line-height: 19px;
    border: none !important;
    background-color: none !important;
}

/*Kontakt*/
div#content form#contact-form div.control-label {
    display: block;
    float: left;
    min-width: 140px;
    max-width: 163px;
}
div#content form#contact-form input[type="text"], div#content form#contact-form input[type="email"] {
    border: 0;
    border-radius: 4px;
    padding: 0px 2%;
    margin: 0;
    width: 82%;
    height: 34px;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
}
div#content form#contact-form
input[type=text]:hover,
input[type=email]:hover,
input[type=number]:hover,
textarea:hover {
  box-shadow:none!important;
  }
div#content form#contact-form
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:hover {
  box-shadow:none!important;
  }


div#content form#contact-form textarea{
    border: 0;
    border-radius: 4px;
    padding: 0px 2%;
    margin: 0;
    width: 82%;
    height: 150px;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
}
div#content div.contact-form form hr {
    margin: 16px 0px;
    border: 0;
    border-bottom: 1px solid #8f3e0d;
}
div#content form#contact-form div.form-actions {
    text-align: center;
    margin-top: 40px;
}
div#content div.item-page button {
    margin: 0 0 100px 0;
    border: 0;
    border-radius: 4px;
    padding: 8px 12px;
    min-width: 80px;
    background: #8f3e0d;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.control-buttons button.default {
    margin-left: 8px;
}
.form-validate fieldset {
    float: none;
}