/* ==========================================================================
  	nicola styles . rstbdo 2015
   ========================================================================== */




html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden; */
    background-color: #fff;
}


.container {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;

}	

a:link {
	color: #fff;
	font-weight: 700;
	color: #2a6496;
}

a, a:visited {
	color: #fff;
	font-weight: 700;
}


/* ------------ head -------------- */

.head {
	width: 100%;
	background-color: #5e5e5e;
	min-height: 45px;
	padding-right: 0px;
	padding-left: 0px;
    overflow-x: hidden; 
    margin-right: auto; /* gap right side because of bootstrap */
    margin-left: auto;
    z-index: 100;
    /* position: fixed !important;*/

}

.name{
	text-transform: uppercase;
	padding-left: 25px;
	padding-top: 12px;
	font-family: 'helvetica', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	font-size: 1em;
}
.name a {
	color: #fff;
}


/* ------------ menus -------------- */

ul.nav.menu {
	list-style-type: none;
	margin-top: 4px;
	/* letter-spacing: 0.05em; */
}

.nav {
	margin-left: 20px; 
	margin-right: 0px;
	margin-top: 3px;
}

.menu a, .lang-inline a {
	float: left;
	color: #cfcfcf;
	font-family: 'helvetica', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
}

 /* ---- neu 8-2023 ---*/
 .nav-item {
	float:left;
}



.menu li.active a {
	color:#fff;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
	/* -- neu 8/2023 - */
	color: #cfcfcf;
  	font-family: 'helvetica', sans-serif;
  	font-weight: 400;
  	font-size: 0.9em;
	letter-spacing: 0.05em;

}

.nav>li>a:hover,
.nav>li>a:focus {
	/*text-decoration:none;*/
	background-color:none;
	color:#fff;
}

.sub {
	background-color: #ddd;
	padding-top: 1px;
}

.subnavi {
	height: 32px;
}
.subnavi .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 0px;
    margin-left: 15px;
	color: #000;
	height: 15px;
}




/* ------------ content -------------- */

.item-page {
	padding-top: 40px;
}

.item-page p,
.item-page_contact p {
	font-size: 0.90em;
	line-height: 1.6em;
	font-weight: 300;
	/*width: 800px;*/
	letter-spacing: 0.05em;
	margin-top: -8px;
}

.item-page blockquote{
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: 100;
	width: 800px;
	letter-spacing: 0.05em;
	margin-top: -8px;
}

.item-page p, h1, h2, h3, h4, h5, h6, blockquote{
	font-family: 'helvetica', sans-serif;
	color: #000;
	padding-right: 100px;
	padding-left: 40px;
	padding-top: 0px;
}

.item-page_contact p, h1, h2, h3, h4, h5, h6{
	font-family: 'helvetica', sans-serif;
	color: #000;
	padding-right: 100px;
	padding-left: 144px;
}


.blog p, h1, h2, h3, h4, h5, h6 {
	font-family: 'helvetica', sans-serif;
	color: #000;
	padding-right: 100px;
	padding-left: 40px;
}

.item-page blockquote a{
	color: #fff;
}

.item-page blockquote a:hover{
	color: #754;
}

.item-page h2,
.blog h2,
.item-page_cv h2 {
	font-size: 1.0em;
	font-weight: 300;
	text-transform: uppercase;
}

/* ------------ CV-Bereich -------------- */
.item-page_cv {
	padding-top: 40px;
}

.item-page_cv p {
	padding-top: 40px;
	font-size: 0.9em;
	font-weight: 300;
		color: #818181;

}

.item-page_cv p, h1, h2, h3, h4, h5, h6, blockquote{
	padding-top: 40px;
	font-family: 'helvetica', sans-serif;
	padding-right: 100px;
	padding-left: 40px;
	padding-top: 0px;
}
 em {
 	font-weight: 400;
 }

/* ------------ texte -------------- */

/* ---- neu 8-2023 ---*/
table .visually-hidden {
	display: none;
}

.category-list {
	/*margin-left: 44px !important;*/
	/*margin-right: 44px !important;	*/

}

.table-bordered {
    /*border-top: 1px solid #333;*/
    border-left: 0px;
    border-right: 0px;
}
/*
.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 0px solid #DDD;
    border-top: 1px solid #333;

}
*/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff !important;
}

.list-title a{
	font-family: 'helvetica', sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	color: #000;
	margin-left: 35px ;	
	
}

div[itemprop="articleBody"] h1 {
	font-size: 1.5em;
	padding-bottom: 11px;
}

a._link {
	color: #084899;
	padding-top: 12px;
	border-top: 1px solid #ddd;
	display: block;
}

p._anmerkungen {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.7em;
	margin: 12px 0px 12px 44px;
}


/* ---------------------------------------- */
/* ------------ Eventgallery -------------- */



.displayname {
	/*font-weight: 300;
	font-size: 1.0em;*/
	font-weight: 400;
	font-size: 0.9em;
	margin-top: 60px;
}


div.eventgallery-simplelist-tile a{
	border: none;
}



/* text unter bildern */
#eventgallery_cboxTitle {
	margin-top: 22px !important;
}

div#eventgallery_cboxTitle.eventgallery-colorbox-nav-visible {
	background-color: transparent;
	font-family: 'helvetica', sans-serif;
	font-weight: 300;
	font-size: 0.8em;	
	letter-spacing: 0.05em;
}

