

.welcome_article
{
	overflow:visible;
}

#welcome h3
{
    margin-top: 18px;
    margin-bottom: 12px;
    line-height: 18px;
}

#welcome h5
{
	margin:0px;
	color:#83b53a;
	font-weight:600;
	margin-bottom:38px;
}

#welcome .text_container
{
	padding-right:16px;
}

#welcome 
{
	position:relative;
}

#highlightbox
{
	position: absolute;
    right: -177px;
    right: -220px;
    bottom: -31px;
    height: 538px;
    width: 519px;
    background-color: #83b53a;
    z-index: 666;
	padding-top:118px;
	padding-left:84px;
	padding-right:148px;
	padding-bottom:76px;
	box-sizing:border-box;
	
	background-image:url('/files/mhr20/theme/elements/logo/netzwerk-m_sigent_1c_white_transparent.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	background-position: right 92px top 36px;
	
}

#highlightbox h2
{
    font-size: 1.4em;
    color: #fff;
	margin-bottom:74px;
	margin-top:0px;
}

#highlightbox p
{
	color:#fff;
	font-weight:600;
}

#aboutus
{
	padding-top:60px;
	padding-left:24px;
}
#aboutus .entry
{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}

#aboutus .entry::after
{
  content: " ";
  display: table;
}
#aboutus img{
	display:block;
	position:absolute;
}

#aboutus .item{
	padding-left:75px;
	display:block;
	font-weight:600;
	font-size:20px;
}

#aboutus .item .subtitle
{
	color:#83b53a;
	font-size:17px;
}


#header .inside
{
	max-width: 1761px;
    margin: auto;
}

#header .mhce-linkbox .item
{
	display:block;
	height:177px;
	width:100%;
	position:relative;
	margin-bottom:20px;
}

#header .col-container
{
	margin-left:-10px;
	margin-right:-10px;
}

#header .col-container > div
{
	padding-left:10px;
	padding-right:10px;
}

#header .mhce-linkbox .item
{
	padding:30px;
}


#header .mhce-linkbox .item .item-container
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height: 100%;
	gap:20px;
}

#header .mhce-linkbox .item .text-container
{
	font-weight: 600;
    font-size: 24px;
	max-width: calc(100% - 133px);
}


#header .mhce-linkbox .item .image-container
{
	max-height:100%;
	max-width: 113px;
    flex-basis: 113px;
    flex-grow: 0;
    flex-shrink: 0;
}

#header #headslice .image_container
{
	height:177px!important;
}

#header #headslice
{
	margin-bottom:20px;
	position:relative;
}

#header #headslice h1
{
position: absolute;
    right: 32px;
    bottom: 12px;
    color: #fff;
    font-size: 40px;
    line-height: 1;
}

#header #headslice .image_container img
{
	height: 100%;
    width: auto; 
    max-width: unset;
}

#header .mhce-linkbox.green .item
{
	background-color:#b4d87d;
	border-left:5px solid #749b41;
}

#header .mhce-linkbox.yellow .item
{
	background-color:#f7d266;
	border-left:5px solid #b09138;
}

#header .mhce-linkbox.blue .item
{
	background-color:#5ebadc;
	border-left:5px solid #277d9d;
}

#header .mhce-linkbox .item:hover
{
	opacity: 0.75;
}

#header .mhce-linkbox.green .item a .headline,
#header .mhce-linkbox.green .item a:hover .headline
{
	color:#749b41!important;
}
	
#header .mhce-linkbox.yellow .item a .headline,
#header .mhce-linkbox.yellow .item a:hover .headline
{
	color:#b09138!important;
}
		

#header .mhce-linkbox.blue .item a .headline,
#header .mhce-linkbox.blue .item a:hover .headline
{
	color:#277d9d!important;
}
	

/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */


/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1680px) {
	
	#welcome #highlightbox{
		right:-180px;
		padding-top: 108px;
		padding-left: 74px;
		padding-right: 138px;
		padding-bottom: 66px;
		width:469px;
	}
	
	/*#welcome .ce_text.col_w25
	{
		width:2%;
		padding-right:24px;
	}*/
}

