@charset "utf-8";


body{font-family:'Roboto',sans-serif;font-weight: 300;background: #f0f0f0;}
.scrollable-menu {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
}
.teaser {
text-align: center;
}

footer p {
    color: #000;
}

.input-group {
  position: relative;
  display: block;
  border-collapse: separate;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #000;
}

a.e-mail-button {
    color: #fff!important;
    border: 1px solid;
    border-radius: 4px;
    background-color: #5bc0de;
    border-color: #46b8da;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5px;
}

a.e-mail-button:hover, 
a.e-mail-button:visited, 
a.e-mail-button:focus, 
a.e-mail-button:active {
    border: 1px solid; 
    background-color: #31b0d5;
    border-color: #269abc;
    text-decoration: none;
}

span.e-mail-icon {
    font-size: 25px;
    margin-right: 10px;
    font-weight: 700;
}

.e-mail-wrapper {
    margin-top: 20px;
}

input#senden {
  margin-top: 15px;
}

#kontaktMain label {
  color: #024482;
}

.alert {
  margin-top: 40px;
}

.glyphicon-send:before {
  content: "\e171";
  padding-right: 20px;
  margin-left: -19px;
}

#linkMain a {
  color: #024482;
}

.backgroundShadowFooter{
  background: #024482;
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  background: rgba(255, 255, 255, 0.6);
  margin-top: 70px;
}


img.grow {
max-width: 50%;
}

.line {
border-bottom: 1px solid #666666;
margin-top: 8px;
}
.page-header{
	padding: 0;
	margin: 0;
	border: none;
}
.nav-tabs{
	border-bottom: none;
}

.contentImg {
border: 5px solid #024482;
margin: 10px;
max-width: 90%;
height: auto!important;
}

.glyphicon {
    position: relative;
    top: 3px;
    left: 6px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 100;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}

#notruf-button a:hover, 
#notruf-button a:link, 
#notruf-button a:visited, 
#notruf-button a:focus {
text-decoration: none;
}

.linkHersteller{
	margin-bottom: 40px;
}

.imgHersteller{
	margin-bottom: 40px!important;
}

#linkMain{
	margin-top: 70px;
	text-align: center;
}


#notruf-button img {
max-width: 100% !important;
height: 60%;
float: left;
}

.notruftext {
height: auto;
}

.style{
	margin-bottom: 10px;
	color: #fff;
}

.style a{
	color: #fff;
}

/*.container img{
	max-width: 100%;
	height: auto;
}*/

.box-sizing{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#bigHeader{width:100%}#logo{width:80%;padding-top:10px;margin:0;height:auto;float:left;margin-bottom:30px}#logo img{max-width:100%;height: auto}#notruf-button{width:20%;float:left;height:100px;}.isStuck{width:100%;z-index: 10000;}#navigationsticky{width:100%}.clear:after{content:" ";display:table;clear:both}.kacheln{min-height:150px;}.content,.content{margin-top:20px;min-height:300px;background:#ccc}footer{width:100%;background:#024482;margin-top:30px}#footer_container{height:auto;margin:0 auto;padding-top:30px;padding-bottom:30px}@media screen and (max-width: 1200px){.kacheln{width:45%;float:left}}@media screen and (max-width: 1024px){#container{width:90%;margin:0 auto;height:auto}}@media screen and (max-width: 770px){#logo{width:100%}#notruf-button{width:100%;height:40px}}@media screen and (max-width: 700px){#content,.content{margin-bottom:30px}}

header{
margin-top:1px;
margin-bottom:65px;
width:100%;
position:relative;
  background: url(../../img/ajax-loader-mobil.gif);
  background-color: #f0f0f0;
  background-position: 47% 42%;
  background-repeat: no-repeat;
	min-height: 129px;
}

#danke, #error, #errorSend{
    display: none;
}


input#repeat_email, #terms {
    display: none;
}



.dasSindWirHeadLeft,
.header-links{
	text-align: center!important;
}

.dasSindWirHeadLeft p, 
.header-links h2 p{
	display: inline-block;
	text-align: center!important;
}

#header-top {
    height: auto;
    width: 100%;
    background-image: url(../../img/bg-top.svg);
}

.teaser {
	margin-top: 30px;
}
.flexslider .slides img{
	max-height: 750px;
	max-height: 75vh;
}

header:after {
visibility:hidden;
}

.form-group {
margin-bottom: 15px;
color: #fff;
}

.input-group-addon{
	padding: 0;
}

.form-control{
	padding: 20px 15px;
	font-size: 20px;
}

.form-control-feedback{
	top: 13px!important;
	left: 2px!important;
}

.webkit .pflichtfeld-icon {
	top: -6px;
	left: -3px;
}

.chrome .pflichtfeld-icon {
	top: 1px;
	left: -3px;
}
.pflichtfeld-icon {
	top: 1px;
	left: -3px;
}

