/*
Theme Name: dt-the7-child
Author: Stephan Dittmann
Author URI: https://www.dessounds.de
Description: DRHV06_Theme ist das Theme des Dessau-Rosslauer HV 06. Es ist ein Child-Theme von dt-the7. Das Parent-Theme darf daher nicht gelöscht oder bearbeitet werden.
Version: 5.0.8
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
Text Domain:  drhv06_theme
*/


/************************************** GENERAL STUFF */

:root {

    --sth-main-color-tupel: 0, 90, 167;
    --sth-main-color-dark-tupel: 0, 63, 144;
    --sth-main-color-middle-tupel: 0, 121, 189;
    --sth-main-color-bright-tupel: 26, 176, 220;
    --sth-main-accent-tupel: 239, 125, 19;
    --sth-main-white-tupel: 255, 255, 255;

    --sth-main-color: rgb(0, 90, 167);
    --sth-main-color-dark: rgb(0, 63, 144);
    --sth-main-color-middle: rgb(0, 121, 189);
    --sth-main-color-bright: rgb(26, 176, 220);

    --sth-accent: rgb(239, 125, 19);

    --sth-special-color: rgb(239, 125, 19);
    --sth-negative: rgb(175, 3, 3);
    --sth-positive: rgb(75, 163, 16);

    --sth-white: rgb(255, 255, 255);
    --sth-grey-light: rgb(242, 242, 242);
    --sth-grey-bright: rgb(204, 204, 204);
    --sth-grey-dark: rgb(102, 102, 102);
    --sth-black: rgb(10, 10, 10);

}

/* Main */


/* Colors 

DRHV-Dunkelblau #003f90
DRHV-Standartblau #005aa7
DRHV-Mittelblau #0079bd
DRHV-Hellblau #1ab0dc
DRHV-Orange #ef7d13
DRHV-Rot #af0303
DRHV-Grün #4ba310
DRHV-Hellgrau #CCCCCC
DRHV-Hellgrau #666666

*/

@font-face {
    font-family: "Square Slabserif";
    src: url('./assets/fonts/5117196/SquareSlabserif711Pro-Bd.eot');
    /* IE9 Compat Modes */
    src: url('./assets/fonts/5117196/SquareSlabserif711Pro-Bd.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url("./assets/fonts/5117196/cb642d2c-407c-4425-ba54-daf6b74490c3.woff2") format("woff2"),
        url("./assets/fonts/5117196/572ae427-4410-410e-8258-771b1675189b.woff") format("woff"),
        url('./assets/fonts/5117196/SquareSlabserif711Pro-Bd.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./assets/fonts/5117196/SquareSlabserif711Pro-Bd.svg#Square Slabserif 711 Pro') format('svg');
    /* Legacy iOS */
}

/* Headlines */

H1,
H2,
H3,
.h1-size,
.h2-size,
.h3-size {
    font-family: 'Square Slabserif', 'Roboto', Arial, sans-serif;
}

H3 {
    margin-top: .6rem;
}

#main .content .textwidget,
#main .content h1,
#main .content h2,
#main .content h3,
#main .content h4,
#main .content h5,
#main .content h6,
#main .content p {
    margin-bottom: 0.9rem;
}

#main .content .post p {
    text-align: justify;
}

/* WP Bakery default colors */

.drhv-dunkelblau {
    color: var(--sth-main-color-dark);
    border-color: 1px solid var(--sth-main-color);
}

.drhv-standardblau {
    color: var(--sth-main-color);
}

.drhv-mittelblau {
    color: var(--sth-main-color-middle);
}

.drhv-hellblau {
    color: var(--sth-main-color-bright);
}

.drhv-orange {
    color: var(--sth-accent);
}

.drhv-rot {
    color: var(--sth-negative);
}

.drhv-gruen {
    color: var(--sth-positive);
}

.drhv-hellgrau {
    color: var(--sth-grey-light);
}

.drhv-grau {
    color: var(--sth-grey-bright);
}

.drhv-dunkelgrau {
    color: var(--sth-grey-dark);
}

.drhv-weiss {
    color: var(--sth-white);
}

.drhv-schwarz {
    color: var(--sth-black);
}

/* Hintergrund */

.drhv-dunkelblau-bg {
    background-color: var(--sth-main-color-dark) !important;
    /* color: var(--sth-white) !important; */
}

.drhv-standardblau-bg {
    background-color: var(--sth-main-color);
    /* color: var(--sth-white); */
}

.drhv-mittelblau-bg {
    background-color: var(--sth-main-color-middle);
    /* color: var(--sth-white); */
}

.drhv-hellblau-bg {
    background-color: var(--sth-main-color-bright);
    /* color: var(--sth-white); */
}

.drhv-orange-bg {
    background-color: var(--sth-accent);
    /* color: var(--sth-black); */
}

.drhv-rot-bg {
    background-color: var(--sth-negative);
    /* color: var(--sth-white); */
}

.drhv-gruen-bg {
    background-color: var(--sth-positive);
    /* color: var(--sth-white); */
}

.drhv-hellgrau-bg {
    background-color: var(--sth-grey-light);
    /* color: var(--sth-main-color-dark); */
}

.drhv-grau-bg {
    background-color: var(--sth-grey-bright);
    /* color: var(--sth-main-color-dark); */
}

.drhv-dunkelgrau-bg {
    background-color: var(--sth-grey-dark);
    /* color: var(--sth-white); */
}

.drhv-weiss-bg {
    background-color: var(--sth-white);
    /* color: var(--sth-main-color); */
}

.drhv-schwarz-bg {
    background-color: var(--sth-black);
}

/* Border */

.drhv-dunkelblau-border {
    border-color: var(--sth-main-color-dark);
    /* color: var(--sth-white) !important; */
}

.drhv-standardblau-border {
    border-color: var(--sth-main-color);
    /* color: var(--sth-white); */
}

.drhv-mittelblau-border {
    border-color: var(--sth-main-color-middle);
    /* color: var(--sth-white); */
}

.drhv-hellblau-border {
    border-color: var(--sth-main-color-bright);
    /* color: var(--sth-white); */
}

.drhv-orange-border {
    border-color: var(--sth-accent);
    /* color: var(--sth-black); */
}

.drhv-rot-border {
    border-color: var(--sth-negative);
    /* color: var(--sth-white); */
}

.drhv-gruen-border {
    border-color: var(--sth-positive);
    /* color: var(--sth-white); */
}

.drhv-hellgrau-border {
    border-color: var(--sth-grey-light);
    /* color: var(--sth-main-color-dark); */
}

.drhv-grau-border {
    border-color: var(--sth-grey-bright);
    /* color: var(--sth-main-color-dark); */
}

.drhv-dunkelgrau-border {
    border-color: var(--sth-grey-dark);
    /* color: var(--sth-white); */
}

.drhv-weiss-border {
    border-color: var(--sth-white);
    /* color: var(--sth-main-color); */
}

.drhv-schwarz-border {
    border-color: var(--sth-black);
}

/** GENERALS */

HTML {
    font-family: 'Roboto', Arial, sans-serif;
}

#main .wf-wrap #content .vc_row~.wpb_column .dt-fancy-separator {
    margin-top: 0 !important;
}

#page .page-title .entry-title,
#page .page-title H1,
#page .page-title H1 * {
    font-family: 'Square Slabserif' !important;
    text-transform: uppercase !important;
}

#page .page-title .wf-wrap{
    padding-top: 0;
}

#page .page-title h1 {
    /* font-size: 1.4rem !important;
    line-height: 1.45rem !important; */
    text-align: center;
    color: var(--sth-main-color);
    padding: 0.9rem 0;
    border-bottom: 2px solid var(--sth-main-color);
    margin: 0;
    z-index: 10;
    word-break: break-word;
    background: url('./assets/img/ecke_Element_14px_blau_oben.png') top left no-repeat;
}

#page .page-title .page-title-head {
    width: 100%;
}

/* HOOKS */

/* Special for Nachwuchs */

#page .page-title H1 .symbol {
    width: 48px;
    height: auto;
    margin: -20px 0 0 0;
}

#page .page-title H1>SPAN {
    margin-left: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

/* Sidebar Specials für Ads */

#sidebar .textwidget .drhv-ads .dt-gallery-container.dt-photos-shortcode,
#content .drhv-ads .dt-gallery-container.dt-photos-shortcode {
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

#sidebar .textwidget .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell,
#content .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell {
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 5px;
    width: auto !important;
    height: auto !important;
    display: initial;
    vertical-align: initial;
    overflow: initial;
}

#sidebar .textwidget .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell figure,
#content .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

#sidebar .textwidget .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell figure img,
#content .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell figure img {
    /* width: auto !important; */
    max-width: 6.5rem !important;
    height: auto !important;
}

