html{
	min-height:100vh;
	overflow-y:hidden;
	overflow-y:auto;
	background-color:#fff;
	font-family: "Helvetica Neue Paneuropean", sans-serif;
}

body{
	position:relative;
	min-height:100vh;
}

.linkList a{
	color:#000;
	text-decoration:none!important;
}

.linkList{
	padding:10px;
	display:inline-block;
	padding-left:20px;
	font-size:10pt;
	border:1px dotted #1e467d;
}

.lang .langButton{
	background-color:#363531;
}

.vCenter{
	line-height:32px;
}

.lang{
	position:fixed;
	bottom:0px;
	right:10px;
}

.lang .langButton{
	color:#FFF;
	display:inline-block;
	padding:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.headerBar{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#1e467d;
	text-align:right;
}

.headerBar .dropdown{
	margin-right:10px;
	display:inline-block;
}

.headerBar .dropdown button{
	background-color:transparent;
	border:none;
	color:#fff;
}

.headerBar .dropdown i{
	padding-right:5px;
}

.headerBar_logo{
	padding-top:40px;
	box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 14px -7px rgba(0,0,0,0.75);
}

.headerBar_logo .container{
	padding-bottom:20px;
}

.slogan{
	color:#666666;
	font-size:20px;
	display: flex;
    justify-content: normal;
    align-items: flex-end;
	font-weight:300;
	font-family: "Helvetica Neue Paneuropean", sans-serif;
	position:relative;
	top:5px;
}

.headerImageRow img{
	width:100%;
}

.headerBar_logo{
	position:relative;
	z-index:11; 
}

.firstLiner{
	font-weight:300;
	font-family: "Helvetica Neue Paneuropean", sans-serif;
	margin-top:50px;
	color:#1e467d;
	margin-bottom:30px;
}

.calcButton{
	background-color:#1e467d!important;
	color:#fff!important;
}

.leadBox{
	display:none;
}

.headerImageRow{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	/*background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); 
	*/
}

.fixedSelect
{
	background-color:#fff;
	position: fixed;
    left: 50%;
    transform: translateX(-50%);
	z-index:10;
}

.fixedSelect .firstLiner{
	font-size:20px;
	margin-bottom:10px;
	margin-top:10px;
}

.headerLoadingBar{
	position:relative;
	z-index:200;
	width:100%;
	height:10px;
	background-color:#1e467d;
	animation-name: baranimation;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	display:none;
}

.bottomSpacer{
	height:50px;
}

@keyframes baranimation {
  from {width: 0%;}
  to {width: 100%;}
}

/*
	Ergebnistabelle
*/
.resultTable{
	margin-top:70px;
	display:table;
	table-layout:fixed;
	width:100%;
}

.resultRow{
	display:table-row;
	height:40px;
}

.resultName{
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	position:relative;
}

.goodResult{
	color:#933;
}

.badResult{
	color:#393;
}

.resultBox{
	font-family:"Helvetica Neue Paneuropean", sans-serif;
}

.headerRow{
	background-color:#1e467d;
	color:#fff;
}

.ownRow > b{
	position:absolute;
	top: -60px;
    background-color: #808080;
    padding: 5px;
	border-radius:5px;
	font-size:14px;
    left: 50%;
    transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:98%;
	text-align:center;
}

.empfehlung_pin{
	position:absolute;
	top: -60px;
    background-color: #1e467d;
    padding: 5px;
	border-radius:5px;
	font-size:14px;
    left: 50%;
    transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:98%;
	text-align:center;
}

.alternative_pin{
	 background-color: #eee;
	 color:#78787b;
}

.empfehlung_pin:after{
	z-index: -1;
	position: absolute;
    top: 98.1%;
    left: 73%;
    margin-left: -28%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 14px #1e467d;
    border-left: solid 14px transparent;
    border-right: solid 14px transparent;
}

.comboDisplay:after{
	z-index: 0;
	position: absolute;
    top: 98.1%;
    left: 49%;
    margin-left: -28%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 14px #8ea2be;
    border-left: solid 14px transparent;
    border-right: solid 14px transparent;
}

.comboDisplay:before{
	z-index: 0;
	position: absolute;
    top: 98.1%;
    left: 99%;
    margin-left: -28%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 14px #8ea2be;
    border-left: solid 14px transparent;
    border-right: solid 14px transparent;
}


.alternative_pin:after{
	  border-top: solid 14px #eee;
}

.ownRow > b:after {
	z-index: -1;
	position: absolute;
    top: 98.1%;
    left: 73%;
    margin-left: -28%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 14px #808080;
    border-left: solid 14px transparent;
    border-right: solid 14px transparent;
}

.comboDisplay{
	position:absolute;
	top: -60px;
    background-color: #8ea2be;
    padding: 5px;
	border-radius:5px;
	font-size:14px;
	right:0;
	width:200%;
	text-align:center;
}

.resultRow:nth-child(even) .ownRow{
	background-color:#e6e6e6;
}

.resultRow:not(.headerRow):nth-child(odd) .ownRow{
	background-color:#cccccc;
}

.headerRow .ownRow{
	background-color:#808080;	
}

.resultRow:not(.headerRow):nth-child(odd){
	background-color:#f2f2f2;
}

.resultRow:not(.headerRow):nth-child(even) .comboRow{
	background-color:#f4f6f8;
}

.resultRow:not(.headerRow):nth-child(odd) .comboRow2{
	background-color:#d0d6df;
}

.resultRow .comboRow:nth-child(0),
.resultRow .comboRow2:first-child
{
	border-left:2px solid black;
}

.resultRow .resultName{
	text-align:center;
}

.resultRow .resultName:first-child{
	text-align:left;
}

.btn-primary{
	background-color:#1e467d!important;
}

.empfRow{
	position:relative;
	z-index:100;
}

.shadower{
	position:absolute;
	width:100%;
	height:20px;
	z-index:20;
	left:0;
	-webkit-box-shadow: 0px 0px 9px -2px #000000; 
	box-shadow: 0px 0px 9px -2px #000000;
	top:0;
}

input[type='number'],input[type='email'],input[type='text']{
	height:initial;
}

@media (min-width:1000px){
	.inputControlRow{
		margin-top:30px!important;
	} 
}


@media (min-width:780px) and (max-width:1200px){
	.headlineSelect{
		height:50px;
	}
}

@media (max-width:779px){
	.selectForm .col-md-4{
		margin-bottom:20px;
	}
}

/*
	Flaggen
*/
.icon-link--flag-de{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/de.png) no-repeat 1.25rem center;
}

.icon-link--flag-en{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/en-gb.png) no-repeat 1.25rem center;
}

.icon-link--flag-el{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/gr.png) no-repeat 1.25rem center;
}

.icon-link--flag-es{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/es.png) no-repeat 1.25rem center;
}

.icon-link--flag-fr{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/fr.png) no-repeat 1.25rem center;
}

.icon-link--flag-it{
	background:	url(https://www.kostal-solar-electric.com/assets/images/flags/it.png) no-repeat 1.25rem center;
}

.footer-new{
	position:absolute;
	bottom:0;
	background-color:var(--meta-navigation-background);
	width:100%;
	padding-left: 1.875rem;
    padding-right: 1.875rem;
	padding-top:5px;
	padding-bottom:5px;
	line-height:22.5px;
	color:#fff;
	font-size:15px;
}

.footer-new a{
	color:#fff!important;
	text-decoration:none!important;
}

.smalLGray{
	display:block;
	color:#aaa;
	margin-top:20px;
	margin-bottom:20px;
}