.teaser h2 {
font-size: 29px;
color: rgb(66, 139, 202);
font-weight: 300;
}

.teaser p:nth-of-type(2) {
    text-align: center;
    padding-left: 8%;
    padding-right: 8%;
    font-weight: 300;
    font-size: 1.3em;
}

.container{
	font-size: 1.2em;
}

.pagination>li>a, .pagination>li>span {

border: none;
}

.line{
	display: none;
}

.flex-caption {
width: 85%;
padding: 2%;
margin: 0;
position: absolute;
left: 10%;
bottom: 10%;
background: none;
text-shadow: -1px 1px 0 rgba(0,0,0,.6);
font-size: 1.5em;
line-height: 100%;
font-weight: 800;
}



.flex-direction-nav .flex-prev {
left: 60px;
}

.flex-direction-nav .flex-next {
right: 60px;
}

.notrufnummer{
	font-size: 2em!important;
	font-weight: 800!important;
}

div#pannendienst {
  margin-top: 37px;
  margin-left: 52px;
}

div#notrufnummern {
margin-left: 52px;
}

@media (min-width: 768px){

.line{
	display: block;
}

.dasSindWirHeadLeft, 
.header-links{
	text-align: left!important;
}

.dasSindWirHeadLeft p, 
.header-links h2 p{
	display: block;
	text-align: left!important;
}
.flex-caption {
width: 85%;
padding: 2%;
margin: 0;
position: absolute;
left: 10%;
bottom: 50%;
background: none; 
text-shadow: -1px 1px 0 rgba(0,0,0,.6);
font-size: 2.4em;
line-height: 100%;
font-weight: 800;
}

.mobileCall{
	display: none;
}

#logo {
    width: 70%;
}

#notruf-button {
    width: 30%;
}

	.teaser {
	margin-top: 0px;
	}

	#notruf-button img {
	margin-top: 26px;
}

#pannendienst {
	margin-top: 20px;
    font-size: 1em;
    font-weight: bold;
    color: red;
    text-align: center;
    height: auto;
margin-top: 33px;
margin-left: 52px;
}



#notrufnummern {
  font-size: 0.8em;
  font-weight: bold;
  color: #F00;
  text-align: center;
  margin-top: -3px;
}
div#notrufnummern {
margin-left: 52px;
}

header {
  min-height: 275px;
  background: url(../../img/ajax-loader.gif);
  background-color: #fff;
  background-position: 47% 42%;
  background-repeat: no-repeat;
}

img.grow {
max-width: 70%;
margin: 0!important;
}
}

@media (min-width: 992px){

.flex-caption {
width: 85%;
padding: 2%;
margin: 0;
position: absolute;
left: 10%;
bottom: 50%;
background: none; 
text-shadow: -1px 1px 0 rgba(0,0,0,.6);
font-size: 4em;
line-height: 100%;
font-weight: 800;
}


header:after {
visibility: visible;
content: "";
min-width: 100%;
height: 150px;
margin-right: -1%;
position: absolute;
background: url(../../img/white.png) no-repeat scroll center top transparent;
bottom: 0px;
}


#logo {
    width: 70%;
}

#notruf-button {
    width: 30%;
}

	.teaser {
	margin-top: 0px;
	}

	#notruf-button img {
	margin-top: 25px;
}

	#pannendienst {
    font-size: 2em;
    font-weight: bold;
    color: red;
    text-align: center;
    height: auto;
}

div#pannendienst {
margin-top: 25px;
margin-left: 52px;
}

#notrufnummern {
    font-size: 1em;
    font-weight: bold;
    color: #F00;
    text-align: center;
    margin-top: -10px;
}

div#notrufnummern {
margin-left: 0;
}

.linkHersteller{
	margin-bottom: 40px;
	text-align: left;
}

.imgHersteller{
	margin-bottom: 40px!important;
}

#linkMain{
	margin-top: 0px;
	text-align: left;
}

}

.telNoLink {
    color: #000;
    margin-top: -5px;
    display: none;
}

.telLink {
    width: 200px;
    margin: 0 auto;
    background-color: #024482;
    padding: 24px;
    line-height: 0px;
    color: #fff!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.telLink:hover{
      text-decoration: none;
    color: #024482!important;
    background: #a6cff4;
}

.telLink:before {
    font-family: 'Glyphicons Halflings';
    content: "\e182";
    position: relative;
    top: 6px;
    left: -13px;
    font-size: 25px;
}

.telLink_wrapper {
    margin-top: 20px;
    margin-bottom: 60px;
}


@media (min-width: 768px){
.my-hidden-md {
  display: none!important;
}

.telNoLink {
    display: block;
}

.telLink {
    display: none;
}

.telLink_wrapper {
    margin-bottom: 31px;
}

}

@media (min-width: 1200px){
#notruf-button img {
    margin-left: 98px;
}
}



@media (min-width: 1500px){
#notruf-button img {
    margin-left: 180px;
}
}