/* #+#+#+#+#+#+#+#+#+#+#+#+#   SCROLL    #+#+#+#+#+#+#+#+#+#+#+#+##+#+#+#+#+#+#+#+#+#+#+#+##+#+#+#+#+#+#+#+#+#+#+#+# */
html {
  /* background: url(../../../fileadmin/elpanno/bilder/20190405-DSC01240.jpg) no-repeat fixed; */

background position:left top;
background-size:cover;
width:100%;
height:600px;
background-color:#f97709;

background: url("../../../fileadmin/elpanno/img/boxed-bg-dark.png") repeat fixed;
}



section.navigation {}

/* section.hellgrau {background-color: #f5f5f5;} */

.desktop .row {
  /* margin-left: 0px;
  margin-right: 0px; */

}

.MainContent .row {
  background-color: #7db49f;
  padding-bottom: 0px;
}




.container-padding {
  padding: 15px;
  border-radius: 24px;
}

/* .bg-weiss-startseite {
  padding: 10px;
} */

/* .bg-tuerkies-startseite {
  padding: 10px;
  -webkit-box-shadow: 6px 5px 6px -4px #000000;
} */

iframe {
  border-radius: 10px;
  min-height: 400px;
  white-space: nowrap;
  overflow-x:hidden;
}

iframe::-webkit-scrollbar {
display: none;
}

@media (max-width: 960px) {
  iframe {

    min-height: 700px;

  }
}

.margin10bgtuerkies {
  padding:10px;
  background-color:#0b8c75;
  border-radius: 10px;

}
.margin10bghelltuerkies {
  padding:10px;
  background-color:#7DB49F;
  border-radius: 10px;

}
#page_nummer7 .margin10bghelltuerkies {
  min-height: 620px;
}
.margin10bgorange {
  padding:10px;
  background-color:#f97709;
  border-radius: 10px;
}
.margin10bgweiss {
  padding:10px;
  background-color:#fff;
  border-radius: 10px;

}

.uid_57 .ce-bodytext{
  background-image: url('/fileadmin/elpanno/img/bg-duesseldorf.png');
  background-position:bottom right;
  background-repeat: no-repeat;
  background-size:  auto 304px;
}
.margin10bgweiss .uid_67{
  background-image: url('/fileadmin/elpanno/Bilder/cargo-bike-aktionswochen-banner.png');
  background-position:bottom left;
  background-repeat: no-repeat;
  background-size:  auto 254px;
}
.margin10bgweiss .uid_67 {
  height:250px!important;
  display: block;
}
.margin10bgbeige {
  padding:10px;
  background-color:#f2c8a2;
  border-radius: 10px;

}

.elpanno_footer {
  padding: 0px;
  color: #fff;
}

li.tricklist {
  height:17px!important;
}

