/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sacramento-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sacramento-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*fixed Backgroundpic*/
#index::before {
  content: ' ';
  display: block;
  background-image: url("../img/body/ueberscrollbild-body.jpg");
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -100;
  background-repeat: no-repeat;
}
#amme::before {
  content: ' ';
  display: block;
  background-image: url("../img/body/ueberscrollbild-body.jpg");
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -100;
  background-repeat: no-repeat;
}
/*fixed Backgroundpics ENDE*/
.second-nav {
    position: fixed;
    top: 10em;
    opacity: 0.8;
    z-index: 2356;
    text-align: left;
    transition: margin-right 0.5s ease-in-out;
    margin-right: -150px;
    right: 0px;
}
.second-nav:hover {
	margin-right: 0px;
	opacity: 1;
}
.nav-pill .nav-link {
	border-radius: 2rem 0rem 0rem 2rem;
}
.second-nav .nav-pill .nav-link:hover {
	background-color: #a55b78;
	color: rgba(255,255,255,1.00);
}
.second-nav .nav-pill .nav-link {
	background-color: #428891;
	color: #ffffff;
}
.toplink{
    color: #ffffff!important;
}
.loch{
    height: 20em;
}
.loch-small{
    height: 10em;
}
body {
    font-family: "Open Sans";
    font-size: medium;
    font-weight: 500;
    background-size: contain;
    position: relative;
}
.handwrite{
    font-family: "Sacramento";   
}
.name1{
    font-family: "Open Sans";
    font-size: large;
}
body p {
  font-size: 1rem;
}
main {
  position: relative;
}
[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
[data-title]:after {
  content: attr(data-title);
  background-color: #a55b78;
  color: #ffffff;
  font-size: 100%;
  position: absolute;
  padding: 1px 5px 2px 5px;
  bottom: -1.6em;
  left: auto;
  white-space: nowrap;
  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border-color: #111111;
  /* [disabled]border-style: solid; */
  border-width: 1px;
  z-index: 99999;
  visibility: hidden;
  right: 100%;
  border-radius: 5px;
}
[data-title] {
  position: relative;
}
header {
    background-image: url(../img/head/%C3%BCberscroll-head.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.topscroll a:link {
  color: #FFFFFF;
    position: fixed;
    top: 8em;
    right: 0em;
    z-index: 2356;
    text-align: left;
    background-color: #428891;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 32px;
    height: 43px;
    font-size: x-large;
    padding-left: 2px;
}
.topscroll a:visited {
  color: #FFFFFF;
}
.topscroll a:hover {
  color: #FFFFFF;
    background-color: #a55b78;
}
.modal-body a:link {
  color: #000000;
}
.modal-body a:visited {
  color: #000000;
}
.modal-body a:hover {
  color: #FFFFFF;
    background-color: #a55b78;
}
.top-link {
    position: fixed;
    right: 0.5em;
    top: 1rem;
    z-index: 2096;
    font-size: large;
}
.btn-acc {
    background-color: #a55b78;
    color: #FFFFFF !important;
    font-size: medium;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(157, 157, 157, 1.00);
    box-shadow: 0px 0px 9px 1px rgba(157, 157, 157, 1.00);
    margin-top: -10px;
}
.btn-acc:hover {
  -webkit-box-shadow: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px;
  background-color: #428891;
}
.btn-acc1 {
    background-color: #428891;
    color: #FFFFFF !important;
    font-size: medium;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(157, 157, 157, 1.00);
    box-shadow: 0px 0px 9px 1px rgba(157, 157, 157, 1.00);
    margin-top: -10px;
}
.btn-acc1:hover {
  -webkit-box-shadow: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px;
  background-color: #a55b78;
}
.button-img{
    height: auto;
    width: 1.1rem;
}
.logo{
    padding-left: 2em;
    padding-right: 2em;
    height: auto;
    width: 35%;

}
/*NAV*/
.navbar-brand {
    color: #428891 !important;
    position: absolute;
    top: 10px;
}
.bg-dark {
    background-color: #000000 !important;
    color: rgba(255,255,255,1.00);
}
.navbar-collapse {
  flex-grow: 1;
}
.container-fluid.my-cont {
  justify-content: center;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(165,91,120,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler:focus {
    -webkit-box-shadow: 0px 0px 0px 2px rgba(165,91,120,1.00);
    box-shadow: 0px 0px 0px 2px rgba(165,91,120,1.00);
}
.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}
.navbar a:link {
    color: #428891 !important;
    font-weight: 700;
    font-size: large;
}
.navbar a:visited {
    color: #428891!important;
}
.navbar a:hover {
    color: #a55b78 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #a55b78 !important;
  background-color: rgba(0, 0, 0, 0.00)
}
.active {
  color: #a55b78 !important;
}
.nav-float {
  float: left;
  margin-right: 1em;
  /* [disabled]font-size: 1.3vw; */
}
.border-left {
  border-left: thin solid rgba(255, 255, 255, 1.00);
}
.aos {
  overflow-x: hidden;
  overflow-y: hidden;
}
.aos-item {
  padding-top: 49px;
  padding-bottom: 19px;
  margin-bottom: -24px;
  margin-top: -28px;
}
.himbeer{
    color: #a55b78;;
}
.white {
  color: #ffffff !important;
}
.bg-gray{
    background-color: rgba(29,29,29,0.00);
}
.bg-dark-head {
    background-color: #000000;
    color: #ffffff;
}
.bg-white {
    background-color: rgba(255,255,255,1.00) !important;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.bogen-end{
    background-color: #a55b78;
    width: auto;
    height: 4em;
    border-top-right-radius: 1269px 66px;
    border-top-left-radius: 1269px 66px;
    z-index: 65;
}
.bogen-start-white{
    background-color: #ffffff;
    width: auto;
    height: 4em;
    border-top-right-radius: 1269px 66px;
    border-top-left-radius: 1269px 66px;
}
.bogen-start-beere{
    background-color: #a55b78;
    width: auto;
    height: 4em;
    border-top-right-radius: 1269px 66px;
    border-top-left-radius: 1269px 66px;
}
.bogen-start{
    background-color: #428891;
    width: auto;
    height: 4em;
    border-top-right-radius: 1269px 66px;
    border-top-left-radius: 1269px 66px;
}
.bogen {
    position: relative;
    bottom: 0;
}
.bg-gray{
    color: #000000;
    background-color: #e3e4e6;
}
.bg-gray1{
    color: #000000;
    background-color: #faf9f9;
}
.bg-beere{
    color: #FFFFFF;
    background-color: #a55b78;}
.bg-turkwhite{
    color: #FFFFFF;
    background-color: #428891;
}
.bg-turkwhite-light{
    color: #FFFFFF;
    background-color: #6AB1BB;
}
.bg-contact{
    background-image: url(../img/body/hintergrund-kontakt.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.turkwhite{
    color: #428891;
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    color: #FFFFFF;
}
a:hover {
  color: #a55b78;
  text-decoration: none;
}
li {
    list-style-type: none;
}
.size2{
    font-size: 1.3rem;}
.size3{
    font-size: 2.7rem;
}
b {
  font-weight: 500;
}
h1 {
    font-size: 2rem;
    /* [disabled]font-weight: 600; */
}
.h1{
    font-size: 2rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.5em;
}
h4 {
  font-size: 1.2rem;
}
.no-break{
   display:inline;
    margin:0px; 
}
.blockquote{
    text-align: justify;
    font-size: 1rem;
}
.has-error {
  color: blue;
}
.fett {
  font-weight: bold;
}
.form_design {
  border-style: none !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-radius: 50px;
  background: #575757;
  box-shadow: inset 13px 13px 18px #373737, inset -13px -13px 18px #777777;
}
.mobil-center{
    text-align: left;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 !important;
  opacity: 1; /* Firefox */
}
/*accordion Colors*/
.accordion p {
  font-size: 0.9rem;
}
.accordion-item {
    background-color: rgba(255, 255, 255, 0.00) !important;
    border-style: none none solid;
    border-bottom-width: thin;
    border-bottom-color: rgba(133,133,133,1.00);
}
/*Kopf aufgeklappt*/
.accordion-button:focus {
    /*background-color: #717171 !important;*/
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(46,46,46,0.00)!important;
    box-shadow: 0px 0px 4px 0px rgba(46,46,46,0.00)!important;
}
.accordion-button:active {
  background-color: rgba(254, 129, 0, 0.00) !important;
    border-radius: 10px!important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
    box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
}
/*Kopf zugeklappt*/
.accordion-button.collapsed {
    background-color: rgba(87,87,87,0.00) !important;
    /*border: thin solid #fe8100;*/
    border-radius: 10px!important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
    box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
}
.accordion-button:not(.collapsed)::after {
  background-color: rgba(254, 129, 0, 0.00) !important;
    /*border: thin solid #fe8100;*/
    border-radius: 10px!important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
    box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
}
/*ausgeklappt daneben geklickt*/
.accordion-button {
    background-color: rgba(231,39,218,0.00) !important;
    color: #ffffff;
    font-weight: 400;
    /*border: thin solid #fe8100;*/
    border-radius: 10px!important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
    box-shadow: 0px 0px 4px 0px rgba(46, 46, 46, 0.00)!important;
}
.accordion-body {
  color: #FFFFFF;
  font-size: 1rem;
}
.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path 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'/></svg>") !important;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(100,0,0,0.00);
}
.accordion-body .btn-warning {
  background-color: #D1D1D1 !important;
  color: rgba(24, 116, 103, 1.00);
}
.accordion-body button:hover {
  background-color: #D1D1D1 !important;
  color: rgba(255, 255, 255, 1.00);
  border-color: #187467;
}
.accordion-button:not(.collapsed) {
    color: rgba(208,39,40,1.00);
  background-color: #fab800;
  /*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)*/
    /*border: thin solid #fe8100;*/
}
/*ENDE accordion Colors*/

.card{}
.noboarder{
    border-style: none;
}
.card-height{
    height: 15em;
}
.card-text{
    text-align: justify;
}
.card-body{}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23408667' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23408667' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.bg-gray1 a:link{
    color: #a55b78;
    font-weight: 600;
}
.bg-gray1 a:visited{
    color:#a55b78;
}
.bg-gray1 a:hover{
    color: #428891;
}
.bg-white a:link{
    color: #a55b78;
    font-weight: 600;
}
.bg-white a:visited{
    color:#a55b78;
}
.bg-white a:hover{
    color: #428891;
}
.anfahrt{
    font-size: medium;
}
.anfahrt a:link{
    color: #000000;
}
.anfahrt a:visited{
    color:#000000;
}
.anfahrt a:hover{
    color: rgba(208,39,40,1.00);
}
#impress a:link{
    color: #000000;
}
#impress a:visited{
    color:#000000;
}
#impress a:hover{
    color: rgba(208,39,40,1.00);
}
#erfolgsmeldung a:link{
    color: #000000;
}
#erfolgsmeldung a:visited{
    color: #000000;
}
#erfolgsmeldung a:hover{
    color: #a55b78!important;
}
.save{
    visibility: hidden;
}
.frau{
    z-index: -647!important;
    background-image: url(../img/body/anmeldung/fiedler-kontakt.png);
    background-repeat: no-repeat;
    background-position: 120px bottom;
    background-size: contain;
}
.btn-danger{
    background-color: #a55b78;
    border-color: #a55b78;
}
.center{
    text-align: left;
}
footer {
    text-align: left;
}
footer p{
    font-size: 0.8rem;
}
footer .lead{
    font-size: 1rem;
}
footer a:link {
    font-size: 0.8rem;
    color: #FFFFFF;
}
footer a:visited {
    color: #FFFFFF;
}
footer a:hover {
   color: #428891;
}
footer img{
}
iframe{
    width: 100%;
    height: 300px;
    border-style: none;
}
.bg-gray-mobil{
    background-color: none;
}
.abstand-oben{
    padding-top: 3em;
}
@media (max-width: 1400px) {
.card-height{
    height: 18em;
}

}
@media (max-width: 1200px) {
.card-height{
    height: 14em;
}
.frau{
    z-index: -647!important;
    background-image: url(../img/body/anmeldung/fiedler-kontakt.png);
    background-repeat: no-repeat;
    background-position: 0px bottom;
    background-size: contain;
}
.abstand-oben{
    padding-top: 1em;
}
}
@media (max-width: 992px) {
.card-height{
    height: auto;
}
  #index::before {
    background-image: url("../img/body/ueberscrollbild-body-02.jpg");
  }
  #amme::before {
    background-image: url("../img/body/ueberscrollbild-body-02.jpg");
  }
.bg-gray1{
        background-color: #FFFFFF;
    }
.bg-gray-mobil{
    background-color: #faf9f9;
}
.logo{
    padding-left: 2em;
    padding-right: 2em;
    height: auto;
    width: 50%;

}
.frau{
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px bottom;
    background-size: contain;
}
.center{
    text-align: center;
}

.loch{
    height: 10em;
}
.loch-small{
    height: 8em;
}
.mobil-center{
    text-align: center;
}
.abstand-oben{
    padding-top: 0em;
}
}
@media (max-width: 768px) {
.abstand-oben{
    padding-top: 0em;
}
}
@media (max-width: 650px) {
}
@media (max-width: 576px) {}



/*IMG Effect Shrink Hover*/
.shrink img {
    transition: 1s ease;
    width: 60%;
    height: auto;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}