#eventgallery_colorbox .img-caption {
    padding: 10px !important;
    display: block !important;
}

/* bluege code */
div#eventgallery_cboxWrapper,
div#eventgallery_cboxContent,
div#eventgallery_colorbox {
    overflow: visible;
}

div#eventgallery_cboxTitle {
    bottom: -50px;
    background-color: transparent !important;
}
/* bluege code ende*/

#eventgallery_cboxTitle .content .img-caption {

}

#eventgallery_cboxTitle .current {
    vertical-align: middle !important; 
}

/* ---------------------------------------- */
/* ------------ Blog / Newsbereich -------------- */

.blog {
	font-size: 0.90em;
	line-height: 1.6em;
	font-weight: 300;
	/*width: 800px;*/
	letter-spacing: 0.05em;
	margin-top: -8px;
}

.item, .leading-0 {
	border-top: 1px solid #999;
}

.page-header h1 {
	font-size: 1.1em;
	font-weight: 400;
	text-transform: uppercase;
}

.page-header {
    padding-bottom: 2px;
    margin: 2px 0px 2px;
    border-bottom: none;
}

.blog .page-header h1{
	padding-top: 35px;
}

.item-image .img_caption {
	margin-top: 6px;
	font-weight: 300;
	font-size: 11px;
}

.items-leading {
	padding-top: 20px;
}

.item-page h3{
	font-size: 1.0em;
	font-weight: 300;
	margin-bottom: 22px;
	margin-top: -6px;
}

.caption {
	width: 70%;
	height: auto;
	margin-left: 40px;
}

.blog .item,
.leading-0 {
	padding-bottom: 20px;
	width: 800px;
}

.blog .span4 {
	clear: both;
}

.span4 .item {
	margin-top: 0px;
}

.pull-right.item-image,
.pull-left.item-image {
	margin-top: -26px;
}

/* ---------------------------------- */
/* ------------ essays -------------- */

.content-category {
margin-top: 60px;
}


/* ==========================================================================
   RESPONSIVE Zoomen fuer Mobile Geräte
   ========================================================================== */
/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
/*
@import url('mediaqueries_phone.css') (min-width: 480px); 
@import url('mediaqueries_tablet.css') (max-width: 1080px); 
*/

/*.navbar-default {
    background-color: transparent;
    border-color: none;
}
.navbar {
    border-radius: none;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: none;
}*/





/* Large desktop - first step */
@media (max-width: 993px) { 
/* ----------------------- */

.head {
	width: 100%;
    position: relative;
}
.name{
	padding-left: 25px;
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 5px 5px 5px;
}

.menu {
	padding-left: 11px;
}

.main_navi {
	margin-top: 4px;
}

.utilities {
}

.subnavi {
	margin-left: -11px;
}

.subnavi a {
	margin-top: 3px;
}

ul.nav.menu {
	margin-top: 0px;
}

.mod-languages {
	margin-top: 0px;
    padding: 0px 0px 0px 25px;

}

ul.lang-inline {
	margin-top: 0px;
	padding-left: 25px;

}

ul.lang-inline a{
	margin-top: -2px;
	padding-left: 0px;

}



/* einklapp ausklapp-Funktion */
.navbar-toggle {
        display: block;
    }
.navbar-header {
        float: none;
    }
.navbar-left,.navbar-right {
        float: none !important;
    }
.navbar-toggle {
        display: block;
    }
.navbar-collapse {
        border-top: 1px solid transparent;
    }
.navbar-fixed-top {
		top: 0;
	}
.navbar-collapse.collapse {
        display: none!important;
    }
.navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
.navbar-nav>li {
        float: none;
    }
.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.collapse.in{
  		display:block !important;
	}

}

/* medium - second step */
/* ---------------------------------------- */
/* ------------ Eventgallery -------------- */
/* ------------ Responsive   -------------- */

/* Events List - Grid Layout*/
@media (max-width: 768px) {
	.col-md-7,
	.col-md-3 {
		margin: 15px 0 5px 0;
	}


	h1.displayname {
		font-size: 1.0em;
		margin-top: 20px;
	}

	.subnavi {
	height: 52px;
	}

}
	.pull-right.item-image, .pull-left.item-image {
		margin-top: 0px;
		margin-left: 40px;
		padding-bottom: 11px;
	}

	.pull-right {
		float: none !important;
	}

	.pull-right.item-image img {
		max-width: 80%;		
	}

	.blog .item, .leading-0 {
    	padding-bottom: 20px;
    	width: auto;
	}
	.blog p {
    	padding-right: 22px ;

	}
}

/* ---------------------------------------- */
/* small - third step */
/* ---------------------------------------- */
/* ---------------------------------------- */

@media (max-width: 450px) {

	.displayname {
		margin-top: 20px;
	}

	.item-page, .item-page_cv {
    	padding-top: 20px;
	}
	.subnavi {
		height: 80px;
	}

	.item-page p, h1, h2, h3, h4, h5, h6, blockquote {
    	padding-right: 22px;
	}

	.item-page_cv p {
		padding-right: 22px;
	}


	h1.displayname {
		font-size: 1.0em;
	}



}