#sidebar .textwidget .drhv-ads.drhv-ads-single .dt-gallery-container.dt-photos-shortcode .wf-cell figure img,
#content .drhv-ads.drhv-ads-single .dt-gallery-container.dt-photos-shortcode .wf-cell figure img {
    /* width: auto !important; */
    max-width: 12rem !important;
}

/* Sponsoring Specials */

/** HBL Werbung 2024 */

#sas_133924,
#sas_133924 *{
    height: auto;
    max-width: 100%;
}

.page-id-1962 #content .drhv-ads .dt-gallery-container.dt-photos-shortcode {
    margin: -20px;
}

.page-id-1962 #content .drhv-ads .dt-gallery-container.dt-photos-shortcode .wf-cell figure img {
    max-width: 10rem !important;
}

.page-id-1962 #content .drhv-ads.drhv-ads-single .dt-gallery-container.dt-photos-shortcode .wf-cell figure img {
    max-width: 14rem !important;
}

/* ADMIN */

#wpadminbar {
    background-color: var(--sth-main-color-middle);
    border-bottom: 2px solid var(--sth-white);
}

/* MAIN WRAP INNER CONTAINER */

.wf-wrap {
    /* padding: 0 15px !important; */
    margin: 0 auto 0 auto;
}

/* Hook End */

table {
    border: none;
}

table tr th,
table tr td {
    padding: 0.4rem 0.5rem 0.4rem 0 !important;
    line-height: 1.4rem;
    vertical-align: top;
}

A {
    text-decoration: none;
    color: var(--sth-main-color-middle);
    font-weight: 500;
}

A:hover {
    color: var(--sth-accent);
}

.wpb_content_element {
    margin: 0;
    padding: 0;
}

/** Default List */

.content ul {
    list-style: square;
}

.content ul li,
.content ol li {
    margin-left: 10px;
}

.content ul li::marker,
.content ol li::marker {
    color: var(--sth-main-color-middle);
}


/* Header Logo and BG */

.branding a img,
.branding img {
    max-width: 100%;
    height: auto;
    /* background-color: var(--sth-main-color); */
}

/* MobileHook */

/* .left-class was already used by WPClubmanager */

.closed-mobile-header .left {
    float: none;
}

/* Mobile Header Space */

/* .mobile-header-space {
    height: 122px !important;
} */

/* Hook to move main to title on all pages but main */

.page-id-24 .mobile-header-space {
    margin-top: -30px !important;
}

/* Column mit Fill hat Padding - Hook */

.vc_col-has-fill>.vc_column-inner {
    padding-top: 0;
}

/* Menu */

.classic-header .navigation {
    padding: 0 30px;
    /* margin: 10px 0 -10px 0; */
}

/* Social Icons */

.classic-header .navigation>.mini-widgets,
.classic-header .widget-box .mini-widgets {
    padding: 5px 0.4rem 5px 0.4rem;
}

.masthead .soc-ico a {
    margin: 0px 5px 0px 5px;
}

/* Suche im Menu */

.classic-header .navigation>.mini-widgets .popup-search .submit i,
.classic-header .navigation>.mini-widgets .popup-search .submit span {
    color: var(--sth-main-color);
}

.classic-header .navigation>.mini-widgets .popup-search a.submit:hover {
    color: var(--sth-accent);
}

.classic-header .navigation>.mini-widgets .popup-search .popup-search-wrap input{
    color: var(--sth-main-color);
    border: 1px solid rgba(var(--sth-main-color-tupel), 1);
    background: none;
}

.classic-header .navigation>.mini-widgets .popup-search .popup-search-wrap input:hover{
    border: 1px solid var(--sth-accent);
}

.classic-header .navigation>.mini-widgets .popup-search .popup-search-wrap input::placeholder{
    color: var(--sth-black);
}



/* Mobile-Menu */

#page .mobile-header-bar {
    margin-bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--sth-main-color-dark);
}

#page .mobile-header-bar .mobile-branding a.sticky-mobile-logo-second-switch IMG {
    height: 75px;
    width: 75px;
}

#page .mobile-header-bar .mobile-branding a.sticky-mobile-logo-first-switch IMG {
    height: 80px;
    width: 80px;
}

#page .mobile-header-bar .mobile-branding A IMG.mobile-logo {
    height: 80px;
    width: 80px;
}

/* #page .mobile-header-bar .mobile-branding img {
    max-width: 100px;
} */

.dt-mobile-menu-icon {
    background-color: var(--sth-main-color-dark);
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.dt-mobile-menu-icon:hover {
    background-color: var(--sth-main-color-bright);
    width: 40px;
    height: 40px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Language Menu in TopMenu */

#page .masthead .mini-nav .sub-nav {
    width: auto;
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

/* Floating - Menu */

#phantom {
    border-bottom: 2px solid var(--sth-white) !important;
}

#phantom .logo-box {
    padding: 10px 0px 10px 30px;
    background: url(./assets/img/ecke_Element_20px_weiss_oben.png) top left no-repeat;
}

#phantom .logo-box IMG {
    height: 50px;
    width: 50px;
}

/** Post - Containers */

.single .post:not(.type-event) .drhv_post_container .post-thumbnail:last-child,
.single .single-postlike:not(.type-event) .drhv_post_container .post-thumbnail:last-child {
    margin-bottom: 1rem;
}

.drhv_post_container .drhv_post_img_container{
    position: relative;
}

/* Captions for Post Images */

.single .post:not(.type-event) .post-thumbnail {
    margin-bottom: 1rem;
}

.single .post .caption {
    margin-top: -0.5rem;
    font-size: small;
    font-style: italic;
    line-height: normal;
}

.wpb_single_image .vc_figure-caption {
    text-align: left;
    font-size: small;
    font-style: italic;
}



/** Sharebox */

.single-share-box,
.single .single-share-box {
    padding: 1.5rem 0 1.5rem 0;
    margin: 0;
}

/** Post-Meta */

.single .post-meta {
    margin-bottom: 5px;
    margin-top: 2rem;
}

/************************************ THE7 - Color Override */

/** BTN */

.dt-btn,
.dt-bt {
    background-color: var(--sth-main-color) !important;
    color: var(--sth-white) !important;
    border-radius: 0 !important;
    padding: 8px 14px 10px 14px;
}

.dt-btn:hover,
.dt-bt:hover {
    background-color: var(--sth-accent) !important;
    color: var(--sth-white) !important;
}

/*  */

/* DT Mains */

/*******************************  DRHV-Dunkelblau */

#main .vc_btn3-color-drhv-dunkelblau,
#main .vc_cta3-color-drhv-dunkelblau,
#main .vc_message_box.vc_color-drhv-dunkelblau {
    background-color: var(--sth-main-color-dark);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-dunkelblau:hover,
#main .vc_cta3-color-drhv-dunkelblau:hover,
#main .vc_message_box.vc_color-drhv-dunkelblau:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Dunkelblau **/
#main .vc_icon_element-color-drhv-dunkelblau {
    color: var(--sth-main-color-dark);
}

#main .vc_icon_element-background-color-drhv-dunkelblau {
    background-color: var(--sth-main-color-dark);
}

/** Single Image DRHV-Dunkelblau **/

#main .wpb_single_image .vc_box_border_drhv-dunkelblau {
    background-color: var(--sth-main-color-dark);
}

/** Seperator - DRHV-Dunkelblau **/
#main .vc_separator.vc_sep_color_drhv-dunkelblau .vc_sep_line {
    border-color: var(--sth-main-color-dark);
}

#main .vc_sep_color_drhv-dunkelblau h4 {
    color: var(--sth-main-color-dark);
    margin: 0;
}

/* Grid-Filter - DRHV-Dunkelblau */

#main .vc_grid-filter-color-drhv-dunkelblau .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-dunkelblau .vc_grid-filter-item.vc_active {
    background-color: var(--sth-main-color-dark);
}

#main .vc_grid-filter-color-drhv-dunkelblau .vc_grid-filter-item>span {
    color: var(--sth-main-color-dark);
}

#main .vc_grid-filter-color-drhv-dunkelblau .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Dunkelblau */
#main .vc_grid-owl-dots-color-drhv-dunkelblau .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-dunkelblau .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-dunkelblau .vc_grid-owl-dot.active {
    color: var(--sth-main-color-dark);
}

/** Default - DRHV-Dunkelblau */

#main .vc_pagination.vc_pagination-color-drhv-dunkelblau .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-dunkelblau .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-dunkelblau .vc_pagination-item.vc_active {
    background-color: var(--sth-main-color-dark);
    color: var(--sth-white);
}

/** Tabs - DRHV-Dunkelblau */

