/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Avenir LT Std 55 Roman';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Roman'), url('fonts/AvenirLTStd-Roman.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 55 Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Oblique'), url('fonts/AvenirLTStd-Oblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light'), url('fonts/AvenirLTStd-Light.woff') format('woff');
}

@font-face {
font-family: 'AvenirNext-UltraLight';
font-style: normal;
font-weight: normal;
src: local('AvenirNext-UltraLight'), url('fonts/AvenirNext-UltraLight.woff') format('woff');
}



@font-face {
font-family: 'Avenir LT Std 35 Light Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light Oblique'), url('fonts/AvenirLTStd-LightOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book'), url('fonts/AvenirLTStd-Book.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book Oblique'), url('fonts/AvenirLTStd-BookOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium'), url('fonts/AvenirLTStd-Medium.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium Oblique'), url('fonts/AvenirLTStd-MediumOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy'), url('fonts/AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy Oblique'), url('fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black'), url('fonts/AvenirLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 95 Black Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black Oblique'), url('fonts/AvenirLTStd-BlackOblique.woff') format('woff');
}







/* ************************* Content Styles ************************* */
#logo {
	width: 200px;
	height: 57px;
	background-image: url(images/logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


h1, h2, h3, h4 {
	color: #AD5C00;
	font-size: 24px;
	font-weight: 600;
	clear: both;display:none;
}
h1, h2, h3 {
	margin: 0 0 .5em;
}
h4, h5, h6 {
	margin: 1.5em 0 .5em;
}
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}
h5, h6 {
	letter-spacing: .05em;
}
h5 {
	font-size: 20px;
	font-weight: 600;
	color: #AD5C00;display:none;
}
h6 {
	font-size: 14px;
	font-weight: 600;
	color: #AD5C00;
}

p {
	margin: 1em 0;
}
p.small {
	font-size: 10px;
}

hr {
	border: 0;
	border-bottom: 1px dashed #CCC;
	background-color: #AD5C00;
	margin: 5px 0 3px 0;
}

img.left {
	margin: 0 5px 5px 0;
	float: left;
	clear: left;
}
img.right {
	margin: 0 0 5px 5px;
	float: right;
	clear: right;
}
img.left_horizontal {
	margin: 0 5px 5px 0;
	float: left;
}
img.right_horizontal {
	margin: 0 0 5px 5px;
	float: right;
}

.important {
	clear: both;
	background-color: #FFEBCD;
	padding: 1em 2em;
	border: .1em solid #ABABAB;
	margin: 1em 0;
}
.warning {
	clear: both;
	text-align: center;
	font-weight: 900;
	background-color: #E6922C;
	color: #fff;
	padding: 1em;
	border: 0em solid #C0C0C0;
	margin: 1em 0;
}
.warning a {
	color: #aaf;
}
.important p:first-child,
.warning p:first-child {
	margin-top: 0;
}
.important p, .warning p {
	margin: 1em 0 0;
}

span.highlight {
	font-weight: 900;
	letter-spacing: .06em;
	background-color: #dfd;
}

a:link {
	border: 0;
	color: #000;
	text-decoration: none;
}
a:visited {
	border: 0;
	color: #000;
	text-decoration: none;
}
a:focus {
	border: 0;
	color: #000;
	text-decoration: none;
}
a:hover {
	border: 0;
	color: #627F7E;
	text-decoration: none;
}
a:active {
	border: 0;
	color: #000;
	text-decoration: none;
}

.tpllck_content_main ul {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	padding-left: 1em;
}
.tpllck_content_main > ul > li {
	padding: 6px 0;
}
.tpllck_content_main > ul > li:before,
.tpllck_content_main ul.sitemaplevel1 li:before {
	color: #666;
	font-family: inherit;
	font-size: 1em;
}
.Titel_projekt{
	font-family:'AvenirNext-UltraLight';
	font-size: 2em;
	margin-top: -8px;
	margin-bottom: -10px;
}

/* ************************* Body ************************* */
body {
	font-family:'Avenir LT Std 35 Light'
	margin: 0;
	padding: 0;
	overflow: scroll;
}
#tpllck_body {
	background-color: #fff;
}
/* ************************* Breadcrumbs-Locator ************************* */
#tabelle_titel td {
  vertical-align: bottom;
}




.tpllck_sitemap_mobil {
	display: none;
}

.tpllck_nav {
	font-size: 4em;
	position: relative;
	text-transform: uppercase;	
	justify-content: space-around;
	
}




