/*
Theme Name: Skischulen Oberstdorf
Theme URI: #
Template: hello-elementor
Author: Elementor Team
Author URI: #
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.1.1.1781861880
Updated: 2026-06-19 09:38:00

*/

.cmp-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 22px;
}
.cmp-bar .lbl {
    font-size: 13px;
    font-weight: 600;
    color: #7C8B98;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-right: 4px;
}
.filter-chip {
	font-family: "Hanken Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #DCE7EE;
    color: #50616F;
    transition: all .14s;
}
.filter-chip[aria-pressed="true"] {
    background: #1B7FB8;
    border-color: #1B7FB8;
    color: #fff;
}
.filter-chip:hover:not([aria-pressed="true"]) {
	background-color: #fff;
    border-color: #1B7FB8;
    color: #145E89;
}

.cmp-table-view {
    display: block;
}
.table-scroll {
    overflow-x: auto;
    border-radius: 22px;
    border: 1px solid #DCE7EE;
    box-shadow: 0 4px 16px rgba(21,36,47,.07), 0 1px 3px rgba(21,36,47,.05);
    background: #FFF;
}
table.cmp {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
    font-size: 15px;
}
table.cmp thead th {
    text-align: left;
    padding: 16px 14px;
    font-family: "Schibsted Grotesk", Sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #50616F;
    background: #EFF5F9;
	border: unset;
    border-bottom: 1px solid #DCE7EE;
    position: sticky;
    top: 0px;
    white-space: nowrap;
}

table.cmp tbody tr:hover {
    background: #E7F2F9;
}
table.cmp tbody td {
	font-family: "Hanken Grotesk", Sans-serif;
    padding: 16px 14px;
	border: unset;
    border-bottom: 1px solid #EAF1F5;
    vertical-align: middle;
	background-color: transparent !important;
}
.cmp-school {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
}
.cmp-logo {
    width: 42px;
    height: 42px;
    flex: none;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #DCE7EE;
    background: #EFF5F9;
}
.cmp-school .cmp-logo {
    color: #fff;
    display: grid;
    place-items: center;
    font-family: "Schibsted Grotesk", Sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.cmp-school span {
    font-size: 12.5px;
    color: #7C8B98;
}
.cmp-school b {
    font-family: "Schibsted Grotesk", Sans-serif;
    font-weight: 600;
    font-size: 15px;
    display: block;
    line-height: 1.15;
}
.cmp-school span {
    font-size: 12.5px;
    color: #7C8B98;
}

.tick {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 7px;
}
.tick.y {
    color: #1F9D6B;
    background: #E5F5EE;
}
.tick.n {
    color: #B9C6CF;
}
.tick svg {
    width: 16px;
    height: 16px;
}

.cmp-link {
    font-family: "Hanken Grotesk", Sans-serif;;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 13.5px;
    font-weight: 600;
    color: #145E89;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid #D2E7F3;
    background: #E7F2F9;
    transition: all .14s;
    text-decoration: none;
}
.cmp-link:hover {
    background: #1B7FB8;
    color: #fff;
    border-color: #1B7FB8;
}
.cmp-link svg {
    width: 14px;
    height: 14px;
}