#main .vc_tta-color-drhv-dunkelblau .vc_tta-tab,
#main .vc_tta-color-drhv-dunkelblau .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-main-color-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-dunkelblau .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-dunkelblau .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-main-color-dark);
    color: var(--sth-white);
}

/*******************************  DRHV-Standardblau */

#main .vc_btn3-color-drhv-standardblau,
#main .vc_cta3-color-drhv-standardblau,
#main .vc_message_box.vc_color-drhv-standardblau {
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-standardblau:hover,
#main .vc_cta3-color-drhv-standardblau:hover,
#main .vc_message_box.vc_color-drhv-standardblau:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Standardblau **/
#main .vc_icon_element-color-drhv-standardblau {
    color: var(--sth-main-color);
}

#main .vc_icon_element-background-color-drhv-standardblau {
    background-color: var(--sth-main-color);
}

/** Single Image DRHV-Standardblau **/

#main .wpb_single_image .vc_box_border_drhv-standardblau {
    background-color: var(--sth-main-color);
}

/** Seperator - DRHV-Standardblau **/
#main .vc_separator.vc_sep_color_drhv-standardblau .vc_sep_line {
    border-color: var(--sth-main-color);
}

#main .vc_sep_color_drhv-standardblau h4 {
    color: var(--sth-main-color);
    margin: 0;
}

/* Grid-Filter - DRHV-Standardblau */

#main .vc_grid-filter-color-drhv-standardblau .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-standardblau .vc_grid-filter-item.vc_active {
    background-color: var(--sth-main-color);
}

#main .vc_grid-filter-color-drhv-standardblau .vc_grid-filter-item>span {
    color: var(--sth-main-color);
}

#main .vc_grid-filter-color-drhv-standardblau .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Standardblau */
#main .vc_grid-owl-dots-color-drhv-standardblau .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-standardblau .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-standardblau .vc_grid-owl-dot.active {
    color: var(--sth-main-color);
}

/** Default - DRHV-Standardblau */

#main .vc_pagination.vc_pagination-color-drhv-standardblau .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-standardblau .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-standardblau .vc_pagination-item.vc_active {
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

/** Tabs - DRHV-Standardblau */

#main .vc_tta-color-drhv-standardblau .vc_tta-tab,
#main .vc_tta-color-drhv-standardblau .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-main-color);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-standardblau .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-standardblau .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

/******************************* DRHV-Mittelblau */

#main .vc_btn3-color-drhv-mittelblau,
#main .vc_cta3-color-drhv-mittelblau,
#main .vc_message_box.vc_color-drhv-mittelblau {
    background-color: var(--sth-main-color-middle);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-mittelblau:hover,
#main .vc_cta3-color-drhv-mittelblau:hover,
#main .vc_message_box.vc_color-drhv-mittelblau:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Mittelblau **/
#main .vc_icon_element-color-drhv-mittelblau {
    color: var(--sth-main-color-middle);
}

#main .vc_icon_element-background-color-drhv-mittelblau {
    background-color: var(--sth-main-color-middle);
}

/** Single Image DRHV-Mittelblau **/

#main .wpb_single_image .vc_box_border_drhv-mittelblau {
    background-color: var(--sth-main-color-middle);
}

/** Seperator - DRHV-Mittelblau **/
#main .vc_separator.vc_sep_color_drhv-mittelblau .vc_sep_line {
    border-color: var(--sth-main-color-middle);
}

#main .vc_sep_color_drhv-mittelblau h4 {
    color: var(--sth-main-color-middle);
    margin: 0;
}

/* Grid-Filter - DRHV-Mittelblau */

#main .vc_grid-filter-color-drhv-mittelblau .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-mittelblau .vc_grid-filter-item.vc_active {
    background-color: var(--sth-main-color-middle);
}

#main .vc_grid-filter-color-drhv-mittelblau .vc_grid-filter-item>span {
    color: var(--sth-main-color-middle);
}

#main .vc_grid-filter-color-drhv-mittelblau .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Mittelblau */
#main .vc_grid-owl-dots-color-drhv-mittelblau .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-mittelblau .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-mittelblau .vc_grid-owl-dot.active {
    color: var(--sth-main-color-middle);
}

/** Default - DRHV-Mittelblau */

#main .vc_pagination.vc_pagination-color-drhv-mittelblau .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-mittelblau .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-mittelblau .vc_pagination-item.vc_active {
    background-color: var(--sth-main-color-middle);
    color: var(--sth-white);
}

/** Tabs - DRHV-Mittelblau */

#main .vc_tta-color-drhv-mittelblau .vc_tta-tab,
#main .vc_tta-color-drhv-mittelblau .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-main-color-middle);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-mittelblau .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-mittelblau .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-main-color-middle);
    color: var(--sth-white);
}

/******************************* DRHV-Hellblau */

#main .vc_btn3-color-drhv-hellblau,
#main .vc_cta3-color-drhv-hellblau,
#main .vc_message_box.vc_color-drhv-hellblau {
    background-color: var(--sth-main-color-bright);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-hellblau:hover,
#main .vc_cta3-color-drhv-hellblau:hover,
#main .vc_message_box.vc_color-drhv-hellblau:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Hellblau **/
#main .vc_icon_element-color-drhv-hellblau {
    color: var(--sth-main-color-bright);
}

#main .vc_icon_element-background-color-drhv-hellblau {
    background-color: var(--sth-main-color-bright);
}

/** Single Image DRHV-Hellblau **/

#main .wpb_single_image .vc_box_border_drhv-hellblau {
    background-color: var(--sth-main-color-bright);
}

/** Seperator - DRHV-Hellblau **/
#main .vc_separator.vc_sep_color_drhv-hellblau .vc_sep_line {
    border-color: var(--sth-main-color-bright);
}

#main .vc_sep_color_drhv-hellblau h4 {
    color: var(--sth-main-color-bright);
    margin: 0;
}

/* Grid-Filter - DRHV-Hellblau */

#main .vc_grid-filter-color-drhv-hellblau .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-hellblau .vc_grid-filter-item.vc_active {
    background-color: var(--sth-main-color-bright);
}

#main .vc_grid-filter-color-drhv-hellblau .vc_grid-filter-item>span {
    color: var(--sth-main-color-bright);
}

#main .vc_grid-filter-color-drhv-hellblau .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Hellblau */
#main .vc_grid-owl-dots-color-drhv-hellblau .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-hellblau .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-hellblau .vc_grid-owl-dot.active {
    color: var(--sth-main-color-bright);
}

/** Default - DRHV-Hellblau */

#main .vc_pagination.vc_pagination-color-drhv-hellblau .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-hellblau .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-hellblau .vc_pagination-item.vc_active {
    background-color: var(--sth-main-color-bright);
    color: var(--sth-white);
}

/** Tabs - DRHV-Hellblau */

#main .vc_tta-color-drhv-hellblau .vc_tta-tab,
#main .vc_tta-color-drhv-hellblau .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-hellblau .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-hellblau .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-main-color-bright);
    color: var(--sth-white);
}

/******************************* DRHV-Orange */

#main .vc_btn3-color-drhv-orange,
#main .vc_cta3-color-drhv-orange,
#main .vc_message_box.vc_color-drhv-orange {
    background-color: var(--sth-accent);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-orange:hover,
#main .vc_cta3-color-drhv-orange:hover,
#main .vc_message_box.vc_color-drhv-orange:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Orange **/
#main .vc_icon_element-color-drhv-orange {
    color: var(--sth-accent);
}

#main .vc_icon_element-background-color-drhv-orange {
    background-color: var(--sth-accent);
}

/** Single Image DRHV-Orange **/

#main .wpb_single_image .vc_box_border_drhv-orange {
    background-color: var(--sth-accent);
}

/** Seperator - DRHV-Orange **/
#main .vc_separator.vc_sep_color_drhv-orange .vc_sep_line {
    border-color: var(--sth-accent);
}

#main .vc_sep_color_drhv-orange h4 {
    color: var(--sth-accent);
    margin: 0;
}

/* Grid-Filter - DRHV-Orange */

#main .vc_grid-filter-color-drhv-orange .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-orange .vc_grid-filter-item.vc_active {
    background-color: var(--sth-accent);
}

#main .vc_grid-filter-color-drhv-orange .vc_grid-filter-item>span {
    color: var(--sth-accent);
}

#main .vc_grid-filter-color-drhv-orange .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Orange */
#main .vc_grid-owl-dots-color-drhv-orange .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-orange .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-orange .vc_grid-owl-dot.active {
    color: var(--sth-accent);
}

/** Default - DRHV-Orange */

#main .vc_pagination.vc_pagination-color-drhv-orange .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-orange .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-orange .vc_pagination-item.vc_active {
    background-color: var(--sth-accent);
    color: var(--sth-white);
}

