.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {

}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	padding:10px;
}

.news-latest-gotoarchive {
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
  margin:0;
}

.news-latest-item {
	padding:3px;
	margin:0;
}

.news-latest-item IMG {

	margin: 0 5px 5px 0;
	float:left;
	border: none;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}




.news-latest-item > p {
	margin:0;
	padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/

.news-list-container .carousel-inner .item {
    padding-left: 0px;
    padding-right: 0px;
}



.news-list-container {
	padding: 0px;
}


.news-list-container H2 {
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
}

.news-list-container a {
	color: #5275a1;
	font-size: 18px;
	font-weight: normal;	
}
.news-list-container a.btn {
	color: #ffffff;
	font-size: 14px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}


	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
	padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
	padding:20px 0 20px 0;
	margin:0px;
}

.news-list3-item,
.list2-subdiv-hdr {
	background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
	width:48%;
	float:left;
	padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
	width:31%;
	float:left;
	padding:5px;
}

.news-list3-item {
	padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
	border-top:5px solid #fff;
}


.news-list2-container IMG {
	float: none;
	margin:0px;
	padding:0px;
	border: none;
	
	

}
.news-list3-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}

.news-list2-container H2 {
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;	
	line-height: 16px;

}
.news-list2-container H3 {
	margin: 0px;
	text-transform: none;
	font-weight: normal;	
	line-height: 14px;
	font-size: 14px;

}


.news-list2-container a {
	color: #5275a1;
	font-size: 18px;
	font-weight: normal;	
}
.news-list2-container a.btn {
	color: #ffffff;
	font-size: 14px;
}
.news-list2-container .zelle {
	margin-top:6px;
}
.news-list2-container .element {
	background-color: #ffffff;	
	padding-bottom: 20px;
}

.news-list2-container .carousel-inner .item {
    padding-left: 0px;
    padding-right: 0px;
}
.catimage {
	position: absolute;
	width: 44px;
	height: 44px;

	background-color: #436997;
	z-index: 12;
	margin-left: 25px;
	top: -6px;
	text-align: center;
}

.catimage img {

}

@media all and (max-width: 990px) {
	.catimage img {
		display: none;
	}

.catimage {
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #436997;
    background-color: #ff0000;	
    z-index: 12;
    margin-left: 25px;
    top: -6px;
    text-align: center;
	
	margin-left:49%;
	
	display: none;
	
}	
	
}



.news-list2-container .text {
	padding:10px;
	background-color: #ffffff;
	min-height: 150px;
}
.news-list2-container .lazyload {
	max-width: 100%;
}
.news-list2-container .more {
	padding-left:10px;
}
.news-list2-container .carousel-inner {
	min-height: 430px;
}
	/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
	text-align:center;
	margin-bottom:20px;
}

.activeLinkWrap {
    display: block;
    float: left;
    font-size: 12px;
    padding: 10px 14px;
    margin: 0px;
    font-weight: bold;
    background-color: #436997;
    color: #FFFFFF;
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
    display: block;
    float: left;
    font-size: 12px;
    padding: 10px 14px;
    margin: 0px;
    background-color: #263e5d;
    color: #FFFFFF;
    text-decoration: none;
	
}
.activeLinkWrap {
	background-color: #436997;	
}
.browseLinksWrap a:hover {
	background-color: #436997;
}

.browseLinksWrap {
	padding-bottom: 15px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
	padding:5px;
	margin-bottom:5px;
}

.news-single-item h2 {
	font-size: 22px;
	color: #555555;
}
.news-single-img {
	float: right;
	float: none;
	margin:10px 0 0 10px;
	padding:0;
}

.news-single-img img {
	border:none;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 10px;
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}


	/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
	border:none;
}

.sv-img-big {
	float: right;
	padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
	padding:15px 0;
}
.sv-img-small {
	float: left;
	padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	width:165px;
    padding:0;
    margin-left:10px;
}
.news-amenu-container LI {
	padding-bottom:1px;

}
.news-amenu-container LI:hover {
	background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
	margin-top:5px;

	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
    margin-top:10px;
	padding: 2px;
	background-color: #f3f3f3;

}


.amenu-act {
	background:#fff;
	font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
	padding:10px;

}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A {
	text-decoration: none;
}

ul.tree A.pm {
	cursor: pointer;
}

