/* Properties Bethanien Stiftung - Portal */

@media all {

        :root {
            
            /* colors */
            
            --rgb-primary: 0, 77, 149;
            --rgb-primary-alt: 0, 50, 97;
                
            --rgb-secondary: 255, 150, 0;
            --rgb-secondary-alt: 204, 119, 0;
            
            --color-primary: rgb(var(--rgb-primary));
            --color-primary-alt: rgb(var(--rgb-primary-alt));
                
            --color-secondary:  rgb(var(--rgb-secondary));
            --color-secondary-alt:  rgb(var(--rgb-secondary-alt));
           
            --rgb-text: 51, 51, 51;
            --rgb-text-neg: 255, 255, 255;
            
            --color-text: rgb(var(--rgb-text));
            --color-text-neg: rgb(var(--rgb-text-neg));
            
            /* colors shared */
                
             --rgb-shared-gray: 245, 245, 245;
             --color-shared-gray: rgb(var(--rgb-shared-gray));
                
             --rgb-shared-primary: 0, 77, 149;
             --color-shared-primary: rgb(var(--rgb-shared-primary));
                
             --rgb-shared-secondary: 255, 150, 0;
             --color-shared-secondary: rgb(var(--rgb-shared-secondary));
                
             --gradient-shared-secondary: linear-gradient(90deg, rgb(255, 135, 0) 0%, rgb(255, 156, 0) 100% );
             --gradient-shared-secondary-alt: linear-gradient(90deg, rgb(209, 107, 0) 0%, rgb(209, 128, 0) 100% );
                
             --gradient-shared-header: linear-gradient(0deg, rgba(var(--rgb-primary), .1) 0%, rgb(255, 255, 255) 100%);
            
            /* sizes */
            
            --size-base: .3125rem;
            
            --size-x1: var(--size-base);
            --size-x2: calc(var(--size-base) * 2);
            --size-x3: calc(var(--size-base) * 3);
            --size-x4: calc(var(--size-base) * 4);
            --size-x6: calc(var(--size-base) * 6);
            --size-x8: calc(var(--size-base) * 8);
            --size-x12: calc(var(--size-base) * 12);
            --size-x16: calc(var(--size-base) * 16);
            --size-x32: calc(var(--size-base) * 32);
                
            --size-n1: calc(var(--size-base) * -1);
            --size-n2: calc(var(--size-base) * -2);
            --size-n3: calc(var(--size-base) * -3);
            --size-n4: calc(var(--size-base) * -4);
            --size-n6: calc(var(--size-base) * -6);
            --size-n8: calc(var(--size-base) * -8);
            --size-n12: calc(var(--size-base) * -12);
            --size-n32: calc(var(--size-base) * -32);
            
            --size-f2: calc(var(--size-base) / 2);
            
            /* stylings */
            
            --border-radius: .25rem;
            
            --box-shadow: 0 0 var(--size-x8) rgba(0, 0, 0, .08), 0 var(--size-x1) var(--size-x1) rgba(0, 0, 0, .0);
            --box-shadow-hover: 0 0 var(--size-x8) rgba(0, 0, 0, .08), 0 var(--size-x3) var(--size-x2) rgba(0, 0, 0, .04);
            
            /* animation */
                
            --animation-duration: .25s;
            --animation-type: ease;
                
            --animation-attributes: var(--animation-duration) var(--animation-type);
            --animation-default: all var(--animation-attributes);
            
            /* backgrounds */
                
            --background-header-display: none;
            --background-header-image: url(../Images/background_header.png);
                
            --background-footer-display: none;
            --background-footer-image: url(../Images/background_footer.png);
                
        }
    
    }