html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; }
.unsichtbar { display: none; }
/* Wrap */
#wrap { width: 1200px; border-radius: 0 0 10px 10px; height: auto; min-height: 620px; margin: 0 auto; display: block; background-color: #FFFFFF; position: relative; overflow: hidden;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
		}

.scrlTp {
    background: #aaafb3 none repeat scroll 0 0;
	border: 2px solid white;
    bottom: 20px;
    cursor: pointer;
    height: 50px;
    display: none;
    position: fixed;
    right: 20px;
    width: 50px;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF !important;
	text-decoration: none;
	z-index: 10;
}
.scrlTp:hover { text-decoration: none; }


/*** Header ***/
#header { height: 164px; width: 100%; display: inline-block; top: 0px; border-bottom: 3px solid #B0BEC5; }
#headerStart { height: 164px; width: 100%; display: inline-block; top: 0px; border-bottom: 3px solid #B0BEC5; }
#logo img{ margin: 15px 0; max-width: 100%; height: auto; }
#logo { display: inline-block; width: auto; }

/*** Menu ***/
#menu { margin-top: -20px; }
#menu .test {
    display: none !important;
}
#menu #navi-menu a { text-decoration: none; color: #000000; }
#menu #navi-menu li { z-index: 20; float: left; list-style-type: none; height: auto; width: auto; line-height: 31px; padding: 0 10px; cursor: pointer; transition: background-color 0.2s linear; }
#menu #navi-menu > ul > li { border-radius: 5px 5px 0 0; }
#menu #navi-menu > ul { float: right; margin-top: 11px; }
#menu #navi-menu ul li { position: relative; margin: -12px 3px; }
#menu #navi-menu ul li:hover  { background-color: #FBF0C3; }
#menu .menuActive { background-color: #F8E287; }
/* Don't display the lower menu entries */
#menu #navi-menu ul li ul { display: none; position: absolute; top: 31px; margin-left: -10px; min-width: 100%; padding-left: 10px !important; padding-right: 10px !important; background-color: #F8E287; border-radius: 0 5px 5px 5px; }
#menu #navi-menu ul li ul li { width: 100%; padding: 0; margin: 0; text-align: center; }
#menu #navi-menu ul li:hover > ul { display: block; }
#menu #navi-menu ul li ul li ul { display: none;  width: 100%; margin: 0; padding: 0; background-color: #F8E287; left: 100%; top: 0px; }
/* #menu #navi-menu ul li ul li:hover ul { display: block; } */
.textlink_extern:active {
    color: #0000EE !important;
}

.textlink_extern:visited {
    color: #0000EE !important;
}

#cms_inhaltsbereich a { color: #0000ee !important; }
#cms_inhaltsbereich a:hover { color: #0000ee !important;}
#cms_inhaltsbereich a:visited { color: #0000ee !important;}

.contactNone {
    display: none;
}
/*** Content ***/
#content a { text-decoration: underline !important;  }
#content { float: right; height: 100%; min-height: 500px; display: inline-block; width: 100%; }
#cms_seitentitel { margin: 20px; font-weight: bold; font-size: 10px; }
#cms_inhaltsbereich { margin: 20px; font-size: 13px !important; }
.formFormat { margin: 20px; }
.vorlage_entry { font-size: 13px; }

/*** Wrap Content ***/
#wrapContent { width: 100%; min-height: 500px; display: flex; flex-direction: row; }