/** Tabs - DRHV-Orange */

#main .vc_tta-color-drhv-orange .vc_tta-tab,
#main .vc_tta-color-drhv-orange .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-orange .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-orange .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-accent);
    color: var(--sth-white);
}

/******************************* DRHV-Weiß */

#main .vc_btn3-color-drhv-white,
#main .vc_cta3-color-drhv-white,
#main .vc_message_box.vc_color-drhv-white {
    background-color: var(--sth-white);
    color: var(--sth-main-color);
}

#main .vc_btn3-color-drhv-white:hover,
#main .vc_cta3-color-drhv-white:hover,
#main .vc_message_box.vc_color-drhv-white:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Weiß **/
#main .vc_icon_element-color-drhv-white {
    color: var(--sth-white);
}

#main .vc_icon_element-background-color-drhv-white {
    background-color: var(--sth-white);
}

/** Single Image DRHV-Weiß **/

#main .wpb_single_image .vc_box_border_drhv-white {
    background-color: var(--sth-white);
}

/** Seperator - DRHV-Weiß **/
#main .vc_separator.vc_sep_color_drhv-white .vc_sep_line {
    border-color: var(--sth-white);
}

#main .vc_sep_color_drhv-white h4 {
    color: var(--sth-white);
    margin: 0;
}

/* Grid-Filter - DRHV-Weiß */

#main .vc_grid-filter-color-drhv-white .vc_grid-filter-item {
    background-color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-white .vc_grid-filter-item.vc_active {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-white .vc_grid-filter-item>span {
    color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-white .vc_grid-filter-item.vc_active>span {
    color: var(--sth-grey-bright);
}

/** OWL DOTS Pagination - DRHV-Weiß */
#main .vc_grid-owl-dots-color-drhv-white .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-white .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-white .vc_grid-owl-dot.active {
    color: var(--sth-grey-bright);
}

/** Default - DRHV-Weiß */

#main .vc_pagination.vc_pagination-color-drhv-white .vc_pagination-item {
    background-color: var(--sth-white);
    color: var(--sth-grey-bright);
}

#main .vc_pagination.vc_pagination-color-drhv-white .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-white .vc_pagination-item.vc_active {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

/** Tabs - DRHV-Weiß */

#main .vc_tta-color-drhv-white .vc_tta-tab,
#main .vc_tta-color-drhv-white .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-bright);
    background-color: var(--sth-white);
}

#main .vc_tta-color-drhv-white .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-white .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-white);
    color: var(--sth-grey-bright);
}

/******************************* DRHV-Grey Light */

#main .vc_btn3-color-drhv-lightgrey,
#main .vc_cta3-color-drhv-lightgrey,
#main .vc_message_box.vc_color-drhv-lightgrey {
    background-color: var(--sth-grey-light);
    color: var(--sth-grey-dark);
}

#main .vc_btn3-color-drhv-lightgrey:hover,
#main .vc_cta3-color-drhv-lightgrey:hover,
#main .vc_message_box.vc_color-drhv-lightgrey:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Grey Light **/
#main .vc_icon_element-color-drhv-lightgrey {
    color: var(--sth-grey-light);
}

#main .vc_icon_element-background-color-drhv-lightgrey {
    background-color: var(--sth-grey-light);
}

/** Single Image DRHV-Grey Light  **/

#main .wpb_single_image .vc_box_border_drhv-lightgrey {
    background-color: var(--sth-grey-light);
}

/** Seperator - DRHV-Grey Light **/
#main .vc_separator.vc_sep_color_drhv-lightgrey .vc_sep_line {
    border-color: var(--sth-grey-light);
}

#main .vc_sep_color_drhv-lightgrey h4 {
    color: var(--sth-grey-light);
    margin: 0;
}

/* Grid-Filter - DRHV-Grey Light */

#main .vc_grid-filter-color-drhv-lightgrey .vc_grid-filter-item {
    background-color: var(--sth-grey-light);
}

#main .vc_grid-filter-color-drhv-lightgrey .vc_grid-filter-item.vc_active {
    background-color: var(--sth-grey-light);
}

#main .vc_grid-filter-color-drhv-lightgrey .vc_grid-filter-item>span {
    color: var(--sth-grey-light);
}

#main .vc_grid-filter-color-drhv-lightgrey .vc_grid-filter-item.vc_active>span {
    color: var(--sth-grey-dark);
}

/** OWL DOTS Pagination - DRHV-Grey Light*/
#main .vc_grid-owl-dots-color-drhv-lightgrey .vc_grid-owl-dot {
    color: var(--sth-grey-light);
}

#main .vc_grid-owl-dots-color-drhv-lightgrey .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-lightgrey .vc_grid-owl-dot.active {
    color: var(--sth-grey-dark);
}

/** Default - DRHV-Grey Light */

#main .vc_pagination.vc_pagination-color-drhv-lightgrey .vc_pagination-item {
    background-color: var(--sth-grey-light);
    color: var(--sth-grey-dark);
}

#main .vc_pagination.vc_pagination-color-drhv-lightgrey .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-lightgrey .vc_pagination-item.vc_active {
    background-color: var(--sth-grey-light);
    color: var(--sth-grey-dark);
}

/** Tabs - DRHV-Grey Light */

#main .vc_tta-color-drhv-lightgrey .vc_tta-tab,
#main .vc_tta-color-drhv-lightgrey .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-light);
}

#main .vc_tta-color-drhv-lightgrey .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-lightgrey .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-grey-light);
    color: var(--sth-grey-dark);
}

/******************************* DRHV-Grey Bright */

#main .vc_btn3-color-drhv-lightgrey,
#main .vc_cta3-color-drhv-lightgrey,
#main .vc_message_box.vc_color-drhv-lightgrey {
    background-color: var(--sth-grey-bright);
    color: var(--sth-grey-dark);
}

#main .vc_btn3-color-drhv-lightgrey:hover,
#main .vc_cta3-color-drhv-lightgrey:hover,
#main .vc_message_box.vc_color-drhv-lightgrey:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Grey Bright **/
#main .vc_icon_element-color-drhv-brightgrey {
    color: var(--sth-grey-bright);
}

#main .vc_icon_element-background-color-drhv-brightgrey {
    background-color: var(--sth-grey-bright);
}

/** Single Image DRHV-Grey Bright  **/

#main .wpb_single_image .vc_box_border_drhv-brightgrey {
    background-color: var(--sth-grey-bright);
}

/** Seperator - DRHV-Grey Bright **/
#main .vc_separator.vc_sep_color_drhv-brightgrey .vc_sep_line {
    border-color: var(--sth-grey-bright);
}

#main .vc_sep_color_drhv-brightgrey h4 {
    color: var(--sth-grey-bright);
    margin: 0;
}

/* Grid-Filter - DRHV-Grey Bright */

#main .vc_grid-filter-color-drhv-brightgrey .vc_grid-filter-item {
    background-color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-brightgrey .vc_grid-filter-item.vc_active {
    background-color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-brightgrey .vc_grid-filter-item>span {
    color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-brightgrey .vc_grid-filter-item.vc_active>span {
    color: var(--sth-grey-dark);
}

/** OWL DOTS Pagination - DRHV-Grey Bright */
#main .vc_grid-owl-dots-color-drhv-brightgrey .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-brightgrey .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-brightgrey .vc_grid-owl-dot.active {
    color: var(--sth-grey-dark);
}

/** Default - DRHV-Grey Bright */

#main .vc_pagination.vc_pagination-color-drhv-brightgrey .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-grey-dark);
}

#main .vc_pagination.vc_pagination-color-drhv-brightgrey .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-brightgrey .vc_pagination-item.vc_active {
    background-color: var(--sth-grey-bright);
    color: var(--sth-grey-dark);
}

/** Tabs - DRHV-Grey Bright */

#main .vc_tta-color-drhv-brightgrey .vc_tta-tab,
#main .vc_tta-color-drhv-brightgrey .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-brightgrey .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-brightgrey .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-grey-bright);
    color: var(--sth-grey-dark);
}


/******************************* DRHV-Grey Dark */

#main .vc_btn3-color-drhv-darkgrey,
#main .vc_cta3-color-drhv-darkgrey,
#main .vc_message_box.vc_color-drhv-darkgrey {
    background-color: var(--sth-grey-dark);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-darkgrey:hover,
#main .vc_cta3-color-drhv-darkgrey:hover,
#main .vc_message_box.vc_color-drhv-darkgrey:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Grey Dark **/
#main .vc_icon_element-color-drhv-darkgrey {
    color: var(--sth-grey-dark);
}

#main .vc_icon_element-background-color-drhv-darkgrey {
    background-color: var(--sth-grey-dark);
}

