/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body            {
                margin: 0;
                padding: 0;
                color: dimgray;
                font-size: larger;
                }
                
h1, h2          {
                font-family: 'Lato heavy', sans-serif;
                letter-spacing: 2px;
                }
                
p               {
                font-family: 'Lato regular', sans-serif;
                }
                
h2              {
                font-size: 50px;
                }
                
a               {
                color: #d35454;
                }
                
.firstimg       {
                height: 100vh;
                overflow: hidden;
                background-color: #d35454;
                }
                
h1              {
                position: absolute;
                z-index:1;
                max-width: 1160px;
                font-size: 500%;
                margin-top: 50px;
                color: white;
                }
                
@media screen and (max-width: 900px) {
h1              {
                max-width: 1160px;
                font-size: 450%;
                }
}

@media screen and (max-width: 770px) {
h1              {
                max-width: 1160px;
                font-size: 400%;
                }
}
    
@media screen and (max-width: 680px) {
h1              {
                max-width: 1160px;
                font-size: 350%;
                }
}            

@media screen and (max-width: 600px) {
h1              {
                max-width: 1160px;
                font-size: 300%;
                }
}  

@media screen and (max-width: 515px) {
h1              {
                max-width: 1160px;
                font-size: 250%;
                }
}

@media screen and (max-width: 427px) {
h1              {
                max-width: 1160px;
                font-size: 200%;
                }
}

@media screen and (max-width: 427px) {
h1              {
                max-width: 1160px;
                font-size: 200%;
                }
}     

@media screen and (max-width: 340px) {
h1              {
                max-width: 1160px;
                font-size: 150%;
                }
}

p               {
                line-height: 140%;
                }
                
.mikrokarte     {
                float: right;
                }
                
.makrokarte     {
                padding-bottom: 15%;
                }                
                
.ro1_item       {
                display: flex;
                padding: 10px 0 10px 0;
                z-index: 99999999999999999999999;
                }
                
@media screen and (max-width: 750px) {
.mikrokarte     {
				float: inherit;
                display: block;
                padding-bottom: 10%;
                }
.makrokarte     {
                padding-bottom: 10%;
                }
}
                
.floatimg       {
                padding-right: 15px;
                }
                
.imagemarg      {
                max-width: 100%;
                margin: 15px 0 15px 0;
                }
                
.inner_section2  {
                width: 90%;
                max-width: 1160px;
                margin: auto;
                }
                
.iframe-headline{
                color: dimgray;
                position: absolute;
                z-index: 10;
                max-width: 1160px;
                margin: auto;
                margin-top: 50px;
                }     

.logos          {
                padding-right: 25px;
                }              

.inner_content  {
                position: relative;
                width: 90%;
                max-width: 1160px;
                margin: auto;
                padding: 80px 0 80px 0;
                }
                               
.margin-top     {
                margin-top: auto;
                }
                
.margin-bottom  {
                margin-bottom: auto;
                }
                
.margin_bottom2 {
                margin-bottom:25px!important;
                margin-top: 30px;
                }
                
.inner_section  {
                position: relative;
                width: 90%;
                max-width: 1160px;
                margin: auto;
                }
                
.background_red {
                background-color: #d35454;
                color: white;
                }
        
.background_grey{
                background-color: #F0F0F0;
                font-size: medium;
                }
                
.background_blue    {
                    background-color: #87c0c6;
                    color: white;
                    
                    /*margin-bottom: -30px;*/
                    }
                    
/*@media (max-width: 1400px) {
.background_blue {
                    margin-bottom: -120px;
                    padding-bottom: inherit;
                }
                }
*/
                
.section_img    {
                max-height: 750px;
                overflow: hidden;
                }
                
.center         {
                display: flex;
                align-items: center;
                }
                
.bottom         {
                align-items: flex-end;
                display: flex;
                }
                
.sectioniframe  {
                /* max-height: 750px;*/
                overflow: hidden; 
                position: relative;
                padding-top: 54.3%;
                }
                
.img            {
                max-height: inherit;
                transform: translateY(50%);
                }
                
.img1           {
                display: block;
                transform: translateY(-45%);
                }
                
.imgiframe      {
                display: block;
                transform: translateY(-35%);
                }
                
