@charset "utf-8";

/* ------- Farbcodes -------- *//*
Text:  #444
Blau:  #147eb2
*/

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-regular.ttf') format('truetype');
}

/* source-sans-3-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/source-sans-3-v18-latin-italic.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-italic.ttf') format('truetype');
}

/* source-sans-3-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/source-sans-3-v18-latin-500.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-500.ttf') format('truetype');
}

/* source-sans-3-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('../Fonts/source-sans-3-v18-latin-500italic.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-500italic.ttf') format('truetype');
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/source-sans-3-v18-latin-600.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-600.ttf') format('truetype');
}

/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/source-sans-3-v18-latin-600italic.woff2') format('woff2'),
       url('../Fonts/source-sans-3-v18-latin-600italic.ttf') format('truetype');
}


/* --- alle Abstaende und Raender auschalten --- */
* { margin:0px; padding:0px; border:0px none; }

/* --- bei Links die Hervorhebung durch den Browser auschalten --- */
a:active, a:focus { outline-width:0; outline-style:none; outline-color:currentcolor; }

/* --- wichtige Styles, um Fehler in der default-style von TYPO3 zu verhindern --- */
div.csc-textpic { position:relative; top:0px; overflow:hidden; }
div.csc-textpic .csc-textpic-imagewrap img { border:none; display:block; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin:0; padding:0; border:none; }

/* --- Die oft verwendeten Styles position:relative, position:absolute und overflow:hidden in Klasse packen --- */
.rehi { position:relative; overflow:hidden; }
.abhi { position:absolute; overflow:hidden; }
.fihi { position:fixed;    overflow:hidden; }
.revi { position:relative; overflow:visible; }
.abvi { position:absolute; overflow:visible; }
.fivi { position:fixed;    overflow:visible; }

/* --- Die oft verwendeten Styles für background-colour, display:none und clear:both in Klasse packen --- */
.hide  { display:none; }
.clear { clear:both; }

/* ======================================================================================================================================= */
/* ===========================================       Gemeinsame Styles für alle Viewports      =========================================== */
/* ======================================================================================================================================= */

/* ------------------------------------------------- Schalter für Elemente, die ohne JavScript verborgen werden ---------- */
body.fb .hideJSfalse { display:none; }

