@charset 'UTF-8';
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #313131;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 20px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 20px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 20px; }
    .ce-below .ce-gallery { margin-top: 20px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_evangtermine" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-evangtermine table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-evangtermine table th {
		font-weight:bold;
	}

	.tx-evangtermine table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_tinyaccordion" */
	ul.tinyaccordion {list-style:none; background:none !important;}
	ul.tinyaccordion li {background:none !important; padding-left:0px;}
	ul.tinyaccordion h4 {margin: 0 0 6px 0;padding-left:20px; cursor:pointer; background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/plus.png') no-repeat 0 3px;}
	ul.tinyaccordion h4.acc-selected {background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/minus.png') no-repeat 0 7px;}
	ul.tinyaccordion h4:hover {text-decoration:underline;}
	ul.tinyaccordion .acc-section {overflow:hidden;}
	ul.tinyaccordion .csc-default,
	ul.tinyaccordion ul.tinyaccordion,
	ul.tinyaccordion ul.tinyaccordion .news-single-item {padding: 0 0 10px 21px;}
	ul.tinyaccordion li .csc-header:first-child {display:none;}

.slick-slider {
 position:relative;
 display:block;
 box-sizing:border-box;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-touch-callout:none;
 -khtml-user-select:none;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-tap-highlight-color:transparent
}
.slick-list {
 position:relative;
 display:block;
 overflow:hidden;
 margin:0;
 padding:0
}
.slick-list:focus {
 outline:0
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.slick-track {
 position:relative;
 top:0;
 left:0;
 display:block;
 margin-left:auto;
 margin-right:auto
}
.slick-track:before,
.slick-track:after {
 display:table;
 content:''
}
.slick-track:after {
 clear:both
}
.slick-loading .slick-track {
 visibility:hidden
}
.slick-slide {
 display:none;
 float:left;
 height:100%;
 min-height:1px
}
[dir='rtl'] .slick-slide {
 float:right
}
.slick-slide img {
 display:block
}
.slick-slide.slick-loading img {
 display:none
}
.slick-slide.dragging img {
 pointer-events:none
}
.slick-initialized .slick-slide {
 display:block
}
.slick-loading .slick-slide {
 visibility:hidden
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent
}
.slick-arrow.slick-hidden {
 display:none
}


.slick-loading .slick-list {
 background:#fff url('../../../fileadmin/kirchenkreis/template/images/ajax-loader.gif') center center no-repeat
}
@font-face {
 font-family:'slick';
 font-weight:normal;
 font-style:normal;
 src:url('../../../fileadmin/kirchenkreis/template/fonts/slick.eot');
 src:url('../../../fileadmin/kirchenkreis/template/fonts/slick.eot?#iefix') format('embedded-opentype'),
 url('../../../fileadmin/kirchenkreis/template/fonts/slick.woff') format('woff'),
 url('../../../fileadmin/kirchenkreis/template/fonts/slick.ttf') format('truetype'),
 url('../../../fileadmin/kirchenkreis/template/fonts/slick.svg#slick') format('svg')
}
.slick-prev,
.slick-next {
 font-size:0;
 line-height:0;
 position:absolute;
 top:50%;
z-index:1;
 display:block;
 width:20px;
 height:20px;
 padding:0;
 -webkit-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 transform:translate(0,-50%);
 cursor:pointer;
 color:transparent;
 border:0;
 outline:0;
 background:transparent
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
 color:transparent;
 outline:0;
 background:transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
 opacity:1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
 opacity:.25
}
.slick-prev:before,
.slick-next:before {
 font-family:'slick';
 font-size:40px;
 line-height:1;
 opacity:.75;
 color:white;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.slick-prev {
 left:-25px
}
[dir='rtl'] .slick-prev {
 right:-25px;
 left:auto
}
.slick-prev:before {
 content:'←'
}
[dir='rtl'] .slick-prev:before {
 content:'→'
}
.slick-next {
 right:-25px
}
[dir='rtl'] .slick-next {
 right:auto;
 left:-25px
}
.slick-next:before {
 content:'→'
}
[dir='rtl'] .slick-next:before {
 content:'←'
}
.slick-dotted.slick-slider {
 margin-bottom:30px
}
.slick-dots {
 position:absolute;
#right:0px;
 bottom:0px;
 display:block;
 width:auto;
 padding:0;
 margin:0;
 list-style:none;
 text-align:center;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);

}
.slick-dots li {
 position:relative;
 display:inline-block;
 width:15px;
 height:15px;
 margin:0 5px;
 padding:0;
 cursor:pointer
}
.slick-dots li button {
 font-size:0;
 line-height:0;
 display:block;
width:15px;
 height:15px;
 padding:0px;
 cursor:pointer;
 color:transparent;
 border:0;
 outline:0;
 background:transparent
}
.slick-dots li button:hover,
.slick-dots li button:focus {
 outline:0
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
 opacity:1
}
.slick-dots li button:before {
 font-family:'slick';
 font-size:15px;
 line-height:16px;
 position:absolute;
 top:0;
 left:0;
 width:14px;
 height:14px;
 content:'•';
 text-align:center;
 opacity:1;
 color:rgba(255,255,255,1);
#border:2px solid #fff;
border-radius:45px;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
 opacity:.60;
 color:#826df4;
}


.slick-dots{margin-left:0;margin-right:0}.slick-dotted.slick-slider.frame-space-after-extra-small{margin-bottom:1em}.slick-dotted.slick-slider.frame-space-after-small{margin-bottom:2em}.slick-dotted.slick-slider.frame-space-after-medium{margin-bottom:3em}.slick-dotted.slick-slider.frame-space-after-large{margin-bottom:4em}.slick-dotted.slick-slider.frame-space-after-extra-large{margin-bottom:5em}.slick-slider.hidden{display:none}.slick-slide figure{margin:0}.slick-slide img{height:auto}.slickcontentelement.outerwrap{position:relative}.slickcontentelement .contentwrap{background:rgba(145,145,145,0.7);color:white;position:relative;bottom:0;padding:.4rem .9375rem;position:absolute;width:100%}.slickcontentelement.layout-1 .contentwrap{width:auto}.slickcontentelement.layout-2 .contentwrap{right:0;width:auto}.slickcontentelement.layout-3 .contentwrap{background:inherit;text-shadow:0 0 4px #000;width:auto}.slickcontentelement .contentwrap *,#startBox01 .slick-slider .contentwrap *{color:white}.slickcontentelement .slick-header{font-size:1.4rem;font-weight:bold}.slickcontentelement .slick-text,.slickcontentelement .slick-text p,#startBox01 .slickcontentelement .slick-text,#startBox01 .slickcontentelement .slick-text p{font-size:1rem;line-height:1.2rem;margin:0}.slickcontentelement.layout-3 .slick-text,.slickcontentelement.layout-3 .slick-text p,#startBox01 .slickcontentelement.layout-3 .slick-text,#startBox01 .slickcontentelement.layout-3 .slick-text p{font-weight:bold}.slick-sync .contentwrap,.slick-sync figcaption{display:none}
/* open-sans-300 - cyrillic-ext_greek_latin_cyrillic_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - cyrillic-ext_greek_latin_cyrillic_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - cyrillic-ext_greek_latin_cyrillic_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/kirchenkreis/template/fonts/open-sans_cyrillic_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/** css edv plan GmbH / by toberg */

body{
font-family: 'Open Sans', sans-serif;
  font-size:1.1em; 
line-height:1.4em; 
  margin: 0px !important;
padding:0px;
width:100%;
#overflow:hidden;
#overflow-y:visible;
background-color:#fff; 
  }
header {
width:100%;
float:left;
display:block;
text-align:center;
  }
h100 {
  display:none;
}
h0, header h0,
h1, header h1, p.caption-title, .headline .titel {
display:inline-block;
float:left;
text-align:left;
width:auto;
min-width:10px !important;
margin-top:0px;
margin-bottom:1.8em;
padding-left:13px;
padding-top:0px;
font-family: 'Open Sans', sans-serif;
font-size:2em; 
line-height:1.1em;
font-weight:normal;
text-transform:uppercase;
background-repeat:no-repeat;
background-position: left 0.15em;
}
h0.ce-headline-center, h1.ce-headline-center, p.caption-text {
float:none !important;
}
h2,
h1#et_detail_title {
font-family: 'Open Sans', sans-serif;
font-size:1.6em;
line-height:1.1em;
text-align:left;
font-weight:bold;
text-transform:uppercase;
margin:0px 0px 1em 0px;
}
h3{
/* Standard
font-family: 'Open Sans', sans-serif;
font-weight:normal;
text-transform:uppercase;
margin:0px 0px 0.7em 0px;
font-size:1.1em;
line-height:1.2em; */
text-align:left;
min-width:10px !important;
margin-top:0px;
margin-bottom:1.8em;
padding-left:13px;
padding-top:0px;
font-family:arial, sans;
font-size:1.3em;
text-align:left;
text-transform:uppercase;
color:#6633cc;
font-weight:bold !important;
margin-bottom:0.5em;
background-size:8px 8px !important;
background-position:0px 0.2em;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgh1.png);
background-repeat:no-repeat;
background-position: left 0.15em;
}
h4{
font-family: 'Open Sans', sans-serif; 
font-size:1.2em;
line-height:1.3em;
##letter-spacing:0.04em;
margin:0px 0px 0.2em 0px;
font-weight:normal;
}
p time {
float:left;
text-align:left;
}
.ce-gallery .image-caption {
font-size:90%;
font-style:italic;
margin-left:12px;
  }
.ce-image.ce-right .ce-gallery .image-caption {
margin-left:12px;
    }
ol {
padding-left:20px;
}
ul.contentlist{
  float:both;
 width:auto;
    list-style-type: none;
      padding:1px !important;
      margin:0px 0px 10px 0px;
    }
ul.contentlist li {
width:auto;
clear:left;
display:block;
list-style-type: none;
padding:0px 0px 0px 0em;
margin:0px 0px 0.3em 1em;
    }
ul.contentlist li:before,
ul.menulist li:before,
.frame-type-menu_pages li:before,
.frame-type-menu_subpages li:before{
content: '■';
 margin-right:8px;
 margin-left:-20px;
 vertical-align:0.1em;
}
ul.menulist,
.frame-type-menu_pages ul,
.frame-type-menu_subpages ul{
width:auto !important;
clear:left !important;
display:block !important;
list-style-type: none;
padding:0px 0px 0px 0em !important;
margin:0px 0px 0.3em 0em !important;
    }
ul.menulist li,
.frame-type-menu_pages li,
.frame-type-menu_subpages li{
width:auto !important;
clear:left !important;
display:block !important;
list-style-type: none !important;
padding:0px 0px 0px 0em !important;
margin:0px 0px 0.3em 1em !important;
  list-style-type: none;  
    }
ul.menulist li:last-child,
.frame-type-menu_pages li:last-child,
.frame-type-menu_subpages li:last-child {
  margin: 0px 0px 0.2em 0px;
}
p {
margin:0px 0px 0.5em 0px;
}
p .important {
font-size:90%;
margin:0px !important;
color:#d49dc0;
}
p {
margin-top:0px;
margin-bottom:0.5em;
}
hr {
position:relative;
float:left;
clear:left;
width:100%;
margin:5px 0px 5px 0px;
  border-top:0px;
 border-bottom:1px solid #313131; 
}
.frame-ruler-before:before,
.frame-ruler-after:after{
display:none !important;
}
.frame-ruler-after,
.frame-linieobenunten {
float:left;
clear:left;
width:100%;
padding-bottom:1%;
margin-bottom:2%;
border-bottom:1px solid #313131;
  }
.frame-ruler-before,
.frame-linieobenunten {
float:left;
clear:left;
width:100%;
padding-top:2%;
margin-top:1%;
border-top:1px solid #313131;
  }
.frame-default, .ce-textpic {
width:100%;
float:left;
clear:left;
  }
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large,
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
float:left;
clear:left;
width:100%;
}
.frame-frame1 {
float:left;
border:1px solid;
width:84%;
padding:0.8%;
  }
.frame-frame2 {
float:left;
border-top:1px solid;
border-bottom:1px solid;
width:100%;
padding-top:1%;
padding-bottom:1%;
  }

.frame-textbutton p a,
p a.frame-textbutton,
.frame-kopfbild .flexslider .caption-body p a,
.frame-kopfbild .flexslider .caption-link a,
.frame-kopfbild .ce-bodytext p a,
input.powermail_submit,
.section-state3 .tx-felogin-pi1 [type="submit"],
/** hier.frame-textbutton eigene Erscheinungsbilder **/
.schattenbox p a,
.frame-infoboxengelb p a,
.frame-infoboxenweiss p a,
.frame-infoboxenblau p a,
.tx-evangtermine .et_detail_backlink a,
.frame-newsbox .news-list-view .card:after {
display:inline-block;
text-align:center;  
font-size:0.8em;
line-height:49px;
text-transform:uppercase;
font-weight:normal;
margin-top:2%;
padding:0px 70px 0px 30px;
border-radius: 0px;
border:0px solid;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin-bottom:2%; 
background-repeat: no-repeat !important;
background-position: top right !important;
background-size: auto 100%;
}

DIV.ce-textpic.ce-left DIV.ce-image-imagewrap img {
  float: left;
  margin-right:30px;
}
DIV.ce-image.ce-right DIV.ce-image-imagewrap  img{
  float: right;
  margin-left:0px;
}

/* links */
a,
a:visited {
text-decoration:none;
}
a:hover{

}
.ce-headline-right,
.align-right {
  text-align:right;  
}

.ce-headline-center, 
.align-center,
.text-center {
  text-align:center;  
}
.align-justify {
  text-align:justify;  
}
/* Space */
    .frame-space-before-extra-small { margin-top: 1em !important; }
    .frame-space-before-small { margin-top: 2em !important; }
    .frame-space-before-medium { margin-top: 3em !important; }
    .frame-space-before-large { margin-top: 4em !important; }
    .frame-space-before-extra-large { margin-top: 5em !important; }
    .frame-space-after-extra-small { margin-bottom: 1em !important; }
    .frame-space-after-small { margin-bottom: 2em !important; }
    .frame-space-after-medium { margin-bottom: 3em !important;}
    .frame-space-after-large { margin-bottom: 4em !important; }
    .frame-space-after-extra-large { margin-bottom: 5em !important; }
/* structure */ 

#wrapper, #container, #main{ 
  position:relative;
  float:left;
  clear:left;
  z-index:1;
  min-height: 100px;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
#footer .footercontent,
.section-state1 .section-content,
.section-state2 .section-content,
.section-state3 .section-content,
.section-state4 .section-content,
.section-state5 .section-content,
.section-state6 .section-content,   
.section-state7 .section-content,
.section-state8 .section-content,
.section-state10 .section-content{
    max-width:1000px;
    margin:0 auto;
    padding:0% 0% 0% 0%;
    }

/* Breite und Float als Onepage Seite */
#main #content.section-state0 .section-state0,
#main #content.section-state0 .section-state1,
#main #content.section-state0 .section-state2,
#main #content.section-state0 .section-state3,
#main #content.section-state0 .section-state4,
#main #content.section-state0 .section-state5,
#main #content.section-state0 .section-state6,   
#main #content.section-state0 .section-state7,
#main #content.section-state0 .section-state8,
#main #content.section-state0 .section-state10,
#footer,
/* Breite und Float als Einzelseite */
#main #content.section-state1,
#main #content.section-state2,
#main #content.section-state3,
#main #content.section-state4,
#main #content.section-state5,
#main #content.section-state6,   
#main #content.section-state7,
#main #content.section-state8,
#main #content.section-state10 {
float:left;
clear:left;
 width:100%;
margin:0px;
}
/*Abstand wegen festem Menue */
#main #content.section-state1,
#main #content.section-state2,
#main #content.section-state3,
#main #content.section-state4,
#main #content.section-state5,
#main #content.section-state6,   
#main #content.section-state7,
#main #content.section-state8,
#main #content.section-state10 {
margin-top:220px;  
}
#footer {
padding-bottom:0 !important
}

