/* rk_style_eigen.css erstellt von Reinhard Kruse - Febr. 2026 */

html,body {font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 16px;
    line-height:1.5;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
}

body {max-width: 1500px; margin: auto; background-color: rgba(252, 255, 232, 0.4);}
img{vertical-align: middle;}
p{margin-block-start: 10px; margin-block-end: 10px;}
a{color: inherit;}

/** Schriften, Größen, Abstände (hr-Tag), Links, ...   **/
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0px 0px 0px 0px} .rk-wide{letter-spacing:1.5px}

/** COLORS **/
.rk-white {color:#000000;background-color:#ffffff;}
.rk-text-white,.rk-hover-white:hover{color:#ffffff;}
.rk-dark2-red {color:#fff;background: #331a1f;}
.rk-dark2-gray {color:#fff;background: #606158;}
.rk-amber,.rk-hover-amber:hover{color:#ffc107;}


/** PADDING                        **/
/*  top and bottom - right and left */
.rk-padding{padding: 10px 36px 10px 36px!important;}
.rk-padding-s{padding: 0px 16px 0px 8px!important;}
.rk-padding-updwn{padding:4px 0px 8px 0px!important;}
.rk-padding-updwn2{padding:10px 0px 8px 0px!important;}
.rk-padding-lefri{padding:0px 8px!important;}
.rk-padding-large{padding:12px 24px!important;}
.rk-padding-headline{padding: 36px 36px 36px 36px !important;}


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

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

/** HEADER-margin **/
.rk-margin-bottom{margin-bottom:8px!important;}

/** border-lines, center **/
.rk-border-bottom{border-bottom:1px solid #616161!important;}
.rk-center{text-align:center!important;}


/**  Formatierung Bilder in header und footer  **/
.rk-image{max-width:100%; height:auto}


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


/** Container  **/

.card-container {
    max-width: auto;
    margin: 0 auto;
    padding: 8px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.card-container .card {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 40%;
}

.card-container .card img {
    max-width: 100%;
    padding: 0;
    margin: 0;
}


/****  Slideshow  ****/
/* Slideshow-Container */
.slideshow {
	position: relative;
	overflow: hidden;
	display: flex;
}

/* Wrapper für die Slides */
.slide-wrapper {
	display: flex;
	width: 100%;
	animation: slideAnimation 24s infinite ease-in-out;
}

/* Die einzelnen Slides */
.slide {
	flex: 0 0 100%;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0); 
}

/* Keyframes für sanfte Bewegung */
@keyframes slideAnimation {
	0%  { -webkit-transform: translateX(0); transform: translateX(0); }
    15% { -webkit-transform: translateX(0); transform: translateX(0); }
	20% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    35% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	40% { -webkit-transform: translateX(-2000); transform: translateX(-200%); }
    55% { -webkit-transform: translateX(-200%); transform: translateX(-200%); }
	60% { -webkit-transform: translateX(-300%); transform: translateX(-300%); }
    75% { -webkit-transform: translateX(-300%); transform: translateX(-300%); }
	80% { -webkit-transform: translateX(-400%); transform: translateX(-400%); }
    95% { -webkit-transform: translateX(-400%); transform: translateX(-400%); }
	100% { -webkit-transform: translateX(-500%); transform: translateX(-500%); }
}