* {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}



body {background-color: rgba(80, 120, 160, 0.065)!important;}

body,
#widget_assets  p,
#widget_assets  div,
#widget_assets  table,
#widget_assets  tr,
#widget_assets  td {font-size:15px; line-height:1.6em;}


#widget_assets  button,
#widget_assets  input,
#widget_assets  select,
#widget_assets  option,
#widget_assets  textarea {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}


#widget_assets  a:not(.btn) {color:#2868ae; text-decoration:none;}
#widget_assets  a:hover:not(.btn) {color:#18589e; text-decoration:none; }

#widget_assets   .nav-pills > .active > a {color:white; background-color: #6d9dd4; /*rgba(80, 120, 160, 0.75);*/}

#widget_assets  p,
#widget_assets  li {line-height:1.6em;}


#widget_assets  p {margin:1em 0 1em 0;}

#widget_assets  .page-header {margin-bottom:15px; margin-top:10px;}



#widget_assets  select {color:#333;}


#widget_assets  h1,
#widget_assets  h2,
#widget_assets  h3,
#widget_assets  h4,
#widget_assets  h5,
#widget_assets  h6 {
	line-height:1.3em;
}

#widget_assets  h1,
#widget_assets  h2,
#widget_assets  h3,
#widget_assets  h4 {
	font-weight:normal; color:#111;
}

#widget_assets  h5,
#widget_assets  h6 {
	font-weight:bold; color:#3f3f3f;
}

#widget_assets  h1 {font-size:2.1em;  margin:1.3em 0 0.7em 0;  clear:left; /* h1 und h2 sollen nach gefloateten Elementen in neuer Zeile erscheinen */}
#widget_assets  h2 {font-size:1.8em;  margin:1.5em 0 .5em 0; clear:left;}
#widget_assets  h3 {font-size:1.45em;  margin:1.3em 0 .45em 0;}
#widget_assets  h4 {font-size:1.15em; margin:1.3em 0 .4em 0; }
#widget_assets  h5 {font-size:1.0em;  margin:1.3em 0 .35em 0; }
#widget_assets  h6 {font-size:1.0em;  margin:1.3em 0 .35em 0; font-style:italic;}

div:not(#zusatz):not(#faq_link) > h1:first-child,
div:not(#zusatz):not(#faq_link) > h2:first-child,
div:not(#zusatz):not(#faq_link) > h3:first-child,
div:not(#zusatz):not(#faq_link) > h4:first-child,
div:not(#zusatz):not(#faq_link) > h5:first-child,
div:not(#zusatz):not(#faq_link) > h6:first-child,
div:not(#zusatz):not(#faq_link) > p:first-child {margin-top:0em; /* .3em */xxxxcolor:green!important;}

#widget_assets  h1.home {
	margin:0 0 .6em 0;
	font-size:2.5em;
	padding-bottom:.25em;
	border-bottom: 1px solid #eeeeee;
}


#widget_assets  h1.beratung {
	margin: 1.3em 0 0.7em 0 !important;
        clear:left;
}


#widget_assets .well,
#widget_assets .main-rahmen {
	padding:30px;
	border:none!important;
}
#widget_assets .well p:first-child,
#widget_assets .main-rahmen div:first-child
#widget_assets .main-rahmen .descr div:first-child {
	margin-top:0!important;
}
#widget_assets .well p:last-child,
#widget_assets .main-rahmen div:last-child,
#widget_assets .main-rahmen .descr div:last-child {
	margin-bottom:0;
}
#widget_assets .main-rahmen h4  {
	margin-top:0!important;
}


#widget_assets  .well.last {
	margin-bottom:0;
}

#widget_assets  .well.colored {
	background:rgba(80, 120, 160, 0.065);
	border:1px solid rgba(80, 120, 160, 0.15);
}
#widget_assets  .well.dark {
	xxbackground:rgba(112, 165, 233, .35); /* Farbe aus schmalen Balken oben */
	xxbackground:rgba(80, 120, 160, 0.15);
	background:white;
}
#widget_assets  .well,
#widget_assets  .well-tiny {
     background-color:white;
	  box-shadow:none;
	  border:1px solid rgba(80, 120, 160, 0.15);
}