/** Single Image DRHV-Grey Dark **/

#main .wpb_single_image .vc_box_border_drhv-darkgrey {
    background-color: var(--sth-grey-dark);
}

/** Seperator - DRHV-Grey Dark **/
#main .vc_separator.vc_sep_color_drhv-darkgrey .vc_sep_line {
    border-color: var(--sth-grey-dark);
}

#main .vc_sep_color_drhv-darkgrey h4 {
    color: var(--sth-grey-dark);
    margin: 0;
}

/* Grid-Filter - DRHV-Grey Dark */

#main .vc_grid-filter-color-drhv-darkgrey .vc_grid-filter-item {
    background-color: var(--sth-white);
}

#main .vc_grid-filter-color-drhv-darkgrey .vc_grid-filter-item.vc_active {
    background-color: var(--sth-grey-dark);
}

#main .vc_grid-filter-color-drhv-darkgrey .vc_grid-filter-item>span {
    color: var(--sth-grey-dark);
}

#main .vc_grid-filter-color-drhv-darkgrey .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Grey Dark */
#main .vc_grid-owl-dots-color-drhv-darkgrey .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-darkgrey .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-darkgrey .vc_grid-owl-dot.active {
    color: var(--sth-grey-dark);
}

/** Default - DRHV-Grey Dark */

#main .vc_pagination.vc_pagination-color-drhv-darkgrey .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-darkgrey .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-darkgrey .vc_pagination-item.vc_active {
    background-color: var(--sth-grey-dark);
    color: var(--sth-white);
}

/** Tabs - DRHV-Grey Dark */

#main .vc_tta-color-drhv-darkgrey .vc_tta-tab,
#main .vc_tta-color-drhv-darkgrey .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-darkgrey .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-darkgrey .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-grey-dark);
    color: var(--sth-white);
}

/******************************* DRHV-Green */

#main .vc_btn3-color-drhv-green,
#main .vc_cta3-color-drhv-green,
#main .vc_message_box.vc_color-drhv-green {
    background-color: var(--sth-positive);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-green:hover,
#main .vc_cta3-color-drhv-green:hover,
#main .vc_message_box.vc_color-drhv-green:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Green **/
#main .vc_icon_element-color-drhv-green {
    color: var(--sth-positive);
}

#main .vc_icon_element-background-color-drhv-green {
    background-color: var(--sth-positive);
}

/** Single Image DRHV-Green**/

#main .wpb_single_image .vc_box_border_drhv-green {
    background-color: var(--sth-positive);
}

/** Seperator - DRHV-Green **/
#main .vc_separator.vc_sep_color_drhv-green .vc_sep_line {
    border-color: var(--sth-positive);
}

#main .vc_sep_color_drhv-green h4 {
    color: var(--sth-positive);
    margin: 0;
}

/* Grid-Filter - DRHV-Green */

#main .vc_grid-filter-color-drhv-green .vc_grid-filter-item {
    background-color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-green .vc_grid-filter-item.vc_active {
    background-color: var(--sth-positive);
}

#main .vc_grid-filter-color-drhv-green .vc_grid-filter-item>span {
    color: var(--sth-positive);
}

#main .vc_grid-filter-color-drhv-green .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Green */
#main .vc_grid-owl-dots-color-drhv-green .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-green .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-green .vc_grid-owl-dot.active {
    color: var(--sth-positive);
}

/** Default - DRHV-Green */

#main .vc_pagination.vc_pagination-color-drhv-green .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-green .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-green .vc_pagination-item.vc_active {
    background-color: var(--sth-positive);
    color: var(--sth-white);
}

/** Tabs - DRHV-Green */

#main .vc_tta-color-drhv-green .vc_tta-tab,
#main .vc_tta-color-drhv-green .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-green .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-green .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-positive);
    color: var(--sth-white);
}

/******************************* DRHV-Red */

#main .vc_btn3-color-drhv-red,
#main .vc_cta3-color-drhv-red,
#main .vc_message_box.vc_color-drhv-red {
    background-color: var(--sth-negative);
    color: var(--sth-white);
}

#main .vc_btn3-color-drhv-red:hover,
#main .vc_cta3-color-drhv-red:hover,
#main .vc_message_box.vc_color-drhv-red:hover {
    filter: brightness(1.2);
}

/** Icon - DRHV-Red **/
#main .vc_icon_element-color-drhv-red {
    color: var(--sth-negative);
}

#main .vc_icon_element-background-color-drhv-red {
    background-color: var(--sth-negative);
}

/** Single Image DRHV-Red **/

#main .wpb_single_image .vc_box_border_drhv-red {
    background-color: var(--sth-negative);
}

/** Seperator - DRHV-Red **/
#main .vc_separator.vc_sep_color_drhv-red .vc_sep_line {
    border-color: var(--sth-negative);
}

#main .vc_sep_color_drhv-red h4 {
    color: var(--sth-negative);
    margin: 0;
}

/* Grid-Filter - DRHV-Red */

#main .vc_grid-filter-color-drhv-red .vc_grid-filter-item {
    background-color: var(--sth-grey-bright);
}

#main .vc_grid-filter-color-drhv-red .vc_grid-filter-item.vc_active {
    background-color: var(--sth-negative);
}

#main .vc_grid-filter-color-drhv-red .vc_grid-filter-item>span {
    color: var(--sth-negative);
}

#main .vc_grid-filter-color-drhv-red .vc_grid-filter-item.vc_active>span {
    color: var(--sth-white);
}

/** OWL DOTS Pagination - DRHV-Red */
#main .vc_grid-owl-dots-color-drhv-red .vc_grid-owl-dot {
    color: var(--sth-grey-bright);
}

#main .vc_grid-owl-dots-color-drhv-red .vc_grid-owl-dot:hover {
    filter: brightness(1.2);
}

#main .vc_grid-owl-dots-color-drhv-red .vc_grid-owl-dot.active {
    color: var(--sth-negative);
}

/** Default - DRHV-Red */

#main .vc_pagination.vc_pagination-color-drhv-red .vc_pagination-item {
    background-color: var(--sth-grey-bright);
    color: var(--sth-white);
}

#main .vc_pagination.vc_pagination-color-drhv-red .vc_pagination-item:hover {
    filter: brightness(1.2);
}

#main .vc_pagination.vc_pagination-color-drhv-red .vc_pagination-item.vc_active {
    background-color: var(--sth-negative);
    color: var(--sth-white);
}

/** Tabs - DRHV-Red */

#main .vc_tta-color-drhv-red .vc_tta-tab,
#main .vc_tta-color-drhv-red .vc_tta-panel .vc_tta-panel-title {
    color: var(--sth-grey-dark);
    background-color: var(--sth-grey-bright);
}

#main .vc_tta-color-drhv-red .vc_tta-tab.vc_active,
#main .vc_tta-color-drhv-red .vc_tta-panel.vc_active .vc_tta-panel-title {
    background-color: var(--sth-negative);
    color: var(--sth-white);
}

/* Default Read More Button */

#main .vc_btn3.vc_btn3-color-juicy-pink {
    background-color: var(--sth-main-color);
    color: var(--sth-white);
    padding: 3px 6px;
    border-radius: 0;
}

#main .vc_btn3.vc_btn3-color-juicy-pink:hover {
    background-color: var(--sth-accent);
    color: var(--sth-white);
}

/** VC - Message **/

#main .vc_message_box p {
    margin: 0;
}

/* Standart orange */

.vc_cta3.vc_cta3-color-orange,
.vc_btn3.vc_btn3-color-orange {
    background-color: var(--sth-accent) !important;
    color: var(--sth-white) !important
}

.vc_btn3.vc_btn3-color-orange:hover {
    background-color: var(--sth-main-color-bright) !important;
}

/* Standart blue */

.vc_cta3.vc_cta3-color-blue,
.vc_btn3.vc_btn3-color-blue {
    background-color: var(--sth-main-color) !important;
    color: var(--sth-white) !important;
}

.vc_btn3.vc_btn3-color-blue:hover {
    background-color: var(--sth-accent) !important;
}

/* Social Buttons under Article */

.single-share-box .share-buttons a {
    font-family: FontAwesome !important;
}

/* Under Single Image Margin */

.wpb_button,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
    margin-top: 10px;
}

/* Textares and Stuff */

#page select,
#page textarea,
#page input {
    border: 1px solid var(--sth-main-color);
}

/* News-Masonry */

.blog-shortcode.blog-masonry-shortcode-id-1:not(.centered-layout-list) div.post-entry-content {
    padding: 20px 0px 20px 0px;
}

.blog-shortcode .dt-css-grid {
    grid-row-gap: 2rem;
    grid-column-gap: 1.5rem;
}

