/*
Theme Name: Yachttechnik Bartels – Original
Theme URI: https://www.yachttechnik.de/
Author: Bernhard Brause
Description: Möglichst originalgetreue WordPress-Umsetzung der Yachttechnik-Website mit WooCommerce.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: yachttechnik-original
*/
body { background: #fff url('assets/images/background.gif') repeat; }
body.home { background-image: url('assets/images/tramp3.gif'); background-repeat: no-repeat; background-position: 40px 80px; }
.site-header { padding: 0 15px; text-align: center; }
.site-brand { padding-top: 7px; min-height: 71px; display: block; color: #333; }
.site-brand:hover,.site-brand:focus { color: #333; text-decoration: none; }
.site-brand img { width: 152px; height: 64px; }
.site-brand span { font-size: 32px; font-weight: 700; margin-left: 45px; }
.site-header .navbar { margin-top: 10px; text-align: left; }
.site-header .navbar > .container-fluid { margin: 0 5px; }
.site-header .navbar-collapse { padding-left: 0; }
.site-header .navbar-header { text-align: center; }
.site-header .navbar-collapse { text-align: left; }
.site-header .navbar-nav > .menu-katalog > a { color: red; font-weight: bold; }
.mobile-brand { display: none; color: #333; padding: 10px 0; font-size: 18px; font-weight: bold; line-height: 1.1; }
.mobile-brand img { width: 51px; height: 22px; margin-right: 10px; }
.mobile-brand:hover { color: #333; text-decoration: none; }
.site-content { min-height: 65vh; }
.legacy-content h1 { font-size: 24px; margin: 20px 0 10px; line-height: 1.1; font-weight: 500; }
.home .legacy-content .message { height: 20px; }
.legacy-content h2 { font-size: 18px; margin: 10px 0; line-height: 1.1; font-weight: 500; }
.legacy-content img { max-width: 100%; height: auto; }
.legacy-content [id] { scroll-margin-top: 20px; }
.legacy-content table { max-width: 100%; }
.legacy-content p { margin: 0 0 20px; }
.site-footer { min-height: 35px; background: #f5f5f5; padding: 6px 10px; }
.site-footer p { max-width: 680px; margin: 0 auto; color: #000; font-size: 10px; text-align: center; }
.site-footer a { color: #000; }
.skip-link { position: absolute; top: -60px; left: 12px; z-index: 100000; padding: 10px; background: #fff; }
.skip-link:focus { top: 12px; }
.yt-shop h1 { font-size: 24px; margin-top: 20px; }
.yt-shop-intro { font-size: 18px; font-weight: 500; margin: 40px 0 100px; }
.yt-category-filter { margin-bottom: 45px; }
.yt-category-filter label { font-weight: 500; margin-right: 12px; }
.yt-category-filter select { max-width: 100%; }
.yt-products { list-style: none; padding: 0; margin: 20px 0; }
.yt-product-row { border: 1px solid #ccc; display: grid; grid-template-columns: 30% 1fr; text-align: left; }
.yt-product-picture { padding: 15px 10px 5px; display: flex; align-items: center; }
.yt-product-picture img { width: 126px; height: auto; max-width: 100%; border: 1px solid gray; padding: 3px; }
.yt-product-summary { padding: 15px 10px 5px; }
.yt-product-name,.yt-product-model,.yt-product-price { margin: 0 0 20px; font-size: 14px; font-weight: 400; line-height: 1.42857143; }
.yt-product-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; margin-bottom: 0; }
.yt-product-actions .add_to_cart_button { font-weight: bold; color: green; padding: 0; border: 0; background: transparent; }
.yt-inline-info { margin: 25px 0; }
.yt-inline-info[hidden],.yt-more-details[hidden] { display: none; }
.yt-product-separator { margin: 40px 0; border-top: 1px solid #eee; }
.yt-product-details { margin-top: 40px; }
.yt-product-details h1 { font-size: 24px; margin-bottom: 25px; }
.yt-product-detail-layout { display: grid; grid-template-columns: 30% 1fr; gap: 25px; }
.yt-product-detail-image img { max-width: 100%; height: auto; border: 1px solid gray; padding: 3px; }
.yt-detail-description { margin: 35px 0; }
.yt-additional-details { margin-top: 40px; }
.yt-additional-details figure { display: flex; align-items: center; gap: 30px; border: 1px solid #ccc; margin: 25px 0; padding: 15px; }
.yt-additional-details figure img { width: 200px; max-width: 40%; height: auto; }
.yt-additional-details figcaption { flex: 1; }
.yt-video { width: 560px; max-width: 100%; aspect-ratio: 16/9; background: #111; display: grid; place-items: center; color: #fff; margin: 0 0 15px; }
.yt-video iframe { width: 100%; height: 100%; border: 0; }
.yt-video button { background: #fff; color: #222; border: 1px solid #999; padding: 12px 18px; border-radius: 3px; max-width: 90%; }
.yt-video small { display: block; margin-top: 8px; font-size: 11px; font-weight: normal; }
.yt-video-privacy { width: 560px; max-width: 100%; font-size: 12px; }
.woocommerce-page .woocommerce { margin-top: 35px; }
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select { min-height: 36px; padding: 6px 10px; border: 1px solid #bbb; border-radius: 3px; background: #fff; color: #333; }
.woocommerce .quantity .qty { min-height: 34px; border: 1px solid #bbb; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { font: inherit; font-weight: 500; border-radius: 3px; background: #eee; color: #333; }
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt { background: #337ab7; color: #fff; }
.woocommerce button.button.alt:hover { background: #286090; }
.woocommerce div.product form.cart { margin: 20px 0; }
.woocommerce div.product form.cart .button { float: none; }
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2 { float: none; width: auto; }
.woocommerce .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.woocommerce ul.order_details { padding-left: 0; }
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { margin-right: 15px; }
.woocommerce-checkout #payment { background: #f5f5f5; }
.woocommerce table.shop_table { background: rgba(255,255,255,.5); }
.navbar-nav .dropdown-menu { margin-top: 0; }
.navbar-nav .dropdown.is-open > .dropdown-menu { display: block; }
.yt-404 { padding: 40px 0; }
@media (min-width: 768px) and (max-width: 991px) {
 .site-brand { min-height: 37px; padding-top: 5px; }
 .site-brand img { width: 76px; height: 32px; }
 .site-brand span { font-size: 24px; margin-left: 30px; }
}
@media (max-width: 767px) {
 .site-brand { display: none; }
 .mobile-brand { display: inline-flex; align-items: center; max-width: calc(100% - 70px); }
 .site-header .navbar-toggle { display: block; }
 .site-header .navbar-collapse { padding-left: 15px; }
 .site-header .navbar-collapse.is-open { display: block; }
 .site-header .navbar-right { margin-bottom: 7px; }
 .site-content { min-height: 60vh; }
 .site-footer { margin-bottom: 10px; }
 .yt-shop-intro { margin-bottom: 60px; }
 .yt-product-detail-layout { grid-template-columns: 1fr; }
 .yt-product-detail-image img { max-width: 300px; }
 .yt-category-filter label { display: block; }
 .yt-product-actions { gap: 12px; }
 .yt-product-picture { align-items: flex-start; padding-top: 20px; }
 .woocommerce .col2-set { display: block; }
 .woocommerce .col2-set .col-2 { margin-top: 25px; }
 .navbar-nav .dropdown-menu { position: static; float: none; width: auto; background: transparent; border: 0; box-shadow: none; }
}