/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
/* vermeidet blaue Antippsache */
html {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
-webkit-tap-highlight-color: #00000000;
} 

html, body {
height: 100%;
width: 100%;
}

html { 
font-family: sans-serif;
line-height: 24px;
}

* {
margin: 0;
padding: 0;
} 

.abstandTop {
width: 100%;
height: 64px;
}

.abstand75 {
width: 100%;
height: 75px;
}

.larr {
font-size: 24px;
}

.center-page {
width: 80%;
max-width: 1200px;
margin: auto;
}

.edge-l-r {
margin: 0 8px;
}

h1 {
display: inline;
font-size: 18px;
font-weight: bold;
cursor: pointer;
/* letter-spacing: .02em; */
}

h2 {
font-size: 18px;
font-weight: bold; 
}

h3 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase; 
}

p {
font-size: 16px;
}

a {
color: #000;
text-decoration: none;
font-size: 16px;
}

li {
margin-left: 16px;
line-height: 28px;
}

li a:hover {
text-decoration: underline; 
text-underline-offset: 0.2em; 
text-decoration-thickness:1.5px;
}

#visit {
font-weight: bold;
text-decoration: none; 
cursor: default;
}

.img-group {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
}

.img-group img {
width: calc(100% / 3 - 4px);
height: auto;
}

.img-group-about {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
}

.img-group-about img {
width: calc(100% - 6px);
}

.img1 {
border-radius: 8px 0px 0px 0px;
}

.img3 {
border-radius: 0px 8px 0px 0px;
}

.img-group-text {
width: 100%;
text-align: center;
border-radius: 0px 0px 8px 8px;
background-color: #7080901a;
margin-top: 4px;
}

.img-group-text h2 {
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 8px 0px;
}

.img-360 a img {
width: 100%;
}

.BildText {
font-size: 12px;
line-height: normal;
}

.info-text {
width: 100%;
max-width: 800px;
}

footer {
text-align: center;
}

#InstagramIconFooter {
width: 16px;
height: 16px;
padding: 8px 0;
opacity: .6;
}

#left {
text-align: left;
}

footer, #left #InstagramIconFooter {
padding: 8px 0px;
}

/*--------------------
 Back to Top Button
---------------------*/

.button-top {
width: 21px;
height: auto;
}

.scrollToTopBtn {
background-color: #fff;
border: none;
border-radius: 4px;
left: calc(50vw - 18px);
text-decoration: none;
cursor: pointer;
text-align: center;
width: 36px;
height: 24px;
position: fixed;
bottom: 16px;
z-index: 9;
opacity: 0;
transform: translateY(100px);
transition: all .5s ease
}
    
.showBtn {
opacity: 1;
transform: translateY(0)
}


/* ################################
############ BREAKPOINT ############ 
###################################  */

@media(max-width: 800px) {

.center-page {
width: 90%;
}

.abstandTop {
height: 48px;
} 

.abstand75 {
width: 100%;
height: 75px;
}

.img1 {
border-radius: 8px 8px 0px 0px;
}

.img3 {
border-radius: 0px 0px 0px 0px;
}

.img-group {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 100%;
}

.img-group img {
width: 100%;
height: auto;
padding-bottom: 8px;
}

.img-group-text {
margin-top: 0px;
}

.img-group-text h2 {
padding: 16px 32px;
}

.img-group-about {
flex-direction: column;
}

.img-group-about img {
width: 100%;
}

li a:hover {
text-decoration: none;
}

}