.blog-shortcode article.post h3.entry-title {
    font-size: small;
    margin: 0 0 0 0 !important;
    line-height: 1.1rem;
}

.blog-shortcode article.post h3.entry-title a{
    font-weight: 700;
}

/* Paginator - Standart */

.paginator {
    margin-top: 20px;
    margin-bottom: 40px;
    align-items: left;
    justify-content: left;
    padding: 10px 0;
    border-top: 1px solid var(--sth-main-color);
}

/* Post-Navigation */

.post-navigation{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.post-navigation .nav-links {
    border-color: var(--sth-main-color);
}

.post-navigation .nav-links .fa {
    color: var(--sth-main-color);
}

.post-navigation .nav-links .fa:hover {
    color: var(--sth-main-color-bright);
}

/* Related Posts */

.single-related-posts{}

.single-related-posts h3{
    font-family: 'Roboto';
    font-size: medium;
    font-weight: 600;
    background-color: var(--sth-main-color);
    color: var(--sth-white);
    padding: 3px 5px;
}

.single-related-posts .post-content>a, .recent-posts a{
    line-height: normal;
}

/* Widgets - Title */

.sidebar .widget,
.sidebar-content .widget {
    /* padding-top: 15px; */
    border-top: none;
}

.sidebar-content .widget-title {
    padding: 5px 0px 5px 10px;
    color: var(--sth-white);
    background: var(--sth-main-color);
}

/* Scroll-Top Button */

.scroll-top {
    background-color: var(--sth-main-color-bright);
}

/* Edit - Link */

.edit-link {
    padding: 5px 10px;
    background-color: var(--sth-accent);
    color: var(--sth-white) !important;
    font-size: 12px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.edit-link:hover {
    background-color: var(--sth-main-color);
}

/* Filter - General */

#main .filter {
    margin-bottom: 1.3rem;
}

/* Filter - Categories */

.filter-categories {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
}

.filter-categories A {
    padding: 5px 10px 5px 10px;
}

.filter-bg-decoration .filter-categories a,
.filter-bg-decoration .filter-categories a.act:after {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


/* Rollover-Content */

.rollover-content .rollover-content-container {
    background-color: var(--sth-main-color);
}

/* ######################################################## DT-7 - Elements */

/* h2-fancy-titel-seperator */

.dt-fancy-separator {
    margin: 0.5rem 0 0 0 !important;
    padding: 1rem 0 1rem 0 !important;
    font-size: 1rem;
    line-height: 1.1rem;
    text-align: center !important;
}

div.vc_row:first-child .dt-fancy-separator.title-left,
div.vc_row:first-child .dt-fancy-separator.title-right,
div.vc_row:first-child .dt-fancy-separator.title-center {
    margin: 0px 0 10px 0;
}

/* Fancy - Heading */

.dt-fancy-title,
.dt-fancy-separator.title-left .dt-fancy-title,
.dt-fancy-separator.title-right .dt-fancy-title {
    background: var(--sth-main-color) url(./assets/img/ecke_Element_6px_orange_oben.png) top left no-repeat;
    color: var(--sth-white);
    font-family: 'Square Slabserif';
    border: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px !important;
    padding-right: 10px;
    margin: 0px 0px;
    text-transform: uppercase;
}

.dt-fancy-separator .dt-fancy-title .separator-holder {
    border-color: var(--sth-main-color) !important;
    border-width: thin;
}

/* Tab-Panel */

/* .vc_tta-tab a {
    background-color: var(--sth-main-color) !important;
    color: var(--sth-white) !important;
    padding: 6px 25px !important;
}

.vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
    border: 0;
    background-color: var(--sth-main-color);
}

.vc_tta-tab.vc_active>a {
    background-color: var(--sth-accent) !important;
    color: var(--sth-white) !important;
} */

/* BILDER - Gallerien */

/* pswp */

.pswp .pswp__bg {
    background: var(--sth-main-color);
}

/****************************** My Next Homegame - Window */

.NextHomegame>.vc_column-inner .wpb_wrapper {
    /* height: -webkit-fill-available;
    height: fit-content; */
    height: 100%;
}

/* NHG-Container */

.drhv_nhg_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flexbox;
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    justify-content: stretch;
    background-image: url(./assets/img/drhv_backgrounds/drhv_background_arena_2_dunkelblau_70.png);
    background-position: 10% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0;
    height: 100%;
}

/* NHG-Container - Head */

.drhv_nhg_container .drhv_nhg_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    color: var(--sth-white);
    background-color: rgba(var(--sth-main-color-tupel), 1);
    /* border-bottom: 1px solid var(--sth-accent); */
    gap: 10px;
}

.drhv_nhg_container .drhv_nhg_head_info_cont {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 1;
    width: 100%;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    width: -webkit-fill-available;
    line-height: normal;
    font-size: x-small;
    text-align: right;
    font-weight: 600;
    padding: 0 0.5rem 0 0;
    gap: 0.8rem;
}


.drhv_nhg_container .drhv_nhg_head_comp_container {
    max-width: 160px;
}

/* NHG Title */

.drhv_nhg_container .drhv_nhg_title {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    position: relative;
    flex: 2 1;
    padding: 5px 5px;
}

.drhv_nhg_container .drhv_nhg_title .nhg_title_img {
    display: block;
    height: 80px;
    width: auto;
    position: absolute;
}

.drhv_nhg_container .drhv_nhg_head .drhv_nhg_title H2 {
    color: var(--sth-white);
    padding: 0.2rem 0 0.2rem 0rem;
    margin: 0px 0 0 86px !important;
    font-size: x-large;
    line-height: normal;
    /* margin: 0 !important; */
}

/** EXTRA HEADER */
.drhv_nhg_container .drhv_nhg_extra-header{
    padding: 0.4rem 0.5rem;
}

/* .drhv_nhg_container .drhv_nhg_extra-header .nhg_countdown_area{} */

.drhv_nhg_container .drhv_nhg_extra-header .nhg_infoarea{
    line-height: normal;
    position: relative;
}

.drhv_nhg_container .drhv_nhg_extra-header .match_info{
    line-height: normal;
    position: absolute;
    width: max-content;
    padding: 0px 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    left: 0;
    right: 0;
    text-align: center;
    background-color: var(--sth-accent);
    font-weight: 500;
}

/* NHG-ContentContainer NO-Data */

.drhv_nhg_container .nhg_no_data {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    min-height: 300px;
    /* color: var(--sth-white); */
}

.drhv_nhg_container .nhg_no_data IMG {
    width: 90px;
    height: 90px;
}

.drhv_nhg_container .nhg_no_data P {
    padding: 0px 5px;
    background: var(--sth-main-color-bright);
    margin: 0;
    font-weight: 600;
}

/* NHG-ContentContainer */

.drhv_nhg_container .drhv_nhg_content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* width: 100%; */
    flex-flow: column nowrap;
    justify-content: flex-start;
    /* height: 100%; */
    padding: 0 .5rem;
    min-height: 195px;
    min-height: inherit;
    flex: 3;
}

/** NHG Countdown */

.drhv_nhg_container .nhg_countdown {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.4rem 0 0rem 0;
    font-family: 'Square Slabserif', 'Roboto, Arial, sans-serif';
    list-style: none;
    margin: 0;
}

.drhv_nhg_container .nhg_countdown>li {
    background-color: rgba(var(--sth-main-color-bright-tupel), .7);
    color: var(--sth-white);
    font-size: small;
    flex: 1 2 125px;
    text-align: center;
    margin: 0;
}

.drhv_nhg_container .nhg_countdown>li>span {
    color: var(--sth-white);
    padding-left: .5rem;
}

/* NHG-Sponsor */

.drhv_nhg_container .drhv_nhg_match_sponsor_cont {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    flex-flow: column wrap;
    flex: 1;
    align-items: flex-end;
    gap: 3px;
    /* margin: 0; */
    /* margin-bottom: 0px; */
    /* line-height: normal; */
    justify-content: center;
    padding: 3px 5px 3px 0;
}

.drhv_nhg_container .drhv_nhg_match_sponsor_cont SPAN {
    min-width: 4.5rem;
    font-size: xx-small;
    line-height: normal;
    color: var(--sth-accent);
    font-weight: 500;
}

.drhv_nhg_container .drhv_nhg_match_sponsor_cont .sponsorspro-match-single {
    margin: 0;
    text-align: unset;
    width: unset;
}

.drhv_nhg_container .drhv_nhg_match_sponsor_cont IMG.sponsorspro-img {
    /* width: auto; */
    max-width: 75px;
    /* max-height: 75px; */
    background: white;
    padding: 5px;
    display: block;
    height: auto;
}

