/*
Theme Name: Hohner Postpress
Description: Theme für hohner-postpress.com (Migration von TYPO3). Übernimmt CSS, Schrift und Bilder der bisherigen Seite.
Version: 0.2
Text Domain: hohner
*/

/* ---- Ergänzungen des WordPress-Themes ---- */
.cc_language{display:none;position:fixed;inset:0;z-index:10000}
.cc_language.open{display:block}
.cc_language .overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.cc_language .inner{position:relative;max-width:820px;margin:10vh auto 0;background:#fff;padding:30px 40px 40px;box-shadow:0 0 30px rgba(0,0,0,.4)}
.cc_language .close{position:absolute;right:14px;top:10px;width:30px;height:30px;cursor:pointer}
.cc_language .close:before{content:"×";font-size:30px;line-height:30px;color:#444}
.cc_language .row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.cc_language h2{margin:0 0 10px}
.cc_language .col{flex:0 0 calc(16.6% - 20px);text-align:center}
.cc_language .col img{width:100%;height:auto;display:block;border:1px solid #ddd}
.cc_language a{color:#444;text-decoration:none}
.cc_language .row .col-12{flex:0 0 100%}
.wp-block-media-text__media img[src$=".svg"],.wp-block-image img[src$=".svg"]{width:40px;height:auto}
.cc_sidebar{overflow:hidden}
.theme_content .wp-block-group{margin:0}
.theme_content .wp-block-buttons .wp-block-button__link{background:#f17505;color:#fff;border-radius:0;text-transform:uppercase}
.hohner-dokumente{list-style:none;padding:0}
.wp-block-media-text:has(img[src$=".svg"]){grid-template-columns:56px 1fr!important}
.cc_sidebar .item span{display:none}.cc_sidebar .item.active span{display:inline-block}

/* ---- Mega-Menü ---- */
.theme_header .cc_navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.12);z-index:900}
.theme_header .cc_navigation.open{display:block}
.cc_navigation .inner{max-width:1200px;margin:0 auto}
.cc_navigation .container{max-width:100%;padding:0}
.cc_navigation .row{display:flex;margin:0}
.cc_navigation .col-6{flex:0 0 50%;max-width:50%}
.cc_navigation ul{list-style:none;margin:0;padding:0}
.cc_navigation .left{background:#fff;padding:0 15px}
.cc_navigation .left li a{display:flex;align-items:center;padding:7px 0;color:#454e53;text-decoration:none;background:#fff}
.cc_navigation .left li a:hover,.cc_navigation .left li a.hover{color:#f17505}
.cc_navigation .nav_image{flex:0 0 150px;height:85px;overflow:hidden}
.cc_navigation .nav_image img{width:150px;height:85px;object-fit:cover;display:block}
.cc_navigation .nav_title{flex:1;padding-left:20px}
.cc_navigation .nav_icon i{display:inline-block;border:6px solid transparent;border-left:8px solid #454e53}
.cc_navigation .left li a:hover .nav_icon i{border-left-color:#f17505}
.cc_navigation .right{padding:15px 20px;background:#f5f5f5}
.cc_navigation .right li a{display:block;padding:10px 0;color:#454e53;text-decoration:none}
.cc_navigation .right li a:hover{color:#f17505}
@media (max-width:991px){.theme_header .cc_navigation{display:none!important}}

/* ---- Unterseitenmenü (Produktmenü) ---- */
.product_menu{list-style:none;margin:0 0 30px;padding:0}
.product_menu li{margin-bottom:10px}
.product_menu li a{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;color:#454e53;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:background .15s}
.product_menu li a i{flex:0 0 41px;width:41px;height:41px;background-size:contain;background-repeat:no-repeat;background-position:center}
.product_menu li a span{font-size:.95rem}
.product_menu li.active a,.product_menu li a:hover{background:#454e53;color:#fff}
.cc_navigation .right ul{display:none}
.videoWrapper{position:relative;height:0;background:#111}
.videoWrapper .coverimage,.videoWrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.videoWrapper .customplaybutton{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;fill:rgba(0,0,0,.6)}
.videoWrapper .customplaybutton polygon{fill:#fff}
.videoWrapper .video-consent{position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px 12px;color:#fff;background:rgba(0,0,0,.55);font-size:.8rem;z-index:2}