#footer, #footer a {
margin-bottom:0px;
color:#b1b1b0 !important;
}

/** **/
#content .myclass:last-Child,
#content.myclass {
padding-bottom:150px !important;
    }
#container #main #content.myclass:first-Child{
margin-top:20px !important;
}
/** **/
ul.contentList {
  margin: 1em 0;
  padding: 0 0 0 0px; }
#content dd {
  margin: 0 0 0 40px; }


#content img, #spalte_rechts img, embed, object, video {
  max-width: 100%;
  width:98%;
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content img, #spalte_rechts img, embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}
@media \0screen {
#content img, #spalte_rechts img, embed, object, video { 
    width: auto\9; /* for ie 8 */
  }
}

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

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

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

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

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

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

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

.clearfix { zoom: 1; }





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

DIV.ce-image DIV.ce-image-imagecolumn {
}

/* onepage menu standard ueberschreiben und Grundkonfig Seitenmenue */


nav li.logo a {
position:absolute;
display:block;
width:90%;
height:55%;
color:transparent !important;
background-color:transparent !important;
border:0px solid transparent !important;
}
nav li.logo a:hover {
color:transparent;
}
nav.einzelseite.scroller {
position:absolute;
}

nav.tx-bwrk-onepage-menu {
position:fixed;
top:100px;
z-index:100000 !important;
width:100%;
text-align:center;
font-size:0.9em;
text-transform:none;
white-space: nowrap;
background-color:#6633cc;
transition: top 0.8s;
 /* 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
*/
}
/*.tx-bwrk-onepage-menu.sticky {
position:fixed;
top:60px;
transition: top 0.4s;
  
}*/ 
nav.einzelseite ul {
position:relative;
float:left;
width:auto;
overflow:hidden;
padding:0% 0% 0% 0% !important;
text-align:center;
border-right:2px solid #6633cc;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tx-bwrk-onepage-menu ul {
position:relative;
width:1100px;
z-index:10000;
margin:0 auto !important;
padding:0px;
background-color:#6633cc;
  }
nav.einzelseite ul {
position:relative;
margin:0;
text-align:left;
  }
nav.einzelseite ul li:first-Child a {
color:transparent !Important;
}
.tx-bwrk-onepage-menu ul li,
nav.einzelseite ul li{
  position: relative;
display:inline-block;
width:auto;
}
nav.einzelseite ul li{
float:left;
}

.tx-bwrk-onepage-menu ul li a {
display:inline-block;
text-transform:uppercase;
padding:5px 10px 5px 10px;
  position: relative;
color:#fff;
width:auto;
  }
.tx-bwrk-onepage-menu ul li a[href="#section-id-132"] {
font-weight:bold !important;
}
 .tx-bwrk-onepage-menu ul li a:hover,
.tx-bwrk-onepage-menu ul li a:active,
.tx-bwrk-onepage-menu ul li a.bwrk-onepage-current {
text-decoration:underline;
      }   
nav.einzelseite ul li:first-Child a:link{
padding-left:0.5em;
padding-right:0.5em;
  }
/* flexslider Grundformatierungen */
.flexslider {
background:none;
  }
.flexslider p.caption-title {
float:left;
width:100%;
margin:0;
padding:0;
font-size:1.4em;
color:#fff;
    } 
.flexslider ol.flex-control-nav {
bottom:-40px;
max-width:100%;
height:20px;
      }
.flexslider .flex-control-nav li {
float:none;
}
.flexslider .flex-control-paging li a {
height:10px; 
width:10px;  
background-color:#fff; border:2px solid #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;           
 }
.flexslider .flex-control-paging li a.flex-active {
background-color:#6633cc;
border-color:#6633cc;
  }    


/* youtube und maps responsive einbetten */
.responsive-video iframe,
.frame-responsive-iframe iframe,
.responsive-video object,
.responsive-video embed{
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
  }
.responsive-video{
  position:relative;
  padding-bottom:56.25%;
  padding-top:0px;
  height:0;
  overflow:hidden;
  }
.frame-responsive-iframe{
  position:relative;
float:left;
  padding-bottom:500px;
  padding-top:0px;
  height:0;
  overflow:hidden;
width:100%;
  }
#mymap,
#perlig{
  width: 100%;
  min-height: 450px;
}

/* Scrollicon Seitenanfang */
.back-to-top {
 position: fixed;
display:block;
z-index:2000;
 bottom:20px;
 right:0px;
 padding:10px;
font-size:150%;
color:#333;
background: rgba(255,255,255,0.7);     
}
.back-to-top img {
width:32px;
  }
/* Social media button rechts */

#mediafly {
  position:fixed;
  z-index:1000;
  right:0px;
  bottom:100px;
  padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
  height:auto;
background: rgba(255,255,255,0.7); 
  text-align:left;
}
/* Suche Hauptmenue */
#suchbox {
position:absolute;
right:-260px; 
 transition: right 1s; 
-o-transition: right 1s; 
-moz-transition: right 1s; 
-webkit-transition: right 1s;
}
nav.einzelseite ul li.suche {
min-width:35px !important;
padding-left:0px;
padding-right:10px;
width:35px;
}
nav.einzelseite ul li.suche a.show-lupe {
position:absolute;
float:left;
display:block;
min-width:35px !important;
height:100px;
background-image: url(/fileadmin/kirchenkreis/template/images/menu-lupe.png);
background-repeat: no-repeat;
background-size:30px auto;
background-position: center;
}
nav.einzelseite ul li.suche a.show-lupe:hover {
background-image: url(/fileadmin/kirchenkreis/template/images/menu-lupe-weiss.png);
}
li.suche #suchbox form {
position:absolute;
background-color: #6633cc;
border:0px;
}
li.suche #suchbox fieldset input {
padding:4px;
margin:0px;
}
li.suche #suchbox form fieldset {
border:0px;
padding:8px 5px 10px 10px;
}
li.suche #suchbox form .submitbutt input {
color:transparent;
background-color:transparent;
border:0px;
width:25px;
height:25px;
padding:0px;
margin:0px !important;
background-image: url(/fileadmin/kirchenkreis/template/images/menu-lupe-weiss.png);
background-repeat: no-repeat;
background-size:20px auto;
background-position: center;
cursor:pointer;
}
/* CSS Document */
/* *****************
Hintergrund weiss
*********************/
.section-state1 { 
    color:#313131;
padding-top:30px;
padding-bottom:3%;
}
.section-state1 h1,
.section-state1 h2,
.section-state1 h4{
    color: #313131;
} 
.section-state1 h2,
.section-state1 h1#et_detail_title {
    color:#313131;
}  
.section-state1 h1 {
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgh1.png);
}
.section-state1 .frame-textbutton p a,
.section-state1 p a.frame-textbutton,
.section-state1 input.powermail_submit,
.section-state1 .tx-evangtermine .et_detail_backlink a {
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png) !important;
background-color:#31353d !important;
}
.section-state1 .frame-textbutton p a:hover,
.section-state1 .frame-textbutton p a:active,
.section-state1 p a.frame-textbutton:hover,
.section-state1 p a.frame-textbutton:active,
.section-state1 input.powermail_submit:hover,
.section-state1 input.powermail_submit:active,
.section-state1 .tx-evangtermine .et_detail_backlink a:hover{
    background-color:#c9c9c9 !important;
color:#fff !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state1 a{
    color:#6633cc;
}
.section-state1 a:hover,
.section-state1 a:active {
    color:#313131 !important;
text-decoration:underline;
}

.section-state1 .frame-frame1,
.section-state1 .frame-frame2 {  
}
/* Accordion */
ul.tinyaccordion h4 {
color:#31353D;
background-color: #C9C9C9;
}
ul.tinyaccordion h4:hover,
ul.tinyaccordion h4.acc-selected {
background-color: #6633CC;
color:#fff;
}
/* *****************
Hintergrund grau
*********************/
.section-state2 { 
width:100%;
    color:#31353d;
padding-top:3%;
padding-bottom:3%;
background-color:#c9c9c9;
}

.section-state2 h1,
.section-state2 h2,
.section-state2 h4{
    color: #31353d;
} 

