@charset "utf-8";
/*
==================================================
Farben-Info
==================================================
- Txt - Rnd - Bg
- #ffffff (weiß) - Bg: body
- #000000 (schwarz) - Txt: Inhalt
*/

@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('../fonts/modernpics-webfont.eot');
    src: url('../fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/modernpics-webfont.woff') format('woff'),
         url('../fonts/modernpics-webfont.ttf') format('truetype'),
         url('../fonts/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thesans';
    src: url('../fonts/TheSans_B2_5_.eot');
    src: url('../fonts/TheSans_B2_5_.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheSans_B2_5_.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thesans_b';
    src: url('../fonts/TheSans_B2_7_.eot');
    src: url('../fonts/TheSans_B2_7_.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheSans_B2_7_.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'thesans_i';
    src: url('../fonts/TheSans_B2_5_italic.eot');
    src: url('../fonts/TheSans_B2_5_italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheSans_B2_5_italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'thesans_bi';
    src: url('../fonts/TheSans_B2_7_italic.eot');
    src: url('../fonts/TheSans_B2_7_italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheSans_B2_7_italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* ----- Reset Style ----- */
* { border:0; margin:0; padding:0; background:transparent; vertical-align:baseline; font-size:100%; }
/* inherit (z.B. font-style:inherit;) funktioniert nicht mit IE7-, daher erstmal nicht nutzen */


/*
==================================================
Grundeinstellungen
==================================================
*/
html { height:100%; min-width:320px; background:#fff; overflow-y:scroll;/* overflow-x:hidden;*/ font-size:62.5%; line-height:2em;}
body { position:relative; min-height:100%; color:#686868; text-align:left; font-size:1.5em; font-family: 'thesans', Arial, Helvetica, sans-serif; overflow:hidden;}
/* font-family (und ggf. font-style, font-weight) für input, select, textarea extra setzen - siehe unten */



/* ----- Standardelemente ----- */
h1, h2, h3, p, dl, ul, ol, blockquote, form, .h2, .h3, .h4 {margin-bottom:10px;} 
b, strong, dt, th, caption,
.menu-newsarchive,
.month-small a, 
.news h4 span,
.news:not(.news-single-item) h3 span,
h5, h6,
.anzeige.style-3 h3, .download-teaser  {font-weight:bold; font-family: 'thesans_b', Arial, Helvetica, sans-serif;}
em, i, q, blockquote,
.results .url, .download-description {font-style:italic; font-family: 'thesans_i', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, 
.menu-0 .group-header b,
.month-small th,
.anzeige h3 i, .layout-candle h3 i { font-weight: normal;  font-family: 'thesans', Arial, Helvetica, sans-serif;/* margin: 10px 0; text-rendering: optimizelegibility;*/}

sup, sub {font-size:0.8em; position:relative; bottom:0.4em; }
sub {bottom:auto; top:0.25em; }

ul {list-style:square outside;}
ol {list-style:decimal outside;}

li  { margin:0 0 5px 42px; }
ul > li  { margin: 0 0 5px 38px; padding-left:4px; }

dd+dt {margin-top:10px;}

blockquote {font-size: 17px; font-size: 1.7rem; text-align:center; padding:0 20px;}


.h2, .h3, .h4 {border:0;}

/*ul, ol { display:table; border-collapse:collapse; } 
Verhindert das Überschneiden der Punkte mit links daneben floatenden Elementen, funktioniert aber nicht für IE7- und muss für bestimmte ul,ol ggf. überschrieben werden*/
/*li.listenpunkt-fix, .listenpunkt-fix li {list-style-position:inside;} Alternative Fix-Klasse falls etwas links neben einer Liste floatet.*/

/* Hintergrundfarbe von ausgewähltem Text vorgeben
::-moz-selection {background:#000; color:#fff;}
::selection {background:#000; color:#fff;}
*/


.deprecated {border:2px red solid !important; position:relative;}
.deprecated:before {content:'Galerie-Einstellung veraltet - Bitte anpassen :)'; position:absolute; top:0; left:0; background:red; color:#fff; padding:3px;}

h1 {font-size: 40px; font-size: 4rem;}
h2, h3, .h2, .h3, .col-headline p {line-height: 1.2em;}
h2, .h2 {font-size: 31px; font-size: 3.1rem;}
h3, .col-headline p, .h3 {  font-size: 24px; font-size: 2.4rem;}
h4, .h4 {font-size: 17px; font-size: 1.7rem; margin-bottom:5px;}
h5 {font-size: 15px; font-size: 1.5rem;}
h6 {font-size: 15px; font-size: 1.5rem;}

h1, .col-headline h2 { text-transform:uppercase; line-height:1em; }
.col-headline a {text-decoration:none;}
.col-headline a p, .col-headline a h3 {text-decoration:underline;}
.col-headline * {margin-bottom:0;}
.col-headline .csc-subheader {color:#686868}

h2.big, h3.big {text-transform:uppercase;}
p.big, .big p {font-size: 18px; font-size:1.8rem; line-height:1.2em; margin-bottom:30px;} 
.align-right {text-align:right;}
.align-center {text-align:center;}

p, h4 {min-height:20px;}
h2, h3 {min-height:1.2em;}
.col-headline h2 {min-height:1em;}

/*Image/Media/Video*/
img, object, embed, video, iframe, audio {max-width:100%;}
.google-map img {max-width:none;}
img {height:auto;}
object, embed, video, audio {margin:0 auto 10px; display:block; clear:both;}
.wrap-img img {/*display:block;*/}
iframe {display:block; margin:0 auto 10px auto; clear:both;}
/* 56.25% entspricht 16:9 */
.keep-ratio {padding-top:56.25%; position:relative; }
.keep-ratio > * {position:absolute; margin:0 auto; top:0; left:0; width:100%; height:100% !important;}
.wrap-media video, .wrap-video  video {margin:0 auto; width:100%; height:auto !important;}
.wrap-media audio, .wrap-audio  audio {margin:0 auto; width:100%;}

/*
weiter unten definiert
a:link, a:visited {}
a:hover {}
*/

/*Skip-Menü*/
.for-accessibility { position:absolute; left:-3000px; top:-3000px; width:1px; height:1px;}
.for-accessibility:focus {left:5px; top:0; width:auto; height:auto; padding:0; z-index:2000;}
del.schutz {text-decoration:none;} /*Für Standard E-Mail-Adressen-Spamschutz*/


hr { border-top:40px solid #fab000; height:0; margin-bottom:40px; clear:both;}
.divider {width:100%; height:40px; clear:both;}
.divider hr {display:none;}

img.space {visibility:hidden; width:1px; height:1px; margin: 5px 1px; display:inline-block; }


/* ----- Tabellen ----- */
table { border-collapse:collapse; text-align:left; width:100%; margin-bottom:10px;}
td, th { padding: 3px 10px 3px 0; border:0;  width: auto !important; vertical-align: top; text-align: left; }
table p { margin: 0 0 8px; }
table p:last-child { margin: 0;}
caption { padding:0 0 3px; color:#aaaaaa; font-size: 18px; line-height:22px;}
/*Randlose Tabellen 
table.einfach { }
.einfach caption {}
.einfach td, .einfach th {}*/
table.daten {margin-bottom:20px;}
.daten > tr > *:first-child + td, .daten > * > tr > *:first-child + td {text-align:right; vertical-align:bottom;}
.daten > tr > td, .daten > tr > th, .daten > * > tr > td, .daten > * > tr > th  {border-bottom: 1px solid #686868;  }

table.feste-spalten { table-layout:fixed;}

/*zu lange E-Mail-Links in Tabellen*/
table.feste-spalten a[href^="javascript:linkTo_UnCryptMailto"] {max-width:110%; overflow:hidden; display:inline-block; text-overflow: ellipsis; position:relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;}
table.feste-spalten:hover a[href^="javascript:linkTo_UnCryptMailto"], table a[href^="javascript:linkTo_UnCryptMailto"].feste-spalten:active { max-width:500px; z-index:10000; background:#fff; padding-right:5px;}
.bg-dark table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-dark table a[href^="javascript:linkTo_UnCryptMailto"]:active {background:#686868;}
.bg-yellow table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-yellow table a[href^="javascript:linkTo_UnCryptMailto"]:active {background:#fab000;}
.bg-lightgrey table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-lightgrey table a[href^="javascript:linkTo_UnCryptMailto"]:active {background: rgb(238, 238, 238);}


/*#page-166 .feste-spalten tr:first-child td:first-child {width:75px !important;}*/
th.breite-75, td.breite-75 {width:75px !important;}
td.breite-100, th.breite-100 {width:100px !important;}
td.breite-150, th.breite-150 {width:150px !important;}
td.breite-200, th.breite-200 {width:200px !important;}



/* ----- Formulare ----- */
input::-ms-clear {
    display: none;
}
input[type="search"] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input:not[type="checkbox"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.powermail_mandatory_helper {display:none;}
input, select, textarea, .wrap-select:after, .wrap-select:after, .tx_powermail_pi1_fieldwrap_html_select:after {color:#686868; background-color:#fff; padding:4px 6px; float:left; font-family: 'thesans', Arial, Helvetica, sans-serif; width:66.6667%; height:40px;
  -moz-box-shadow: 0 2px 5px rgba(3, 3, 3, 0.3);
 -webkit-box-shadow: 0 2px 5px rgba(3, 3, 3, 0.3);
     box-shadow: 0 2px 5px rgba(3, 3, 3, 0.3);
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;
}
.col-3 label + div, .col-4 label + div, .col-6 label + div, .col-8 label + div, 
.col-3 .wrap-select:after, .col-4 .wrap-select:after, .col-6 .wrap-select:after,
.col-3 .tx_powermail_pi1_fieldwrap_html_select:after, .col-4 .tx_powermail_pi1_fieldwrap_html_select:after, .col-6 .tx_powermail_pi1_fieldwrap_html_select:after,
.col-3 label, .col-4 label, .col-6 label , .col-8 label,
label + div > input, label + div > select, label + div > textarea {width:100%; margin-left:0;}

input {line-height:20px; line-height:2rem;}
select { padding: 8px 6px 8px 3px; position:relative; z-index:10;
  /*-moz-box-shadow: none;
 -webkit-box-shadow: none;
     box-shadow: none;*/ }
.wrap-select:after, .tx_powermail_pi1_fieldwrap_html_select:after {position:absolute; right:0; bottom:10px; content:''; display:none;}
textarea { width:66.6667%; height: 10em; }
label { width:32.3333%; float: left; margin: 1px 1% -1px 0; border-bottom: 1px dotted #ccc; }
label[for] { cursor:pointer; }
/* Placeholder-Text heller */
:-ms-input-placeholder { opacity:0.8; }
::-webkit-input-placeholder { opacity:0.8; }
::-moz-placeholder { opacity:0.8; }
::placeholder { opacity:0.8; }

.input-text { } /*.input-text gilt für alle inputs mit Text-Eingabe, nicht nur solche mit type="text" (also auch type="password" etc.)*/
input[type="file"] {width:350px; padding:5px;}

form { clear: both; }
fieldset { float:left; clear: both; width:100%; margin-bottom:20px; }
form div {position:relative; float:left; width:100%;}
form fieldset > div, form > div {  clear: both;  padding-bottom:10px; }
form label + div {width:66.6667%;}

form p { width:100%; margin-top: 12px; float:left; }
form h2 + p, form h2 + div p, form p + div p { margin-top:0; }

/*radio und checkbox 
- sollten einmal einen Gruppen-Wrap und nochmal je einen einzelnen Wrap haben (auch wenn nur ein Element!)
- Wenn aus anderen Gründen zusätzliche divs benötigt werden, auf Klassenselektoren umstellen 
form div div { padding-bottom: 3px; }
form div div label { margin:0 0 0 186px; border:0; width:auto;}*/
input[type="checkbox"]~label, input[type="radio"]~label { width:auto; margin-left:38%; border:none;}
input[type="checkbox"], input[type="radio"] { position:absolute; left:33.3333%; top:3px; width:13px; height:13px; border:0; background:transparent; padding:0;
  -moz-box-shadow: none;
 -webkit-box-shadow: none;
     box-shadow: none;}
input[type="radio"] {border-radius:50%;}
div + div > fieldset {margin-top:20px;}
fieldset > div:last-child > fieldset {margin-bottom:0;}
legend {margin-bottom:10px;}
form > h2 {display:none;}

.col > input[type="checkbox"], .col > input[type="radio"] {left:15px;}
.col > input[type="checkbox"]~label, .col > input[type="radio"]~label { margin-left:25px;}

input[type="search"] { color:#fff;
  -moz-box-shadow: none;
 -webkit-box-shadow: none;
     box-shadow: none;}

input[type="text"], input[type="email"], input[type="password"], textarea {background-image:url(../layout/arrow-input-light.png); background-position: 8px 15px; background-repeat:no-repeat; padding-left: 18px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {background-image:url(../layout/arrow-input.png);}

.form-small input[type="checkbox"], .form-small input[type="radio"] {left:0;}
.form-small input[type="checkbox"]~label, .form-small input[type="radio"]~label, .form-inline input[type="checkbox"] ~ label {margin-left:25px; width:auto;}

.form-inline input {width:95%; margin-right:5%;}
.form-inline div {width:25.8%;}
.form-inline input[type="submit"] { width:22.6%; margin:0; clear:none;}
.form-inline input[type="checkbox"] {width:13px; margin:0; left:0; }

.powermail_field_error_container, .powermail_form > div:first-child, .powermail_check_outer {padding-bottom:0;}
.parsley-errors-list {margin-bottom:0; clear:both; color:red; list-style:none;}
.parsley-errors-list li {margin-left:33%; padding-left:0;}

.check-dataprivacy-message {display:none; color:red; margin-top:0;}
.invalid .check-dataprivacy-message {display:block;}

.powermail_fieldwrap_type_radio, .powermail_fieldwrap_type_check  {padding-bottom:20px;}
.powermail_fieldwrap_type_radio > div, .powermail_fieldwrap_type_check > div {margin-left:33.334%;}
.powermail_fieldwrap_type_radio > label, .powermail_fieldwrap_type_check > label {border:none; margin-bottom:8px; width:100%}
.radio, .checkbox {padding-bottom:4px;}
.radio label input, .checkbox label input {left:0;}
.radio label, .checkbox label {padding-left: 20px; border:none; position:relative; cursor:pointer; width:auto;}

@media screen and (max-width: 750px) {
.powermail_fieldwrap_type_radio > div, .powermail_fieldwrap_type_check > div {margin-left:0; width:100%;}
}

.symbol, .btn-arrow:before, .btn-arrow:after {font-family:'modern_pictogramsnormal'; font-size:22px; font-size:2.2rem;}

/* ----- Hauptbereiche ----- */

#header,  .menu-selected, #footer, .menu-1 {  z-index:10; position:relative;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35); 
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.35); }
#header {padding-bottom:10px; z-index:100;}
#footer { clear:both; padding-bottom:40px;}
#main {position:relative;}

.row {width:100%; clear:both; margin:0 auto; }
.row:after, form:after, .layer-container:after, .slider-outer:after {content:''; line-height:0; clear:both; display:table;}
.row-12 {max-width:1200px;}
.row-over {margin: 0 -1000em; padding:40px 1000em;}

.col, .col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12, .box {float:left; padding: 0 15px; position:relative; list-style:none; margin:0; width:100%; min-height:1px; clear:none;
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;}
.col-1 {width:8.3333%;}
.col-2 {width:16.6667%;}
.col-3 {width:25%;}
.col-4 {width:33.3333%;}
.col-6 {width:50%;}
.col-8 {width:66.6667%}
.col-9 {width:75%;}

.col-9 .row {margin-left:-15px; margin-right:-15px; width:auto;}
body .col-container {padding-left:0; padding-right:0;}
.col-r {float:right;}

/*Text soll nicht über ganze Breite laufen, sondern */
.row > .col.text-only, .row > .col.csc-textpic.csc-textpic-above, .col-8.col-center {width:66.6667%; margin:0 16.6667%;}

.col-headline {padding-top:40px; padding-bottom:40px; text-align:center;}
.col-center.col-8 .col-headline, .col-center.col-8 .col .col-headline  {width:150%; margin-left:-25%;}

/*div[class*="col-"]:after, .col:after {content:''; position:absolute; top:0; left:15px; right:15px; bottom:0; background:rgba(0,0,0,0.03);}
div > * {z-index:1; position:relative;}*/

.box {background:#f1f1f1; background:rgba(0,0,0,0.06); margin-bottom:20px; padding:15px 20px 10px; }
.box-shadow {background:#fff; 
   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);}
.box-underline {background:0; border-bottom:1px solid #686868; padding:0 10px; margin:0;}
.bg-dark .box-underline {border-color:#fff;}
a.box-link, .box-link a {text-decoration:none; float:left; width:100%; padding:15px 20px 10px; margin:-15px -20px -10px;}
.box-underline > a {margin:0 -10px; padding:5px 20px 0 0;
   -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
        transition: 0.3s;}
.box-underline > a:hover {background:#eee; padding-left: 10px; padding-right:10px;}
.bg-dark .box-underline > a:hover {background:#eee;}
.box-underline > a:hover .date {color:#686868;}

.box-colums { background:0; margin-bottom:0;}
.box-colums > a {border-bottom:1px solid #686868; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.box-colums > a:hover {border-color:#FAB000;}
.box-colums > a:hover * {color:#FAB000;}

.bg-dark {background:#686868; color:#fff;}
.bg-lightgrey {background:rgb(238, 238, 238);}
.bg-world {background:#fab000; color: #fff;}
.bg-dark .bg-light {color:#686868;}


.flex-grid {display:flex; flex-flow:row wrap;}
.flex-grid > * {flex: 0 1 auto;}
/* Genauer untersuchen: nur Chrome 54 Problem? */
fieldset.flex-grid {display:block;}


.row-over {margin-bottom:40px; margin-top:40px; float:left;}


#main { padding-bottom:40px;}
.row-over + .row-over, .col-headline + .row-over {margin-top:-40px;}
.row-over + .col-headline, .col-headline + .col-headline, 
.col-headline + div > .col-headline:first-child, 
.col-headline + div > div:not(.col-3):not(.col-4):not(.col-6):not(.col-8):first-child > .col-headline:first-child,
.col-headline + div > div:first-child > div:first-child > .col-headline:first-child {padding-top:0;}
.col-headline + .row-over, #stage + #main > .row-over:first-child, #stage + #main > div > .row-over:first-child {margin-top:0;}
.row-over > *:first-child, .row-over > .col-center > *:first-child {padding-top:0;}
.row-over > *:last-child {margin-bottom:0; padding-bottom:0;}
#main > .row-over:last-child {margin-bottom:-40px;}

.news-latest-item img, .img-main {display:block; margin-bottom:10px;}
.csc-textpic-imagewrap img, .csc-textpic-imagewrap a {display:block;} 
.wrap-img {padding-bottom:30px; text-align:center;}
.wrap-img p, .slider-outer.dont-slide .wrap-img p  {margin: 5px 0 0;}
.slider-outer .wrap-img {padding-bottom:0;}
.slider-outer .wrap-img p {margin:5px; }
.csc-textpic-above .wrap-img img {margin:0 auto;}

/*
==================================================
Vorbereitete Klassen
==================================================
*/


/* ----- Buttons ----- */
/*
Allgemeine Klassen für Links, submits und spans, die wie Buttons aussehen sollen.
Einfach .btns an einen wrap vergeben, der mehrere Links enthält (z.B. pagebrowser),
oder .btn auf einen einzelnen Link, submit oder anderes Element.

.inact: Button ist inaktiv und kann nicht gedrückt werden (z.B. "Seite zurück" auf erster Seite im pagebrowser); alternativ einfach <span> statt <a>
.cur: Button ist momentan gedrückt (z.B. aktuelle Seite im pagebrowser)
*/
.btns { clear:both; }
.btns li {float:left; padding:0; margin:0; list-style:none;}
.btns a, .btn, .btns span, input[type="submit"], .btn.btn-pseudo, .f3-widget-paginator a, .f3-widget-paginator .current {cursor:pointer; float:left; text-align: center; color: #fff; background:#fab000; text-decoration:none;  padding:8px 16px;  margin:0 10px 10px 0;
-webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none;
   -moz-transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
}
.pagebrowser a, .pagebrowser span {margin-right:1px;}
body .btn-right {float:right; margin-left:10px; margin-right:0;}
input.btn, input[type="submit"] { width:33.3333%; padding: 3px 0; margin: 10px 0 0 33.3333%; clear: both; }
.form-small input.btn {width:auto; margin-left:0; padding:3px 16px;}

.btns a:hover, .btn:hover, input[type="submit"]:hover, a:hover .btn-pseudo, .f3-widget-paginator a:hover {  background-color:#e09e00; color:#fff;}
.btns a.inact, .btns .inact a, .btns span, .btns.inact a { cursor:default; background-color:#e09e00; }
.btns a.cur, .btns a.current, .btns span.cur, .btns .cur a, .btns .cur span, .btns a.act, .f3-widget-paginator .current { cursor:default; background-color:#e09e00; }

.btn.symbol {width:40px; margin:0; clear:none; height:40px; padding: 0 6px; font-size:24px; font-size:2.4rem; line-height:40px; line-height:4rem;}

.btns-dark a, .bg-yellow .btn,  .bg-yellow .btns a, .bg-yellow input[type="submit"] {background:#686868; color:#fab000; color:#fff;}
.btns-dark a:hover, .bg-yellow .btn:hover,  .bg-yellow .btns a:hover, .bg-yellow a:hover .btn-pseudo  {background:#000; color:#fab000; color:#fff;}

.btn-trans {border:1px solid; background:0; color:#fff;}
.btn-trans.btn-dark {color:#686868;}
.btn-trans.btn-dark:hover {color:#fff;}

.box .btn-pseudo {margin: 10px -20px -10px 10px; float:right; }
.box-shadow .btn-pseudo {margin: 0 0 10px;}
.box-footer { margin:20px -20px -10px; padding:9px 20px 8px; background:#e1e1e1; overflow:hidden; }
.box-footer .btn-pseudo {margin-top:-9px;}

/*
.tx-kesearch-pi1 .prev:after {content:"<"; height:20px;}
.tx-kesearch-pi1 .next:after {content:">"; height:20px;}
*/

.btn-arrow:after {content:">"; padding-left:0.15em}

.btn.accordion-label {float:none; margin-right:0; text-align:left;}

.news-single-item p > .btn, .csc-textpic p > .btn {float:none; display:inline-block; margin-bottom:0;}
/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.cur = ist genau aktuelle Seite
*/
.menu, .menu ul, #footer .csc-menu {margin:0; float:left;}
.menu li, #footer .csc-menu li { float:left; margin:0; padding:0; list-style:none; }
.menu a, #footer .csc-menu a { display:block; text-decoration:none; }
.cur > a {cursor:default;} 

.menu-selected li {padding:8px 13px;}

.menu-0 {margin:10px 0 0; float:right;}
.menu-0 li {position:relative;}
.menu-0 > li > a {color:#686868; text-transform:uppercase; padding:8px 10px;}
.menu-0 li li a, .menu-0 .group-header b {color:#333; padding:3px 20px; white-space:nowrap;}
.menu-0 li:hover > a, .menu-0 li .act > a {color:#fff;}
.menu-0 li ul {display:none; background:#fff; border:1px solid #ccc; position:absolute; top:100%; left:0; padding:5px 0; z-index:1000; min-width:160px; overflow:hidden;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.menu-0 li:hover ul {display:block;}
.menu-0 li ul:before, 
.menu-0 li ul:after {
border: 6px solid rgba(204,204,204,0);
  border-bottom-color: #FFFFFF;
  border-top: 0;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -6px;
}
.menu-0 li ul:before {
  border-bottom-color: #ccc;
  margin-top:-1px
}
.menu-0 li li {width:100%;}
.menu-0 .group-header {font-size:12px; font-size:1.2rem; text-transform:uppercase; }
.menu-0 li + .group-header {border-top:1px solid rgb(229,229,229); margin-top:10px; padding-top:10px;}
.menu-0 .group-header b {display:block;}
#header .menu-0 .group-header {background:#fff;}


.breadcrumbs.row {margin-top:0; margin-bottom:0; padding-top: 20px; padding-bottom: 18px; z-index:20; position:relative; border-bottom:4px solid; color:rgb(250, 176, 0);}
.breadcrumbs a, .breadcrumbs li.cur a {background:url(../layout/bg-breadcrumbs.png) 100% -2px; color: #fff; line-height:36px; line-height:3.6rem;  padding: 0 20px; text-transform: uppercase;}
.breadcrumbs li:first-child a {padding-left:10px;}
.breadcrumbs li { position:relative; z-index:10; margin-left:-13px; margin-bottom:2px;}
.breadcrumbs li:first-child { margin:0;}
.breadcrumbs li + li {z-index:9;}
.breadcrumbs li + li + li {z-index:8;}
.breadcrumbs li + li + li + li {z-index:7;}
.breadcrumbs li + li + li + li + li {z-index:6;}
.breadcrumbs li + li + li + li + li + li {z-index:5;}
.breadcrumbs li + li + li + li + li + li + li {z-index:4;}
.breadcrumbs li + li + li + li + li + li + li + li {z-index:3;}
.breadcrumbs a:hover {background-position: 100% -51px; background-position: 100% -99px; color: #fff;}
.breadcrumbs a:active {background-position: 100% -99px; color:#686868;}

.row .menu-1 { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
.menu-1 a {padding: 8px 10px;}

.menu-selected ul {float:right;}
.menu-selected.responsive-on {display:none;}

.menu-footer {margin-top:61px; margin-top:6.1rem;/* margin-top:4.1rem;*/}
.menu-footer li, #footer .csc-menu li  {width:100%; margin-bottom:6px;}

.menu li.img-link {padding:0 0 0 13px;} 
.menu .img-link img {display:block;}
.menu-selected img {height: 36px;width:auto;}


/*Sticky Header*/
.fixed-header #header {position:fixed; top:0; left:0; width:100%; background:#fff; padding-bottom:0;}
html .fixed-header .menu-selected {display:none;}
.fixed-header .menu-selected + .row > .col {min-height:0; padding-top:0;}
.fixed-header #logo { margin-top:0; position:absolute;}
.fixed-header #logo img {max-height:35px; width:auto;}
.fixed-header #logo + .responsive-menu-btn {margin-top:9px;}
.fixed-header .menu-0 {margin:0; }
/*.fixed-header .responsive-on > .menu-0 {box-shadow:rgba(0, 0, 0, 0.2) 0 8px 8px -8px inset, rgba(0, 0, 0, 0.3) 0 -8px 8px -8px inset;}*/
.fixed-header  *:not(.responsive-on) > .menu-0 {position:relative; box-shadow:-4px -4px 7px #fff; background:#fff;}
html .responsive-on .menu-0, div:not(.responsive-on) > .menu-0 ul {overflow-y:auto;}
.fixed-header  .search-header {margin-top:0;}
.fixed-header #header + * {padding-top:148px;}

#page-150 *:target:before {content:''; height:36px; margin-top:-36px; display:block;}
#page-150 *:target {pointer-events:none;}

/*Slider*/
.slider-outer {position:relative;}
.slider-outer .slider-mask {overflow:hidden; width:100%; }
.layer-container {position:relative; height:auto;}
.layer {position:relative; float:left; width:100%;}
.layer-counter {display:none;}

.slider-controls {position:absolute; width:100%; top:0; left:0; height:0;}
.slider-controls a {width:40px; height:70px; display:block; position:absolute; left:0; background: url("../layout/controls-sprite.png") no-repeat 0 0 rgba(0, 0, 0, 0.2); margin-top:-35px; color:transparent !important; text-indent:-100px; overflow:hidden;
  -webkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out;}
.slider-controls .btn-forward {right:0; left:auto; background-position:100% 0;}  
.slider-controls a:hover {background-color:rgba(250, 176, 0, 0.8);}    
.slider-controls .menu li {width:10px; height:10px; background:#686868; margin:0 3px; border-radius: 50%; cursor:pointer;}
.slider-controls .menu {margin:10px auto; float:none;}
.slider-controls .menu li:hover {background:rgb(224, 158, 0);}
.slider-controls .menu li.act {background:rgb(250, 176, 0); cursor:default;}

.js .layer + .layer {display:none;}
.slider-mask .layer + .layer {display:block;}
#main .slider-outer {margin-bottom:30px;}
#main .slider-outer.is-slider {
 -webkit-box-shadow: 0 0 5px rgba(3, 3, 3, 0.3);
     box-shadow: 0 0 5px rgba(3, 3, 3, 0.3);
  }


/*
==================================================
Großer Slider
==================================================
*/
/*.rsImg {position:absolute;}*/
.half-top {height:300px; overflow:hidden; position:relative; z-index:1;}
.half-top .img-main {min-width:100%; min-height:300px; max-width:none; width:100%; position:absolute; top:0; left:0;}
.half-top .row-bottom  {position:absolute; bottom:0; width:100%;}
.half-top .box {margin-bottom:0;}
.half-top .btn-trans {/*margin-top:20px;*/}
.half-top .btn-trans[href=""] {display:none;}
.half-top .box {min-height:80px;}

.menu-feature {margin-top:10px;}
#stage .slider-controls {}
#stage .slider-controls a { z-index:10;}
#stage > .slider-outer .slider-controls a {top:150px !important;}
#stage > .slider-outer .slider-controls ol {display:none;}

#stage .layer a[href="javascript: return false"] {cursor:default;} 
#stage .layer a[href="javascript: return false"] .btn {display:none;}

/* Bild-Slider in Stage */
#stage .csc-image .slider-outer img {min-width:100%;}
#stage .csc-image {padding-left:0; padding-right:0;}
.csc-textpic-imagewrap.slider-outer .layer {overflow:hidden;}
@media screen and (max-width: 600px) {
	#stage .csc-image .slider-outer img {width:auto; min-height:150px; max-width:none;}
}

/*
==================================================
Header, Footer
==================================================
*/
#logo {max-width:171px; float:left; min-height:56px; margin-top:-10px;}
#logo img {display:block;}
h1#logo, #logo h1 {font-size:inherit; text-transform:none; line-height:inherit; margin-bottom:0;}
.responsive-menu-hide {float:right;}
.responsive-menu-btn {display:none;  float:right; width:18px; height:12px; border: solid; border-width: 7px 10px 8px; padding:0;  margin:15px 0 0 5px; }
#header .responsive-menu-btn, #subheader  .responsive-menu-btn { color:#FAB000; background:#fff;}
#subheader .responsive-menu-btn {margin-right:15px;}
.responsive-menu-btn:after {border:solid; margin-top:2px; border-width:3px 0; height:2px; width:100%; display:block; content:'';}
.search-header {float:right; clear:none; margin:10px 0 0;}
.search-header input[type="search"] { width:120px; padding-top:2px; padding-bottom:2px; height:36px;}
.search-header .btn {height:36px;}


.search-dates input:first-child{width: 200px;padding-top: 2px;padding-bottom: 2px;height: 36px; max-width:72%;}
.search-dates input[type="search"]{width: 200px;padding-top: 2px;padding-bottom: 2px;height: 36px; max-width:72%;}
.search-dates .btn {height: 36px;}



/* Placeholder-Text heller */
.search-header :-ms-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;}
.search-header ::-webkit-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;  }
.search-header ::-moz-placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }
.search-header ::placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }

.search-dates :-ms-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;}
.search-dates ::-webkit-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;  }
.search-dates ::-moz-placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }
.search-dates ::placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }

.menu-selected + .row > .col {min-height:66px; padding-top:10px;}

.footer-links {text-align:right; margin-top:20px;}
.footer-links a {text-decoration:none;}
.footer-links img {max-width:72px; height:auto;}
.footer-links p {margin-bottom:6px;}

/* VORLÄUFIG */
#footer .csc-image img { display:inline-block; width:auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.4 0.4 0.4 0 0, 0.4 0.4 0.4 0 0, 0.4 0.4 0.4 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE6-9 */
  -webkit-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
}
#footer .csc-textpic-imagewrap .wrap-img:hover {opacity:1;}
#footer .csc-textpic-imagewrap .wrap-img:hover img { -webkit-filter:none; filter:none; opacity:1; }
#footer > .csc-image .wrap-img {width:200px; padding:5px 25px; height:60px; position:relative; opacity:0.4; text-align:center; float:left; 
  -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;}
#footer > .csc-image .wrap-img > a {display:block;}
#footer > .csc-image {padding:40px 0; position:relative; }
#footer > .csc-image > .csc-textpic-imagewrap {height:70px; overflow:hidden;}

#footer .slider-controls {top:40px;}
#footer .slider-controls a {opacity:0;}
#footer .csc-textpic-imagewrap:hover .slider-controls a {opacity:1;}
#footer .slider-controls .menu {display:none;}

#footer .fb-like {margin-top:5px; margin-bottom:11px;}
#footer .social-links p {margin-bottom:8px; }
#footer .social-links p img {max-height:20px; margin-bottom:4px;}



/*
==================================================
Inhalte .col-content
==================================================
*/

/* felogin */
div.message {margin-bottom:10px;}

/* Media/Video */
.video-js-box, .video-js {/*width:auto !important; height:auto !important;*/ margin:0 auto 10px;}
.vjs-default-skin .vjs-big-play-button {top:50%; left:50%; margin-left:-6.3em; margin-top:-4.3em;}
div.vjs-big-play-button:before {display:none;}
div.vjs-big-play-button span {
  border-width: 10px 0 10px 20px;
  margin: 31px 0 0 52px;
}
.vjs-progress-holder {margin-top:0;}
.vjs-volume-control div {padding-top:0;}

/* ke_search Ergebnis */
.search-content.col-headline {margin-top:-20px; padding-bottom:0;}
.kesearch_num_results.col-headline {padding-top:0;}
.results .number {position:absolute; right:0; top:0; font-size:30px; font-size:3rem; width:20%; padding:20px 0 0; line-height:80px; line-height:8rem; text-align:center;}
.results .btn-pseudo {width:20%; margin-top:-20px; padding-left:0; padding-right:0;}
.results .inner-left {width:78%; min-height:50px;}
.results h3 {width:78%; }
.results .url {text-decoration:underline;}
p .hit {color:#fff;}
.results .subheader {margin-top:-10px;}
form.col-headline fieldset {display:inline-block; width:auto; float:none;}
form.col-headline input {width:auto;}

.sorting {margin-bottom:20px;}
.sorting span {padding-left:3px; padding-right:10px;}
.sorting span + span:before {content:'/'; padding-right:5px;}
.sorting a {position:relative;}
.sorting a:after {content:''; border: solid; border-color: currentColor transparent; border-width:6px 4px 0; position:absolute; right:-11px; top:40%; } 
.sorting a[href*='=asc']:after {border-width: 0 4px 6px;}


.downloads a img {margin-right: 5px; vertical-align:bottom;}
.downloads a img[width="50"] {background:#fff;}

/*hover-Bilder für Telefonliste im Intranet*/
.hover-show-img {position:relative; cursor:default;}
.hover-show-img img {display:none; position:absolute; left:120%; top:0; max-width:none; transform:translateY(-40%); z-index:1;}
a.hover-show-img:hover img {display:block;}
a.hover-show-img img:hover {display:none;}
tr:nth-child(4) .hover-show-img img,
tr:nth-child(5) .hover-show-img img,
tr:nth-child(6) .hover-show-img img {transform:translateY(0);}
tr:last-child .hover-show-img img,
tr:nth-last-child(2) .hover-show-img img,
tr:nth-last-child(3) .hover-show-img img,
tr:nth-last-child(4) .hover-show-img img,
tr:nth-last-child(5) .hover-show-img img,
tr:nth-last-child(6) .hover-show-img img  {transform:translateY(-100%);}

/* KNA-Ticker (ehemals: DomRadio News-Widget) */
#kna-outer-frame, .fastenimpuls-teaser {margin-bottom:30px; min-height:180px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.kna-header a {display:block; padding:7px 7px 6px; border-bottom:1px solid #fab000}
.kna-header img {display:block;}
#kna-ticker-content {height:111px; overflow:hidden;margin:20px 10px 0; float:none; width:auto;}
#kna-newsticker strong {font-family:inherit; font-size:15px;}

/*Fasten-Impulse*/
.fastenimpuls-teaser .date {padding-top:10px;}
.fastenimpuls-teaser .subheadline {margin:-10px 0 10px;}

.fastenimpuls + .page-navigation {margin-top:30px; padding-left:0;}
.fastenimpuls h3 {margin-bottom:0;}
.fastenimpuls {margin-bottom:20px;}

.tx-cal-controller > p:first-child:last-child, .tx-cal-controller > div > .js-copy-content + p:last-child {display:none;}

#zeitraum-wahl select {width:100%;}


/* Globale Kategorien bei Subsites ausblenden */
#kategorie-wahl label { padding-bottom:10px; }
#kategorie-wahl .wrap-input {padding:0;}
body:not(#page-223) #kategorie-wahl #cal-cat-21, body:not(#page-223) #kategorie-wahl #cal-cat-21 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-22, body:not(#page-223) #kategorie-wahl #cal-cat-22 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-3, body:not(#page-223) #kategorie-wahl #cal-cat-3 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-6, body:not(#page-223) #kategorie-wahl #cal-cat-6 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-7, body:not(#page-223) #kategorie-wahl #cal-cat-7 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-2, body:not(#page-223) #kategorie-wahl #cal-cat-2 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-4, body:not(#page-223) #kategorie-wahl #cal-cat-4 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-8, body:not(#page-223) #kategorie-wahl #cal-cat-8 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-1, body:not(#page-223) #kategorie-wahl #cal-cat-1 + *,
body:not(#page-223) #kategorie-wahl #cal-cat-5, body:not(#page-223) #kategorie-wahl #cal-cat-5 + * {display:none;}

/* Nicht funktionierende Suche bei Subsites ausblenden */
body:not(#page-223) .cal-search, body:not(#page-223) .cal-search + .col, body:not(#page-223) #kategorie-wahl, #page-1571 .col-4 .tx-cal-controller .view-header h3 {display:none;}

/*Todesanzeigen*/
.box-rip > div {border:5px solid black; padding:10px 15px;}
.box-rip h2, .box-rip h3, .box-rip h4,.box-rip h5,.box-rip a {color:#000;}


/*tt_news*/
.menu-newsarchive {font-size:17px; font-size:1.7rem; float:none; margin-bottom:10px; margin-top:-5px;}
.menu-newsarchive .year {color:#fff;} 
.menu-newsarchive li {width:100%; margin-bottom:2px; line-height:25px; line-height:2.5rem;}
.menu-newsarchive a, .menu-newsarchive b {padding:10px 15px; display:block;}
.menu-newsarchive a {background:#f1f1f1; background:rgba(0,0,0,0.06);}
.menu-newsarchive a b {float:right; margin:-10px -15px; padding:10px 0; min-width:45px; text-align:center;}
.menu-newsarchive .act a {color:#686868; cursor:default;}

.date {margin-bottom:5px;}
.news h4 span, .news h3 span { display:block; color:#686868; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2rem; padding-top:10px; margin-bottom:-10px;}
.news h4 span {margin-bottom:-5px; padding-top:5px;}
.news-single-item h3 span {line-height: 1.2em; font-size: 24px; font-size: 2.4rem; padding:0; margin:0; font-weight:inherit;}
.bg-dark .news h3 span {color:#fff; }
.box-grey h4 span:before {content:' – ';}

.showResultsWrap {margin-bottom:10px;}
.news-single-image {float:right; margin-left:30px; margin-bottom:30px;}
.author br {display:none;}
.news-single-item .meta {margin-bottom:20px;}
.meta span {}
.meta span + span {margin-left:10px}
.meta span + span:before {content:'|'; margin-right:10px;}

.social-networks {padding:25px 0 15px;}
.social-networks a {margin-right:10px;}

/*in Woelki-Box auf Startseite*/
.news-latest-item.box-underline h4 span {display:none;}

/*cal*/
.month-small {/*border-collapse:separate;*/ table-layout:fixed; margin-bottom:30px;}
.month-small td, .month-small th { padding:0; border:3px solid #fff; text-align:center;}
.month-small td {background:#e1e1e1; }
td.cal_day6, td.cal_day0 {background: #d2d2d2;}
.month-small th {text-transform:uppercase; }
.month-small a {color:#686868; text-decoration:none; display:block;}
.month-small .monthSelected a { color:#fff;}
td.monthSelected, td.currentDayHeader, td.monthToday {background:#fab000;}
.monthToday {color:#fff;}
td.monthOff {background:#f1f1f1;}
.month-small tr > *:first-child {border-left:0;}
.month-small tr > *:first-child + * + * + * + * + * + * {border-right:0;} 

.month-controls a, .month-controls form {border-left:3px solid #fff; margin:0; width:14.8%; padding:0; 
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;}
.month-controls a:first-child {border:0; width:13.7%;}
.month-controls a:first-child + a, .month-controls form {width:71.5%;}
.month-controls form {clear:none; float:left; background:#686868; height:46px;}
.month-controls select {background:#686868; color:#fff; height:46px;}

.month-small td, .month-controls a {line-height:46px; line-height:4.6rem;}
.month-controls a b {display:block;}

.filter-cat {margin-bottom:30px;}

.cal-list .box-footer {padding:0 20px;}
.cal-list .btn {margin-top:0; margin-bottom:0;}
.cal-list .details {padding: 9px 0 8px; float:left;}

[data-copy-content-to] {display:none;}

.venue-search-form  input, .venue-search-form  select {width:100%;}
.venue-search-form  input[type=submit] {width:33%; float:right; margin-left:0;}
.search-bar .symbol {color:#fff; position:absolute; padding:0 10px; right:0; top:0; font-size:28px; line-height:40px; cursor:pointer;}
.search-bar span.symbol { pointer-events:none; cursor:default;}

.documentcentersearchbox {padding-bottom:10px;}
#fetchsubcategories-form > div:first-child {padding:0;}


/* Eventmanager */
/*
.tx-eventmanager-showevent-termin {font-size: 1.5em; margin-bottom: 20px}
.tx-eventmanager-showevent-termin .header {font-weight: bold}
.tx-eventmanager-showevent-termin .duetime {color: #1e5799}
*/

.event-poster .event-termin {
    font-size: 125%
}

dd {padding-bottom:0.5em;}
.col-4.event-poster {padding-top:0.67em;}
.col-4.event-poster dd a {word-wrap:break-word;}

/* Dokumentencenter */
.col-flex-aside .btn {margin:0; }
@media screen and (min-width: 500px) {
	.flex-container-cols {display:flex;}
	.col-flex-content {width:100%; flex:0 1 100%;}
	.col-flex-content p:last-child {margin:0;}
	.col-flex-aside {flex-shrink:0; display:flex; align-items:flex-end;}
}
.f3-widget-paginator li { float: left; padding: 0; margin: 0; list-style: none;}
.f3-widget-paginator a, .f3-widget-paginator .current {margin-right:1px;}

.tx-documentcenter .subcategoryDiv form div {padding:0;}
.tx-documentcenter .tx-felogin-pi1 > .col {margin-top:15px;}
.tx-documentcenter * + .row > .col > .tx-felogin-pi1 > .col {margin-top:40px;}
.tx-documentcenter .venue-search-form h4 {font-size:2rem;}
.tx-documentcenter .powermail_legend {font-size:2.4rem;} 
.tx-documentcenter .icn {display:inline-block; transform:rotate(-45deg);}


/*Bild Erzbischof in Spezialbereich auf Startseite*/
#page-1 .row-over.bg-dark .row >.col-4:first-child .wrap-img {margin-bottom:-40px; display:block; padding-bottom:0;}


/*tt_address / wt_directory*/
#map {height:400px;}
#map.map-vertical {height:830px;}
.wtdirectory-list {border-top:2px solid #fab000; margin-bottom:30px;}
.wtdirectory-search .btn {margin-top:40px;}
.list-hidden {display:none;}
#wt_directory-catfilter select option[value="19"] {display:none;}

.tx-wtdirectory-pi1 .row-blank h1 { margin-bottom: .7em; }

/*History-Modul*/
.box-history {overflow:hidden;}
.box-history > .col { position:relative; margin-bottom: 60px; padding-left:0 ;padding-right: 40px; cursor:pointer;}
.history-text .btn {float:right; margin-left:10px; margin-right:0; margin-top:20px;}

.history-img {left: 13px; width:113px; position:absolute; top:0;}
.history-img img {border-radius:50%; border:4px solid; width:100%;
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;} 
.history-img .wrap-img {padding:0;}
.history-img .wrap-img p {text-align:center;}
.history-text .csc-textpic-text {padding:20px;  background:#fff;  border-left: 4px solid;}
.history-text {width:100%; max-width:1050px; position:relative; padding-left: 200px;
/*
-webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
*/  
}
.history-text .csc-textpic-text { outline:1px solid transparent;
/*
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);  
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
*/
}

.history-text h3 {text-transform:uppercase; }
.history-img img, .history-text {color: rgb(250, 233, 207);}
.history-text h3 {color:#ccc}
.history-text .csc-textpic-text > * + * {max-height:0; overflow:hidden;  opacity:0; color:#686868}

.box-history > .col:first-child:before {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==); width:5px; height:1000em; position:absolute; left:150px; content:''; top:-100px;}
.history-text:before {content:''; position:absolute; left:180px; top:30px; width:0; height:0; border: 10px solid transparent; border-width: 5px 10px; border-right-color: rgb(250, 233, 207);}

.history-img,
.history-text h3 {
  -webkit-transition: 0.6s ease-in-out 0.2s;
  -moz-transition: 0.6s ease-in-out 0.2s;
  transition: 0.6s ease-in-out 0.2s;
}
.history-text .csc-textpic-text {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
  transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}
.history-text .csc-textpic-text > * {
  -webkit-transition: max-height 0.8s linear, opacity 0.3s linear;
  -moz-transition: max-height 0.8s linear, opacity 0.3s linear;
  transition: max-height 0.8s linear, opacity 0.3s linear;
}


.act .history-img img, .act .history-text, .act .history-text h3, .act .history-img p, 
.box-history > .col:hover h3, .box-history > .col:hover .history-text, .box-history > .col:hover img, .box-history > .col:hover .history-img p {color: rgb(250, 176, 0); } 
.act .history-img p {font-weight:bold;}
.act .history-img {width:138px; left: 0;}
.act .history-text .csc-textpic-text {
  -webkit-transform: rotateY(-5deg);
  transform: rotateY(-5deg);}
.act .history-text .csc-textpic-text > * + * {max-height:1000px;  opacity:1;
  -webkit-transition-delay: 0s, 0.6s;
  -moz-transition-delay: 0s, 0.6s;
  transition-delay: 0s, 0.6s;
}
.act .history-text:before, .box-history > .col:hover .history-text:before {border-right-color: rgb(250, 176, 0); }

/*
  Benutzerregistrierung
*/
.tx-etagenuserregister-pi1 {
  width: 66%;
  margin: 0 auto;
}

.tx-femanager .alert, .tx-femanager .alert * {color:red;}
.tx-femanager .alert h4 {display:inline;}
.tx-femanager .alert h4:after {content:' - '}
.tx-femanager .alert .close {display:none;}
.femanager_flashmessages > .typo3-message {background-image:none;}

#calendar-event p.date {font-family: 'thesans_b';}



/* Trauerportal*/
.decoration-cross {width:30px; height:60px; position:relative; margin:10px auto 20px;}
.decoration-cross:before, .decoration-cross:after {content:''; background:#686868; height:100%; width:4px; position:absolute; top:0; left:50%; margin-left:-2px;}
.decoration-cross:after {height:4px; width:100%; left:0; top:20%; margin-left:0;}
.style-3 .decoration-cross {position:absolute; height:80%; top:10px; left:5px; width:50px;}

.style-1 .decoration-cross:before, .style-1 .decoration-cross:after {background:#999;}
.style-3 .decoration-cross:before {width:6px; background:#eee; margin-left:-3px;}
.style-3 .decoration-cross:after {height:6px; background:#eee; top:34px;}

.box.anzeige {padding:20px 45px 15px; min-height:440px; background:#fff; position:relative; margin-bottom:30px;}
.anzeige.style-1 {text-align:center;}
.anzeige.style-2 {text-align:center;}
.anzeige.style-3 {padding-left:60px; padding-top:70px;}
.traueranzeigen.archive {
-webkit-display:flex;  -webkit-flex-wrap: wrap;
  -ms-display:flex;    -ms-flex-wrap: wrap;
    display:flex;       flex-wrap: wrap;}
.traueranzeigen.archive:nth-child(n) .box {min-height:100%; margin:0;}
.traueranzeigen.archive:nth-child(n) > div {margin-bottom:30px; 
-webkit-display:flex;  -webkit-flex-shrink: 1;
  -ms-display:flex;    -ms-flex-shrink: 1;
    display:flex;      flex-shrink: 1;}

.anzeige h3, .layout-candle h3 {color:inherit; font-size:30px; line-height:1em; margin-bottom:0;}
.anzeige h3 i, .layout-candle h3 i {color:#999; font-size:15px; display:block; font-style:normal; position:relative; top:-5px; margin-bottom:-10px;}
.dates-birth-death, .bereaved {margin-bottom:35px;}
.txt-free p {margin-bottom:15px;}

.anzeige.style-2 h3 {margin-bottom:5px;}
.style-1 h3 {font-family: 'Great Vibes', cursive;}

.bereaved, .layout-candle .date-creation {color:#999;} 
.style-3 .bereaved, .layout-candle .bereaved {color:inherit; }

.tx-etagentrauerportal-pi1 .slider-controls .menu {display:none;}
#main .tx-etagentrauerportal-pi1 .slider-outer.is-slider {
 -webkit-box-shadow: none;
     box-shadow: none;
}
.traueranzeigen .slider-mask {background:#fff;}
.tx-etagentrauerportal-pi1 .slider-controls > a {top:195px !important;}

.layout-candle img {position:absolute; left:-40px; top:0;}
.layout-candle {padding:10px 0 10px 35px; position:relative; min-height:215px;}
.layout-candle h3 {font-size:24px;}
.layout-candle .dates-birth-death {  margin-bottom: 15px;}
.layout-candle .bereaved {float:left; margin-bottom: 0;}
.layout-candle .date-creation {float:right;}
.candles.slider-2-2 > .col-6:nth-child(n+5) {display:none;}
.layout-candle p, .layout-candle div, .layout-candle h3 {z-index:1; position:relative;}

.create-candles .col, .create-candles .col-6 {padding-bottom:10px;}
.create-candles textarea {width:100%; padding-top:10px;}
.create-candles input[type="submit"] {float:right; min-width:33.3333%; width:auto;}

.candles .col-6:nth-child(2n+1), .traueranzeigen .col-6:nth-child(2n+1) {clear:both;}

.tx-etagentrauerportal-pi1 + .csc-textpic p:first-child:last-child > a:first-child:last-child {float:right;}





#page-1 .row.bg-dark .col-6 .wrap-img {padding-bottom:10px;}
#page-1 .row.bg-dark .col-6 .wrap-img img {margin:0;}


/* CookieConsent */
body .cc-color-override-688238583.cc-window:not(:hover) { background-color: rgba(0, 0, 0,0.8); }
body .cc-color-override-688238583 .cc-btn { background-color: #FAB000; color:#fff;}
body .cc-color-override-688238583 .cc-btn:hover, body .cc-color-override-688238583 .cc-btn:focus { background-color: rgba(250,176,0,0.8); }
.cc-message:after {content:'.';}
body .cc-link {padding:0;}
.cc-highlight .cc-btn.cc-btn:first-child {text-decoration:none;}
.cc-highlight .cc-btn.cc-btn:first-child:not(:hover):not(:focus) {opacity:0.8;}

body .cc-revoke.cc-bottom {left:0; border-top-left-radius:0; display:none;}

/*
==================================================
Farben
==================================================
*/

h1, h2, h3, h4, h5, a, .url,
body .box-link h3, 
body .box-link h4,
.menu-1,
.menu-0 .group-header b,
html .dr-app a { color: #FAB000;}

a:hover,
html .dr-app a:hover {color: #e09e00;}

/* Lesbarkeits-Anpassung "dunklerer Gelbton für h4 und kleiner" */
h4, h5, a, .url,
body .box-link h4,
.menu-1,
.menu-0 .group-header b,
html .dr-app a  { color: #e09e00;}
a:hover,
html .dr-app a:hover {color: #d09300;}

h2 a, h3 a { color: #FAB000;}
h2 a:hover, h3 a:hover {color: #e09e00;}


.bg-world h2,
body .bg-world h3,
body .bg-world h4,
.bg-world h5,
body .bg-world a,
.bg-yellow h1,
.bg-yellow h2,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow h5,
.bg-dark h1+h2, .bg-dark h1+h3, .bg-dark h1+h4,
.bg-dark h2+h3, .bg-dark h2+h4,
.bg-dark h3+h4,
body .menu-1 .act a, body .menu-1 a:hover,
.bg-dark a.box-link, .bg-dark .box-link a,
.bg-yellow .box-link h3, 
.bg-yellow .box-link h4,
.bg-yellow a,
.bg-yellow .h2,
.bg-yellow .h3,
.bg-yellow .h4
/*.bg-dark a.box-link > *, .bg-dark .box-link a > **/ {color:#fff;}
body .bg-world.event-poster a {color:#454545}

h1+h2, h1+h3, h1+h4,
h2+h3, h2+h3,
h3+h4,
.bg-yellow h1+h2, .bg-yellow h1+h3, .bg-yellow h1+h4,
.bg-yellow h2+h3, .bg-yellow h2+h3,
.bg-yellow h3+h4,
a.box-link, .box-link a
/*a.box-link > *, .box-link a > **/
{color:#686868;}

.menu-0 li:hover, .menu-0 li li.act,
.bg-yellow,
.bg-world,
p .hit,
input[type="search"],
.menu-1 .act, .menu-1 li:hover {background:#FAB000;}

.bg-yellow  input[type="search"] {background:#fff; }
.bg-yellow  .search-bar span.symbol {color:#FAB000;}

.world-feiern h1, .world-feiern .menu-1, .world-feiern .menu-1 a, .menu-0 .world-feiern .group-header b, .world-feiern.act > a, .world-feiern .breadcrumbs, .world-feiern #subheader .responsive-menu-btn { color:rgb(141,63,81);}
.world-glaube h1, .world-glaube .menu-1, .world-glaube .menu-1 a, .menu-0 .world-glaube .group-header b, .world-glaube.act > a, .world-glaube .breadcrumbs, .world-glaube #subheader .responsive-menu-btn {color:rgb(64,117,193);}
.world-hilfe h1, .world-hilfe .menu-1, .world-hilfe .menu-1 a, .menu-0 .world-hilfe .group-header b, .world-hilfe.act > a, .world-hilfe .breadcrumbs, .world-hilfe #subheader .responsive-menu-btn  {color:rgb(170,3,27);}
.world-bildung h1, .world-bildung .menu-1, .world-bildung .menu-1 a, .menu-0 .world-bildung .group-header b, .world-bildung.act a, .world-bildung .breadcrumbs, .world-bildung #subheader .responsive-menu-btn  {color:rgb(74,161,81);}
.world-jugend h1, .world-jugend .menu-1, .world-jugend .menu-1 a, .menu-0 .world-jugend .group-header b, .world-jugend.act > a, .world-jugend .breadcrumbs, .world-jugend #subheader .responsive-menu-btn  {color:rgb(225,69,0);}
.world-medien h1, .world-medien .menu-1, .world-medien .menu-1 a, .menu-0 .world-medien .group-header b, .world-medien.act > a, .world-medien .breadcrumbs, .world-medien #subheader .responsive-menu-btn  {color:rgb(32,36,81);}
.world-kultur h1, .world-kultur .menu-1, .world-kultur .menu-1 a, .menu-0 .world-kultur .group-header b, .world-kultur.act > a, .world-kultur .breadcrumbs, .world-kultur #subheader .responsive-menu-btn  {color:rgb(178,162,136);}
.world-trauer h1, .world-trauer .menu-1, .world-trauer .menu-1 a, .menu-0 .world-trauer .group-header b, .world-trauer.act > a, .world-trauer .breadcrumbs, .world-trauer #subheader .responsive-menu-btn, 
.world-trauer  a , .world-trauer  .box-link h4 {color:rgb(0,0,0);}


.row-over h1 {color:#fff;}

.menu-0 li.world-feiern:hover, .menu-0 li.world-feiern li:hover, .menu-0 .world-feiern li.act,
.world-feiern .menu-1 .act, .world-feiern .menu-1 li:hover,
body .world-feiern .bg-world {background:rgb(141,63,81);}

.menu-0 li.world-glaube:hover, .menu-0 li.world-glaube li:hover, .menu-0 .world-glaube li.act,
.world-glaube .menu-1 .act, .world-glaube .menu-1 li:hover,
body .world-glaube .bg-world      {background:rgb(64,117,193);}

.menu-0 li.world-hilfe:hover, .menu-0 li.world-hilfe li:hover, .menu-0 .world-hilfe li.act,
.world-hilfe .menu-1 .act, .world-hilfe .menu-1 li:hover,
body .world-hilfe .bg-world      {background:rgb(170,3,27);}

.menu-0 li.world-bildung:hover, .menu-0 li.world-bildung li:hover, .menu-0 .world-bildung li.act,
.world-bildung .menu-1 .act, .world-bildung .menu-1 li:hover,
body .world-bildung .bg-world      {background:rgb(74,161,81);}

.menu-0 li.world-jugend:hover, .menu-0 li.world-jugend li:hover, .menu-0 .world-jugend li.act,
.world-jugend .menu-1 .act, .world-jugend .menu-1 li:hover,
body .world-jugend .bg-world      {background:rgb(225,69,0);}

.menu-0 li.world-medien:hover, .menu-0 li.world-medien li:hover, .menu-0 .world-medien li.act,
.world-medien .menu-1 .act, .world-medien .menu-1 li:hover,
body .world-medien .bg-world      {background:rgb(32,36,81);}

.menu-0 li.world-kultur:hover, .menu-0 li.world-kultur li:hover, .menu-0 .world-kultur li.act,
.world-kultur .menu-1 .act, .world-kultur .menu-1 li:hover,
body .world-kultur .bg-world      {background:rgb(178,162,136);}

.menu-0 li.world-trauer:hover, .menu-0 li.world-trauer li:hover, .menu-0 .world-trauer li.act,
.world-trauer .menu-1 .act, .world-trauer .menu-1 li:hover,
body .world-trauer .bg-world,
.world-trauer .btn.btn-pseudo      {background:rgb(0,0,0);}


#page-150 #c1164 {margin:0; width:100%; overflow-x:scroll;}


/* Cleverreach */
.tx-tscleverreach-pi1 {}
.tx-tscleverreach-pi1 select {width:95%;}
.tx-tscleverreach-pi1 .form-inline input[type="submit"] { clear: none; float: right; margin: 0 5% 0 0; width: 41.5%;}
.tx-tscleverreach-pi1 .daten {clear:both; float:left; margin: 0 2.5%; width:95%;}
.tx-tscleverreach-pi1 h3 {margin: 0 2.5% 15px;}
.tx-tscleverreach-pi1 .daten > tr > td, .tx-tscleverreach-pi1 .daten > tr > th, .tx-tscleverreach-pi1 .daten > * > tr > td, .tx-tscleverreach-pi1 .daten > * > tr > th {border-bottom:0px;}
.col-headline.newsletter-headline > p {margin-top:5px; }
.divider.divider-nl {height:5px;}
 

/* RB 11/2014 */
.map-box, #map {float:left; clear:both; width:100%; height:500px; position:relative; max-height: 300px;}
@media screen and (min-height: 550px) {
	#page-1637 #map-canvas {max-height:500px;}
}
.gmaptext {font-size:16px !important; line-height: 24px !important; display: block !important; position:relative; overflow: visible; width:100%;}
.map-box #map img {max-width: none;}
.map-box #map p {color:#686868;}
.menu-selected.responsive-on {display: block; max-height: 75px; overflow: hidden;} 
.whitetext {color:#fff;}
h3.whitetext.registerbox + p + div a.btn {margin:10px 0 0 33.3333%; line-height: 33px; min-height: 34px; padding: 3px 28px;}
.login-header {display:none;}
.ipzbreadcrumb {width: 95%;}
.ipzlangmenu {display:none; float:right; padding-right: 15px;}
.ipzlangmenu li {float:left; margin:0; padding:0; position:relative;}
.ipzlangmenu a, .ipzlangmenu li.cur a {background:none; position:relative; padding:0 5px; line-height: 0;}
.ipzlangmenu li:last-child a {padding-right:0;}
#page-844 #map {max-height:500px;}
#page-1637 #map {max-height:500px; margin-bottom:40px;}
#page-844 .gm-style h5 + p + p, #page-844 .gm-style h5 + p + p > a {display:none;}

.social-networks a {width: 35px; max-width: 35px; height:auto; display:block; float:left; margin-right: 15px;}
.social-networks a[title="E-mail"] {width: 50px; max-width: 50px; margin-top:-7px;}

.paxframe {display:block;}
/*.paxframe.open {display:block;}*/
.paxspendbtn.back {min-width: 160px; padding: 11px 16px 9px;}

/* FAQ 04/2015 */
.tx-jpfaq-pi1 {}
.tx-jpfaq-pi1 .jpfaqHideAll, .jpfaqCategory, .jpfaqAll {display:none;}
.tx-jpfaq-pi1 > ul {list-style:none; margin:0; width:100%; float:left; clear:both;}
.tx-jpfaq-pi1 > ul > li {margin:0; padding:0;}

.tx-jpfaq-pi1 ul li > h3 {font-size:1.5rem; background:#f1f1f1; margin-bottom:0; margin-top:7px; padding:10px 30px; position:relative;}
.tx-jpfaq-pi1 ul li > h3:hover {cursor:pointer;}
.tx-jpfaq-pi1 ul li h3.toggleTrigger.questionUnfolded {font-weight:bold;}
.tx-jpfaq-pi1 ul li:first-child > h3 {margin-top:0;}
.tx-jpfaq-pi1 ul li > h3 + div {border: 1px solid #f1f1f1; padding:10px 30px;}

.tx-jpfaq-pi1 ul li h3.toggleTrigger:after {
  content: "";
  position:absolute;
  right:10px;
  top:15px;
  
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(250, 176, 0, 0);
  border-top-color: #fab000;
  border-width: 10px 10px 0;
  margin-left: -10px;
  
}
.tx-jpfaq-pi1 ul li h3.toggleTrigger.questionUnfolded:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(250, 176, 0, 0);
  border-bottom-color: #fab000;
  border-width: 10px;
  margin-left: -10px;
  top:5px;
}

.bg-lightgrey .tx-jpfaq-pi1 ul li > h3 {b: #fff;}
.bg-lightgrey .tx-jpfaq-pi1 ul li > h3 + div { border: 1px solid #fff;}

/*
.tx-jpfaq-pi1 .toggleTriggerContainer0 {display:none !important;}
.tx-jpfaq-pi1 .toggleTriggerContainer0.active {display: block !important;}
*/

/*1069*/
@media screen and (max-width: 1400px) {
.menu-0 li:last-child ul, .menu-0 li:nth-last-child(2) ul {left:auto; right:0;}
}

@media screen and (max-width: 1200px) {
.row-over {width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}

.fixed-header *:not(.responsive-on) > .search-header {display:none;}
.responsive-on .responsive-menu-btn {display:block;}
.responsive-on .menu-0, .responsive-on .menu-0 ul, .responsive-on .search-header, .responsive-on.menu-1 .menu { max-height:0; min-height:0; overflow:hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;}
.responsive-on .menu-0:not(.opened), .responsive-on .menu-0 li:not(.opened) ul {max-height:0 !important;}
 
.responsive-on .menu-0 li, .responsive-on.menu-1 li {width:100%;}

.responsive-on .menu-0 li ul {display:block; position: static; border: 0; max-height:0; padding:0;
-webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none;}
.responsive-on .menu-0 li li {padding:0 15px; 
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;}
.responsive-on .menu-0 li .group-header {border:0; margin:0; padding:5px 0 0;}

.responsive-on .search-header {position:absolute; bottom:20px; left:15px; width:100%; opacity:0;}
.responsive-on .menu-0 li ul:before, .responsive-on .menu-0 li ul:after {display:none;}

.responsive-on .menu-0 li.opened ul, .responsive-on .menu-0.opened, .responsive-on.menu-1 .menu.opened {max-height:1000px;}
.responsive-on .menu-0 li.opened ul {max-height:1000px !important;}
.responsive-on .search-header.opened {max-height:50px; opacity:1;}

.responsive-on.menu-1 .menu {padding-top:15px;}
.responsive-on.menu-1 .menu.opened {padding-bottom:15px;} 
.responsive-on .menu-0 {margin-bottom:0;}
.responsive-on .menu-0.opened {margin-bottom:70px;}


.tx-etageneventregister-pi1 .row {padding:15px;
  -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
       box-sizing:border-box;
}
}


@media screen and (max-width: 1024px) {
  .touch .google-map {width:95%;}
}


@media screen and (max-width: 850px) {
/* einzelne zentrierte 66%-Spalten auf volle Breite ausdehnen */
.row > .col.text-only, .row > .col.csc-textpic.csc-textpic-above, .col-8.col-center {width:100%; margin:0;}
.col-center.col-8 .col-headline,  .col-center.col-8 .col .col-headline {width:100%; margin-left:0;}

#page-100 #main .col-headline + .row .col-3 {width:100%; margin-bottom:30px;}
#page-100 #main .col-headline + .row .col-9 {width:100%; margin:0 auto; float:none;}
.box-footer .btn-pseudo {margin-top:15px;}
.cal-list .btn {margin-top:0;}

.tx-etagenuserregister-pi1 {
  width: 96%;
  margin: 0 auto;
}

.tx-etagenuserregister-pi1 label + * { clear: left; width: 100%;}

}

@media screen and (max-width: 750px) {
/* unterhalb vom iPad */

.col-1 {width:16.6667%;}
.col-2 {width:33.3333%;}
.col-3 {width:50%;}
.col-4, .col-6, .col-8, .col-9 {width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9 {margin-bottom:15px;}

.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:16.6667%; margin-bottom:0;}
.col-6 .col-3, .col-4 .col-3, .col-3 .col-3 {width:25%; margin-bottom:0;}
.col-6 .col-4, .col-4 .col-4, .col-3 .col-4 {width:33.3333%; margin-bottom:0;}
.col-6 .col-6, .col-4 .col-6, .col-3 .col-6 {width:50%; margin-bottom:0;}

.wrap-img img {margin:0 auto;}

#footer .col-4, #footer .col-2 {width:50%; margin-top:0; text-align:left;}
#footer .col-4 + .col-2 {clear:both;}


.half-top .btn-trans {position:absolute; bottom:230px; left:15px;}
.half-top .col-6 {margin-bottom:0; min-height:0;}
.half-top .img-main {left:auto !important; right:0;}

#page-1 .row-over.bg-dark .row >.col-4:first-child .wrap-img {display:none;}

.tx-etageneventregister-pi1 input:not(.btn),
.tx-etageneventregister-pi1 label {clear:both; border:0; float:none; display:block; width:100%}
#main input[type="checkbox"], #main input[type="radio"] {width:13px; left:0; }
#main input[type="checkbox"] + label, #main input[type="radio"] + label {margin-left:5%;}
}

@media screen and (max-width: 650px) { 
/*
.video-js .vjs-tech {position:static;}
.video-js-box,
.video-js {width:100% !important; height:auto !important;}
*/
}

@media screen and (max-width: 600px) { 
/* Timeline-Modul auf vertikal umklappen */
.box-history > .col {padding:0; margin: 60px 0 50px;}
.history-text {padding-left: 15px; padding-right:15px;}
.history-img {top:-70px; margin-left:2px;}
.act .history-img {margin-top:-18px;}

.box-history > .col:first-child:before {left:75px;}
.history-text .csc-textpic-text {padding:20px;  background:#fff;  border:0; border-top: 4px solid;}
.history-text:before {left:75px; top:-20px; border-width: 10px 5px; border-color: transparent; border-bottom-color: rgb(250, 233, 207);}

.history-text .csc-textpic-text {
  -webkit-transform: rotateX(-10deg);
  transform: rotateX(-10deg);}
  
.history-img .wrap-img p {position:absolute; left:100%; text-align:left; top:50%; margin-top:-10px; min-width:100%;}

.act .history-text:before, .box-history > .col:hover .history-text:before  {border-color: transparent; border-bottom-color: rgb(250, 176, 0); }
.act .history-text .csc-textpic-text {
  -webkit-transform: rotateX(3deg);
  transform: rotateX(3deg);}
  

.video-js-box, .video-js-box .video-js, .video-js-box video {width:100% !important; height:auto !important;}
.video-js .vjs-tech {position:static;}
iframe,
.video-js-box {width:96% !important; padding:0 2%;}
}

@media screen and (max-width: 550px) {
.col-1 {width:25%;}
.col-2 {width:50%;}
.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:25%;}
.col-6 .col-3, .col-4 .col-3, .col-3 .col-3 {width:50%; margin-bottom:0;}
.col-3, .row .col-4, .row .col-6 {width:100%;}
.tx-tscleverreach-pi1 select {width:100%;}
.form-inline div, .form-inline input[type="submit"], .form-inline input {width:100%; margin:0;}
.menu.menu-0.opened {clear:both; float:none;}
.ipzbreadcrumb {width: 100%;}
}

@media screen and (max-width: 480px) {
#footer .col-4, #footer .col-2, #footer .menu {width:100%; text-align:center;}
#footer .col-4, #footer .col-2 {margin-bottom:30px;}
#footer .menu a {display:inline;}
.col-headline h1 {font-size:3rem;}
.col-headline h1 + p {font-size:1.5rem;}
.breadcrumbs .menu {padding-left:0;}
}
 
@media screen and (max-width: 350px) {
.col-1 {width:50% !important;}
.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:50% !important;}
.col-2, .row .col-3 {width:100% !important;}
}


/* Trauerportal (Mobile) Slider Fix */
html.js .tx-etagentrauerportal-pi1 > .col {overflow:hidden;}
html.js .tx-etagentrauerportal-pi1 .candles .slider-mask {overflow:visible;}
html.js .tx-etagentrauerportal-pi1 .candles .layer.visible {opacity: 1 !important; display:block;}

@media screen and (min-width: 767px) { 
  html.js .tx-etagentrauerportal-pi1 .candles .layer {opacity:0/*1*/; position:relative; float:left;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
  }
  html.js .tx-etagentrauerportal-pi1 .candles .layer.act {opacity:1;}
}

@media screen and (max-width: 767px) { 
  /*.tx-etagentrauerportal-pi1 .candles .slider-mask .layer-container > .layer + .layer {display:none !important;}*/
  
  html.js .tx-etagentrauerportal-pi1 .candles .layer {opacity:1 !important;}
}



/* Reduzierte Seite für öffentlichen Monitor */
#page-1774 #subheader, #page-1774 .menu-selected, #page-1774  #header .col > * {display:none;}
#page-1774  #header , #page-1774  #header .col{height:0; padding:0; min-height:0;}
#page-1774  #header #logo {display:block; position:absolute; left:15px; margin-top:30px; }
#page-1774  #main > .col-headline:first-child {padding-top:24px;}

/* Pax Spendenformular*/
/*
.paxheadline {display:none;}
.js form.Profispende fieldset {background:none; border:0; float:left; clear:both; width:100%;}
.js form.Profispende fieldset legend {border:0; float:left; clear:both; width:100%;}
.js form.Profispende fieldset ol {float:left; clear:both; width:100%; margin:0;}
.js .paxform {margin-top: -60px;}
.js .paxform label {border-bottom:0;}
.js .paxform fieldset.pax {margin-bottom:0px;}
.js .paxform fieldset.pax.field-1 legend {font-family: "thesans",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 3.1rem; line-height: 1.2em; color:#fff;}
.js .paxform fieldset.pax.field-1 label {font-size: 1.7rem; margin-bottom: 5px; color: #fff; font-family: "thesans",Arial,Helvetica,sans-serif; font-weight: normal;}

.js .paxform fieldset.pax.field-1 label, .js .paxform fieldset.pax.field-2 label, 
.js .paxform fieldset.pax.field-4 label {display:none;}

.js .paxform fieldset.pax label[for="spenden_intervall"],
.js .paxform fieldset.pax label[for="spenden_intervall"] + div.element > label {display:block !important;}

.js .paxform fieldset.pax.field-2 .fieldnumb-0 select {width:40%;}
.js .paxform fieldset.pax.field-2 .fieldnumb-0 input {width:58%; margin-top: 0px; margin-left:2%;}

.js .paxform fieldset.pax.field-2 .fieldnumb-4 input[name="plz"] {width:40%;}
.js .paxform fieldset.pax.field-2 .fieldnumb-4 input[name="ort"] {width:58%; margin-top: 0px; margin-left:2%;}

.js .paxform fieldset.pax.field-3 .fieldnumb-0 input {float:left; clear:none; width:30px; left:auto;}
.js .paxform fieldset.pax.field-3 .fieldnumb-0 label {float:left; width:auto; margin:0;margin-right:15px;}
.js .paxform fieldset.pax.field-3 .fieldnumb-0 br {display:none;}
.js .paxform fieldset.pax.field-3 .fieldnumb-0 {display:none;}

.js .paxform fieldset.pax.field-3 .fieldnumb-1 div.element * {display:none;}
.js .paxform fieldset.pax.field-3 .fieldnumb-1 div.element input {display:block;}

.js .paxform fieldset.pax.field-3 .fieldnumb-1 label, .js .paxform fieldset.pax.field-5 .fieldnumb-0 label,
.js .paxform fieldset.pax.field-3 .fieldnumb-2 label {display:none;}

.js .paxform fieldset.pax.field-5 .fieldnumb-0 textarea {width:100%; padding-top: 10px;}
.js .paxform fieldset.pax.field-5 .fieldnumb-1 input[name="agb"] {left:auto; float:left; clear:both;}
.js .paxform fieldset.pax.field-5 .fieldnumb-1 .element label {margin-left:25px;}
*/

iframe.paxframe {margin-top:-25px;}

.tx-etagentrauerportal-pi1 .success.kerze .titlefield {font-size: 2.4rem; line-height:1.2em; color: #fff;}
.tx-etagentrauerportal-pi1 .success.kerze a { font-size:16px; line-height:2em; margin-top: 20px; margin-left: 15px;}

form.newsletter-subscribe {max-width:540px; width:100%; margin:0 auto; float:none;}

/*
==================================================
Einfache Utility-Klassen
==================================================
*/
body .no-padding {padding:0;}
body .no-v-padding {padding-top:0; padding-bottom:0;}
body .no-h-padding {padding-left:0; padding-right:0;}
body .negate-grid-padding {margin-left:-15px; margin-right:-15px; padding:0;}
body .l {left:0; right:auto; float:left;}
body .r {left:auto; right:0; float:right;}
img.links {float:left; margin: 5px 15px 10px 0; }
img.rechts {float:right; margin: 5px 0 10px 15px; }
body .hidden {display:none;}
body .visually-hidden { position:absolute; left:-3000px; left:-2vw; top:auto; width:1px; height:1px; overflow:hidden;}
body .visually-hidden:focus {left:5px; top:0; width:auto; height:auto; z-index:2000;}

.matomo-opt-out {
  padding: 0 calc(1em - 8px);
}

/* Fix für originale Cleverreach-Formulare */
.cr_ipe_item input {position:static;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {margin-right:0.75em;}
div[rel=checkbox] > .itemname, div[rel=radio] > .itemname {margin-bottom:0.75em;}