/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tl_files/css/fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@charset "utf-8";
/* CSS */

*, body {
	font-family: 'Roboto Condensed', sans-serif;
	color:#26272c;
	line-height:21px;
}

body {
	background:#ebebeb;	
}

b, strong {
	font-weight: bold;	
}

#wrapper {
	width:1199px;
	margin:20px auto;	
	padding:0px;
}

#header {
	background:#fff url(/tl_files/img_site/bg_header.jpg) no-repeat 10px 10px;
	border: 1px solid #26272c;	
	margin-bottom:30px;
}

.home #header {
	background:#fff url(/tl_files/img_site/bg_header_home.jpg) no-repeat 0px 0px;
}

#header #h_ue {
	font-size:63px;
	text-transform: uppercase;
	color:#fff;
	text-shadow: 1px 1px #000000;
	position:absolute;
	left:185px;
	top:58px;
	letter-spacing:-3px;
	white-space:nowrap;	
	line-height:63px;
}

#header #h_home {
	background:url(/tl_files/img_site/bt_home.png) no-repeat;
	display:block;
	width:46px;
	height:55px;
	position:absolute;
	top:5px;
	left:5px;	
}

#header #h_contact {
	background:url(/tl_files/img_site/bt_contact.png) no-repeat;
	display:block;
	width:284px;
	height:79px;
	position:absolute;
	padding:35px 0px 0px 7px;
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
	top:139px;
	left:715px;
	text-shadow: 1px 1px #000000;
	text-decoration:none;	
}

#header .yellow {
	color:#e0a910;	
}

.home #header #h_info {
	position:absolute;
	left:70px;
	top:280px;
	z-index: 10;
	color:#fff;
	width:480px;
	height:240px;
	padding:10px 50px 10px 0px;
	background:url(/tl_files/img_site/klammer.png) no-repeat right;		
}
.home #header #h_info .yellow{
	color:#ffea00;
	font-size:30px;
	line-height:30px;
	display:block;
	margin:5px 0px;
	text-transform:uppercase;
}

.home #header #h_home {
	display:none;	
}


.home #header #h_concept{
	position:absolute;
	left:720px;
	top:470px;
	z-index: 10;
	text-transform:uppercase;
	font-size:19px;
	letter-spacing:-1px;
}

.home #header #dots {
	position:absolute;
	left:650px;
	top:280px;
	z-index: 10;	
}	

.home #header #dots div{
	width:136px;
	height:86px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
	background-color: #e68a01;
	float:left;
	margin-right:15px;
	text-align:center;
	text-transform:uppercase;
	font-size:22px;
	padding:25px 0px;
	letter-spacing:-1px;
	color:#fff;	
	font-weight:bold;
}

.home #header #dots div span{
	color:#000;
	display:block;
}

.home #header #dots div:hover{
		-webkit-animation: pulse 2s ease-out;
		-moz-animation: pulse 2s ease-out;
		animation: pulse 2s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;	
}

@-moz-keyframes pulse {
	 0% {
	   	-moz-transform: scale(1);
	   	opacity: 1;
	 }
	 50% {
	   	-moz-transform: scale(0.9);
	   	opacity: 1;
	 }	 
	 100% {
	   	-moz-transform: scale(1);
	   	opacity: 1;
	 }
}
@-webkit-keyframes "pulse" {
	 0% {
	    -webkit-transform: scale(1);
	   	opacity: 1;
	 }
	 50% {
	    -webkit-transform: scale(0.9);
	   	opacity: 1;
	 }	 
	 100% {
	    -webkit-transform: scale(1);
	   	opacity: 1;
	 }
}

.home .ce_text {
	padding:50px 0px ;
	/*background:rgba(100,100,100,.5)  url(/tl_files/img_site/trenner.png) no-repeat bottom;	*/
	background: url(/tl_files/img_site/trenner.png) no-repeat bottom;
}

.home .ce_text:last-child {
	background: none;	
}

.home .image_container {
	margin-top:-100px;
}

#mainnav {
	height:68px;
	padding:0px 40px;
	background:url(/tl_files/img_site/bg_nav_main.jpg) no-repeat 0px 10px;
	white-space:nowrap;		
}	

#mainnav ul li {
	float:left;
	font-size:24px;
	height:40px;
	padding:12px 5px 16px 5px;	
}

#mainnav ul li a, #mainnav ul li span {
	display:block;
	text-shadow: 1px 1px #000000;
	text-transform: uppercase;
	letter-spacing:0px;
	text-decoration:none;
	line-height:40px;
}

#mainnav ul li a {
	color: #fff;	
	padding:0px 30px;
}

#mainnav ul li.active{
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background:#fff;	
}

#mainnav ul li.active span{
	color: #a32401;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background:#dfdfdf;
	margin:0px 10px ;
	padding:0px 30px 30px 30px;
	text-shadow: 1px 1px #fff;	
}

#main_wrapper {
	background:#fff;
	border:1px 1px 0px 1px solid #dfdfdf; 	
	padding:9px 9px 0px 9px;
	width:1179px;

}

