/** css edv plan GmbH / by toberg */
@media screen {
html, body {
width: 100%;
height:100%;
}

body{
position:relative;
color:#303030;
font-family: 'Open Sans', sans-serif;
font-size:13pt; 
line-height:18pt; 
margin: 0px !important;
padding:0px;
overflow:hidden;
overflow-y:visible;
  }
  html {
    scroll-behavior: smooth;
 scroll-padding-top:160px;
  }
h100, h0 {
  display:none;
}
h1 {
font-family: 'Saira', arial, helvetica;
font-size:3.2em; 
line-height:1.1em;
font-weight: normal;
text-transform: normal;
font-style:italic;
margin:0em 0px 0.8em 0px;
}

h2 {
font-family: 'Saira', arial, helvetica;
font-size:2.5em;
line-height:1.1em;
font-weight:normal;
font-style:italic;
margin:0px 0px 1em 0px;
}
h3{
font-family: 'Saira', arial, helvetica;
font-weight: bold;
font-style:italic;
margin-top:0px;
 margin-bottom: 0.8em;
font-size:1.8em;
line-height:1.2em;
}
h4{
font-family: 'Saira light', arial, helvetica;
font-size:1.2em;
line-height:1.4em;
margin:0px 0px 0.5em 0px;
font-weight:normal;
}
h5 {
font-family: 'Saira light', arial, helvetica;
margin:0px 0px 0.5em 0px;
font-size:1.1em;
font-weight:bold;
}

.frame-ruler-before:before,
.frame-ruler-after:after {
display:none;
  } 

.frame-ruler-before {
float:left;
clear:left;
width:100%;
padding-top:2%;
margin-top:4%;
border-top: 2px solid #A7A7A7;
  }
.frame-ruler-after {
float:left;
clear:left;
width:100%;
padding-bottom:1%;
margin-bottom:4%;
border-bottom: 2px solid #A7A7A7;
  }
.frame-default {
position:relative;
width:100%;
float:left;
clear:left;
  }
    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 5em; }
    .frame-space-before-large { margin-top: 7em; }
    .frame-space-before-extra-large { margin-top: 9em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 5em; }
    .frame-space-after-large { margin-bottom: 7em; }
    .frame-space-after-extra-large { margin-bottom: 9em; }
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large,
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
float:left;
clear:left;
width:100%;
}
.frame-textbutton a,
p a.frame-textbutton,
.frame-kontaktdaten p:last-child a,
.frame-kopfbild .flexslider p a,
input.powermail_submit,
.tx-indexedsearch-search-submit input,
#c4343 .frame-type-menu_subpages ul li a{
min-width:9em;
  display: inline-block;
  text-decoration: none !important;
  font-weight: normal !important;
font-family: 'Open Sans', sans-serif;
font-size:0.95em;
line-height:1.2em;
  text-align: center;
  text-transform: none;
  padding: 0.5em 1em 0.6em 1em;
  margin-top: 0.3em;
  margin-bottom: 0%;
  border: 0px solid;
border-radius:90px;
  cursor: pointer;
#box-shadow: 0px 3px 20px #ccc;
}
.frame-textbutton a {
margin-left:0.8em;
margin-right:0.8em;
}
.frame-textbutton a:first-of-type {
margin-left:0px;
}
.frame-textbutton a:last-of-type {
margin-right:0px;
}
/* Textformatierung */
a, a:visited {
color:#303030;
text-decoration: underline;
}
p {
#float:left;
#clear:left;
width:100%;
margin:0px 0px 0.5em 0px;
}
p + h2, p + h3, p + h4 {
margin-top:1.1em;
}
a:hover, a:active {
color:303030;
text-decoration: none;
}
.text-right {
  text-align:right;  
}

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

.text-justify {
  text-align:justify;  
}

#content ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
ul.contentList {
position:relative;
float:left;
clear:left;
width:100%;
list-style-type: none;
padding:0px;
margin:0px 0px 0.5em 0px !important;
    }
