/*
	Style Pontes & Cie. AG (4432371)
	> 1st color #0a1e0a
	> 2nd color #ebd592
*/
body {
	background: transparent;
}

*/
/* CI - Farbe Backgrounds */
.steg1, .fortnummer, #tooltip, .gesamtfortschritt,
.formframe .formanizr .fzr_button, 
.formframe .formanizr input[type="submit"], 
.formframe .formanizr input[type="reset"], 
.formframe .formanizr input[type="button"], 
.formframe .formanizr button{
	background: #0a1e0a;
}

/* CI - Farbe in RGB mit Transparenz 0.1 */

.mandatory {
	background-color: #f6f9ff;
}

.formframe .formanizr input[type="text"]:focus, 
.formframe .formanizr input[type="password"]:focus, 
.formframe .formanizr input[type="file"]:focus, 
.formframe .formanizr input[type="date"]:focus, 
.formframe .formanizr input[type="datetime"]:focus, 
.formframe .formanizr input[type="email"]:focus, 
.formframe .formanizr input[type="number"]:focus, 
.formframe .formanizr input[type="search"]:focus, 
.formframe .formanizr input[type="tel"]:focus, 
.formframe .formanizr input[type="time"]:focus, 
.formframe .formanizr input[type="url"]:focus, 
.formframe .formanizr input[type="range"]:focus, 
.formframe .formanizr textarea:focus, 
.formframe .formanizr select:focus {
    outline: 0;
    background-color: white;
    border-color: #999999;
    color: black;
    -webkit-box-shadow: rgba(0,30,90,0.1) 0 0 3px 2px;
    -moz-box-shadow: rgba(0,30,90,0.1) 0 0 3px 2px;
    box-shadow: rgba(0,30,90,0.1) 0 0 3px 2px;
}


/* kleines Dreieck beim Tooltip */

#tooltip:after {border-top: 10px solid #0a1e0a;}


/* Zusätzliche Farben */

.steg2{background:#ccc;}

.fortnummer{color:#fff;}

.formframe .formanizr .fzr_button, .gesamtbalken,
.formframe .formanizr input[type="submit"], 
.formframe .formanizr input[type="reset"], 
.formframe .formanizr input[type="button"], 
.formframe .formanizr button{
	border: 1px solid #0a1e0a;
    color: #fff;
}

.formframe h5{
    color: #666;
}

.formframe h6 {
    border-bottom: 1px solid #0a1e0a;
    }

/* Balken vom Slider */
.ui-widget-header {
	background: #0a1e0a !important;
}

/* Schieberegler vom Slider */
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: #ebd592 !important;
}

/* Quernavigation im Formular */
ul#newnavigation li a {
	background-color: #0a1e0a;
	border: 1px solid #0a1e0a;
}

ul#newnavigation li.whitebutton a {
	color: #fff;
	background: #ebd592;
}

ul#newnavigation li:hover>a {
	background-color: #0a1e0a;
	color: #fff;
}

ul#newnavigation li.whitebutton a:hover:not(.linknichtaktiv) {
	background: #f60;
}

/* Infobutton */
.inforesponsediv {
	background-image: url(../../img/infoicon_creditsun.png);
}
.successresponsediv {
	background-image: url(../../pic/gruenerhaken_creditsun.png);
}


/* Checkbox AGB */
.control_indicator {
	border: 1px solid #0a1e0a;
}

.control input:checked ~ .control_indicator {
	background: #0a1e0a;
}

/* Überschriften Tab3/4 */
.unterueberschriftclass {
	color: #0a1e0a !important;
}

/* DIV-Button */
.divasbutton:hover {
	border-color: #0a1e0a;
	background-color: #0a1e0a;
	outline: none;
}
.divasbutton {
	border-color: #0a1e0a;
	color: #0a1e0a;
	outline: none;
	border-radius: 0px;
	background-color: #fff;
}

.divasbuttonclicked {
	background-color: #0a1e0a;
	border-color: #0a1e0a;
	color: #fff;
	outline: none;
}
/* Infobox (i-Button) */
.infotogglebox {
	border: 1px solid #0a1e0a;
}