.tpllck_nav a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	font-family: 'Avenir LT Std 35 Light';
}
.tpllck_nav a:focus,
.tpllck_nav a:hover {
	color: #000;
	font-family: 'Avenir LT Std 35 Light';
}
.tpllck_nav .doc,
.tpllck_nav .docs,
.tpllck_nav .doc a,
.tpllck_nav .docs a {
	color: #000;
	font-family: 'AvenirNext-UltraLight';
}

.tpllck_nav .sdocs, .tpllck_nav .sdoc
{
	font-family:'Avenir LT Std 35 Light' !important;
	padding-top: 3px;
}

.tpllck_nav ul {
	display: table;
	list-style-type: none;
	padding: 0;
    display: -webkit-flex;
    display: flex;
}

.tpllck_nav li {
	font-family:'AvenirNext-UltraLight'
	-webkit-flex: 1;
    flex: 1;
}

.tpllck_nav li:first-child {
	text-align:left;
}

.tpllck_nav li:last-child {
	text-align:right;
}






.tpllck_nav .menulevel1 li {
	border-bottom: none;
	margin: 0;
	display: inline-block;
}

.tpllck_nav ul.menulevel2 li {
	float: left;
	font-size: 14px;
	margin: 0;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
	padding:0;
	margin-top:-20px;
}





.tpllck_nav .menulevel2 .sdoc {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.tpllck_nav .menulevel2 .sdocs {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;	
	
}

.tpllck_nav ul ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left:0;
	width: 100%;
	display:none;
	
}

.tpllck_nav li:focus > ul,
.tpllck_nav li:hover > ul {
	
}
/* ************************* Pfeil before+after menulevel2 */


ul.menulevel2 .docs:before {

	font-size: 1em;
	float: left;


}
ul.menulevel2 .docs:after {

	display: none;
	font-size: 1em;
	float: right;

}
ul.menulevel2 .docs:before,
ul.menulevel2 .docs:after {
	color: #F9C237;
}
/* ************************* Standard-Foldout menulevel3, links von menulevel2 */
.tpllck_nav ul ul ul {
	left: 0em;
	margin-right: 0;
	z-index: 300;
	visibility: hidden;
}



/* ************************* Foldout menulevel3 - rechts von menulevel2 - abhängig der Fensterbreite */
@media only screen and (min-width: 537px) {
.tpllck_nav ul {
	max-width: 90.1em;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) ul ul {
	left: 15em;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) .docs:after {
	display: inline-block;
}
}

@media only screen and (min-width: 1281px) and (max-width: 1536px) {
.tpllck_nav ul {
	max-width: 75.1em;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) ul ul {
	left: 15em;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) .docs:after {
	display: inline-block;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}

@media only screen and (min-width: 801px) and (max-width: 1545px) {

#tpllck_content_box {
padding-left:100px;padding-right:100px;
}
}

@media screen and (max-width: 800px) {
.tpllck_headnav {
	background-color: #197383;
	color: #F9C237;
	margin: 0!important;
	padding: 0;
	width: 100%;
}
.tpllck_headnav a {
	color: #F9C237;
}
.tpllck_headnav a:hover {
	color: #fff;
}
.tpllck_nav {
	display: none;
}
.tpllck_header h1 {
	font-size: 1em;
}
/* ************************* Menu Mobil (Sitemap) */
.tpllck_headnav .tpllck_sitemap {
	display: none;
}
.tpllck_sitemapname {
	display: none;
}
.tpllck_sitemap_mobil {
	display: inline-block;
	text-align: center;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}
.tpllck_sitemap_mobil a {
	display: block;
	font-family:'AvenirNext-UltraLight';
	font-size: 2em;
	height: 3em;
	line-height: 3em;
	margin: 0;
}
/* ************************* Hamburger-Symbol (Unicode) */
.tpllck_sitemap_mobil a:before {
	content: "\2261 \00A0";
	font-size: 1.2em;
	width: 3em;
}

ul.sitemaplevel1 li a {
	line-height: 1em;
	font-size: 20px;
	text-decoration: none;
}


ul.sitemaplevel1 li li {
	margin-top: 15px;
margin-bottom: 15px;
	padding: 0;
}



#logo {
	width: 200px;
	height: 57px;
	background-image: url(images/logo.jpg);
	background-position: center;
	position: relative;
	padding-right: 20px;
	background-repeat: no-repeat;
}

}



/* ************************* Content ************************* */
#tpllck_content_box {
	max-width: 1500px;
	text-align: left;
	margin: 0 auto;
	position:relative;
	font-family:'Avenir LT Std 35 Light'
}
.tpllck_content {
	clear: both;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;

}







/* ************************* "xh_captcha_code - Button" im CMSimple_XH Kontaktformular ************************* */
.xh_captcha_code {
	background-color: #E6922C;
}