.section-state2 h1 {
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgh1.png);
}
.section-state2 .frame-textbutton p a,
.section-state2 p a.frame-textbutton,
.section-state2 input.powermail_submit {
color:#fff;
text-decoration:none;
background-color:#31353d !important;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png);
}
.section-state2 .frame-textbutton p a:hover,
.section-state2 .frame-textbutton p a:active,
.section-state2 p a.frame-textbutton:hover,
.section-state2 p a.frame-textbutton:active,
.section-state2 input.powermail_submit:hover,
.section-state2 input.powermail_submit:active {
    background-color:#fff !important;
color:#31353d !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state2 a,
.section-state2 .frame-eventteaser a:hover{
    color:#6633cc;
}
.section-state2 a:hover,
.section-state2 a:active {
    color:#31353d;
text-decoration:underline;
}

/* *****************
Hintergrund grau + stil. Kreuz
*********************/
.section-state3 { 
width:100%;
    color:#31353d;
padding-top:3%;
padding-bottom:3%;
background-color:#c9c9c9;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bggrau.png);
background-repeat: repeat-y;
background-position: center top;
background-attachment: scroll;
}

.section-state3 h1,
.section-state3 h2,
.section-state3 h4{
    color: #31353d;
} 
.section-state3 h1 {
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgh1.png);
}
.section-state3 .frame-textbutton p a,
.section-state3 p a.frame-textbutton,
.section-state3 input.powermail_submit,
.tx-felogin-pi1 [type="submit"]{
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png);
background-color:#31353d !important;
}
.section-state3 .frame-textbutton p a:hover,
.section-state3 .frame-textbutton p a:active,
.section-state3 p a.frame-textbutton:hover,
.section-state3 p a.frame-textbutton:active,
.section-state3 input.powermail_submit:hover,
.section-state3 input.powermail_submit:active,
.tx-felogin-pi1 [type="submit"]:hover{
    background-color:#fff !important;
color:#31353d !important;
text-decoration:none;

}

/* TEXTLINK */
.section-state3 a,
.section-state2 .frame-eventteaser a:hover{
    color:#6633cc;
}
.section-state3 a:hover,
.section-state3 a:active {
    color:#31353d;
text-decoration:underline;
}

  /* *****************
Hintergrund Foto Wasser/See




*********************/
.section-state4 { 
width:100%;
    color:#fff;
padding-top:3%;
padding-bottom:3%;
background-color:#fff;
    background-image: url(/fileadmin/kirchenkreis/template/images/bc-bg-wasser.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
background-size:cover;
}
.section-state4 h1,
.section-state4 h2,
.section-state4 h4{
    color: #fff;
} 
 
.section-state4 header:first-child h1.ce-headline-center {
background-image: url(/fileadmin/kirchenkreis/template/images/bc-bg-h1firstheader-weiss.png);
}
.section-state4 .frame-textbutton a,
.section-state4 p a.frame-textbutton,
.section-state4 input.powermail_submit {
color:#fff !important;
text-decoration:none;
}
.section-state4 .frame-textbutton a:hover,
.section-state4 .frame-textbutton a:active,
.section-state4 p a.frame-textbutton:hover,
.section-state4 p a.frame-textbutton:active,
.section-state4 input.powermail_submit:hover,
.section-state4 input.powermail_submit:active {
    background:#fff !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state4 a{
    color:#810706;
}
.section-state4 a:hover,
.section-state4 a:active {
    color:#313131 !important;
text-decoration:underline;
}

.section-state4 .frame-frame1,
.section-state4 .frame-frame2 {
    border-color: #3363ac;  
}  
/* *****************
Hintergrund anthrazit
*********************/
.section-state5,
#footer { 
width:100%;
color:#d1d2d4;
padding-top:3%;
padding-bottom:3%;
background-color:#31353d;
}

.section-state5 h1,
.section-state5 h2,
.section-state5 h3,
.section-state5 h4,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
.headline {
    color: #fff;
} 
#footer h1 {
font-size:1em;
}
.section-state5 h1,
#footer h1,
.headline .titel{
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bg2-h1.png);
}
.section-state5 .frame-textbutton p a,
.section-state5 p a.frame-textbutton,
.frame-kopfbild .flexslider div.caption-body p a ,
.frame-kopfbild .flexslider .caption-link a,
.frame-kopfbild .ce-bodytext p a,
#footer .frame-textbutton a,
#footer p a.frame-textbutton,
.section-state5 input.powermail_submit {
color:#31353d;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png);
background-color:#fff !important;
}
.section-state5 .frame-textbutton p a:hover,
.section-state5 .frame-textbutton p a:active,
.section-state5 p a.frame-textbutton:hover,
.section-state5 p a.frame-textbutton:active,
.frame-kopfbild .flexslider div.caption-body p a:hover,
.frame-kopfbild .flexslider .caption-link a:hover,
.frame-kopfbild .ce-bodytext p a:hover,
#footer .frame-textbutton a:hover,
#footer p a.frame-textbutton:hover,
#footer p a.frame-textbutton:active,
.section-state5 input.powermail_submit:hover,
.section-state5 input.powermail_submit:active {
    background-color:#c9c9c9 !important;
color:#fff !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state5 a,
#footer a{
    color:#fff;
text-decoration:underline;
}
.section-state5 a:hover,
.section-state5 a:active,
#footer a:hover,
#footer a:active {
    color:#826df4 !important;
text-decoration:underline;
}

.section-state5 .frame-frame1,
.section-state5 .frame-frame2,
#footer .frame-frame1,
#footer .frame-frame2  {
    border-color: #fff;  
} 
.section-state5 .frame-eventteaser,
.section-state5 .frame-eventteaser a,
.section-state5 .frame-eventteaser h0,
.section-state5 .frame-eventteaser h1 {
color:#fff !important;
    }
.section-state5 .frame-eventteaser header {
background-image: url(/fileadmin/kirchenkreis/template/images/icon-kalende-weiss.png) !important;
                }
.section-state5 .frame-ruler-before,
.section-state5 .frame-ruler-after {
border-color:#fff !important;
}
/* *****************
Hintergrund inthrazit + stil. Kreuz
*********************/
.section-state6 { 
width:100%;
color:#d1d2d4;
padding-top:3%;
padding-bottom:3%;
background-color:#31353d;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bganthrazit.png);
background-repeat: repeat-y;
background-position: center top;
background-attachment: scroll;
}

.section-state6 h1,
.section-state6 h2,
.section-state6 h3,
.section-state6 h4{
    color: #fff;
} 
.section-state6 h1 {
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bg2-h1.png);
}
.section-state6 .frame-textbutton p a,
.section-state6 p a.frame-textbutton,
.section-state6 input.powermail_submit {
color:#31353d;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png);
background-color:#fff !important;
}
.section-state6 .frame-textbutton p a:hover,
.section-state6 .frame-textbutton p a:active,
.section-state6 p a.frame-textbutton:hover,
.section-state6 p a.frame-textbutton:active,
.section-state6 input.powermail_submit:hover,
.section-state6 input.powermail_submit:active {
    background-color:#c9c9c9 !important;
color:#fff !important;
text-decoration:none;
}
/* TEXTLINK */
.section-state6 a{
    color:#fff;
text-decoration:underline;
}
.section-state6 a:hover,
.section-state6 a:active {
    color:#826df4 !important;
text-decoration:underline;
}

.section-state6 .frame-frame1,
.section-state6 .frame-frame2 {
    border-color: #fff;  
}
.section-state6 .frame-eventteaser,
.section-state6 .frame-eventteaser a,
.section-state6 .frame-eventteaser h0,
.section-state6 .frame-eventteaser h1 {
color:#fff !important;
    }
.section-state6 .frame-eventteaser header {
background-image: url(/fileadmin/kirchenkreis/template/images/icon-kalende-weiss.png) !important;
                }
.section-state6 .frame-ruler-before,
.section-state6 .frame-ruler-after {
border-color:#fff !important;
}
/* *****************
Hintergrund Blau
*********************/
.section-state7 { 
width:100%;
    color:#fff;


padding-top:3%;
padding-bottom:3%;
background-color:#3363ac;
}
 
.section-state7 header:first-child h1.ce-headline-center {
background-image: url(/fileadmin/kirchenkreis/template/images/bc-bg-h1firstheader-weiss.png);
}
.section-state7 .frame-textbutton a,
.section-state7 p a.frame-textbutton,
.section-state7 input.powermail_submit {
color:#fff !important;
text-decoration:none;
}
.section-state7 .frame-textbutton a:hover,
.section-state7 .frame-textbutton a:active,
.section-state7 p a.frame-textbutton:hover,
.section-state7 p a.frame-textbutton:active,
.section-state7 input.powermail_submit:hover,
.section-state7 input.powermail_submit:active {
    background:#fff !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state7 a{
    color:#fff;
}
.section-state7 a:hover,
.section-state7 a:active {
    color:#fff !important;
text-decoration:underline;
}

.section-state7 .frame-frame1,
.section-state7 .frame-frame2 {
    border-color: #fff;  
}

/* ****************
Hintergrund transparent Vollbild
******************/
.section-state8 { 
float:left;
top:0px;
bottom:0px;
color:#313131;
min-height:900px;
}
.section-state8 div.frame-default:first-Child {
padding:1%;
width:98%;
margin-top:2%;
margin-bottom:2%;
background-color:rgba(255,255,255,0.8);
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 2px solid #fff;
}
.section-state8 h1,
.section-state8 h2,
.section-state8 h3{
    color:#313131;
}      
.section-state8 .frame-textbutton a,
.section-state8 p a.frame-textbutton {
    color:#fff;
    background:#7c1244;
}
.section-state8 .frame-textbutton a:hover,
.section-state8 .frame-textbutton a:active,
.section-state8 p a.frame-textbutton:hover,
.section-state8 p a.frame-textbutton:active {




    background:#313131 !important;
color:#fff !important;
}            


/* TEXTLINK */
.section-state8 a{
    color:#7c1244;
}
.section-state8 a:hover,
.section-state8 a:active {
    color:#313131 !important;
}

.section-state8 .frame-frame1,
.section-state8 .frame-frame2 {
    border-color: #fff;  
}


/* ***************** 
standard - Hintergrund weiß
*********************/
.section-state10,
{ 
padding-top:1%;
padding-bottom:30px;
    color:#fff !important;
    background:#31353d;
}

.section-state10 h1,
.section-state10 h2,
.section-state10 h4{
font-size:1.2em;
margin-bottom:0.5em;
text-transform:none;
text-decoration:underline;
font-weight:normal !important;
    color:#fff;
}      
.section-state10 .frame-textbutton a,
.section-state10 p a.frame-textbutton {
    background:#810706 !important;
color:#fff !important;
text-decoration:none;
border-color:#810706;
}
.section-state10 .frame-textbutton a:hover,
.section-state10 .frame-textbutton a:active,
.section-state10 p a.frame-textbutton:hover,
.section-state10 p a.frame-textbutton:active  {
    background:transparent !important;
color:#fff !important;
text-decoration:none;
}

/* TEXTLINK */
.section-state10 a{
    color:#fff;
text-decoration:none;
}
.section-state10 a:hover,
.section-state10 a:active{
    color:#b1b1b0 !important;
text-decoration:underline;
}

.section-state10 .frame-frame1,
.section-state10 .frame-frame2 {
border-color: #fff;  
}  
.section-state10 .frame-ruler-before, 
.section-state10 .frame-ruler-after {
border-color:#fff;
  }

/***************
Infoboxen gelb in Spaltenelemente
***************/
.frame-infoboxengelb {
position:relative;
width:100%;

float:left;

clear:left;
color:#fff;

margin-bottom:2%;
  }
.frame-infoboxengelb .columncontainer div {
box-sizing:border-box;
-moz-box-sizing:border-box;
  }
.frame-infoboxengelb .multicolumnContainer .columncontainer  {
position:relative;
height:100%;
overflow:hidden;
  }
.frame-infoboxengelb .columncontainer .column {
position:relative;
z-index:3;
height:100%;
  }
  
.frame-infoboxengelb .multicolumnLayout6 .column .frame-default:first-child {
width:96%;
text-align:center;
background-color:#f8b133;
float:left;
clear:left;
padding:2% !important;
}
.frame-infoboxengelb .multicolumnLayout5 .column .frame-default:first-child,
.frame-infoboxengelb .multicolumnLayout4 .column .frame-default:first-child {
display:table;
height:100%;	
text-align:center;
background-color:#f8b133;
float:left;
width:100%;
padding:6% 0px 2% 0px;
}

.frame-infoboxengelb .column .frame-default:first-child h1,
.frame-infoboxengelb .column .frame-default:first-child h2,
.frame-infoboxengelb .column .frame-default:first-child h3,
.frame-infoboxengelb .column .frame-default:first-child h4 {
float:left;
color:#fff;
margin-bottom:2%;
text-align:center;
width:94%;
margin-left:3%;
}
.frame-infoboxengelb .column .frame-default:first-child h1,
.frame-infoboxengelb .column .frame-default:first-child h2 {
font-size:1.6em;
font-weight:normal;
}
.frame-infoboxengelb .column .frame-default:first-child h3 {
font-size:1.4em;
font-weight:bold;
}
.frame-infoboxengelb .column .frame-default:first-child h1 a,
.frame-infoboxengelb .column .frame-default:first-child h2 a,
.frame-infoboxengelb .column .frame-default:first-child h3 a {
color:#fff !important;
text-decoration:none;
        }

