/* 
    Document   : style.css
    Created on : 12.03.2019, 12:23
    Author :  Mischa
    Description:  Stylesheet for main Style.
*/
body {
	font: 1.1rem 'Source Sans Pro',Arial,Helvetica,sans-serif; margin: 0;
	font-weight: 300;
	line-height: 1.5rem;
	margin: 0;
	background: #E5E5E5;
	text-align: center;
}

body, p {opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
/* ### CSS-Test mit Silbentrennung. Anweisung macht die Trennung selbstständig. ### */
text-align: justify;
hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
}


a, a:link, a:visited {color: #F87700; text-decoration: none;}
a:hover {color: #F87700;}
img {border: 0px;}

/* ###  Ueberschriften ### */
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', Arial, sans-serif ; color: #F87700; font-weight: 400; letter-spacing: 0px; -ms-hyphens: manual; -webkit-hyphens: manual;}
h1 {font-size: 2.2rem; margin: 0.0em 0 0.5em 0; line-height: 2.2rem; padding: 5px 10px 0 0; }
h2 {font-size: 1.8rem; color: #F87700; font-weight: 300; margin: 0.5em 0 0.5em 0; line-height: 2.2rem;}
h3 {font-size: 1.475rem; color: #F87700; font-weight: 300; margin: 0.2em 0 0.5em 0;  line-height: 2rem;}
h4 {font-size: 1.5rem; text-transform: normal; margin: 25px 0 35px 0;  padding-left: 20px; }
h5 {font-size: 3rem; font-family: 'Love Ya Like A Sister', cursive; color: white;}


/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ###  Aufbau ### */
#wrapper {max-width: 1266px; min-height: 550px; margin: 0 auto; text-align: center; padding: 0 0 25px 0; ; /*position: relative; top: 150px; z-index: 999;*/
float: none; clear: both; box-sizing: border-box;width: 100%; min-height: 100%;
/*background-image: url(../../..//fileadmin/_chaar2019/stage_bg.png);background-postion: center;background-size: cover;*/}

#overthetop {width: 100%; padding: 0; position:fixed; top: 0px; z-index: 10000; margin: auto; text-align: center; background: rgba(248,119,0, 1.0);}
#overthetop-inner {color: #FFFFFF; font-size: 1.0rem; line-height: 52px;  padding-left: 25px; margin: auto; float: right; }

#top {width: 100%; min-height: 100px; margin: 0; padding: 0; /*position:absolute; top: 0px; z-index: 10000; */background: rgba(71, 71, 73, 1.0);}
#top-inner {max-width: 1266px; height: 100px; text-align: left; margin: auto; margin-top: 46px; float: none; clear: both;} 
#title {width: 300px; height: 126px; text-align: left; margin: auto; float: left;}

.logo {width:250px;margin: 0;}

#header-inner {max-width: 1266px; height: 50px; text-align: left; margin: 0 auto; background:  rgba(255,255,255, 1.0); display: none;}
#breadrumb {max-width: 1266px; line-height: 50px; font-size: 0.9rem;  text-align: left; margin: auto; padding-left: 25px; background: #FFFFFF; display: none;}

.sliderwrapper {max-width: 1266px; margin: auto; text-align: center; background: rgba(38, 118, 127, 1.0);}

#social {width: 145px; float: left;}
.socialicons {}

#cenect {width: 100px; float: right;}


.text {max-width: 1266px; padding: 1%; margin: 5px auto; text-align: center; background: #FFFFFF; border-radius: 3px; border: 2px solid #FFFFFF; float: none; }
div.csc-textpic-responsive, div.csc-textpic-responsive * {
    margin: 0  ; 
}

html body.bodymain div#wrapper.clearfix section#c4.wrapper-imgslider div.inner-imgslider div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0px; }
html body.bodymain div#wrapper.clearfix section#c4.wrapper-imgHeader div.inner-imgHeader div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0px; }

.wrapper-imgslider {width: 100%; margin: auto; background: #5F695E; }
.inner-imgslider {max-width: 100%; text-align: center; margin: auto; padding: 0%; } 
.wrapper-imgslider .inner-imgslider .csc-textpic-image {background: none; border: !important 0px solid #D4D4D4; padding: 0px; box-shadow: !important 0px; margin: 0px;}

/*### Die Bildunterschrift ohne Slider verwendet werden soll. ### */
.wrapper-imgslider .inner-imgslider caption {position: absolute; top: 30rem; z-index: 101; font-size: 3.0rem; line-height: 3.0rem;}
caption.csc-textpic-caption {background: rgba(60, 61, 70, 1.0); no-repeat bottom center; color: #FFFFFF; padding: 0.4em 0.7em 0.4em 30px; margin: 0px;}

/*### Wenn Die Bildunterschrift im Slider verwendet werden soll. ### */
p.flex-caption {
position: absolute; bottom: 10rem;  z-index: 101; text-align: left;
font-size: 2.0rem; font-family: 'Source Sans Pro', cursive; line-height: 2.5rem; 
max-width: 600px; padding: 0.4em 0.7em 0.4em 30px; margin: 0px;
}

.flex-direction-nav {

}

.wrapper-imgHeader {width: 100%; margin: auto; max-height: 122px; background:#000000; }
.inner-imgHeader {max-width: 1266px; text-align: center; margin: auto; padding: 0%; } 
.wrapper-imgHeader .inner-imgHeader .csc-textpic-image img {opacity: 0.6; background: none; border: !important 0px solid #D4D4D4; padding: 0px; box-shadow: !important 0px; margin: 0px;}
.wrapper-imgHeader .inner-imgHeader caption {position: absolute; top: 2rem; z-index: 101; text-transform: uppercase; color: white; font-size: 2.0rem; line-height: 2.0rem;}
.wrapper-imgHeader .inner-imgHeader caption.csc-textpic-caption {/*background:  rgba(0,255,255, 0.8); */ background: none;}

.flexslider {box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}


table.contenttable-color-1 {background-color: #FFFFFF;}

.wrapper-einklinker {width: 33.3333%; min-height: 250px; border-top: 0px solid #F5F5F5; border-right: 2px solid #F5F5F5;  border-bottom: 4px solid #F5F5F5; border-left: 2px solid #F5F5F5;background: #FFFFFF; float: left; }
.inner-einklinker {text-align: left; margin: auto;padding: 5%; box-sizing: border-box;} 
.inner-einklinker h2 {color: #DF1F10; font-size: 1.675rem; line-height: 2.2rem; text-transform: normal; margin-top: 2px; }
.inner-einklinker h2 a:link, .inner-einklinker h2 a:visited {color: #2C5281; }
.inner-einklinker p.bodytext {color: #59585A; font-size: 1.2rem; line-height: 26px; text-transform: normal; text-align: left; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}
.inner-einklinker a {color: #2C5281; font-weight: bold;}
.inner-einklinker a:link {color: #2C5281;}
.inner-einklinker a:visited {color: #2C5281;}
.inner-einklinker .csc-textpic-imagewrap {padding: -25px; }
/* .csc-textpic-left.csc-textpic-below.csc-textpic-imagewrap.csc-textpic-image picture img {border: 2px solid yellow!important; margin: -25px; }*/

.middle  {width: 33.3333%; text-align: left; background: #FFFFFF; float: left; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}


.wrapper-white {width: 100%; background: white; float: none; clear: both; }
.inner-white {max-width: 1266px; text-align: left; margin: auto;padding: 15px 25px 15px 25px; color: #323132;} 
.wrapper-white .inner-white .csc-textpic-image {background: #FFFFFF;  padding: 10px; margin: 15px;}

.csc-default  {width: 100%; background: none; float: none; clear: both; }
.wrapper-white-NoPadding {width: 100%; float: none; clear: both; }
.inner-white-NoPadding {max-width: 1266px; text-align: left; margin: auto;padding: 0px; background: none;} 
.wrapper-white-NoPadding .inner-white-NoPadding .csc-textpic-image {padding: 0;}




/* ##### News Bereich ##### */
.news .article.articletype-1, .news .article.articletype-0 {
float: left;margin-bottom: 5px;padding:2%;text-align: left;
width: 33.3333%; border-right: 2px solid #F5F5F5; border-left: 2px solid #F5F5F5;   
min-height: 430px;
background: rgba(50, 50, 52, 1.0);
color: white;
position:relative; bottom: 0px; z-index: 100;
}

.news .article.articletype-1, .news .article.articletype-0 a:link {color: white;}
.news .article.articletype-1, .news .article.articletype-0 a:visited {color: white;}

.news .article.articletype-1 DIV.header h3, .news .article.articletype-0 DIV.header h3 {color: white;font-size: 1.675rem;line-height: 2.0rem;}
.news .article.articletype-1 DIV.header h3, .news .article.articletype-0 DIV.header h3 a {color: white;font-size: 1.675rem;line-height: 2.0rem;}

DIV.news-backlink-wrap a {
background: rgb(44, 82, 129) none repeat scroll 0 0;
    border-color: #000000;
    color: #214a0e;
 -moz-user-select: none;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
DIV.news-backlink-wrap a:visited {color: white;}
div.news-backlink-wrap a:link {color: white;}

DIV.header {min-height: 50px; margin-bottom: 10px; }
DIV.header h3 {color: #2C5281; font-size: 2.7rem; line-height: 2.5rem; font-weight: 400;}
DIV.header h3 a {color: #2C5281;}
DIV.header h3 a:visited {color: #2C5281;}
.newsfooter p {font-size: 1.4rem;}
.teaser-text p.bodytext  {font-size: 1.2rem; line-height: 1.8rem; color: white;}
.teaser-text a:link, .teaser-text a:visited {font-size: 1.2rem; color: #2C5281;}
.teaser-text {color: #2C5281; }

.news .article .news-img-wrap a {
    border: 0px solid #FFF;
    display: block;
    float: left;
    padding: 0px;
}


.news .footer {
    border-top: 1px solid #072241;
    clear: both;
    color: #888;
    margin-top: 15px;
    padding: 10px 0 0; display: none; 
}

.news-single .footer {
    border-top: 1px solid #072241;
    clear: both;
    color: #888;
    margin-top: 15px;
    padding: 10px 0 0; display: inline; 
}

a.more {
    background: rgba(38,118,127,1.0);
    border-color: #24446C;
position:absolute; bottom: 25px; right: 25px;z-index: 10000; 
}
.more:hover {
    background: rgba(30,98,106,1.0); color: #214A0E;
}

a:link.more {color: #FFFFFF;}
a:visited.more {color: #FFFFFF;}

.more {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid #FFFFFF;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
/* ##### News Bereich ##### */





#footer {width: 100%; min-height: 350px; color: #FFFFFF; margin: 50px 0 0 0; background: #D08D46;}
#footerinhalt {min-width: 720px; max-width: 980px; margin: auto; text-align: left; padding: 0 10px 0 10px;}
.trennline {width: 100%; height: 2px; padding: 20px 0 10px 0; clear: both; }

 .csc-textpic-text {
    margin: 0!important; 
}

img, embed, object, video {
width:100%;
max-width: 100%;
height: auto;
}

/* Menüs *************************************/

#my-btn-hamburger {float:right; }
#my-btn-hamburger, img {border-radius: 0px;}
#my-btn-hamburger, img:hover {}

#mobilMenu {height: 80px; background: none; overflow: hidden;}
.mobil-menuLink, a.mobil-homeLink {padding: 0; display: block; line-height: 48px; }
a.mobil-homeLink {float: left; margin: 0px 0 0 10px;}
.mobil-menuLink {float: right; margin: 2px 5px 0 0;}

#mobilMenuListe { 
background-color: #474749; /* Fallback Old Brwoser */
background: rgba(71,71,73, 0.92); max-height: 450px; overflow: auto;
}

#mobilMenuListe ul {margin: 0; padding: 0; list-style: none; z-index: 9999; }
#mobilMenuListe ul li {text-align: left; font: 1.3rem 'Source Sans Pro',Arial,Helvetica,sans-serif; font-weight: 300;}
#mobilMenuListe ul li a {display: block; text-indent: 1rem; color: #FFFFFF;  padding: 0.7rem 0 0.7rem 0; text-decoration: none;}
#mobilMenuListe ul li a:hover {display: block; color: #FFFFFF; 
background-color: #F87700; /* Fallback Old Brwoser */
background: rgba(248,119,0, 0.98); }

/* ### zweite Ebene ### */
#mobilMenuListe ul li ul li a {text-indent: 5rem; font-size: 1.1rem; font-weight: 300;padding: 0.5rem 0 0.5rem 0rem;  }
#mobilMenuListe ul li ul li {display: block; color: #FFFFFF; padding: 0px; }
#mobilMenuListe ul li ul {margin-bottom: 0.5rem;}

.hide-desktop {
    display: none ;
}


/* media querie handhelds less than 480px */
@media screen and (max-width: 1920px) {
    .hide-mobile {
        display: none;
    }
    .hide-desktop {
        display: block;
    }
    .content {
        width: 98%;
        padding: 1%;
    }
    .sidebar {
        width: 98%;
        float: none;
        padding: 1%;
}
  #meta {display: none;}
  .pd_menu_01 {display: none;}
#top {min-height: 60px; position:fixed; top: 0px; z-index: 10000; }
#top-inner {height: 60px; } 
  .text {width: 95%; float: none;} 

body, p {
	hyphens: auto;
	-ms-hyphens: auto; 
	-webkit-hyphens: auto;
   	opacity: 1;
    	text-align: justify;
}
.wrapper-imgslider .inner-imgslider caption {position: absolute; top: 6rem; z-index: 101; font-size: 2.5rem; line-height: 2.5rem;}    
.wrapper-imgHeader .inner-imgHeader caption {position: absolute; top: 0rem; z-index: 101; text-transform: uppercase; color: white; font-size: 1.6rem; line-height: 1.5rem;}



/*## CSS Z-Index des Wrapper DIV niedriger setzen Vorher (9999) ###*/
.sliderwrapper {margin-top: 140px; }
 #wrapper {top: 120px!important; /*position: relative; z-index: 9;*/}
 #title-mobile {width: 180px; height: 80px; float: left;}
 .logo-mobile {width: 180px; float: left; margin: 10px 0 0 10px;}
 div.csc-textpic-responsive, div.csc-textpic-responsive * {margin: 0; }

.wrapper-einklinker {width: 100%;  min-height: 150px; padding: 1%; background: #FFFFFF; float: none;  box-sizing: border-box;  hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}
.inner-einklinker {font-size: 1.5rem; line-height: 2.0rem; text-transform: normal; margin-top: 2px; }
.inner-einklinker h2 {font-size: 1.375rem; line-height: 2.2rem; text-transform: normal; margin-top: 2px; }

.middle {width: 100%; min-height: 150px; background:  #FFFFFF; float: none; box-sizing: border-box; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}

.inner-shorttextsliderA {font-size: 1.8em; font-weight: 400; margin: auto; padding: 12px 5px; text-align: left; color: white;}
.wrapper-longtextslider {display: none;}
#right {position: absolute;top:2rem; z-index: 101; }

.wrapper-imgslider .inner-imgslider caption {/*position: absolute; top: 2rem; z-index: 101; */ font-size: 2.0rem; line-height: 2.0rem;}
p.flex-caption {position: absolute; top: 2rem; z-index: 101; font-size: 2.2rem; line-height: 2.5rem;}

.flex-control-nav {display: none;}
.flex-direction-nav {display: none;}
.inner-white {padding: 25px 10px 10px 10px;text-align: left;}
DIV.col-md-6 ul {margin-left: -30px;}

footer.mainfooter {display: yes; position: relative; top: 10px; z-index: 9999;}
}

.hidden {
    display: none;
}



/* media querie handhelds less than 480px Smartphone */
@media screen and (max-width: 800px) {

/*### Die Bildunterschrift ohne Slider verwendet werden soll. ### */
.wrapper-imgslider .inner-imgslider caption {position: absolute; top: 5rem; z-index: 101; font-size: 1.2rem; line-height: 2.0rem;}
caption.csc-textpic-caption {background:  rgba(255,255,255, 0.8);  color: #3C3D46; padding: 0.4em 0.7em 0.4em 10px; margin: 0px;}

/*### Wenn Die Bildunterschrift im Slider verwendet werden soll. ### */
p.flex-caption {position: absolute; top: 3rem; z-index: 101; font-size: 1.2rem; line-height: 2.0rem; text-align: left;
background: rgba(255,255,255, 0.8); color: #59585A; padding: 0.4em 0.7em 0.4em 10px; margin: 0px; display: none;
}

/* ###  Ueberschriften ### */
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', Arial, sans-serif ; font-weight: 400; letter-spacing: 0px; -ms-hyphens: manual; -webkit-hyphens: manual;}
h1 {font-size: 1.6rem; font-weight: 300; font-family: 'Source Sans Pro', Arial, sans-serif ; margin: 0.0em 0 0.5em 0; line-height: 2.2rem; padding: 5px 10px 0 0; }
h2 {font-size: 1.4rem; font-weight: 300; font-family: 'Source Sans Pro', Arial, sans-serif ; margin: 0.5em 0 0.5em 0; line-height: 2.2rem;}
h3 {font-size: 1.375rem;  font-weight: 300;  font-family: 'Source Sans Pro', Arial, sans-serif ; margin: 0.2em 0 0.5em 0;  line-height: 2rem;}
h4 {font-size: 1.0rem; font-family: 'Source Sans Pro', Arial, sans-serif ; color: #2C5281; text-transform: normal; margin-top: -15px; }

.wrapper-white {width: 99%; box-sizing: border-box; padding: 0; margin: 0px, }


.news .article.articletype-1, .news .article.articletype-0 {
float: none; width: 100%; border-right: 2px solid white; border-left: 2px solid white; min-height: 200px;}
DIV.header h3 {
    color: #ffffff;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.5rem;
position:relative; bottom: 0px; z-index: 100;
}

a.more {
    background: rgba(38,118,127,1.0);
    border-color: #24446C;
position:absolute; bottom: 5px; right: 25px;z-index: 100;
}


footer.mainfooter {display: yes;}
div.news-backlink-wrap a:link {color: white;}
div.news-backlink-wrap a:visited {color: white;}
}


}