@charset "UTF-8";
/* CSS Document */
/* orange:#FF7900  dunkelorange:#CC6100 hellorange: #FDE2CB Modere-Rot: #B20215 */

/* Allgemeines */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
	color:#FF7900;
	font-weight:400;
	 }
	 
h1, .h1, h2, .h2 { letter-spacing:0.1em; }
h5, .h5 {
	color:#6D6969;
	font-size:19.5px;
	text-transform:uppercase;
}

.t3-wrapper h3, .t3-wrapper .h3 { margin-bottom:3px; text-transform:uppercase; } 
.t3-wrapper h4, .t3-wrapper .h4 { font-weight:400; margin-bottom:0px; }
	
.custom	ul, .custom ol {
    margin:0px 0px 0px 10px;
}

ol.custom-counter {
	list-style-type:none;
	margin:0;
	padding:0px;
}

ol.custom-counter > li {
	counter-increment: step-counter;
	marign-bottom:10px;
}

ol.custom-counter > li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #FF7900;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

.ui-dialog .ui-widget-header { background-image:none; background-color:#eee; border:none; }
.ui-dialog .ui-dialog-content.ui-widget-content { padding:0.5em 20px; }
.ui-dialog ol.custom-counter { padding:0 20px; }
.ui-dialog ol.custom-counter > li { margin-top:20px; }
.article-content ul {
	list-style-type:square;
	padding-left:20px;
}


/* Link-Style */
.t3-content .login-wrap .other-links ul a { color:#FF7900; }

.t3-content .login-wrap .other-links ul a:hover,
.t3-content .login-wrap .other-links ul a:focus,
a:hover,
a:focus { color:#CC6100; }
.btn-primary,
.er-form-button,
button.btn-success,
.pagenav li a { background:#FF7900 !important; }
.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #CC6100 !important;
	color:#666 !important;
}


.btn-primary:hover,
.btn-primary:focus,
.pagenav li a:hover,
.er-form-button:hover,
.er-form-button:focus,
button.btn-success:hover,
button.btn-success:focus,
section.readmore a:hover,
section.readmore a:focus { background-color:#CC6100 !important; }
.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #EEE !important;
}

.er-form-button {
	border:none;
	border-radius:4px;
	color:#fff;
	font-size:14px;
	padding:6px 12px;
}

.t3-sidebar {
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 1px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 0px;
    margin-bottom: 20px !important;
}

.page-title, .page-header h1,
.blog .items-leading {
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 1px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin-bottom: 0px;
}

.t3-content .custom { 
	background: none repeat scroll 0% 0% #FFF;
    border-radius: 1px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin-bottom: 20px !important;
	 }
	 
.t3-content .custom .row {
	margin:0px;
}
 
 
/* Artikel */
.item-page h1.article-title a,
.items-row .main-header-item h2.article-title a { color:#FF7900; }
.item-page h1.article-title a:hover,
.item-page h1.article-title a:focus,
.items-row .main-header-item h2.article-title a:hover,
.items-row .main-header-item h2.article-title a:focus { color:#CC6100; }

div.greybg { background:#eee; margin-bottom:20px; padding:10px; }

article img {
	box-shadow:0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
}

/* Tags */
.item-tags { padding:0 20px; }
.tags span { line-height:30px; margin-right:5px; }
.tags a.label-info[href]:hover, 
.tags a.label-info[href]:focus { background-color:#FF7900 !important; }


/* Header */
#t3-header div.logo a { padding:0px; }
#t3-header div.logo a img { vertical-align:top; }
.t3-header { background:#666 !important; height:auto !important; }

.login { float:right; margin-top:35px; width:auto; }
.login-wrap .login { float:none; margin-top:0px; }
.mainnav { float:left; }

/* Suchindex */
.finder button.finder { height:35px; 
	content:"\f002";
	font-family:FontAwesome;
	font-style:normal;
	font-size:14px;
}
	


/* Mega Menu */
.navbar-nav { margin-top:30px !important; }
#t3-header.t3-header.affix .navbar-default .navbar-nav { margin-top:30px !important; }
.navbar-default .navbar-nav > li > a { color:#fff !important; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: #FF7900 !important;
    background-color: transparent;
}

.navbar-default .navbar-nav > li .mega-dropdown-menu {
	margin-top:0px !important;
} 

.t3-megamenu .mega-dropdown-menu {
    border-color: #FF7900 -moz-use-text-color -moz-use-text-color;
}

.t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:active, .t3-megamenu .dropdown-menu .mega-nav > li a:active, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    color: #FF7900!important;
}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a { color:#666!important;}

.t3-megamenu .nav > .dropdown > .dropdown-toggle:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret,
.nav a:hover .caret {
    border-top-color: #FF7900 !important;
    border-bottom-color: #FF7900 !important;
}

.nav a.f90-logout-button.fa { font-family: "Open Sans",sans-serif; font-weight:600; }
 .fa-unlock::before {
	 font-family: FontAwesome;
	 margin-right:5px;
 }
 
 
/* Seitenmenü */
.home #t3-mainbody .noo-sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #EEE;
}
.noo-sidebar .nav > li > a,
.t3-sidebar .nav > li > a { color:#696969; }
.noo-sidebar .nav > li > a:hover,
.t3-sidebar .nav > li > a:hover { 
	background:transparent;
	color:#ff7900; 
	outline:thin dotted;
	outline-offset:-2px;
	}
	
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background:#eee;
	color: #ff7900 !important; 
} 

.t3-sidebar-2.t3-sidebar .module-inner { padding:0; }

/* Accordion Menü links */
.noo-sidebar .t3-module.acc .module-inner,
.t3-module.acc.smart .module-inner { padding:0px; }
.acc #jux_accord-menu .menu_head.level1 {
	background:#CC6100; 
	border-bottom:2px solid #fff; 
	font-size:16px;
	font-weight:400;
	line-height:50px;
	text-transform:uppercase;
	}
	
.acc #jux_accord-menu .menu_head.level1.active:hover,
.acc #jux_accord-menu .menu_head.level1.active:focus, 
.acc #jux_accord-menu .menu_head.level1:hover,
.acc #jux_accord-menu .menu_head.level1:focus {
	background:#666;
	color:#fff;
}
	
.acc #jux_accord-menu .menu_head.level2 {
	background:#FF7900; 
	border-bottom:2px solid #fff; 
	font-size:16px;
	font-weight:400;
	line-height:50px;
	text-transform:uppercase;
	}
	
.acc #jux_accord-menu .menu_head.level2.active:hover,
.acc #jux_accord-menu .menu_head.level2.active:focus, 
.acc #jux_accord-menu .menu_head.level2:hover,
.acc #jux_accord-menu .menu_head.level2:focus {
	background:#CC6100;
	color:#fff;
}

.acc #jux_accord-menu .menu_head.active:hover,
.acc #jux_accord-menu .menu_head.active:focus, 
.acc #jux_accord-menu .menu_head:hover,
.acc #jux_accord-menu .menu_head:focus {
	background:#eee;
	color:inherit;
}

.acc #jux_accord-menu div.menu_body p { background:#fff; border-bottom:1px solid #eee; }
.acc #jux_accord-menu div.menu_body p.active.havesubchild {
	border-bottom:2px solid #FF7900;
	border-left:5px solid #FF7900;
	}
	
.acc #jux_accord-menu div ul { padding:0px; }

body.off-canvas-open { background:none #fff; }
.off-canvas-open .t3-off-canvas .t3-off-canvas-body { padding:0; }
.t3-off-canvas .t3-off-canvas-body .menu_body.level1 > ul > p.menu_head a,
.t3-off-canvas .t3-off-canvas-body .menu_body.level1 > ul > p.menu_head a span { color:#fff !important; }


/* Sidebar 
.t3-sidebar .t3-module {
    border: 1px solid #c2c2c2 !important;
}*/

/* Bloglayout 
div.blog div.pull-left img {
	margin:0 10px 10px 0;
}

#t3-mainbody {
	padding-top:0px !important;
}

div.blog article .article-intro {
    margin-top: 0px; !important;
}

div.blog h2.article-title {
	font-size:18px;
} */

/* Startseite */
.home h1 { text-transform:uppercase; }
h3.upper {
	font-size:20px;
	font-weight:300;
	line-height:30px;
}

p.upper {
	font-size:28px;
	font-weight:300;
	line-height:40px;
}
.orange { color:#FF7900; }

.starter > div { padding:0; }
.starter img { max-width:95%; }

/* Accordion rechte Seite Kontaktdaten */
.panel-default > .panel-heading { background:#666; }
.panel-default > .panel-heading:hover {
    background-color: #FF7900;
}
.panel .panel-heading .panel-title a:focus,
.panel .panel-heading .panel-title a:hover {
	color:#fff;
	outline:none;
}

/* Blogformat Partner-Portal */
.partner .main-header-item {
	padding-bottom:20px;
	padding-left:130px;
	position:relative;
}

.blogpartner article span.create {
    background: none repeat scroll 0px 0px #FF7900;
	height:68px;
    left: 20px;
	line-height:inherit;
    padding: 6px 15px;
    position: absolute;
    top: 20px;
	width:auto;
}

article span.create span.day-cat {
    border-bottom: 1px solid #fff;
    color: #FFF;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 6px;
    padding-bottom: 8px;
    text-align: center;
}

.blogpartner .article-title {
    border-bottom: 1px solid #DBDBDB;
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
    margin: 0px 0px 10px 0px !important;
    padding: 20px 0px 15px 0px !important;
    text-transform: uppercase;
}

.blogpartner .article-intro {
	padding-top:0px;
}

.blogpartner .pull-left.item-image {
	max-widht:50%;
	padding-left:20px;
}

.blog h2.article-title { color:#FF7900; font-size:18px; }
.blog .article-title {
    border-bottom: 1px solid #DBDBDB;
    line-height: 120%;
    margin: 0px 20px 10px 20px !important;
    padding: 20px 0px 15px 0px !important;
    text-transform: uppercase;
}

/* Blogformat andere */
.blog .items-leading { 
	background: none repeat scroll 0% 0% #FFF;
    border-radius: 1px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
	padding:0;
	 }

section.article-intro,
.blog section.article-content { padding:0 20px 0 20px; }
.blog .pull-left.item-image { margin-left:20px; margin-bottom:10px; }
section.readmore {
	float:none; 
	text-align:right;
}

section.readmore a.btn {
	background:#FF7900 !important;
	border-radius: 4px;
	color:#fff;
	font-size: 14px;
	line-height: 1.42857;
	margin:0 20px 20px 0;
	padding: 6px 12px;
}

section.readmore a.btn:hover,
section.readmore a.btn:focus {
	background:#CC6100 !important;
	color:#fff !important;
}

.blog .items-row .item, 
.blog .item-page,
.blogpartner .items-row .item, 
.blogpartner .item-page
 { margin-bottom:10px; }

.blog .divider-vertical,
hr.divider-vertical,
.blog .items-leading .leading,
footer.article-footer { margin:0; }





/* runde Buttons */
.t3-spotlight .our-services .services-icon {
    background-color: #FF7900;
}
/* Videos automatisch skalieren */
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

/* Formulare */
/* Registrierungsformular */
#extendedreg { 
	background: none repeat scroll 0% 0% #FFF;
    border-radius: 1px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 20px 0px;
    margin-bottom: 20px !important;
	 }

#extendedreg > div.fltnone.clrboth { padding:0 40px 30px 40px; }
.er-form-holder {
	background:#eee;
}

h5.er-form-required-info {
	color:#FF7900;
	font-size:14px;
	margin-left:20px;
	text-transform:none; 
}

#extendedreg .extreg_forms .form-horizontal #er-captcha-holder .controls { text-align:left; }

#extendedreg .extreg_forms .form-align-left .control-label { padding-right:20px; text-align:right;
 width:33.33%; }
#extendedreg .extreg_forms .form-align-left .controls { margin-left:33.33%; }

#extendedreg form.form-horizontal input[type="radio"], 
#extendedreg form.form-horizontal input[type="checkbox"], 
#extendedreg form.form-horizontal .controls input[type="radio"], 
#extendedreg form.form-horizontal .controls input[type="checkbox"] { margin-left:-20px; }
#extendedreg .extreg_forms .form-align-left #er-acceptedterms-holder .controls  {
	margin-left:0;
	padding-left:33.33%; }

#div_captcha_img {
	background:#666;
	color:#fff;
	display:inline-block;
	margin:10px 0;
	padding:4px;
	width:auto;
}

#div_captcha_new { display:inline-block; margin-left:20px; }

button.er-button-finish { margin-left:33.33%; margin-bottom:40px; }
.help-block.er-error { color:#c00; }

/* Passwort vergessen */
#erRemindForm ul.er-form-holder { padding:40px;}

/* Login */
#erLoginForm {
	background:#eee;
	padding:40px;
}
#erLoginForm.er-form .span12 { width:100%; }
#erLoginForm.er-form h5.er-form-required-info { display:none; }

#erLoginForm .er-fld-holder input {
	font-size:14px;
	min-height:30px;
	padding:0 5px;
}

#erLoginForm label {
	float:left;
	width:33.33%;
}

