/* font barlow */
@font-face { font-family: Barlow; font-weight: 100; font-style: normal; src: url('fonts/Barlow-Thin.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 100; font-style: italic; src: url('fonts/Barlow-ThinItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 200; font-style: normal; src: url('fonts/Barlow-ExtraLight.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 200; font-style: italic; src: url('fonts/Barlow-ExtraLightItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 300; font-style: normal; src: url('fonts/Barlow-Light.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 300; font-style: italic; src: url('fonts/Barlow-LightItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 400; font-style: normal; src: url('fonts/Barlow-Regular.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 400; font-style: italic; src: url('fonts/Barlow-Italic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 500; font-style: normal; src: url('fonts/Barlow-Medium.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 500; font-style: italic; src: url('fonts/Barlow-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 600; font-style: normal; src: url('fonts/Barlow-SemiBold.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 600; font-style: italic; src: url('fonts/Barlow-SemiBoldItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 700; font-style: normal; src: url('fonts/Barlow-Bold.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 700; font-style: italic; src: url('fonts/Barlow-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 800; font-style: normal; src: url('fonts/Barlow-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 800; font-style: italic; src: url('fonts/Barlow-ExtraBoldItalic.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 900; font-style: normal; src: url('fonts/Barlow-Black.ttf') format('truetype'); }
@font-face { font-family: Barlow; font-weight: 900; font-style: italic; src: url('fonts/Barlow-BlackItalic.ttf') format('truetype'); }
#kint         { position: relative; bottom: 0; }

:root       {
  --ff-header-height: 76.5px;
  --ff-footer-height: 145.5px;
}

@media (max-width: 991px) {
  :root   {
    --ff-header-height: 53.5px;
  }
}

body, html    { font-family: 'Barlow', sans-serif; font-size: 17px; color: black; }
html          { scroll-padding-top: var(--ff-header-height); }
body          { margin-top: var(--ff-header-height); }
main          { min-height: calc( 100vh - var(--ff-header-height) - var(--ff-footer-height) ); }
ul,dl 				{ list-style-type: none; }
b, strong     { font-weight: 500; }

h1            { margin-top: 0; font-weight: bold; font-size: 36px; margin-bottom: 5px; font-weight: normal; hyphens: auto; }
h2            { margin-top: 5px; font-size: 22px; margin-bottom: 5px; font-weight: normal; }

a           { color: black; text-decoration: underline dotted 1px; text-underline-offset: 3px; }
a:focus,
a:hover     { color: rgb(64,64,64); }


dt,
dd              { display: inline; }
dt              { font-weight: 500; }

dl,p,ul.addons  { margin-bottom: 1.5rem; }
ul.addons img   { margin-top: 0.5rem; }

ul              { margin: 0; padding: 0; }

header ,
footer     { background-color: white; }

.nobr           { white-space: nowrap; }

.home footer  { display: none; }


/*
#wrapper            { margin-top: var(--ff-header-height); margin-bottom: var(--ff-footer-height); }
*/

/* navbar */
nav .navbar-brand   { font-size: 17px; font-weight: 600; }
._navbar-nav>li>a                  { padding: 15px 10px; }

.ptitle       { position: absolute; bottom: 5em; left: 5em; display: block; backdrop-filter: blur(2px); background-color: rgb(92 92 92 / 40%); padding: 15px; border-radius: 15px; color: rgb(218,218,218); font-weight: 500; /*background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAABdJREFUGFdjAAKH////MzCAiP///zMAAEVQCTiqLnG1AAAAAElFTkSuQmCC');*/ }
a:hover .ptitle   { background-color: rgba(128 128 128 / 40%); color: rgb(242,242,242); }

.navbar-toggler       { padding: 0; border: none; }
.navbar-toggler:focus { box-shadow: none; }
.navbar-toggler-icon  { width: 18px; height: 18px; }

.title-navi li        { display: inline-block; }
.title-navi li.combi span,
.title-navi li a      { color: black; background: none; border: 1px solid grey; border-radius: 5px; text-decoration: none; padding: 1px 5px 3px 5px; margin-right: 5px; line-height: 15px; font-size: 17px; }
.title-navi li a:hover { background: lightgrey; }
.title-navi li.combi span { border-radius: 0px; margin-right: 0px; margin-left: 0px; border-left: 0px; border-right: 0px; }
.title-navi li.combi a.prev { padding-right: 4px; margin-right: 0; border-radius: 5px 0px 0px 5px; }
.title-navi li.combi a.next { padding-left: 4px; margin-left: 0; border-radius: 0px 5px 5px 0px; }



/* slider homepage */
#homeCover  { position: absolute; z-index: 1; top: var(--ff-header-height); left: 0; width: 100vw; height: calc( 100vh - var(--ff-header-height, 0px) ); margin: 0; padding: 0; }
#homeCover a { width: 100%; height: 100%; display: block; }

#stickerCover { position: absolute; z-index: 999; max-width: 60vh; bottom: 5vh; right: 5vh; margin: 0px; }
.stickerNews  { background-color: rgb(255,241,101); border-radius: 15px; width: 100%; padding: 10px 15px; }
.stickerNews a { text-decoration: none; }

@media (max-width: 991px) {
  #stickerCover {
    width: 100%;
    right: 0;
    bottom: 0;
  }
}



/* override owl carousel for project */
.grid,
.carousel   { aspect-ratio: 3/2; position: relative; }

.carousel,
.carousel-cell    { min-height: 100%; height: auto; z-index: 1020; }
.carousel.is-fullscreen          { z-index: 2000; }

.flickity-enabled.is-fullscreen   { padding-bottom: 0; background: white;  }

.flickity-prev-next-button,
.flickity-prev-next-button:hover    { background: transparent; }
.flickity-button:focus              { box-shadow: none; }
.flickity-prev-next-button svg      { display: none; }
.flickity-prev-next-button          { width: 50%; height: 100%; border-radius: 0; top: 0; transform: translateY(0); }


.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next     { right: 0; }

.flickity-fullscreen-button         { top: auto; bottom: 10px; }



.carousel-status                    { right: 45px; bottom: 10px; line-height: 23px; border-radius: 4px; min-width: 48px; text-align: center; }
.carousel-copyright                 { bottom: 10px; left: 10px; line-height: 23px; border-radius: 4px; }
.carousel-copyright                 { display: none; }
.carousel.is-fullscreen + .carousel-status              { position: absolute; bottom: 10px; left: 0; }

.carousel.is-fullscreen > .carousel-copyright           { display: block; }
.carousel.is-fullscreen > .carousel-copyright:empty     { display: none; }

/* projectlist */
/* karlkarl 2025-06-23 */
.projectlist img                  { vertical-align: bottom; }
.projectlist ul                   { }
main.projectlist li               { border-bottom: 1px solid lightgrey; margin: 0px; padding: 15px 0 0; }
.projectlist a:last-child li      { border-bottom: none; }
.projectlist a                    { text-decoration: none; }
.projectlist a:hover>li           { background-color: #f0f0f0; }
.projectlist li>div               { padding: 0; }
.projectlist li>div figure        { padding-left: 15px; display: inline-block; }
.projectlist li>div figure>img    { max-height: 150px; }
.projectlist .pl-wrap             { align-self: end; }
.projectlist .pl-title            { font-size: 29px; font-weight: normal; margin-bottom: 10px; }
/*.projectlist .pl-code             { border: 1px solid grey; border-radius: 15px; padding: 3px 7px; display: inline-block; }*/
.projectlist .pl-status, .pl-competition  { display: inline-block; margin-left: 5px; }

.project .addons img              { width: 75px; }

.pagelist img                     { max-width: 100%; }
.pagelist .hefte figure           { margin-bottom: 25px; }
.pagelist .hefte img              { width: 100%; }

.pagelist .indent                 { padding-left: 1rem; text-indent: -1rem; display: inline-block; }
.pagelist .emphazised             { font-weight: 500; }

.subheading       { margin-bottom: 0px; }
.addons           { margin-bottom: 1rem; }