/*  header  */

.site-headbann  {  background-color: #0DB311; }
.headbann-image { }

.header-super-wrapper { max-width: 1220px; margin: 0 auto;  position:relative; }
.header-wrapper { max-width: 1050px; min-height: 140px; margin: 0 auto; }
.header-image { background-position: 160px center;  background-repeat: no-repeat; background-image: url(images/header-1980.png)}

.title-super-wrapper { position:relative; width: 720px; display: flex; justify-content: center; margin-left: auto; }
.title-wrapper { display: flex; flex-direction: column; align-items: center; width: fit-content; gap: 0; padding-top: 15px; }
.title-item { margin: 0; text-align: center; }

.site-title { font-size: 44px; line-height: 36px; font-family: "Palatino Linotype", serif; /* must be on p !! */ white-space: nowrap; font-weight: bold;}
.site-title-link { text-decoration: none;  color: white; }

.site-subtitle { font-style: oblique; color: white; font-size: 20px; line-height: 28px; word-spacing: 4px; }

@media (max-width: 1000px)
{
    .header-wrapper { min-height: 130px; }
    .header-image { background-position-x: 80px; background-image: url(images/header-1000.png)  }

    .site-title { font-size: 40px; line-height: 32px;}
    .site-subtitle { font-size: 19px; line-height: 24px;}
}

@media (max-width: 850px)
{
    .header-wrapper { min-height: 115px; }
    .header-image { background-position-x: 60px; background-image: url(images/header-850.png); }

    .title-super-wrapper {width: 75%; }
    .title-wrapper { padding-top: 8px; }

    .site-title { font-size: 36px; line-height: 28px;}
    .site-subtitle { font-size: 18px; line-height: 20px;}
}

@media (max-width: 670px)
{
    .header-image { background-position-x: 30px; }
}

@media (max-width: 600px)
{
    .header-image { background-position-x: 0; }
}

@media (max-width: 560px)
{
    .header-wrapper { min-height: 70px; }
    .site-title {  font-size: 30px; line-height: 22px; margin: 15px 0;}
    .site-subtitle { display: none; }
    .header-image { background-position-x: 25px; background-image: url("images/header-560.png"); }
    .title-super-wrapper { width: 90%; margin-right: 0; }
}


@media (max-width: 440px)
{
    .header-wrapper { min-height: 54px; }
    .site-title {  font-size: 26px; line-height: 18px; margin: 10px 0;}
    .header-image { background-position-x: 10px; background-image: url("images/header-560.png"); }
    .title-super-wrapper { width: 85%; /*margin-right: 0;*/ }

    /*.site-title { text-align: center; }*/
}