.footerSubtext {
    position: absolute;
    top: 55px;
    color: #666666;
}
.word-break{
	
	
	word-break:break-all;
	
}

#myModal{
display:none;	
}

.loader {
    position: absolute;
    top: 50%;
        left: calc(75%);
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border: 6px solid #e83248;
    border-top: 6px solid transparent !important;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 2;
	
	
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}


.sectionWithLegend p, h3, label {
    margin-left: 10px !important;
    margin-right: 10px !important;
	line-height: 1.5625rem;
}

.copyImg{
	
	position:relative;
	
}
.imgCopyLabel{
    position: absolute;
    bottom: 0;
    text-align: center;
    right: 0;
    left: 0;
    background: #006d8fad;
    color: white;
    font-weight: 300;
	visibility: hidden;
}

.copyImg:hover .imgCopyLabel{
	
	visibility: visible !important;
	
}
.copyImg:hover{
	

	
}
.massnahmeBold{
	
	font-weight:bold;
	
}
.splitFlex{
	
	display:flex !important;
	
	
}



calcite-button{
	
	color:white !important;
	
}

.closeText{
	
	
	font-size: 1.8rem !important;
	
}

.sectionWithHausen:after {
    width: 100%;
    background: #ff000000;
    position: absolute;
    content: "";
    bottom: -10rem;
    height: 10rem !important;
    /* top: 0; */
    display: block;
}


#spost {
    width: 100%;
    /* height: 100%; */
    background: white;
    margin-bottom: unset;
    opacity: 1 !important;
    z-index: 30;
    border-top: solid 1px #918f8f;
    padding: unset;
}


#s1:before {
    position: absolute;
    display: block;
    /* background: #ff000000; */
    height: 10rem;
    width: 100%;
    z-index: 15;
    top: -10rem;
    left: 0;
    content: "";
}

#ps0{
	
	margin-bottom: 10rem !important;background:#ffffff;    z-index: 13;
	
}

.vrsleft{
	

    margin-top: auto;
    margin-bottom: auto;

	
}


#IntroDiv{

z-index:15 !important;
    width: 100%;
}

#ThemenDiv {
    width: 100%;
}

#IntroContent {
  /*  box-shadow: 5px 5px 5px #000000c4;  */
}

#preSectionContainer{


z-index: 100;
}

.preSection{
	
	
	width:100% !important;
	    width: 100% !important;
    
    max-width: unset;
    box-shadow: unset;
}

