/* FONTS */
@font-face {
  font-family: 'Kaushan Script';
  src: url(../../../fonts/KaushanScript-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  src: url(../../../fonts/Raleway-Regular.ttf) format('truetype');
}
@font-face {
  font-family: "TheSeasons";
  font-style: normal;
  font-weight: 300;
  src: url(../../../fonts/TheSeasons-Light.otf) format('opentype');
}
@font-face {
  font-family: "TheSeasons";
  font-style: normal;
  font-weight: 400;
  src: url(../../../fonts/TheSeasons-Regular.otf) format('opentype');
}
@font-face {
  font-family: "TheSeasons";
  font-style: normal;
  font-weight: 700;
  src: url(../../../fonts/TheSeasons-Bold.otf) format('opentype');
}
@font-face {
  font-family: "Shadows Into Light";
  font-weight: 400;
  font-style: normal;
  src: url(../../../fonts/ShadowsIntoLight-Regular.ttf) format('truetype');
}
@font-face {
  font-family: "Callem Script";
  font-weight: 400;
  font-style: normal;
  src: url(../../../fonts/CallemScript.ttf) format('truetype');
}

/* LAYOUT */
* {
  font-family: "Raleway";
  color: #404040;
}
h3.sp-module-title { 
  padding: 20px;
  background-color: #BEC8B8; 
  color: #404040;
  text-align: center;
  font-family: "TheSeasons";
}
.sp-module-content {
  padding: 0px;
}
.sp-module-content h3 {
  font-family: "TheSeasons";
  font-weight: bold;
  color: #A391B2;
}
.visforms {
  padding-left: 20px;
  padding-right:20px;
}
.btn-primary {
  background-color: #A391B2;
}

.article-list .article {
  border:0;
  margin:0;
}
#sp-ansprechpartner {
  padding-bottom: 20px;
}

.p-2 { padding: 0 !important;}

/*Login Formular
.com-users-login__submit, .form-check {
  display:none;
}*/

/* Hide "Featured"-Badge */
.article-list .article .featured-article-badge { 
  display: none; visibility: hidden;
}

/* Linie mit Herz */
.hr-theme-slash-2 {
  display: flex; 
  .hr-line {
    width: 100%;
    position: relative;
    margin: 15px;
    border-bottom: 1px solid #A391B2;
  }
  .hr-icon {
    position: relative;
    top: 25px;
    color: #A391B2;
  }
}
/* Accordion
.accordion-button:not(.collapsed)  {
  background-color: #BEC8B8;
  border-color: #88A186;
} */
.accordion {
  --bs-accordion-btn-bg: #fff; /* Background color of the accordion buttons */
  --bs-accordion-active-bg: #A391B2; /* Background color of the active accordion item */
  --bs-accordion-active-color: white; /* Text color of the active accordion item */
  --bs-accordion-bg: #fff; /* Background color of the accordion body */
  --bs-accordion-color: #fff; /* Text color of the accordion body */
  --bs-accordion-btn-focus-box-shadow: none; /* Remove the box shadow on focus */
   
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

/* Container */
.container-m, .card-m {
  margin-bottom:20px;
}
.container-80 {
  width: 80%;
}
.container-90 {
  width: 90%;
}

/* Banner 100% */
.banneritem img {
  width:100%;
}

.form-group {
  margin-bottom:20px;
}

/* Farbanpassung */
a {
    color: #A391B2;
}
a:hover, a:active, a:focus {
    color: #88A186;
}
.fas {
  color: #A391B2;
}
.fa-angle-up {
  color: #fff;
}
#sp-menu ul.social-icons li a span {
    color: #88A186;
}

#sp-header {
  padding: 0;
}
#sp-header .logo a {
  font-family: "TheSeasons", serif;
  color: #A391B2;
}
.articleBody h3 {
  font-family: "TheSeasons", serif;
  font-weight: bold;
  color: #A391B2;
}

#sp-main-body {
  padding:0;
}

#sp-bottom h1 {
  color: #404040;
  font-family: "Callem Script";
}
#sp-bottom .sp-module {
    margin-bottom: 0; 
}

#sp-footer .container-inner {
    border-top: 1px solid #88A186;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 10px;
}
.burger-icon>span {
    background-color: #A391B2;
}

.vcard {
  border: 1px solid #BEC8B8;
  border-left: 20px solid #BEC8B8;
  background-color: #fff;
  padding: 5px;
}

/* Hochzeits ABC */
.row-abc {
  height: 60px;
}
.initial {
    align-items: center ;
    display: flex ;
    margin: 10px 0px 10px 0px ;
}
.initial a {
  display:contents;
}
.initial::before {
   	align-items: center ;
    content: attr( data-initials ) ;
	display: flex ;
    flex-shrink: 0;
	justify-content: center;
    /*text-align:center;*/

	/* Other styling ... */
	background-color: #A391B2 ;
	border-radius: 100% 100% 100% 100% ;
    color: #fff;
    font-size: calc(1.3rem + .6vw);
    font-weight: bold;
    font-family: "TheSeasons";			
	height: 48px ;
	letter-spacing: 1px ;
	line-height: calc(1.3rem + .6vw) ;
	margin-right: 20px ;
	text-transform: uppercase ;
	width: 48px ;
  text-wrap: stable;
}

.gespiegelt {
  color: #A391B2;
  display: inline-block;
  scale: -1 1;
  text-align:right;
}

/* Timeline */
.container-timeline {
  background-image: url('/images/placeholder.jpg');
  padding-top: 5px;
}

#timeline .timeline-item:after, header:after, #timeline .timeline-item:before, header:before {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #BEC8B8;
  left: 50%;
  top: 0;
  position: absolute;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #88A186;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#timeline .timeline-item .timeline-icon .timeline-icon-text {
	font-weight:bold;
    padding-top: 12px;
	padding-left:6px;
	color:#fff;
}
#timeline .timeline-item .timeline-icon svg {
  position: relative;
  top: 14px;
  left: 14px;
}
#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 3px 0 #A391B2;
  -moz-box-shadow: 0 3px 0 r#A391B2;
  -ms-box-shadow: 0 3px 0 #A391B2;
  box-shadow: 0 3px 0 #A391B2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background:#A391B2;
  color: #fff;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#timeline .timeline-item .timeline-content p {
    margin-top: 10px;
}
#timeline .timeline-item .timeline-content:before {
  content: "";
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #A391B2;
}
#timeline .timeline-item .timeline-content.right {
  float: right;
}
#timeline .timeline-item .timeline-content.right:before {
  content: "";
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #A391B2;
}
@media screen and (max-width: 768px) {
  #timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }

#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #A391B2;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}

        .card {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transform-style: preserve-3d;
            transition: transform 0.5s ease;
        }
     
        .profile-name {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
          color: white;
          text-shadow: 2px 2px 4px #000000;
        }

.profile-location {
            display: flex;
            align-items: center;
            font-size: 16px;
            margin-bottom: 8px;
            color: white;
          font-weight: 600;
          text-shadow: 3px 3px 5px #000000;
        }
.profile-location a {
  color:white;
}
.profile-location a:visited {
  color:white;
}
.thumbtack-icon {
            margin-right: 5px;
            color: #A391B2;;
        }
.envelope-icon {
            margin-right: 5px;
            color: #A391B2;;
        }
.phone-icon {
            margin-right: 5px;
            color: #A391B2;;
        }
.card-img {
  border-radius: 20px 20px 0 0;
}
.bio-text {
  color: #404040;
  font-weight: 300;
  font-size: small;
}