.frame-infoboxengelb .multicolumnContainer .frame-default:first-child .ce-image figure,
.frame-infoboxengelb .multicolumnContainer .frame-default:first-child p,
.frame-infoboxengelb .multicolumnContainer .frame-default:first-child ul.contentList li {
width:94%;
margin-left:3%;
} 
.frame-infoboxengelb p a {
margin-bottom:0px;
    color:#313131 !important;
    background-color:#fff;
}
.frame-infoboxengelb p a:hover,
.frame-infoboxengelb p a:active {
    background-color:#EE7100 !important;
color:#fff !important;
text-decoration:none;
}  
/***************
Infoboxen weiss in Spaltenelemente
***************/
.frame-infoboxenweiss {
display:table;
position:relative;
width:100%;
float:left;
clear:left;
color:#313131;
margin-bottom:2%;
  }
.frame-infoboxenweiss .columncontainer div {
box-sizing:border-box;
-moz-box-sizing:border-box;
height:100%;
  }
.frame-infoboxenweiss .multicolumnContainer .columncontainer  {
position:relative;
height:100%;
overflow:hidden;
  }
.frame-infoboxenweiss .columncontainer .column {
position:relative;
z-index:3;
height:100%;
  }  

.frame-infoboxenweiss .multicolumnLayout6 .column .frame-default:first-child {
width:96%;
text-align:center;
background-color:#fff;
float:left;
clear:left;
padding:2% !important;
}
.frame-infoboxenweiss .multicolumnLayout5 .column .frame-default:first-child,
.frame-infoboxenweiss .multicolumnLayout4 .column .frame-default:first-child{
height:100%;
text-align:center;
background-color:#fff;
float:left;
width:100%;



padding:6% 0px 2%px 0px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.frame-infoboxenweiss .multicolumnLayout4 .column:after {
position:relative;
display:block;
height:10px;
width:100%;
content: '.';
}      
.frame-infoboxenweiss .column .frame-default:first-child h1,
.frame-infoboxenweiss .column .frame-default:first-child h2,
.frame-infoboxenweiss .column .frame-default:first-child h3,
.frame-infoboxenweiss .column .frame-default:first-child h4 {
color:#313131;
margin-bottom:2%;
text-align:center;
width:94%;
margin-left:3%;
padding:0;
background-image:none;
}
.frame-infoboxenweiss .column .frame-default:first-child h1 a,
.frame-infoboxenweiss .column .frame-default:first-child h2 a,
.frame-infoboxenweiss .column .frame-default:first-child h3 a,
.frame-infoboxenweiss .column .frame-default:first-child h4 a{

color:#313131;
        }
.frame-infoboxenweiss .column .frame-default:first-child h1,
.frame-infoboxenweiss .column .frame-default:first-child h2 {
font-size:1.6em;
line-height:1em;
font-weight:normal;
}
.frame-infoboxenweiss .column .frame-default:first-child h3 {
font-size:1.4em;
line-height:1em;
font-weight:bold;
}
.frame-infoboxenweiss .column .frame-default:first-child .csc-firstHeader {
margin-top:15px;
}
.frame-infoboxenweiss .column .frame-default:first-child p,
.frame-infoboxenweiss .ce-image figure,
.frame-infoboxenweiss .column .frame-default:first-child ul.contentList li {
width:94%;
margin-left:3.5% !important;
}

.frame-infoboxenweiss .frame-textbutton {
padding-top:7px;
bottom:0px;
margin-top:70px;
    }
.frame-infoboxenweiss .frame-textbutton:before {
position:relative;
padding-top:100;
width:100%;
height:3px;
bottom:40px;
display:block;
content: '.';
color: transparent !important;
background-image: url(/fileadmin/kirchenkreis/template/images/bc-bg-h1firstheader-rot.png) !important;
background-repeat: no-repeat !important;
background-position: center 0px !important;
    }
/***************
Infoboxen blau in Spaltenelemente
***************/
.frame-infoboxenblau {
position:relative;
width:100%;
float:left;
clear:left;
color:#fff;
margin-bottom:2%;
  }
.frame-infoboxenblau .columncontainer div {
box-sizing:border-box;
-moz-box-sizing:border-box;
  }
.frame-infoboxenblau .multicolumnContainer .columncontainer  {
position:relative;
height:100%;
overflow:hidden;
  }
.frame-infoboxenblau .columncontainer .column {
position:relative;
z-index:3;
height:100%;
  }
.frame-infoboxenblau .multicolumnLayout6 .column .frame-default:first-child {
width:96%;
text-align:center;
background-color:#3363ac;
float:left;
clear:left;
padding:2% !important;
}
.frame-infoboxenblau .multicolumnLayout5 .column .frame-default:first-child,
.frame-infoboxenblau .multicolumnLayout4 .column .frame-default:first-child {
display:table;
height:100%;	
text-align:center;
background-color:#3363ac;
float:left;
width:100%;
padding:6% 0px 2% 0px;
}

.frame-infoboxenblau .column .frame-default:first-child h1,
.frame-infoboxenblau .column .frame-default:first-child h2,
.frame-infoboxenblau .column .frame-default:first-child h3,
.frame-infoboxenblau .column .frame-default:first-child h4 {
float:left;
color:#fff;
margin-bottom:2%;
text-align:center;
width:94%;
margin-left:3%;
padding:0;
background-image:none;
}
.frame-infoboxenblau .column .frame-default:first-child h1,
.frame-infoboxenblau .column .frame-default:first-child h2 {
font-size:1.6em;
font-weight:normal;
}
.frame-infoboxenblau .column .frame-default:first-child h3 {
font-size:1.4em;
font-weight:bold;
}
.frame-infoboxenblau .column .frame-default:first-child h1 a,
.frame-infoboxenblau .column .frame-default:first-child h2 a,
.frame-infoboxenblau .column .frame-default:first-child h3 a {
color:#fff !important;
text-decoration:none;
        }

.frame-infoboxenblau .multicolumnContainer .frame-default:first-child .ce-image figure,
.frame-infoboxenblau .multicolumnContainer .frame-default:first-child p,
.frame-infoboxenblau .multicolumnContainer .frame-default:first-child ul.contentList li {
width:94%;
margin-left:3%;
} 
.frame-infoboxenblau p a {
margin-bottom:0px;
    color:#313131 !important;
    background-color:#fff;
}
.frame-infoboxenblau p a:hover,
.frame-infoboxenblau p a:active {
    background-color:#EE7100 !important;
color:#fff !important;
text-decoration:none;
}
/* zusaetzliche Formatierung flexslider Erscheinungsbild.frame-kopfbild */
.frame-kopfbild {
  position:relative;
  width:100%;
margin-top:50px;
  overflow:visible;
 float:left;
  overflow:visible;
z-index:0 !important;
} 
.frame-kopfbild .flexslider {
position:relative;
background:none;
z-index:1 !important;
overflow:hidden;
    }
.frame-kopfbild .flexslider .flex-pauseplay {
display:none;
    }
 .frame-kopfbild .flexslider ul li {
bottom:0px !important;
margin-top:0%;
max-height:800px;
    }  
 .frame-kopfbild .flexslider ul li img {
margin-top:-2%;
    } 
.frame-kopfbild .flexslider .caption-wrapper {
position:absolute;
z-index:1;
overflow:hidden;
width:50%;
height:auto;
padding-left:5%;
padding-right:5%;
padding-top:1%;
padding-bottom:30px;
margin-left:20%;
bottom:0px;
background-color: #31353d;
      }
.frame-kopfbild .flexslider .caption-text{
position:relative;
float:left;
z-index:1;
overflow:hidden;
top:0px;
bottom:0px;
width:100%;
margin-left:0%;
margin-top:0%;
line-height:150%;
color:#fff;
background:none;  
padding:0px;
      }
.frame-kopfbild .flexslider p.caption-title {
position:relative;
z-index:1;
overflow:hidden;
width:98%;
float:left;
padding:0px;
margin-bottom:0px;
margin-left:auto !important;
margin-right:auto !important;
text-align:center;
color:#fff;
  }
.frame-kopfbild .flexslider .caption-body {
float:left;
z-index:1;
overflow:hidden;
width:100%;
padding-top:2%;
font-weight:normal;
text-align:center;
      }
.frame-kopfbild .flexslider .caption-body p {
position:relative;
width:100%;
float:left;
clear:left;
      }
.frame-kopfbild .flexslider .caption-body p a { 
      }
.frame-kopfbild .flexslider .caption-link {
width:100%;
text-align:center;
}
.frame-kopfbild .flexslider ol.flex-control-nav {
max-width:100%;
height:20px;
bottom:0px;
      }  

.frame-kopfbild .slick-slider {
margin-bottom:0px;
}
.frame-kopfbild .ce-textpic,
.frame-kopfbild .ce-gallery,
.frame-kopfbild .ce-outer,
.frame-kopfbild .ce-inner,
.frame-kopfbild .ce-gallery .ce-column,
.frame-kopfbild .ce-gallery .ce-row {
width:100% !important;
margin:0px !important;
padding:0px !important;
}
.frame-kopfbild .ce-gallery .ce-column {
max-height:720px;
overflow:hidden;
}
.frame-kopfbild .ce-gallery figure,
.frame-kopfbild .ce-gallery figure img {
width:100% !important;
height:auto !important;
margin:0px !important;
padding:0px !important;
-webkit-transform: translateX(-0%) !important;
-ms-transform: translateX(-0%) !important;
transform: translateX(-0%) !important;
}
.frame-kopfbild .ce-bodytext {
position:absolute;
text-align:center;
z-index:1;
overflow:hidden;
width:70%;
height:auto;
padding:20px;
bottom:0px;
color:#fff;
background-color: #31353d;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);

}
.frame-kopfbild .ce-bodytext header {
width:100% !important;
margin:0px;
font-weight:normal !important;
}
.frame-kopfbild .ce-bodytext header h1 {
position:relative;
width:100%;
float:none;
margin:0px;
font-weight:bold !important;
font-size:1.6em;
padding-bottom:0.3em !important;
text-transform:uppercase;
font-weight:normal !important;
text-align:center;
color:#fff;
}
.frame-kopfbild .ce-bodytext h1 {
color:#fff;
text-transform:none;
padding-bottom:0;
margin-bottom:0;
background-image:none;
}
.frame-kopfbild .slick-slider .ce-bodytext p:last-of-type a{
color:#000;
font-weight:normal !important;
font-size:0.8em;
font-family:arial, helvetica;
background-color: rgba(255,255,255,0.6);
}
.frame-kopfbild .slick-slider .ce-bodytext p:last-of-type a:hover {
color:#977116;
background-color: rgba(235,203,142,0.6);
    }
/*****
Erscheinungsbild Rahmen gelb
******/
.rahmengelb {
position:relative;
color:#fff;
float:left;
clear:left;
width:96%;
padding:2%;
background-color:#f8b133; 
  }
.rahmengelb h1 {
padding-bottom:0px !important;
background-image:none !important;
} 
/*****
Erscheinungsbild Rahmen rot
******/
.rahmenrot {
position:relative;
color:#fff;
float:left;
clear:left;
width:96%;
padding:2%;
background-color:#810706; 
  }
.rahmenrot h1 {
padding-bottom:0px !important;
background-image:none !important;
}
/*****
Erscheinungsbild Hintergrund anthrazit
******/
.frame-rahmendunkelgrau {
float:left;
clear:left;
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:1.6%;
color:#fff;
line-height:1.1em;
background-color: #31353d;   
  }
.frame-rahmendunkelgrau h1 {
width:100%;
padding-left:0px;
margin-bottom:0.5em;
font-size:1.5em;
color:#fff;
background:none;
    }
.frame-rahmendunkelgrau .frame-textbutton p a,
.frame-rahmendunkelgrau p a.frame-textbutton {
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-hell.png) !important;
background-color:#6633cc !important;
}
.frame-rahmendunkelgrau .frame-textbutton p a:hover,
.frame-rahmendunkelgrau .frame-textbutton p a:active,
.frame-rahmendunkelgrau p a.frame-textbutton:hover,
.frame-rahmendunkelgrau p a.frame-textbutton:active {
    background-color:#c9c9c9 !important;
color:#6633cc !important;
text-decoration:none;
}
/*****
Erscheinungsbild Hintergrund weiss
******/
.frame-rahmenweiss {
float:left;
clear:left;
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:1.6%;
color:#31353d;
line-height:1.1em;
background-color: #fff;   
  }