/*** Sidebar ***/
#sideBar { min-width: 200px !important; max-width: 200px; flex: 1 1; background-color: #E4E4E3; border-right: 1px solid #B0BEC5; display: inline-block; float: left; position: relative; }
#sideBar #navi-menu a { text-decoration: none; color: #000000; }
#sideBar #navi-menu a:hover { font-weight: bold; }
#sideBar #navi-menu li { list-style-type: none; padding: 5px 0; border-top: 1px solid #B0BEC5; padding-left: 20px;  }
#sideBar #navi-menu ul { padding: 0; margin: 0; margin-top: 20px; }
#sideBar #navi-menu ul:last-of-type { border-bottom: 0px; }
/* #sideBar #navi-menu .menutitle { display: none; }
#sideBar #navi-menu .menutitle-first { display: none; }
#sideBar #navi-menu .menutitle-last { display: none; } */
#footerSidebar { margin: 20px; position: absolute; bottom: -15px; }
#footerSidebar a { color: #0000EE; text-decoration: underline; }
#footerPicture { height: auto; width: auto; display: inline-block; overflow: auto; }
#footerPicture img{ margin-left: 15px; margin-bottom: 150px; }
#navi-menu .menuActive {
    font-weight: bold;
}


/*** Starseite ***/

/*** Footer ***/
#footer { height: 150px; width: 1200px; background-color: #B0BEC5; margin: 0 auto; z-index: 10; }

/** contentStartseite **/
#contentStartseite { margin-top: -3px; height: auto; }

/** Images in the center **/
#imageBarStart { margin-top: 3px; background-color: #F8E287; min-height: 280px; height: auto; overflow: auto; }
#imageBarStart img { width: 240px; display: block; cursor: pointer; opacity: 1; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; margin: 0px; padding: 0px; }
#imageBarStart img:hover { opacity: .5; }
.startBlock { display: inline-block; float: left; }
.startBlockText { text-align: center; margin: 10px; font-weight: bold; }
.startBlock a { text-decoration: none; color: #000000 !important; }


/** Impressum **/
#impressum { position: absolute; right: 15px; bottom: 15px; color: #ffffff; }
#impressum a { text-decoration: none !important; color: #ffffff !important; }
#impressum a:hover {font-weight: bold;}
/** Vorlage Archiv **/
.vorlage_detail_date { margin-right: 10px; }

/* grayLine */
.grayLine { background-color: #7E7362; height: 200px; width: 1px; display: inline-block; margin: 0; padding: 0;  }
/* Text */
.textBarStart { width: 180px; }

.slicknav_menu { display:none; z-index: 2;}

#seiteninhaltGewalt {
    width: 64%;
}
.startFlexHilfe {
    width: 20%;
    float: left;
}

.menuGewalt {
    display: none !important;
}
/* Scrollup Pfeil */
.scrollImg {
    width: 25px;
    padding-top: 10px;
    height: auto;
}

@media all and (max-width: 1210px) {
    .menuGewalt {display: block;}
	#wrap { width: 100%; border-radius: 0px; }
	#footer { width: 100%; }
	#header { height: 145px; }
	#logo { text-align: center; margin: 0 auto; display: block; }
	.startBlock { margin: 5px; }
	#content { width: 100%;  }
	#sideBar { display: none; }
	#wrap { width: 100%; overflow: hidden; top: 42px; }
	#footer { width: 100%; }

		/* #menu is the original menu */
	.js #menu {
		display:none;
	}
    .contactNone {
        display: block
    }

	.js .slicknav_menu {
		display:block;
	}
    #logo img {
        margin-left: 0px !important;
    }
}
@media all and (max-width: 910px) {
    #wrap {
        min-height: 0px;
    }
    #wrapContent {
        min-height: 0px;
    }
    #content {
        min-height: 250px;
    }
}
@media all and (max-width: 765px) {
    #content {
        background-image: none !important;
    }
    #seiteninhaltGewalt {
        width: 100%;
    }
}
@media all and (max-width: 850px) {
    #logo img {
        margin-top: 45px !important;
        margin-left: 0px !important;
    }
}

@media all and (max-width: 550px) {
    #logo img {
        max-width: 40% !important;
    }
    #iframeMap {
    width: 100% !important;
    }
}
@media all and (max-width: 350px) {
    #logo img {
        max-width: 50% !important;
        margin-top: 50px;
    }
}