.MainContent {
    /* margin-top: 168px; */
    height: calc( 100% - 58px )!important;
    
    top: 58px !important;
}
.hideRealy{
	
	display:none !important;
	
}

	.labelForImgSection{
		
		margin-top:auto;
		margin-bottom:auto;
	}
		.labelForImgSection:hover{
		
		cursor:pointer;
	}
	.imgSection{
		
		width:auto;
		height:80px;
		margin:auto;
		float:right;
	}
	.imgContainerSection{
		
		width:auto;
		height:auto;
		margin:auto;
		display:flex;
		
	}

	.imgContainerSection:hover{
		
		cursor:pointer !important;
		text-decoration: underline;
	}

	.readMoreButtonFindLegend{
		
		font-weight:700;
	}


				#sectionContainer{
					
					z-index:11;
					width: 100%;
					max-width: 1400px;
					margin: auto;
 
				}
				
				#s1{
					
					 
				}
				
				#klimaBB_navigation{
					
					width: max-content !important;
					
				}
				#s0{
					left:0 !important;
					width:unset !important;
					box-shadow:unset !important; 
					
				}
				
				
				 .vrsMenuMobil{
				
				display:block !important;
				
				
			}
				
				.topic-text{
					
					font-size:1.0625rem !important;
					
				}
				
				.introText-right:after {
					
					min-width:0 !important;
					
				}
				
				
				.split{
					
					display:block !important;
					
				}
				
				#introSubtext p {
					
					width:auto !important;
				}
				
			.klimaBB_menu_container{
				
				display:block !important;
				
				
				
			}
				
				.vrsInner{
					
					
					padding:0px !important;
					
				}
				
				
				.vrsLogo{
					
					padding:2px !important;
					
				}
				
				.logo_VRS > img{
				
					width:140px;
					
				}
				
				.vrsLogo > a > img{
					
				   
    position: relative;
    /* margin-left: 50px; */
    float: left;
    right: 0;
    margin: auto;
					   
				}
				
				.green_klimaBB.readMoreContainer_klimaBB {
    /* padding: 20px; */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
				
				
				
				.slider-container{
					padding:10px;
				}
				
				
				.logo_string{
					
					margin:10px;
					
				}
				
				
				.vrsHeader{
					
					height:58px!important;
					background-color:#ffffffd4 !important;
					
				}
                
				.vrsTabs{
					
					 border: solid #00a8e7;
					 border-width: 0 2px 2px 2px;				
					display: block !important;
					position: absolute !important;
					right: 0 !important;
					background: #fffffff2 !important;
					/* padding: 3rem; */
					
					transition: 1s !important;
					top: 58px !important;
					
					
}
					
					.tab-link{
						
						padding:15px;
						text-align:center;
						
					}
					
				.vrsTabsHidden{
					
					color:white;
					height:0 !important;
					display:none !important;
					
				}
				.vrsTabsHidden > div{
					color: #ff000000;
					z-index:-5 !important;
					transition: 1s;
					position:absolute !important;
				}
				.vrsTabsHidden > div:after{
					border-bottom: .1875rem solid #00b2e600 !important;
					
				}
				
				
				
				#logoBB{
					
					
				}
				
				
				
                
                #klimaBB_hausen{
                         width: 0 !important;
						min-width: calc( 100% - 400px );
                
                }
				
				
                
                #klimaBB_leg{
                
                width:50% !important;
                }
                
            .sidebar_klimaBB {
            
            
           
            width: 100% !important;
			margin-top: 58px;
			height: calc( 100% - 58px )!important;
    }
	
	.grid-item{
		
		background-color: unset !important;
		
	}
	
                #s0 {
        
    }
                #miniView{
					margin-left: 10px !important;
					right:unset !important;
                
                }
                
                
                #klimaBB_map {
                
                width:0 !important;
                min-width: calc( 100% - 400px );
				    
        width: 100% !important;
        height: calc( 100% + 60px ) !important;
        top: -60px !important;
		margin-top:0px !important;
		z-index:1;
    }
            #img_hausen{
            
            }



.uppercase_klimaBB{
	
	
	text-transform:uppercase;
}

.vrsMenuMobil {

    background: linear-gradient(to right top, #005979, #00a8e7, white);
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
	display:none;
}


.tourOuter{
	

	
}

#MenuDiv {
	position: inherit;
	 
}
.modalPicture{
	
	cursor:pointer;
	
}
.animationPuls{
	
	 animation-name: colorChange;
  animation-duration: 7s;
  animation-iteration-count: infinite;
}

@keyframes colorChange {
  0% {
	  
	  border:solid 2px black;
			}
  5% {transform: rotate( 180deg );
		transform: scale( 1.2 );
 
 
 }
  10% {transform: rotate( 0deg );	
	border:solid 0px;
 
 }
 15% {transform: rotate( 0deg );	
	transform: scale( 1 );
	
 }
}
100%{
	
	background-color:auto;
	
}


.esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content {
    max-height: none !important;
}
.esri-view-height-xsmall .esri-ui-corner .esri-component .esri-expand__content {
    max-height: none !important;
}

.preventScroll{
	
	overflow-y:hidden !important;
	
	
}
#s18{
    min-height: 800px;
}

esri-widget--button{
	
	
	background: rgba(148,148,148,0.8) !important;
}

.impressum{
	
	max-width:1400px;
	margin:auto;
}


.closeLink:after{
	
	
}

.headline{
	
	    z-index: 1;
    font-size: 3.1rem !important;
    line-height: 3.1rem;
    font-weight: 300;
    text-transform: uppercase;
	
}

::-webkit-scrollbar {
  
	    
		;
  }


#scroller{
  position: absolute;
    height: 100%;
    width: 20px;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Optional: Hintergrundfarbe */
	z-index: 100;
	
}


.scrollRed::-webkit-scrollbar {
	
	width:10px;
	
}

