*{font-family: 'Droid Sans'}
body {margin:0;padding:0;}
html {scroll-behavior: smooth;}
#theSite{font-size:1.2em; background-color: #DF0150; color:white;}
/** Header **/
header {position:fixed;width:1140px;margin:0 auto;left:0;right:0;z-index:999; padding-top:30px;}
h2 {text-transform:uppercase;}
.textContent {margin:0;}
/**  BURGER **/
.burgerContainer {
  background:url("/assets/kirchlich-heiraten/img/btn-menu.png");
  width: 47px;
  height: 50px;
  cursor: pointer;
}
/* unvisited link */
a:link {
  color: #ffffff;
}

/* visited link */
a:visited {
  color: #ffffff;
}

/* mouse over link */
a:hover {
  color: #ffffff;
}

/* selected link */
a:active {
  color: #ffffff;
}
/** NAV **/
.navContainer {
  position: fixed;
  background-color: #DF0150;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top:0;
}
.navContainerInner {position:relative;width:1140px;margin:0 auto;}
.navContainer ul {text-align:center;list-style:none;margin:0;padding:0;padding-top:100px;}
.navClose {
  background:url("/assets/kirchlich-heiraten/img/navClose.png");
  width: 46px;
  height: 45px;
  cursor: pointer;
  position:absolute;
  right:0;
  top:30px;
}
nav ul li a {color:#8dd3d5; font-weight:bolder; font-size:38px;text-decoration: none;line-height:55px;text-transform:uppercase;}
nav ul li a:hover {text-decoration:underline;}

/**Confirm**/
#showConfirm {
  width: 100%;
  position: fixed;
  z-index: 9999999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
  pointer-events: none;
}
#showConfirmBox {
  width: 290px;
  text-align: center;
  padding: 50px 40px ;
  background-color: #DF0150;
  pointer-events: all;
  position: relative;
  border-radius: 45px;
  font-size: 1.2em;
}
#showConfirmbg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 999999999;
  top:0;
}
#confirmClose {
  background: url(/assets/kirchlich-heiraten/img/navClose.png);
  width: 46px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 10px;
  pointer-events: all;
  transform: scale(0.6);
}
.confirmbuttonBox {
  display:flex;
  justify-content: space-around;
  margin-top:20px;
}
div.confirmbutton {
  background-color: #8dd3d5;
  max-width: 45%;
  min-width: 45%;
  padding: 10px 0px;
  box-sizing: border-box;
  color:#DF0150;
  border-radius:10px;
  cursor:pointer;
}
div#jaAbConfirm {
  margin-right: 5%;
}
/** IMPULSE **/
img{max-width:100%; height:auto;border:0;}
p.smallTextNote {
  font-size: 13px;
}
.smallTextNote a{color:#fff;}
.impulseOuter{width:1140px; max-width:100%; margin:80px auto 0 auto;}
.impulsLine{display:flex; flex-wrap:wrap; justify-content:space-between;margin-bottom:100px;}
.impulsLine.frr{flex-direction: row-reverse;}
.impulseImg{min-width:34%; max-width:34%}
.impulseImg img{border-radius:15px; }

.impulseTxt{min-width:64%; max-width:64%;font-size:1em;line-height: 1.4em;}

.impulsLine h2 {margin-top:0px;font-size:1.6em;line-height:1.2em;}
.khtrennlinie {
  text-align: center;
  width: 100%;
  margin-top: 90px;
}
.introimpulse {padding-top:180px;}

/** Impulstage **/
.impulsTageList {display:flex; flex-wrap:wrap; justify-content:space-between;margin-bottom:100px;width:100%;}
.impulstagLine{min-width:45%; max-width:45%;margin-bottom:10px;}
.impulsTageListTitle {width:100%; color: #DF0150}
a.impulsTageLink {position:relative;color:#df0150;text-decoration: none;font-size:22px;font-weight:700;padding-left:15px;text-transform: uppercase;}
a.impulsTageLink:before {
  content: "";
  background: url(/assets/kirchlich-heiraten/img/builet_red.png) no-repeat left;
  position: absolute;
  top: 8px;
  width: 10px;
  height: 11px;
  left: 1px;
}
.impulsTageLink:hover{
  color: white;
}
.impulsTageLink:hover:before{
  background:url(/assets/kirchlich-heiraten/img/builet.png) no-repeat left;
}
/** Impulstage Detail **/
.impulseTageOuter {width:1140px; max-width:100%; margin:150px auto 0 auto;}
.impulsTagContent {display:flex; flex-wrap:wrap; justify-content:space-between;width:100%;}
.impulsTagContentElement {min-width:49%;max-width:49%;}
.impulseTageOuter .impulsLine h2 {
  font-size: 2.1em;
}


/*Impulstage Detail Formular*/
.impulsFormFlexRow {
  width: 50%;
  box-sizing: border-box;
}
.impulsFormFlex{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.impulsFormFlexRow.braut{padding-right:10px;}
.impulsFormFlexRow.brautigam{padding-left:10px;}

/** Hader KH **/
header {display:flex; flex-wrap:wrap; justify-content:space-between;top:0;}
.centerimage {text-align:center;}

/** CONTENT Sections **/
.sectionBlue {background-color:#9CD4D8;}
.sectionRed {background-color:#DF0150;}

.contentBoxed {max-width:1140px; margin:0 auto; display:flex;flex-wrap:wrap; justify-content:center;}
.contentFullWidth {max-width:100%; display:flex;flex-wrap:wrap; justify-content:center; }


/* Slideshow container */
.slideshow-container {
    position: relative;
    margin: auto;
    width:100%;
  }
  .slideshow-container img {max-height: 683px;}
  /* Hide the images by default */
  .mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6 {
    display: none;
    padding:40px 0px;
    width: 100%;
    min-height:674px;
  }
  .mySlideText {
    max-width: 800px;
    margin: 0 auto;
    padding-top:5%;
    display:flex; flex-wrap:wrap; justify-content:space-between;
    }
    .mySlideText ul li  {margin-bottom:10px;}
    .leftSideSlideText {max-width:49%;min-width:49%;}
    .rightSideSlideText {max-width:49%;min-width:49%;}
  /* Next & previous buttons */
  .prevBB, .nextBB, .prevRB, .nextRB {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    width:70px;
    height:66px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    

  }
  
  /* Position the "next button" to the right */
  .nextBB {
    right: 0;
    background-image:url("/assets/kirchlich-heiraten/img/slider/btn-red-next.png");
  }
  .prevBB {
    background-image:url("/assets/kirchlich-heiraten/img/slider/btn-red-pre.png");   
  }
  .nextRB {
    right: 0;
    background-image:url("/assets/kirchlich-heiraten/img/slider/btn-blue-next.png");
  }
  .prevRB {
    background-image:url("/assets/kirchlich-heiraten/img/slider/btn-blue-pre.png");   
  }
  
  /* Fading animation */
  .fade,  .navContainer {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  .navContainer {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
  }
  @-webkit-keyframes fade {
    from {opacity: .2}
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .2}
    to {opacity: 1}
  }
/* Registration */
.regNote {
  font-size: 0.8em;
  margin-top: -20px;
  margin-bottom: 20px;
  font-style: italic;
}
section#registration {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 50px;
}
  /*Formular*/
  input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }
.formwrapper{
  width:100%;
  display:flex;
  justify-content: center;
}
.formwrapper form{
  display:flex;
  flex-direction: column;
  width: 100%;
  max-width:600px;
}
.formwrapper .input_box{
  position: relative;
}

.formwrapper .input_box input, .formwrapper .input_box textarea{
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #000000;
  outline: none;
  background: transparent;
  border-radius:0;
}
.formwrapper .input_box textarea{
  max-width:600px!important;
}
.formwrapper .input_box label {
  position: absolute;
  top:0;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #ffffff;
  pointer-events: none;
  transition: .5s;
}
.formwrapper .input_box input:focus ~ label,.formwrapper .input_box input:not(:placeholder-shown) ~ label, .formwrapper .input_box textarea:focus ~ label,.formwrapper .input_box textarea:not(:placeholder-shown) ~ label{
  top: -20px;
  left: 0;
  color: #ffffff;
  font-size: 12px;
  border-bottom:#ffffff;
}

.formwrapper .check_box {
  display: flex;
  flex-direction: row;
}
.check_box {
  position: relative;
  max-width:100%;
  height: 90px;
}
.check_box input {
  position: absolute;
  width: 100%;
  opacity: 0;
  height: 50px;
  margin: 0;
  z-index: 9999;
  cursor:pointer;
}

.check_box span {
  position: absolute;
  color: #000000;
  z-index: 9999;
  padding: 15px;
  cursor: pointer;
}
.big_check_box{
  width:100%;
  height:50px;
  border-radius:5px;
}
.check_box input:checked ~ .big_check_box {
background-color:#9CD4D8; 
}
.check_box input:checked ~ span{
  color:#DF0150;
  font-weight:bold;
}
.check_box label {
  background-color: #ffffff;
  width:50%;
  height: 50px;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius:5px;
}
.check_box label:first-child{
  margin-right:20px;
}
.partnernotification.check_box label{
  width:100%;
}
.partnernotification.check_box label:first-child{
  margin-right:0px;
}
.submitbtn #btnSubmitRegistration, #submitForm{
  border:1px solid #ffffff;
  cursor:pointer;
  border-radius:5px;
  padding:10px 0px;
  text-align:center;
}
.submitbtn #btnSubmitRegistration:hover, .submitbtn #btnSubmitRegistration:focus, #submitForm:hover, #submitForm:focus{
  border:1px solid #9CD4D8;
  background-color:#9CD4D8;
}

.formwrapper input:invalid{
  box-shadow:none;
}

.formwrapper .input_box input:not(:placeholder-shown){
  border-bottom:1px solid #ffffff;
}
.formwrapper .input_box input:placeholder-shown{
  border-bottom:1px solid #000000;
}

.phone.input_box{
  display:none;
}
.partnerwrapper , .partneremail, .partnerphone {
  display:none;
}
.notification{
  position: relative;
  margin-bottom:20px;
}
.notmessage {
  position: absolute;
  bottom:0;
  font-size:16px;
}
#divSaveNewReg h3 {
  color: #DF0150;
  text-align: center;
  background-color: #9CD4D8;
  width: auto;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  border-radius:5px;
  margin-bottom:10px;
  box-shadow:3px 3px 3px 3px rgb(0 0 0 / 20%);
}

.headerLeft .headerbtn{
  background-color: white;
  height: 40px;
  width: 200px;
  margin-left: -250px;
  padding: 5px;
  display:flex;
  flex-wrap:wrap;
}
.headerbtn > div{
  flex:50%;
}
.headerbtn .headerimg1{
  width:100%;
  max-width:40px;
}
.headerbtn .headerimg2{
  width:100%;
  min-width:160px;
}
.mySlideohneFlex {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 5%;
    flex-wrap: wrap;
    justify-content: space-between;
}


/*
.iframeVideo{width: 522px; height:294px; margin-top: 12px}
@media only screen and (max-width:1000px){
    .iframeVideo{margin-top: 12px; width: calc(100vW - 80px); height:calc(100vW / 1.77)}
}
*/
.iframeVideo {
  display: block;          /* verhindert Inline-Gap */
  /*width: calc(100% - 40px);*/
  width: 100%;
  /*margin-inline: 20px;*/   /* erzeugt die 40px Gesamt-Abstand */
  aspect-ratio: 16 / 9;
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ullForVideo{
  width: 100%;
  list-style: none;
  padding: 0;
}