.infotogglebox_uptriangle {
	background-image: url(../../icon/arrowup_creditsun.png);
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border:0px;
    outline: none;
}

.infotogglebox_uptriangle, .inforesponsediv, .errorresponsediv, .successresponsediv {
	background: none;
}

.infotogglebox_uptriangle:before{
content: "\f0d8";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
height: 16px;
line-height: 16px;
text-rendering: auto;
width: 16px;
-webkit-font-smoothing: antialiased;
color: #0a1e0a !important;
font-size: 24px;
}


.inforesponsediv:before{
content: "\f05a";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
height: 24px;
line-height: 24px;
text-rendering: auto;
width: 24px;
-webkit-font-smoothing: antialiased;
color: #0a1e0a !important;
font-size: 20px;
}


.errorresponsediv:before {
content: "\f071";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
height: 16px;
line-height: 16px;
text-rendering: auto;
width: 16px;
-webkit-font-smoothing: antialiased;
color: #dc3545 !important;
font-size: 20px;
}


.successresponsediv:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-weight: 900;
height: 24px;
line-height: 24px;
text-rendering: auto;
width: 24px;
-webkit-font-smoothing: antialiased;
color: #28a745 !important;
font-size: 20px;
}


.formframe .formanizr input[type="button"]:hover, .formframe .formanizr button:hover {
    background: #ebd592;
    border-color: #ebd592;
    color: #ffffff;
    outline: none;
}
.formframe .formanizr .fzr_button, .gesamtbalken, .formframe .formanizr input[type="submit"], .formframe .formanizr input[type="reset"], .formframe .formanizr input[type="button"], .formframe .formanizr button {
    border: 1px solid #0a1e0a;
    color: #fff;
    backgrund-color: #0a1e0a;
    outline: none;
}

ul#newnavigation li.whitebutton a:hover:not(.linknichtaktiv) {
    background: #0a1e0a;
    color: #fff;
    border-color: #0a1e0a;
}

ul#newnavigation li a.linknichtaktiv{
	border-color: #ccc;
}

ul#newnavigation li a:hover {
    background-color: #0a1e0a;
    color: #fff;
}

ul#newnavigation li.whitebutton a.linknichtaktiv, ul#newnavigation li.whitebutton a.linknichtaktiv:hover {
    background: transparent;
    color: #0a1e0a;
}

.color-primary, .formframe h5{
	color: #0a1e0a;
}

.btn-primary:hover {
    background: #ebd592;
    border-color: #ebd592;
    color: #fff;
    outline: none;
}
.btn-primary {
    border: 1px solid #0a1e0a;
    background-color: #0a1e0a;
    color: #fff;
    outline: none;
    border-radius: 0px;
}


label{
	font-weight: bold;
}

.card {
    background-color: rgba(255,255,255,.45);
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-body{
	color: #0a1e0a;
	text-align: center;
}

.form-control:focus {
  border-color: rgba(0, 31, 96, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 31, 96, 0.6);
  outline: 0 none;
}

@media only screen and (max-width: 770px){
	.accordion>li>a:before,
	.accordion>li.whitebutton>a:hover:before {
	    background: none;	    
	    content: "\f0d7";
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		height: 16px;
		line-height: 16px;
		text-rendering: auto;
		width: 16px;
		-webkit-font-smoothing: antialiased;
		color: #fff !important;
		font-size: 24px;
	}
	
	.accordion>li.whitebutton>a:before {
		color: #0a1e0a !important;
	}
	
	.accordion>li>a.linknichtaktiv:before,
	.accordion>li>a.linknichtaktiv:hover:before {
		color: #ccc !important;
	}
}

.nopadingleft {
	padding-left: 0px; 
}


input[type=checkbox].checkbox-big{
     background-color: #FFF;
     color: #0a1e0a;
     border: 1px solid #0a1e0a;
}
input[type=checkbox].checkbox-big:checked{
     background-color: #0a1e0a;
     color: #FFF;
     border: 1px solid #0a1e0a;
}