@media only screen and (max-width: 1560px) {
	
	#welcome #highlightbox{
		right:-120px;
		padding-top: 108px;
		padding-left: 74px;
		padding-right: 138px;
		padding-bottom: 66px;
		width:469px;
	}
	
	#welcome .ce_text.col_w25:not(.posr)
	{
		width:22%;
		padding-right:24px;
	}
	
	#header .mhce-linkbox .item .text-container
	{
		font-size: 22px;
	}
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	.startpage #header .ce_image h5{
		bottom: 90px;
	}

	.startpage #header .ce_image .caption
	{
		bottom: 80px;

	}


	.startpage #container #main .mod_article,
	.startpage #container #main .mod_article.full-width-screen.contentcolumn
	{
		padding-left:16px!important;
		padding-right:16px!important;
	}

	#header .mhce-linkbox .item .text-container
	{
		font-size: 20px;
	}	

	
}

@media only screen and (max-width: 1280px) {

	#welcome .ce_text.col_w25:not(.posr)
	{
		width:33.333%;
		padding-right:12px;
		padding-left:12px;
	}

	#welcome #highlightbox {
		position:relative;
		left:unset;
		top:unset;
		right:unset;
		bottom:unset;
		width:100%;
		padding-top: 48px;
		padding-left: 44px;
		padding-right: 208px;
		padding-bottom: 36px;
		height: auto;
		margin-top: 36px;
		
	}
	
	#highlightbox h2 {
        margin-bottom: 34px;
	}
	
	
	#header .mhce-linkbox .item .image-container
	{
		max-width: 100px;
		flex-basis: 100px;
	}
}

/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
#col-box1{
    padding: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
}

	#header .mhce-linkbox .item .image-container
	{
		max-width: 90px;
		flex-basis: 90px;
	}
	
}

@media only screen and (max-width: 1100px) {

	#header .col-container.outerbox > div
	{
		width:100%;
	}
	
	#header .col-container.outerbox .col_w33 .mhce-linkbox.blue
	{
		display:flex;
		display: flex;
		flex-wrap: wrap;
		margin-left:-10px;
		margin-right:-10px;
	}

	#header .col-container.outerbox .col_w33 .mhce-linkbox.blue .item
	{
		width:50%;
		padding-left:10px;
		padding-right:10px;
	}	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	#welcome 
	{
		padding-top: 56px!important;
	}
	
	#welcome .ce_text.col_w25:not(.posr)
	{
		width:100%;
		padding-right:0px;
		padding-left:20px;
		margin-bottom:36px;
	}
	
	#welcome .ce_text.col_w25 .image_container
	{
		position:absolute;
		margin-top:12px;
	}
	
	#welcome .ce_text.col_w25:not(.posr) h3,
	#welcome .ce_text.col_w25:not(.posr) h5
	{
		margin-left:78px;
	}
	
	#header .mhce-linkbox .item .image-container
	{
		max-width: 80px;
		flex-basis: 80px;
	}	
	
	#header .mhce-linkbox .item .text-container
	{
		max-width: calc(100% - 133px);
	}
	
	#header .mhce-linkbox .item .text-container
	{
		font-size: 20px;
	}
	
}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	#start-box
	{
		width:100%;
		flex-direction: column;
		margin-left:0px;
		margin-right:0px;
		padding-left:16px;
		padding-right:16px;
		box-sizing:border-box;
		position:relative;
	}

	#col-box1, #col-box2
	{
		padding:24px;
		padding-left:36px;
		padding-right:36px;
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}

	#highlightbox
	{
		display:none;
	}
	
	#header #headslice .image_container {
		height: 200px!important;
	}

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {


	#col-box1 h3
	{
		background-image:none;
		padding-left:0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#aboutus
	{
		padding-left:0px;
	}
	
	#header .mhce-linkbox .item {
		display: block;
		height: 130px;
		width: 100%;
		position: relative;
		margin-bottom: 12px;
		padding: 16px;
		hyphens:auto;
		
	}
	
	#header .col-container.outerbox .col_w33 .mhce-linkbox.blue
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	#header .col-container.outerbox .col_w33 .mhce-linkbox.blue .item {
		width: 100%;
    }
	
	#header .mhce-linkbox .item .text-container
	{
		font-size: 18px;
	}
	#header .mhce-linkbox .item .item-container
	{
		align-items: center;
	}
	
	#header .borderb
	{
		padding-left:16px;
		padding-right:16px;
	}
}
/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.startpage #header .ce_image h5
	{
		bottom: 70px;
		font-size: 36px;
		line-height: 36px;
		padding-left:20%;
		padding-right:20%;
	}
	
	.startpage #header .ce_image .caption {
		bottom: 30px;
		font-size: 16x;
		line-height:24px;
		padding-left:20%;
		padding-right:20%;		
	}
	
	.rsts-nav-bullets, .rsts-next, .rsts-prev
	{
		display:none;
	}
	

	
	
}