/* Written by Dirk Schleef - Campow - Germany */

/* ------------------------ Footer ----------------------- */
#footer {
font-family: var(--fontfamily);
width: 100%;
margin: 0px auto;
border: 0px;
left: 0px;
top: 0px;
background-color: #000000;
color: rgb(166,177,183);
padding: 0px 0px 40px 0px;
line-height: 1.4em;
position: relative;
display: block;
float: left;
font-size: 0.8em;
/*border-top: 1px solid rgba(191,147,44,0.5);*/
}
#footer .csc-menu, #footer .csc-menu a{
font-size: 1.0em;
font-weight:300;
padding: 10px 0px 0px 0px;
  overflow:hidden;
  text-overflow:ellipsis;
}
#footer .csc-header {
  overflow:hidden;
  text-overflow:ellipsis;
  border-bottom: 1px solid #ffffff;
  padding: 0px 0px 0px 0px;
}
#footer .csc-textpic-imagewrap {
    max-width: 100%;
}

#InhaltsBreite {
    max-width: 1230px;
    float: none;
    display: block;
    margin: 0 auto;
  padding: 0px auto;
}
#footer li{
  overflow:hidden;
  text-overflow:ellipsis;
  color: #ffffff;
}

#footer .csc-menu a:active{
color: #ffffff;
}

#footer h1,#footer h2{
  overflow:hidden;
  text-overflow:ellipsis;
text-align: left;
font-size: 1.0em;
font-weight: normal;
padding: 0px 0px 0px;
margin:0 0 0 0;
  color: rgb(166,177,183);
}
#footer h3{
font-size: 1.0em;
font-weight: 400;
color: #ffffff;
margin: 0px;
padding: 5px 0px 0px 0px;
}
#footer a {
  text-transform: uppercase;
  font-family: var(--fontfamily);
  color: rgb(166,177,183);
  text-decoration: none;
  font-weight: 400;
}
#footer #footer9 a {
  text-transform: none;
}
#footer a:visited {color:rgb(166,177,183);}
#footer a:hover {color: #ffffff;}
#footer a:active { color:#ffffff;}

.Footerlayout1 {
  background:var(--Farbe1);
}
.Footerlayout2 {
  background:var(--Farbe2);
}
.Footerlayout3 {
  background:var(--Farbe3);
}
.Footerlayout4 {
  background:var(--Farbe4);
}
.Footerlayout5 {
  background:var(--Farbe5);
}


#footercontainer{
/*max-width: 1430px;*/
max-height: 228px;
margin: 0px 115px;
border-width: 30px 20px;
float: none;
display: block;
}
.Klammer{
  float: left;
  width:50%;  
}
.Klammer2{
  float: left;
  width:50%;  
}
.footermenue{
padding: 30px 15px 0px 0px;
}

#footerrechts .footermenue{
  padding: 30px 0px 0px 0px;
/*margin: 28px 0px 0px 0px;
*/
}
#footerrechts{
  width:30%;
  float: right;
  text-align: right;
  display: block;
position:relative;
}
#footermitte {
width:70%;
float: left;
display: block;
position:relative;
}
#footerlinks {
width:70%;
float: left;
display: block;
position:relative;
}
#footer1{
  width:50%;
  float:left;
}
#footer2{
  width:50%;
  float:left;
}
#footer3{
  width:50%;
  float:left;
}
#footer4{
  width:50%;
  float:left;
}
#footer5{
  width:50%;
  float:left;
}
#footer6{
  width:50%;  
  float:left;
}
#footer7{
  width:50%;
  float:left;
}
#footer8{
  width:50%;
  float:left;
}
#footerrechts h1, #footerrechts h2, #footerrechts p{
  text-align: right;
}

#footer9{
/*  width:150px;*/
  float:right;
  text-align: right;
  color: #fff;
}


/* -------------------- Media Queries -------------------- */

@media only screen and (max-width: 1000px) {
#footercontainer{
margin: 0px 50px 0px 50px;
}

.Klammer{
  float: left;
  width:100%;  
}
#footermitte {
width:100%;
float: left;
display: block;
position:relative;
}
#footerlinks {
width:100%;
float: left;
display: block;
position:relative;
}

}
@media only screen and (max-width: 1000px) {
#footercontainer{
margin: 0px 15px 0px 15px;
}
  #footerrechts h1, #footerrechts h2, #footerrechts p{
  text-align: left;
}
.Klammer2{
  float: left;
  width:100%;
}
#footerrechts{
  width:100%;
  float: right;
  text-align: left;
  display: block;
position:relative;
}
#footermitte {
width:100%;
float: left;
display: block;
position:relative;
}
#footerlinks {
width:100%;
float: left;
display: block;
position:relative;
}
#footer9 {
    float: left;
  }
  #footer .ce-gallery {
    float: left;
    margin-left: 0px;
  }


@media only screen and (max-width: 480px) {
#footerrechts{
  width:100%;
  float: right;
  text-align: right;
  display: block;
position:relative;
}
#footermitte {
width:100%;
float: left;
display: block;
position:relative;
}
#footerlinks {
width:100%;
float: left;
display: block;
position:relative;
}
#footer9{
  width:100%;
  float:left;
  text-align: left;
}
#footerrechts h1, #footerrechts h2, #footerrechts p{
  text-align: left;
}
  #footer9 {
    float: left;
  }
}
/*
#footerrechts{
  float:left;
  text-align: left;
}

#footerrechts h1, #footerrechts h2, #footerrechts p{
  text-align: left;
}
#footer8{
  float:none;
  text-align: left;
}
#footer9{
  float:none;
  text-align: left;
}
}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 380px) {

}
*/