#widget_assets  .well-tiny {padding:0px; margin-bottom:15px;}
#widget_assets  .well-tiny .alert {margin:15px;}

#widget_assets .well,
#widget_assets .corner-all, #widget_assets .corner-top, #widget_assets .corner-left, #widget_assets .corner-tl { -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -khtml-border-top-left-radius:6px; border-top-left-radius:6px; }
#widget_assets .well,
#widget_assets .corner-all, #widget_assets .corner-top, #widget_assets .corner-right, #widget_assets .corner-tr { -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; -khtml-border-top-right-radius:6px; border-top-right-radius:6px; }
#widget_assets .well,
#widget_assets .corner-all, #widget_assets .corner-bottom, #widget_assets .corner-left, #widget_assets .corner-bl { -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -khtml-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }
#widget_assets .well,
#widget_assets .corner-all, #widget_assets .corner-bottom, #widget_assets .corner-right, #widget_assets .corner-br { -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -khtml-border-bottom-right-radius:6px; border-bottom-right-radius:6px; }


#widget_assets  .tab-content {overflow:visible;}

#widget_assets  .table-hover tbody tr:hover>td {background-color:white;}





/*
+++++++++++++++++++++++++++++++++++
Für Funktionen Tabelle
+++++++++++++++++++++++++++++++++++
*/

#widget_assets  .table.funktionen td,
#widget_assets  .table.funktionen th {text-align:center; vertical-align:middle;}
#widget_assets  .table.funktionen td.descr {text-align:left;}

#widget_assets  .table.funktionen th span {display:block; font-weight:normal; font-size:75%;}

#widget_assets  .table.funktionen td div {display:inline-block;vertical-align:middle;}


#widget_assets  .table.funktionen i {font-size:18px;}
#widget_assets  .table.funktionen td.descr i {font-size:22px; margin-right:10px;}


#widget_assets  .table.funktionen .fa-info-circle {color:#0087cf;}




/*
+++++++++++++++++++++++++++++++++++
Tooltips auf Preise Seite und
bei Konfigurator-Options
+++++++++++++++++++++++++++++++++++
*/

.ui-button {margin-bottom:5px;}
.ui-button-text-only .ui-button-text {padding:3px;}
.ui-tooltip {
	text-align:left;
	min-width:500px!important;
	background-image:none!important;
	background-color:rgb(244, 246, 248)!important;
	border-color:rgb(228, 235, 239)!important;
	border-radius:6px!important;

	box-shadow:none!important; -o-box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; -ms-box-shadow:none!important;
	/*box-shadow:0 0 3px red!important; -o-box-shadow:0 0 3px red!important; -moz-box-shadow:0 0 3px red!important; -webkit-box-shadow:0 0 3px red!important; -ms-box-shadow:0 0 3px red!important;*/
	/*-o-transition:300ms ease; -moz-transition:300ms ease; -webkit-transition:300ms ease; -ms-transition:300ms ease; transition:300ms ease;*/
}
.ui-tooltip h5 {margin-top:0px!important; margin-bottom:0px;}
.ui-tooltip p {margin-top:3px; margin-bottom:5px;}
.ui-tooltip ul {margin-bottom:3px;}
.ui-tooltip p,
.ui-tooltip ul {font-size:14px!important;}
.ui-tooltip ul li {margin-bottom:.3em!important;}
.ui-tooltip ul ul {margin-top:.3em!important;}


.ui-tooltip ul.text  {margin:0; list-style-type:none; text-align:left;}
.ui-tooltip ul.text li {margin: .25em 0 .25em 0em; line-height:1.6em; padding-left:11px; background:transparent url(../png/arrow_orange.png) no-repeat left 7px; 	}
.ui-tooltip ul.text ul {margin:0 0 .5em 0; list-style-type:none;}


