.contentpage2 #container
{
	margin-top:60px;
}
.contentpage2 #container #left
{
	width:280px;
	padding-right:20px;
}

.contentpage2 #container #main
{
	width: calc(100% - 300px);
	margin-left: 300px;
	padding-left:44px;
}

.contentpage2 #container #main .mod_article 
{
	overflow:visible;
}

.contentpage2 #container #main h1
{
	margin-top:0px;
	font-size:35px;
	text-transform:uppercase;
	margin-bottom:70px;
	margin-left:-44px;
	overflow:visible;
	line-height: 39px;
}

.contentpage2 #container #main h2
{
	margin-top:0px;
	font-size:24px;
	margin-bottom:35px;
}

.contentpage2.dsgvo #container #main h2
{
	margin-top: 40px;
    font-size: 24px;
    margin-bottom: 35px;
}

.contentpage2 #container #main h3
{
	color#000;
	text-transform:unset;
	font-family:unset;
}
.contentpage2.dsgvo #container #main h3 {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 24px;
    color: #303c4a;
    margin-bottom: 11px;
    margin-top: 32px;
}

.contentpage2.dsgvo #container #main h4 {
    font-size: 19px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
}

.contentpage2 #container #main .ce_text
{
	width:80%;
	margin-bottom:12px;
	overflow: visible;
}
.contentpage2 #container #main p
{
	font-size:17px;
	
}

.contentpage2 .mod_breadcrumb li
{
	display:inline-block;
}
.contentpage2 .mod_breadcrumb li.first
{
	display:none;
}

.contentpage2 .mod_breadcrumb li:after
{
	content:">";
	padding-left:6px;
	padding-right:4px;
	
	
}

.contentpage2 .mod_breadcrumb li.last:after
{
	content:unset;
}
.contentpage2 .mod_breadcrumb
{
	font-size:14px;
	margin-bottom:42px;
	margin-bottom:24px;
}

.contentpage2 .mod_breadcrumb a,
.contentpage2 .mod_breadcrumb
{
	color: #a7abb1;
}

.contentpage2 .mod_logo
{
	display:block;
	width:100%;
	text-align:center;
}
.ce_gallery .image_container {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
	text-align:center;
	/*width: 200px;*/
}

.ce_gallery, .ce_gallery ul {display: block; overflow: hidden;}

.ce_gallery ul li
{
	float: left;
	list-style-type: none;
	box-sizing:border-box;
	width:22%;
	margin-right:3%;
	margin-bottom:30px;
	
}

.ce_gallery
{
		margin-bottom:30px;
}
.contentpage .ce_gallery ul li
{
	margin-bottom:3px;
}
	
	
.ce_gallery .image_container
{	
	position: relative;
	margin: 0;
	box-sizing:border-box;
	height:auto;
	}







.contentpage .custom
{
	height:75px;
	background-color:#f5f5f5;
}

.contentpage #container,
.gallerypage #container
{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:128px;
}

.gallerypage #container,
.gallerypage .mod_article
{
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
}

.contentpage #hcontainer,
.gallerypage #hcontainer
{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.gallerypage .pageteaser
{
	margin-top: 58px;
	margin-bottom: 38px;
}

.gallerypage .pageteaser p
{
    font-family: pt-serif-pro-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    max-width: 940px;
    color: dimgrey;
}

.contentpage #main p
.gallerypage #main p
{
	font-size: 14.5px;
    line-height: 24px;
}
.contentpage #main
{
	width:780px;
	width:66.666666666%;
}

.contentpage #right
{
	width:33.333333333%;
}

.contentpage #right .mod_article
{
	padding-left:8px!important;
	padding-right:8px!important;
}

.listview .item.first
{
	margin-top:0px;
}

.listview .item
{
	margin-bottom:20px;
	width: 100%;
	display:block;
	position:relative;
}
.listview .item.last
{
	margin-bottom:0px;
}
.listview .item:after
{
	content: "";
  display: table;
  clear: both;
} 

.listview .item .image_container
{
	float: left;
	margin-right:20px;

}

.listview .item .title
{
	font-size:1.2em;
	line-height: 1.25em;
	font-family:"pt-serif-pro", Arial;
	font-style:italic;
	color:#575656;
	display:table;
	height:101px;
}

.listview .item .title .inside
{
	display:block;
	vertical-align:middle;
	display:table-cell;
}

.image_container
{
	position:relative;
}


.listview .item .title:after,
.listview .item .title .inside:after
{
	content: "";
	display: table;
	clear: both;
}

.image_container .image-copyright
{
	display:none;
}

.contentpage #main .image_container{
	margin-top: 12px;
    margin-bottom: 12px;
}