ul.tree img {
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul {
	background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
	background: none;
}

ul.tree li.active, ul.tree ul li.active {
	background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
	background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}


.circle, .item-icon {

	border-radius: 50%;
	width: 94px;
	height: 94px; 
}
.circle-big, .headliner1 {
	border-radius: 50%;	
	width: 200px;
	height: 200px;
	background-color: #345682;	
}
.headliner1 {
	background-color: transparent;
}
.headliner1 h1 {
	color: #ffffff;
}
.circle-big-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

	padding-left:20px;	
	padding-left:0px;		
	
}
.circle-big-icon img {
	width: 158px;
	height: auto;
}

.circle-big-icon .news-single-img {
	padding:0px;
	margin: 0px;
}

.headliner2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.cat-header img {
	opacity:1; 
	max-height: 465px;

	width:100% !important;
	height:auto !important;
	display:block;	
  
}


.cat-headline {
	background-image: url(../Images/15prozent.png);
	background-position: 0px 36px;
	background-repeat: repeat-x;
	height: 200px;
	position: sticky;
	width: 100%;

	margin-top: -170px;
	z-index: 20002;
	z-index: 0;

}

.item-icon {
	background-color: #345682;
	padding-top:12px;
	margin-left: 24px;
	margin: 0 auto;
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.col-2 {
	   page-break-inside: avoid;                 // Firefox   
	   column-break-inside: avoid;               // Chrome, Opera, Safari
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		-ms-column-break-inside: avoid;

		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2; 
	}
}


.icon-padding {
	padding-top:100px;
}



.carousel-control {

	position: absolute;
/*	width: 100%; */
	height: 250px;
	
	height: 100%;
	top:0px;
	z-index: 40000;
		
}

.carousel .item {
    height: 600px;
	height: auto !important;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	color: #345682;
}


.detail .circle-big {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.news-single-item dd a {
	background-color: #396896;
    color: #ffffff;
	
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #335b85;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}
.news-list2-container .lazyload {
    width: 72px;
	height: 72px;
}

.referenzen {
	background-color: #f7f7f7;
}
.referenzen .row {
	padding:80px 0px 80px 0px;
}
.referenzen .element {
	height: 260px;
	margin-bottom: 40px;

}
.referenzen .bg {
	background-color: #ffffff;

}

.referenzen .element img {
	width: 100%;
	height: auto;
}
.referenzen .element .title {
	position:absolute; 
	bottom:0px;
	text-align: center;
	width: calc(100% - 40px);
}




.referenzen .vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 260px; /* You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}


.news-single-item li {
	list-style: none;
}

.news-single-related {
	padding-top:26px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin: 0px;
}
.news-single-related DD:first-of-type {
	padding-top:10px;
}

.referenz-header {
	background-image: url(../Images/15prozent.png);
	background-position: 0px 156px;
	background-repeat: repeat-x;
	height: 250px;
	position: sticky;
	width: 100%;

	margin-top: -250px;
	z-index: 2;
}

.referenz-header .square {
	height: 225px;
	width: 225px;
	background-color: #ffffff;
	
	position: absolute;
    left: 50%;
    transform: translateX(-50%);	
	z-index: -1;
	
	border:1px solid #aeaeae;
	
}
/*
.referenz-header .square:after {
    content:"";
    position:absolute;
    width:100%;
    bottom:1px;
    z-index:-1;
    transform:scale(.9);
    box-shadow: 0px 0px 8px 2px #000000;

    left: 50%;
    transform: translateX(-50%);		
}
*/

.referenz-header .square img {
	position: absolute;
    top: 0%;
	top:12px;
	left:12px;
    transform: translateY(0%);
	
}



.news-list2-container .carousel-inner {
/*	top:150px; */
}



.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: calc(100% - 30px);
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}


.carousel-control.left, .carousel-control.right {
    background-image: none;


}

.referenzbild {
	background-color: #345682;
	height: auto;
	
}

.referenzbild * {
	padding:0px;
	margin: 0px;
}



.referenzbild img {
  object-fit: cover;
  width: 100%;
  max-height: 720px;



	
}


@media (max-width: 990px) {
	
	.referenzbild img {
	object-fit: scale-down;

	}
	
}

@media (max-width: 990px) {
	.headliner1 {
		padding-left:20px;
	}
}
@media (max-width: 768px) {
	.abstand {
		padding:0px 20px 0px 20px;
	}
	.headliner2 h1 {
		color:#345682;
	}
}
.item h3 {
	
}

.news-list2-container .col-sm-2 {
	padding-bottom:20px;
}