/*
Theme Name: SaalmannTheme Child Saalio
Theme URI: https://www.saalio.de
Author: KMD Medien GmbH
Author URI: https://www.kmd.de
Description: Child-Theme für Saalmann Parent-Theme
Template: saalmann-theme
Version: 1.0.0

------------------------------------------------------------------------
Build in: 01.2026
Last update: 19.01.2026
Copyright: KMD Medien GmbH – www.kmd.de
Made and Maintained with ♥ by KMD®

Saalio = blue
------------------------------------------------------------------------
*/


/*----------------------------------------------------------------------
colors
----------------------------------------------------------------------*/

:root {
    --portal-logo-file: url(img/saalio-logo.svg);
    --icon-lang: url(img/icon-lang-blue.svg);
    }


/*----------------------------------------------------------------------
global structure & normalize
----------------------------------------------------------------------*/

a {
    color: var(--primary-blue);
    }

a:focus-visible {
    outline: 1px solid var(--primary-blue);
    }

mark {
    background-color: var(--primary-blue);
    }

.skip-link:focus {
    background: var(--primary-blue);
    }


/*----------------------------------------------------------------------
Forms
----------------------------------------------------------------------*/

.button-first {
    background: var(--primary-blue);
    border: 1px solid var(--primary-blue);
    }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 1px solid var(--primary-blue);
    }

select {
    background: url(img/icon-drop-blue.svg) no-repeat right 20px center;
    background-size: 16px 16px;
    }


/*----------------------------------------------------------------------
Header
----------------------------------------------------------------------*/

 .portal-logo {
    background: var(--portal-logo-file) left center no-repeat;
    background-size: auto 55px;
    margin-top: -7.5px;
    }

.header-items .portal-logo a {
    display: block;
    width: 230px;
    height: 55px;
    }

.nav-and-info nav a:hover,
.nav-and-info nav a:focus {
    color: var(--primary-blue);
    }


/*----------------------------------------------------------------------
Main
----------------------------------------------------------------------*/

.is-our-product {
    background: var(--primary-blue);
    }

.color-ground {
    background: var(--light-blue);
    border-left: 3px solid var(--primary-blue);
    }

/*----------------------------------------------------------------------
Mobile-Styles
----------------------------------------------------------------------*/

@media only screen and (max-width: 700px) { 

     .portal-logo {
        background: var(--portal-logo-file) left center no-repeat;
        background-size: auto 35px;
        margin-top: -5px;
        }
    
    .header-items .portal-logo a {
        width: 150px;
        height: 35px;
        } 
}