:root {
        --primaerfarve:	#10306e;
        --primaerfarveRGB: 16,48,110;
        --primaerfarveHSL: 220,75%,25%;
        --primaerfarveHSLsecond: 219,32%,44%;
        --primaerfarveHSLthird: 220,25%,63%;
        --primaerfarveHSLmodalbackground: 218,76%,5%;
        --sekundaerfarve: #10306e;
        --sekundaerfarveRGB: 16,48,110;
        --knap-inaktiv: #f3ced5;
        --labelfarve: #000000;
        --labelfarve-infoboks: #000000;
        --knaptekst-farve: #000000;
        --knaptekst-farveaktivhover:	#ffffff;
        --favoritfarve:	#10306e;
        --programfarve:	#10306e;
        --programstatus-baggrundfarve: #3f88c5;
        --programstatusikon-farve-paa-baggrund: #ffffff;
        --programstatusikon-farve: #ffffff;
    
        --tykkelse-kant : 1px;
        --padding-element :  0px;
        --rundehjoerner-knap: 3px;
        --rundehjoerner-filter-panel: 3px;
        --rundehjoerner-elementer: 3px;
    
        --billede-ikonstr: 3em;
        --billede-ikonstr-select: 2.5em;
        --billede-ikonstr-checkradio: 2em;
        --ikonstr: 1.5em;
        --ikonstr-select: 1.5em;
        --ikonstr-checkradio: 1.5em;
    
        --transparens-kontrolpanel: 1;
        --transparens-select-active: 1;
        --transparens-select-hover: 1;
    
        --transparens-element-border: 0;
        }
        .favoritfarve {
            color: var(--favoritfarve);
        }
        .programfarve {
            color: var(--programfarve);
        }
         .video_popup a::before {
            content: "\f144";
            font: var(--fa-font-solid);
            color: var(--primaerfarve);
            font-size: 20px;
        }
        .video_popup a:after {
            content: "\f144";
            font: var(--fa-font-regular);
            color: var(--sekundaerfarve);
        }