.scrollRed::-webkit-scrollbar-thumb {
	
	background: #e83248 !important;
	border-radius: 10px;
}
.scrollBlue::-webkit-scrollbar {
	
	width:10px;
	
}

.scrollBlue::-webkit-scrollbar-thumb {
	
	background: #72cbea !important;
	border-radius: 10px;
}

.scrollBrown::-webkit-scrollbar {
	
	width:10px;
	
}

.scrollBrown::-webkit-scrollbar-thumb {
	
	background: rgb(173, 147, 132) !important;
	border-radius: 10px;
}
.scrollGreen::-webkit-scrollbar {
	
	width:10px;
	
}

.scrollGreen::-webkit-scrollbar-thumb {
	
	background: #e2eddd !important;
	border-radius: 10px;
}




  
  /*
  ::-webkit-scrollbar-button {
    
  }
  ::-webkit-scrollbar-thumb {
   background: #005979;
    border-radius: 10px;
  }
    ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  */

  #modalFigure{
	  
	  margin: auto;
    height: 100%;
    width: fit-content;
	  
  }
  /*
  div#klimaBB_sidebar::-webkit-scrollbar {
	  
	
  }


div#ebene2::-webkit-scrollbar {
    display: block!important;
}
*/
 .MainContent {
    /* margin-top: 168px; */
    height: calc( 100% - 168px );
    transition: 1s;
    width: 100%;
    top: 168px;
	overflow-y:scroll;
}

.fixeMainContent{
	
		   position: absolute;
	
}

#klimaBB_legheader{

    cursor:grab;
    position:fixed;
    width:inherit;
    opacity:1 !important;
    
    
    }
           #MoreInfos{

			
			
                      }


                      #Footer{

                        
                        width:100%;
						


                      }
					  .footerNoneMargin{
						 
						  
					  }
					  
					  .impressum_klimaBB{
						      height: 158px !important;
							background:white !important;	
					  }
					  .fa {
	color:white		;			  
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
	
}
		.social_media{
		
    color: white;
    background: #00a8e7;
	height:50px;
			
		}	

.introText-right>.logo_string {
    z-index: 1;
    height: 40px;
    margin: auto 10px auto 10px;
}
		

