.wrapper { max-width: 980px; }
#sidebar-b { width: 30%; }
#maininner { width: 70%; }
#main > #maininner:only-child { width: 100%; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }
@media (max-width:959px) {
	#maininner,
	#sidebar-b { width: 100%; }
}

.vertical {
	width:185px;
	height:730px !important;
	margin-left:0px;
	margin-top:18px;
	margin-bottom:10px;
	box-shadow:1px 3px 15px #555;
	position: relative;	}

.vert_main_heading{
	 font-family:Century Gothic;
	 background-color:#fff;
	 font-size:14px;
     color:#444;	}

.vert_desc_heading{
	font-family:Century Gothic;
	font-size:20px;
    color:#444;	}

.vert_desc {
	font-family:Century Gothic;
    font-size: 12px;
   	color:#444;	}

.vert_sub_link {
	font-family:Century Gothic;
    font-size: 11px;
   	color:#888;
	margin-left:20px;
	cursor:pointer 	}

.bgGradient{
	bottom:0px;
	width:100%;
	position:absolute;
	background:transparent url(../img/sexyimagemenu/bgDescription.webp) repeat-x top left;
	height: 200px;  }

.vertical_desc{
	margin-left:20px;
	opacity:1 !important;
	position:relative; }

@media all and (max-width: 980px) {
	.vertical{
		width:100% !important;
	}
	.vertical ul{
		width:100% !important;
	}
	.vsim li{
		width:100% !important;
	}
	#menu1 a{
		width:100% !important;
		background-size: 100% auto !important;
	}
}
@media all and (max-width: 720px) {
	#menu1 a{
		width:100% !important;
		background-size: 100% 100% !important;
	}
}

#system ul.dsgvo {margin: 0 0 0 0.8em; padding-left: 0.8em; list-style-type: disc;}
#system ul.nolistleft {list-style-type:none; margin-left: 0.1em; padding-left: 0.1em;}
#system ul.nolist {list-style-type:none;}
#system ul.dsgvo_verz ul {padding-left: 0.8em; list-style-type:none;}
#system h5 {padding:10px 0 0 0!important; margin-bottom:2px!important;}
#system h4, #system h6 {margin-bottom:2px!important;}
#system hr.hrone {height:1px; margin:0 0 5px 0;}