/* RK.CSS Reinhard Kruse - 31. Mai 2026 */

html {box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html {overflow-x:hidden}
html, body {font-size:16px; line-height:1.8; height: 100%; width: 100%;}
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400; margin:0px 0px 0px 0px} 
.rk-wide{letter-spacing:5px}

body {max-width: 1500px; margin: auto; }

img{vertical-align:middle;}
#img1{vertical-align:middle; filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5)); transform: translateZ(0); -webkit-transform: translateZ(0);}
#img2{vertical-align:middle; filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.5)); transform: translateZ(0); -webkit-transform: translateZ(0); }
.rk-image{max-width:100%;height:auto}a{color:inherit}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:12px}

h1.corinth-bold{padding:12px 0px 12px 0px; font-family: "Corinthia"; line-height:1.2; font-size: 48px; font-weight:700!important}
h2.corinth-bold{padding:12px 0px 12px 0px; font-family: "Corinthia"; line-height:1.2; font-size: 30px; font-weight:700!important}
h3.corinth-bold{padding:12px 0px 12px 0px; font-family: "Corinthia"; line-height:1.2; font-size: 24px; font-weight:700!important}

h1.wind-song-medium{font-family: "WindSong"; font-size: 48px; font-weight:500!important}

.rk-tiny{font-size:10px!important}.rk-small{font-size:12px!important}
.rk-medium{font-size:16px!important}.rk-large{font-size:18px!important}
.rk-xlarge{font-size:24px!important}.rk-xxlarge{font-size:36px!important}
.rk-xxxlarge{font-size:48px!important}.rk-jumbo{font-size:64px!important}

.rk-bar .rk-sp-button {padding: 16px;}


/* Copyright Bilder */

/* Der Container passt sich genau der Größe des Bildes an */
.image-container {
  position: relative;
  display: inline-block; /* Verhindert, dass der Container die volle Breite einnimmt */
}

/* Das Bild selbst */
.image-container img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Das Copyright-Tag unten rechts */
.copyright-tag {
  position: absolute;
  bottom: 8px;        /* Abstand zum unteren Rand, Std: 10px */
  right: 8px;         /* Abstand zum rechten Rand, Std: 10px */
  background-color: rgba(30, 30, 30, 0.3); /* Halbtransparenter schwarzer Hintergrund */
  color: #cfcfcf;      /* Weiße Schriftfarbe */
  padding: 2px 8px;    /* Innenabstand für bessere Lesbarkeit Std: 4px 8px*/
  font-family: sans-serif;
  font-size: 10px;     /*Std: 12 */
  border-radius: 8px;  /* Leicht abgerundete Ecken (optional) Std: 3px */
  pointer-events: none; /* Verhindert, dass der Text beim Klicken/Markieren stört */
}

/* --------- ENDE COPYRIGHT BILDER --------- */

