/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.06.2015, 10:08:04
    Author     : ralfbecker
*/

@media (max-width: 1199px) {
	.listNewsItemImage {width:212px; height:212px;}
	.listNewsItemImage img.portraitImage {height:212px;}
	.listEventsItemImage {width:212px; height:212px;}
	.listEventsItemImage img.portraitImage {height:212px;}
}

@media (max-width: 991px) {
	.listNewsItemImage {width:157px; height:157px;}
	.listNewsItemImage img.portraitImage {height:157px;}
	.listEventsItemImage {width:157px; height:157px;}
	.listEventsItemImage img.portraitImage {height:157px;}
	
	/* Tabnav */
	.tabnav li a span {display:none;}
	.tabnav li a b {padding-left:10px;}
	
	#language_menu li.text-muted, #language_menu li > a {
		padding: 0 40px 0 0;
	}
}

@media (max-width: 767px) {
	h2 {font-size:32px;}
	
	#headerArea #navigationArea {
		height: 110px;
		border:none;
	}
	#headerContainer {padding:0;}
	#headerArea .logoLink {
		top:30px;
		left:20px;
	}
	
	body.ind {position:fixed; width:100%;}
	body.ind div.shadow {
		top:110px;
		width: 100%;
		z-index: 5;
	}
	body div.shadow {
		display: block;
		height: 100%;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		background:#000;
	}
	#language_menu {float:left; margin:0; padding:0;}
	#language_menu li {margin:0; padding:0;}
	#language_menu li.text-muted,
	#language_menu li > a {
		display: inline-block;
		height: 110px;
		padding: 0 20px;
		line-height: 110px;
		text-decoration:none;
	}
	#language_menu li > a {color:#000;}
	#language_menu li svg {position:relative; top:1px; height:15px; width:auto; padding-right:5px;}
	#language_menu li.text-muted svg path {fill:#777;}
	
	.headerIcons {float:right; color:#000;}
	.headerIcons .headerIconSearch,
	.headerIcons .headerIconNavigation,
	.headerIcons .headerIconLanguage {float:left; padding:0 20px; line-height:110px; cursor:pointer;}
	.headerIcons .headerIconNavigation.active {width:57px; text-align:center; font-size:21px; font-weight:600; font-family:'Meta Offc W01 Normal', Helvetica, Arial, sans-serif;}
	.headerIcons .headerIconNavigation.active:before {position:relative; bottom:1px; content:"X";}
	.headerIcons .swipe-control {background:none; border:none; }
	.headerIcons .swipe-control i {display:none;}
	.swipe {
		background-color:#289ae7;
		display: block;
		left: -100%;
		overflow: hidden;
		position: fixed;
		top:110px;
		width: 100%;
		z-index:2;
		font-size: 20px;
		line-height: 30px;
		height: 100%;
		moz-box-sizing:border-box;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		 box-sizing: border-box;
		 z-index:6;
		 padding-bottom: 50px;
		 color:#fff;
		 -webkit-transition-duration: 0.5s; /* Safari */
		transition-duration: 0.5s;

	}
	.swipe.active {left:0;}
	.swipe:before, .swipe:after {-moz-box-sizing:inherit;}
	.swipe-menu {
		height: 100%;
		padding:0;
		overflow-y: scroll;
		overflow-x: hidden;
		border-top: 1px solid #fff;
		-webkit-overflow-scrolling: touch;
	}
	.dl-menuwrapper {
		max-width:none;
	}
	.dl-menuwrapper button:hover,
	.dl-menuwrapper button.dl-active,
	.dl-menuwrapper ul {
		background:#289ae7;
	}
	.dl-menuwrapper li a {
		padding:22px 20px;
		text-decoration:none;
		border-bottom:1px solid rgba(255,255,255,0.1);
	}
	.no-touch .dl-menuwrapper li a:hover {
		background:transparent;
	}
	.no-touch .dl-menuwrapper li.dl-back a:hover {
		background:rgba(255,255,255,0.1);
	}
	.no-touch .dl-menuwrapper li a:hover {
		text-decoration:underline;
	}

	.dl-menuwrapper li.dl-back > a {
		padding-left: 30px;
		background: rgba(255,255,255,0.15);
	}
	.dl-menuwrapper li > a:not(:only-child):after,
	.no-touch .dl-menuwrapper li > a:not(:only-child):after {
		content: "\f105";
		right:0;
		padding:0 20px 0 0;
		font-size:25px;
		line-height:64px;
		color:rgba(255,255,255,1);
	}
	.dl-menuwrapper li.dl-back > a,
	.dl-menuwrapper li.dl-back > a:hover,
	.no-touch .dl-menuwrapper li.dl-back > a,
	.no-touch .dl-menuwrapper li.dl-back > a:hover {
		padding-left: 30px;
		color:rgba(255,255,255,1);
	}
	.dl-menuwrapper li.dl-back:after,
	.no-touch .dl-menuwrapper li.dl-back:after {
		content: "\f104";
		font-size:25px;
		line-height:64px;
		color:rgba(255,255,255,1);
	}
	.dl-menuwrapper .dl-menu {
		margin:0 0 200px 0;
	}
	
	/* Tabnav */
	.tabnav li a {width:auto; padding:0 10px;}
	
	#breadcrumbArea {height:auto; padding-top:15px; border:none;}
	.breadcrumbContainer ol li {line-height:17px;}
	.breadcrumbContainer ol li:before,
	.breadcrumbContainer ol li.home:before{content:url(../Images/breadcrumb-divider.png); position:absolute; top:-21px; left:-1px;}
	.breadcrumbContainer ol li:after {content:"";}
	.breadcrumbContainer ol li a, 
	.breadcrumbContainer ol li span, 
	.breadcrumbContainer ol li strong {line-height:0;}
	
	#personViewArea {padding-top:30px;}
	#personViewArea #personViewData > h2 {margin-bottom:50px;}
	#personViewImage {margin-bottom:30px;}
	
	
	.buttonContact {text-align:center; text-transform:uppercase; border:2px solid #fff; border-radius:5px; color:#fff; line-height:40px; margin-bottom:20px; cursor:pointer;}
	.socialMediaButtons {padding-top:0;}
	.socialMediaButtons > a {
		float:left;
		display: inline-block;
		width: 35px;
		height: 35px;
		margin: 0 8px 8px 0;
		background: #289ae7;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 18px;
		text-align: center;
		color: #fff;
		text-decoration: none;
	}
	.socialMediaButtons > a > i {line-height:35px;}
	.socialMediaButtons > a > i.ai {font-size:20px;}
	.socialMediaButtons > a > i.dblp:before {content:"dblp"; position:relative; right:0; bottom:4px; font-size:14px;}
	
	.offisDataViewBoxContentContainer {margin-bottom:50px; border-radius:5px; overflow:hidden;}
	#projectViewData .offisDataViewBoxContentContainer {margin-bottom:0; border-radius:0;}
	.offisDataViewAccordionHeader {padding:0 15px; line-height:60px; background:#e9e9e9 !Important; color:#289ae7; border-bottom:1px solid rgba(40,154,231,0.25);}
	#personViewData .offisDataViewAccordionHeader {background:#fff !Important;}
	.offisDataViewAccordionHeader > img {float:right; position:relative; top:25px;}
	#projectViewData .offisDataViewAccordionHeader.active {background:#fff !Important;}
	.offisDataViewAccordionHeader.active > img {transform:rotate(180deg);}
	.offisDataViewBoxContent {border-radius:0; border-bottom:1px solid rgba(40,154,231,0.25);}
	.offisDataViewBoxContentContainer > div:nth-last-child(2),
	.offisDataViewBoxContentContainer > div:nth-last-child(1) {border:none !Important;}
	#personViewData .opend .offisDataViewEmptyBox, 
	#personViewData .opend .offisDataViewActiveBox {border-radius:0 !Important;}
	.personContactInfo p.infoItem {margin-bottom:20px;}
	.offisDataViewEmptyBox, 
	.opend .offisDataViewActiveBox,
	.opend .offisDataViewEmptyBox, 
	.opend .offisDataViewActiveBox {border-radius:0;}
	
	.offisDataListItem {position:relative; display:block; overflow:hidden;}
	.offisDataListItem > div.offisDataListIcon {position:absolute; top:10px; left:0; width:40px;}
	.offisDataListItem > div.offisDataListTitle {display:block; padding-left:40px; padding-right:10px;}
	.offisDataListItem > div.offisDataListAction {display:block; clear:both; padding:5px 0 10px 0;}
	
	.offisDataList {padding:0 15px;}
	.listNewsItemImage {display:block; width:auto; height:auto; margin-bottom:10px; border:none;}
	.listNewsItemImage img.portraitImage {width:100%; height:auto;}
	.listNewsItemNoImage img {width:50%;}
	.listEventsItemImage {display:block; width:auto; height:auto; margin-bottom:10px; border:none;}
	.listEventsItemImage img.portraitImage {width:100%; height:auto;}
	.listEventsItemNoImage img {width:50%;}
	
	.offisDataContactPersonsText > a > br {display:none;}
	
	.offisDataViewAccordionHeader {font-size:21px;}
	.offisDataAccordionContent {padding-left:15px; padding-right:15px;}
	.offisDataAccordionContent > .container {padding:0;}
    
    .oneColumnPlugin > .row {
        margin:0 !Important;
    }
}

@media (max-width: 600px) {
}



@media (min-width: 768px) {
	
	#headerArea.affix {
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	}
	
	#primNavContainer {float:right; position:relative; z-index:998;}
	#primNavContainer ul {margin:0; padding:0; list-style:none;}
	.dl-menuwrapper {
		-webkit-perspective:none;
		perspective:none;
	}
	#menuitem-13,	#menuitem-752 {width:100px; text-align:right;}
	#menuitem-13 a, 	#menuitem-752 a {padding:0 31px 0 31px;}
	#menuitem-13 a:after {
		content: "\e003";
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#46464d;
	}
	#menuitem-13 span, 	#menuitem-752 span {display:none;}
	#menuitem-752 a:after {
		content: "\e017";
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#46464d;
	}
	
	
	ul.primNav:after {content:" "; clear:both;}
	ul.primNav a {color:#46464d; text-decoration:none;}
	ul.primNav > li {position:relative; float:left; margin:0; padding:0; list-style:none;}
	ul.primNav > li > a {display:inline-block; height:122px; padding:0 15px; line-height:190px;}
	ul.primNav > li.hover > a,
	ul.primNav > li.open > a,
	ul.primNav > li.active > a {border-bottom:6px solid #ebebeb;}
	ul.primNav > li > div {position:absolute; top:100%; left:0; float:left; display:none; min-width:250px; max-width:300px; padding-top:10px;}
	ul.primNav li.hover > div,
	ul.primNav li.open > div,
	ul.primNav li.hover > ul,
	ul.primNav li.open > ul,
	body.noTouchDevice ul.primNav li:hover > div {display:block;}
	
	ul.primNav li.hover > ul.thirdLevel,
	#primNavContainer ul.primNav li.open > ul.thirdLevel {position:absolute; top:0; left:100%;}

	ul.primNav > li > div > ul > li:first-child:before {
		content: "\e251";
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;position:absolute;
		top:-10px;
		left:-4.9px;
		color:#fff;
		z-index:1000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
	}
	ul.primNav > li > div > ul > li.hover:first-child:before {
		color:#f2f2f2;
	}
	
	

	ul.primNav > li > div ul {min-width:250px; max-width:300px; background:#fff; border-radius:0 5px 5px 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
	ul.primNav > li > div > ul {top:10px !Important;}
	ul.primNav > li > div ul.thirdLevel {top:0; margin-left:-10px; border-radius:5px; overflow:hidden;}
	ul.primNav > li > div > ul li.first {border-radius:5px 5px 0 0; /*overflow:hidden;*/}
	ul.primNav > li > div > ul.thirdLevel li.first {border-radius:0 5px 0 0; /*overflow:hidden;*/}
	ul.primNav > li > div > ul li.last {border-radius:0 0 5px 5px; /*overflow:hidden;*/}
	.no-touch .dl-menuwrapper li a {display:block; min-width:250px; max-width:300px !Important; padding:15px 18px;line-height:30px;}
	.no-touch .dl-menuwrapper li.hover {background:#f2f2f2;}

	.dl-menuwrapper li > a:not(:only-child):after,
	.no-touch .dl-menuwrapper li > a:not(:only-child):after {
		content: "\f105";
		font-size:25px;
		line-height:60px;
	}
	
	#langNavContainer {float:right;}
	#language_menu {margin:0; padding:0;}
	#language_menu li {margin:0; padding:0;}
	#language_menu li.text-muted,
	#language_menu li > a {
		display: inline-block;
		height: 122px;
		padding: 0 50px 0 0;
		line-height: 190px;
		text-decoration:none;
	}
	#language_menu li > a {color:#000;}
	#language_menu li svg {position:relative; top:1px; width:20px; height:15px; padding-right:5px;}
	#language_menu li.text-muted svg path {fill:#777;}
	
	body#pageID-7 .quicknavWidthSub .item > a {min-height:60px;}
	.quicknavWidthSub ul.secNav li a {min-height:78px;}
	body#pageID-5 .quicknavWidthSub > div > div:nth-child(2n+1) {clear: both;}
	body#pageID-5 .quicknavWidthSub > div > div:nth-child(3n+1) {clear: none;}
	body#pageID-1 .quicknav > .row > div.col-sm-4:nth-child(3n+1){clear:both;}
	
	
	body#pageID-1 #c26 > div > div:nth-child(2n+1) {clear: both;}
	body#pageID-1 #c26 > div > div:nth-child(3n+1) {clear: none;}
	
	.offisDataContactPersons .offisDataContactPersonsText {width:220px;}
	
	
	
}


@media (min-width: 992px) {

	ul.primNav > li > a {padding:0 20px;}


	.offisDataViewBox {font-size:21px;}
	.offisDataContactPersons .offisDataContactPersonsText {width:141px;}
	
	.col-3-container > .col-sm-6:nth-child(3n+1) {clear:both;}

        
	/***************************************************************/
	/******************** Jahresberichte Archiv ********************/
	/***************************************************************/
	body#pageID-203 .col-2-container .row > .col-md-6:first-child {width:25% !Important;}
	body#pageID-203 .col-2-container .row > .col-md-6:last-child {width:75% !Important;}
	/***************************************************************/
}


@media (min-width: 1200px) {
	.twoColContainer > div:nth-child(2n+1) {clear:both;}
	.threeColContainer > div:nth-child(3n+1) {clear:both;}
	.fourColContainer > div:nth-child(4n+1) {clear:both;}
	
	.row.offisDataAssignmentPerson > div:nth-child(3n+1) {clear:both;}
	
	#teaserArea .teaserThreeColContainer > div > div .text a{height:90px; padding:15px; overflow:hidden;}
	.latestNewsContainer {min-height:360px;}
	.latestNewsTitle {max-height:55px; overflow:hidden;}
	#teaserArea .teaserThreeColContainer > div:last-child > div {background:transparent;}
	#teaserArea .teaserThreeColContainer > div:last-child > div > div > div:first-child {margin:0; border-radius:5px; overflow:hidden; background:#fff;}
	#teaserArea .teaserThreeColContainer > div:last-child > div > div > div > div.latestNewsItemContainer {padding-left:0; padding-right:0;}
	.latestNewsContainer > div.latestNewsItemContainer:nth-child(3) > div.latestNewsItem {margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.latestMoreNewsBottom {text-align:center;}
	.latestMoreNewsBottom > a {font-size:14px; line-height:20px; text-decoration:none;}
	
	.offisDataContactPersons .offisDataContactPersonsText {display:inline-block; width:208px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.twoColContainer > div:nth-child(2n+1) {clear:both;}
	.threeColContainer > div:nth-child(2n+1) {clear:both;}
	.fourColContainer > div:nth-child(2n+1) {clear:both;}
	
	.col-3-container > .col-sm-6:nth-child(2n+1) {clear:both;}
	
	.row.offisDataAssignmentPerson > div:nth-child(2n+1) {clear:both;}
	
	#headerArea .logoLink {
		top: 0;
	}
	
	.navbar-header-main .navbar-brand.navbar-brand-image {
		padding-bottom: 48px;
	}
	.navbar-header-main .navbar-brand.navbar-brand-image > img {
		max-height: 39px;
	}
	.navbar-default .navbar-nav > li> a {
		font-size: 15px;
	}
	.navbar-default .navbar-nav > li> a > span {
		padding:4px 10px 0px 10px;
	}
	
	body#pageID-7 .quicknavWidthSub .item > a {min-height:90px;}
	

        
	/***************************************************************/
	/******************** Jahresberichte Archiv ********************/
	/***************************************************************/
	body#pageID-203 .col-2-container .row > .col-md-6:first-child {float:left; width:50% !Important;}
	body#pageID-203 .col-2-container .row > .col-md-6:last-child {float:left; width:50% !Important;}
	/***************************************************************/
}

@media (min-width: 992px) and (max-width: 1199px) {
	.twoColContainer > div:nth-child(2n+1) {clear:both;}
	.threeColContainer > div:nth-child(2n+1) {clear:both;}
	.fourColContainer > div:nth-child(3n+1) {clear:both;}
	
	.row.offisDataAssignmentPerson > div:nth-child(2n+1) {clear:both;}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.latestNewsContainer > div.latestNewsItemContainer {
		margin-bottom:20px;
		padding-bottom:10px;
	}
	.latestNewsItem {
		margin-bottom:0;
		padding-bottom:0;
		border:none;
	}
	.latestNewsContainer > div:nth-child(2) {
		border-right:1px solid #ddd; border-left:1px solid #ddd;
	}
	.latestNewsContainer > div:nth-child(3) > div.latestNewsItem {
		border-bottom-width:0
	}
	.latestNewsBottom {padding-top:20px; border-top:5px solid #ddd;}
}