/*  ICONS  -  - http://fontawesome.io */
@font-face {
  font-family: 'FontAwesome'; font-weight: normal;font-style: normal;
  src: url('../../../fonts/icons/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../../../fonts/icons/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
		 url('../../../fonts/icons/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
		 url('../../../fonts/icons/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
		 url('../../../fonts/icons/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
		 url('../../../fonts/icons/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');}
/* FA-ICONS in seperaten CSS-Datei, setze link im head zur Datei (erster link !)
 * style.css folgt danach, wo dieses auch gestyled wird */	



.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) 
{
    width: 100%;
}

.endsumme 
{
	font-size: 35px;
	color:#4AA14A;
	/*display:none;*/
}

.dock 
{
	color:#c1c1c1;
	text-align:left;
	margin-left:10px;
}

.price 
{
	padding-top:3px;
}

.dot {
	margin-bottom: 0px;
	border-top: dashed 1px #252525;
}

.page-header 
{
    margin-top: 25px;
}

.inline 
{
	display:inline-block;
}

.firstType  
{
	
}

.headliners .secondType  
{
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:-20px;
	color: #333;
    font-family: "Helvetica",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

.thirdType  
{
	float:right;
}


/* --- Stars --- */
.stars .firstType {
	padding-left:31px;
}

.star 
{
	top:12px;
	left:50%;
	position:absolute;
	margin-left:-18px;
}

.stars .thirdType 
{
	padding-right:14px;
}

.stars span
{
	color:#F0C601;
	font-size:20px;
}

#slider 
{
	margin-left:40px;
	margin-right:40px;
}

.horizontal-background 
{
    background-color: #ccc;
	border-radius: 4px;
}

.ui-widget-content 
{
    background: none;
    border: none;
}
.ui-slider-horizontal .ui-slider-handle 
{
    top: -0.2em;
}

.little 
{
	font-size:10px;
}

.ui-widget-content a 
{
    color: #428bca;
}

.btn-primary 
{
    color: #fff;
}

.tooltip-inner 
{
    background-color: green;
    color: #fff;
    max-width: 600px;
}

.tooltip.right .tooltip-arrow 
{
    border-right-color: green;
}


.Hopper
{
    /*margin-bottom: 440px;*/
	
}

.HopperImagetwo
{
	
	height: 80px;
	width: 320px;
    max-width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}

@media screen and (max-width: 414px) {.HopperImagetwo, .HopperImagetwo input {max-width: 100%;}}


.HopperImagetwo input
{
	border: 3px solid #f44336;
    width: 320px;
	max-width: 100%;
    text-align: center;
	position: absolute;
	margin: 0 auto;
}

.inputberechnen
{
	padding-top: 5px;
	padding-bottom: 8px;
}

.panel-center 
{
	text-align: center;
}

@media screen and (max-width: 414px) {.panel-center {text-align: left;}}

.Carusel 
{
    height:300px;
    width: 100%;
}

@media screen and (max-width: 414px) {.Carusel {max-width: 100%;}}



.Carusel .Item
{
    position: absolute;
    width: 150px;
    float: left;
    transition:  all 1s;
    transition-timing-function: linear;
}


.Carusel-Inner
{
    /*width: 550px;
    height: 150px;*/
    /*background: blue;*/
    /*left: 50%;
    position: absolute;
    margin-left: -275px;*/
}



#myCanvas
{
    position: absolute;
    margin: auto;
    left: 50%;
    margin-left: -300px;
}

.Item.One
{
    top: 95px;
    left: 160px;
    z-index: 500;
}

.Item.Two
{
    top: 82px;
    left: 90px;
    z-index: 400;
    transform: scale(0.9);
}

.Item.Three
{
    top: 70px;
    left: 4px;
    z-index: 300;
    transform: scale(0.6);
}

.Item.Four
{
    top: 48px;
    left: -17px;
    z-index: 200;
    transform: scale(0.4);

}

.Item.Five
{
    top: 27px;
    left: 6px;
    z-index: 100;
    transform: scale(0.3);
}

.Item.Six
{
    top: 18px;
    left: 52px;
    z-index: 0;
    transform: scale(0.25);
}

.Item.Seven
{
    top: 14px;
    left: 100px;
    z-index: 0;
    transform: scale(0.2);
}

.Item.Eight
{
    top: 14px;
    left: 140px;
    z-index: 0;
    transform: scale(0.2);
}



.Item.Nine
{
    top: 13px;
    left: 196px;
    z-index: 100;
    transform: scale(0.3);
}


.Item.Ten
{
    top: 15px;
    left: 254px;
    z-index: 200;
    transform: scale(0.3);
}

.Item.Eleven
{
    top: 18px;
    left: 329px;
    z-index: 300;
    transform: scale(0.4);
}


.Item.Twelve
{
    top: 30px;
    left: 413px;
    z-index: 400;
    transform: scale(0.6);
}

.Item.Threteen
{
    top: 52px;
    left: 470px;
    z-index: 400;
    transform: scale(0.7);
}

.Item.Fourteen
{
    top: 77px;
    left: 410px;
    z-index: 400;
    transform: scale(0.8);
}

.Item.Fiveteen
{
    top: 95px;
    left: 301px;
    z-index: 500;
}


.Item.Clear
{
    top: 200px !important;
    left: 225px !important;
    z-index: 500 !important;
    opacity:0 !important;
}

.Error
{
    border-color: #a94442;
}

#geburtsjahr
{
    z-index: 5000;
    position: absolute;
    height: 45px;
    border-radius: 10px;
    font-size: 20px;
}


.Shrink
{
    transform : sclae(0,1);
}

.small-agb
{
	background-color: #eaeaea;
	border: 1px solid #red;
	text-align: justify;
	margin: 0 auto;
}
@media screen and (min-width: 761px) {.small-agb, .form-anfrage, .small-hinweis {width: 50%;}}

.small-hinweis
{
	text-align: center-left;
	margin: 0 auto;
	font-size: 1.2em;
}


.form-anfrage
{
	margin: 0 auto;
}
	
.angebot-anfordern
{
	padding-top: 6px;
}