/** * Maritime Components CSS * Buttons, Cards, Navigation und weitere UI-Komponenten */.site-header{background:linear-gradient( to bottom, var(--scp-primary-blue, #003d5c) 0%, var(--scp-secondary-blue, #0066a1) 100% );color:#ffffff;position:relative;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);}.header-top{padding:16px 0;}.header-top-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}.site-branding .custom-logo-link{display:inline-block;line-height:0;}.site-branding .custom-logo{max-height:80px;width:auto;height:auto;transition:opacity 0.3s ease;}.site-branding .custom-logo-link:hover .custom-logo{opacity:0.9;}.site-title{margin:0;font-size:1.5rem;font-weight:700;}.site-title a{display:inline-block;color:#ffffff;text-decoration:none;transition:opacity 0.3s ease;}.site-title a:hover{opacity:0.9;text-decoration:none;}.header-actions{display:flex;align-items:center;gap:16px;}.user-menu{display:flex;align-items:center;gap:16px;}.logout-link{color:rgba(255, 255, 255, 0.8);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;}.logout-link:hover{color:#ffffff;}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;}.hamburger{display:flex;flex-direction:column;gap:4px;}.hamburger-line{width:24px;height:3px;background:#ffffff;border-radius:2px;transition:all 0.3s ease;}.header-waves{position:relative;margin-top:-1px;}.btn-maritime{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:var(--scp-primary-blue, #003d5c);color:#ffffff;border:2px solid var(--scp-primary-blue, #003d5c);border-radius:4px;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;outline:2px solid transparent;outline-offset:-2px;}.btn-maritime::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.2);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;}.btn-maritime:hover::before{width:300px;height:300px;}.btn-maritime:hover{background-color:var(--scp-secondary-blue, #0066a1);border-color:var(--scp-secondary-blue, #0066a1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 61, 92, 0.3);text-decoration:none;}.btn-maritime:active{transform:translateY(0);}.btn-maritime:focus{outline:2px solid #ffffff;outline-offset:2px;}.btn-maritime:focus-visible{outline:2px solid #ffffff;outline-offset:2px;}.btn-maritime.btn-outline{background-color:transparent;color:#ffffff;border-color:#ffffff;}.btn-maritime.btn-outline:hover{background-color:#ffffff;color:var(--scp-primary-blue, #003d5c);}.btn-maritime.btn-light{background-color:rgba(255, 255, 255, 0.9);color:var(--scp-primary-blue, #003d5c);border-color:rgba(255, 255, 255, 0.9);}.btn-maritime.btn-light:hover{background-color:#ffffff;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);}.btn-maritime.btn-anchor::before{content:'⚓';font-size:18px;}.card-sail{background:var(--scp-sail-white, #FFFAF0);border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;position:relative;overflow:hidden;}.card-sail::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( to right, var(--scp-primary-blue, #003d5c), var(--scp-light-blue, #4da6d6) );}.card-sail:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0, 61, 92, 0.15);}.card-sail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;}.card-sail-title{font-size:1.5rem;font-weight:700;color:var(--scp-primary-blue, #003d5c);margin:0;}.card-sail-content{color:#333;line-height:1.6;}.card-sail-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0, 61, 92, 0.1);}.card-wood{background:#ffffff;border:8px solid var(--scp-wood-dark, #8B4513);border-radius:4px;padding:24px;box-shadow:inset 0 0 0 2px var(--scp-wood-light, #A0522D);}.main-navigation{background:rgba(0, 0, 0, 0.1);}.nav-maritime .primary-menu{display:flex;gap:8px;list-style:none;padding:0;margin:0;}.nav-maritime li{position:relative;}.nav-maritime a{display:flex;align-items:center;gap:8px;padding:12px 20px;color:#ffffff;text-decoration:none;font-weight:600;transition:all 0.3s ease;position:relative;outline:2px solid transparent;outline-offset:-2px;}.nav-maritime a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--scp-light-blue, #4da6d6);transform:translateX(-50%);transition:width 0.3s ease;}.nav-maritime a:hover::after,.nav-maritime a.active::after,.nav-maritime .current-menu-item > a::after{width:80%;}.nav-maritime a:hover{color:var(--scp-light-blue, #4da6d6);text-decoration:none;}.nav-maritime a:focus{outline:2px solid #ffffff;outline-offset:2px;}.nav-maritime a:focus-visible{outline:2px solid #ffffff;outline-offset:2px;}.breadcrumbs-maritime{padding:16px 0;font-size:0.9rem;}.breadcrumbs-maritime a{color:var(--scp-secondary-blue, #0066a1);text-decoration:none;transition:color 0.3s ease;}.breadcrumbs-maritime a:hover{color:var(--scp-primary-blue, #003d5c);}.widget-maritime{background:var(--scp-sand, #f5f1e8);border-radius:8px;padding:24px;margin-bottom:32px;position:relative;}.widget-maritime::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background-image:url('../images/patterns/rope-pattern.svg');background-repeat:repeat-x;background-size:100px 3px;}.widget-maritime-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--scp-primary-blue, #003d5c);margin-bottom:16px;}.hero-maritime{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}.hero-maritime::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to top, rgba(0, 61, 92, 0.7) 0%, rgba(0, 61, 92, 0.3) 50%, transparent 100% );z-index:1;}.hero-maritime-content{position:relative;z-index:2;text-align:center;color:#ffffff;max-width:800px;padding:0 24px;}.hero-icon{margin:0 auto 24px;animation:floatIcon 3s ease-in-out infinite;}@keyframes floatIcon{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.hero-maritime-title{font-size:3.5rem;font-weight:700;margin-bottom:32px;color:#ffffff !important;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3);animation:fadeInUp 0.8s ease-out;}.hero-maritime-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1.2s ease-out;margin-bottom:80px;}.hero-button{min-width:180px;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;}.scroll-down{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff;text-decoration:none;transition:all 0.3s ease;animation:bounce 2s ease-in-out infinite;}.scroll-down:hover{transform:translateY(-4px);text-decoration:none;}.scroll-text{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;text-align:center;max-width:300px;}@keyframes bounce{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.hero-maritime.parallax{background-attachment:fixed;}.feature-maritime{text-align:center;padding:32px 24px;transition:all 0.3s ease;}.feature-maritime:hover{transform:translateY(-8px);}.feature-maritime-icon{width:80px;height:80px;margin:0 auto 24px;padding:20px;background:var(--scp-light-blue, #4da6d6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.feature-maritime:hover .feature-maritime-icon{background:var(--scp-primary-blue, #003d5c);transform:rotate(10deg) scale(1.1);}.feature-maritime-title{font-size:1.5rem;font-weight:700;color:var(--scp-primary-blue, #003d5c);margin-bottom:12px;}.feature-maritime-description{color:#666;line-height:1.6;}.testimonial-maritime{position:relative;padding:32px;background:var(--scp-sail-white, #FFFAF0);border-left:4px solid var(--scp-light-blue, #4da6d6);margin:32px 0;}.testimonial-maritime::before{content:'⚓';position:absolute;top:16px;left:16px;font-size:48px;color:var(--scp-light-blue, #4da6d6);opacity:0.2;}.testimonial-maritime-text{font-style:italic;font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:16px;}.testimonial-maritime-author{font-weight:700;color:var(--scp-primary-blue, #003d5c);text-align:right;}@media (max-width:991px){.header-top-inner{flex-wrap:wrap;}.mobile-menu-toggle{display:flex;}  .nav-maritime .primary-menu{flex-direction:column;} .site-branding .custom-logo{max-height:60px;}.btn-maritime{padding:10px 20px;font-size:0.9rem;}.card-sail{padding:20px;} .hero-maritime{min-height:500px;padding:60px 0;}.hero-maritime-content{padding:0 16px;}.hero-maritime-title{font-size:2rem;margin-bottom:24px;line-height:1.2;}.hero-maritime-actions{flex-direction:column;align-items:stretch;margin-bottom:100px;gap:12px;}.hero-button{width:100%;min-width:auto;} .hero-scroll-indicator{bottom:20px;}.scroll-text{font-size:0.7rem;max-width:200px;line-height:1.3;}.hero-maritime.parallax{background-attachment:scroll;}.feature-maritime-icon{width:64px;height:64px;padding:16px;}}@media (max-width:480px){ .site-branding .custom-logo{max-height:50px;}.site-title{font-size:1.1rem;} .hero-maritime{min-height:450px;padding:40px 0;}.hero-maritime-content{padding:0 12px;}.hero-icon{width:50px;height:50px;margin-bottom:16px;}.hero-maritime-title{font-size:1.75rem;margin-bottom:20px;}.hero-maritime-actions{margin-bottom:90px;} .hero-scroll-indicator{bottom:15px;}.scroll-down{gap:4px;}.scroll-text{font-size:0.65rem;max-width:180px;letter-spacing:0.2px;line-height:1.2;}}