/*
font-family: 'ff-meta-web-pro', sans-serif;
font-weight: 600;
font-style: normal;

font-family: 'ff-meta-web-pro',sans-serif;
font-weight: 700;
font-style: normal;

font-family: 'ff-meta-web-pro',sans-serif;
font-weight: 400;
font-style: normal;
*/
html {
  scroll-behavior: smooth;
}

html .body {
  margin:0 auto;
}


body {
    font-family: 'ff-meta-web-pro',sans-serif;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.3rem;
    color: #212529;
    text-align: left;
	letter-spacing:0;
	
}

.navi-overlay {
	background-color: #ebc7c2;
}

.navi-dropdown {
	font-size: 3.4rem!important;letter-spacing: 0.79px!important;font-weight: 700!important;line-height: 80px!important;
}

.hamburguer-btn {
	background: transparent;
	outline: 0 !important;
	border: none;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 25px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

h1, h2, h3, h4, h5 {font-family: 'ff-meta-web-pro',sans-serif;font-weight: 700;letter-spacing: 0em;}
h2 {font-size: 1.9em;}

.fliesstext {font-size:18px;line-height: 26px;letter-spacing: 0;color: #212529;}
.fliesstext-impressum {font-size:18px;line-height: 26px;letter-spacing: 0;color: #212529;margin:0 0 50px 0;}
.adresse {color:#558E9F;font-weight: 600;font-size:0.9rem;line-height: 28px;letter-spacing: 0;}
.adress-div {margin-left:23px;}

b, strong {
    font-weight: 600;
}

a {letter-spacing: 0;text-decoration: none;}


/* over-Container fuer Startseite */
.startimage-over {
	z-index: 100;
    position: absolute;
	display:flex;
	margin-top:19%;
}

.startimage {
	display: flex;
  	justify-content: center;
  	align-items: center;
}

/* over-Container fuer footer */
.box {
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.box .boxcontent  {
	z-index: 100;
    position: absolute;
	display:flex;
}

.brandname-divs {
	margin: 54px auto 40px auto;
    padding: 20px 0;
    border-bottom: 1px solid #1a1b1c;
    text-align: center;
}

.brandnames {font-size:19px;font-weight: 600; line-height: 26px;letter-spacing: 0;color: #212529;}

#footer {
    background: transparent;
    border-top: none!important;
    font-size: 0.9em;
    margin-top: 20px;
    padding: 0;
    position: relative;
    clear: both;
}

#footer.footer-texts-more-lighten p, #footer.footer-texts-more-lighten span, #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css), #footer.footer-texts-more-lighten li {
    color: #212529;
}

#footer.a {font-weight: 400;}

/* Anfang Animation */
.slide-bottom {
	-webkit-animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
	        animation: slide-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-21 17:28:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}


/* Ende Animation */

/* responsive styles */
@media screen and (min-width:1025px) {

.adresse {color:#558E9F;font-weight: 600;font-size:0.9rem;line-height: 28px;letter-spacing: 0;}
.adress-div {margin-left:23px;}
	
.startimage {
	display: flex;
  	justify-content: center;
  	align-items: center;
}
	
	#cellphonefooter {display:none;}
	#desktopfooter {display:block;}

}


.cursor-default { cursor: default; }


@media screen and (max-width:1024px) {

.adresse {color:#558E9F;font-weight: 600;font-size:0.7rem;line-height: 25px;letter-spacing: 0;}
.adress-div {margin-left:14px;}
	
.startimage-over {
	z-index: 100;
    position: absolute;
	display:flex;
	margin-top:15%;
}
	
	#cellphonefooter {display:none;}
	#desktopfooter {display:block;}

}

@media screen and (max-width:813px) {

.adresse {display:none;}
.adress-div {display:none;}
	
.startimage {
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.startimage-over {
	z-index: 100;
    position: absolute;
	display:flex;
	margin-top:0;
}
	
#cellphonefooter {display:block;}

#desktopfooter {display:none;}

}