.home .modulelogin .module-inner {
	background:#f1f1f1;
	padding:10px 20px 20px 20px;
}

#login-form {
	padding:0px;
}
#login-form .pretext { margin-bottom:0px; }
#login-form .pretext p { font-size:10px; line-height:1em;  }
.t3-wrapper #login-form a:hover {
    color: #FF7900;
}
.login-greeting {
	color:#FF7900;
	font-size:36px;
	margin-bottom:40px;
	padding-top:20px;
}

.home .login-greeting,
.com_finder .login-greeting {
	color:#FF7900;
	font-size:inherit;
	margin-bottom:10px;
	padding-top:0px;
}

.modulelogin h3.module-title {  }
#login-form ul.unstyled { padding-left:0; }
#login-form ul.unstyled li:first-child,
#form-login-remember { display:none; }

#login-form ul.unstyled li a { color:#FF7900; }
#login-form ul.unstyled li a:hover,
#login-form ul.unstyled li a:focus { color:#CC6100; }

.t3-content .login-wrap {
	background:#eee;
	margin:0;
	width:100%;
}
.t3-content .login-wrap .other-links ul { text-align:left; }
.t3-content .login-wrap .other-links ul li { display:block; padding:0; }
.t3-content .login-wrap .other-links ul li:nth-child(2) { display:none; }
.t3-content .login-wrap .other-links ul li a { padding:0; }

