/* --------------------------------------------------------------------------------
 * Page-Configuration
 * ----------------------------------------------------------------------------- */

.contentpage #container::before {
    content: "";
    height: 10px;
    width: 100%;
    background-color: #83b53a;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
} 

.contentpage.max-w1200 #container
{
	margin-left: auto;
    margin-right: auto;
	max-width:1320px;
}


.contentpage #footer{
	margin-top:40px; 
}




/* --------------------------------------------------------------------------------
 * Page-Templates
 * ----------------------------------------------------------------------------- */

.contentpage .pagelogin{
	height:500px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:120px;
}

.contentpage .pagelogin label
{
	display:none;
	
}

.contentpage .pagelogin input[type="text"],
.contentpage .pagelogin input[type="password"]
{
	padding: 6px 12px 6px 12px;
	border: 2px solid #dedede;
	width:320px;
	margin-bottom:20px;
}


.contentpage.cp-sbr #right {
	padding-top:120px;
    width: 33.333333333%;
}
.contentpage.cp-sbr #right {
    margin-right: -100%;
	padding-left:60px;
}

.contentpage.cp-sbr #main { 
	width: 780px;
    width: 66.666666666%;
	margin-bottom:70px;	
}

#main, #left, #right {
    float: left;
    position: relative;
}

.contentpage #header
{
	max-width:1920px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


/* --------------------------------------------------------------------------------
 * Page-Elemtens
 * ----------------------------------------------------------------------------- */
 
 .contentpage #main .mod_article > .content-container
 {
	margin-top:59px;
 }
 

.contentpage #main .ce_image,
.contentpage #main .ce_text
{
	margin-bottom:24px;
}

.contentpage .ce_text p:last-child,
.contentpage .ce_text ul:last-child {
	margin-bottom:0px;
}

.contentpage #main .img-kompetenz
{
	float:left;
}

/*
.contentpage #main .img-kompetenz .image_container
{
	position:relative;
}

.contentpage #main .img-kompetenz .image_container .caption
{
	position:absolute;
	bottom:16px;
	left:16px;
	color:#fff;
	background:#b3c93a;
	padding:8px;
	font-weight:600;
}
*/

.contentpage #main .img-kompetenz
{
	display: block;
	width:33%;
	padding-right:24px;
	margin-bottom:24px;
	min-height:241px;
}

.contentpage #main .img-kompetenz .image_container
{
	position: relative;
}

.contentpage #main .img-kompetenz .image_container .caption {

	padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 16px;
    padding-right: 24px;
    font-size: 17px;
    font-weight: 800;
    color: #000;
    position: absolute;
    background-color: #f3f3f3;
    position: relative;
    height: 87px;
    display: flex;
    align-items: center;
    margin-top: 0px;	
}

.contentpage #main .img-kompetenz .image_container:hover .caption
{
	background-color: #83b53a;
	color:#fff;
}



.boxed-internal
{
	background-color:#eeeeee;
	padding-top:48px;
	padding-left:32px;
	padding-right:32px;
	padding-bottom:48px;
}

.boxed-internal .ce_downloads ul
{
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}

.boxed-internal .ce_downloads li
{
	flex-grow: 1;
	flex-basis: 50%;
	flex-shrink: 1;
	max-width:50%;
	padding-right:36px;
	padding-bottom:8px;
}

.fineuploader-wrapper .qq-upload-drop-area
{
	display:block!important;
	background-color:#ffffff;
}

.qq-uploader-selector.qq-uploader
{
	position:relative;
}

.fineuploader-wrapper .qq-upload-button {
	position: absolute!important;
    z-index: 999!important;
    top: 0!important;
    right: 0!important;
    margin-top: -44px!important;
	
	padding-left: 36px;
    padding-right: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    color: #83b53a;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #83b53a;
}
#faq-select .widget.mm_text.auto_item label
{
	display: none;
}

#faq-select .widget.mm_text.auto_item input
{
	width: 90%;
    height: 42px;
    background: #f9f9f9;
    border: 0px;
    border-left: 3px solid #83b53a;
    padding: 10px;
    padding-left: 16px;
    margin-bottom: 24px;
}

/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

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


	
	.contentpage #main .mod_article > .content-container
	{
		margin-top:50px;
	}
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	.contentpage #container,
	.contentpage #header
	{
		margin-left:16px!important;
		margin-right:16px!important;
	} 
	
	.contentpage #main .mod_article > .content-container
	{
		margin-top:40px;
	}
	

}

@media only screen and (max-width: 1280px) {
	
	.contentpage #main .img-kompetenz .image_container .caption
	{
		font-size:14.5px;
	}
}

/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	.contentpage.max-w1200 #container
	{
		padding-left:16px;
		padding-right:16px;
	}
	
	.contentpage #main .mod_article > .content-container
	{
		margin-top:30px;
	}
	
	.contentpage #main .img-kompetenz
	{
		width:50%;
	}	
}

@media only screen and (max-width: 1025px) {
	
	.contentpage #header .ce_image h5
	{
		bottom: 62px;
		font-size: 46px;
		line-height: 49px;
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 35px;
		font-size: 20px;
	}
	


	
}
/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.contentpage.cp-sbr #right
	{
		display:none;
	}
	
	.contentpage.cp-sbr #main{
		width:80%;
		box-sizing:border-box;
	}	
	
	.contentpage #main .mod_article > .content-container
	{
		margin-top:20px;
	}
	
	.contentpage #header,
	.contentpage #container
	{
		margin-left:0px!important;
		margin-right:0px!important;
	}

	.contentpage #container
	{
		padding-left:0px;
		padding-right:0px;
	}



}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	.contentpage.cp-sbr #right
	{
		display:none;
	}
	
	.contentpage.cp-sbr #main{
		width:100%; 
		box-sizing:border-box;
	}

	body.contentpage
	{
		padding-left:0px;
		padding-right:0px;
	}
	
	.contentpage #main .mod_article > .content-container
	{
		margin-top:10px;
	}

	.contentpage.cp-sbr #main
	{
		margin-bottom: 240px;
	}

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {
	
	.contentpage #header .ce_image h5
	{
		bottom: 62px;
		font-size: 42px;
		line-height: 45px;
		padding-left:10%;
		padding-right:10%;		
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 35px;
		font-size: 18x;
		padding-left:10%;
		padding-right:10%;		
	}


	.boxed-internal .ce_downloads li
	{
		flex-grow: 1;
		flex-basis: 100%;
		flex-shrink: 1;
		max-width:100%;
		padding-right:0px;
		padding-bottom:8px;
	}

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.contentpage #main .img-kompetenz
	{
		width:100%;
	}
	
	.contentpage #header .ce_image h5
	{
		bottom: 50px;
		font-size: 36px;
		line-height: 36px;
	}
	
	.contentpage #header .ce_image .caption {
		bottom: 16px;
		font-size: 16x;
		line-height:20px;
	}
	
	.contentpage.cp-sbr #main
	{
		margin-bottom: 240px;
	}
	
}