/*********************************/
/* CONTENT LIBRARY STYLES        */
/*********************************/

/* ========== BASICS =========== */
@media (min-width: 769px) {

	.cl_singlecol_containter {
		position: relative;
		text-align: center;
		min-height: 20px;
		width: 100%;
	}

	.cl_singlecol {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 1200px;
		text-align: left;
		margin: auto;
	}
	
	.cl_iframe_height {
		height: 400px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_text_square {
		vertical-align: top;
		position: relative;
		display: inline-block;
		min-height: 300px;
		width: 900px;
		text-align: justify;
		font-size: 20px;
	}

}

@media (max-width: 768px) {

	.cl_singlecol_containter {
		position: relative;
		text-align: center;
		min-height: 20px;
		width: 700px;
	}

	.cl_singlecol {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 720px;
		text-align: left;
	}
	
	.cl_iframe_height {
		height: 250px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 200px;
		min-height: 200px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 200px;
		width: 200px;
		font-size: 20px;
	}

	.cl_text_square {
		vertical-align: top;
		position: relative;
		display: inline-block;
		min-height: 200px;
		width: 400px;
		text-align: justify;
		font-size: 20px;
	}
}

/* ========== 50-50 =========== */
@media (min-width: 769px) {

	.cl_col1_50_50_normal {
		width: 590px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_normal {
		width: 590px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_50_50_oneside {
		width: 580px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_oneside {
		width: 580px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_50_50_twoside {
		width: 570px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_twoside {
		width: 570px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col1_50_50_normal {
		width: 720px; display: inline-block;height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_normal {
		width: 720px; display: inline-block;height: 100%; vertical-align: top;
	}

	.cl_col1_50_50_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_50_50_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_50_50_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col_normal {
		width: 320px; display: table-cell;	height: 100%; vertical-align: top;
	}

}

/* ========== Quadcol =========== */
@media (min-width: 769px) {

	.cl_col_normal {
		width: 284px; display: table-cell;	height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col_normal {
		width: 320px; display: table-cell;	height: 100%; vertical-align: top;
	}

}

/* ========== 75-25 =========== */
@media (min-width: 769px) {

	.cl_triple_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		width: 386px;
	}

}

@media (max-width: 768px) {

	.cl_triple_text {
		position: relative;
		display: block; 
		text-align: left;
		width: 700px;
	}

}

/* ========== tripplecol =========== */
@media (min-width: 769px) {

	.cl_col1_tripplecol_normal {
		width: 791px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_normal {
		width: 386px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_oneside {
		width: 781px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_oneside {
		width: 376px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_twoside {
		width: 771px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_twoside {
		width: 366px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col1_66_33_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

}

/* ========== 66-33 =========== */
@media (min-width: 769px) {

	.cl_col1_66_33_normal {
		width: 791px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_normal {
		width: 386px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_oneside {
		width: 781px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_oneside {
		width: 376px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_twoside {
		width: 771px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_twoside {
		width: 366px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col1_66_33_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (min-width: 769px) {

	.cl_col1_66_33_newline_normal {
		width: 791px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_newline_normal {
		width: 386px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_newline_oneside {
		width: 781px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_newline_oneside {
		width: 376px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_66_33_newline_twoside {
		width: 771px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_66_33_newline_twoside {
		width: 366px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col1_66_33_newline_normal {
		width: 700px; display: block;
	}

	.cl_col2_66_33_newline_normal {
		width: 700px; display: block; margin-top: 20px;
	}

	.cl_col1_66_33_newline_oneside {
		width: 700px; display: block;
	}

	.cl_col2_66_33_newline_oneside {
		width: 700px; display: block; margin-top: 20px;
	}

	.cl_col1_66_33_newline_twoside {
		width: 700px; display: block;
	}

	.cl_col2_66_33_newline_twoside {
		width: 700px; display: block; margin-top: 20px;
	}

}

/* ========== 33-66 =========== */
@media (min-width: 769px) {

	.cl_col1_33_66_normal {
		width: 386px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_normal {
		width: 791px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_33_66_oneside {
		width: 376px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_oneside {
		width: 781px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_33_66_twoside {
		width: 366px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_twoside {
		width: 771px; display: table-cell; height: 100%; vertical-align: top;
	}

}

@media (max-width: 768px) {

	.cl_col1_33_66_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_normal {
		width: 340px; display: table-cell;	height: 100%; vertical-align: top;
	}

	.cl_col1_33_66_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_oneside {
		width: 330px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col1_33_66_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

	.cl_col2_33_66_twoside {
		width: 320px; display: table-cell; height: 100%; vertical-align: top;
	}

}


/* ========== SLIDER =========== */
@media (min-width: 769px) {

	.cl_slider_container
	{
		position: relative;
		text-align: center;
		display: block;
		width: 100%;	
	}

	.cl_slider_width {
		width: 1200px;
	}

	.cl_slider_min_height {
		min-height: 423px;
	}

	.cl_slider_height {
		height: 453px;
	}
	
	.cl_slider_slogan {
		width: 1200px;
		position: absolute;
		text-align: right;
		top: -483px;
	}

	.cl_slider_text_container {
		padding-top: 40px;
		padding-right: 40px;
		display: table-cell;
		height: 100%;
		display: table-cell;
		width: 426px;
		vertical-align: top;
	}

	.cl_slider_text {
		position: relative;
		background-color: rgba(38,114,32,0.9);
		font-size: 23px;
		height: 158px;
		width: 300px;
		text-align: right;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		left: +810px;
		top: -225px;
		overflow:hidden;
	}

	.cl_slider_direct_container {
		position: relative;
		text-align: center;
		display: block;
		width: 100%;
		top: 2px;
	}
	
	.cl_slider_direct_width {
		width: 1200px;
	}

	.cl_slider_direct_height {
		height: 35px;
	}

	.cl_slider_direct {
		overflow: hidden;
		margin: auto;
		text-align: left;
		font-size: 14px;
		padding-left: 1px;
		text-shadow: #000000 0px 0px 1px, #000000 0px 0px 1px ;
	}
}

@media (max-width: 768px) {

	.cl_slider_container
	{
		position: relative;
		text-align: center;
		display: block;
		width: 100%;	
	}

	.cl_slider_width {
		width: 700px;
	}

	.cl_slider_min_height {
		min-height: 229px;
	}
	
	.cl_slider_height {
		height: 249px;
	}
	
	.cl_slider_slogan {
		width: 700px;
		position: absolute;
		text-align: right;
		top: -279px;
	}

	.cl_slider_text_container {
		padding-top: 40px;
		padding-right: 40px;
		display: table-cell;
		height: 100%;
		display: table-cell;
		width: 426px;
		vertical-align: top;
	}

	.cl_slider_text {
		position: relative;
		background-color: rgba(38,114,32,0.9);
		font-size: 23px;
		height: 150px;
		width: 280px;
		text-align: right;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		left: +350px;
		top: -185px;
		overflow:hidden;
	}

	.cl_slider_direct_container {
		position: relative;
		text-align: center;
		display: block;
		width: 100%;
		top: 2px;
	}

	.cl_slider_direct_width {
		width: 680px;
		margin-left: 20px;
	}

	.cl_slider_direct_height {
		height: 35px;
	}

	.cl_slider_direct {
		overflow: hidden;
		margin: auto;
		text-align: left;
		font-size: 20px;
		padding-left: 1px;
		text-shadow: #000000 0px 0px 1px, #000000 0px 0px 1px ;
	}

}

.cl_slider_piclayer {
	height: 100%; 
	width: 100%;
	position: absolute;
	color: #ffffff;
	font-size: 22px;
	text-shadow: #000000 0px 0px 8px;
	text-align: left;
}

.cl_slider_piclayer H1 {
	color: #ffffff;
	font-size: 26px;
}


.cl_slider_piclayer A {
	color: #be1522;
	text-decoration: none;
	cursor: pointer;
}

.cl_slider_piclayer A:hover {
	color: #be1522;
	text-decoration: none;
	cursor: pointer;
}

.cl_slider_inactive {
}

.cl_slider_inactive A {
	color: #2d4350;
	text-decoration: none;
}

.cl_slider_active A {
	color: #75838c;
	text-decoration: none;
}



/* ========= OLD ONES ========== */

@media (min-width: 769px) {

	#cb_1 {
	font-size: 20px;
	font-weight: 600;
	background-color: #fffff;
	}

	.cl_header TD{
		font-size: 14px;
	}

	.cl_select{
		margin: 0px;
		padding: 0px;
	}

	.cl_input{
		margin: 0px;
		padding: 2px;
	}

	.cl_block {
		position: relative;
		text-align: center;
		width: 1200px;
		font-size: 0px;
		margin: auto;
	}

	.cl_breaker {
		vertical-align: top;
		position: relative;
		display: table-cell;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}

	.cl_breaker_block {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_pic_square_mobile {
		display: none;
	}
	
	.cl_pic_no_square {
		position: relative;
		display: table-cell;
		width: 285px;
		min-height: 285px;
		vertical-align: top;
	}
	
	.cl_pic_no_square img {
		width: 285px;
		font-size: 20px;
	}
	
	.cl_text_no_square {
		vertical-align: top;
		position: relative;
		display: table-cell;
		min-height: 285px;
		width: 885px;
		text-align: left;
	}

	.cl_text_no_square p {
		margin-bottom: 10px;
	}

	.cl_singlecol_html {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 1200px;
		text-align: left;
		font-size: 20px;
	}

	.cl_singlecol_html p {
		margin-bottom: 10px;
	}

	.cl_triple_pic {
		position: relative;
		display: inline-block; 
		width: 386px;
		height: 180px;
	}

	.cl_triple_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		font-size: 19px;
		width: 386px;
	}

	.cl_triple_text P {
		margin-bottom: 10px;
	}

}

@media (max-width: 768px) {

	#cb_1 {
	font-size: 20px;
	font-weight: 600;
	}

	.cl_header TD{
		font-size: 14px;
	}

	.cl_select{
		margin: 0px;
		padding: 0px;
	}

	.cl_input{
		margin: 0px;
		padding: 2px;
	}

	.cl_block {
		position: relative;
		text-align: center;
		width: 720px;
		font-size: 0px;
	}

	.cl_breaker {
		vertical-align: top;
		position: relative;
		display: table-cell;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}

	.cl_breaker_block {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_pic_square_mobile {
		display: none;
	}
	
	.cl_pic_no_square {
		position: relative;
		display: table-cell;
		width: 285px;
		min-height: 285px;
		vertical-align: top;
	}
	
	.cl_pic_no_square img {
		width: 285px;
		font-size: 20px;
	}


	.cl_text_no_square {
		vertical-align: top;
		position: relative;
		display: table-cell;
		min-height: 285px;
		width: 720px;
		text-align: left;
	}

	.cl_text_no_square p {
		margin-bottom: 10px;
	}

	.cl_singlecol_html {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 720px;
		text-align: left;
		font-size: 20px;
	}

	.cl_singlecol_html p {
		margin-bottom: 10px;
	}

	.cl_triple_pic {
		position: relative;
		display: inline-block; 
		width: 386px;
		height: 180px;
	}

	.cl_triple_text {
		position: relative;
		text-align: left;
		font-size: 19px;
		width: 720px;
	}

	.cl_triple_text P {
		margin-bottom: 10px;
	}

}

@media (max-width: 768px) {

	.aktionen { height: 600px;}
}

@media (min-width: 769px) {

	.aktionen { height: 286px;}
}