/* ELPANNO FARBEN */
.bgorange, .bgcolor_2 {background-color:#f97709; }
.bgbeige,  .bgcolor_4 {background-color:#f2c8a2; }
.bgtuerkies, .bgcolor_5 {background-color:#0b8c75; }
.bggruen,  .bgcolor_6 {background-color:#014040; }
.bgrot,    .bgcolor_7 {background-color:#8c142a; }

.bgcolor_2,.bgcolor_4,.bgcolor_5,.bgcolor_6,.bgcolor_7 {
  width: 20%;  height:35px;
  display: block;
  float: left;
  text-align: center;
  padding: 0px 0 0 0;
}

#page_nummer2 .MainContent .row,
#page_nummer6 .MainContent .row,
#page_nummer7 .MainContent .row,
#page_nummer17 .MainContent .row,
#page_nummer2 .zusatznavigation,
#page_nummer2 .bgcolor

 {
  /* ORANGE */
  background-color:#f97709;
  color:#fff;
}

#page_nummer4 .MainContent .row,
#page_nummer4 .zusatznavigation,
#page_nummer4 .bgcolor {
  /* BEIGE */
  background-color:#f2c8a2;
}

#page_nummer5 .MainContent .row,
#page_nummer5 .zusatznavigation,
#page_nummer5 .bgcolor {
  /* Tuerkies */
  background-color:#0b8c75;
}

#page_nummer6 .MainContent .row,
#page_nummer6 .zusatznavigation,
#page_nummer6 .bgcolor {
  /* Gruen */
  background-color:#014040;
}

#page_nummer7 .MainContent .row,
#page_nummer7 .zusatznavigation,
#page_nummer7 .bgcolor {
  /* Rot */
  background-color:#8c142a;

}

.mobile-menu { top:0px; right:0px;  z-index: 1000000;}

/* HÖHE DES SLIDERS (HEADER) WIRD HIER FESTGELEGT */


@media (max-width: 960px) {
  .naviagtion-neu_height-smaller, .naviagtion-neu_height {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url('../../../fileadmin/elpanno/img/rauchglass.png');
    background-repeat: repeat;
  }


}

.slider {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}



.hauptnavigationrechts {     width:100%;     float: left; z-index:10010;position: absolute;bottom: 0px; }
.hauptnavigationrechts-scrollspy {     width:100%;  padding-top:85px;   float: left; z-index:10010;position: absolute;bottom: 0px; }
.fixed-zusatz-navi {display:none;}

.fixed-zusatz-navi-scrollspy {
  display: block;
  width:100%;
  height:auto;
  position: fixed;
z-index: 100000;
-webkit-transition: display .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: display .5s ease-in-out,padding .5s ease-in-out;
transition: display .5s ease-in-out,padding .5s ease-in-out;
background-repeat: repeat;
}

.zusatz-menu {
  padding-top: 34px;
  padding-left:200px;
  background-image:url(../../../fileadmin/elpanno/img/logo-2019.png);
  background-repeat: no-repeat;
  background-position: 22px 10px;
  background-size: 160px auto;
  height:70px;
}
.level2 {
  display: block;
  width:100%;
  height:auto;
  position: fixed;
  z-index: 100000000000;
  height:30px;
background-image: url('../../../fileadmin/elpanno/img/rauchglass.png');
padding-top: 4px;
}

.logo-zusatz_menu {height:80px; width:auto;}

/* ---- grid ---- */
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6 {
  border: solid 0px #ddd;
   /* min-height:320px; */
   height: auto;
}

col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-bottom:15px; padding-top:15px;}

/* TEXT ÜBER BILD ++++++++++++++++++++++++++ */

.img-container {
  position: relative;
}
/* Bottom right text */
.text-block {
  width:100%;
  height:100%;
  position: absolute;
  /* background-color: rgba(256,256,256,0.4); */
  color: white;
  border: thin #ccc;
  padding: 0;
}
.parent {
    display: flex;
    align-items: center;
}
.center {text-align: center;}

