@charset "UTF-8";
/* CSS Document Orange: #F7931E Hellgrau: #F7F7F7 */
/* dunkel Orange: #d65f27 Geld: #f8b133  Mud-color:  #cc9b25 Braun(im footer): #c27124*/


/* Header
--------------------------------------------- */
.wp-custom-logo .title-area {
	margin-top: 50px;
	margin-left: 45px;
}
body.home.wp-custom-logo .title-area {
	margin-top: 210px;	
}
@media only screen and (max-width: 960px) {
.slideshow {
	display: none;
}	
}
@media only screen and (min-width: 961px) {
body.home.wp-custom-logo .title-area {
	margin-top:-109px;	
}
}
body.home.wp-custom-logo .site-header .wrap {
	background-image: url("/wp-content/themes/marliese-koester/images/Marliese_Koester_portrait.jpg");
	background-repeat: no-repeat;
	background-position: 252px 15px;
	background-size: 200px auto;
}	


/* Content
--------------------------------------------- */
.site-inner {
  padding: 0;
}
@media only screen and (min-width: 560px) {
.site-container {
    min-height: 100vh;
}
.site-inner {
	min-height: calc(100vh - 377px);
}	
}

.site-header .wrap,
.site-inner,
.site-footer .wrap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
	background-color: #fff;
}
/* Sidebar with Navigation
--------------------------------------------- */
@media only screen and (max-width: 900px) {
.sidebar {
    max-width: 270px;
	margin-bottom: 30px;
}	
.site-header {
  padding: 0;
}	
main {
  margin-top: 30px;
}		
.site-inner {
  padding: 30px 30px 0px 30px;
}	
}
/* Footer
--------------------------------------------- */
.site-footer  .wrap  {
	height: 180px;
	background-image: url("/wp-content/themes/marliese-koester/images/orange_quadrate.jpg");
	border-top: 1px solid #000;	
	color: #fff;
	padding-top: 45px;
}

.site-footer  a  {
	color: #fff;
	display: block;
	font-size: 15px;
	text-decoration: none;
	font-weight: 700;
	max-width: 250px;
	text-align: right;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
}
.site-footer  a:first-of-type  {
	margin-bottom: 20px;
}
.site-footer  a:hover, .site-footer  a:focus {
	border-bottom: 1px solid #F7931E;
}

/* blockquote
--------------------------------------------- */
blockquote.quote-style p {
	font-size: 12px !important;
	font-height: 1.6 !important;
	color: #CC9B25;
	font-style: normal !important;
	font-family:  "Open Sans", sans-serif !important;
	margin-bottom: 0px !important;
}


/*
 *        Display social Media container bottom right
***************************/
#social-media-container {
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 10;
	width: 35px;
}
#social-media-container li {
	display: block;
}
#social-media-container li img {
	margin-bottom: 28px;
}
#social-media-container li:last-of-type img {
	margin-bottom: 0px;
}
#social-media-container li img:hover {
	opacity: 0.6;
}
@media only screen and (max-width: 900px) {
#social-media-container {
	bottom: 30px;
	right: 5px;
}
#social-media-container li img {
	margin-bottom: 20px;
}
}
/*
 *        Homepage images
***************************/
.leistung-img img {
	border-radius: 20px 0px 0px 0px;
}
.leistung-img.wp-block-image .alignleft {
  margin: 0;
}	
/* Homepage Sub Navigation
--------------------------------------------- */
.sub-navi {
	max-width: 400px;
	gap: 1em !important;
}		
.sub-navi a {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
	outline-offset: -1px;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px solid #000;
	width: 100%;
	display:inline-block;
}

.sub-navi a:hover {
	color: #000;	
	border-bottom: 1px solid #F7931E;
	text-decoration: none;
}
@media only screen and (max-width: 782px) {
.sub-navi  {
	max-width: 140px;
}
.sub-navi p {
	margin-bottom: 10px;
}	
}

/* Homepage Word Slider at the Top
--------------------------------------------- */
.slideshow {
	width: 100%;
	max-width: 872px;     
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	padding-top: 81px;
}
@media only screen and (max-width: 960px) {
.slideshow {
	display: none;
}	
}	
/* Version mit endloser loop und abrupter sprung  */
.sslides {
      display: flex;
      width: 400%; /* 4 Bilder */
      animation: slide 20s infinite ease-in-out;
}

.sslides img {
      width: 25%;
      height: 100%;
      object-fit: cover;
      flex-shrink: 0;
}

   @keyframes sslide {
      /* Bild 1 */
      0%    { transform: translateX(0%); }
      15%   { transform: translateX(0%); }     /* 3s sichtbar */
      25%   { transform: translateX(-25%); }   /* 2s schieben */

      /* Bild 2 */
      25%   { transform: translateX(-25%); }
      40%   { transform: translateX(-25%); }   /* 3s sichtbar */
      50%   { transform: translateX(-50%); }   /* 2s schieben */

      /* Bild 3 */
      50%   { transform: translateX(-50%); }
      65%   { transform: translateX(-50%); }   /* 3s sichtbar */
      75%   { transform: translateX(-75%); }   /* 2s schieben */

      /* Bild 4 */
      75%   { transform: translateX(-75%); }
      90%   { transform: translateX(-75%); }   /* 3s sichtbar */
      100%  { transform: translateX(0%); }     /* 2s zurück */
    }


/* Version mit kein endloser loop   */
.slides {
      display: flex;
      width: 900%; /* 9 Bilder */
      animation: slide 45s ease-in-out forwards; /* bleibt am Ende stehen */
    }

    .slides img {
      width: 11.111%; /* 100% / 9 ≈ 11.111% */
      height: 100%;
      object-fit: cover;
      flex-shrink: 0;
    }

    @keyframes slide {
      /* Bild 1 */
      0%      { transform: translateX(0%); }
      6.67%   { transform: translateX(0%); }          /* 3s sichtbar */
      11.11%  { transform: translateX(-11.111%); }    /* 2s schieben */

      /* Bild 2 */
      11.11%  { transform: translateX(-11.111%); }
      17.78%  { transform: translateX(-11.111%); }
      22.22%  { transform: translateX(-22.222%); }

      /* Bild 3 */
      22.22%  { transform: translateX(-22.222%); }
      28.89%  { transform: translateX(-22.222%); }
      33.33%  { transform: translateX(-33.333%); }

      /* Bild 4 */
      33.33%  { transform: translateX(-33.333%); }
      40%     { transform: translateX(-33.333%); }
      44.44%  { transform: translateX(-44.444%); }

      /* Bild 5 */
      44.44%  { transform: translateX(-44.444%); }
      51.11%  { transform: translateX(-44.444%); }
      55.56%  { transform: translateX(-55.556%); }

      /* Bild 6 */
      55.56%  { transform: translateX(-55.556%); }
      62.22%  { transform: translateX(-55.556%); }
      66.67%  { transform: translateX(-66.667%); }

      /* Bild 7 */
      66.67%  { transform: translateX(-66.667%); }
      73.33%  { transform: translateX(-66.667%); }
      77.78%  { transform: translateX(-77.778%); }

      /* Bild 8 */
      77.78%  { transform: translateX(-77.778%); }
      84.44%  { transform: translateX(-77.778%); }
      88.89%  { transform: translateX(-88.889%); }

      /* Bild 9 */
      88.89%  { transform: translateX(-88.889%); }
      95.56%  { transform: translateX(-88.889%); }     /* 3s sichtbar */
      100%    { transform: translateX(-88.889%); }     /* bleibt stehen */
    }