/*
+++++++++++++++++++++++++++++++++++
  Section-Folder
+++++++++++++++++++++++++++++++++++
*/

#widget_assets  .sections {
	margin:18px 0 28px 0;
}
#widget_assets  .section {
	xxxoverflow:hidden; /* shrink-to-fit */ /*wieder auskommentiert, da ansonsten Rechner-Resultat evtl verdeckt wird */
	clear:both;
	margin-top:0;
	padding:10px 15px;
	XXXborder:1px solid rgba(80, 120, 160, 0.15);
}

#widget_assets  .section .section_content {
	margin-top:25px;
}

#widget_assets  .section .section_heading {
	margin:0px;
	padding:10px 15px;
	margin:-10px -15px!important;
	display:block;
	background-color:rgba(80, 120, 160, 0.065);
	background-image:none;
	margin-bottom:-11px; /* Damit untere Border nichrt doppelt erscheint (von section und section_Heading)*/
	XXXborder-bottom:1px solid rgba(80, 120, 160, 0.15);
}

#widget_assets  .section .section_heading button {
	display:inline-block;
	outline:none;
	float:right;
	width:27px;
	height:16px;
	text-indent:-99999px;
	border:none;
	cursor:pointer;
	background-color: transparent;
	background-position:right center;
	background-repeat: no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
#widget_assets  .section .section_heading.closed button {
	background-image:url(../png/show.png)
}
#widget_assets  .section .section_heading.opened button {
	background-image:url(../png/hide.png)
}
#widget_assets  .section .section_heading.clickable {
	cursor:pointer;
}
#widget_assets  .section .section_heading.clickable:hover {
	xxxbackground-color:#e5e6ea;
	background-color:rgba(80, 120, 160, 0.15);
}
#widget_assets  .section .section_heading.clickable:hover span {
	color:black;
}
#widget_assets  .section .section_heading.clickable:hover button {
	opacity:1;
}
#widget_assets  .section .section_anchors {
	float:right;
	display:block;
	margin-top:-10px;
	white-space:nowrap;
	font-size:.8em;
	text-decoration:underline;
}
#widget_assets  .section h4 {xxfont-size:1.1em; font-style:normal;}

/* Damit Zahl bei Hover weiß bleibt */
#widget_assets  .section .section_heading.clickable:hover span.label {color:white;}

#widget_assets  .section i {color:green;}




/*
+++++++++++++++++++++++++++++++++++
  Caroussel
+++++++++++++++++++++++++++++++++++
*/

#widget_assets #myCarousel {background:rgba(183, 202, 221, 0.15);}

#widget_assets .carousel-caption {background:rgba(183, 202, 221, 0.75);}

#widget_assets .carousel-caption h4,
#widget_assets .carousel-caption p {color:#2c448d; xxxcolor:#ffffff; xxxtext-shadow:1px 1px 0 #777;}
#widget_assets .carousel-caption h4 {font-style:normal;}

#widget_assets .carousel-control {display:none;}


/*
+++++++++++++++++++++++++++++++++++
  Icons in Listen
+++++++++++++++++++++++++++++++++++
*/
#widget_assets  .icon-li {color:green;}




/*
+++++++++++++++++++++++++++++++++++
  Marquee
+++++++++++++++++++++++++++++++++++
*/

#widget_assets  .marquee {width:890px; overflow:hidden; border-color:rgb(225,153,49); background:rgb(250,180,80); text-shadow:0px 1px 0 #ccc; padding:3px; margin:-5px auto 10px auto; xxxmargin:-10px auto 5px auto; }





/*
+++++++++++++++++++++++++++++++++++
  Nav-Pills
+++++++++++++++++++++++++++++++++++
*/

