@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cinzel|News+Cycle');
 @import url('https://fonts.googleapis.com/css?family=Karla');

 @import url('https://fonts.googleapis.com/css?family=Audiowide');


/*
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

	GRAU: 706f6f
	ROT:  9c1915
	BEIGE: 4a4a49
	DUNKELBLAU: 333f53
*/


body {
	
	font-family: 'Karla', sans-serif;
	font-size:14px;
	background: #101010;
	
}



.social .ce-bodytext {
    color: #fff !important;
    text-align: center;
    font-family: 'News Cycle', sans-serif;
    font-size: 22px;
    line-height: 100% !important;
    margin-bottom: 2px !important;
}

.social {background: #4267b2; border-bottom: 1px solid #fff;}

.social a {
    color: #fff;
    text-decoration: none;
    padding: 0 3%;
    float: right;
    font-size: 19px;
}

.social a:hover {background: #444;}

.minzeil {max-width: 400px;}
.frame-layout-1 img {border-top:1px solid #fff; border-bottom:1px solid #fff; }
.black {background: #000; padding:4% 0; border-top:1px solid #fff; border-bottom:1px solid #fff;   }
.rot {background: #a61914; padding:4% 0; border-top:1px solid #fff; border-bottom:1px solid #fff;   }
.orange {background: #d94e11; padding:4% 0; border-top:1px solid #fff; border-bottom:1px solid #fff;   }
.grau {}


.logomobile {display: none;}


.ce-gallery, .ce-bodytext {
    width: 100%;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
}

.ce-gallery figure {
    display: table;
    margin: 0;
    width: 100%;
}

.newsball {margin-top: 50px;}
.newsball .ce-gallery figure {display: inherit !important;}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ballinhalte .ce-bodytext {margin:0 8%; width:84%; }

.flexslider {
 
	background:none !important;}

.newsballinhalte h2 {font-size: 22px !important;}
.lipiball .navigo a:hover {color: #eddc00;}
.lipiball .image a {padding:0 !important;}

.lipiball pre {
  font-family: 'News Cycle', sans-serif;
 font-size: 13px;
    margin: 1em 0px;
}
.newsballinhalte p {text-align: center;}

.newsballinhalte .video {margin: 0 auto;}

.newsballinhalte .container {
    width: 30%;
    margin: 3% 2% 4% 1%;
    padding: 2% 2%;
    border: 1px solid #fff;
}
.newsballinhalte .ce-headline-center {text-align: center;}
.newsballinhalte time {color:#fff; border-top: 1px solid #fff; text-align: center; font-size:20px; margin-bottom: 20px; display: block;}

 .lipiball figcaption {
   
     color: #fff;
       padding: 2% 0%;

}

.lipiball.navigo  ul {
     text-align: center;
     margin: 0;
     padding: 0;
}
 
.lipiball .navigo li {
     display: inline;
     list-style: none;
     margin-right: 10px;
     padding: 5px 10px;
    
}


.social {}
.lipiball .navigo ul li a {
    color: #fff;
   
   font-family: 'Karla', sans-serif;
    font-size: 22px;
    padding: 28px 0;
    text-decoration: none;
    text-transform: none;

    margin-right: 18px;
    font-weight: normal;
}
#c3 .ce-bodytext a {font-size: 18px;}
#c3 .ce-gallery {z-index: 2;}
#c3 .ce-bodytext {position: absolute; top:250px; left:12%; z-index: 1000;}
.grau .zeil {max-width: 100%;}
.lipiball .logo .ce-gallery figure {width: 100%;}

.footer {background: #b79333;}
.ballmenu .ce-bodytext {margin-top: 38px;}
.lipiball .ce-bodytext {color:#fff; text-align: center; font-family: 'News Cycle', sans-serif; font-size: 22px; line-height: 140%; margin-bottom: 37px; }
.lipiball .ce-bodytext p {line-height: 34px;}
.ballinhalte h1 {text-align: center; font-family: 'Karla', sans-serif;font-size: 50px; padding:2%;color:#fff;}
.ballinhalte h2 {text-align: center; font-family: 'Karla', sans-serif; font-size: 40px; padding:2%; color:#fff;}
.ballinhalte h3 {text-align: center; font-family: 'Karla', sans-serif;font-size: 36px; padding:2%; color:#fff;}
.ballinhalte h4 {text-align: center; font-family: 'Karla', sans-serif;font-size: 33px; padding:2%; color:#fff;}

.ballinhalte h5 {text-align: center; font-size: 30px; padding:2%; color:#fff; font-family: 'Karla', sans-serif;}
#pageid65 .animation {display: none;}
#pageid65 .ballinhalte .ce-bodytext {padding: 0 5%; font-size: 17px;}
.ballinhalte .tx-powermail h3 {display: none;}
.ballinhalte .powermail_label {color:#fff; font-size: 17px;}
.ballinhalte  .powermail_field  {width: 60%;}
.ballinhalte .powermail_label {width: 40%;}

.ballinhalte  .mandatory {
    color: #fff;
}
.ballinhalte  .checkbox label  {color: #fff; }
.ballinhalte .btn {background: #fff; color: #000!important; padding:12px 0; margin-top: 20px;}
.ballinhalte .powermail_fieldwrap_type_submit .powermail_field{width: 100%;}

.phone .ce-bodytext {text-align: left !important; font-size:19px;}
.phone .ce-bodytext a {margin:0 !important; padding:0!important; float: inherit !important;}
.ballinhalte .powermail_checkbox_35 {width: 14px !important;}
.lipiball .navigo .ce-bodytext p {
 
    font-family: 'Cinzel', serif !important;
}
.ballinhalte .btn {width: 100% !important;}
.powermail_submit:hover  {cursor: pointer; background: #979797;}

.ballinhalte .powermail_field select, .ballinhalte  .powermail_field input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #C9C9C9;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    float: left;
    font-size: 20px;
    padding: 5px 10px;
    width: 96%;
	color:#9F9F9F;
}

.displaynone {display: none;}
.menu ul li a {
    color: #000;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    padding: 28px 0;
    text-decoration: none;
    text-transform: none;
    float: left;
    margin-right: 18px;
    font-weight: normal;
}


.abstand {margin:100px 0; float: left;
width: 100%;}
.paddinger {padding:50px 0;}
.violett {background: #6c4797;}
.hellgrau {background: #f4f4f2;}
.ballblack {background: #101010;}
.ballgruen {background: #085a9b;}

.displaynone {display: none;}
.megazeil1300 {margin: 0 auto;
max-width: 65%;}
.teamreihe1    { padding-bottom: 50px;
    display: inline-block;
}
.startteam strong {font-size: 16px; color:#9c1915;}
.startteam .ce-bodytext {font-size: 14px;}
.startteam .ce-bodytext a {font-size: 14px; font-weight: normal; color:#000;}

.startinhalte h2 {text-align:center; font-size:40px; color:#fff;}
h1 {text-align: center; font-family: 'Audiowide', cursive;}

h2 {
    font-family: 'Audiowide', cursive !important;
    font-weight: normal;
    line-height: 1;
    text-rendering: optimizelegibility;
    color: #fff;
    padding: 40px 0 25px 0;
    margin: 0;
    font-size: 24px;
}


h3 {font-family: 'Audiowide', cursive;}
.flexslider {border:none !important; margin:0 !important; padding:0!important;}
.footerbereiche .ce-bodytext {text-align:center; font-size:24px; color:#706f6f; padding:2% 0; }

.startinhalte .figcaption {
    bottom: 8px;
    color: #000;
    font-size: 16px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    padding: 2% 4%;
    position: absolute;
    text-align: center;
    background:#9c1915 !important;
}


.bildnavigation .ce-gallery figcaption {
    bottom: 8px;
    color: #fff;
    font-size: 24px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    padding: 2% 0% 3%;
    position: absolute;
    text-align: center;
    background: #9c1915 !important;
}


.bildnavigation .ce-media:hover img,
.bildnavigation figure:hover img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition: all .9s cubic-bezier(.165,.84,.44,1);
}


.animation {z-index: 5;}



.abstandunten {margin: 0 0 3% 0 !important;}
.redbg {background-color: #9c1915; margin: 0 0;}
.graubg {background-color: #e0e0e0; margin: 0% 0;}

.logo {margin:10px 0;  z-index: 100000; width: 100%;}
.starttextinhalt .ce-gallery figcaption {
    bottom: 8px;
    color: #fff;
    font-size: 24px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    padding: 2% 0% 3%;
    position: absolute;
    text-align: center;
    background:#9c1915 !important;
}
.startnewscontainer {margin:50px 0 0;}
.pagetitel {padding:0 0 10px; border-bottom: 1px solid rgba(219,219,219,1.00); margin-bottom: 20px;}
.ballmenu {margin-top: 33px !important;}

a {
	color:#fff;
	text-decoration: none;
	    padding: 0 1%;
}
.animation .ce-gallery {width: 100% !important;}
.animation .ce-gallery figcaption {display: none;}
.animation .ce-gallery img {min-width: 100% !important; float: left; position: relative; display: table-cell;}
.footer {margin-top: 30px;}

.footerinnner {padding:1% 0;}

.level1 {border:none !important;}

/**/
.header_sub .csc-textpic-image,
.header_sub img {margin-bottom:0px !important;}
.header_sub {margin-bottom:30px;}

.multicolumnContainer h3 {
	font-size:24px;
}
#c382 {margin-bottom: 40px;}
.innerer {
	position:relative;
	float:left;
	width:100%;
}
.list .img img {border-radius: 0px;}
.list .img { max-height: 175px; overflow:hidden; border-radius:3px;}
.header_sub .csc-textpic-image,
.header_sub img {width:100%;}


.white {background: #fff;}

.icons-kirche {padding:30px 0;}
.icons-kirche i {font-size: 80px; text-align: center;}
.icons-kirche h2 {font-size: 27px; font-weight: bold; text-align: center; color:#323330; padding:0; margin:0;}
.icons-kirche h3 {font-size: 24px; font-weight: normal; text-align: center; color:#323330; padding:0; margin:0;}

.icons-kirche .church_kirche::before {
    content: "\e901";
    text-align: center;
    display: block;
	color:#9c1915;
}

.icons-kirche .church_uhr::before {
 
    text-align: center;
    display: block;
	color:#9c1915;
}

.icons-kirche .church_foto::before {
 
    text-align: center;
    display: block;
	color:#9c1915;
}

.animation .ce-row, .animation figure, .animation img, .animation .ce-column, .animation .ce-gallery {
    width: 100% !important;
}


.flexslider .slides     {z-index: 600;}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 16px !important;
    text-align: center;
    z-index: 1000;
}


.newscontainer {min-height: 350px;}