.impressum_text		{
	
	

    font-size: large;
    padding: 20px 20px 20px 0;

    

	
	
}
					  
    .MoreInfosHide{

        display: none;
    }
    
            #miniView {
    width: auto;
    display: flex;
    position: fixed;
    /* left: 0px; */
      
    background: white;
    z-index: 10;
    /* border-top: #c9c9c9 solid 1px; */
    bottom: 30px;
    box-shadow: 0px -2px 10px #00000038;
}
            
        .miniElement {
       
        width: fit-content;
        margin: auto;
        display:grid;
    }
    .miniElement:hover{
        cursor:pointer;
    
    }
        .miniElement img {
          height: 70px;
        float: right;
		margin:auto;
		margin-top:10px;
    }
        .miniElement label{
        
        padding:5px;
        
        }
            #img_hausen{
                max-width: 1100px;
            }
            
            #img_leg{
            
            width:100%;
            
            }
            
            
			
			.klimaBB_menu_container{
				
				 display: inline-block;
				cursor: pointer;
				display:none;
				 position:absolute;
				right:10px;	
				top: 10px;
}
			
            
			.bar1, .bar2, .bar3 {
				  width: 35px;
				  height: 5px;
				  background-color: #898989;
				  margin: 6px 0;
				  transition: 0.4s;
				  border-radius:20px;
				
				}
							
							.changeMenu .bar1{
				  transform: translate(0, 11px) rotate(-45deg);
							}
			 
			.changeMenu .bar2{
				  opacity: 0;
				
			}
				.changeMenu .bar3{
				 transform: translate(0, -11px) rotate(45deg);
				
			}
			
            #vrsMenuMobil{
				
				
				
				
			}
			
			     @media screen and (max-width:1200px){
					 
					 .impressum_klimaBB > .introTextContainer-right{
						 
						 
						 display:none !important;
					 }
					 
				 }
			
			
            @media screen and (max-width:930px){
            
            .sidebar_klimaBB {
        
     
        height: 100% !important;
       
        left: 0px !important;
        margin-top: 0 !important;
		
		width: 100% !important;
        background: white;
        
    }
	
	
	
            
            
                #miniView {
					display:none !important;
    }
            
            
                
                #klimaBB_map {
       
        right: 0px !important;
       
        position: absolute;
        margin-top: 0px !important;
    }
                
                
                
            #klimaBB_navigation{
                
                display:none !important;
                
                }
            
            #s0{
                width:50% !important;
            }
            
            }
            
            
            @media screen and (max-width:600px){
            
			.righttitleText{
	
	
	display:none !important;
	
	
}

			
            #container_Handlungsfelder{
                
                display:none;
                
                }
            
            
            .sidebar_klimaBB {
            
            
           
            width:50%;
    }
                #s0 {
        
            width:100% !important;
    }
                #miniView{
                
                display:none;
                }
                
                
                #klimaBB_map {
                
            
                
    }
            #img_hausen{
            }
            
            
            
            
            }
            
            
            #klimaBB_hausen_InfoTour{
            
            padding:20px;
            
            }
            
            
            .klimabb_hausen_InfoTour_inner{
            
            height:400px;
            width:400px;
            padding:5px;
            overflow-y:auto;
            
            }
            
        .infoTour_leftArrow {
        position: absolute;
        left: -15px;
        top: calc(50% - 15px );
       
        border: none;
        border-radius: 20px 20px 20px 20px;
    }
        .infoTour_rightArrow {
        position: absolute;
        right: -15px;
        top: calc(50% - 15px );
        
        border: none;
        border-radius: 20px 20px 20px 20px;
    }
            
            #imgModel{
				
				max-width: 100%;
				max-height: 100%;
				
			}
            
            
            #klimaBB_mapHausen {
        width: calc( 100% - 60px );
        height: calc( 100% - 60px );
        top: 0;
        position: absolute;
        margin: 30px;
        box-shadow: 0px 0px 20px black;
		    background: white;
    }
            
            
            
      .fixe{
    
         
    
      }
    
      #handlungsansaetze{
    
          display: flex;
    
    
      }
    .firstLine{
        background: mediumaquamarine;
        padding: 10px;
    }
            .secondLine{
                background: lightgrey;
                padding: 10px;
            }
    
    
    
    
    #klimaBB_map {
       width: 66.6%;
    right: 0px;
    height: calc(100% - 48px);
    position: absolute;
    mix-blend-mode:multiply;
    margin-top: 48px;
    }
    
             #klimaBB_hausen{
                 width: 66.6%;
                 right: 0px  ;
                 
                 height:calc( 100% - 62px);;
                 margin-top: 62px;
                 position: absolute;
                
                 
                 background: #fbfbfba1;;
    
             }
             #img01.zooming:hover{
				cursor:zoom-out;
				 opacity: 0;
                
             }
			          #img01:hover{
				cursor:zoom-in;
				 
                
             }
			 
    
             #klimaBB_hausen .klimaBB_hausen_close{
                 
              
                 
                
             }
             #klimaBB_hausen span{
                 
             }
    
    
    .esri-component .esri-widget{

    }
    .esri-widget--button{
    
       text-shadow: 1px 1px 2px black;
        color: white !important;
        background: rgba(148,148,148,0.8) !important;
	border:none;
    }
	
	
	
	
    .esri-view-surface {
        background: white;
    }
    .GemeindenSuch{
    
    padding:5px;
    
    }
    .GemeindenSuch:hover{
    
    cursor:pointer;
    text-decoration:underline;
    
    }
    #ttttExpand{
        height: 300px;
        overflow-y: auto;
        width: max-content;
    
    }
    #switch-btn{
    
        position: absolute;
        bottom:20px;
        right: 10px;
    }
    #Legend-btn{
    
        position: absolute;
        top:150px;
        right: 12px;
    }
    
    .hide{
    display:none !important;
    }
    
    
    section > p {
    
    
    }
    
  
  
  section {
      box-shadow: 2px 2px 2px 1px #8f8f8f7a;
      margin-bottom: 5px;
      opacity:0.3;
      background:withe;
	   margin-bottom: 10rem;
	  
	   position:relative;
	
	   width:50%;
	       background: #fffffff0;
		   z-index:10;
  }
  section.esri-popup__navigation {
	  
	  opacity:1 !important;
	   box-shadow:none !important;
	  
  }
  
  
  .sectionActive_klimaBB{
      opacity:1 !important;
  
  }
  
          .link_klimaBB span{
  
              font-size: 20px;
          }
  
          .link_klimaBB{
      
  
    
      
          }
          
          .readMoreContainer_klimaBB{
          
          margin:10px;
          }
  
              .readMoreButton_klimaBB:hover{
          
          text-decoration: underline;
          cursor:pointer;
          
          
          }
  
  
      
  
              .readMoreButton2_klimaBB:hover{
          
          text-decoration: underline;
          cursor:pointer;
          
          
          }
       
      .privacy{
          margin-right: 20px;
			color:#666666

      
      
    }
  .privacy:hover{
	  
	  text-decoration: underline;
	  
  }
          .sidebar_klimaBB{
             
              overflow-y: auto;
              overflow-x: auto;
              position: absolute;
              height: 100%;
		
              text-align: left;
              font-size:1.0625rem;
            
              
              left:0px;
              
              width:33.3%;
             
  
          }
          
          #klimaBB_leg {
    position: fixed;
      top:168px;
  overflow-y: auto;
  width: 33%;
  height: 85%;
  z-index: 10000;
  background: white;
  resize:both;
  box-shadow:5px 5px 5px #00000087;
  
  }