.contentList p {
  height: 0px;
  display: none;
  visibility: hidden;
}
.ce-textpic .ce-bodytext .contentList {
  float: none;
  clear: none;
  width: auto;
  padding-left: 0px;
}
ul.contentList li {
width:calc(100% - 30px);
line-height:1.5em;
float:left;
clear:left;
 display:block;
list-style-type: none;
 padding:0px 0px 0px 20px;
margin:0px 0px 0em 0px;
    }
ul.contentList li:before {
content: '■';
line-height: 0.5em;
margin-right:8px;
margin-left:-20px;
vertical-align:0.15em;
}
 ul.ce-menu {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; 
  width:98%;
text-transform:uppercase;
    }
 ul.ce-menu li {
  display:inline-block;
  float:left;
  clear:left;
  width:95%;
  margin: 0px 0px 5pt 0px;
  padding: 0px 0px 0px 20px;
  list-style-type: none;  
    }
 ul.ce-menu li:before {
content: '■';
margin-right:8px;
vertical-align:2px;
margin-left:-20px;
}
.ce-gallery figure.image img {
max-width:100% !important;
height:auto;
} 
.ce-gallery figure {
border-radius: 15px;
overflow:hidden;
}
.ce-textpic.ce-left.ce-intext figure,
.ce-textpic.ce-right.ce-intext figure,
.ce-textpic.ce-left.ce-intext figure,
.ce-image figure {
margin-top:0.3em;
}
.ce-border figure {
border-radius: 0px;
}
/* Alle Images skalieren */
.section-state1 figure img.image-embed-item[src*=".jpg"]:hover {
transform: scale(1.1);
}
/* structure */ 

#wrapper{ 
  position:relative;
  float:left;
  clear:left;
  z-index:1;
  min-height: 10px;
  width:100%;
  margin:0px;
padding-top:1px; 
  overflow:visible;
background-color:#fff;
z-index:0;
}
/* Contentbreite */
#main {
z-index:2;
    max-width:100%;
margin:0 auto;
    }
.section-content {
max-width:1750px;
margin:0 auto;
padding-top:5%;
padding-left:25px;
padding-right:25px;
}
/* Seitenlayout ohne Kopfbild */
.section-state1.siteblank {
margin-top:205px;
}
.headertopbg {
position:absolute;
left:0px;
top:0px;
width:100%;
display:block;
height:40px;
z-index:0;
background: #0068b4; /* Old browsers */
background: -moz-linear-gradient(left,  #0068b4 50%, #86bc22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0068b4 50%,#86bc22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0068b4 50%,#86bc22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068b4', endColorstr='#86bc22',GradientType=1 ); /* IE6-9 */
}
.headertopleft {
position:absolute;
left:0px;
top:0px;
width:75%;
display:block;
height:40px;
border-radius: 0px 0px 45px 0px;
background: #86bc22; /* Old browsers */
background: -moz-linear-gradient(left,  #86bc22 0%, #0068b4 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #86bc22 0%,#0068b4 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #86bc22 0%,#0068b4 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86bc22', endColorstr='#0068b4',GradientType=1 ); /* IE6-9 */
}
.headerlasche {
position:absolute;
left:0px;
top:40px;
width:40%;
display:block;
height:128px;
z-index:0;
border-radius: 0px 90px 90px 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#35338b+46,0068b4+100 */
background: #35338b; /* Old browsers */
background: -moz-linear-gradient(left,  #35338b 46%, #0068b4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #35338b 46%,#0068b4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #35338b 46%,#0068b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35338b', endColorstr='#0068b4',GradientType=1 ); /* IE6-9 */

}
.headerbottom {
position:absolute;
left:0px;
top:168px;
width:100%;
display:block;
height:40px;
z-index:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86bc22+-1,0068b4+78 */
background: #86bc22; /* Old browsers */
background: -moz-linear-gradient(left,  #86bc22 -20%, #0068b4 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #86bc22 -20%,#0068b4 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #86bc22 -20%,#0068b4 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86bc22', endColorstr='#0068b4',GradientType=1 ); /* IE6-9 */
}
/* Logo lasche */
.logo {
position:absolute;
display:block;
width:420px;
height:144px;
margin-top:30px;
background-color:#fff;
border-radius: 0px 90px 90px 0px;
box-shadow: 0px 0px 25px #999;
}
.logo a.homelink {
display:inline-block;
width:290px;
height:115px;
margin-left:50px;
margin-top:16px;
padding:0;
background-image: url(/fileadmin/template/images/swn-logo-claim.svg);
background-repeat: no-repeat;
background-position: top right;
background-size:auto;
}
/* Suche Zusatzinfos ausblenden*/
.tx-indexedsearch-browsebox{
  display: none;
}
/* Suche in Seite mit Kopfslider Seitenlayout 1 */
.headersearch {
margin-top:-5.5%;
}
.headersearch .tx-indexedsearch-searchbox-sword{
border: 1px solid #fff !important;
box-shadow: 0px 0px 15px #ccc !important;
}
/* empfohlene Theman Startseite */
  #c4343 {
padding-top:40px;
padding-bottom:40px;
}
#c4343 .frame-type-menu_subpages ul {
  float:left;
width:1020px;
  margin: 20px 0px 0px 50%;
  padding: 0px 0px 0px 0px;
  list-style-type: none; 
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
  }
  #c4343 .frame-type-menu_subpages ul li {
float:left;
margin-left:10px;
margin-right:10px;
}
  #c4343 .frame-type-menu_subpages ul li a {
background-color:#fff;
}
  #c4343 .frame-type-menu_subpages ul li a:hover {