/* bisschen von 12 auf 10 verkleinern, damit kein Zeilenumbruch in Nav */
#widget_assets  .nav-pills>li>a {padding-left:18px; padding-right:18px; font-weight:normal; outline: none;} /* 30 statt 40 */
#widget_assets  .nav-pills>li>a {padding-left:20px; padding-right:20px; font-weight:normal; outline: none;} /* 30 statt 40 */





#widget_assets  .dl-horizontal {margin-top:20px;}

#widget_assets  .dl-horizontal dt,
#widget_assets  .dl-horizontal dd {line-height:1.5em;}






#widget_assets  textarea[readonly] {
	cursor: auto;
	background-color: #ffffff;
}


#widget_assets  .calculatorLoadingMessage {
	margin:0;
	padding:0px;
	min-height:0;
	width:270px;
	height:110px;
	text-align:center;
	background-image: url(../loader.html);
	background-position: 50% 60px;
	background-repeat: no-repeat;
}


#widget_assets  #rechner {
	margin:15px;
	xxborder:1px solid red;
}


#widget_assets  #link_code {
	font-family: monospace;
	padding:5px 15px;
	margin:-.7em 0 0em 0;
	background-color:#f0f1f5;
	border:1px solid rgba(80, 120, 160, 0.15);
}


#widget_assets  #switcher {
	margin: 0;
}


#widget_assets  .colbox {
	padding:30px;
	margin:0px;
	background-color:rgba(80, 120, 160, 0.065);
	XXXborder:1px solid rgba(80, 120, 160, 0.15);
}
#widget_assets .colbox img:first-child + p,
#widget_assets .colbox h2 + p,
#widget_assets .colbox h3 + p,
#widget_assets .colbox h4 + p {
	margin-top:0px;
}
#widget_assets .colbox p:last-child {
	margin-bottom:0px;
}

#widget_assets  .colbox.lower {
	padding:10px 15px;
}
#widget_assets  .colbox h4 {
	display:inline-block;
	margin:0;
}
#widget_assets  .colbox h4 span {
	display:inline-block;
	margin-left:2em;
	display:inline-block;
	font-weight:normal;
	font-size:1em;
}
/* Für Nummerierung */
#widget_assets  h4 span.label {
	margin-left:0;
	margin-right:.5em;
	font-weight:bold;
	font-size:16px;
	padding:.3em .5em .2em .3em;
}

#widget_assets  .colbox input,
#widget_assets  .colbox select {
	float:right;
}
#widget_assets  textarea.konfigurator {
	width:891px;
	margin-left:15px;
	margin-bottom:15px;
	padding:7px 15px;
	border:1px solid rgba(80, 120, 160, 0.15);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	background-color: rgba(80, 120, 160, 0.065);
}

#widget_assets  .manual-rechnerbox {
	xxxoverflow:hidden;
	width:720px;
	margin-bottom:25px;
	padding:20px;
	background-color:rgba(80, 120, 160, 0.065);
	border:1px solid rgba(80, 120, 160, 0.15);
	clear:both;
}
#widget_assets  .manual-rechnerbox p {
	margin:.2em 0 0 0;
}
#widget_assets  .manual-rechnerbox p.example-text {
	color:#ccc;
}
#widget_assets  .manual-rechnerbox p.descr-text {
	xxxdisplay:inline-block;
	xxxfloat:left;
	margin-top:15px;
	padding:5px;
	border:1px solid rgba(80, 120, 160, 0.15);
	background-color:white;
}
#widget_assets  .manual-rechnerbox textarea {
	margin:10px 0;
	padding:0 15px;
	border:1px solid rgba(80, 120, 160, 0.15);
	width:90%;
}


/*
+++++++++++++++++++++++++++++++++++
  Ageras Formular
+++++++++++++++++++++++++++++++++++
*/

#widget_assets form.ageras  {
    background-color: white;
}

#widget_assets form.ageras .form-group {
    margin: 0px 0px 12px 0px;
}

#widget_assets form.ageras textarea {
    width: 95%;
}

#widget_assets form.ageras input[type=text] {
    width: 95%;
    height: 25px;
}

