/* cmsms stylesheet: fonts modified: Montag, 14. Februar 2022 17:16:58 */
@font-face {
    font-family: 'Voyager';
    src: url('/fonts/Voyager-Bold.woff2') format('woff2'),
        url('/fonts/Voyager-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Voyager';
    src: url('/fonts/Voyager.woff2') format('woff2'),
        url('/fonts/Voyager.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* cmsms stylesheet: bhw26 modified: Mittwoch, 15. Juli 2026 16:30:33 */



html {min-height:100%; background: #442D1C }
.bg-home, .bg-home-26 { background: #442D1C }

.ballon { height: 130vh; width: 100vw; background: url(/img/26/ballon.webp) no-repeat; background-size: 300px auto; background-position: top 30px center; z-index: -40; animation-duration: 2s; opacity:0.9 }
.sonne { height: 80vh; width: 500px; background-image: url(/img/26/sonne.webp); top: 20vh; left: -10vw; z-index: -50; animation-duration: 2s }

body {color: white; font-family:'Voyager', sans-serif; font-weight: normal;
font-size: 18px; line-height: 150%; margin:0; padding:0;}

::selection { background: #fff600; color: #222; }
::-moz-selection { background: #fff600; color: #222; }

h1,h2,h3,h4 {font-family:'Voyager', sans-serif; font-weight:bold; color:white;}
h1 {font-size:1.7em; text-transform:uppercase;line-height:135%;margin:0 0 0.5em 0; padding: 0}
h2 { font-size: 1.5em; font-weight: normal; display:inline-block; padding: 10px 0 5px 0; margin: 2em 0; border-top: 2px solid white; border-bottom: 2px solid white; text-align: center; }
h3 { font-size: 1.7em; color:white }
h3 a { color: white }
h4 { margin: 0; text-transform:uppercase }

hr { border: 1px solid white; padding: 0; margin: 0 0 25px 0 }

p { margin: 0 }
strong { font-weight: bold }
a, a:hover { color: white; text-decoration:none }
.noborder { border: none !important }

.uk-container { padding-top: 40px; }
.logo { float:left; width: 70px; height: 200px; background: url(/img/logo-vertikal.svg) no-repeat }
.logo-home, .logo-home-26 { width: 200px; height: 500px }


/* Navigation */

#toggle { float:right; top: 0; right: 0; cursor:pointer; }
#toggle .uk-icon svg rect { fill: white; transform: scale(1,1.5) }
#toggle .uk-icon svg { color: white }
#toggle .uk-icon svg path { stroke-width: 1.5 }
#menu { float:right; text-align: right; z-index:1000; margin: 74px -35px 0 0; padding-left: 20px }
#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {display:block; font-size:1.7em; margin: 0 0 0.5em 0; text-transform:uppercase;font-weight:bold }
#menu ul li a { padding:5px 0; text-decoration: none }
#menu hr { display: inline-block; background: white; padding:0; margin: 0 0 10px 0; height: 1px; width: 75px }

.breadcrumb {margin:0}
.social {padding:30px;}
a.kulturstiftung {margin-right:20px;}
a.kulturstiftung img {display:block; padding-top:10px; width:150px;}

.content { margin: 70px 30px 30px 120px; max-width:600px }
.content p { margin: 0 0 1em 0 }
.content p a, .item-properties a { border-bottom: 2px solid white }
.content ul.nav_archiv { margin: 0; padding: 0 }
.content ul.nav_archiv li { display: block; margin:0 0 0.5em 0; line-height: 110%; display:block; font-size:1.7em;font-weight:bold}
.content ul.nav_archiv li:last-child { margin-right: 0 }
.content ul.nav_archiv li a { padding:10px 0 0 0; text-decoration: none; border-bottom: 2px solid white }
.support { padding: 10px 0 }
.content h1 a { border-bottom: 2px solid white }

.content-home h1 { line-height: 120% }
.content-home-26 h1 { line-height: 120% }


.uk-lightbox-toolbar { background: none }


#kuenstlerinnenliste { margin-bottom:40px }



/* Platzhalter */
.platzhalter-bg { background: linear-gradient(45deg, #2E6999 10%, #00AFD6 90%); background-size:contain; background-color:black }
.platzhalter-content { width: 80%; padding-bottom: 50px; max-width: 500px }
.platzhalter-text { color: white; padding: 100px 0 0 0; font-size: 22px; }







.bg-element-bildhauer-woche { z-index:-10000; position:absolute; background-image:url({'wuerfel-min.png','/img/kugel-min.png'| selectRandom}) no-repeat; bottom: -50px; right: 10%; background-size: 400px 400px; width:400px; height:400px}






















/* Media Queries */


@media screen and (min-width:960px) {
.mobilehide { display: block !important }

.content-home, .content-home-26 { position: absolute; left: calc(50% - 400px); top: calc(50% + 100px) }
.content-desktop { display: block }
.content-mobile { display: none }
.datum-mobile { display: none }
}


@media screen and (max-width:959px) {
.mobilehide { display: none }
.content { display: block }

.content-desktop { display: none }
.content-mobile { display: block }
.bg-home-alt { background: url('/img/bg-home-mobile-min.png') no-repeat center top, linear-gradient(to right bottom, #94262d, #9d2c36, #a63340, #af3949, #b84053, #b9445a, #ba4761, #bb4b68, #b44c6c, #ad4e70, #a54f73, #9d5175);
background-size:cover; background-color:black; }
.logo { float:none; position:absolute; top:30px; left: 30px; background:url(/img/logo-horizontal-mobile.svg) no-repeat; height:50px; width: 200px; }
.logo-home, .logo-home-2024, .logo-home-26 { background:url(/img/logo-vertikal.svg) no-repeat; height:300px; width: 200px; left:20px; top: 20px; }
#toggle { float:none; position: absolute; top: 20px; right: 20px; }
#menu { float:none; position: absolute; right: 0; margin: 0; width:100%; padding: 0 20px 0 0; top: auto; bottom: 10px }

.menu-home, .menu-home-26 { top:auto !important; bottom: 10px; }
.content { margin: 70px 0 0 0; padding: 0; z-index:-10; }
.content-home, .content-home-26 { position:absolute; bottom: 30px }
.datum { position: absolute; right: 20px; bottom: 25px; width: 65px }
.datum-desktop { display: none }
.datum-mobile { display: block }

.datum, .datum-desktop { display: none !important }
}

@media screen and (max-width:639px) {
.logo { left: 15px; top: 18px }
.bg-home, .bg-home-26 { background-image: url('/img/26/home-26-mobile.webp') no-repeat center center; background-size:cover; }
.ballon { background-size: 200px auto }
.sonne { width: 50vw }
}

@media screen and (max-width:479px) {
.uk-container { padding-bottom:40px }
h1, #menu ul li { font-size: 1.45em }
#menu ul li { line-height:90%; }
#menu hr { width: 61px }
.datum-desktop { display: none }
.logo-home, .logo-home-2024, .logo-home-26 { width: 110px; top:15px; }
.datum-mobile { width:55px }
}

@media screen and (max-width:360px) {
#menu ul li { font-size: 1.4em; line-height:80% }
h1 { font-size:1.4em }
.logo-home, .logo-home-2024 { width: 90px }
}


@media screen and (max-height:479px) {
.content-home, .content-home-26 { left: auto; right: 20px }
.menu { font-size: 0.8em; line-height:130%; top: 20px !important; bottom: auto !important; right: 60px !important }
}