@font-face{
    font-family: "DancingScript-Regular";
    src: url("/font/DancingScript-Regular.eot");
    src: url("/font/DancingScript-Regular.eot?#iefix")format("embedded-opentype"),
	    url("/font/DancingScript-Regular.woff")format("woff"),
	    url("/font/DancingScript-Regular.woff2")format("woff2"),
	    url("/font/DancingScript-Regular.ttf")format("truetype"),
	    url("/font/DancingScript-Regular.svg#DancingScript-Regular")format("svg");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
	}
@font-face {
    font-family: "LatoWebLight";
    src: url("/font/Lato-Light.eot");
    src: url("/font/Lato-Light.eot?#iefix") format("embedded-opentype"),
         url("/font/Lato-Light.woff2") format("woff2"),
         url("/font/Lato-Light.woff") format("woff"),
         url("/font/Lato-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: "LatoWebBold";
    src: url("/font/Lato-Bold.eot");
    src: url("/font/Lato-Bold.eot?#iefix") format("embedded-opentype"),
         url("/font/Lato-Bold.woff2") format("woff2"),
         url("/font/Lato-Bold.woff") format("woff"),
         url("/font/Lato-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
body{font-family: "LatoWebLight";padding:0px;margin:0px;}
.fett{font-weight:600;font-size:1.2rem;}
.lila{color:#C1A9BC;margin-bottom:20px;font-family: "LatoWebBold"}
.textfooter{text-align: center;margin: 0px auto;font-size: 1.2rem;}
.Text{font-size:1.3rem;font-family: "LatoWebLight"}
.werbung{background-image: url(/img/blume.jpg);min-height:400px;background-size: cover;}
.slogen{font-family: "Dancing Script";font-weight: 500;font-size: 2.5rem;color:#fff;}
.bg-secondary {background-color:#fff!important;border-bottom:1px solid #C1A9BC;}
.anfang{margin-top:100px;position:relative;}
.buchen a{color:#fff;background-color:#65776A;display: inline-block;padding: 10px 20px;text-decoration: none;border-radius: 50px;margin: 20px 0px 40px 0px;font-size:1.3rem;box-shadow: 5px 4px 6px #707070;border-radius: 20px;}
a.buchen{color:#fff;background-color:#65776A;display: inline-block;padding: 10px 20px;text-decoration: none;border-radius: 50px;margin-top: 8px;box-shadow: 5px 4px 6px #707070;border-radius: 20px;}
a.buchen:hover,.buchen a:hover{color:#fff;background-color:#C1A9BC!important;}
h1,h2,h3{color:#65776A;}
h3{font-weight:400;}
h1{font-family: "Dancing Script";font-weight: 500;font-size: 3.5rem;}
h2.ueberschrift{font-family: "Dancing Script";font-weight: 500;font-size: 3.5rem;margin-bottom:30px;}
h2.kontakt{font-family: "Dancing Script";font-weight: 500;font-size: 3.5rem;margin-bottom:30px;color:#fff;}
#mainNav .navbar-brand {font-family: "Dancing Script";font-weight: 100;font-size: 1.4em;}
h4.lila{font-size: 1.4rem;font-weight: 600;margin-bottom:20px;margin-top:30px;font-family: "LatoWebBold"}
h3.ueberschrift{font-size: 1.6rem;font-weight: 600;margin:20px 0px;font-family: "LatoWebBold"}
.teil1{background-image: url(/img/abbinder.png);background-repeat: no-repeat;background-position: bottom;}
.footer{background-image: url(/img/hintergrund.png);background-position: bottom;background-size:100% 70%;background-repeat: no-repeat;}
.block1{background-image: url(/img/eye.png);background-repeat: no-repeat;padding-left:100px;}
.block2{background-image: url(/img/hand.png);background-repeat: no-repeat;padding-left:100px;}
.block3{background-image: url(/img/seedling.png);background-repeat: no-repeat;padding-left:100px;}
.copyright{padding-bottom:40px;padding-top: 30px;border-top:1px solid #fff;font-family: "LatoWebLight"}
.grafik{background-color:#65776A;text-align: center;position:relative;}
.grafik img{position:absolute;top:-40px;}
.DSV{position:absolute;right:20px;cursor: pointer;}
.slogen{background-image: url(/img/schmuck.png);background-repeat: no-repeat;background-position: center top;padding-top: 100px;max-width:500px;}
.terminfindung{background-image: url(/img/blume2.png);min-height:400px;background-size: cover;}
.terminfindung h2{margin-top:70px;}
.terminfindung .textfooter{max-width:850px;font-size: 1.2rem;}
.terminfindung .buchen{margin:30px 0px 50px 0px;}
#mainNav .navbar-nav li{text-align: center;}
#mainNav .navbar-nav li.nav-item a.nav-link {color: #65776A;font-size:24px;font-weight:400;display:inline-block;min-width:170px;}
#mainNav a.nav-link.active {color: #fff;background: #fff!important;background-image: url(/img/Bluetenblatt.png)!important;background-repeat: no-repeat!important;}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {color: #fff;background: #fff!important;background-image: url(/img/Bluetenblatt.png)!important;background-repeat: no-repeat!important;}

.feilbox{position:relative;}
.pfeil{position:absolute;bottom:0px;animation: mymove 1.9s infinite;}
@keyframes mymove {
  from {bottom: 30px;opacity: 1; }
  to {top: 90%;opacity: 0; }
}
@media (max-width: 600px) {
#mainNav a.nav-link.active{background-image:none!important;font-size:18px!important;}
#mainNav .navbar-nav li.nav-item a.nav-link{display:block;font-size:18px!important;border-bottom:1px solid #65776A;    border-radius: 0px !important;}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {background-image:none!important;color:#C1A9BC}
a.buchen {display:block;text-align: center;}
.slogen{font-size: 1.9rem;background-size: 15%;max-width: 400px;background-position: 40% 31%;;}
.werbung{min-height:255px;background-position: top;}
.page-section{padding:2rem 0rem;}
.pfeil{display:none;}
h1 {font-size: 3rem;margin-bottom:30px;}
.buchen a{display:block;text-align:center;}
.grafik img {left:41%}
.teil1 img{margin-bottom:30px;}
}
.textfooter a{color:#fff;text-decoration:none;}
.textfooter a:hover{text-decoration:underline;}
.eva{cursor: pointer;}