.bannerImpressum{
	
	height:50px!important;
	position:absolute;
	right:0px;
}

.lightgrey{

    background: lightgrey;
}
li{

    list-style: none;
}
.nav{
    padding:4px;

}
#klimaBB_navigation{

    background: lightgrey;
    width: 100%;
    max-height: 100px;



}
#hitze{
    margin-left: 20px;
}
#starkregen{

    margin-left: 20px;
}
#klimaBB_left{
	    box-shadow: 3px 3px 3px #0000005c;
    display: flex;
}
#klimaBB_right {
    padding: 0;
    margin: 0;
	display: flex;
    padding: 10px;
    margin: auto;
	
}
#linkProblem{
	
	margin:auto;
	
}
#klimaBB_right > a{
	   color:black;
	
}

#klimaBB_start{
    display: flex;
}
#klimaBB_end{
    line-height: 1.7;
	display:flex;
}

#klimaBB_left > hr{
	
	margin:10px;
	
}

.nav_item{

    color: grey;

}

#container_Handlungsfelder{

    margin: auto;
	    margin-left: 10px;
		margin-right: 10px;
}

.navSimpre:hover{
    cursor: pointer;
    text-decoration: underline;

}
.active_ht{

    background: darkgray;
    color: black;
}

.active_ht > .nav_item{
    color: black;
}

#bestand.active_ht{
    box-shadow: 3px 3px 3px #393333bd;
}

.active_ht .nav_item:hover{
    cursor: pointer;
    text-decoration: underline;
}

.active_hitze{

    background: #e83248;
    box-shadow: 3px 3px 3px #393333bd
}
.active_starkregen{

    background:  #72CBEA ;
    box-shadow: 3px 3px 3px #393333bd;
}

#container_Handlungsfelder.active_hitze   ~ a{
    color: black;

}

.active_handlung > a{
    color:black;

}

.active_handlung > a:hover{
    text-decoration: underline;
    cursor: pointer;

}
.active_handlung2{

    color: white !important;
    box-shadow: 3px 3px 3px #393333bd;

}

.active_neubau{
    background: rgb(173,147,132);
}



.esri-widget--button.red_klimaBB:is(calcite-button):not(:hover) {
     --calcite-ui-icon-color: white !important;
	--calcite-color-foreground-2: #e83248 !important;
}
.esri-widget--button.green_klimaBB:is(calcite-button):not(:hover) {
    --calcite-ui-icon-color: black !important;
}

.esri-widget--button.grey_klimaBB:is(calcite-button):not(:hover) {
    --calcite-ui-icon-color: white !important;
	--calcite-color-foreground-2: rgba(148,148,148,0.8) !important;
}
.esri-widget--button.blue_klimaBB:is(calcite-button):not(:hover) {
    --calcite-ui-icon-color: white !important;
	--calcite-color-foreground-2: #72CBEA  !important;
}
.esri-widget--button.brown_klimaBB:is(calcite-button):not(:hover) {
    --calcite-ui-icon-color: white !important;
	--calcite-color-foreground-2: rgb(173,147,132) !important;
}