.frame-rahmenweiss h1 {
width:100%;
padding-left:0px;
margin-bottom:0.5em;
font-size:1.5em;
color:#6633cc;
background:none;
    }
.frame-rahmenweiss .frame-textbutton p a,
.frame-rahmenweiss p a.frame-textbutton {
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png) !important;
background-color:#6633cc !important;
}
.frame-rahmenweiss .frame-textbutton p a:hover,
.frame-rahmenweiss .frame-textbutton p a:active,
.frame-rahmenweiss p a.frame-textbutton:hover,
.frame-rahmenweiss p a.frame-textbutton:active {
    background-color:#c9c9c9 !important;
color:#6633cc !important;
text-decoration:none;
}
/*****
Erscheinungsbild Hintergrund hellgrau
******/
.frame-rahmenweiss {
float:left;
clear:left;
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:1.6%;
color:#31353d;
line-height:1.1em;
background-color: #fff;   
  }
.frame-rahmenweiss h1 {
width:100%;
padding-left:0px;
margin-bottom:0.5em;
font-size:1.5em;
color:#6633cc;
background:none;
    }
.frame-rahmenweiss .frame-textbutton p a,
.frame-rahmenweiss p a.frame-textbutton {
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-dkl.png) !important;
background-color:#6633cc !important;
}
.frame-rahmenweiss .frame-textbutton p a:hover,
.frame-rahmenweiss .frame-textbutton p a:active,
.frame-rahmenweiss p a.frame-textbutton:hover,
.frame-rahmenweiss p a.frame-textbutton:active {
    background-color:#31353d !important;
color:#fff !important;
text-decoration:none;
}
/*****
Erscheinungsbild Hintergrund lila
******/
.frame-rahmenlila {
float:left;
clear:left;
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:1.6%;
color:#fff;
line-height:1.1em;
background-color: #6633cc;   
  }
.frame-rahmenlila h1 {

width:100%;
padding-left:0px;
margin-bottom:0.5em;
font-size:1.5em;
color:#fff;
background:none;
    }
.frame-rahmenlila .frame-textbutton p a,
.frame-rahmenlila p a.frame-textbutton {
color:#fff;
text-decoration:none;
background-image: url(/fileadmin/kirchenkreis/template/images/kk-bgbutton-hell.png) !important;
background-color:#31353d !important;
}
.frame-rahmenlila .frame-textbutton p a:hover,
.frame-rahmenlila .frame-textbutton p a:active,
.frame-rahmenlila p a.frame-textbutton:hover,
.frame-rahmenlila p a.frame-textbutton:active {
    background-color:#fff !important;
color:#6633cc !important;
text-decoration:none;
}
/**************
Teaser Bild mit Text .frame-teasermitbild
Grundkonfig css in spaltenelemente.css
***************/
.frame-teasermitbild header:first-child h1 {
font-family:arial, sans;
font-size:1.3em;
color:#6633cc;
font-weight:bold !important;
margin-bottom:0.5em;
background-size:8px 8px !important;
background-position:0px 0.2em;
      }
.frame-teasermitbild .column {
width:100% !important;
    }
.frame-teasermitbild .column1 {
padding-bottom:15px;
}
.frame-teasermitbild .column1 a:hover img {
    -webkit-filter: sepia(1) hue-rotate(120deg);
    filter: sepia(1) hue-rotate(160deg);
transition: filter 1s;
      }
.frame-teasermitbild .column2 p a {
color:#313131;
padding-right:15px;
text-decoration:none;
   }
.frame-teasermitbild .column2 a:after {
content:'›';
position:absolute;
font-size:1.7em;
font-weight:bold;
color:#6633cc;
bottom:0.38em !important;
margin-left:10px;
text-shadow: 0px 0px 2px #6633cc;
}
.frame-teasermitbild header:first-child h1.ce-headline-center {
font-family: 'Open Sans', sans-serif;
background:none !important;
padding-left:0px;
margin-left:-1%;
  }
.frame-teasermitbild .ce-textpic.ce-left {
width:100%;
max-height:300px;
margin-bottom:20px;
overflow:hidden;
      }
.frame-teasermitbild .ce-textpic.ce-left figure{
width:100% !important;
max-height:300px !important;
    }
.frame-teasermitbild .ce-textpic.ce-left figure img {
width:100% !important;
height:auto !important;
}
.frame-teasermitbild .ce-textpic.ce-center figure{
width:100%;
margin-left:5% !important;
    }
.frame-teasermitbild p.align-center {
width:80%;
margin-left:10%;
  }
/**************
Teaser Bild mit Text .frame-teasergrau
Grundkonfig css in spaltenelemente.css
***************/
.frame-teasergrau .column1 {
background-color:#31353d;
    }
.frame-teasergrau .column2 {
padding:0px !important;
margin:0px !important;
    }
.frame-teasergrau .column1 a:hover img {
    -webkit-filter: sepia(1) hue-rotate(120deg);
    filter: sepia(1) hue-rotate(160deg);
transition: filter 1s;
      }
.frame-teasergrau h1  {
font-family: 'Open Sans', sans-serif;
font-size:1.2em !important;
line-height:1.1em;
padding-left:0px;
padding-bottom:1em;
width:100%;
text-align:center;
color:#fff !important;
font-weight:normal !important;
margin-bottom:0px;
background-image:none;
background-color:#31353d;
  }
.frame-teasergrau .ce-image {
width:100%;
margin-bottom:20px;
overflow:hidden;
      }
.frame-teasergrau p {
float:left;
width:94%;
margin-bottom:0px;
padding-bottom:20px;
padding-left:3%;
padding-right:3%;
display:inline-block;
color:#c9c9c9;
line-height:1.3em;
text-align:center !important;
background-color:#31353d;
        }

.frame-teasergrau p:last-child{
width:auto;
padding-bottom:0px;
padding-left:0%;
padding-right:0%;
height:40px;
   }

.frame-teasergrau .ce-textpic .ce-row figure {
width:102%;
}
.frame-teasergrau .ve-textpic-imagerow:last-child {
width:auto;
padding-left:50%;
margin-left:-47px
}
/**************
Veranstlatungen .frame-eventteaser
Grundkonfig css in spaltenelemente.css
***************/
.frame-eventteaser > header{
float:left;
clear:left;
min-height:80px;
width:calc(100% - 80px);
padding-left:80px;
text-align:left;
     background-image: url(/fileadmin/kirchenkreis/template/images/icon-kalender.png);
    background-repeat: no-repeat;
background-size:70px auto;
    background-position: left top;
    background-attachment: scroll;   
  }
.frame-eventteaser > header h0 {
float:left;
clear:left;
padding:0px;
margin-bottom:0.1em;
background:none;
color:#6633cc;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
}
.frame-eventteaser h1 {
float:left;
clear:left;
padding:0px;
margin-bottom:0.1em;
background:none;
color:#6633cc;
font-size:1.7em;
font-weight:bold;
text-transform:uppercase;
  }
.frame-eventteaser p {
float:left;
clear:left;
  }
.frame-eventteaser .column {
float:left;
width:100%;
margin-top:5%;
    }
.frame-eventteaser > .column h0,
.frame-eventteaser > .column h1{
padding:0;
margin:0;
background:none;
font-size: 1.1em;
text-transform:uppercase;    
    }
.frame-eventteaser .column p a {
color:#313131;
padding-right:15px;
text-decoration:none;
}
.frame-eventteaser .column p:last-child a:after {
content:'›';
position:absolute;
font-size:1.7em;
font-weight:bold;
color:#6633cc;
bottom:0.38em !important;
margin-left:10px;
text-shadow: 0px 0px 2px #6633cc;
}
/* Tabelle Termine Posaunenchor */
.contenttable.posaune {
width:100%;
text-align:center;
}

.contenttable.posaune .tr-even {
background-color:#eee;
}
/* Accordion */
ul.tinyaccordion {
width:100%;
margin:0px !important;
padding:0px !important;
}
ul.tinyaccordion .acc-section header:first-of-type {
display:none;
}
ul.tinyaccordion h4 {
font-size:1em;
background-image:none !important;
padding:6px !important;
font-weight:normal;
text-transform:none;
}
ul.tinyaccordion h4:hover,
ul.tinyaccordion h4.acc-selected {
text-decoration:none;
}
ul.tinyaccordion .frame-default{
padding-left:0px !important;
}
ul.tinyaccordion h4 span {
display:none;
}
ul.tinyaccordion h4:after {
content: '►';
float:right;
}
ul.tinyaccordion h4:hover:after {
content: '▼';
float:right;
}
ul.tinyaccordion h4.acc-selected:after {
content: '▼';
float:right;
}
/***********************
Cookie Banner unten Fuss usercentrics
**********************/
/* Grundlayout Banner Fussleiste */
#usercentrics-button #uc-banner-modal .uc-banner-content {
background-color: rgba(49,63,51,0.9) !important;
}
.uc-btn-footer-container, .uc-optin-description {
max-width:1100px !important;
margin:0 auto;
}
#usercentrics-button #uc-banner-modal .uc-optin-description {
text-align:center;
}
a.uc-powered-by-footer, .uc-powered-by-icon, .uc-powered-by-label {
display:none !important;
}
/* Buttons Banner und Iframes */
.uc-btn-footer-container button.btn-deny,
.uc-embedding-buttons button.uc-embedding-more-info {
background-color:#31353D !important;
color:#fff;
font-weight:normal;
}
.uc-btn-footer-container button.uc-btn-primary,
.uc-embedding-buttons button.uc-embedding-accept  {
background-color:#6633CC !important;
color:#fff !important;
font-weight:normal;
}
.uc-btn-footer-container button.more-info-button {
background-color:#fff !important;
color:#6633CC !important;
}
/* Iframes Infotext */
.uc-embedding-wrapper, .uc-embedding-wrapper h3 {
color:#333;
}
/* Layout Box Einstellungen */
.uc-corner-modal-content {
border-radius:8px;
border:2px solid #6633CC !important;
-webkit-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
-moz-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
}
.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button{
background-color: #6633CC !important;
cursor: inherit;
color: #ffffff;
}
.usercentrics-button .uc-corner-modal .uc-card-header {
background-color:#6633CC !important;
}
.uc-card-body .uc-nav-item {
background-color: #6633CC !important;
}
/* Button Box Einstellungen */
[fill="#3ca1db"] {
fill: #6633CC !important;
}
.multicolumnContainer {
position:relative;
clear:left;
width:100%;
}
/* 5 spalten */
.multicolumnLayout11 > .column {
  width:19.2%;
  float:left;
}
.multicolumnLayout11 .column1,
.multicolumnLayout11 .column2,
.multicolumnLayout11 .column3,
.multicolumnLayout11 .column4 {
 margin-right:1%;
}
/* umschliessender Container für Erscheinungsbild */
.multicolumnLayout6 > .column {
  width:100%;
  float:left;
}
/* 2 spalten */
.multicolumnLayout5 > .column {
  width:48.5%;
  float:left;
}
.multicolumnLayout5 > .column1 {
 margin-right:3%; 
}
/* 3 spalten */
.multicolumnLayout4 > .column {
  width:31%;
  float:left;
}
.multicolumnLayout4 .column2 {
 margin-right:3.5%;
 margin-left:3.5% 
}
/* 4 spalten */
.multicolumnLayout3 > .column {
  width:23.5%;
  float:left;
}
.multicolumnLayout3 .column1,
.multicolumnLayout3 .column2,
.multicolumnLayout3 .column3 {
 margin-right:2%;
}
/* 2/3 zu 1/3 spalte */
.multicolumnLayout2 .column1 {
  width:62%;
  float:left;
       margin-right:4%;
}
.multicolumnLayout2 .column2 {
width:34%;
 float:left;
}
/* 1/3 zu 2/3 spalte */                                
.multicolumnLayout1 .column1 {
  width:34%;
  float:left;
       margin-right:4%;
}
.multicolumnLayout1 .column2 {
width:62%;
 float:left;
}
/**************
Teaser Bild mit Text .frame-teasermitbild
spezielle Anpassungen in layout.css
***************/
.frame-teasermitbild {
position:relative;
float:left;
clear:left;
width:100%;
margin: 0px 0px 30px 0px;
line-height:1.2em;
  }
.frame-teasermitbild > .column {
float:left;
clear:left;
width:100%;
    }
