@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
}

.navbar-brand {
    padding-top: .25em;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.35rem;

}

.navbar-brand img {
    max-width: 20rem;
    margin-right: 3rem;
}

.navbar-shrinked .navbar-brand img {
	max-width: 16rem;
    margin-right: 3rem;
	transition:.5s ease-in-out;
	margin-top:2rem;
}

.navbar-expand-lg .navbar-brand {
	display:none;
}

.jumbotron {
    text-align: center;
    text-transform: none;
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.badge-info {
    color: #fff;
    background-color:#089fde;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3 {
    text-shadow:1px 1px 2px #333;
}

/* Navigation */

.navbar-user.small {
	font-size:90%;
}

.navbar-smartmenus {
	background-color:#089fde;
	margin-top:1rem;
}

.smartmenus {
	margin-top:0;
}

.smartmenus li {
	font-size:1.35rem;
	font-weight:500;
}

.navbar-light .navbar-nav .nav-link {
    color:#fff;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: .5rem 1.1rem;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #033347;
}

.smartmenus li:first-child .nav-link {
	padding-left:0;
}

.smartmenus li:last-child .nav-link {
	padding-right:0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color:#089fde;

}

/* 24 Stunden Service */

#header {
	position:relative;
}

.service {
	position:absolute;
	top: -1.2rem;
	right:0;
	width:100%;
	z-index:1920;
	display:none;
}

#page_4 .service {
	display:block;
}

.serviceimg {
	float:right;
	width:12%;
	height:auto;
	margin-right:1%;
	display:none;
}

.serviceimg img {
	width:100%;
	height:auto;
}



/* slider */

.jumbotron.big {
    padding: 0;
	min-height:24rem;
}

.hero .flexslider .caption {
    margin-top: 3em;
    background:none;
    width:auto;
}

.jumbotron .flexslider .caption {
	text-align:left;
	text-shadow:1px 1px 2px #333;
}

.hero .flexslider .caption .title {
    font-size: 3rem;
    line-height: 1.4rem;
    margin-bottom: .7rem;
	font-weight:500;
}


.hero .flexslider .caption .description {
	font-size: 2rem;
	color: #71D1FB;
}


.btn-primary,
.page-item.active .page-link, ul.tx-indexedsearch-browsebox li.active .page-link, ul.tx-indexedsearch-browsebox li.active ul.tx-indexedsearch-browsebox li a, ul.tx-indexedsearch-browsebox li ul.tx-indexedsearch-browsebox li.active a, .page-item.active ul.tx-indexedsearch-browsebox li a, ul.tx-indexedsearch-browsebox li .page-item.active a,
.btn-success,
.alert-info,
.btn-info,
.btn-info:hover {
	color: #fff;
	background-color: #089fde;
	border-color: #05658D;
}

.btn-secondary,
.btn-secondary:visited {
	background-color: #044E6C;
	color:#fff;
	min-width:100%;
	padding:20px 20px;
	font-size:1.5rem;
}

.btn-success:hover {
	background-color:#089fde;
}


/* Inhalte */

h1 {
	font-size:2.35em;
	color: #089fde;
	margin-bottom:1.25em;
}

.h2-mb {
    margin-bottom: .75em;
}

h2 {
	font-size:1.35em;
	margin-bottom:0.5em;
}

h3 {
	font-size:1.2em;
	font-weight:600;
	color:#089fde;
}

h4 {
	font-weight:500;
	font-size:1.1em;
}

h5 {
	background-color:#089fde;
	height:32px;
	line-height:32px;
	color:#fff;
	padding:0 0 0 5px;
	margin-bottom:0.75em;
}

.frame-space-after-medium {
    margin-bottom:1.5rem;
}

a, a:visited {
	color:#089fde;
}

.btn-primary,
.btn-primary:visited {
	color:#fff;
}

.bg-primary {
	background-color:#089fde !important;
	color:#fff;
}

.bg-lightgray {
	border:1px solid #ddd;
}

/* Aktuell einblenden */


#c1550 {
	display:none;
}
	

iframe {
	width:100%;
}

.card-body {
    padding: 1.25rem 0.5rem;
}

.card-body .img-thumbnail {
    padding:0;
    border: none;
}

.card-body .news-latest-item h6 {
	font-weight:400;
	font-size:.95rem;
	margin-bottom:.25rem;
}
.card-body .news-latest-item p {
	display:none;
}

#page_4 .card-body {
	background-color:#089fde;
	color:#fff;
	padding: 1.25rem;
}

#page_4 .card-body .ce-bodytext {
	min-height:5em;
}

#page_4 .card-body a,
#page_4 .card-body a:visited {
	color:#fff;
}

/* Powermail */

.powermail_fieldwrap_type_text.layout2 {
	font-size:1.1em;
	font-weight:bold;
}

.powermail_fieldwrap_type_text.layout3 {
	color: #C00;
}

/* Accordion */

.accordion h5 {
	height:auto;
	line-height:1em;
	background:#f4f4f4;
}

#page_7 .accordion h5 {
	font-size:.85rem;
	font-weight:400;
}

.accordion .card-header {
	padding:.5rem;
}

/* Strom div Höhe */

#c1294-c0,
#c1295-c0,
#c1298-c0,
#c1300-c0 {
	min-height:16em;
}

#page_183 #footer {
	display:none;
}

#page_193 #c1529 {
	display:none;
}

#page_186 #c1529 img {
	filter:hue-rotate(180deg) brightness(1.5);
}

#footer .small {
	font-size:90%;
}

.media a::before {
	display:none;
}

/* card bg-primary */

.bg-primary .card {
	background:none;
	border:1px solid #fff;
	min-height:12em;
}


@media only screen and (max-width:1200px) {


.smartmenus li {
	font-size:1.15rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: .5rem .9rem;
}

.smartmenus .nav-link {
	padding:.5rem 1.25rem;
}

/* Strom div Höhe */

#c1294-c0,
#c1295-c0,
#c1298-c0,
#c1300-c0 {
	min-height:19em;
}

}

@media only screen and (max-width:998px) {

.bg-transparent-white .navbar-brand {
	display:block;
	padding:0.25rem 0 1rem 0;
}

.navbar-smartmenus {
    background-color: #fff;
	margin-top:0.25rem;
}

#c1294-c0,
#c1295-c0 {
	min-height:11.5em;
}

#c1298-c0,
#c1300-c0 {
	min-height:13.5em;
}

}

@media only screen and (max-width:768px) {

.serviceimg {
    width:12%;
}

.jumbotron.big {
    padding: 0;
    min-height: 8rem;
}	

.hero .flexslider .caption .title {
    font-size:2.4rem;
}

.hero .flexslider .caption .description {
	font-size:1.5rem;
}

/* Strom div Höhe */

#c1294-c0,
#c1295-c0,
#c1298-c0,
#c1300-c0 {
	min-height:0;
}

}

@media only screen and (max-width:568px) {

.serviceimg {
    width:18%;
}

.jumbotron.big .caption {
	position:absolute;
	top:1.5rem;
	left:2rem;
}

.hero .flexslider .caption .title {
    font-size:1.6rem;
}

.hero .flexslider .caption .description {
	font-size:1.25rem;
}

}

@media only screen and (max-width:414px) {

.jumbotron.big .caption {
	position:absolute;
	top:1rem;
	left:1rem;
}

.hero .flexslider .caption .title {
    font-size:1.5rem;
}

.hero .flexslider .caption .description {
	font-size:1.1rem;
}
}

}