#guidebook-page {
    display: grid;
    grid-template-columns: 300px 1fr;
    margin: 10px;
}

#guidebook-nav {
    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}


#guidebook-content {
    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}
 

#guidetabmenu .bigbutton{
	cursor: pointer;
    background: #fff;
    margin: 5px;
    width: 40px;
    height: 40px;
}

.guidetab {
    padding: 10px;
    background: var(--content);
    border: solid 1px var(--transparentlight);
	display: none;	
}

.guidebutton {
    padding: 10px;
    background: var(--content);
    border: solid 1px var(--transparentlight);
    margin: 5px;
    font-size: 15px;
    font-family: 'Mulish';
    text-transform: uppercase;
    font-weight: bold;
    color: var(--font1);
	cursor: pointer;
}

/* AKTIVE BUTTONS && TABS GROSS*/
.guidetab.guideactivetab{display: block ;}

#guidetabmenu .guidebutton.guideactivebutton{    
	background: var(--font3);
    color: var(--border);}



#info_texte {
    background: var(--border);
    border-radius: 10px 10px 10px 10px;
    padding: 15px;
    border-right: 10px solid var(--main);
	text-align: justify;
}


#info_textebg {
	background: var(--foren-bg-color); 
	border-radius: 10px 10px 10px 10px;
	padding: 15px;
	border-right: 10px solid var(--foren-last-bg);

}

#info_bg {
background: var(--foren-last-bg);
	padding: 5px;
	height: 80px;
		border-radius: 10px 10px 10px 10px;
}

#info_ueberschriftbg {
	background: var(--foren-bg-color); 
	border-radius: 10px 10px 10px 10px;
	padding: 0px;
	 border-right: 15px solid var(--foren-last-bg);
	 border-bottom: 15px solid var(--foren-last-bg);
	height: 45px;
	
}

#info_ueberschrift {
    font-size: 38px;
    font-family: 'Mulish';
    text-align: right;
    text-transform: uppercase;
 
    margin-right: 0px;
    color: var(--darkcolor);
    font-weight: bold;
}




#info_bild {
width: 80px;
	height: 80px;
	padding: 8px;
	border-radius: 10px 10px 10px 10px;
	margin: 10px;
	float: right;
	
} 





#info_stadtteil {
	text-align: justify;
	height: 250px;
	overflow: auto;
	padding: 6px
}



#stadtteil_ueberschrift {
    font-size: 25px;
    font-family: 'MULISH';
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-right: 0px;
    color: var(--darkcolor);
    margin-top: 15px;
}


#stadtteil_bild {
	padding: 8px;
	border-radius: 100px;
	margin: 10px;
	float: right;
	border: 4px solid var(--darkcolor);
	
} 


#klima_stadtteil {

	height: 180px;
	overflow: auto;
	padding: 6px
}



#klima_ueberschriftbg {
	background: var(--foren-bg-color); 
	border-radius: 10px 10px 10px 10px;
	padding: 0px;
	 border-right: 15px solid var(--foren-last-bg);
	border-bottom: 20px solid var(--foren-last-bg);
	height: 30px;
	
}

#klima_ueberschrift {
    font-size: 25px;
    font-family: 'Mulish';
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 0px;
    color: var(--font2);
    margin-top: 10px;
}


#info_monate {
 	text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: bold;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.4);
	line-height: 10px;
	margin-top: 4px;
	float: right;
	
}

#klima_bild {
	padding: 6px;
	border-radius: 100px;
	margin: 10px;
	float: right;
		 border: 4px solid var(--foren-last-bg);
	
} 

#info_klima{
    padding: 10px;
	}