/**************
Teaser Bild mit Text .frame-teasermitbild
spezielle Anpassungen in layout.css
***************/
.frame-teasergrau {
position:relative;
width:90%;
margin: 0 auto;
line-height:1.2em;
  }
.frame-teasergrau > .column {
float:left;
clear:left;
width:100%;
    }
/**************
Veranstaltungs-Heighlighs Bild mit Text .eventteaser
spezielle Anpassungen in layout.css
***************/	
.frame-eventteaser {
float:left;
clear:left;
width:90%;
  }
.frame-eventteaser > .column {
width:100%;
      }


/*formular */
.tx-powermail {
 margin:0px;
padding:0px;
float:left;
width:100%;
}

.tx-powermail form h3 {
display:none;
  }
.tx-felogin-pi1 form {
margin-top:10px;
  }
.tx-powermail .powermail_fieldwrap {
margin-bottom:10px;
width:100%;
float:left;
border-right:1px solid #b1b1b0;
border-bottom:1px solid #b1b1b0;
padding-top:5px;
padding-bottom:5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
    }
.tx-powermail .powermail_fieldset,
.powermail_fieldwrap.powermail_fieldwrap_type_captcha{
width:47%;
float:left;
margin:0;
font-size:1em;
border:0px;
  padding:0px;
    }
.powermail_fieldwrap.powermail_fieldwrap_type_submit {
  border:0px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit input {
float:right;
}
.tx-powermail .powermail_fieldset_1,
.tx-powermail .powermail_fieldset_6,
.powermail_fieldwrap.powermail_fieldwrap_type_captcha{
margin-right:6%;
    }
.tx-powermail .powermail_fieldset_4,
.tx-powermail .powermail_fieldset_5{
width:100%;
    }

.tx-powermail textarea {
/*width:85%;*/
width:100%;
height:80px;
padding:0px;
border:1px solid transparent;
background-color:transparent;
color:#313131;
font-weight:normal;
font-size:1em;
font-family: 'Open Sans', sans-serif;
margin-top:0px;
margin-bottom:0px;
border-collapse:collapse;
  }
/*
.tx-powermail textarea:hover,
.tx-powermail input.powermail_input:hover,
.tx-powermail .powermail_checkbox:hover {
box-shadow:0px 0px 12px #999;
    }
*/
.tx-powermail input.powermail_input,
.tx-powermail input.powermail_captcha,
.tx-powermail input.powermail_date {
    float:left;
width:83%;
padding:0px;
border:1px solid transparent;
background-color:transparent;
font-weight:normal;
font-size:1em;
font-family: 'Open Sans', sans-serif;
margin-top:0px;
margin-bottom:0px;
border-collapse:collapse;
border-color:transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_captcha input {
width:50px;
margin-top:5px;
font-size:1.2em;
font-weight:bold;
color:#fff;
text-align:center;
padding:3px;
background:#4e4e4d;
}
.powermail_fieldwrap.powermail_fieldwrap_type_captcha img {
width:170px !important;
margin-top:5px;
float:left;
 }          
.tx-powermail input.powermail_input.powermail_file {
float:left;
font-size:0.7em;
padding:0px;
  }
.tx-powermail select {
  float:left;
  clear:left;
width:100%;
height:35px;
margin-top:0px;
margin-bottom:10px;
border:1px solid #cccccc;
background-color:#ffffff;
font-weight:normal;
      text-align:center;
font-size:1em;
/*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px 3px 3px 10px;

  box-shadow: 0px 0px 5px #999999;
*/
}

.tx-felogin-pi1 {
width:100%;
margin:0 auto;
  }
.tx-felogin-pi1 fieldset {
border:none;
background-color:#eee;
}
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"]{ 
float:left;
clear:left;
width:90%;
background-color:transparent;
border:1px solid #333;
padding:5px;
font-size:1em;
}
.powermail_legend,
.tx-felogin-pi1 legend {
display:none;
height:0px;
}
.tx-powermail .powermail_label {
float:left;
font-size:1.1em;
font-weight:normal;
padding:0px;
margin-right:10px;
  width:auto;
text-align:left;
}

.powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_label {
width:230px;
}
.tx-powermail .layout2 .powermail_label {
}
.tx-powermail .layout2 .powermail_label {
    }

.tx-powermail input.powermail_submit,
.tx-felogin-pi1 input[type="submit"]{
}
.tx-powermail input.powermail_submit:hover,
.tx-felogin-pi1 input[type="submit"]:hover{
  cursor:pointer;
}
.tx-powermail input.powermail_submit:active,
.tx-felogin-pi1 input[type="submit"]:active{
  cursor:pointer;
}

.tx-powermail input[data-powermail-form-ajax="submit"],
.tx-powermail input[data-powermail-form-ajax="confirmation"] {
float:left;
width:20% !important;
height:2em !important;
margin-bottom:5% !important;
margin-right:5%;
margin-top:5%;
line-height:1.5em !important;
background:#7c1244 !important;
border:0px !important;
color:#fff;
  
}    

.tx-powermail .powermail_create,
dl.powermail_all{
width:100%;
float:left;
}
.tx-powermail .powermail_create dt.powermail_all_label {
float:left !important;
  width:20%;
  margin:10px 0px 0px 0px;
    }
.tx-powermail .powermail_create dd.powermail_all_value {
float:left !important;
width:80%;
margin:10px 0px 0px 0px !important;
    }
.section-state1 .tx-powermail .powermail_create dt.powermail_all_label,
.section-state1 .tx-powermail .powermail_create dd.powermail_all_value {
color:#fff;
    }
.powermail_radio_inner input {
width:10px;
height:10px;
}
 .powermail_radio_inner {
width:70px;
float:left;
}
.tx-powermail .powermail_check_outer {
  float:left;
      }
.tx-powermail .layout2 .powermail_check_outer .powermail_check_inner {
   float:left;
   margin-right:40px;         
            }
.tx-powermail ul.powermail_tabmenu {
  float:left;
clear:left;
width:100% !important;
border-bottom:2px solid #0069B4;
margin: 18px 0px 0px 0px !important;
    padding:0px !important;
      list-style-position:outside;
  list-style-type: none;
  }
.tx-powermail ul.powermail_tabmenu li {
  float: left;
  margin: 0px 10px 0px 0px !important;
  border: 0px;
  padding: 5px;
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
/*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
*/
  background-color:  #0069B4;
  cursor: pointer;
    }
.tx-powermail ul.powermail_tabmenu li.act {
  background-color: #333333;
      }
.tx-powermail .powermail_fieldwrap.powermail_tab_navigation {
width:100%;
float:right;
text-align:right;
    }
.tx-powermail .powermail_fieldwrap.powermail_tab_navigation a {
width:auto;
height:30px !important;
  margin:0px 0px 0px 20px !important;
 background-color:#7c1244;
  border:2px solid #ffffff;
  font-size:1rem;
  line-height:1rem;
  font-weight:small;
  color:#fff;
  text-align:left;
  text-decoration:none;
  background-attachment: scroll;
   -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
      }
.tx-powermail .powermail_fieldwrap.powermail_tab_navigation a.powermail_tab_navigation_next {
  padding:5px 25px 5px 5px !important;
  background-repeat:no-repeat;
  background-position:right;
}
.tx-powermail .powermail_fieldwrap.powermail_tab_navigation a.powermail_tab_navigation_previous {
  padding:5px 5px 5px 25px !important;
  background-repeat:no-repeat;
  background-position:left;
}

/* Formatierung für Infobereich eingeloggter Nutzer */
.tx-felogin-pi1 form{
  margin-bottom: 2em;
}
.tx-felogin-pi1 form fieldset div{
  float: none;
}
.tx-felogin-pi1 form fieldset div :first-child{
  width: auto !important;
}
.tx-felogin-pi1 form fieldset div label{
  float: left !important;
  margin-right: 0.7em;
}
/*.tx-felogin-pi1 > form:nth-child(3) > fieldset > div > input[type="submit"]*/
.tx-felogin-pi1 form fieldset div input[value="Logout"][type="submit"]{

  background-color: #f35a5a !important;
  min-width: 13em;
  float: left;
  margin: 1.2em 0em;
}

/* mehrfach Sendesperre bitte warten */

#warten {
  visibility: hidden;
  position:absolute;
width:200px !important;
margin-top:0.5%;
}
#powermail_fieldwrap_23 {
  visibility: visible;
}


/** Fehlermeldung */
.tx-powermail .powermail_fieldset .parsley-errors-list{
  float: none;
  width: 87%;
font-size:0.9em;
line-height:1em;
  color: red;
}
.tx-powermail .powermail_fieldset ul.parsley-errors-list.filled{
margin:0px;
margin-top:0px;
padding-left:3px;
list-style:none;
}

/* Bestätigung der Inhalte für die E-Mail */
.powermail_confirmation{  
  font-size: 0.9em;
}
.powermail_confirmation dt{
  color: #59514D;
}
.powermail_confirmation dd{
  margin: 0em 0em 0.8em 0em;
  background-color: #eee;
  padding: 0em 0.2em;
}

/* Bestätigung der Inhalte nach Versand */
.tx-powermail .powermail_create{
  border: 1px dashed #59514D;
  width: 93%;
  padding: 0.5em;  
}
.tx-powermail .powermail_create,
dl.powermail_all{
  font-size: 0.9em;
}
.tx-powermail .powermail_create dt.powermail_all_label {
  width:98%;
  color: #59514D;
  margin: 0em 0em 0em 0em;
}
.tx-powermail .powermail_create dd.powermail_all_value {
  float:left !important;
  width:98%;  
  margin: 0em 0em 0.8em 0em !important;
  background-color: #eee;
  padding: 0em 0.2em;
}

/* Formatierungen Raumanfrage */
.powermail_form_2 .powermail_label {
clear:left;
width:98%;
    }
.powermail_form_2 .powermail_fieldwrap_raumtext {
border:0px;
    }

.powermail_form_2 .powermail_fieldwrap_raumanrede .powermail_label,
.powermail_form_2 .powermail_fieldwrap_raumanrede .radio{
width:20% !important;
float:left;
}
.powermail_form_2 .powermail_fieldwrap_type_date,
.powermail_form_2 .powermail_fieldwrap_raumzeitab,
.powermail_form_2 .powermail_fieldwrap_raumzeitbis  {
width:40%;
border:0px;
    }
.powermail_form_2 .powermail_fieldwrap_type_date input,
.powermail_form_2 .powermail_fieldwrap_raumzeitab select,
.powermail_form_2 .powermail_fieldwrap_raumzeitbis select {
text-align:center;
background-color: #c9c9c9;
height:30px;
padding:0px;
}
.powermail_form_2 .powermail_fieldwrap_raumdatumvon,
.powermail_form_2 .powermail_fieldwrap_raumdatumbis {
margin-right:10%;
}

/* styles Datenschutz Formulare */
.powermail_fieldwrap_kontakt-einverstaendnisdaten label,
.powermail_fieldwrap_raum-einverstaendnisdaten label{
  float:left;
clear:left;
width:100%;
margin:0px !important;
padding:0px !important;
}
.powermail_fieldwrap_kontakt-einverstaendnisdaten,
.powermail_fieldwrap_kontakt-hinweisedatenschutz,
.powermail_fieldwrap_raum-einverstaendnisdaten,
.powermail_fieldwrap_raum-hinweisedatenschutz{
border:0px !important;  
margin-bottom:0px !important;
padding:0px;
font-size:0.95em !important;
}
.powermail_fieldwrap_kontakt-einverstaendnisdaten,
.powermail_fieldwrap_raum-einverstaendnisdaten {
margin-bottom:-0.5em !important;
}
fieldset.powermail_fieldset_5 .powermail_fieldwrap {
  margin-bottom:1% !important;
}
fieldset.powermail_fieldset.powermail_fieldset_4,
fieldset.powermail_fieldset.powermail_fieldset_8,
.powermail_fieldwrap.powermail_fieldwrap_spamschutz{
float:left;
width:100%;
}
.powermail_fieldwrap.powermail_fieldwrap_spamschutz .powermail_label {
width:auto;
}
.tx-evangtermine {
float:left;
width:100%;
}
.tx-evangtermine #et_container img {
    height: auto;
    width: 100%;
}
.tx-evangtermine .warning {
	color:red;
	font-weight:bold;
}
.tx-evangtermine .et_link {
}
a.et_link:hover{}

