/* 
    	Document   : style.css
    	Created on : 05.10.2020, 12:23
		Refresh on : 16.10.2020, 18:00
    	Author :  Mischa
    	Description:  Stylesheet for main Style.
*/
body {
	font: 1.5rem 'Dosis',Arial,Helvetica,sans-serif; margin: 0;
	font-weight: 300;
	line-height: 2.2rem;
	margin: 0;
	background: #EEEEEE;
	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;
}

div.col-lg-4 {}
div.col-lg-4 .csc-frame {text-align: left;min-height: 450px;margin-top: 10px;}

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

/* ###  Ueberschriften ### */
h1, h2, h3, h4, h5, h6 {font-family: 'Dosis', Arial, sans-serif ; color: #174B35; font-weight: 400; letter-spacing: 0px; -ms-hyphens: manual; -webkit-hyphens: manual;}
h1 {font-size: 3.5rem; margin: 0.0em 0 0.5em 0; line-height: 3.5rem; padding: 5px 10px 0 0; }
h2 {font-size: 2.4rem; color: #174B35; font-weight: 300; margin: 0.5em 0 0.5em 0; line-height: 2.9rem;}
h3 {font-size: 2.275rem; color: #174B35; font-weight: 300; margin: 0.2em 0 0.5em 0; line-height: 2rem;}
h4 {font-size: 1.5rem; text-transform: normal; margin: 0.2em 0 0.5em 0;}
h5 {font-size: 2rem;}


/* 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:  350px; margin: 0 auto; text-align: center; padding: 0; background: white; /*position: relative; top: 150px; z-index: 999;*/
background: none; float: none; clear: both; box-sizing: border-box; }

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

#topbar-l {height: 51px; line-height: 51px; margin: auto; float: left;} 
#topbar-r {height: 51px; line-height: 51px; margin: auto; float: right;} 
.ic-topbar {width: 32px; height: 51px; float: left;} 
.text-topbar {font-size: 14px; float: left;} 

#top {width: 100%; min-height: 116px; margin: 0 0 25px 0; padding: 0; /*position:absolute; top: 0px; z-index: 10000; */ background: rgba(238, 238, 238, 1.0);}
#top-inner {max-width: 1266px; height: 116px; text-align: left; margin: auto; margin-top: 51px; float: none; clear: both;} 
#title {width: 100%; text-align: center; margin: auto; float: none;}
.logo {width: 500px;margin: 0; float: none;}

#header-inner {max-width: 1266px; height: 50px; text-align: left; margin: 0 auto;}
#breadrumb {max-width: 100%; text-align: left; margin: auto; background: #B8B6B6;}
#breadrumb-inner {max-width: 1266px; line-height: 50px; font-size: 1.1rem; margin: auto; background: #B8B6B6; color: #6A6969;}

.sliderwrapper {max-width: 1266px; margin: auto; text-align: center;}

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


/*### Wenn Die Bildunterschrift im Slider verwendet werden soll. ### */
p.flex-caption {
position: absolute; bottom: 10rem;  z-index: 101; font-size: 2.5rem; line-height: 3.0rem; text-align: left;
font-size: 3rem; font-family: 'Dosis', cursive; color: white; display: none; 
max-width: 600px; background: rgba(255,255,255, 0.8); color: #174B35; padding: 0.4em 0.7em 0.4em 30px; margin: 0px;
}

.flex-control-nav {
display: none;
}
.flex-direction-nav {
display: none;
}

.csc-frame.csc-frame-default {padding: 1%; }
.csc-frame { 
width: 100%; background: white; text-align: left; margin: auto;  float: none; clear: both; 
	box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.0rem;
}

.csc-default  {width: 100%; background: none; float: none; clear: both; }

hr {
    margin-top: 80px;
    margin-bottom: 50px;
     border: 0;
height: 5px;
background-image: linear-gradient(to right,
rgba(0,0,0,0),
rgba(23,75,53,0.75),
rgba(0,0,0,0)); 
}

/*
#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;}
*/

/* .csc-textpic-text {
    margin: 25px 25px 55px 25px!important;line-height: 2.5rem;
}*/


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: 68px; 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: #821542; /* Fallback Old Brwoser */
background: rgba(255,255,255,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 'Dosis',Arial,Helvetica,sans-serif; font-weight: 600;}
#mobilMenuListe ul li a {display: block; text-indent: 1rem; color: #3B342B;  padding: 0.7rem 0 0.7rem 0; text-decoration: none;}
#mobilMenuListe ul li a:hover {display: block; color: #FFFFFF; 
background-color: #FFFFFF; /* Fallback Old Brwoser */
background: rgba(23,75,53, 0.92); }

/* ### zweite Ebene ### */
#mobilMenuListe ul li ul li a {text-indent: 3rem; font-size: 1.1rem; font-weight: 300;padding: 0.5rem 0 0.5rem 0rem;  }
#mobilMenuListe ul li ul li {display: block; color: #3B342B; 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: 1080px) {
    .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: 55px; position:fixed; top: 0px; z-index: 10000; }
#top-inner {height: 55px;} 
.text {width: 95%; float: none;} 

#topbar-l {height: 51px; line-height: 51px; margin: auto; float: left;} 
#topbar-r {height: 51px; line-height: 51px; margin: auto; float: right;} 
.ic-topbar {width: 30px; height: 51px; float: left;} 
.text-topbar {font-size: 12px; float: left;} 

#overthetop-inner {color: #FFFFFF; font-size: 1.0rem; line-height: 51px;  padding: 0 10px 0 10px; margin: auto; 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: 100px; }
 #wrapper {top: 120px!important; /*position: relative; z-index: 9;*/}
 #title-mobile {width: 270px; height: 68px;background: none; float: left;}
 .logo-mobile {width: 270px; float: left; margin: 3px 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;
}

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: 'Dosis', Arial, sans-serif ; font-weight: 400; letter-spacing: 0px; -ms-hyphens: manual; -webkit-hyphens: manual;}
h1 {font-size: 2.2rem; font-weight: 300; font-family: 'Dosis', Arial, sans-serif ; margin: 0.0em 0 0.5em 0; line-height: 2.2rem; padding: 5px 10px 0 0; }
h2 {font-size: 1.8rem; font-weight: 300; font-family: 'Dosis', Arial, sans-serif ; margin: 0.5em 0 0.5em 0; line-height: 2.2rem;}
h3 {font-size: 1.675rem;  font-weight: 300;  font-family: 'Dosis', Arial, sans-serif ; margin: 0.2em 0 0.5em 0;  line-height: 2rem;}
h4 {font-size: 1.4rem; font-family: 'Dosis', Arial, sans-serif ; text-transform: normal; margin-top: -15px; }

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

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


}