span.star { color:#FF7900; }
button.btn-success { border:none; }

/* Vina accordion */
#vina-accordion-content114.vina-accordion-content .vina-accordion-container { color:inherit; }
.vina-accordion-container .content {
	color:inherit;
	font-size:inherit;
	margin-top:0px;
	text-align:inherit;
	text-shadow:inherit;
}

/* Tabellen-Design */
table.intratable { width:100%; }
table.intratable thead th {
	background:#FDE2CB;
	padding:8px 10px;
}
table.intratable td {
	padding:8px 10px;
}
	
/* System-Nachrichten */
#system-message-container,
#system-message-container .alert-warning { background:#B20215; border:none; color:#fff; }
#system-message-container .alert-warning { border-bottom:2px solid #fff; border:0 0 2px 0; }
#system-message-container h4.alert-heading { margin-bottom:10px; text-transform:uppercase; }
#system-message-container .close {
	color:#EAE9E9;
	font-size:25px;
	font-weight:300;
	opacity:1;
}

 

/* Forum */
.t3-wrapper #Kunena .nts-kblock .forum-info {
	width:170px;
}

.t3-wrapper #Kunena .nts-kblock .kcol-kcattitle div.kthead-desc { padding-right:160px; }
.t3-wrapper #Kunena .nts-kblock .kcol-kcatreplies, 
.t3-wrapper #Kunena .nts-kblock .kcol-kcattopics,
.t3-wrapper #Kunena .nts-kblock .kcol-ktopicreplies,
.t3-wrapper #Kunena .nts-kblock .kcol-ktopicviews {
	width:70px;
}