.red_klimaBB{
    background: #e83248 !important;
	color:white !important;
}

.red_klimaBB ~ svg	{
    
	color:white !important;		
}

.blue_klimaBB{
    background: #72CBEA !important;
	color:white !important;

}
.green_klimaBB{
	background:#e2eddd !important;
	color:black !important;
	
}

.grey_klimaBB{
    background: rgba(148,148,148,0.8) !important;
	color:white !important;
}
.brown_klimaBB{
	background: rgb(173,147,132) !important;
	color:white !important;
}

.impressumBackground{
	color:white !important;
	background:#006D8F !important;
	
}

.link_klimaBB{
    min-height:48px;
	
	display:flex;
}

.link_klimaBB > h3{
   margin:auto;
   padding-top:5px;
   padding-bottom:5px;
}

.link_klimaBB a {
    color: white;
    text-decoration: none;
    margin: 5px;
	    text-shadow: 1px 1px 2px black;



}

.blacktext_klimaBB{
	
	color:black !important;
	text-shadow:none !important;
}

#legendeContainer>h3{
	
	margin-left:10px;
}



.link_klimaBB h3 {
    color: white;
	margin: auto 0 auto 0;
}
h3{
	    text-shadow: 1px 1px 2px black;
}

#s0{
   right:0;
	    font-size: small;
    font-weight: bold;
	
	z-index:12;
    position: absolute;
    opacity: 1 !important;
	background: unset;
	    margin: auto;
    max-width: 1400px;
    width: 100% !important;
}


.activeLabel{
	
	color:white !important;
	
}
#linkProblem.activeLabel{
	
	color:black !important;
	background:#e2eddd;
}
#linkProblem.activeLabel{
	
	color:black !important;
	
}

@media screen and (max-width:1750px){
	
	
	#s0{
		
		font-size:x-small;
		        background: unset;
	}
	
}

@media screen and (max-width:1410px){
	
	.introText{
		
		padding-left:20px !important;
		
	}
	
}


@media screen and (max-width:1410px){
	
	.introText{
		
		padding-left:20px !important;
		
	}
	
}

@media screen and (max-width:970px){
	
	.cooperateText{
		
		display:none !important;
	}
	
}


@media screen and (max-width:915px){
	
	
	.impressum_text{
		
		display:none;
		
	}
	.impressum_links{
		
		
		
	}
	
	.righttitleText{
		
		display:none !important;
	}
	
	.splitFlex{
		
		display:block!important;
		
	}
	
	.imgKatastrophe{
	
	

margin-left:10px;

	
}

	
	
	.introText{
		
		width:80% !important;
		
	}
	
}

.imgKatastrophe{
	
	

max-width:700px;
height: fit-content;


	
}

.overflow{
	
	
	overflow-x:auto;
}

@media screen and (max-width:700px){
	
	.imgKatastrophe{
		
		max-width:350px !important;
		
	}
	.introText p {
		
		font-size: 2rem !important;
	}
}

@media screen and (max-width:450px){
	
	.vrsLogo{
		
		margin-right:10px !important;
		
	}
	
}

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

section{
	
	width:100%;
	
}

	
}

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

	
.vrsLogo > a > img {
	
	width:60px ;
	
}

.logo_VRS > img {
	
	
	width:120px !important;
	
}

.overviewImg{
	width:300px;
	height:auto;
}


}


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

	
.vrsLogo > a > img {
	
	width:50px ;
	
}

.logo_VRS > img {
	
	
	width:90px !important;
	
}

.logo_string {
    margin: 5px;
}


.overviewImg{
	width:300px;
	height:auto;
}

    .imgKatastrophe {
        max-width: 300px !important;
    }

.introText p {
        font-size: 1.8rem !important;
    }


}

.problemStyle{
	   background:#e2eddd;
}

#klimaBB_sidebar section > * {

    
}


pre.klimaBB_pre {

    font-family: 'Lato';

}

.impressum_links{
	
	    position: absolute;
    bottom: 0;
	display:flex;
	
}
	background: #006D8F !important;
	
}