.contentpage #main .image_container.rendering
{
	width:100%;
}
.contentpage .article > .image_container
{
	margin-top: 0px!important;
}

.contentpage #main .image_layer {
	position:relative;
}

.contentpage #main .image_container .image-title:before {
	top: -4px;
    padding-right: 3px;
    font-family: "FontAwesome";
    color: #4bbecf;
    content: "\f054";
    font: 10px/1 "FontAwesome";
}

.contentpage #main .image_container .image-title{
	
    margin-top:6px;
    font-family: "Miso", sans-serif;
    color: grey;
    font-size:15px;
	max-width:75%;
}

.contentpage #main .article .ce_text p
{
	  width: 90%;
}
.contentpage #main .image_container .image-copyright,
.image_container .caption
{
    display: block;
    position: absolute;
	bottom: 9px;
    left: 9px;
    color: grey;
    font-size: 10px;
    font-family: "Miso", sans-serif;
}

.image_container .caption
{
	bottom: 7px;
}

.contentpage #main h4
{
	margin-left:0px;
	text-transform:none;
	font-size:1.65em;
	line-height:1em;
}

.contentpage #main .ce_content_2col
{
	display:block;
	box-sizing: border-box;
	width:50%;
	float:left;
}

.contentpage #main .ce_content_2col.first
{
	padding-right:2.5%;
}
.contentpage #main .ce_content_2col.last
{
	padding-left:2.5%;
}

.contentpage #main .ce_content_colgroup
{
	margin-bottom:44px;
	margin-top:44px;
	
}

.contentpage #main .ce_content_colgroup:after,
.contentpage .ce_box.fl2col:after
{
content: "";
  display: table;
  clear: both;
}

.contentpage .article > .ce_box
{
	background-color: #b8105e;
}
 


.contentpage .ce_box.fl2col
{
	margin-top:32px;
	margin-bottom:32px;
	background-color:#2fc8d8;
} 
.contentpage .article > .ce_box .image_container,
.contentpage .article > .ce_box .ce_infobox
{
	float:left;
}