/* Gesamtbreite: */
.tx-evangtermine #et_container {
	width:100%;
}
.tx-evangtermine #et_filter_container {
	width:100%;
}
.tx-evangtermine .et_filter_headline {
	font-weight:bold;
}
.tx-evangtermine .et_filter_headline,
.et_filter_subrow {
	background: #6633cc;
	padding:5px;
color:#fff;
text-transform:uppercase;
}
.tx-evangtermine .et_filter_subrow {
	text-align:center;
}
.tx-evangtermine .et_filter_main {
	background-color:whitesmoke;
}
.tx-evangtermine .et_filter_block div,
.tx-evangtermine .et_filter_block_left div,
.tx-evangtermine .et_filter_block_right div {
	padding:2px;
	white-space:nowrap;
	background-color:whitesmoke;
}

.tx-evangtermine .et_submit {
	font-size:14px;
	width:200px;
}
.tx-evangtermine .et_reset {
	border:0px;
	margin-left:30px;
}
.tx-evangtermine #et_filter_container input[type=text] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #666;
	padding:1px;
}
.tx-evangtermine #ETFilter_highlight,
.tx-evangtermine #ETFilter_eventtype,
.tx-evangtermine #ETFilter_people,
.tx-evangtermine #highlight,
.tx-evangtermine #eventtype,
.tx-evangtermine #people {
	width:240px;	
}
.tx-evangtermine .et_pager_container {
	padding:4px 0;
}
.tx-evangtermine .et_pager {}

.tx-evangtermine #et_content_container {
	width:100%;
float:left;
}
.tx-evangtermine .et_content_row {
float:left;
clear:left;
width:99%;
	padding:0.5%;
}
.tx-evangtermine .even { }
.tx-evangtermine .odd {
	background-color:#c9c9c9;
}
.tx-evangtermine .et_tag {
	font-weight:bold;
}
.tx-evangtermine .et_uhrzeit {}
.tx-evangtermine .et_content_title a.et_link_title {
	font-weight:bold;
	color:#6633cc;
}
.tx-evangtermine .et_content_title a.et_link_title:hover {
}
.tx-evangtermine .et_description {
	/* Auskommentierten, um die Kurzbeschreibung auszublenden: */
	/*display:none;*/
}
.tx-evangtermine .et_city {
	/* Entfernen, um den Ort einzublenden: */
	/* display:none; */
}
.tx-evangtermine .et_placename {}
.tx-evangtermine .et_personname {}
.tx-evangtermine .et_personname:before {
	content: " - ";
}
.tx-evangtermine .et_content_user {
	display:block;
	font-size:80%;
	line-height:80%;
	padding:2px 0;
}
.tx-evangtermine .monthbar {
float:left;
clear:left;
width:99%;
color:#fff;
  background:#31353d;
 padding:0.5%;
  font-weight: bold;
}

/* Detailseite: */
.tx-evangtermine #et_detail_header {
	padding:3px;
	background-position:right;
	background-repeat:no-repeat;
	background-size:1px;
}
.tx-evangtermine #et_detail_title {
background:none;
padding:0px;
float:left;
width:100%;
margin-top:1em;
}
.tx-evangtermine #et_detail_date {

}
.tx-evangtermine .et_content_detaillabel {
	font-weight:bold;
}
.tx-evangtermine #et_container #et_place_image,
.tx-evangtermine #et_container #et_place_image_th {
	width:auto;
}
.tx-evangtermine .et_content_detailvalue #et_place_image_th {
display:none !important;
    }
.tx-evangtermine #et_place_image {
	/* Das groesste Bild wird erst beim Mouseover eingeblendet */
display:block !important;
max-height: 300px;
width: auto;
}

.tx-evangtermine .et_user {
	border-top:1px dotted #999;
}
.tx-evangtermine .et_sharefunctions {
margin-top:10px;
    }
.tx-evangtermine #et_container .et_sharefunctions img {
	width:30px;
height:auto;
margin-right:10px;
}
.tx-evangtermine .et_detail_backlink a {

}
/*  Footer */
.tx-evangtermine #footer {
	text-align:center;
	font-size:10px;
	color:#999;
	padding-top:10px;
}
.tx-evangtermine #footer a {
	color:#999;
}

@media all and (min-width: 520px) {
 	/* responsive */
.tx-evangtermine .et_filter_main:after {
		content: "";
		display: table;
		clear: both;
}
	
.et_filter_block_left {
		-moz-box-sizing: border-box;
		float: left;
		margin-left: 0;
		margin-right: -50%;
		width:50%;
}
.tx-evangtermine .et_filter_block_right {
		-moz-box-sizing: border-box;
		float: left;
		margin-left: 50%;
		margin-right: -100%;
		width:50%;
}
	.tx-evangtermine .et_content_row:after
{
		content: "";
		display: table;
		clear: both;
}
.tx-evangtermine .et_content_date,
.tx-evangtermine .et_content_detaillabel,
.tx-evangtermine .et_detail_backlink {
		float: left;
		margin-left: 0;
		margin-right: -30%;
		width:30%;
		padding:2px 0 0 2px;
}
.tx-evangtermine .et_content_title,
.tx-evangtermine .et_content_detailvalue,
.tx-evangtermine .et_sharefunctions {
		float: left;
		margin-left: 30%;
		margin-right: -100%;
		width:70%;
}
.tx-evangtermine #et_detail_header {
}
}

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

.tx-evangtermine ul.simple-pagination {
	/* list-style: none; */
}
.tx-evangtermine .simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0; 
}
.tx-evangtermine .simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tx-evangtermine .simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
.tx-evangtermine .light-theme a, .light-theme span {
	float:left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; 
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); 
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); 
}
.tx-evangtermine .light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC; 
}
.tx-evangtermine .light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default; 
}
.tx-evangtermine .et_pager_container {
	margin: 0 0 1em 0;
}
.tx-evangtermine .et_pager_container a, .et_pager_container .current {
	margin-right: .7em;
}

/* Sonderformatierungen */
.et_content_row.et_even.teaserrow {
float:left;
margin-bottom:10px;
}
.tx-evangtermine .et_even.teaserrow .et_city,
.tx-evangtermine .et_even.teaserrow .et_personname,
.tx-evangtermine .et_even.teaserrow .teasertext br
{
display:none;
}
.tx-evangtermine .et_even.teaserrow .teaserlink {
display:block;
font-weight:bold;
}
.tx-evangtermine .et_even.teaserrow .et_content_date{
float:left;
clear:left;
font-size:0.9em;
font-weight:bold;
}


/* CSS mobil */

@media screen and (min-width: 1270px) {
  #mobilmenuon {
  display:none;
    }
  #mobilmenu {
  visibility:visible !important;
    }
  #mobilmenu a.close {
  display:none;
    }

}

@media screen and (max-width: 1269px) { 
.headline {
position:fixed;
display:inline-block !important;
z-index:9999 !important;
width:86% !important;
height:10px;
padding:0px !important;
margin:0px !important;
float:left !important;
left:10px !important;
line-height:100% !important;
    }
#container #main #content.myclass:first-Child{
margin-top:0px !important;
}
  #footer{
    width: 100%;
  }
  .section-state1,
  .section-state2,
  .section-state3,
  .section-state4,
  .section-state5,
  .section-state6,
  .section-state7,
  .section-state8,
  .section-state10 {
    padding-left:2% !important;
    padding-right:2% !important;
    width:96% !important;
  }
  .frame-kopfbild .flexslider .caption-text{
    width: 90%;
    font-size: 140% !important;
margin-top:5%;
  } 
.column iframe {
width:100%;
  }
.frame-kopfbild {
margin-top:55px;
  }
  .frame-kopfbild .ce-bodytext {
width:90%;
padding:15px;
font-size:0.7em;
line-height:0.8em;
}
  .frame-kopfbild .ce-bodytext p:last-child a {
line-height:3em;
margin-bottom:3em;
}
nav.einzelseite {
position:fixed !important;
overflow:visible !important;
background:#6633cc !important;
margin-top:0px !important;
height:55px !important;
border-bottom:1px solid #31353d !important;
}

nav.einzelseite #mobilmenuon {
top:0px;
margin-top:0px !important;
    }
nav.einzelseite #mobilmenuon a.show{
position:absolute;
z-index:2000 !important;
  overflow:hidden;
  display:block;
  overflow:hidden;
  right:0px;
  top:0px !important;
margin-top:5px;
  display:block;
  width:100%;
  height:52px;
  color:transparent !important;  
     background-image: url(/fileadmin/kirchenkreis/template/images/mobilmenue.png);
    background-repeat: no-repeat;
    background-position: right 0px;
    background-attachment: scroll; 
  background-size:auto 90%;
    }
nav.einzelseite #mobilmenu ul {
float:left;
width:255px;
  margin:0px;
border-right:0px;
    }
nav.einzelseite #mobilmenu li {
position:relative;
  display:block;
float:left;
clear:left;
  width:265px !important;
margin-top:0px;
  margin-bottom:3px;
    border-bottom: 3px solid #b1b1b0;
    }
nav.einzelseite #mobilmenu li.logo {
   display:none; 
  }
nav.einzelseite #mobilmenu li a {
position:relative !important;
float:left;
  display:inline-block;
width:100% !important;
font-size:0.9em !important;
line-height:1em !important;
margin:5px 0px 8px 0px !important;
  padding:0.5em 0em 0.5em 0em !important;
  color:#31353d;
border:0;
  background-color:#c9c9c9;
    } 
nav.einzelseite #mobilmenu li a:hover {
   background-color:#6633cc;
color:#fff;
border-bottom:none;
background-image:none;
  }
nav.einzelseite #mobilmenu li a:active {
   background-color: #6633cc;
background-image:none;
  }

nav.einzelseite #mobilmenu li:first-Child a:link {
top:0px;
padding:0px !important;
    height:80px !important; 
     background-image: url(/fileadmin/kirchenkreis/template/images/kk-menuelogo.png) !important;
    background-repeat: no-repeat;
    background-position: center 5px !important;
    background-attachment: scroll; 
  background-size:auto 70px !important;
background-color:#6633cc !important;
transition: none !important;
      }
nav.einzelseite #mobilmenu li.current1 a {
  display:block;
   background-color:#6633cc;
  color:#fff;
background-image:none !important;
    }
nav.einzelseite #mobilmenu a.close {
  position:relative;
  z-index:100;
  display:block;
  float:right;
  font-size:25px;
  line-height:16px;
  padding:3px 5px 5px 5px;
  margin-bottom:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  border:2px solid #3A393A;
  background:#3A393A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #3A393A;
    }
 
nav.einzelseite #mobilmenu {
  position:absolute;
visibility:hidden;
right:5px;
top:5px;
  z-index:9999;
  width:280px;
  padding:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 8px #313131;
    background: #fff;
  }

nav.tx-bwrk-onepage-menu #mobilmenuon,
nav.tx-bwrk-onepage-menu #mobilmenu a.close {
display:none;
}
nav.tx-bwrk-onepage-menu ul{
width:100%;
margin:0px !important;
padding:0px !important;
background-color:transparent;
  } 
nav.tx-bwrk-onepage-menu {
background-color:transparent;
border-bottom:none;  
width:100%; 
top:55px !important;
display:block;
z-index:999999 !important;
  }
nav.tx-bwrk-onepage-menu li a {
padding:0px;
margin:10px;
width:16px;
height:16px;
color:transparent;
border:2px solid #fff;
background-color: #6633CC;
box-shadow:0px 0px 5px #333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 25px;
}
nav.tx-bwrk-onepage-menu.sticky li a.bwrk-onepage-current {
padding:0px;
margin:10px;
border:2px solid #fff;
background-color: #31353D;
}
#suchbox {
position:absolute;
right:0px !important;
top:6px; 
left:0px;
}
li.suche #suchbox form {
position:absolute;
left:0px;
width:255px;
background-color: #6633cc;
border:0px;
}
li.suche #suchbox form fieldset {
border:0px;
padding:10px 5px 12px 10px;
}
li.suche #suchbox form input#ke_search_sword {
width:205px;
}
 nav.einzelseite ul li.suche a.show-lupe {
position:absolute;
float:left;
display:block;
min-width:0px !important;
height:0px !important;
background-image: none;
background-size:0px auto;
}
  .frame-kopfbild .flexslider .caption-wrapper{
width:90%;
margin-left:0%;
font-size:60%;
line-height:40% !important;
}
  .frame-kopfbild .flexslider .caption-text{
width:100%;
margin-top:10px !important;
margin-bottom:-20px;
      }
   .frame-kopfbild .flexslider .caption-text p{
margin:0px !important;
padding-bottom:0px !important;
      }           