.noshow {display:none;}



  .bg-logo {
    background-image:url(../../../fileadmin/elpanno/img/logo-elpanno-duesseldorf-1140x278.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% auto;
    min-height:278px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #page_nummer2 .MainContent .bgimage{
    background-color: transparent!important;
    background: url('/fileadmin/elpanno/img/bg-bike-elpanno-startseite.jpg');
    background-repeat:no-repeat;
    background-position: left top;
  }


  .no-padding {padding:0 0 0 0!important;}
  .special-padding {}











  .bghellgrau {background-color:rgb(245,245,245);}
  .bgheadergrau {background-color:#dcdbdc;}

  .bgdunkelgrau {background-color:rgb(230,230,230);}
  .bgsehrdunkelgrau {background-color:rgb(204,204,204);}

  .bggrau {background-color:rgba(222,222,222,1);}
  .bgweiss {background-color:#fff;}
  .bgblack {background-color:#000;}
  .bggruen {background-color:#014040;}
  .bgrezept {background-color:#f2f2f2;}
  .bgrezept_grau {background-color:#f2f2f2;}
  .bgrezept_weiss {background-color:#fff;}
  .weissglas  { background-image: url('../../../fileadmin/elpanno/img/rauchglass.png');}
  .rauchglas20  { background-image: url('../../../fileadmin/elpanno/img/rauchglass20.png');}
  .rauchglas200  { background-image: url('../../../fileadmin/elpanno/img/rauchglass200.png');}
  .rauchglas300  { background-image: url('../../../fileadmin/elpanno/img/rauchglass300.png');}
  .rauchglas400  { background-image: url('../../../fileadmin/elpanno/img/rauchglass400.png');}
  .rauchglas500  { background-image: url('../../../fileadmin/elpanno/img/rauchglass500.png');}
  .rauchglas600  { background-image: url('../../../fileadmin/elpanno/img/rauchglass600.png');}



.center { display: block;
    margin-left: auto;
    margin-right: auto; }


.vertical-align, .mittig {
    display: flex;
    align-items: center;
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */
}



.ohne_rand {padding:0 0 0 0;}


.flex-center {
display: flex;
align-items: center;
justify-content: center;
}


/* Fall Back für Mobile menus */
@media (orientation: landscape) {

    .mobile-menu {
      position: relative;
      top:auto;right:auto;

    }

}


@media (min-width: 1200px) {
.dto {display:inline-block;}

}

/* Break Desktop Only - Zeilenumbruch nur für Mobile*/
@media (min-width: 1200px) {
.bdto {display:inline-block;}
}
@media (min-width: 540px) {
.bdto {display:none;}
}

/* #### MEDIA QUERIES aus bootatrap CSS  ################################################################## */

/*

--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;

*/

/*  .container320x320 {width:320px;height:320px;margin-bottom: 0px!important;} */

@media (min-width: 960px) {

.mobile {display:none;}
.navbar {display:none;}


/*
.img-header {width:auto; height:550px;position: absolute;margin-top: 200px;}
.inhalt-spalte-links {width:auto; height:550px; margin-bottom:250px; }
.bgheadergrau {height:550px!important;border-top: solid 0px #000;}
  }
*/

  .bg-logo {

}

}


@media (max-width: 1200px) {
  /* ---- grid ---- */
  .col-md-3 {
    border: solid 0px #ddd;
     min-height:470px;
     height: 470px;
  }
}

@media (max-width: 1200px) {
  /* ---- grid ---- */
  .col-md-3 {
    border: solid 0px #ddd;
     min-height:470px;
     height: 470px;
  }

  .bg-logo {
    background-image:url(../../../fileadmin/elpanno/img/logo-elpanno-duesseldorf-1140x278.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /* background-size: 930px auto; */
    position: relative;
    min-height:240px;

  }

}


.row2 .col-xl-12,
.row2 .col-lg-12,
.row2 .col-md-12
{
  padding-top:0px;
}

@media (max-width: 992px) {
  /* ---- grid ---- */
  .hauptnavigationrechts
  {width:100%;
    padding-top:15px;
    float: left;
    z-index:1010;
    position: absolute;
    bottom: 0px;
  }
  .hauptnavigationrechts-scrollspy {     padding-top:0px; top:0px;

    -webkit-transition: padding-top .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: padding-top .5s ease-in-out,padding .5s ease-in-out;
    transition: padding-top .5s ease-in-out,padding .5s ease-in-out;
  }


  .bg-logo {

    min-height:208px;

  }


}

/* MEDIA ++++++   992  ++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* MEDIA ++++++   960  ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* @media (max-width: 960px) {
.nav-collapse {margin-top:5px;z-index: 1000000000;}
.img-container-320x320 {width:100%;height:720px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6 {  }

.headerbild-untenrechts {display:none;}
.dto {display:none;}

.img-container-320x320 {width:100%;height:auto;}
.col-xs-6 {height: 720px;}

.bg-logo {
  background-image:url(../../../fileadmin/elpanno/img/logo-elpanno-duesseldorf-1140x278.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% auto;
}
} */

/* MEDIA ++++++   767  ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 767px) {
  .bg-logo {
    background-position: 0px 0px;
    background-size: 100% auto;
    min-height:185px;
  }
}

/* MEDIA ++++++   720  ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 720px) {
  /* ---- grid ---- */

  .xcol-sm-6 {  border: solid 0px #ddd; min-height:320px;}
  .headercol,.header-img{ height: 412px!important;}
  .bg-logo {
    min-height:185px;
  }

}
/* MEDIA ++++++   667px  ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 667px) {
  .bg-logo { min-height:185px; }
}
@media (max-width: 600px) {


}
/* MEDIA ++++++   540px  ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 540px) {

  .bg-logo { min-height:165px; }


}
/* MEDIA ++++++   500px  ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 500px) {
  .bg-logo { min-height:160px; }

}
/* MEDIA ++++++   460px  ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 460px) {
  .bg-logo { min-height:150px; }

}
/* MEDIA ++++++   420px   iPhone 6,7 PLUS ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 415px) {

  .bg-logo { min-height:130px; }

}

@media (max-width: 390px) {

  .bg-logo { min-height:125px; }

}

/* MEDIA ++++++   PIXEL 2 ++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 411px) {



}
/* MEDIA +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 384px) {
}



/* MEDIA ++++++   375px  iPhone 6s ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 375px) {
  /* .height260 {max-height:180px;min-height:20px!important;} */






}

/* MEDIA +++ GALAXY S7 ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 360px) {
}
/* MEDIA ++++++   340px  ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 340px) {

}
/* MEDIA ++++++   320px iphone 4 ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 320px) {

}


a.bottom {position:absolute;bottom:0px;left:22px;z-index:1116;}


.Mehr-erfahren-Link {z-index:10115;}


div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
}


/* #### Hintergrund Boxen Retina   ############################################# */

/* scroll to top */
.scrollup{
    position:fixed;
  width:70px;
  height:50px;
    bottom:0px;
    right:0px;
  background:rgba(255,255,255,1);


}

 fa .fa-angle-up {padding-bottom: 0px;}

a.scrollup {
  outline:0;
  text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
  opacity:1;
  text-decoration:none;
}
a.scrollup i {
  bottom: 10px;
  color: #ccc;
  font-size: 4.5em;
  position: relative;
  bottom: 16px;
}
a.scrollup i:hover {
  text-decoration:none;
}


.backToTop {

}

.trenner {
    margin-bottom: 0px;
    background-image: url('../../../fileadmin/elpanno/img/rauchglass.png');
    width:100%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #fff;
}

.openstreetmap {
  width:100%;
  height:100%;
min-height: 550px;}


.hellgrau .col-lg-6,.hellgrau .col-lg-12
{    padding-bottom: 0px;
     padding-top: 0px;

}
.hellgrau .col-lg-6 .ce-bodytext,.hellgrau .col-lg-12 .ce-bodytext
{    padding-bottom: 15px;
     padding-top: 15px;

}



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

section.fixedbackground {
  background: url(../../../fileadmin/elpanno/img/treppenschnecke-sw.jpg) no-repeat center center fixed;
    background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

 .padding-margin-null {
   padding:0;
   margin:0;
 }

figure {
    padding: 0px!important;
}

.elpanno_footer figure img {
  width:120px;height:auto;
  float: right;
  display: block;
  margin-right: 0px;
}
.elpanno_footer figure {
border: 0;
  border-radius: 0px;
  background: transparent;
  }

  .cta-header {
    display: block;
    position: relative;
    margin-right: 0px;
    margin-top: 5px;
    width:210px;
    float: right;
    /* background-color: rgba(255, 0, 0, 0.5); */
  }

  @media (max-width: 992px) {
      .cta-header {
        width:140px;
      }
  }

  @media (max-width: 767px) {
      .cta-header {
        display: none;
      }
  }