.encyclopedia-prefix-filters {
clear: both;
}
.encyclopedia-prefix-filters .filter-level {
background-color: #f1f1f1;
border-bottom: 1px solid #d9d9d9;
overflow: hidden;
text-align: center;
}
.encyclopedia-prefix-filters .filter-level:last-child {
margin-bottom: 1em;
}
.encyclopedia-prefix-filters .filter {}
.encyclopedia-prefix-filters .current-filter {}
.encyclopedia-prefix-filters .disabled-filter {
cursor: not-allowed;
color: #ccc;
}
.encyclopedia-prefix-filters .filter-link {
display: inline-block;
text-align: center;
padding: 8px 0.5em;
font-size: 1em;
text-decoration: none;
letter-spacing: -1px;
font-size: .9em;
}
.encyclopedia-prefix-filters .current-filter .filter-link {
font-weight: bold;
} .widget_encyclopedia_search {} form.encyclopedia.search-form {}
form.encyclopedia.search-form .ui-helper-hidden-accessible {
display: none;
}
form.encyclopedia.search-form .ui-autocomplete {
background-color: #fff;
border: 1px solid #eee;
position: absolute;
left: auto;
top: auto;
list-style: none;
}
form.encyclopedia.search-form .ui-autocomplete li {
cursor: pointer;
display: block;
padding: 5px;
}
form.encyclopedia.search-form .ui-autocomplete li:hover,
form.encyclopedia.search-form .ui-autocomplete li.ui-state-focus {
background-color: #eee;
}.mtp-kalender-wrapper {
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
padding: 20px;
margin-bottom: 30px;
}
.mtp-kalender-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
flex-wrap: wrap;
gap: 10px;
}
.mtp-kalender-header h2 {
margin: 0;
font-size: 22px;
font-weight: 600;
}
.mtp-kalender-header .nav-btn {
background: #f1f1f1;
border: 1px solid #ccd0d4;
border-radius: 4px;
padding: 8px 16px;
text-decoration: none;
color: #333;
font-size: 14px;
transition: background 0.2s;
cursor: pointer;
}
.mtp-kalender-header .nav-btn:hover {
background: #e1e1e1;
} .mtp-filter-wrapper {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 15px;
padding: 12px;
background: #f8f9fa;
border-radius: 4px;
border: 1px solid #e5e5e5;
}
.mtp-filter-btn {
padding: 8px 20px;
border-radius: 20px;
border: 2px solid #ddd;
background: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.2s;
display: inline-block;
text-decoration: none;
color: #333;
}
.mtp-filter-btn:hover {
transform: scale(1.02);
}
.mtp-filter-btn.active {
border-color: #007cba;
background: #e8f4ff;
}
.mtp-filter-btn.braut.active {
border-color: #e83e8c;
background: #fce4ec;
}
.mtp-filter-btn.verein.active {
border-color: #28a745;
background: #d4edda;
}
.mtp-filter-btn.schneiderei.active {
border-color: #fd7e14;
background: #fff3cd;
} .mtp-kalender-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2px;
}
.mtp-kalender-grid .wochentag {
font-weight: bold;
text-align: center;
padding: 10px 8px;
background: #f8f9fa;
border-radius: 4px;
font-size: 14px;
color: #555;
}
.mtp-kalender-grid .tag {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
min-height: 90px;
padding: 6px 4px;
position: relative;
transition: border-color 0.2s;
}
.mtp-kalender-grid .tag:hover {
border-color: #007cba;
z-index: 1;
}
.mtp-kalender-grid .tag .tag-nummer {
font-weight: bold;
font-size: 16px;
color: #333;
display: block;
margin-bottom: 4px;
}
.mtp-kalender-grid .tag.leer {
background: #fafafa;
border-color: #f0f0f0;
}
.mtp-kalender-grid .tag.leer .tag-nummer {
color: #ccc;
}
.mtp-kalender-grid .tag.hat-termine {
border-color: #007cba;
background: #f0f7ff;
}
.mtp-kalender-grid .tag.hat-termine .tag-nummer {
color: #007cba;
}
.mtp-kalender-grid .tag.vergangen {
opacity: 0.5;
}
.mtp-kalender-grid .tag.heute {
border-color: #ffc107;
background: #fff8e1;
}
.mtp-kalender-grid .tag.heute .tag-nummer {
color: #856404;
} .mtp-kalender-grid .tag .termin-badge {
display: block;
width: 100%;
font-size: 12px;
font-weight: 500;
background: #007cba;
color: #fff;
border-radius: 4px;
padding: 3px 6px;
margin: 2px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
box-sizing: border-box;
text-align: left;
}
.mtp-kalender-grid .tag .termin-badge.braut {
background: #e83e8c;
}
.mtp-kalender-grid .tag .termin-badge.verein {
background: #28a745;
}
.mtp-kalender-grid .tag .termin-badge.schneiderei {
background: #fd7e14;
}
.mtp-kalender-grid .tag .termin-badge.vergangen-badge {
opacity: 0.5;
text-decoration: line-through;
} .mtp-kalender-grid .tag .anzahl-badge {
display: inline-block;
font-size: 12px;
background: #dc3545;
color: #fff;
border-radius: 50%;
padding: 1px 8px;
margin-top: 2px;
font-weight: bold;
} .mtp-tooltip {
position: relative;
cursor: help;
}
.mtp-tooltip .tooltip-text {
visibility: hidden;
width: 240px;
background: #333;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 10px 12px;
position: absolute;
z-index: 100;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-size: 13px;
font-weight: normal;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
line-height: 1.4;
}
.mtp-tooltip .tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.mtp-tooltip:hover .tooltip-text {
visibility: visible;
opacity: 1;
} .mtp-termin-gruppe {
margin-bottom: 30px;
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
overflow: hidden;
}
.mtp-termin-gruppe h3 {
margin: 0;
padding: 12px 15px;
background: #f1f1f1;
border-bottom: 1px solid #ccd0d4;
font-size: 16px;
}
.mtp-termin-gruppe h3 .badge {
background: #007cba;
color: #fff;
padding: 2px 10px;
border-radius: 12px;
font-size: 13px;
margin-left: 10px;
}
.mtp-termin-gruppe table {
margin: 0;
}
.mtp-termin-gruppe table td,
.mtp-termin-gruppe table th {
padding: 10px 12px;
}
.mtp-termin-vergangen {
background-color: #f8f9fa !important;
opacity: 0.7;
}
.mtp-termin-vergangen td {
color: #6c757d;
}
.mtp-termin-heute {
background-color: #fff3cd !important;
}
.mtp-termin-heute td {
color: #856404;
}
.mtp-termin-zukunft td {
color: #155724;
}
.mtp-delete-btn {
color: #dc3232;
text-decoration: none;
font-size: 20px;
transition: color 0.2s;
}
.mtp-delete-btn:hover {
color: #b71c1c;
}
.mtp-leer {
padding: 15px;
color: #6c757d;
font-style: italic;
margin: 0;
}
.mtp-loading {
opacity: 0.5;
pointer-events: none;
} .mtp-legende {
margin-top: 15px;
display: flex;
gap: 20px;
flex-wrap: wrap;
font-size: 13px;
align-items: center;
}
.mtp-legende span {
display: inline-flex;
align-items: center;
gap: 4px;
}
.mtp-legende .legende-item {
padding: 2px 8px;
border-radius: 4px;
}
.mtp-legende .legende-heute {
background: #fff8e1;
border: 1px solid #ffc107;
}
.mtp-legende .legende-termine {
background: #f0f7ff;
border: 1px solid #007cba;
}
.mtp-legende .legende-vergangen {
opacity: 0.5;
}
.mtp-legende .legende-braut {
background: #e83e8c;
color: #fff;
border-radius: 10px;
padding: 2px 10px;
}
.mtp-legende .legende-verein {
background: #28a745;
color: #fff;
border-radius: 10px;
padding: 2px 10px;
}
.mtp-legende .legende-schneiderei {
background: #fd7e14;
color: #fff;
border-radius: 10px;
padding: 2px 10px;
}  .mtp-frontend-wrapper {
max-width: 100%;
margin: 30px auto;
padding: 0 20px;
}
.mtp-frontend-wrapper .mtp-card {
background: #ffffff;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
padding: 32px 30px;
border: 1px solid #f0f0f0;
}
.mtp-frontend-wrapper .mtp-title {
font-size: 26px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 6px 0;
text-align: center;
}
.mtp-frontend-wrapper .mtp-subtitle {
font-size: 14px;
color: #888;
text-align: center;
margin: 0 0 28px 0;
} .mtp-art-wrapper {
display: flex;
gap: 10px;
margin-bottom: 28px;
flex-wrap: wrap;
justify-content: center;
}
.mtp-art-btn {
flex: 1;
min-width: 140px;
padding: 14px 20px;
border: 2px solid #e8e8e8;
border-radius: 12px;
background: #fafafa;
cursor: pointer;
transition: all 0.25s ease;
text-align: center;
font-size: 15px;
font-weight: 600;
color: #555;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
user-select: none;
}
.mtp-art-btn .mtp-art-icon {
font-size: 28px;
display: block;
}
.mtp-art-btn .mtp-art-label {
font-size: 13px;
font-weight: 500;
}
.mtp-art-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border-color: #ccc;
}
.mtp-art-btn.active-braut {
border-color: #e83e8c;
background: #fdf2f6;
color: #c2185b;
box-shadow: 0 4px 12px rgba(232, 62, 140, 0.15);
}
.mtp-art-btn.active-verein {
border-color: #28a745;
background: #f0faf2;
color: #1a7a34;
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}
.mtp-art-btn.active-schneiderei {
border-color: #fd7e14;
background: #fef5ed;
color: #c9620a;
box-shadow: 0 4px 12px rgba(253, 126, 20, 0.15);
} .mtp-verein-hinweis {
background: #fef9e7;
border-left: 4px solid #f39c12;
padding: 12px 16px;
border-radius: 8px;
margin: -10px 0 20px 0;
font-size: 13px;
color: #7a6a2e;
display: none;
}
.mtp-verein-hinweis strong {
color: #b7950b;
} .mtp-termin-fuer-wrapper {
margin-bottom: 20px;
}
.mtp-termin-fuer-wrapper label {
display: block;
font-weight: 600;
font-size: 15px;
color: #333;
margin-bottom: 8px;
}
.mtp-termin-fuer-wrapper label .mtp-required {
color: #dc3545;
}
.mtp-termin-fuer-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.mtp-termin-fuer-btn {
padding: 12px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
background: #fafafa;
cursor: pointer;
transition: all 0.25s ease;
text-align: center;
font-weight: 500;
color: #555;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
user-select: none;
}
.mtp-termin-fuer-btn .mtp-termin-fuer-icon {
font-size: 24px;
display: block;
}
.mtp-termin-fuer-btn .mtp-termin-fuer-label {
font-size: 13px;
font-weight: 500;
}
.mtp-termin-fuer-btn:hover:not(.active-braut) {
border-color: #ccc;
background: #f0f0f0;
}
.mtp-termin-fuer-btn.active-braut {
border-color: #e83e8c;
background: #fdf2f6;
color: #c2185b;
box-shadow: 0 4px 12px rgba(232, 62, 140, 0.15);
} .mtp-braut-farbe-wrapper {
margin-bottom: 20px;
}
.mtp-braut-farbe-wrapper label {
display: block;
font-weight: 600;
font-size: 15px;
color: #333;
margin-bottom: 8px;
}
.mtp-braut-farbe-wrapper label .mtp-required {
color: #dc3545;
}
.mtp-braut-farbe-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.mtp-braut-farbe-btn {
padding: 12px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
background: #fafafa;
cursor: pointer;
transition: all 0.25s ease;
text-align: center;
font-weight: 500;
color: #555;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
user-select: none;
}
.mtp-braut-farbe-btn .mtp-braut-farbe-icon {
font-size: 24px;
display: block;
}
.mtp-braut-farbe-btn .mtp-braut-farbe-label {
font-size: 13px;
font-weight: 500;
}
.mtp-braut-farbe-btn:hover:not(.active-braut) {
border-color: #ccc;
background: #f0f0f0;
}
.mtp-braut-farbe-btn.active-braut {
border-color: #e83e8c;
background: #fdf2f6;
color: #c2185b;
box-shadow: 0 4px 12px rgba(232, 62, 140, 0.15);
} .mtp-lederhose-wrapper {
margin-bottom: 20px;
}
.mtp-lederhose-wrapper label {
display: block;
font-weight: 600;
font-size: 15px;
color: #333;
margin-bottom: 8px;
}
.mtp-lederhose-wrapper label .mtp-required {
color: #dc3545;
}
.mtp-lederhose-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.mtp-lederhose-btn {
padding: 12px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
background: #fafafa;
cursor: pointer;
transition: all 0.25s ease;
text-align: center;
font-weight: 500;
color: #555;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
user-select: none;
}
.mtp-lederhose-btn .mtp-lederhose-icon {
font-size: 24px;
display: block;
}
.mtp-lederhose-btn .mtp-lederhose-label {
font-size: 13px;
font-weight: 500;
}
.mtp-lederhose-btn:hover:not(.active-braut) {
border-color: #ccc;
background: #f0f0f0;
}
.mtp-lederhose-btn.active-braut {
border-color: #e83e8c;
background: #fdf2f6;
color: #c2185b;
box-shadow: 0 4px 12px rgba(232, 62, 140, 0.15);
} .mtp-verein-felder-wrapper {
margin-bottom: 20px;
padding: 18px;
background: #f8fffa;
border: 2px solid #28a745;
border-radius: 12px;
}
.mtp-verein-felder-wrapper .mtp-felder-grid {
margin-bottom: 0;
} .mtp-kalender-frontend {
background: #f8f9fa;
border-radius: 12px;
padding: 16px;
margin-bottom: 24px;
border: 1px solid #e8e8e8;
}
.mtp-kalender-frontend .mtp-kalender-monat {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
}
.mtp-kalender-frontend .mtp-kalender-monat span {
font-weight: 600;
font-size: 16px;
color: #333;
}
.mtp-kalender-frontend .mtp-kalender-nav {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
color: #666;
padding: 4px 10px;
border-radius: 6px;
transition: background 0.2s;
}
.mtp-kalender-frontend .mtp-kalender-nav:hover {
background: #e8e8e8;
}
.mtp-kalender-frontend .mtp-tage-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
}
.mtp-kalender-frontend .mtp-tag-kopf {
text-align: center;
font-size: 11px;
font-weight: 600;
color: #999;
padding: 4px 0;
text-transform: uppercase;
} .mtp-kalender-frontend .mtp-tag-zelle {
aspect-ratio: 1;
border-radius: 8px;
border: 2px solid #e8e8e8;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 15px;
color: #333;
transition: all 0.2s;
min-height: 44px;
position: relative;
cursor: default;
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-verfuegbar {
background: #e8f5e9;
border-color: #4caf50;
color: #1b5e20;
cursor: pointer;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-verfuegbar:hover {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
border-color: #2e7d32;
z-index: 2;
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-ausgewaehlt {
border-color: #007cba;
background: #e3f2fd;
color: #0d47a1;
font-weight: 700;
box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.3);
transform: scale(1.05);
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-nicht-verfuegbar {
background: #fce4ec;
border-color: #e57373;
color: #c62828;
cursor: not-allowed;
opacity: 0.8;
text-decoration: line-through;
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-vergangen {
background: #ffebee;
border-color: #ef9a9a;
color: #c62828;
cursor: not-allowed;
opacity: 0.85;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-vergangen::after {
content: "✕";
position: absolute;
font-size: 20px;
color: #e53935;
opacity: 0.6;
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-ausgebucht {
background: #ffcdd2;
border-color: #ef5350;
color: #b71c1c;
cursor: not-allowed;
opacity: 0.85;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-ausgebucht::after {
content: "✕";
position: absolute;
font-size: 22px;
color: #d32f2f;
opacity: 0.8;
} .mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-leer {
cursor: default;
background: transparent;
border-color: transparent;
} .mtp-kalender-frontend .mtp-tag-zelle .mtp-tag-dot {
display: none;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-verfuegbar .mtp-tag-dot {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #4caf50;
margin-top: 2px;
} .mtp-kalender-frontend .mtp-tag-zelle .mtp-tag-anzahl {
font-size: 9px;
background: #2196f3;
color: #fff;
border-radius: 50%;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -6px;
right: -6px;
font-weight: 700;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-ausgebucht .mtp-tag-anzahl {
background: #e53935;
} .mtp-uhrzeit-wrapper {
margin-bottom: 24px;
}
.mtp-uhrzeit-wrapper label {
display: block;
font-weight: 600;
font-size: 15px;
color: #333;
margin-bottom: 8px;
}
.mtp-uhrzeit-wrapper label .mtp-required {
color: #dc3545;
}
.mtp-uhrzeit-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 8px;
}
.mtp-uhrzeit-btn {
padding: 10px 8px;
border: 2px solid #e8e8e8;
border-radius: 8px;
background: #fafafa;
cursor: pointer;
text-align: center;
font-size: 14px;
font-weight: 500;
color: #555;
transition: all 0.2s;
}
.mtp-uhrzeit-btn:hover:not(.mtp-uhrzeit-ausgebucht) {
border-color: #ccc;
transform: translateY(-2px);
}
.mtp-uhrzeit-btn.mtp-uhrzeit-ausgewaehlt {
border-color: #007cba;
background: #e8f4ff;
color: #007cba;
font-weight: 600;
}
.mtp-uhrzeit-btn.mtp-uhrzeit-ausgebucht {
color: #ccc;
cursor: not-allowed;
background: #f5f5f5;
text-decoration: line-through;
}
.mtp-uhrzeit-btn .mtp-uhrzeit-icon {
display: block;
font-size: 12px;
opacity: 0.5;
} .mtp-felder-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 20px;
}
.mtp-felder-grid .mtp-full {
grid-column: 1 / -1;
}
.mtp-felder-grid label {
display: block;
font-weight: 600;
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
.mtp-felder-grid label .mtp-required {
color: #dc3545;
}
.mtp-felder-grid input,
.mtp-felder-grid textarea,
.mtp-felder-grid select {
width: 100%;
padding: 11px 14px;
border: 2px solid #e8e8e8;
border-radius: 10px;
font-size: 14px;
background: #fafafa;
transition: all 0.2s;
box-sizing: border-box;
color: #333;
font-family: inherit;
}
.mtp-felder-grid input:focus,
.mtp-felder-grid textarea:focus,
.mtp-felder-grid select:focus {
outline: none;
border-color: #007cba;
background: #fff;
box-shadow: 0 0 0 4px rgba(0, 124, 186, 0.1);
}
.mtp-felder-grid textarea {
resize: vertical;
min-height: 80px;
} .mtp-submit-btn {
width: 100%;
padding: 16px;
border: none;
border-radius: 12px;
background: linear-gradient(135deg, #007cba 0%, #005a8c 100%);
color: #fff;
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.mtp-submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 124, 186, 0.3);
}
.mtp-submit-btn:active {
transform: translateY(0);
} .mtp-status {
padding: 14px 18px;
border-radius: 10px;
font-weight: 500;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.mtp-status-success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.mtp-status-error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.mtp-status-taken {
background: #fff3cd;
color: #856404;
border: 1px solid #ffc107;
} @media (max-width: 600px) {
.mtp-frontend-wrapper .mtp-card {
padding: 20px 16px;
}
.mtp-art-wrapper {
flex-direction: column;
}
.mtp-art-btn {
flex-direction: row;
justify-content: center;
gap: 10px;
padding: 12px;
}
.mtp-art-btn .mtp-art-icon {
font-size: 22px;
}
.mtp-termin-fuer-grid {
grid-template-columns: 1fr;
}
.mtp-braut-farbe-grid {
grid-template-columns: 1fr;
}
.mtp-lederhose-grid {
grid-template-columns: 1fr;
}
.mtp-felder-grid {
grid-template-columns: 1fr;
}
.mtp-uhrzeit-grid {
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
}
.mtp-kalender-frontend .mtp-tag-zelle {
min-height: 36px;
font-size: 13px;
}
} .mtp-tag-blocked {
background: #f5f5f5 !important;
border-color: #dc3545 !important;
position: relative;
}
.mtp-tag-blocked .tag-nummer {
color: #6c757d !important;
}
.mtp-blocked-wrapper {
background: #e9ecef;
border-radius: 4px;
padding: 4px 6px;
margin-top: 2px;
border-left: 3px solid #dc3545;
line-height: 1.3;
width: 100%;
box-sizing: border-box;
}
.mtp-blocked-wrapper .mtp-blocked-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #495057;
}
.mtp-blocked-wrapper .mtp-blocked-line.title {
font-weight: 700;
color: #dc3545;
}
.mtp-blocked-wrapper .mtp-blocked-line.art {
font-size: 9px;
color: #6c757d;
}
.mtp-blocked-wrapper .mtp-blocked-line.grund {
color: #6c757d;
font-style: italic;
}
.mtp-blocked-wrapper .mtp-blocked-line .emoji {
width: 12px;
height: 12px;
vertical-align: middle;
} .mtp-verein-felder-wrapper {
margin-bottom: 20px;
padding: 20px 22px;
background: #f8fffa;
border: 2px solid #28a745;
border-radius: 12px;
}
.mtp-verein-felder-wrapper .mtp-felder-grid {
margin-bottom: 0;
} .mtp-verein-daten-row {
display: flex;
flex-wrap: wrap;
gap: 15px 25px;
align-items: flex-end;
background: #f0faf2;
border-radius: 10px;
border: 1px solid #c3e6cb;
width: 100%;
box-sizing: border-box;
}
.mtp-verein-feld {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 80px;
}
.mtp-verein-feld .mtp-inline-label {
font-size: 12px;
font-weight: 500;
color: #555;
margin-bottom: 3px;
display: block;
}
.mtp-verein-feld .mtp-inline-label .mtp-required {
color: #dc3545;
}
.mtp-verein-feld input[type="number"] {
width: 100%;
min-width: 70px;
max-width: 130px;
padding: 8px 10px;
border: 2px solid #d4edda;
border-radius: 8px;
font-size: 14px;
background: #fff;
transition: all 0.2s;
box-sizing: border-box;
}
.mtp-verein-feld input[type="number"]:focus {
outline: none;
border-color: #28a745;
box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15);
} .mtp-verein-hinweis-text {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: #6c757d;
font-style: italic;
padding: 4px 0;
flex: 0 1 auto;
white-space: nowrap;
}
.mtp-verein-hinweis-text .mtp-hinweis-icon {
font-size: 14px;
} @media (max-width: 600px) {
.mtp-verein-daten-row {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 14px;
}
.mtp-verein-feld {
min-width: 100%;
flex: 1 1 100%;
}
.mtp-verein-feld input[type="number"] {
max-width: 100%;
min-width: 100%;
}
.mtp-verein-hinweis-text {
white-space: normal;
justify-content: center;
padding-top: 4px;
border-top: 1px solid #d4edda;
}
.mtp-verein-felder-wrapper {
padding: 14px 12px;
}
} @media (max-width: 600px) {
.mtp-frontend-wrapper .mtp-card {
padding: 20px 16px;
}
.mtp-art-wrapper {
flex-direction: column;
}
.mtp-art-btn {
flex-direction: row;
justify-content: center;
gap: 10px;
padding: 12px;
}
.mtp-art-btn .mtp-art-icon {
font-size: 22px;
}
.mtp-termin-fuer-grid,
.mtp-braut-farbe-grid,
.mtp-lederhose-grid,
.mtp-felder-grid {
grid-template-columns: 1fr;
}
.mtp-uhrzeit-grid {
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
} .mtp-kalender-frontend {
padding: 8px;
}
.mtp-kalender-frontend .mtp-tage-grid {
gap: 2px;
}
.mtp-kalender-frontend .mtp-tag-zelle {
aspect-ratio: auto;
min-height: 38px;
padding: 2px 0;
font-size: 12px;
box-sizing: border-box;
}
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-vergangen::after,
.mtp-kalender-frontend .mtp-tag-zelle.mtp-tag-ausgebucht::after {
font-size: 14px;
}
}