/* ------------------------------------------------- Grundschriftformatierung -------------------------------------------- */
html { font-family:'Source Sans 3', sans-serif; font-size:18px; font-weight:400; line-height:24px; color:#444; -webkit-text-size-adjust:100%; }

/* ---------------------------------------------------------- Styles fuer Positionierung der Grundbloecke -------------------------------------------- */
html { background-color:#666; }
body { background-color:#fff; }

#rahmen           { position:relative; width:100%; overflow:hidden; z-index:1; }
#kopfrahmen       { position:fixed; left:0; top:0; width:100%; margin:0; padding:0; background-color:#fff; border-bottom:1px solid #444; overflow:visible; z-index:9; }
#seitenabstand    { position:relative; width:100%; overflow:hidden; }
#bannerrahmen     { position:relative; width:100%; overflow:hidden; z-index:1; }
#inhaltrahmen     { position:relative; width:100%; overflow:hidden; z-index:1; }
#highlightsrahmen { position:relative; width:100%; overflow:hidden; z-index:1; /*padding:25px 0 20px; border-top:1px solid #444;*/ padding:0 0 20px; overflow:visible; }
#fussrahmen       { position:relative; width:100%; overflow:hidden; z-index:1; background-color:#666; color:#fff; }	

.skip-link        { display:block; position:absolute; left:50%; top:0; transform:translate(-45%, -120px); width:1px; height:1px; padding:0 8px 0; overflow:hidden; z-index:11;
                    font-size:16px; font-weight:400; line-height:28px; color:#147eb2; text-decoration:none; border:0 none; }
.skip-link:focus,
.skip-link:active { width:auto; height:auto; border:2px solid #147eb2; transform:translate(-45%, 0); }

#kopf           { position:relative; overflow:visible; }
#kopf header    { display:block; position:relative; width:100%; height:100%; overflow:visible; }
#inhalt         { position:relative; overflow:hidden; }
#inhalt article { display:block; position:relative; width:100%; overflow:hidden; }
#highlights     { position:relative; overflow:hidden; padding:20px 20px 20px;}
#fuss           { display:block; position:relative; overflow:hidden; }

#burger       { display:none; }
#logo         { position:absolute; right:0; top:12px; width:215px; height:86px; overflow:visible; z-index:10; }
#logo a       { display:block; position:absolute; left:0; top:0; border:2px solid transparent; padding:2px; width:100%; height:100%; }
#logo a:focus { border:2px solid #147eb2; }
#logo img     { display:block; width:100%; height:auto; }

#logo a.blockFocus:focus { border:2px solid transparent; }

.kopfhoehe { height:110px; }

@media screen and (min-width:1420px) {
#kopf       { width:100%; max-width:1200px; margin:auto; }
#inhalt     { width:100%; max-width:1200px; margin:auto; }
#highlights { width:100%; max-width:1200px; margin:auto; }
#fuss       { width:100%; max-width:1200px; margin:auto; }
}
@media screen and (min-width:1050px) and (max-width:1419px) {
#kopf       { width:auto; margin:0 100px 0; }
#inhalt     { width:auto; margin:0 100px 0; }
#highlights { width:auto; margin:0 100px 0; }
#fuss       { width:auto; margin:0 100px 0; }
}
@media screen and (min-width:980px) and (max-width:1049px) {
#kopf       { width:auto; margin:0 60px 0; }
#inhalt     { width:auto; margin:0 60px 0; }
#highlights { width:auto; margin:0 60px 0; }
#fuss       { width:auto; margin:0 60px 0; }
}
@media screen and (min-width:700px) and (max-width:979px) {
#kopf       { width:auto; margin:0 20px 0; }
#inhalt     { width:auto; margin:0 20px 0; }
#highlights { width:auto; margin:0 20px 0; }
#fuss       { width:auto; margin:0 20px 0; }
}
@media screen and (max-width:699px) {
#kopf       { width:auto; margin:0 10px 0; }
#inhalt     { width:auto; margin:0 10px 0; }
#highlights { width:auto; margin:0 10px 0; }
#fuss       { width:auto; margin:0 10px 0; }

.skip-link        { left:150px; top:70px; transform:translate(0, -120px); font-size:16px; font-weight:400; line-height:24px; }
.skip-link:focus,
.skip-link:active { transform:translate(0, 0); }

#logo      { left:-4px; top:9px; width:190px; height:82px; }
.kopfhoehe { height:100px; }
}
@media screen and (max-width:372px) {
 .skip-link { left:152px; top:72px; transform:translate(0, -120px); padding:0 4px 0; font-size:12px; font-weight:400; line-height:20px; }
}
@media screen and (max-width:330px) {
 .skip-link { left:auto; right:10px; top:10px; transform:translate(0, -120px); padding:0 4px 0; font-size:12px; font-weight:400; line-height:20px; }
}

/* flexibler Bannerbereich */
#bannerrahmen .frame,
#bannerrahmen .ce-textpic,
#bannerrahmen .ce-gallery,
#bannerrahmen .ce-outer,
#bannerrahmen .ce-inner,
#bannerrahmen .ce-row,
#bannerrahmen .ce-column,
#bannerrahmen .ce-media,
#bannerrahmen img { display:block; width:100%; height:auto; margin:0; padding:0; border:0 none; }

/* Text Fuss rechts */
.fusstext         { position:relative; float:left; max-width:350px; padding:20px 10px 10px 0; overflow:hidden;
                    font-family:'Source Sans 3', sans-serif; font-size:17px; font-weight:400; line-height:26px; color:#fff; }
.fusstext a       { text-decoration:none; background-color:transparent; color:#fff; }
.fusstext a:focus { background-color:#fff; color:#444; }

.fusstext a.blockFocus:focus { background-color:transparent; color:#fff; }

/* Inhalt */
.inhalt { position:relative; width:100%; padding:20px 0 30px; overflow:hidden; }


/* ---------------------------------------------------------- Styles fuer die Menues ----------------------------------------------------------------- */
@media screen and (min-width:700px) {
  #navo                           { position:absolute; left:0; top:71px; width:570px; height:30px; overflow:visible; z-index:9; }
  #navoInner                      { position:relative; width:100%; height:100%; overflow:visible; }
  #navo ul.firstul                { position:absolute; left:-30px; top:0; width:auto; height:30px; list-style:none; overflow:visible; }
  #navo li.first                  { position:relative; float:left; margin:0; border-right:1px solid #444; }
  #navo li.first:last-child       { border-right:0 none; }
  #navo li.first a.f,
  #navo li.first button.f         { display:block; margin:0; padding:0 30px 0; border:none; border-radius:0; background-color:transparent;
								    font-size:18px; line-height:30px; text-transform:uppercase; text-decoration:none; cursor:pointer; overflow:hidden; }
  
  #navo li.first.no a.f,
  #navo li.first.no button.f        { color:#444; }
  #navo li.first.act a.f,
  #navo li.first.act button.f       { color:#147eb2; }
  #navo li.first.no a.f:hover,
  #navo li.first.no button.f:hover  { color:#147eb2; }
  #navo li.first.no a.f:focus,
  #navo li.first.no button.f:focus  { color:#fff; }
  #navo li.first.act a.f:focus,
  #navo li.first.act button.f:focus { color:#fff; }
  
  #navo li.first a.f:focus,
  #navo li.first button.f:focus { background-color:#147eb2; }
  
  /*
  #navo li.first.no a.f.blockFocus:focus,
  #navo li.first.no button.f.blockFocus:focus    { color:#444; }
  #navo li.first.no a.f.blockFocus:hover,
  #navo li.first.no button.f.blockFocus:hover    { color:#147eb2; }
  #navo li.first.act a.f.blockFocus:focus,
  #navo li.first.act button.f.blockFocus:focus   { color:#147eb2; }
  
  #navo li.first a.f.blockFocus:focus,
  #navo li.first button.f.blockFocus:focus { background-color:transparent; }
  */
  
  #navo ul.secondul       { position:absolute; top:30px; padding:13px 0 0; /*left:30px;*/ left:0px; list-style:none; overflow:hidden; z-index:9; }
  #navo li.second         { margin:0 0 3px; background-color:rgba(255,255,255,0.85); overflow:hidden; }
  #navo li.second:hover   { background-color:#fff; }
  #navo li.second a.s     { display:block; padding:0 15px 0; font-size:17px; line-height:36px; background-color:transparent;
						    text-transform:none; text-decoration:none; white-space:nowrap; }
  #navo li.second.no a.s  { color:#000; }
  #navo li.second.act a.s { color:#147eb2; }
  
  #navo li.second a.s:focus     { background-color:#147eb2; }
  #navo li.second.no a.s:focus  { color:#fff; }
  #navo li.second.act a.s:focus { color:#fff; }
  
  #navo li.second a.s.blockFocus:focus     { background-color:transparent; }
  #navo li.second.no a.s.blockFocus:focus  { color:#000; }
  #navo li.second.act a.s.blockFocus:focus { color:#147eb2; }
  
  #navo li.second.no:hover a.s,
  #navo li.second.act:hover a.s { color:#147eb2; }
  
  #navo li.first ul.secondul       { max-height:0px; transition: all 0.3s ease-in-out; }
  #navo li.first:hover ul.secondul { max-height:400px; transition: all 0.5s ease-in-out; }
  #navo li.first.drop ul.secondul  { max-height:400px; transition: all 0.5s ease-in-out; }
  
  #navo li.first button.f:focus+ul.secondul { max-height:500px; transition: all 0.5s ease-in-out; }
  #navo li.first button.f.active+ul.secondul { max-height:500px; transition: all 0.5s ease-in-out; }
}
@media screen and (min-width:760px) and (max-width:820px) {
  #navo                   { width:515px; }
  #navo ul.firstul        { left:-22px; }
  #navo li.first a.f,
  #navo li.first button.f { padding:0 22px 0;  }
  /*#navo ul.secondul       { left:22px; }*/
}
@media screen and (min-width:700px) and (max-width:759px) {
  #navo                   { width:460px; }
  #navo ul.firstul        { left:-13px; }
  #navo li.first a.f,
  #navo li.first button.f { padding:0 13px 0;  }
  /*#navo ul.secondul       { left:13px; }*/
}
@media screen and (max-width:699px) {
  #burger { display:block; position:absolute; right:0; top:54px; width:38px; height:38px; z-index:11; cursor:pointer; overflow:hidden; }
  
  #burger .lineUp          { right:0; top:7px; width:32px; height:6px; border-bottom:4px solid #444; border-top:4px solid #444; -webkit-transition: all 0.2s ease-out;
							 -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  #burger .lineDown        { right:0; top:27px; width:32px; height:0px; border-top:4px solid #444; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; 
							 -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  #burger.active .lineUp   { right:-4px; top:18px; width:36px; height:0px; border-top:4px solid #444; border-bottom:0 none; transform:rotate(-45deg); }
  #burger.active .lineDown { right:-4px; top:18px; width:36px; height:0px; border-top:4px solid #444; transform:rotate(45deg); }  
	  
  #navo             { position:absolute; right:-6px; top:104px; width:50%; min-width:255px; height:auto; z-index:12; overflow:hidden; }
  #navoInner        { position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; }

  #navo ul                  { display:block; position:relative; list-style:none; width:100%; text-align:left; overflow:hidden; }
  #navo ul.firstul          { list-style:none; }
  #navo li.first            { display:block; position:relative; background-color:#fff; border:1px solid #444; margin:0 0 3px; overflow:hidden; }
  #navo li.first:last-child { margin:0; }
  #navo li.first a.f,
  #navo li.first button.f   { display:block; margin:0; width:100%; box-sizing:border-box; padding:0 20px 0 20px; border:none; border-radius:0; background-color:transparent;
                              text-align:left; font-size:18px; line-height:40px; text-transform:uppercase; text-decoration:none; cursor:pointer; overflow:hidden; }

  #navo li.first button.f span.bm   { display:none; }
  #navo li.first.no a.f,
  #navo li.first.no button.f        { color:#444; }
  #navo li.first.act a.f,
  #navo li.first.act button.f       { color:#147eb2; }
  #navo li.first.no a.f:focus,
  #navo li.first.no button.f:focus  { color:#fff; }
  #navo li.first.act a.f:focus,
  #navo li.first.act button.f:focus { color:#fff; }

  #navo li.first a.f:focus,
  #navo li.first button.f:focus { background-color:#147eb2; }
  
  /*
  #navo li.first.no a.f.blockFocus:focus,
  #navo li.first.no button.f.blockFocus:focus    { color:#444; }
  #navo li.first.act a.f.blockFocus:focus,
  #navo li.first.act button.f.blockFocus:focus   { color:#147eb2; }

  #navo li.first a.f.blockFocus:focus,
  #navo li.first button.f.blockFocus:focus { background-color:transparent; }
  */
  
  #navo li.first.act a.f.active,
  #navo li.first.act button.f.active { background-color:#147eb2; color:#fff; }
  
  #navo ul.secondul { display:block; position:relative; list-style:none; overflow:hidden; }
  #navo li.second   { display:block; position:relative; overflow:hidden; }
  #navo li.second a { display:block; width:100%; box-sizing:border-box; padding:0 15px 0 35px; background-color:transparent;
                      font-size:17px; line-height:36px; text-transform:none; text-decoration:none; white-space:nowrap; }
 
  #navo li.second.no a.s        { color:#444; }
  #navo li.second.no:hover a.s  { color:#147eb2; }
  #navo li.second.act a.s       { color:#147eb2; }
  
  #navo li.second a.s:focus          { background-color:#147eb2; }  
  #navo li.second.no:hover a.s:focus { color:#147eb2; }
  #navo li.second.no a.s:focus       { color:#fff; }
  #navo li.second.act a.s:focus      { color:#fff; }
  
  #navo li.second a.s.blockFocus:focus            { background-color:transparent; }  
  #navo li.second.no a.s.blockFocus:focus         { color:#444; }
  #navo li.second.no:hover  a.s.blockFocus:focus  { color:#147eb2; }
  #navo li.second.act a.s.blockFocus:focus        { color:#147eb2; }
  
  #navo                                 { max-height:0px;   transition: max-height 0.6s ease-out; }
  #navo.active                          { max-height:800px; transition: max-height 0.8s ease-in-out; }
  #navo.low.active                      { overflow-x:hidden; overflow-x:no-display; overflow-y:auto; }
  #navo.open                            { max-height:800px; transition: max-height 0.8s ease-in-out; }
  #navo.low.open                        { overflow-x:hidden; overflow-x:no-display; overflow-y:auto; }
  #navo li.first ul.secondul            { max-height:0;     transition: max-height 0.6s ease-out; }
  #navo li.first.drop ul.secondul       { max-height:400px; transition: all 0.5s ease-in-out; }
  #navo .toggelfirst.active+ul.secondul { max-height:400px; transition: max-height 0.8s ease-in-out; }
  #navo .toggelfirst:focus+ul.secondul  { max-height:400px; transition: max-height 0.8s ease-in-out; }
}

#navf                       { display:block; position:relative; float:right; max-width:550px; padding:20px 0 20px; overflow:hidden; }
#navf ul                    { list-style:none; }
#navf li.feet               { position:relative; float:left; border-right:2px solid #fff; }
#navf li.feet a             { padding:0 18px 0;
                              font-family:'Source Sans 3', sans-serif; font-size:19px; line-height:26px; text-transform:uppercase; text-decoration:none; color:#ffffff; }
#navf li.feet:first-child a { padding:0 18px 0 0; }
#navf li.feet:last-child    { border-right:0 none; }
#navf li.feet:last-child a  { padding:0 0 0 18px; }

#navf li.feet a:focus { background-color:#fff; color:#444; }

#navf li.feet a.blockFocus:focus { background-color:transparent; color:#fff; }

@media screen and (max-width:480px) {
 #navf           { display:block; position:relative; float:none; clear:both; width:100%; padding:20px 0 20px; overflow:hidden; }
 #navf li.feet   { float:none; clear:both; width:100%; margin:15px 0 15px; border:0 none; text-align:center; }
 #navf li.feet a,
 #navf li.feet:first-child a,
 #navf li.feet:last-child a { padding:0; }
}

.rootline   { position:relative; width:100%; padding:5px 0 5px; font-size:18px; line-height:28px; font-weight:bold; color:#444; }
.rootline a { font-size:18px; line-height:28px; font-weight:normal; text-decoration:none; color:#444; }

	
/* ---------------------------------------------------------- Styles fuer die Schriften -------------------------------------------------------------- */
.text h1 { margin:0; padding:6px 0 31px 2px; font-size:32px; font-style:italic; line-height:38px; font-weight:lighter; color:#147eb2;  }
.text h2,
.text h3,
.text h4 { margin:0; padding:0 0 11px;  font-size:18px; line-height:24px; font-weight:600; color:#147eb2;  }

@media screen and (max-width:699px) {
  .text h1 { padding:6px 0 28px 0; font-size:26px; line-height:34px; }
  .text h2,
  .text h3,
  .text h4 { padding:0 0 11px 0; }
  .text p  { padding:0 0 11px 0; }
  .text ul { margin:0; padding:0 0 11px 0; }
}

.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 
.important      { font-weight:600; color:#147eb2; }
.name-of-person { font-size:0.9em; font-style:italic; }
.detail         { font-size:0.8em; }

.text p          { padding:0 0 11px 8.0%; }

.text a                   { text-decoration:none; font-weight:500; color:#147eb2; }
.text a:hover             { text-decoration:underline; }
.text a:focus             { background-color:#147eb2; color:#fff; }
.text a.blockFocus:focus  { background-color:transparent; color:#147eb2; }

.text p a.mail::after         { content:''; }
.text p a.link-nothing::after { content:''; }

.text p a.link-bluearrow     { padding:0 19px 0 0; background-image:url(../Images/arrow.gif); background-repeat:no-repeat; background-position:right -1px; }
.text p a.backlink-bluearrow { padding:0 0 0 19px; background-image:url(../Images/backarrow.gif); background-repeat:no-repeat; background-position:left -1px; }

.text ul    { margin:0; padding:0 0 11px 8.0%; }
.text ul li { list-style:disc; margin:0 0 8px 16px; line-height:22px; }

.text ul ul       { margin:0; padding:0 0 11px 0; }
.text ul li li    { list-style:disc; margin:0 0 0 30px; }
.text ul li li li { list-style:disc; margin:0 0 0 30px; }

	
/* ------------------------------------------------ Styles fuer das Newssystem ---------------------------------------------------- */
.news {  }

/* Highlightboxen aus Newssystem auf der Seite Home */
.higharticle                               { position:relative; float:left; width:31%; margin:0 3% 3% 0; overflow:visible; }
.higharticle + .higharticle + .higharticle { margin:0; }

.news-high-imgframe     { position:relative; width:100%; height:0; padding-bottom:66.6666%; overflow:hidden; }
.news-high-img          { position:absolute; width:100%; height:100%; overflow:hidden; }
.news-high-img img      { width:100%; height:auto;  }
.news-high-title        { padding:10px 0 5px; }
.news-high-title h2     { margin:0; padding:0; font-size:19px; line-height:22px; font-weight:500; color:#147eb2; }
.news-high-teaser       { font-size:17px; line-height:20px; font-weight:400; }
.news-high-more         { position:relative; width:100%; text-align:right; font-style:italic; color:#147eb2; overflow:hidden; }
.news-high-link         { position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2; overflow:visible; }
.hews-high-focus        { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0 none; overflow:hidden; }
.news-high-link a       { display:block; position:relative; width:100%; height:100%; overflow:visible; }
.hews-high-linkmask     { display:block; position:relative; width:100%; height:100%; }

.news-high-link a:focus                             { background-color:transparent; }
.news-high-link a:focus .hews-high-focus            { left:-3%; top:-3%; width:105%; height:106%; border:3px solid #147eb2; }
.news-high-link a.blockFocus:focus .hews-high-focus { left:0; top:0; width:100%; height:100%; border:0 none; }

/* Newsliste */
.news-list-view          { position:relative; padding:0 0 31px 8.0%; overflow:visible: }
.news-list-view .article { position:relative; padding:16px 30px;0 11px; border-top:1px solid #444; overflow:hidden; }
.news-list-imgwrap       { float:right; width:250px; margin:0 0 0 40px; overflow:hidden; }
.news-list-imgwrap img   { width:100%; height:auto; }
.news-list-date          { text-decoration:none; color:#444; font-weight:bold; }
.news-list-title         { margin:0; padding:3px 0 5px; }
.news-list-title h2      { margin:0; padding:0;  font-size:22px; line-height:28px; font-weight:500; color:#147eb2; }
.news-list-teasertext    {  }
.news-list-more          { font-style:italic; color:#147eb2; }
.news-list-link          { position:absolute; left:0; bottom:0; width:100%; height:100%; overflow:visible; z-index:2; }
.hews-list-focus         { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0 none; overflow:hidden; }
.news-list-link a        { display:block; position:relative; width:100%; height:100%; overflow:visible; }
.hews-list-linkmask      { display:block; position:relative; width:100%; height:100%; }

.news-list-view .article:nth-child(1)               { border:0px none; }
.news-list-link a:focus                             { background-color:transparent; }
.news-list-link a:focus .hews-list-focus            { left:0.5%; top:3%; width:98.5%; height:90%; border:3px solid #147eb2; }
.news-list-link a.blockFocus:focus .hews-list-focus { left:0; top:0; width:100%; height:100%; border:0 none; }

/* Navigation */
.page-navigation            { position:relative; top:20px; width:100%; padding:10px 0 10px; margin:0 0 18px;
                              border-top:1px solid #147eb2; border-bottom:1px solid #147eb2; text-align:center; overflow:hidden; }
.page-navigation p          { position:relative; margin:auto; padding:0 0 2px; line-height:18px; text-align:center; overflow:hidden; }
.page-navigation ul         { position:relative; width:100%; padding:0; text-align:center; overflow:hidden; }
.page-navigation li         { position:relative; display:inline-block; padding:0 20px 0; }
.page-navigation li.current { color:#147eb2; }
.page-navigation li a       { text-decoration:none; color:#444; }	

/* Einzelansicht */
.news-single-item     {  }
.news-single-title    {  }
.news-single-title h2 {  }
.news-img-wrap        { float:right; width:320px; overflow:hidden;  }
.news-img-caption     { font-size:17px; line-height:22px; }
.news-single-text     { position:relative; padding:0 40px 0 0; overflow:hidden; }
.news-single-date     { position:relative; padding:0 0 0 8.0%; margin:0; font-weight:bold; overflow:hidden; }
.news-single-teaser   { position:relative; padding:0 0 0 8.0%; margin:0; overflow:hidden;  }
.news-single-teaser p { font-family:'Source Sans 3', sans-serif; font-size:15px; line-height:22px; font-weight:600; color:#147eb2;  }
.news-single-bodytext {  }

@media screen and (max-width:699px) {
.higharticle       { position:relative; float:none; clear:both; width:100%; margin:0; padding:20px 0 20px; overflow:hidden; }

.news-high-img     { width:100%; height:auto; overflow:hidden; }
.news-high-img img { width:100%; margin-top:0px; height:auto; }

.news-list-view          { padding:0 0 31px 0; }
.news-list-view .article { position:relative; padding:16px 0 20px; border-top:1px solid #444; overflow:hidden; }
.news-list-imgwrap       { float:none; clear:both; width:100%; max-width:400px; margin:0 0 8px;; }

.page-navigation                    { display:none; }
.page-navigation ~ .page-navigation { display:block; }

.page-navigation            { position:relative; top:20px; width:100%; padding:10px 0 2px; margin:0 0 18px;
                              border-top:1px solid #147eb2; border-bottom:1px solid #147eb2; text-align:center; overflow:hidden; }
.page-navigation p          { position:relative; margin:auto; padding:0 0 2px; line-height:18px; text-align:center; overflow:hidden; }
.page-navigation ul         { position:relative; width:100%; padding:0; text-align:center; overflow:hidden; }
.page-navigation li         { position:relative; display:inline-block; padding:0 20px 0; }
.page-navigation li.current { color:#147eb2; }
.page-navigation li a       { text-decoration:none; color:#444; }	

.news-single-item .news-img-wrap     { float:none; clear:both; width:100%; overflow:hidden;  }
.news-single-item .news-img-wrap img { width:100%; height:auto; }
.news-single-item .news-img-caption  { padding:0; }

.news-single-text             { position:relative; padding:0; overflow:hidden; }
.news-single-date             { position:relative; padding:0; margin:11px 0 0; font-weight:bold; overflow:hidden; }
.news-single-teaser           { position:relative; padding:0; margin:0; overflow:hidden;  }
.text .news-single-teaser p   { margin:0; padding:0 0 22px 0; font-family:'Source Sans 3', sans-serif; font-size:15px; line-height:22px; font-weight:600; color:#147eb2;  }
.news-single-bodytext         {  }

.text .news-single-bodytext p { padding:0; }

.news-single-backlink-wrap { float:none; clear:both; margin:20px 0 0; }
.news-single-backlink      { padding:0; }
.news-single-backlink a    { font-weight:bold; line-height:22px; text-decoration:none; color:#147eb2; padding:0 0 0 19px;
                             background-image:url(../Images/backarrow.gif); background-repeat:no-repeat; background-position:-7px -1px; }
}

.text .news-single-teaser p { padding:0 0 22px 0; }
.text p.news-img-caption    { padding:0; }

.news-single-backlink-wrap { float:none; clear:both; margin:20px 0 0; }
.news-single-backlink      { padding:0 0 0 8.0%; }
.news-single-backlink a    { font-weight:bold; line-height:22px; text-decoration:none; color:#147eb2; padding:0 0 0 19px;
                             background-image:url(../Images/backarrow.gif); background-repeat:no-repeat; background-position:-7px -1px; }
							 
.news-related-files    { position:relative; padding:0 0 0 8.0%; margin:20px 0 0; overflow:hidden; }
.news-related-files ul { margin:0; padding:0; }
.news-related-files li { margin:0; padding:0; list-style-type:none !important; list-style-position:outside !important; }

	
/* ------------------------------------------------ Styles fuer die Frames bei Referenzen und Kontakt ---------------------------------------------------- */
.text .ce-gallery,
.text .ce-outer,
.text .ce-inner,
.text .ce-row,
.text .ce-column,
.text .ce-media       { width:100%; height:auto; }
.text .ce-gallery img { width:100%; height:auto; }

.text .leftcol          { position:relative; float:left; width:64%; padding:0; margin:0; overflow:hidden; }
.text .leftcol-left     { position:relative; float:left; width:50%; padding:0; margin:0 0 0 6%; overflow:hidden; }
.text .leftcol-left ul,
.text .leftcol-left h2,
.text .leftcol-left h3,
.text .leftcol-left h4,
.text .leftcol-left p   { padding:0 0 11px 4%; }
.text .leftcol-right    { position:relative; float:left; width:43%; padding:0; margin:0; overflow:hidden; }
.text .leftcol-right h2,
.text .leftcol-right h3,
.text .leftcol-right h4,
.text .leftcol-right p  { padding:0 0 11px 0; }
.text .leftcol-bottom   { position:relative; float:none; clear:both; width:100%; padding:0; margin:0; overflow:hidden; }

@media screen and (max-width:699px) {
 .text .leftcol           { float:none; clear:both; width:100%; padding:0; margin:0; }
 .text .leftcol-left      { float:none; clear:both; width:100%; padding:0; margin:0; }
 .text .leftcol-left ul,
 .text .leftcol-left h2,
 .text .leftcol-left h3,
 .text .leftcol-left h4,
 .text .leftcol-left p    { padding:0 0 11px 0; }
 .text .leftcol-right     { float:none; clear:both; width:100%; }
 .text .leftcol-right h2,
 .text .leftcol-right h3,
 .text .leftcol-right h4,
 .text .leftcol-right p   { padding:0; }
 .text .leftcol-bottom    { display:none; }
}

.text .rightcol              { position:relative; float:left; width:30%; padding:0; margin:80px 0 0 3%; overflow:hidden; }
.text .rightcol .frame,
.text .rightcol .ce-textpic,
.text .rightcol .ce-gallery,
.text .rightcol .ce-outer,
.text .rightcol .ce-inner,
.text .rightcol .ce-row,
.text .rightcol .ce-column,
.text .rightcol .ce-media,
.text .rightcol img          { width:100%; height:auto; }
.text .rightcol .ce-gallery  { padding-bottom:11px; }
.text .rightcol p            { padding:0 0 11px 0; }

@media screen and (max-width:699px) {
 .text .rightcol                    { float:none; clear:both; width:100%; max-width:400px; padding:0; margin:30px 0 0; }
 .text .rightcol h1.csc-firstHeader { display:none; }
 .text .rightcol h2.csc-firstHeader { display:none; }
}
 
.text .frame-ref-with              { position:relative; width:100%; border-bottom:1px solid #444; margin:0 0 20px; padding:0 0 20px; overflow:hidden; }
.text .frame-ref-with .ce-gallery  { position:relative; float:right; clear:none; width:30%; margin:0; padding:0; overflow:hidden; }
.text .frame-ref-with .ce-bodytext { position:relative; float:left; clear:none; width:66%; margin:0; padding:0; overflow:hidden; }
.text .frame-ref-with h2,
.text .frame-ref-with h3,
.text .frame-ref-with h4           { margin:0; padding:0 0 11px 8.0%; font-size:20px; line-height:24px; font-weight:600; color:#147eb2; }

@media screen and (max-width:699px) {
 .text .frame-ref-with                        { margin:0 0 40px; padding:0 0 20px; }
 .text .frame-ref-with .csc-textpic           { position:relative; width:100%; overflow:hidden; }
 .text .frame-ref-with .csc-textpic-imagewrap { position:relative; float:none; clear:both; width:100%; margin:0 0 18px; padding:0; overflow:hidden; }
 .text .frame-ref-with .ce-bodytext           { float:none; clear:both; width:100%; }
 .text .frame-ref-with h2,
 .text .frame-ref-with h3,
 .text .frame-ref-with h4                     { padding:0 0 11px 0; }
}

.text .frame-ref-without              { position:relative; width:100%; margin:0 0 20px; overflow:hidden; }
.text .frame-ref-without .csc-textpic { position:relative; width:100%; overflow:hidden; }
.text .frame-ref-without .ce-gallery  { position:relative; float:right; clear:none; width:30%; margin:0; padding:0; overflow:hidden; }
.text .frame-ref-without .ce-bodytext { position:relative; float:left; clear:none; width:66%; margin:0; padding:0; overflow:hidden; }
.text .frame-ref-without h2,
.text .frame-ref-without h3,
.text .frame-ref-without h4            { margin:0; padding:0 0 11px 8.0%;  font-size:20px; line-height:24px; font-weight:600; color:#147eb2;  }

@media screen and (max-width:699px) {
 .text .frame-ref-without                        { margin:0 0 40px; }
 .text .frame-ref-without .csc-textpic           {  }
 .text .frame-ref-without .csc-textpic-imagewrap { position:relative; float:none; clear:both; width:100%; margin:0 0 18px; padding:0; }
 .text .frame-ref-without .ce-bodytext           { float:none; clear:both; width:100%; }
 .text .frame-ref-without h2,
 .text .frame-ref-without h3,
 .text .frame-ref-without h4                     { padding:0 0 11px 0; }
}

.text .frame-contact-left             { position:relative; float:left; clear:both; width:34%; margin:0 3% 0 0; overflow:hidden; }
.text .frame-contact-left p           { padding:0 0 11px 23.5%; }
.text .frame-contact-left h2, 
.text .frame-contact-left h3, 
.text .frame-contact-left h4          { margin:0; padding:0 0 11px 23.5%; font-size:20px; line-height:24px; font-weight:600; color:#147eb2; }
.text .frame-contact-left .ce-gallery { margin:0 0 11px 23.5%; display:none; }

@media screen and (max-width:699px) {
 .text .frame-contact-left                        { float:none; clear:both; width:100%; margin:0; padding:0; }
 .text .frame-contact-left .csc-textpic-imagewrap { margin:0 0 11px; max-width:400px; display:block; }
 .text .frame-contact-left p                      { padding:0 0 11px; }
 .text .frame-contact-left h2, 
 .text .frame-contact-left h3, 
 .text .frame-contact-left h4                     { padding:0 0 11px 0; }
}

.text .frame-contact-center   { position:relative; float:left; clear:none; width:29%; margin:0 3% 0 0; overflow:hidden; }
.text .frame-contact-center p { padding:0 0 11px 0; }

@media screen and (max-width:699px) {
.text .frame-contact-center { float:none; clear:both; width:100%; margin:0; padding:0; }
}

.text .frame-contact-right     { position:relative; float:left; clear:none; width:29%; margin:0; overflow:hidden; }
.text .frame-contact-right img { width:100%; height:auto; }
.text .frame-line              { position:relative; float:none; clear:both; width:100%; height:40px; overflow:hidden; }

@media screen and (max-width:699px) {
 .text .frame-contact-right { display:none; }
}


/* ---------------------------------------------------------- Styles fuer Suchergebnisseite ---------------------------------------------- */
.text .tx-indexedsearch        { font-family:'Source Sans 3', sans-serif; font-size:15px; font-weight:400; line-height:22px; color:#444; }
.text .tx-indexedsearch .title { font-weight:bold; color:#147eb2; }

.searchform label,
.searchform legend { display:none; }


.search           { position:absolute; left:0; top:20px; width:223px; height:27px; border:1px solid #444; overflow:hidden; z-index:11; }
.searchmask       { right:40px; top:-1px; z-index:12; height:29px; width:2px; background-color:#fff; }
.serchbox-mask    { position:absolute; left:0; top:0; height:100%; width:8px; background-color:#fff; }
.searchbox        { position:absolute; left:0; top:0; width:171px; height:23px; border:2px solid #fff; background-color:#fff; padding-left:7px; overflow:hidden; color:#000; }
.searchbox-button { position:absolute; right:1px; top:1px; width:33px; height:25px; border:2px solid #fff; color:#444;
                    background-image:url(../Images/suche.gif); background-position:-1px -3px; padding:0 0 0 35px; overflow:hidden; cursor:pointer; }
					
					
.searchbox:focus        { border:2px solid #147eb2; }
.searchbox-button:focus { border:2px solid #147eb2; }

.searchbox.blockFocus:focus        { border:2px solid #fff; }
.searchbox-button.blockFocus:focus { border:2px solid #fff; }

@media screen and (max-width:699px) {					
 .search    { left:auto; right:0; top:13px; }
}
@media screen and (max-width:399px) {					
 .search    { width:178px; }
 .searchbox { width:126px; }
}
@media screen and (max-width:329px) {				
 .search { display:none; }
}

.tx-indexedsearch-browseboxframe { width:100%; box-sizing:border-box; }
.tx-indexedsearch-browseboxframe.top { padding:0; }
.tx-indexedsearch-browseboxframe.bottom { padding:0; }

ul.tx-indexedsearch-browsebox { width:100%; box-sizing:border-box; text-align:center; }
.top ul.tx-indexedsearch-browsebox { padding:20px 0 0; }
.bottom ul.tx-indexedsearch-browsebox { padding:0 0 20px; }

ul.tx-indexedsearch-browsebox li { display:inline-block; list-style:none; margin:0; padding:0 12px 0; }
ul.tx-indexedsearch-browsebox li a { display:block; text-decoration:none; }
ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { font-weight:bold; }

.tx-indexedsearch-res         { padding:0 0 20px; }
.tx-indexedsearch-text h3     { padding:0 !important; }
span.tx-indexedsearch-title   {  }
span.tx-indexedsearch-title a {  }
span.tx-indexedsearch-percent { display:none; }

p.tx-indexedsearch-description { display:block; position:relative; padding:10px 0 15px; overflow:hidden; }

dl.tx-indexedsearch-info { display:none;  }

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage { font-weight:bold; }