/* ************************* Sitemap ************************* */
ul.sitemaplevel1 {
	padding-left: 0em;
}
ul.sitemaplevel2 {
	padding-left: 1em;
}
ul.sitemaplevel3 {
	padding-left: 2em;
}

/* ************************* RESPONSIVE STYLE ************************* */
/* Wichtig ist die <meta name="viewport" ... Angabe im head-Bereich vom Template */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
#tpllck_footer {
	margin-top: 0;
	padding: 0;
}

.tpllck_nav {
	font-size: 2em;	
}

.tpllck_nav ul.menulevel2 li {
	font-size: 12px;
}



}


@media only screen and (max-width: 800px) {
.tpllck_headnav {
	margin: 0 4px 0;
	line-height: 2em;
}
.tpllck_headnav p, .tpllck_headnav form {
	float: none;
	text-align: center;
}
.tpllck_header {
	font-size: 1.1em;
}
.tpllck_locator {
	display: none;
}
.tpllck_content {
	padding: 1em 1em;
}
ul.sitemaplevel1 {
	margin-top: 0;
}
.tpllck_newsbox1, .tpllck_newsbox2 {
	float: none;
	margin: 0;
	width: 100%;
	border-top: none;
	padding: 1em;
}
.tpllck_newsbox_space {
	display: none;
}
#tpllck_footer {
	margin-top: 0;
	padding: 0;
}
.tpllck_copyright {
	height: 5em;
	line-height: 5em;
}
}

@media only screen and (max-width: 479px) {
.tpllck_headnav {
	margin: 0;
	padding: 0;
}
.tpllck_headnav input.text, .tpllck_headnav input.submit {
	font-size: 0.7em;
}
.tpllck_headnav p {
	font-size: 0.7em;
	letter-spacing: 0;
}
.tpllck_headnav p a {
	padding: 0;
}
.tpllck_subnav {
	font-size: 0.7em;
}
}

/* ************************* Responsive Image ************************* */
img {
	max-width:100%;
	height: auto;
}
/* ************************* Template by lck 02/2015 ************************* */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


.wrapper { 
  overflow:hidden;
}

.wrapper div {

}
#one {
  float:left; 
  width:66%;
  padding-right:50px;
}
#two { 
  overflow:hidden;
     -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

@media screen and (max-width: 1024px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0; 
	width:100%; 
  }
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 40%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    background: #fff;
    overflow-y: scroll;
    height: 70%;
	overflow-x:hidden;
}

@media screen and (max-width: 400px) {
   .modalDialog > div {
    width: 80%;
}
}
	
	
.close {

    color: #fff;
    line-height: 25px;
    position: absolute;
    right: 22px;
    text-align: center;
    top: 20px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.close:hover {

}

.openmodallink {
  color: #666;
  font-size: 0.7em;
  font-family: 'Avenir LT Std 35 Light'!important;
}

.openmodallink a {
  
  font-family: 'Avenir LT Std 35 Light'!important;
}



.close:hover {
  background: #CDCDCD;
}

.openmodallink {
color: #666;
font-size: 0.7em;
}

.post {
	background:white;
	padding-right:40px;
	float:left;
	width:30%;

}

.post:nth-of-type(3n+4) {
	clear:both;
}



#newsXH_1 {
    width: 105%;
}

@media only screen and (min-width: 801px) and (max-width: 1500px) {

.post {
	
	padding-right:20px;


}

}

@media only screen and (min-width: 801px) and (max-width: 1200px) {


.news-entry-title {
    font-size: 14pt;
}

.Titel_projekt{

margin-top: 10px;

}


}

@media screen and (max-width: 800px) {
.post {
	background:white;
	padding-right:40px;
	float:left;
	width:98%;

}

#newsXH_1 {
    width: 98%;
}

.Titel_projekt{

margin-top: 20px;

}

}


@media only screen and (max-width: 1023px) and (min-width: 768px) {

   .tpllck_sitename {
display:none;
}
}

@media only screen and (max-width: 768px) and (min-width: 480px) {

  .tpllck_sitename {
display:none;
}

p.textblock {
	width:100%;
}
  
}


.container {
  margin: 10px auto;
}
.container [class^="col-"],
.container [class*=" col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.container .row:not(:first-child) {
  margin-top: 10px;
}
.container .img-fluid {
  width: 100%;
}

@media (max-width: 767px) {
  .container .row {
    margin: 0;
  }
  .container .row [class^="col-"]:not(:first-child),
  .container .row [class*=" col-"]:not(:first-child) {
    margin-top: 10px;
  }

}


#id0_home{
  display:none;
}


.box-images {
	width: 100%;
	margin: 0 auto;
}