.t3-wrapper #Kunena .nts-kblock .kcol-ktopictitle { min-height:135px; } 

.t3-wrapper #Kunena .nts-kblock.kcategories-11 ul.kblocktable > li {
	width:100%;
	float:none;
}
.t3-wrapper #Kunena .nts-kblock.kcategories-11 ul.kblocktable > li .kblock-inner { margin:0 0 10px 0; }

#Kunena .nts-kblock ul.kblocktable li.krow2 { clear:both; }

.t3-wrapper #Kunena #ktop #ktopmenu li.active a span,
.t3-wrapper #Kunena dl.tabs dt.open,
.t3-wrapper #Kunena dl.tabs dt:hover,
.t3-wrapper #Kunena dl.tabs dt:focus,
.t3-wrapper #Kunena dl.tabs dt:active,
.t3-wrapper #Kunena .kheader .kheadbtn .kwho-admin:hover, 
.t3-wrapper #Kunena .kheader .kheadbtn .kwho-user:hover { color:#FF7900 !important; }
.t3-wrapper #Kunena .kblock div.kheader h2, 
.t3-wrapper #Kunena .kblock div.kheader h3 { background:#FF7900; }
.t3-wrapper #Kunena .kblock div.kheader h2 a, 
.t3-wrapper #Kunena .kblock div.kheader h2 span, 
.t3-wrapper #Kunena .kblock div.kheader h2 span.ktitle, 
.t3-wrapper #Kunena .kblock div.kheader h3 a, 
.t3-wrapper #Kunena .kblock div.kheader h3 span, 
.t3-wrapper #Kunena .kblock div.kheader h3 span.ktitle { color:#fff; }
.t3-wrapper #Kunena .nts-kblock .kcol-category-icon span.kicon { background-color:#FF7900; }