.contentpage .ce_box .image_container{
	margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.contentpage #main .ce_infobox.link
{
	background-color: #b8105e;
    color: #fff;
    padding:24px;
	height:212px;

}

.contentpage #main .ce_box.fl2col .image_container
{
	width:33.33333%;
	float:left;
}
.contentpage #main .ce_box.fl2col .ce_infobox
{
	width:66.66666%;
	float:left;
}

.contentpage #main .ce_infobox.product
{
	background-color: #4bbecf;
    color: #fff;
    padding: 24px;
	height:212px;
	margin-bottom:24px;
}

.contentpage #main .ce_infobox.ext-product
{
	background-color: #4bbecf;
    color: #fff;
    padding: 24px;
	padding-top:32px;
	height:212px;
}

.contentpage #main .ce_infobox.ext-link
{
	background-color: #b8105e;
    color: #fff;
    padding:24px;
	padding-top: 32px;
	height:212px;
}

.contentpage #main .ce_infobox h6
{
	font-family: "Miso", Arial;
    font-size: 18px;
	color: #fff;
    margin-top: 0px;
	margin-bottom:10px;
}

.contentpage #main .ce_infobox h5
{
	color: #fff;
    margin-top: 0em;
    font-size: 1.4em;
	margin-bottom:20px;
}

.contentpage #main .ce_infobox h5.h-teaser
{
	color: #fff;
    margin-top: 0em;
    font-size: 1.15em;
    line-height: 1.25em;
    font-family: Curve-Bold-Italic;
}

.contentpage #main .ce_infobox a
{
	color:#fff;
}

.contentpage #main .ce_infobox a.more_box
{
	border-color:#fff;
}
.contentpage #main .ce_infobox.link .fa-video
{
	font-size: 18px;
	margin-right:12px;
	color:#fff;}

.contentpage #main .clearbox
{
	content:" ";
	float:none;
	clear:both;
}

.contentpage #main h1, 
.contentpage #main h2,
.contentpage #main h3,
.contentpage #main h4,
.contentpage #main h5,
.contentpage #main h6
{
	color: #575656;
	margin-top: 1.35em;
}


.contentpage #main h1
{
	color:#4bbecf;
	font-size: 1.9em;
	margin-top:1.75em;
}
.contentpage #main h1
{
	margin-top: 1em;
}


.contentpage #main ul, .contentpage #main ol,
.gallerypage #main ul, .gallerypage #main ol
{
    font-family: pt-serif-pro-caption, sans-serif;
	margin-left:5px;
	
}

.contentpage #main li
{
	margin-left: 12px;
    list-style-position: outside;
    list-style-type: disc;
	font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 23px;
}

.contentpage #main .quote
{
    background-color: #f5f5f5;
    padding: 28px;
    font-family: pt-serif-pro-caption, sans-serif;
	font-size: 15px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.contentpage #main .quote .author
{
    margin-top: 18px;
	font-family:"Miso", Arial;
	font-size:15px;
	margin-bottom:0px;
	text-align: right;
    color: #9a9a9a;
    margin-top: 1px;
}

.contentpage #main .ce_sliderStart
{
	margin-top: 28px;
    margin-bottom: 44px;
}
.contentpage #main .content-slider
{
	background-color: #f9f9f9;
	padding-bottom:12px;
}

.contentpage #main .content-slider h4,
.contentpage #main .ce_media_teaser h4
{
	margin-top: 0px;
    margin-left: 0;
    text-transform: none;
    max-width: 90%;
    line-height: inherit;
    font-size: 1.7em;
    line-height: 1.05em;
	
}

.contentpage #main .ce_media_teaser
{
	background-color:#f9f9f9;
}

.contentpage #main .ce_media_teaser p
{
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 21px;
}

.contentpage #main .content-slider .ce_text
{
	max-width:95%;
}

.contentpage #main .content-slider li {
    margin-left: 10px;
    list-style-position: outside;
    list-style-type: disc;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 21px;
}

.contentpage #main .content-slider .slider-wrapper
{
	display:block;
	position:relative;
}

.contentpage #main .content-slider .slidebox1-old
{
	padding-left:24px;
	padding-right:24px;
	padding-top:24px;
}



.contentpage #main .content-slider .ce_media_teaser
{
	padding-left:24px;
	padding-right:24px;
	padding-top:24px;
	padding-bottom:0px;
}

.contentpage #main .ce_sliderStart .slider-control
{
	
	background-color: #f9f9f9;
	padding-bottom:12px;
	margin-bottom: 12px;
	height:44px;
}
.contentpage #main .ce_sliderStart .slider-control:after
{
	content: "";
    background-color: #f9f9f9;
    height: 12px;
    bottom: -9px;
    left: 0px;
    position: absolute;
    width: 100%;
	
}

.contentpage #main .origin
{
    background-color: #f9f9f9;
    padding: 24px;
	margin-top: 32px;
    margin-bottom: 18px;
}

.contentpage #main .origin .origin_col_1
{
	height: 100%;
    display: block;
    /* clear: both; */
    float: left;
}


.contentpage #main .origin .origin_col_2
{
	float: left;
    display: inline-block;
    width: 70%;
}
.contentpage #main .origin .image_container
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.contentpage #main .origin h5
{
	margin-top:0px;
}

.contentpage #main .origin p
{
    font-family: pt-serif-pro-caption, sans-serif;
    font-size:0.75em;
	font-weight: 400;
    font-style: normal;
    line-height: 21px;
	margin-bottom:0px;
}

.contentpage #main .origin .image_container
{
	margin-right:24px;
}

.contentpage #main .origin:after
{	
	content:"";
	clear:both;
	display:block;
}



.contentpage .ce_media,
.gallerypage .ce_media {
 position: relative;
 padding-bottom: 56.25%;
 width: 100%;
 height: auto;
}

.ce_text + .ce_media
{
	margin-top:36px;
}

.contentpage .ce_media:after {
	content: "";
	display: table;
	clear: both;
}
.contentpage .ce_media iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}
    
.contentpage .ce_text.video-teaser,
.gallerypage .ce_text.video-teaser
{
	margin-top:12px;
}	

.gallerypage .ce_media_teaser
{
	display:block;
	padding-top:24px;
	background-color: #f9f9f9;
    padding-bottom: 12px;
	padding-left:24px;
	padding-right:24px;
}

.gallerypage .ce_media_teaser h4
{
	margin-top:0px;
	margin-left:0px;
}


.gallerypage .ce_media_teaser li {
    margin-left: 10px;
    list-style-position: outside;
    list-style-type: disc;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 21px;
}

.gallerypage .ce_media:after {
	content: "";
  display: table;
  clear: both;
 }
 
/* Video Wrapper */
.video_wrapper {
    background-image: url( 'null.jpg' );
    background-size: contain;
    position: relative;
}
.video_wrapper .video_trigger:before {
    content: '\f04b';
    font-family: 'FontAwesome';
    position: absolute;
    z-index: -1;
    font-size: 120px;
    color: rgba( 255, 255, 255, .2 );
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    top: -webkit-calc( 50% - 60px );
    top: calc( 50% - 60px );
    left: -webkit-calc( 50% - 60px );
    left: calc( 50% - 60px );
}
.video_wrapper .video_trigger {
    
    
    position: absolute;
    bottom: 0;
	top:0px;
	left:0px;
	right:0;
    z-index: 9;
    background-color: rgba( 0, 0, 0, .8 );
    color: #fff;
	padding:24px;
}

.video_wrapper .video_trigger p
{
	font-family:"Miso", sans-serif;
}

.video_wrapper .video_layer {
    /*position: relative;
    display: none;
    height: inherit;
    width: inherit;
    margin: auto;*/
	position:absolute;
	top:0;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:888;
	display:none;
}

.video_wrapper .video_layer iframe {
    border: 0px none transparent;
    height: inherit;
    width: inherit;
}

.gallerypage .video_wrapper .video_layer iframe
{
	width:100%;
	height:100%;
}

.contentpage #main .ce_media_teaser
{
	padding:24px;
	padding-bottom:9px;
}

.text_link
{
	box-sizing: border-box;
    height: 35px;
    display: block;
    position: relative;
	margin-top: 26px;
}

.text_link .more_box
{
	float:left;
}

.interaction_box
{
	margin-left:24px;
    display: inline-block;
}

.ia_iconbox
{
	height:35px;
	width:35px;
	margin-right:8px;
	display:inline-block;
	background-color:grey;
}

.ia_iconbox.ia_comment
{
	background-image:url(../elements/ia_comment.jpg);
	text-indent:-9999px;
	background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    background-color: #dadada;
}

.ia_iconbox.ia_facebook
{
	background-image:url(../elements/ia_facebook.jpg);
	text-indent:-9999px;
	background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    background-color: #dadada;
}


.ce_gallery.sidebox.carousel .image_container
{
	
}

.ce_gallery, .ce_gallery ul {display: block; overflow: hidden;}
/*
.ce_gallery ul li
{
	float: left;
	list-style-type: none;
	box-sizing:border-box;
	width:33.333333%;
	
}
	
.contentpage .ce_gallery ul li
{
	margin-bottom:3px;
}
	
	
.ce_gallery .image_container
{	
	position: relative;
	margin: 0;
	box-sizing:border-box;
	width:100%;
	height:auto;
	}
	*/
.ce_gallery .col_first{clear: both;}

.contentpage.type-a .slide_item_content_wrapper
{
	position:relative;
	height:auto;
	display:block;
	overflow:hidden;
}
.contentpage.type-a .slide_item_content_wrapper .slide_item_image
{
	width:66.66666%;
	float:left;

} 
.contentpage.type-a .slide_item_content_wrapper .slide_item_content
{
	width:33.33333%;
	/*float:left;
	
	height:100%;
	clear:both;*/
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background-color:blue;
} 

.gallerypage #main .mod_article
{
	margin-left:-20px;
	margin-right:-20px;
}

.gallerypage.nomargin #main .mod_article
{
	margin-left: 0px;
	margin-right: 0px;
}

.galleryview
{
	box-sizing:border-box;
	/*margin-left:-20px;
	margin-right:-20px;*/
	width:100%;
}

.galleryview .gallery-item
{
	float:left;
	/*margin-left:20px;
	margin-right:20px;*/
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	max-width:33.33%;
	margin-bottom:40px;
	position:relative;
	display: block;
}

.galleryview,
.galleryview .gallery-item:after
{
	content: "";
  display: table;
  clear: both;
} 


.galleryview .gallery-item .title
{
	height:120px;
	background-color:#f5f5f5;
	display: block;
    position: relative;
	padding-top:24px;
}

.galleryview .gallery-item a
{
	color:#333333;
}

.categorypage .issue-container
{
	margin-top:0;
}

.contentpage2 #container #main .attention p
{
	margin-top:16px;
	color: #656565;
    font-size: 14px;
}
/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */

/* --- Large devices - Desktop // lg
 * ---------------------------------------- */

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

	body.debug { background-color: rgba(255, 0, 0, 0.10); }	

    body.down #header_offset {
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 00px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    #header_offset > .inside {
        height: 106px;
    }

    #header_offset .header_topbar {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #header_offset .header_logo > a > img.logo {
		width: 180px;
		height: 45px;
	}

	.contentpage2 #container #main .ce_text
	{
		width: 95%;
	}

	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	body.debug { background-color: rgba(0,255,0,0.10); }

	#header_offset > .inside {
		height: 86px;
	}
    
	#header_offset .header_logo > a > img.logo {
		width: 120px;
		height: 30px;
	}

    #header_offset .header_topbar {
        position: absolute;
        top: 0;
        right: 100px;
        line-height: 58px;
    }
	
	.content_3col p {
		display:none;
	}

}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	.contentpage #container
	{
		margin-top:24px;
	}
	
	.contentpage #main
	{
		width:100%;
		/*padding-left:2.5%!important;
		//padding-right:2.5%!important;*/
	}
	.contentpage2 #container #left	
	{
		display:none;
	}
	
	.contentpage #main .ce_content_2col
	{
		width:100%;
		float:none;
	}
	
	.contentpage2 #container #main h1
	{
		margin-left: 0px;
	}
	
	.contentpage2 #container #main {
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	

}

/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	.galleryview .gallery-item
	{
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.galleryview .gallery-item .title
	{
		height:100px;
	}
	
	.gallerypage #main .mod_article
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.galleryview, .galleryview .gallery-item::after
	{
		content:"";
		display:unset;
	}
	
	
	
	.smallh .inside {
		height: auto!important;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}
}