.drhv_nhg_container .drhv_nhg_match_sponsor_cont .sponsorspro-single {
    display: initial;
}

.drhv_nhg_container .drhv_nhg_match_sponsor_cont .sponsorspro-single a {
    display: inherit;
}

/* NHG-Match Detail */

.drhv_nhg_container .drhv_nhg_match_detail_cont {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: stretch;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    height: 100%;
    /* min-height: 170px; */
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_club_cont {
    flex: 3;
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_club_content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 150px;
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_club_cont IMG {
    width: 70px;
    height: auto;
}

.drhv_nhg_container .drhv_nhg_content .drhv_nhg_match_detail_cont .nhg_club_cont .nhg_club_content H2 {
    line-height: normal;
    font-size: larger;
    text-align: center;
    margin: 0px;
    color: var(--sth-white);
    /* background: var(--sth-main-color-dark); */
}

.drhv_nhg_container .drhv_nhg_full_result{
    
display: flex;
    
flex-flow: column nowrap;
    
align-items: center;
    
justify-content: center;
    
/* flex: 1; */
    
gap: 0.3rem;
    
/* height: 100%; */
}

.drhv_nhg_container .drhv_nhg_comp_img{
    height: auto;
    width: 50px;
    padding-bottom: 10px;
    /* flex: 1; */
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_result {
    /* display: flex;
    flex-flow: column; */
    position: relative;
    font-size: 1.5rem;
    font-family: 'Square Slabserif';
    background-color: var(--sth-grey-light);
    color: var(--sth-main-color);
    padding: 0.3rem;
    /* height: 28px; */
    /* width: 40px; */
    gap: 20px;
    overflow: hidden;
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_result.score_change{
    background-color: rgba(var(--sth-main-accent-tupel), 0.2);
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_main_result {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--sth-white);
    text-align: center;
    /* font-size: 2.9rem; */
    /* flex: 3; */
}

.drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_halftime{
    
text-align: center;
    
color: var(--sth-white);
    
background-color: rgba(var(--sth-main-color-tupel), 0.5);
    
font-weight: 700;
    
padding: 1px 5px;
}

/* NHG Extra */

.drhv_nhg_extra {
    margin: 0;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    border-top: 1px solid var(--sth-main-color-bright);
    background: rgba(var(--sth-main-color-bright-tupel), 0.3);
    padding: 0.3rem .5rem 0.4rem .5rem;
    line-height: normal;
}

.drhv_nhg_extra .nhg_extra_left {
    flex: 1;
    text-align: left;
}

.drhv_nhg_extra .nhg_extra_left a.nhg_extra_button_tickets,
.drhv_nhg_extra .nhg_extra_left a.nhg_extra_button_liveticker,
.drhv_nhg_extra .nhg_extra_left a.nhg_extra_button_livestream {
    border-bottom: 2px var(--sth-accent) solid;
}

.drhv_nhg_extra .nhg_extra_right {
    flex: 1;
    text-align: right;
}

.drhv_nhg_extra A {
    padding: 0px 5px;
    background-color: var(--sth-main-color-middle);
    color: var(--sth-white);
    font-size: 0.75rem;
    text-decoration: none;
    white-space: nowrap;
}

.drhv_nhg_extra A:hover {
    background-color: var(--sth-accent) !important;
}

/* NHG - Footer */

.drhv_nhg_footer {
    background-color: rgba(var(--sth-main-color-dark-tupel), 1);
    border-top: 1px solid var(--sth-accent);
    padding: 7px 5px;
    color: var(--sth-white);
    font-size: x-small;
    text-align: center;
    display: flex;
    font-weight: 500;
    line-height: normal;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    /* max-height: 21px; */
}

.drhv_nhg_footer STRONG{
    
margin-left: 5px;
}

/************ Startseite: DRHV_INFO_ROW */

#DRHV_Info_Row .drhv-single-sponsor IMG.sponsorspro-img {
    max-width: 100%;
}

/************ Startseite: Frauen-News-Container */

#FrauenNewsContainer .post-entry-content {
    padding: 1rem 0;
}

#FrauenNewsContainer .post-entry-content {
    padding: 1rem 0;
}

#FrauenNewsContainer .post-entry-content h3.entry-title {
    line-height: 1.6rem;
    font-size: medium;
    font-weight: 700;
}

#FrauenNewsContainer .vc_btn3-container {
    margin: 1rem 0 0 0;
}

/************ Startseite: Zusatz-News-Container */

#ZusatzNewsContainer .wf-container {
    margin: 0;
}

/** Amateur News Container in Zusatznews */

#ZusatzNewsContainer .amateurNewsContainer .post-content {
    line-height: 1.3rem;
}

#ZusatzNewsContainer .amateurNewsContainer .items-grid {
    margin-top: 1rem;
}

#ZusatzNewsContainer .amateurNewsContainer .items-grid .wf-cell {
    padding: 0;
    margin-bottom: 3.2rem;
    height: 2.5rem;
}

/** Presse News Container in Zusatznews */

#ZusatzNewsContainer .presseNewsContainer .post-thumbnail-wrap {
    margin-top: -35px;
}

#ZusatzNewsContainer .presseNewsContainer .entry-title {
    line-height: 1.3rem;
    font-size: 16px;
    color: var(--sth-main-color-dark);
    min-height: 3.7rem;
}

#ZusatzNewsContainer .presseNewsContainer .entry-title a {
    color: var(--sth-white);
    -webkit-text-fill-color: var(--sth-white);
}

#ZusatzNewsContainer .presseNewsContainer .post-entry-content {
    background-color: var(--sth-main-color);
}

#ZusatzNewsContainer .presseNewsContainer .post-thumbnail img {
    width: 5.6rem;
    margin-top: 0.8rem;
}

#ZusatzNewsContainer .presseNewsContainer .vc_btn3-container {
    margin: 1rem 0 0 0;
}

/* Revolution Slider */
#SR7_1_1 H2.sr7-layer,
#SR7_1_1 A.sr7-layer {
    font-family: 'Square Slabserif' !important;
}

#SR7_1_1 .wpcm_metadata_box{
    top: 10px;
    right: 10px;
    gap: 5px;
}

#SR7_1_1 .wpcm_metadata_box IMG{
    width: 3rem;
}

/** WPCM META BOX */

#main .wpcm_metadata_box{
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 20;
    display: flex;
    gap: 5px;
    flex-flow: column;
    line-height: normal;
    margin: 0;
    padding: 0;
}

#main .wpcm_metadata_box IMG{
    width: 2rem;
    height: auto;
}

#main .drhv_post_container .wpcm_metadata_box{
    top: 5px;
    right: 10px;
    gap: 0px;
}

#main .blog-shortcode .wpcm_metadata_box{
    flex-flow: row;
    right: 7px;
    top: 5px;
    gap: 5px;
}

#main .blog-shortcode .wpcm_metadata_box IMG{
    width: 2.4rem;
}


/* pageGridArea */

.pageGridArea .vc_row {
    margin-top: 0;
}

.pageGridArea .wpb_single_image {
    padding: 0 1rem;
}

.pageGridArea .vc_column-inner:first-child {
    padding-top: 0;
}

/********************************** PRESSE */

/* Presse-Post */

.category-presse.post:not(.type-event) .post-thumbnail {
    position: initial;
    display: flex;
    justify-content: center;
}

.blog-shortcode .category-presse.post:not(.type-event) .post-thumbnail img {
    max-width: 100%;
}

.category-presse.post:not(.type-event) .post-thumbnail img {
    max-width: 12rem;
}

/**** MARKETING  */

#MarketingStones .wpb_column .vc_column-inner {
    padding: 2rem;
}

#MarketingStones .vc_row.vc_column-gap-20 {
    margin-left: auto;
    margin-right: auto;
}

#MarketingStones H3 {
    text-align: center;
    color: var(--sth-white);
}

#MarketingStones p {
    text-align: justify;
    color: var(--sth-white);
}

#MarketingStones .drhv-sponsorstone-blue,
#MarketingStones .drhv-sponsorstone-grey {
    color: var(--sth-white);
}

#MarketingStones .drhv-sponsorstone-white {
    color: var(--sth-grey-dark);
}

/** Contact-Form-Overrides */

#page .popup-message-style .wpcf7-mail-sent-ok{
    background-color: var(--sth-positive);
}

#page .popup-message-style .wpcf7-validation-errors{
     background-color: var(--sth-negative);
}

/******************************* Bildergallery */

article.dt_gallery {
    background: var(--sth-main-color) url(./assets/img/ecke_Element_60px_weiss_oben.png) top left no-repeat !important;
    padding-bottom: 10px;
}

article.dt_gallery .project-list-media {
    padding: 10px 0 10px;
}

