/**
 * Bewertungsexpress-Partnership Screen CSS
 *
 * Screen-CSS ist minimal gemäß Regeln (011-ui-css-overrides.mdc, 011-ui-css-widgets-architecture.mdc).
 * Keine eigenen Styles – nur Base-/Widget-Klassen. Ausnahmen: Tile-Icons (SVG), rundes Kontaktfoto.
 *
 * Pfad: htdocs/css/app/screen-bewertungsexpress-partnership/screen-bewertungsexpress-partnership.css
 *
 * Verwendete Base-Klassen (aus htdocs/css/app/base/):
 * - base-layout-content, base-section (layout.css, widgets-sections.css)
 * - base-headline-h1, base-headline-h2, base-headline-h3, base-headline-h4 (widgets-headlines.css)
 * - base-subtitle, base-content-text (widgets-content.css)
 * - base-tile, base-tile-grid (widgets-tiles.css)
 * - base-form, base-form-group, base-form-label, base-form-input, base-form-textarea (widgets-forms.css)
 * - base-button-standard (widgets-buttons.css)
 * - base-message-success, base-message-error (messages.css)
 *
 * Ausnahmen (einzigartig, nicht in Base):
 * - .bewertungsexpress-partnership-tile-icon: SVG-Icon-Wrapper in Info-Tiles
 * - .bewertungsexpress-partnership-contact-image: rundes Kontaktfoto
 */

.bewertungsexpress-partnership-tile-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bewertungsexpress-partnership-tile-icon svg {
    width: 100%;
    height: 100%;
    stroke: var(--color-accent);
}

.bewertungsexpress-partnership-contact-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .bewertungsexpress-partnership-contact-image {
        width: 200px;
        height: 200px;
    }
}