.flexslider .flex-control-nav {
display:none;
      }
#footer {
width:96%;
padding-left:2%;
padding-right:2%;
}
#footer .ce-image-imagewrap{
width:100%;
}
#footer .ce-image-imagewrap .ce-image-imagerow {
margin:0 auto !important;
width:150px;
}
#mediafly {
display:none;
}
/* image float */
.ce-gallery[data-ce-columns="1"] .ce-row {
float:left;
height:auto;
margin-right:10px;
margin-left:0px;
}
  .ce-gallery[data-ce-columns="1"] .ce-row .ce-column {
float:left;
}
}
@media screen and (max-width: 700px) {
.frame-newsbox .news-list-view .card {
position:relative;
float:left;
overflow:hidden !important;
line-height:1.2em;
margin-top:0px;
margin-bottom:20px;
margin-left:0px !important;
margin-right:0px !important;
padding-bottom:60px !important;
width: calc(100% - 25px) !important;
height:auto !important;
}
}
/* bildschirme bis 800px */
@media screen and (min-width:1px) and (max-width: 800px) {
  body{
  font-size:0.9em !important;
    }
  figure {
  margin-bottom:10px !important;
  }
nav.einzelseite  #mobilmenu {
    font-size:150%;
  }
nav.einzelseite  #menuecontainer {
  width:100%;
    }

  h1 {
  font-size:1.8em !important;
  margin-bottom:10px !important;

      }
  h2 {
  font-size:1.5em !important;
  margin-bottom:10px !important;
      }
  h3 {
  margin-bottom:10px !important;
      }
#content .multicolumnContainer .column {
    float:left;
    clear:left;
    width:100%;
    margin-left:0px;
    margin-right:0px;
margin-top:10px;
    margin-bottom:0px;
  }

.frame-infoboxenblau,
.frame-infoboxenblau .multicolumnContainer,
.frame-infoboxenblau .column,
.frame-infoboxenweiss,
.frame-infoboxenweiss .multicolumnContainer,
.infoboxeweiss .column {
display:normal;
height:auto !important;
  }
.frame-rahmenrot,
.frame-rahmenblau {
width:96% !important;
}
  #footer .multicolumnLayout1 .column{
    float: left;
width:100%;
    text-align: center;
    margin: 0.5em 0em;    
  }

  #footer .multicolumnContainer .column div{
    margin-top: 0em !important;
    margin-bottom: : 0em !important;
  }
#footer .align-right {
text-align:center;
}
#footer ul.contentList {
display:inline-block;
width:auto;
}
  #footer .multicolumnContainer .column figure{
    padding-top: 0em !important;
    padding-bottom: : 0em !important;
    margin-top: 0em !important;
    margin-bottom: : 0em !important;
  }

#footer #c586 .column2,
#footer #c835 .column2 {
float:left;
clear:none;
width:48%;
}
#footer #c586 .column3,
#footer #c835 .column3 {
float:left;
clear:none;
width:300px;
}
#footer ul.ce-menu li {
float:left;
clear:none;
width:auto;
margin-right:40px;
}
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large { 
      margin-top: 15px !important; 
  }
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large { 
      margin-bottom: 15px !important; 
  }
  .tx-powermail .powermail_fieldset{
  width:95% !important;
  float:left;
  clear:left;
  margin-left:2%; 
  margin-right:2%;
      }
/* image float */
/* Bilder in Reihen */
.ce-gallery[data-ce-columns="1"] .ce-column {
width:100% !important;
}
.ce-gallery[data-ce-columns="2"] .ce-column {
width:calc(100%/2 - 5px) !important;
}
.ce-gallery[data-ce-columns="3"] .ce-column {
width:calc(100%/3 - 9px) !important;
}
.ce-gallery[data-ce-columns="4"] .ce-column {
width:calc(100%/4 - 13px) !important;
}
.ce-gallery[data-ce-columns="5"] .ce-column {
width:calc(100%/5 - 15px) !important;
}
.ce-gallery[data-ce-columns="6"] .ce-column {
width:calc(100%/3 - 10px) !important;
margin-bottom:10px;
}
.ce-gallery[data-ce-columns="7"] .ce-column {
width:calc(100%/4 - 10px) !important;
margin-bottom:10px;
}
.ce-gallery[data-ce-columns="8"] .ce-column {
width:calc(100%/4 - 10px) !important;
margin-bottom:10px;
}
.ce-gallery[data-ce-columns="2"] figure,
.ce-gallery[data-ce-columns="3"] figure,
.ce-gallery[data-ce-columns="4"] figure,
.ce-gallery[data-ce-columns="5"] figure,
.ce-gallery[data-ce-columns="6"] figure,
.ce-gallery[data-ce-columns="7"] figure,
.ce-gallery[data-ce-columns="8"] figure {
width:90% !important;
height:auto !important;
float:left;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
  .frame-kopfbild .ce-bodytext header h1{
padding-bottom:0px;
}
  .frame-kopfbild .ce-bodytext p {
font-size:1.em;
line-height:1.2em;
}
}

/* mittelgross bis 800px */
@media screen and (min-width: 641px) and (max-width: 800px) {
body{
  font-size:0.8em; 
line-height:normal; 
  }
  .frame-kopfbild .flexslider,
 .frame-kopfbild .flexslider ul li{
height:500px;
overflow:hidden;
  }
 .frame-kopfbild .flexslider ul li img {
height:100% !important;
width:auto !important;
margin-left:-25%;
margin-top:-10%;
          }  
  .frame-kopfbild .flexslider .caption-wrapper{
font-size:80%;
}
.frame.frame-teasermitbild  { 
position:relative;
width:350px;
margin:0 auto !important;
}
.frame.frame-teasermitbild .csc-header {
 width:350px;
          }
#footer ul.ce-menu li a:after {
margin-top: -0.35em !important;
margin-left:5px;
}
#footer .multicolumnLayout3 .column {
width:23% !important;
}
#footer .multicolumnLayout3 .column .csc-header,
#footer .multicolumnLayout3 .column figure {
width:auto !important;
font-size:0.8em;
}
#footer .multicolumnLayout3 .column figure img{
 width:100% !important; 
height:auto;
}
}

@media screen and (min-width:1px) and (max-width: 640px) {
.headline {
font-size:0.8em;
    }
h3 {
float:left;
width:100%;
  }
  .frame-kopfbild .flexslider,
 .frame-kopfbild .flexslider ul li{
height:500px;
overflow:hidden;
  }
 .frame-kopfbild .flexslider ul li img {
height:100% !important;
width:auto !important;
margin-left:-25%;
margin-top:-20%;
          } 
.frame-kopfbild .ce-gallery figure {
height:400px !important;
width:926px !important;
overflow:hidden !important;
margin-left:-926px !important;
#-webkit-transform: translateX(50%) !important;
#-ms-transform: translateX(50%) !important;
transform: translateX(700px) !important;
}
.frame-kopfbild .ce-gallery figure img {
position:absolute !important;
height:400px !important;
width:926px !important;
margin:0px !important;
padding:0px !important;
}
.multicolumnContainer .column {
float:left;
clear:left;
width:100%;
}
#footer #c586 .column3,
#footer #c835 .column3 {
width:48%;
} 
#footer #c586 .column3 div.wcom-default,
#footer #c835 .column3 div.wcom-default {
width:100% !important;
border:1px solid red;
}   
    /* image float */
/* Bilder in Reihen */
.ce-gallery[data-ce-columns="1"] .ce-column {
width:100% !important;
}
.ce-gallery[data-ce-columns="2"] .ce-column {
width:calc(100%/2 - 5px) !important;
}
.ce-gallery[data-ce-columns="3"] .ce-column {
width:calc(100%/3 - 9px) !important;
}
.ce-gallery[data-ce-columns="4"] .ce-column {
width:calc(100%/4 - 13px) !important;
}
.ce-gallery[data-ce-columns="5"] .ce-column {
width:calc(100%/5 - 15px) !important;
}
.ce-gallery[data-ce-columns="6"] .ce-column {
width:calc(100%/3 - 10px) !important;
}
.ce-gallery[data-ce-columns="7"] .ce-column {
width:calc(100%/4 - 10px) !important;
}
.ce-gallery[data-ce-columns="8"] .ce-column {
width:calc(100%/4 - 10px) !important;
}
.ce-gallery[data-ce-columns="2"] figure,
.ce-gallery[data-ce-columns="3"] figure,
.ce-gallery[data-ce-columns="4"] figure,
.ce-gallery[data-ce-columns="5"] figure,
.ce-gallery[data-ce-columns="6"] figure,
.ce-gallery[data-ce-columns="7"] figure,
.ce-gallery[data-ce-columns="8"] figure {
width:80% !important;
height:auto !important;
float:left;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

figcaption {
width:100% !important;
   white-space: normal !important;
   overflow: visible;
   text-overflow: clip;
padding-bottom:0px;
}
  .ce-textpic.ce-left.ce-intext .ce-bodytext,
.ce-textpic.ce-right.ce-intext .ce-bodytext {
width:99%;
}
 .ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] figure,
.ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] figure {
width:100%;
  }
 .ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] figure img,
  .ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] figure img {
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
  .ce-textpic.ce-left.ce-intext .ce-gallery,
   .ce-textpic.ce-left.ce-intext .ce-gallery .ce-row,
  .ce-textpic.ce-right.ce-intext .ce-gallery,
   .ce-textpic.ce-right.ce-intext .ce-gallery .ce-row{
float:left;
width:100% !important;
}
.ce-textpic.ce-left.ce-intext .ce-gallery[data-ce-columns="1"] figure,
.ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] figure {
float:left;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.powermail_fieldwrap.powermail_fieldwrap_spamschutz .powermail_label {
float:left;
clear:left;
width:100%;
}
}

/* bildschirme bis 480px */
@media screen and (max-width: 480px) {
  .headline {
top:5px !important;
width:80% !important;
font-size:70%;
    }
  .frame-kopfbild .flexslider,
 .frame-kopfbild .flexslider ul li{
height:400px;
overflow:hidden;
  }
 .frame-kopfbild .flexslider ul li img {
height:100% !important;
width:auto !important;
margin-left:-50%;
margin-top:-30%;
          }
.frame-kopfbild .flexslider .caption-wrapper{
font-size:70%;
width:90% !important;
margin:0px !important;
  }
.frame-kopfbild .flexslider .caption-text {
width:100%;
      }
nav.einzelseite #mobilmenuon a.show {
    background-size: auto 80%;
  } 
nav.einzelseite #mobilmenu {
    margin-left: -135px; 
    max-width: 270px;
    width: 90%;
    /*! margin-left: -175px; */ 
    /*! width:350px; */
  }
}
  


/* CSS Farben Boote */
.headline {
display:none;	
}
nav.einzelseite {
width:100%;
height:100px;
left:0px;
top:0px;
overflow:visible;
margin-top:0px;
z-index:2000;
position:fixed !important; 
background:#fff;
border-bottom:1px solid #6633cc;
transition: height 1s;
    }
nav.einzelseite ul li:first-Child a {
position:relative;
top:0px;
width:232px;
height:100px;
    background-image: url(/fileadmin/kirchenkreis/template/images/kk-menuelogo.png);
    background-repeat: no-repeat;
background-size:215px 80px;
    background-position: center;
    background-attachment: scroll;
background-color:#6633cc;
border-right:2px solid #fff;
}
nav.einzelseite  ul li  a{
  display: inline-block;
  position: relative;
  margin-top:0px;
color:#313131;
min-width:100px;
line-height:100px;
  padding: 0em 10px 0em 10px;
  text-decoration: none;
text-align:centeR;
text-transform:uppercase;
background-color:#fff;
border-right:2px solid #6633cc;
}
nav.einzelseite ul li:last-Child a {
border-right:0px;
}
nav.einzelseite ul li.level1 a:hover,
nav.einzelseite  ul li.current1 a {
color:#fff;
background-color:#6633cc;
border-right:2px solid #fff;
    }
	


/* CSS Document */

#content header h1 {
width: calc(100% - 3em);
}

#content header h1:after {
position:absolute;
float:right;
content: ' ';
display:inline-block;
height:2.5em;
width:3em;
top:0px;
margin-bottom:10px;
background-image: url(/fileadmin/kirchenkreis/template/images/kirchenmaus-rechts.png) !important;
background-repeat: no-repeat;
background-position: right top;
background-size: 3em auto;
}
/* bildschirme bis 800px */
@media screen and (min-width:1px) and (max-width: 800px) {
  #content header h1:after {
right:0px;
}
}