article.dt_gallery .project-list-content {
    margin: 0 !important;
    padding: 0;
}

article.dt_gallery .project-list-content>:last-child {
    margin: 0 !important;
    padding: 0;
}

article.dt_gallery .project-list-content h3.entry-title {
    margin: 0 !important;
    padding: 0;
}

article.dt_gallery .project-list-content h3.entry-title a {
    font-family: "Square Slabserif";
    color: var(--sth-white);
    padding: 3px 10px;
}

article.dt_gallery .project-list-content .entry-meta.portfolio-categories .num-of-images {
    color: var(--sth-white);
    flex: auto;
}

/******************************* Impressum */


/* VC DES Gallery by Key  */

/* #des-gallery-by-key {} */

.des-gallery-by-key .des-gbk-ulist {
    display: flex;
    display: -ms-flexbox;
    ;
    justify-content: space-evenly;
    flex-flow: row wrap;
    list-style: none;
    gap: 1rem;
    padding: 0;
    margin: 0;
}

.des-gallery-by-key .des-gbk-ulist .des-gbk-pictures {
    flex: 1 1 250px;
    text-align: center;
}

.des-gallery-by-key .des-gbk-ulist .des-gbk-pictures IMG {
    max-width: 100%;
    max-height: 400px;
    aspect-ratio: 16/9;
    object-fit: contain;
}

/* Video in Posts */

#content article.category-allgemein .entry-content iframe {
    max-height: 400px;
}

/******************************************************* GST - Overides */

TABLE.gst-standings, 
TABLE.gst-results{

}

/** GST-Tabellen */

TABLE.gst-standings TR.marked {
    background-color: var(--sth-main-color-middle) !important;
    color: var(--sth-white);
}

TABLE.gst-standings THEAD,
TABLE.gst-results THEAD {
    background: rgba(var(--sth-main-color-tupel), 0.3);
}

TABLE.gst-standings TR:nth-child(even),
TABLE.gst-results TR:nth-child(even){
    background: rgba(var(--sth-main-color-tupel), 0.1);
}

TABLE.gst-standings TR.gst-up{
    background-color: var(--sth-positive) !important;
    color: white;    
}

TABLE.gst-standings TR.gst-down{
    background-color: var(--sth-negative) !important;
    color: white;   
}

/** GST-Ergebnisse */

TABLE.gst-results .result-loss { 
    background-color: var(--sth-negative) !important;
}

TABLE.gst-results .result-win { 
    background-color: var(--sth-positive) !important;
}

/* Widget */


.textwidget TABLE.gst-results,
.textwidget TABLE.gst-standings{
    margin-bottom: 1rem;
}

.textwidget TABLE.gst-results:last-child,
.textwidget TABLE.gst-standings:last-child{
    margin-bottom: -1rem;
}

/* ***************************************************** Team -Table ****** */

.drhv-team-table TABLE {
    font-size: 0.75rem;
}

/**************************************************** BLOG - Caroussel */

/********************* SPONSORS */

.default-sponsor-area .vc_pageable-slide-wrapper {
    margin-right: 0 !important;
    display: flex;
    flex-flow: wrap;
    justify-content: left;
}

.default-sponsor-area .vc_pageable-slide-wrapper .vc_grid-item {
    padding: 20px;
    max-width: 45%;
}

/* Bottom Bar */

#branding-bottom a img {
    width: 50px;
    height: 50px;
}

/* Kontaktformular  */

.wpcf7 form.wpcf7-form p LABEL {
    font-weight: 600;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: var(--sth-negative);
}

.wpcf7 form.valid .wpcf7-response-output,
.wpcf7 form.accepted .wpcf7-response-output {
    background-color: var(--sth-positive);
}

.wpcf7-quiz.wpcf7-not-valid,
input.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: var(--sth-negative);
}

/** DRHV Price Table */

.drhv-ticket-table {
    width: -webkit-fill-available;
}

.drhv-ticket-table TH,
.drhv-ticket-table TD {
    text-align: center;
}

.drhv-ticket-table .drhv-ticket-header {
    padding: unset !important;
}

/* *********************************************************************    ** MEDIA QUERY - 526 PX ** *************/

@media screen and (min-width: 526px) {
    
    /* #page .page-title .entry-title {
		
	} */
    #page .page-title h1 {
        padding-left: 0;
        /* font-size: 2rem !important; */
        /* line-height: 2.2rem !important; */
    }

    /* DRHV - Teamtable500 */
    .drhv-team-table TABLE {
        font-size: 1rem;
    }
}


/* ***************************************************************** SPECIAL FOR TITLES ***** */

@media screen and (min-width: 699px) {
    /* .mobile-header-space {
        height: 145px !important;
    } */

    /* Special for Nachwuchs */
    #page .page-title H1 .symbol {
        margin: 0 1rem 0 0;
    }

    #page .page-title H1>SPAN {
        margin-left: 1rem;
        flex-flow: row;
        /* align-items: flex-start; */
    }

    #main .dt-blog-shortcode .wpcm_metadata_box{
        right: 10px;
        top: 5px;
        gap: 5px;
    }

    #main .blog-shortcode .wpcm_metadata_box IMG{
        width: 2.4rem;
    }
}

/* *********************************************************************    ** MEDIA QUERY - 800 PX ** *************/

@media screen and (min-width: 880px) {

    /* Page-Title - 800 PX */
    #page .page-title h1 {
        text-align: left;
        padding-left: 1rem;
    }

    .page-title .wf-table {
        padding: 15px 0 15px 0;
    }

    /** Blog Msonry Titel - 800px */

    .blog-shortcode article.post h3.entry-title {
        font-size: medium;
        line-height: 1.2rem;
    }

    /*** fancy-seperator - 800px ******* */
    .dt-fancy-separator {
        font-size: 1.1rem;
        line-height: 1.3rem;
        margin: 1rem 0 1rem 0 !important;
        text-align: left !important;
        padding: 1rem 0 1rem 0 !important;
    }

    .dt-fancy-separator .dt-fancy-title {
        padding-left: .5rem !important;
        padding-right: 2rem;
        text-transform: uppercase;
    }

    /** PageGridArea  - 800 PX **/
    .pageGridArea .wpb_single_image {
        padding: 0 1rem !important;
        margin: 2rem 0;
    }

    /** WPCM Meta Data - 800px */

    #main .wpcm_metadata_box IMG{
        width: 3rem;
    }
    
    #main .drhv_post_container .wpcm_metadata_box{
        top: 10px;
        right: 10px;
        gap: 5px;
    }

    /******************** NHG - NEXT HOMEGAME - 800px */
    
    .drhv_nhg_container .drhv_nhg_head .drhv_nhg_title H2 {
        margin: 0;
        padding: 0;
        /* margin: 0px 0 0 100px !important; */
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        text-rendering: optimizeLegibility;
    }

    .drhv_nhg_container .drhv_nhg_head_info_cont {
        font-size: x-small;
    }

    .drhv_nhg_container .drhv_nhg_match_info_cont {
        padding: .2rem 0;
    }

    .drhv_nhg_container .drhv_nhg_match_info_cont .drhv_nhg_full_time_container {
        font-size: 0.8rem;
    }

    .drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_club_cont H2 {
        line-height: 1.4rem;
        font-size: x-large;
    }

    .drhv_nhg_container .nhg_countdown>div {
        font-size: medium;
    }

    .drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_result {
        font-size: 2rem;
        padding: 0.3rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        text-rendering: optimizeLegibility;
    }

    .drhv_nhg_container .drhv_nhg_match_detail_cont .nhg_club_cont IMG {
        width: 100px;
        height: auto;
    }

    .drhv_nhg_extra A {
        font-size: 0.8rem;
    }

    .drhv_nhg_footer {
        font-size: small;
    }

}

/* *********************************************************************    ** MEDIA QUERY - 1024 PX ** *************/

@media screen and (min-width: 1024px) {

    /** Page Titel */ 

    #page .page-title .wf-wrap{
        padding-top: 20px;
    }

    /* floating header main nav container  - 1024 PX */
    #phantom .with-logo .main-nav {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        padding: 0 0 0 1.5rem;
        margin: 0;
        align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        -webkit-align-content: center;
    }

      #phantom .widget-box{
        padding: 0 2rem 0 0;
      }

    /* floating header main nav link  - 1024 PX */
    #phantom .main-nav>li>a {
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
    }
}

/* *********************************************************************    ** MEDIA QUERY - 1279 PX ** *************/

@media screen and (min-width: 1279px) {

    .wpcm-widget .clubs .result-row {
        font-size: 1.2rem;
    }

    .wpcm-widget .clubs .score {
        font-size: 1.2rem;
    }

    #phantom .main-nav>li>a {
        font-size: 100%;
    }
}