.t3-wrapper #Kunena table.kprofilebox .kbutton,
.t3-wrapper #Kunena .kbutton, 
.t3-wrapper #Kunena input.kbutton,
.t3-wrapper #Kunena a.kicon-button:hover, 
.t3-wrapper #Kunena .klist-actions .kicon-button:hover, 
.t3-wrapper #Kunena .kmessage-buttons-cover .kicon-button:hover,
.t3-wrapper #Kunena h2 span.kheadbtn a {
	background:#FF7900;
	border-color:#fff;
	border-radius:5px;
	color:#fff;
}

.t3-wrapper #Kunena table.kprofilebox .kbutton:hover,
.t3-wrapper #Kunena table.kprofilebox .kbutton:active,
.t3-wrapper #Kunena table.kprofilebox .kbutton:focus,
.t3-wrapper #Kunena .kbutton:hover, 
.t3-wrapper #Kunena input.kbutton:hover,
.t3-wrapper #Kunena .kbutton:focus, 
.t3-wrapper #Kunena input.kbutton:focus,
.t3-wrapper #Kunena .kbutton:active, 
.t3-wrapper #Kunena input.kbutton:active,
.t3-wrapper #Kunena h2 span.kheadbtn a:focus,
.t3-wrapper #Kunena h2 span.kheadbtn a:hover {
	background:#CC6100;
	color:#fff;
}

.t3-wrapper #Kunena h2 span.kheadbtn a { padding:9px; }

.custom-counter ul.fa-ul {
	list-style:none;
	padding-left:80px;
}

.custom-counter ul.fa-ul li {
	list-style:none;
	line-height:60px;
}

#kunena #share {display:none;}

/* Downloads */

.pd-category {
	background:#fff;
	padding:20px;
}

@media (min-width: 650px) {
	#phoca-dl-category-box .pd-buttons, 
	#phoca-dl-file-box .pd-buttons, 
	#phoca-dl-download-box .pd-buttons { margin-top:27px !important; }
}
@media (max-width: 1000px) {
.t3-wrapper #Kunena .nts-kblock ul.kblocktable li { float:none; width:100%; }
#Kunena #ktop {
	background: transparent none repeat scroll 0px 0px;
	border: 0px none;
	border-radius: 0px;
	}
#Kunena #ktop #ktab { margin-right:0px; }
#Kunena #ktop #ktopmenu ul, 
#Kunena .nts-kblock ul.kblocktable li { width:100%; }
#Kunena #ktop #ktopmenu ul li { width:33.3%; }
#Kunena #ktop #ktopmenu ul li a {
	background:fff;
	border:1px solid #d8d8d8;
	border-radius:3px;
	box-sizing:border-box;
	width:100%;
}
}

@media (max-width:768px) {
	.acc { display:none; }
	.t3-off-canvas .acc { display:inherit; }
	.starter img { max-width:100%; }
	.login button.finder { display:none; }
	header .logo { text-align:center; }
}


@media (max-width:599px) {
	.blog article span.create,
	.blogpartner article span.create { display:inherit; }
}

@media (max-widht:460px) {
	
}

@media (max-width:388px) {
	h1 .putsmall { font-size:22.5px; }
}

@media (max-width: 991px) {
	header .header-top {
		width:100%;
	}
	header .navbar-default ul.navbar-nav { margin-top:0px !important; }
	header .login { position:relative; top:0px; }
	
}

@media (max-width:980px) {
	header .header-top {
		position:relative;
		top:0;
	}
	header .header-top .mainnav { float:none; position:absolute; top:-80px; }
	header .login {
		float:none;
		top:0;
	}
	header div.finder { margin:0px auto 20px auto; width:240px; }
	#t3-mainbody,
	#t3-content { width:100%; }
}

@media (min-width: 475px) and (max-width: 768px) {
	
	
	#Mod16 {
		float:left;
		width:49%;
	}
	
	#Mod111 {
		float:right;
		width:49%;
	}
	
}

@media (max-width: 475px) {
	img { height:auto; width:100%; }
	
}