background-color:#313131;
color:#fff;
}
/* rootline breadcrumb */
.rootline {
float:left;
width:100%;
  padding-top:10px;
padding-bottom:10px;
background-color: #E6E6E6;
}
.rootline p {
float:none;
max-width:1200px;
margin:0 auto;
font-size:0.85em;
}
/* Mediafly Iconset */
.mediafly .iconset {
position:relative;
float:none;
}
.iconset #c214, .iconset #c215, 
.iconset #c216, .iconset #c217, 
.iconset #c4463{
right:0px;
transition: right 0.8s 0s;
}
.iconset #c214:hover, .iconset #c215:hover,
.iconset #c216:hover, .iconset #c217:hover,
.iconset #c4463:hover {
right:0px !important;
transition: right 0.8s 0s !important;
}
.mediafly {
position:fixed;
right:0px;
width:auto;
height:1px;
z-index:1000;
overflow:visible;
top:calc(50% - 110px);
#top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color:#fff;
font-size:0.75em;
line-height:1.3em;
}
.iconset .ce-gallery figure {
border-radius:0px;    
}
.iconset .ce-gallery figure img {
border-radius: 0px;
width:25px;
height:auto;
overflow:visible !important;
border-radius:0px;
}
.iconset #c215 .ce-gallery figure img, .iconset #c216 .ce-gallery figure img{
width:18px;
height:auto;
margin-top:7px;
margin-left:3px;
border-radius:0px;
}
.iconset .ce-gallery {
margin-top:12%;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
margin-right:10px !important;
margin-bottom:0px !important;
overflow:visible;
}
.iconset .ce-textpic {
height:42px;
margin-top:3px;
margin-bottom:3px;
padding:2px 5px 5px 15px;
border-radius: 45px 0px 0px 45px;
background-color:#941981;
}
.iconset .ce-bodytext p {
margin-top:30%;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
z-index:-10 !important;
}
.iconset #c214 .ce-gallery figure {
margin-top:10px;
}
.iconset .ce-bodytext a {
color:#fff !important;
text-decoration:none !important;
}
.iconset a:after  {
position:absolute;
display:block;
content: ' ';
width:300px;
left:-10px;
right:0px;
top:-5px;
bottom:-10px;
}