input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#3d6dc4;border-color:#ee5f5b;}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#3d6dc4;-webkit-box-shadow:0 0 6px #3d6dc4;-moz-box-shadow:0 0 6px #3d6dc4;box-shadow:0 0 6px #3d6dc4;}

#widget_assets form.ageras input.checkbox {

}

/*
+++++++++++++++++++++++++++++++++++
  Select-Box für Widget-Auswahl
+++++++++++++++++++++++++++++++++++
*/


#widget_assets  form#select_widget,
#widget_assets  form#select_rubrik {
	margin:0; float:left;
}
#widget_assets  form#select_widget {
	margin-left:35px;
}
#widget_assets  form#select_widget.admin,
#widget_assets  form#select_widget.konfigurator {
	margin-left:0px; float:none;
}


#widget_assets  span#select_design {
	display:block; position:relative; z-index:1; float:right;
}


#widget_assets form select[name=customer],

#widget_assets  form#select_widget select,
#widget_assets  form#select_rubrik select {
	padding-left:5px;
	padding-right:0;
	background-color:rgba(80, 120, 160, 0.065);
	xxbackground-color:white;
	border: 1px solid rgba(80, 120, 160, 0.25);
	outline:none;
}
#widget_assets  form#select_widget select:hover,
#widget_assets  form#select_rubrik select:hover {
	background-color:rgb(229, 230, 234);
}

#widget_assets  form#select_widget select option,
#widget_assets  form#select_rubrik select option {
	font-weight:normal;
	xxxbackground-color:#e5e6ea;
	padding-left:8px;
	xxxmargin-top:3px;
}
#widget_assets form#select_widget.konfigurator select,
#widget_assets form#select_widget.admin select {
	margin-top:-2px;
	font-size:16px;
	height:32px;
	width:490px;
}
#widget_assets form#select_widget.landingpage select,
#widget_assets form#select_rubrik.landingpage select {
	height:28px;
	width:240px;
}

#widget_assets form#select_widget.admin select {
	margin-top:-4px;
}

/*
+++++++++++++++++++++++++++++++++++
  Form für optionale Parameter in
  Konfigurator
+++++++++++++++++++++++++++++++++++
*/
#widget_assets form#params:not('#s_r_de') input[type="text"],
#widget_assets form#params:not('#s_r_de') input[type="submit"],
#widget_assets form#params:not('#s_r_de') textarea
{
	height:20px;
	padding:0 5px;
	margin:4px 0;
	background-color:rgba(80, 120, 160, 0.065);
	border: 1px solid rgba(80, 120, 160, 0.15);
	text-align:right;
}

#widget_assets form#params:not('#s_r_de') input[type="text"] {
	width:200px;
}

#widget_assets form#params:not('#s_r_de') textarea {
	width:200px;
	height:100px;
	text-align:left;
}
#widget_assets  form#params:not('#s_r_de') div.param_radio_group {
	float:right;
}
#widget_assets  form#params:not('#s_r_de') div.param_radio_group div {
	xxxborder:1px solid red;
	height:1em;
	margin-bottom:.5em;
    xxwidth:4em;
}
#widget_assets  form#params:not('#s_r_de') div.param_radio_group div label {
	xxxfloat:left;
	margin-right:.5em;
	padding-left:0;
}
#widget_assets  form#params:not('#s_r_de') div.param_radio_group div input {
	xxxmargin-top:5px;
	float:right;
	xxxwidth:1.4em;
	box-shadow:none;
}




#widget_assets  form#select_rubrik select:hover,
#widget_assets  form#select_widget select:hover,
#widget_assets  form#params:not('#s_r_de') input:hover,
#widget_assets  form#params:not('#s_r_de') textarea:hover
{
	background-color:#e5e6ea;
}