/* Buttons klären */
.rk-button:hover{color:#000!important;background-color:#deceb7!important}

.rk-sp-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#EAE7DC;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.rk-sp-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   


/* Colors SEGENSSPUREN*/
.rk-amber,.rk-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.rk-white,.rk-hover-white:hover{color:#000!important;background-color:#fff!important}
.rk-black,.rk-hover-black:hover{color:#fff!important;background-color:#000!important}
.rk-grey,.rk-hover-grey:hover,.rk-gray,.rk-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.rk-light-grey,.rk-hover-light-grey:hover,.rk-light-gray,.rk-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.rk-dark-grey,.rk-hover-dark-grey:hover,.rk-dark-gray,.rk-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}

.rk-sp-eggshell,.rk-hover-sp-eggshell:hover{color:#000!important;background-color:#EAE7DC!important}
.rk-sp-vanilla,.rk-hover-sp-vanilla:hover{color:#000000; background-color:#D8C3A5!important}
.rk-sp-taupegray,.rk-hover-sp-taupegray:hover{color:#000000; background-color:#b5b4b0!important}
.rk-sp-lighttaupegray,.rk-hover-sp-taupegray:hover{color:#000000; background-color:#b5b4b0!important}
.rk-sp-light-jellyred, .rk-hover-sp-light-jellyred:hover{color:#ffffff; background-color:#E98074!important}
.rk-sp-dark-jellyred, .rk-hover-sp-dark-jellyred:hover{color:#ffffff; background-color:#E85A4F!important}
.rk-sp-dark2-jellyred, .rk-hover-sp-dark2-jellyred:hover{color:#ffffff; background-color:#9a322b!important}
.rk-sp-yellow, .rk-hover-sp-yellow:hover{color:#000000; background-color:#E8CE4F!important}
.rk-sp-light-purple, .rk-hover-sp-light-purple:hover{color:#ffffff; background-color:#8C89CD!important}
.rk-sp-dark-blue, .rk-hover-sp-dark-blue:hover{color:#ffffff; background-color:#3974aa!important}
.rk-sp-light-blue, .rk-hover-sp-light-blue:hover{color:#ffffff; background-color:#abc8e3!important}
.rk-sp-light2-blue, .rk-hover-sp-light2-blue:hover{color:#ffffff; background-color:#8eadca!important}

/* Rounded corners, z. B. für Boxen */

.rk-round-small{border-radius:2px}
.rk-round,.rk-round-medium{border-radius:4px}
.rk-round-large{border-radius:8px}
.rk-round-xlarge{border-radius:16px}
.rk-round-xxlarge{border-radius:32px}

.rk-sp-box{border: 1px solid #a53f38; border-radius: 16px;}
.rk-sp-box-left{border: 1px solid #a53f38; border-radius: 0px 80px 30px 0px;}
.rk-sp-box-right{border: 1px solid #AC993A; border-radius: 80px 0px 0px 30px;}
.rk-sp-box-center{border: 1px solid #AC993A; border-radius: 80px 0px 80px 0px;}
.rk-sp-box-donate{border: 1px solid #7b2721; border-radius: 0px 80px 0px 80px;}

/** FOOTER                       **/
/* footer: padding top and bottom */
.rk-padding-footer{padding-top:16px;padding-bottom:8px;}
.rk-deco-footer{text-decoration: none;}

/* padding one side */
.rk-padding-left{padding-left:32px!important;}
.rk-padding-right-16{padding-right:16px!important;}
.rk-padding-right-32{padding-right:32px!important;}
.rk-padding-up{padding-top:12px!important;}


.rk-sp-padding{padding:16px 16px!important}

.rk-container{padding:0}
.rk-panel{padding:0.01em 16px}.rk-panel{margin-top:16px;margin-bottom:16px}

/* margin */
.rk-margin-lefri{margin: 0px 4px!important;}


/* FAQ-Accordion */

.accordion {
  background-color: #abc8e3;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.active, .accordion:hover {background-color: #8eadca}

.accordion:after {
  content: '\02795';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {content: "\2796";}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


.rk-sidebar{height:100%;width:270px;background-color:#fff;position:fixed!important; top:66px; z-index:1;overflow:auto}
.rk-bar-block .rk-dropdown-hover,.rk-bar-block .rk-dropdown-click{width:100%}
.rk-bar-block .rk-dropdown-hover .rk-dropdown-content,.rk-bar-block .rk-dropdown-click .rk-dropdown-content{min-width:100%}
.rk-bar-block .rk-dropdown-hover .rk-button,.rk-bar-block .rk-dropdown-click .rk-button{width:100%;text-align:left;padding:8px 16px}
.rk-main,#main{transition:margin-left .4s}
.rk-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.rk-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}


.rk-bar{width:100%;overflow:hidden}.rk-center .rk-bar{display:inline-block;width:auto}
.rk-bar .rk-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.rk-bar .rk-dropdown-hover,.rk-bar .rk-dropdown-click{position:static;float:left}
.rk-bar .rk-button{white-space:normal}
.rk-bar-block .rk-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.rk-bar-block.rk-center .rk-bar-item{text-align:center}.rk-block{display:block;width:100%}


.rk-responsive{display:block;overflow-x:auto}
.rk-container:after,.rk-container:before,.rk-panel:after,.rk-panel:before,.rk-row:after,.rk-row:before,.rk-row-padding:after,.rk-row-padding:before,
.rk-cell-row:before,.rk-cell-row:after,.rk-clear:after,.rk-clear:before,.rk-bar:before,.rk-bar:after{content:"";display:table;clear:both}
.rk-col,.rk-half,.rk-third,.rk-twothird,.rk-threequarter,.rk-quarter{float:left;width:100%}
.rk-col.s1{width:8.33333%}.rk-col.s2{width:16.66666%}.rk-col.s3{width:24.99999%}.rk-col.s4{width:33.33333%}
.rk-col.s5{width:41.66666%}.rk-col.s6{width:49.99999%}.rk-col.s7{width:58.33333%}.rk-col.s8{width:66.66666%}
.rk-col.s9{width:74.99999%}.rk-col.s10{width:83.33333%}.rk-col.s11{width:91.66666%}.rk-col.s12{width:99.99999%}

.rk-padding-pf-section{padding: 0px 0px 64px 128px}
.rk-padding-serv-section{padding: 0px 128px 32px 0px}
.rk-padding-serv-sectionaction{padding: 0px 160px 32px 0px}
.rk-padding-servdone-section{padding: 80px 0px 64px 128px}

@media (max-width:450px) {.rk-padding-pf-section{padding: 0px 0px 64px 64px} 
.rk-padding-serv-section{padding: 0px 64px 32px 0px} 
.rk-padding-servdone-section{padding: 0px 0px 64px 64px}}

@media (max-width:600px)
{.rk-modal-content{margin:0 10px;width:auto!important}
.rk-modal{padding-top:30px}
.rk-padding-serv-sectionaction{padding: 0px 48px 32px 0px}
}

@media (min-width:601px){.rk-col.m1{width:8.33333%}.rk-col.m2{width:16.66666%}.rk-col.m3,.rk-quarter{width:24.99999%}.rk-col.m4,.rk-third{width:33.33333%}
.rk-col.m5{width:41.66666%}.rk-col.m6,.rk-half{width:49.99999%}.rk-col.m7{width:58.33333%}.rk-col.m8,.rk-twothird{width:66.66666%}
.rk-col.m9,.rk-threequarter{width:74.99999%}.rk-col.m10{width:83.33333%}.rk-col.m11{width:91.66666%}.rk-col.m12{width:99.99999%}}

@media (max-width:768px)
{.rk-modal-content{width:500px}
.rk-modal{padding-top:50px}}

@media (max-width:992px)
{.rk-main{margin-left:0!important;margin-right:0!important}
.rk-auto{max-width:100%}}

@media (min-width:993px)
{.rk-modal-content{width:900px}}

@media (min-width:993px)
{.rk-col.l1{width:8.33333%}.rk-col.l2{width:16.66666%}.rk-col.l3{width:24.99999%}.rk-col.l4{width:33.33333%}
.rk-col.l5{width:41.66666%}.rk-col.l6{width:49.99999%}.rk-col.l7{width:58.33333%}.rk-col.l8{width:66.66666%}
.rk-col.l9{width:74.99999%}.rk-col.l10{width:83.33333%}.rk-col.l11{width:91.66666%}.rk-col.l12{width:99.99999%}}
.rk-rest{overflow:hidden}.rk-stretch{margin-left:-16px;margin-right:-16px}
.rk-content,.rk-auto{margin-left:auto;margin-right:auto}.rk-content{max-width:980px}.rk-auto{max-width:1140px}
.rk-cell-row{display:table;width:100%}.rk-cell{display:table-cell}
.rk-cell-top{vertical-align:top}.rk-cell-middle{vertical-align:middle}.rk-cell-bottom{vertical-align:bottom}
.rk-hide{display:none!important}.rk-show-block,.rk-show{display:block!important}.rk-show-inline-block{display:inline-block!important}

@media (max-width:1160px)
{.rk-dropdown-hover.rk-mobile .rk-dropdown-content,.rk-dropdown-click.rk-mobile .rk-dropdown-content{position:relative}	
.rk-hide-small{display:none!important}
.rk-mobile{display:block;width:100%!important}
.rk-bar-item.rk-mobile,.rk-dropdown-hover.rk-mobile,.rk-dropdown-click.rk-mobile{text-align:center}
.rk-dropdown-hover.rk-mobile,.rk-dropdown-hover.rk-mobile .rk-btn,.rk-dropdown-hover.rk-mobile .rk-button,.rk-dropdown-click.rk-mobile,.rk-dropdown-click.rk-mobile .rk-btn,.rk-dropdown-click.rk-mobile .rk-button{width:100%}
.rk-sidebar.rk-collapse{display:block!important}
}

@media (min-width:1161px){.rk-hide-large{display:none!important}}

@media (max-width:1205px){.rk-auto{max-width:95%}}

/*   */
.rk-btn,.rk-button {border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.rk-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.rk-btn {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.rk-disabled,.rk-btn:disabled,.rk-button:disabled{cursor:not-allowed;opacity:0.3}.rk-disabled *,:disabled *{pointer-events:none}
.rk-btn.rk-disabled:hover,.rk-btn:disabled:hover{box-shadow:none}
 /*   */

.rk-dropdown-click,.rk-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.rk-dropdown-hover:hover .rk-dropdown-content{display:block}
.rk-dropdown-hover:first-child,.rk-dropdown-click:hover{background-color:#ccc;color:#000}
.rk-dropdown-hover:hover > .rk-button:first-child,.rk-dropdown-click:hover > .rk-button:first-child{background-color:#ccc;color:#000}
.rk-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}

.rk-top,.rk-bottom{position:fixed;width:100%;z-index:1}.rk-top{top:0}.rk-bottom{bottom:0}
.rk-display-topleft{position:absolute;left:0;top:0}.rk-display-topright{position:absolute;right:0;top:0}
.rk-row-padding,.rk-row-padding>.rk-half,.rk-row-padding>.rk-third,.rk-row-padding>.rk-twothird,.rk-row-padding>.rk-threequarter,.rk-row-padding>.rk-quarter,.rk-row-padding>.rk-col{padding:8px 8px}

.rk-card,.rk-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.rk-card-4,.rk-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.rk-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.rk-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.rk-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.rk-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.rk-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.rk-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.rk-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.rk-animate-input{transition:width 0.4s ease-in-out}.rk-animate-input:focus{width:100%!important}

.rk-opacity,.rk-hover-opacity:hover{opacity:0.60}.rk-opacity-off,.rk-hover-opacity-off:hover{opacity:1}
.rk-opacity-max{opacity:0.25}.rk-opacity-min{opacity:0.75}

.rk-margin{margin:16px!important}.rk-margin-top{margin-top:16px!important}.rk-margin-bottom{margin-bottom:16px!important}
.rk-margin-left{margin-left:16px!important}.rk-margin-right{margin-right:16px!important}

.rk-padding-small{padding:4px 8px!important}.rk-padding{padding:8px 16px!important}.rk-padding-large{padding:12px 24px!important}
.rk-padding-16{padding-top:16px!important;padding-bottom:16px!important}.rk-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.rk-padding-32{padding-top:32px!important;padding-bottom:32px!important}.rk-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.rk-padding-64{padding-top:64px!important;padding-bottom:64px!important}

.rk-padding-top-16{padding-top:16px!important}.rk-padding-top-24{padding-top:24px!important}.rk-padding-top-32{padding-top:32px!important}

.rk-left{float:left!important}.rk-right{float:right!important}
.rk-center{text-align:center!important}
.rk-left-align{text-align:left!important}.rk-right-align{text-align:right!important}.rk-justify{text-align:justify!important}

.rk-transparent,.rk-hover-none:hover{background-color:transparent!important}