/*******
Alarmmeldung global
********/
#c4142, #c4720 {
padding-top:2%;
padding-bottom:2%;
text-align:center;
}
#c4142 h1, #c4720 h1 {
margin-bottom:0.5em;
}
#c4142 p, #c4720 p {
font-size: 1.4em;
}
/******************* 
Startseite Abschnitt Geothermie 
*****************/
#c5430.multicolumnLayout8 {
		padding-top: 1%;
		padding-bottom: 1%;
	}
  #c5430 h2, #c5430 h3 {
margin-bottom:0.1em !important;
}
  #c5430 h4 {
margin-bottom:0.5em;

}

/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }


/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*
  Bildunterschriften
*/

.ce-galery caption{
  font-size: small;
  padding: 0.4em;
  line-height: 1.3em;
  font-style: italic;
}


/* onepage menu standard ueberschreiben und Grundkonfig Seitenmenue */
.headerwrapper {
position:fixed;
z-index:1000;
width:100%;
height:160px;
top:-1px;
-webkit-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0);
-moz-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0);
box-shadow: 0px 0px 15px 2px rgba(51,51,51,0);
background-color: rgba(255,255,255,0);
transition: background-color 1s, box-shadow 1s;
}

#nav {
position:relative;
float:left;
height:auto;
width:100%;
height:0px;
overflow:hidden;
margin-left:0px;
margin-top:140px !important;
z-index:-1;
padding:0px !important;
#background: rgba(0,47,81,0.97);
background: rgba(239,239,239,0.97);
border:0px;
transition: height 1s;
-o-transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
}

.scroller_anchor {
float:left;
width:0px;
top:0px; 
padding:0;
}
.headercontent {
position:absolute;
z-index:20;
float:right;
right:0px;
display:block;
width:750px;
height: 70px;
overflow:hidden;
margin-top:70px;
padding-left:20px;
background: #0068b4; /* Old browsers */
background: -moz-linear-gradient(left,  #0068b4 0%, #86bc22 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0068b4 0%,#86bc22 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0068b4 0%,#86bc22 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068b4', endColorstr='#86bc22',GradientType=1 ); /* IE6-9 */
border-radius: 90px 0px 0px 90px;
}
.headercontent p {
margin-bottom:0px;
margin-top:1.4em;
line-height:1em;
}

.headercontent p a {
display:inline-block;
color:#fff;
font-weight:bold;
font-style: italic;
text-decoration:none;
padding-left:15px;
padding-right:15px;
border-left:1px solid #fff;
}
.headercontent p a:first-child {
border-left:1px solid transparent;
}
.headercontent p a:last-child {
position: absolute;
margin:0px;
top:0px;
right:0px;
line-height:70px;
display:block;
height:70px;
padding-right:110px;
padding-left:80px;
border-left:1px solid transparent;
border-radius: 90px 0px 0px 90px;
background-image: url(/fileadmin/template/images/icon-stoerung.png);
background-repeat:no-repeat;
background-size: auto 30px;
background-position:40px center;
background-color:#941981;
}
/* Tabellenformatierung Element Tabelle */

table.contenttable-0 {
 width:90%; 
text-align:left;
}
table.contenttable-0 td {
min-width:25% !important;
padding-left:1%;
}
table.contenttable-0 tr.tr-odd {
background-color:#F0F0F0;
}
/******************
Wetterdaten 
******************/
.wetterdaten {
position:absolute;
right:10%;
top:10px;
padding-top:0.3em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:1em;
border-radius:45px;
background-color:rgba(255,255,255,0.8);
}
/*******************
Scrollicon Seitenanfang 
*********************/
.back-to-top {
 position: fixed;
display:block;
width:50px;
height:40px;
z-index:2000;
 bottom:0px;
 right:0px;
 padding:0px 0px 0px 0px;
color:transparent;
background-color: rgba(53,51,139,0.9);
border-radius: 40px 0px 0px 40px;
}
.back-to-top img {
width:22px;
height:18px;
margin-left:10px;
margin-top:10px;
  }
}