@layer addon {
    .search {
        .templateContent {
            .content {
                padding-top: var(--gutter);
            }
            .inner {
                .intro {
                    .title + .content {
                        margin-top: 0;
                    }
                }
            }

            .results {
                @media (max-width: 56em) {
                    grid-column: span 10;
                }
                @media (--max-fablet) {
                    grid-column: span 10;
                }
                .result {
                    .subTitle {
                        font-weight: 400;
                        font-size: var(--m-fontsize);
                    }
                }
                .item.jobposting {
                    width: 100%;
                    flex: initial;
                    .inner {
                        text-align: left;
                    }
                    .internal {
                        background: var(--color3);
                        color: var(--color-light);
                        border-radius: var(--button-radius);
                        padding: 8px 16px;
                        font-size: var(--xs-fontsize);
                        line-height: var(--xs-lineheight);
                        font-weight: 600;
                        max-width: max-content;
                        display: inline-block;
                        @media (min-width: 56em) {
                            font-size: calc(var(--xs-fontsize) - 0.125rem);
                        }
                        @media (--min-fablet) {
                            font-size: calc(var(--xs-fontsize) - 0.125rem);
                        }
                    }
                }
                .item.page {
                    width: 100%;
                    flex: initial;
                    .block {
                        border: 2px solid var(--color-dark);
                        @media (min-width: 56em) {
                            flex-direction: row;
                        }
                        @media (--min-fablet) {
                            flex-direction: row;
                        }
                        .inner {
                            text-align: left;
                            gap: var(--gutter);
                            width: 100%;
                            justify-content: flex-start;
                            align-items: flex-start;
                            .content {
                                padding: 0;
                            }
                        }
                        .media {
                            @media (min-width: 56em) {
                                width: 200px;
                                height: 200px;
                                min-width: 200px;
                                min-height: 200px;
                            }
                            @media (--min-fablet) {
                                width: 200px;
                                height: 200px;
                                min-width: 200px;
                                min-height: 200px;
                            }                
                        }
                    }
                }
            }
        }
    }
}