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

body {
	font-family: museo-sans,sans-serif;
	font-size:16px;
}

#pikett {
	position:absolute;
	left:38%;
	top:10px;
	width:24%;
}

.d-flex .navbar-brand,
.d-flex #pikett {
	display:none;
}

.socialmedia {
	position:absolute;
	top:0;
	right:15px;
	float:right;
	height:30px;
	margin-top:10px;
	margin-right:1rem;
}

.socialmedia img {
	height:30px;
	width:auto;
	margin-left:15px;
	opacity:.7;
}

.socialmedia img:hover {
	opacity:1;
}

/* Navigation */

.user-links {
	margin-top:4.4rem;
}

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

.navbar-user.small .container {
	position:relative;
}

.navbar-user .nav-inline a {
    color: #181818;
}

.navbar-user .dropdown {
	width:50px;
	float:right;
}

.navbar-user #searchDropdown {
	margin-top:0.35rem;
	margin-left:1.5rem;
}

.navbar-shrinked .navbar-user #searchDropdown {
	margin-top:2.35rem;
	transition:.5s ease-in-out;
}

#searchDropdown .btn-outline-secondary {
  color: #fff;
  border-color: #fff;
}

.navbar-light .searchbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M15.5 14h-.79l-.28-.27c.98-1.14 1.57-2.62 1.57-4.23 0-3.59-2.91-6.5-6.5-6.5s-6.5 2.91-6.5 6.5 2.91 6.5 6.5 6.5c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99 1.49-1.49-4.99-5zm-6 0c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z'/%3E%3C/svg%3E");
}

.navbar-smartmenus {
	background-color:#E2211C;
}

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

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

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left:0;
}


.dropdown-item.active, .dropdown-item:active {
    background-color:#e2211c;
}

/* Slider */

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

.hero .flexslider .slides > div > div {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom:0;

}

.flexslider {
	margin:0;
}

.jumbotron {
    text-align: center;
    text-transform: none;
    color:#fff;
	padding:6rem 2rem;
}

.hero .flexslider .caption {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(204,204,204,.25);
	padding:0 0 1rem 0;
	margin:0;
}

.hero .flexslider .caption .title {
	font-family: museo-sans,sans-serif;
    font-size:4rem;
    font-weight: 700;
	line-height:1em;
    margin-bottom: .35rem;
	text-shadow:1px 1px 2px #181818;
}

.hero .flexslider .caption .description {
	text-align:center;
	font-family: museo-sans,sans-serif;
	font-size:2.4rem;
	text-shadow:1px 1px 2px #181818;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color:#E2211C;
}

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

}

.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,
.btn-info,
.btn-info:hover,
.alert-info  {
	color: #fff;
	background-color: #E2211C;
	border-color: #BD1C17;
}

.badge-info {
    color: #fff;
    background-color:#E2211C;
}


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

/* Inhalte */

main {
  padding-top: 2rem;
  padding-bottom:1rem;
}

h1 {
	color:#e2211c;
	font-size:2.5rem;
	margin-bottom:1.25em;
}

.ce-header-center {
	text-align:center;
}

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

h2 {
	font-size:1.3rem;
	color:#181818;
}

h3 {
	font-size:1.2rem;
	font-weight:600;
}

h4 {
	font-size:1.1rem;
}

a {
	color:#e2211c;
}

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

#page_4 .image {
	opacity:1;
}

#page_4 .image:hover {
	box-shadow:2px 2px 2px #888;
	filter: saturate(200%); 
}

#c1635 {
	background-color:#e2211c;
	border-radius:8px;
	padding:20px 25px 10px 25px;
}

#c1635 h2, #c1635 p,
#c1635 a, #c1635 a:visited  {
	color:#fff;
}

iframe {
	width:100%;
}

#c1264 {
	  position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#c1264 iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

hr {
  margin-top: 0;
  margin-bottom:0;
}

/* News */

.teaser-text p {
	font-size:1.2rem;
	color:rgba(68,68,68,1);
	font-weight:300;
}


/* Leistungsanzeige Wasserkraftwerk */

.tx-readdat table {

    border-collapse: separate;
    border-spacing: 10px;

}

.tx-readdat .center {
	text-align:center;
	border:1px solid #ddd;
	border-collapse:collapse;
	padding:5px 20px;
}

.tx-readdat .nummer {
	display:none;
}

.tx-readdat .datumsa {
	font-weight:600;
}

.tx-readdat td {
	font-size:1.1rem;
}

.tx-readdat .leistung .center {
	font-weight:600;
	font-size:1.2rem;
	background-color:#e2211c;
	color:#fff;
}


/* Footer */

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

#footer .ce-content {
	display:block;
	width:100%;
}

/* mobile Ansichten */


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

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

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
}

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

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

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

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

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

.d-flex .navbar-brand,
.d-flex #pikett {
	display:inline-block;
}

#pikett {
	left:40%;
	width:28%;
}

.navbar-smartmenus {
    background-color: #FFF;
}

}


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

#pikett {
	left:45%;
	width:32%;
}

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

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

h1 {
	font-size:2rem;
}
}

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


.navbar-brand img {
  max-width: 8rem;
}

#pikett {
	left:45%;
	width:32%;
}

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

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

.flex-direction-nav {
	display:none;
}

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

@media only screen and (max-width:360px) {
	
.navbar-brand img {
  max-width: 6rem;
}

#pikett {
	left:38%;
	width:38%;
}