#wrapper {
    overflow-x:hidden;
    position:relative;
}
@media screen and (min-width:1450px) {
    .grid-container {
        position:relative;
        left:calc(99% - 1340px);
        margin-left:inherit;
        margin-right:inherit; 
        max-width:80rem;
}

 #container {
    width:100%;
    position:relative;
    min-height: calc(100vh - 60px);
 /*   //background-color: #eaffea;  */
}}
/*
#container {
    //background-color:#4e7a87;
   //background-image: url('/files/pictures/backgrounds/wood1.webp');
    //background-size:cover;
    //background-position: 0 -0rem;
} */
@media screen and (max-width:680px) {
    #container {
        width:100%;
        position:relative;
        min-height: calc(100vh - 60px);
    }
}
@media screen and (max-width:700px) {
    #header {
/*        height:60px;  */
        padding:0.6rem;
        position:absolute;
        top:0;
        width:100%;
    }
}
@media screen and (min-width:751px) {
#header {
    height:550px;
    padding:0.6rem;
    position:relative;
    top:0;
    width:100%;

}
}
@media screen and (min-width:850px) {
#main {
    margin-top:4.2rem;
}}

@media screen and (min-width:650px) and (max-width:1240px) {
    .mod_article:not(.boxes) {
    max-width: calc(100vw - 40px);
}
}
@media screen and (max-width:649px) {
    .mod_article:not(.boxes) {
    max-width: calc(100vw - 20px);
}
}
.mod_article .boxes {
    background-image:none;
    background-color:transparent;
}
.title {
	position:absolute;
	left: 5%;
	top:200px;
}
.title h1 {
	font-size:6rem;
	transform:scaleY(1.1);
	line-height:1;
	z-index:9;
	font-family: Poppinsextrabold;
	color: transparent;
	-webkit-text-stroke:2px #fff;
	background-image: url('/files/pictures/backgrounds/titel_background2.jpg');
	-webkit-background-clip: text;
	background-position:0 0;
	animation: titlemove 70s linear infinite;
}Schliessen 
@keyframes titlemove {
    100% {background-position:2000px 0;}
}

.title h2 {
	font-size:2.24rem;
	line-height:1;
	z-index:9;
	font-family: Poppinssemibold;
	color: white;
}
.ce_text {
    margin-bottom:1rem;
}
/*
@media screen and (max-width:649px) {
    .title0,
    .title_lower .title0 {
     position:absolute;
     width:64%;
     margin-left:18%;
     margin-right:18%;
     margin-top:0;
     top:10px;
     display: flex;
     flex-flow: row nowrap;
     justify-content:center;
     z-index:80; 
     padding: 2px 0px; 
  }
 
    .title0 hr,
    .title_lower .title0 hr {
   display:none;     
    }
}
@media screen and (min-width:650px) and (max-width:849px) {
.title0,
.title_lower.title0{
   position: fixed;
   top:10px;
   height: auto;
    z-index:82; 
   padding: 2px 0px; 
   display: flex;Schliessen 
   flex-flow: row nowrap;
   justify-content:center;
    width: 76%;
    margin-left: 13%;
    margin-right: 11%;
}
/* .title_lower.title0 {
  position: absolute;
  display:block;
  height: auto;
  z-index:2; 
  padding: 2px 0px; 
} */
/*
.title00 {
  display:flex;
}
}

@media screen and (min-width:850px) {
.title0{
  position: absolute;
  top:calc(8vw + 150px);
  right:calc(2vw + 15px);
  /* display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center; 
  height: auto;*/
  /*box-shadow:0px 0px 18px rgb(255,255,255,0.3);
  z-index:2; 
  padding: 2px 0px; 
}

.bewohnende1 .slider-control {
    display:none;
} */

.mod_rocksolid_slider {
    padding-top:1rem;
    padding-bottom:2rem;
}
.rsts-skin-default .rsts-nav {
  bottom: 42px;
}
@media screen and (min-width:1150px) {
 .rsts-skin-default .rsts-nav-tabs a,Schliessen 
 .rsts-skin-default .rsts-nav-tabs a.active {
  padding:0.5rem;
  padding-top:0.25rem;
 }
}
@media screen and (min-width:650px) and (max-width:149px) {
 .rsts-skin-default .rsts-nav-tabs a {
  height: 20px;
  min-width: 20px;
  padding:0;
 }
}

@media screen and (max-width:649px) {
 .rsts-skin-default  .rsts-nav {
     display:none;
 }   
}
.card, .teamcard {
    margin: 0.7rem 0.7rem;
}
.flex200 {
    flex:0 1 200px;
    padding-right:0.6rem;
}
.flex250 {
    flex:0 1 250px;
    padding-right:0.6rem;
}
.flex280 {
    flex:0 1 280px;
    padding-right:0.6rem;
}
.flex300 {
    flex:0 1 300px;
    padding-right:0.6rem;
}
.flex350 {
    flex:0 1 350px;
    padding-right:0.6rem;
}
.invisible {
    display:none;
}
#popupbox {           
    display: none;
    position: fixed;
    top: 4%;
    left: 4%;
    align-items: center;
    cursor:pointer;
    z-index:2;
    border:2px dotted #d00;
        }
@media screen and (max-width:700px) {
    #popupbox { 
        width:calc(95% - 100px);
}
}
@media screen and (min-width:701px) and (max-width:1200px) {
    #popupbox { 
        width:70%;
}
}
@media screen and (min-width:1201px) {
    #popupbox { 
        width:45%;
}
}
.popup p {
    font-size: 1rem;
    text-align: left;
}
.popup h2, .popup h3,.popup h4,.popup p,.popup a,.popup li {
   color:#d00;
        }