/* Customized CSS for Projekt: COIN (https://globalforfuture.org)
* Copyright 2025 Quellcodekunst
*/

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       Customized CSS for Projekt: KulturGuru'S (https://kulturguru.de) Copyright 2019 - 2024 Quellcodekunst       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/**** xs Extra small devices (portrait phones, less than 576px) ****/
@media (max-width: 575px) { ... }

/**** sm Small devices (landscape phones, 576px and up) ****/
@media (min-width: 576px) and (max-width: 767px) { ... }

/**** md Medium devices (tablets, 768px and up) ****/
@media (min-width: 768px) and (max-width: 991px) { ... }

/**** lg Large devices (desktops, 992px and up) ****/
@media (min-width: 992px) and (max-width: 1199px) { ... }

/**** xl Extra large devices (large desktops, 1200px and up) ****/
@media (min-width: 1200px) { ... }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       VARIABLEN       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


:root {
	--animate-duration: 1800ms;
	--animate-delay: 0.9s;
	--main:#fff;
	--main-bg:transparent;
	--error:#cc0000;
	--fa:#fff;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       FONTS       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

@charset "UTF-8";
@font-face {font-family: 'Special Elite';src: url('/fonts/Special_Elite/SpecialElite-Regular.ttf') format('truetype');}
@font-face {font-family: 'Roboto';src: url('/fonts/roboto/RobotoFlex-VariableFont.ttf') format('truetype');}
.elite{font-family: 'Special Elite';}
.roboto{font-family: 'Roboto';}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       webEdition HACK       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

a[href="https://www.webEdition.org"],
a[title="This page was created with webEdition CMS"]{display:none;font-size:0px;position:absolute;z-index:-1;bottom:0;height:0;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       SCROLLBAR ENTFERNEN       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

::-webkit-scrollbar {display: none;}
*, ::after, ::before {scrollbar-width: none;-ms-overflow-style: none;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       MISC       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

html{/*background:var(--main-bg);*/height:100%;min-height:100%;overflow:hidden;scrollbar-width: none;-ms-overflow-style: none;font-size:1rem;-webkit-font-smoothing: antialiased;}

body{margin:0px;background: transparent;color:var(--main);font-family:'Roboto';line-height:1.3;font-weight:normal;font-style:normal;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/height:100%;min-height:100%;}
.popup body{margin:0px;background: var(--main);;}
.loadingprocess{position:fixed;width:30px;height:30px;margin-left:-15px;margin-top:-15px;}
.popup,
.siteload.ani{animation-name: fadeIn;animation-duration: 5s;animation-delay: 0s;/*animation-iteration-count: infinite;*/animation-fill-mode: both;display: block;backface-visibility: visible !important;}
main{overflow-x:hidden;overflow-y:auto;}
.img-responsive{width:100%;height:auto;}
img{transition: transform .5s ease-out;}
ul{margin:0;padding:0;list-style-type: none;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 0;
	padding-left:0;
}
.row{--bs-gutter-x: 0;}
.row,
main:nth-child(1) .container{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}

.scroll.horizontal{position:relative;white-space:nowrap;width:auto;overflow-y:hidden;overflow-x:auto;scrollbar-width: none;-ms-overflow-style: none;}
.scroll.horizontal div.inner:nth-child(1),
.scroll.horizontal li.inner:nth-child(1){width:max-content;}
.scroll.horizontal .inner li{width:auto;}

.scroll.horizontal .inner li:nth-child(1) img{opacity:1;}

.history ul{z-index: 1;position: relative;width:100%;}

.popup iframe{background:#000;width:100%;}

.btn-popup-close{position:fixed;z-index:999;}
.btn-popup-close{right: 0;left: auto;cursor:pointer;position:fixed;z-index:111111;top:25px;text-align: center;}
.btn-popup-close .btn-close{position: absolute;right: 10px;top: -13px;color:var(--fa);background:var(--error);width:31px;height:31px;border-radius:10rem;display:inline-block;}
.btn-close{padding:0;opacity:1;}
.btn-close .fa{top:8px;left:10px;}

.brand{font-family:'Special Elite';float:left;white-space: nowrap;font-style: normal;letter-spacing: 0px;position:relative;text-align:left;line-height:1;display:inline-block;;}
.fa{position:absolute;color:var(--fa);}

h1,
.h1{font-size:1rem;text-transform:uppercase;line-height:1rem;margin:0;padding:0;}

.button{margin:.2rem;display:inline-block;
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 1rem;
	background: rgba(0,0,0,.5);}
.button:hover{background: rgba(0,0,0,.7);animation-name: fadeIn;animation-duration: 3s;animation-delay: 0;/*animation-iteration-count: infinite;*/animation-fill-mode: both;display: block;backface-visibility: visible !important;transform: scale(1.1);}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       HEADER       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Header Hide & Show while scolling  ( requires headroom.js & headroom.init.js ) */

header.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
header.slide--up{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
header.slide{transition: all 0.25s ease-in-out 0s;}

header{width:100%;position:fixed;top:0;right:0;left:0;z-index:999;color:#fff;}
header .brand{padding:1rem 1rem;}
header .title{background:rgba(1,1,1,.5);border-radius:10rem;margin:1rem;border: 1px solid rgba(255,255,255,.7);float:left;}
header .logo{width:auto;height:50px;float:left;background:#fff;border-radius:10rem;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       FOOTER       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* footer Hide & Show while scolling ( requires headroom.js & headroom.init.js ) */

footer.slide--reset{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
footer.slide--up{-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%)}
footer.slide{transition: all 0.25s ease-in-out 0s;}

footer{width:100%;color: var(--footer);position:fixed;bottom:0;right:0;left:0;z-index:1;background:var(--footer-bg);}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       SLOW AUTOSCROLL       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

ul.scroller {position: relative;bottom: 0px;left: 0;width:auto;}
ul.scroller li {padding:.5rem 1rem;text-align: center;color: #fff;position: relative;float:left;}
ul.scroller li.autoscroll{display:none;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       BG SLIDESHOW (HERO)       XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.bgslide{z-index:0;animation-name:fadeIn;animation-duration:2s;animation-delay:0s;/*animation-iteration-count:1;*/animation-fill-mode:both;display:block;backface-visibility:visible !important;background-position: 50% 50%;background-repeat:no-repeat;background-size:cover;}
.bgslide{position:fixed;left:0;top:0;z-index:0;}
.bgslide .opacity{background:var(--hero-opacity);}
.jquery-bg-slideshow-wrap-bg-element{position:fixed;left:0;top:0;z-index:0;}
.popup .jquery-bg-slideshow-wrap-bg-element{display:none;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX       STARWARS    /   404      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.star-wars{perspective: 100px;position:fixed;z-index:0;overflow:hidden;}
.crawl {transform: rotateX(23deg);animation: crawl 33s linear infinite;}
.crawl p{font-size: 3rem;font-weight: bold;color:var(--main);}

@keyframes crawl {
	0% {transform: rotateX(23deg) translateY(2000px) translateZ(0); }
	100% {transform: rotateX(23deg) translateY(-2000px) translateZ(0); }
}