/* @media screen and (max-width: 1400px) {
.img1           {
                transform: translateY(-35%);
                }
}
                
.img2           {
                display: block;
                transform: translateY(-70%);
                }
                
@media screen and (max-width: 1400px) {
.img2           {
                transform: translateY(-60%);
                }
}

@media screen and (max-width: 1100px) {
.img2           {
                transform: translateY(-50%);
                }
}
                
.img3           {
                display: block;
                transform: translateY(-70%);
                }
                
@media screen and (max-width: 1400px) {
.img3           {
                transform: translateY(-60%);
                }
}
@media screen and (max-width: 1100px) {
.img3           {
                transform: translateY(-50%);
                }
}
                
.img4           {
                display: block;
                transform: translateY(-60%);
                }
                
@media screen and (max-width: 1400px) {
.img4           {
                transform: translateY(-50%);
                }
}*/
                
footer          {
                background-color: #87c0c6;
                color: white;
                font-family: 'Lato regular', sans-serif;
                }
      
.footer-logo    {
                height: 50px;
                margin-top: 40px;
                margin-left: -4px;
                } 
                
.footer-logo2   {
                height: 70px;
                margin-top: 40px;
                margin-left: -10px;
                }
                
.left-line      {
                margin-left: 0px;
                }
                
.background_green{
                background-color: #a5c94c;
                }
                
.flex_row1      {
                max-width: 300px;
                }
                
.flex-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                row-gap: 80px;
                }
                
@media screen and (max-width: 900px) {
.flex-container > div{
                flex-basis: 40%;
                }
}

.flex-container1 {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                }

.flex-container2{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                }
                
@media screen and (max-width: 900px) {
.flex-container1 {
				display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                /*float: left;*/
                margin-right: 5%;
                }
}

@media screen and (max-width: 900px) {
.flex-container2 {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                flex-direction: column;
                 }
}

@media screen and (max-width: 600px) {
.flex-container1 {
                float: none;
                }
}
    
                
.flex-container > div {
                flex-basis: 30%;
                display: flex;
                }
                
@media screen and (max-width: 900px) {
.flex-container > div {
				flex-basis: 50%;
                }
}

@media screen and (max-width: 600px) {
.flex-container > div {
				flex-basis: 100%;
                }
}
                
table           {
                background-color: transparent;
                border-spacing: 0;
                border-collapse: collapse;
                width: 100%;
                font-family: 'Lato regular', sans-serif;
                font-size: medium;
                }

tr              {
                border-bottom: 1px solid white;
                }
                
td              {
                padding: 10px 0 10px 0;
                }      
                
.displayblock   {
                display: block;
                }
                
.start          {
                width: 110px;
                position: absolute; 
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 99999999;
                }
                
.container      {
                position: relative;
                overflow: hidden;
                width: 100%;
                }
                
.iframe_button  {
                /* max-height: inherit;
                min-height: 800px; */
                background-image:url(images/Halle6_Ansicht.jpg);
                background-position:bottom;
                background-size:cover;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                }
                
.responsive-iframe  {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 20;
                    }       
                
.flex-container1 > div, .flex-container2 > div  {
                        flex-basis: 30%;
                        }
                        
.padding_none   {
                padding: 0;
                }
                
.footer_link    {
                text-decoration: none;
                color: white;
                }
                
.smaller_h2     {
                font-size: 35px;
                }
                
.iframe-text    {
                color: dimgray;
                position: absolute;
                z-index: 10;
                max-width: 1160px;
                margin: auto;
                margin-top: 200px;
                }
                
@media screen and (max-width: 879px) {
.iframe-text    {
                margin-top: 250px;
                }
}

@media screen and (max-width: 491px) {
.iframe-text    {
                margin-top: 290px;
                }
}

@media screen and (max-width: 460px) {
.iframe-headline{
                font-size: 45px;
                }
}

@media screen and (max-width: 417px) {
.iframe-headline{
                font-size: 41px;
                }
}

.background_red_link    {
                        position: relative;
                        /*width: 90%;*/
                        max-width: 1160px;
                        /*margin: auto 0;*/
                        }
                        
.background_red_img     {
                        position: relative;
                        max-width: 1160px;
                        margin: auto;
                        }
                        
.red_img                {
                        object-fit: cover;
                        width: 100%;
                        }
                        
.link_white             {
                        color: white;
                        }