/*
+++++++++++++++++++++++++++++++++++
  Tabelle für optionale Parameter in
  Konfigurator
+++++++++++++++++++++++++++++++++++
*/
#widget_assets  table.params tr td.descr-col {position:relative;}
#widget_assets  table.params tr td.descr-col div:first-child {position:absolute; left:10px;}
#widget_assets  table.params tr td.descr-col div:last-child {margin-left:28px; font-weight:bold; margin-right:10px;}
#widget_assets  table.params i.fa-info-circle {font-size:22px; color: #0087cf;}


#widget_assets  table.params {
	border-collapse:separate;
	border-spacing: 0px;
	xxxwidth:865px;
	margin:10px 0 10px 0;
	background-color:rgba(80, 120, 160, 0.065);
	border:1px solid rgba(80, 120, 160, 0.15);
}
#widget_assets  table.params th,
#widget_assets  table.params td {
	padding:5px 15px 5px 15px;
	vertical-align:top;
	border-left:1px solid rgba(80, 120, 160, 0.15);
	border-top:1px solid rgba(80, 120, 160, 0.15);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
#widget_assets  table.params tr.no_topborder td {
	border-top:none;
}
#widget_assets  table.params th {
	border-top:none;
	text-transform:uppercase;
}
#widget_assets  table.params th span {
	display:block;
	font-size:70%;
	line-height:70%;
}
#widget_assets  table.params td:first-child,
#widget_assets  table.params th:first-child {
     border-left: none;
}

#widget_assets  table.params th.descr {
	width:575px;
}
#widget_assets  table.params th.values {
	width:200px;
}
#widget_assets  table.params th.input {
	width:75px;
	text-align:right;
}
#widget_assets  table.params input {
	float:right;
}
/*
#widget_assets  table.params textarea {
	xxxbackground-color:red;
}*/

/* Sonst ist Text unter Funktionen in Tabelle weiß bei z.B. Themeauswahl Dark Hive auf Demoseite */
#widget_assets  table.table td,
#widget_assets  table.preise td
{color:inherit !important;}



#nav-breadcrumb a { color: #3d6dc4 !important;}



/*
#widget_assets #navstars h3 {
	line-height:1.3em;
}*/


#footer ul {
	margin:0;
}
#footer dl {
	margin-bottom:0;
}
#footer dt, #footer dd, #footer li {
	line-height:1.3em;
}
#footer a {
	color:#4c7bec;
}
#footer a:hover {
	color:#2c5bcc;
}
#footer dt a {
	text-decoration:underline;
}

#nav ul {
    margin:0;
}

/* Um in Mac OS auch den Scrollbalken in Themauswahl anzuzeigen */
.jquery-ui-switcher-list-hldr::-webkit-scrollbar {
	   -webkit-appearance: none;
	   background-color:#444;
}

.jquery-ui-switcher-list-hldr::-webkit-scrollbar:vertical {
	   width: 11px;
}

.jquery-ui-switcher-list-hldr::-webkit-scrollbar:horizontal {
	   height: 11px;
}

.jquery-ui-switcher-list-hldr::-webkit-scrollbar-thumb {
	 border-radius: 8px;
	 border: 2px solid #444; /* should match background, can't be transparent */
	 background-color: rgba(255, 255, 255, .7);
}
.mWrap {opacity:0;}
.mMove {opacity:0; white-space:nowrap; transform: translateZ(0);}
.mWrap.mIni,
.mWrap.mIni .mMove {opacity:1}
.mWrap,
.mWrap *{
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;      
}
.grab {
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
}
.grabbing { 
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important; 
}
.strTools *,
.strTools *:after,
.strTools *:before {
	box-sizing:border-box !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;   
}
.mWrap img {
	max-width:none !important;
}
.str_move {
	cursor:move;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}


/* === Appearance Marquee === */
.mWrap {
	max-width:70%;
	font-size:inherit;
	line-height:inherit;
	font-family:inherit;
	text-transform:none;
	text-align:left;
	background:none;
	color:inherit;
   xxxmargin:30px 20px 20px 0px;
    margin:0;
}