/* ==========================================================================
   PORTIERTES SCHUL-CUSTOM-CSS (aus altem YOOtheme-Setup)
   Kachel-/Switcher-/Progress-Design der Schulart-Seiten & Startseite.
   ========================================================================== */

/* --- Lese-/Thumbnail-Fortschrittsbalken (Schul-Blau ~ Primärblau) --- */
.progress-container{position: fixed; top: 0; left: 0; width: 100%; height: 5px; background: transparent; z-index: 1000; overflow: hidden;}
.progress-bar{width: 100%; height: 100%; background: #0072bb;}
.progress-overlay{position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform-origin: right; transform: scaleX(1);}
.thumbnail-progress-container{position: relative; width: 100%; height: 10px; background: transparent; z-index: 1000; overflow: hidden;}
.thumbnail-progress-bar{width: 100%; height: 100%; background: #0072bb;}
.thumbnail-progress-overlay{position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform-origin: right;}

/* --- Startseiten-Switcher & Schulart-Kacheln --- */
.switcher-item-parent{height:180px}
.switcher-item-parent{height:140px}
.switcher-title{font-size:12px}
.switcher-item-1{height:60%;line-height:108px}
.switcher-item-2{height:40%}
h2>.switcher-item-parent{height:60px}
.switcher-img{width:100%;height:100%;padding:10px;vertical-align:middle}
h2>.switcher-item-parent{display:none}
h2>div>div>.switcher-title{display:none}
ul .switcher-title{text-align:center}
.wks-schularten-sub-icon{padding:15px;filter:grayscale(80%);margin:auto}
.wks-schularten-sub-button{display:block;height:130px;width:130px;background-color:#f5f8fa;transition:all .1s;padding:5px}
.wks-schularten-sub-button:hover{background-color:#eaeff4;transition:all .1s}
.wks-schularten-sub-text{text-align:center;margin-top:10px}
.wks-schularten-sub-button-container{max-width:140px;display:flex;flex-direction:column}
.wks-schulart-thumbnail-container{display:flex;flex-wrap:wrap;gap:10px}
.wks-schulart-thumbnail-button{width:100%}
.wks-schulart-thumbnail-button-large{width:100%}
.wks-schulart-thumbnail-button a{text-align:left;width:50%!important}
.wks-schulart-thumbnail-button-large a{text-align:left;width:60%!important}
.wks-schulart-thumbnail-button a{text-align:left;width:100%!important}
.wks-schulart-thumbnail-button-large a{text-align:left;width:100%!important}
.wks-switcher-item-active{background-color:#fff!important}