#main_wrapper h1{
	color:#a42401;
	font-size:31px;
	margin-bottom:30px;
	margin-left:-56px;
	padding-left:56px;
	padding-bottom:30px;
	background:url(/tl_files/img_site/h1_bottom.png) no-repeat 0px bottom;	
}

.home #main_wrapper .ce_text.even h1{
	margin-right:-56px;
	padding-right:56px;
	text-align:right;
	background:url(/tl_files/img_site/h1_bottom_right.png) no-repeat right bottom;	
}	

#main_wrapper h2{
	color:#a42401;
	font-size:22px;
	margin-bottom: 14px; 
	margin-top: 20px;
	text-transform: uppercase;
}

#main_wrapper h3{
	color:#a42401;
	text-decoration:underline;
	text-transform: uppercase;
	margin-bottom:30px;
}

#main_wrapper a{
	color:#a42401;
}


#main_wrapper_inside {
	background:#dfdfdf url(/tl_files/img_site/bg_home.gif) no-repeat top;
	padding:50px 50px 0px 50px; 
	width:1079px;		
}

#main_bottom {
	overflow:visible;
	height:10px;
	margin-left:-50px;
	padding-top:50px;
}

#main_wrapper .weiter {
	display:block;
	width:196px;
	height:40px;
	color:#fff;
	text-decoration:none;
	line-height:40px;
	text-transform:uppercase;
	padding:0px 10px 0px 30px;
	background:#dfdfdf url(/tl_files/img_site/weiter.png) no-repeat;	
}

#main_wrapper .even .weiter {
	float:right;
}

#main_wrapper ul {
	list-style:disc;
	margin-left:30px;	
}	

#main_wrapper ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
#main_wrapper ol li {
    display: block;
    margin-left: 30px;
}
#main_wrapper ol li:before {
    display: inline-block;
    content: counter(item) ") ";
    counter-increment: item;
    width: 30px;
    margin-left: -30px;
}


#footer {
	background:url(/tl_files/img_site/bg_footer.png) no-repeat bottom; 	
	
}

#footer .inside {
	padding-top:50px;
}

#f_contact {
	position:absolute;
	top:68px;
	right:40px;
	text-align:right;		
}

#f_contact span{
	color:#a42401;
	font-size:20px;
	text-transform:uppercase;
	
}	

#f_copy{
	position:absolute;
	top:450px;
	right:50px;
}	

#f_contact a{
	color:#a42401;
	text-decoration:none;
}	

#footer .mod_navigation  {
	position:absolute;
	top:390px;	
	background:url(/tl_files/img_site/bg_nav_footer.png) no-repeat;
	right:20px;
	width:486px;
	padding-left:110px; 		
}		

#footer .mod_navigation ul li {
	float:left;
	font-size:24px;
	height:40px;
	padding:0px 5px 0px 5px;	
}

#footer .mod_navigation ul li a, #footer .mod_navigation ul li span {
	display:block;
	color:#fff;
	text-shadow: 1px 1px #000000;
	text-transform: uppercase;
	letter-spacing:0px;
	text-decoration:none;
	line-height:20px;
	font-size:18px;
	padding:10px 15px 10px 15px;
}

/* Kontaktformular */

#footer .mod_form {
	margin-left:64px;
	padding-top:18px;
}

#footer .mod_form .captcha_text {
	display: block;
	margin-bottom:7px;	
}

#footer input[type=text], #footer input[type=email], #footer textarea{
	background:#989896;
	width:276px;
	height:25px;
	border:1px solid #000;
	padding:5px 10px;
	margin-bottom:10px;
}

#footer textarea{
	height:125px;	
}

#footer input[type=submit] {
	display:block;
	background:url(/tl_files/img_site/bt_contactform.png) no-repeat;
	color:#fff;
	line-height:26px;
	padding-top:25px;
	width:157px;
	margin-left:130px;
	cursor:pointer;	
	border: none;
}

#footer input[placeholder], #footer [placeholder], #footer *[placeholder] {
   color:#fff !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}


.home #main .mod_article>.ce_text {
	clear:both;
}


/* Cookie */
.cc_banner-wrapper  {
  position: fixed;
  bottom: 0px;
  z-index: 100;
}
.cc_container {
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    padding:10px;
	z-index: 999;
	}

.cc_btn {
    padding:8px 10px;
    background-color:#a42401;
    cursor: pointer;
    transition:font-size 200ms;
    text-align: center;
    font-size: 16px;
    display: block;
    margin-left:10px;
    float:right;
    max-width: 100px;
}

.cc_message {
    transition:font-size 200ms;
    padding: 8px 10px 0;
    font-size: 13px;
    display: block;
    color: #515157;
}

.cc_container {
    background: #fff;
    color: #999;
    font-size:17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing:border-box;
    border:1px solid #ccc;
    }

.cc_btn,
.cc_btn:visited {
    color: #fff;
    text-decoration: none;
    background-color: #a42401;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cc_btn:hover,
.cc_btn:active {
    background-color: darken(#f1d600,5%);
    color:#000;
}


@-webkit-keyframes slideUp {
    0% {

        -webkit-transform: translateY(66px);
        transform: translateY(66px);
    }

    100% {

        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {

        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px);
    }

    100% {

        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.cc_container,
.cc_message,
.cc_btn {

    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;

    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}