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



/*
  .padding {  padding:27px; }
  .padding-left {  padding-left:27px  ; }
  .padding-right {  padding-right:27px; }
  .padding-bottom {  padding-bottom:27px; }
  .padding-top {  padding-top:27px; }
  */
.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-laaaaag-5, .col-lg-6 { padding:27px 27px 0 27px; }

  .noshow {display:none;}

  . {height:auto; min-height:320px;background-color: #cfcgcf;}
  .hoehetestsss {width:2px; height:640px;}

  .height640 {height:640px;}
  .width640 {max-width:640px;background-color:;}
  .height540 {max-height:840px;width:100%;}
  .pull-right-georg {
  float: right !important;
  }



  .height260 {max-height:260px;min-height:20px;}
  .height232 {max-height:232px!important;}
  .hoehetest {width:2px; height:640px;}
  .bgfilm {
    background-image:url(../img/bgfilm.jpg);
    background-image:url(https://glyck-de.ddev.site/fileadmin/glyck/img/space.gif);
    background-repeat: no-repeat; background-position: center;
    background-color: #fff;
  }

  .logo-footer {width:75px;hight:68px;}
  .margin-left-logo-footer {margin-left:27px; background-image:url(../img/logo-footer_224x204.png);background-repeat: no-repeat; background-position: left;background-size: 75px 68px;}
  .margin-left-logo-footer .footer-text {margin-left:90px;}
  .footer-margin {margin: 10px 0 0 -27px;}

  .no-padding {padding:0 0 0 0;}
  .special-padding {padding:15px 0 15px 0;}

  .bgorange {background-color:#f39200;}
  .bghellgrau {background-color:#f2f2f2;}
  .bgtuerkies {background-color:#00a7a8;}
  .bggrau {background-color:#cccccc;}
  .bgweiss {background-color:#fff;}
  .bgblack {background-color:#000;}
  .bgrezept {background-color:#f2f2f2;}
  .bgrezept_grau {background-color:#f2f2f2;}
  .bgrezept_weiss {background-color:#fff;}

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

.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 */
}

.height_header {
  height: 229px!important;
}

.headerbild {max-width:960px;width:100%;height:auto;}

.ohne_rand {padding:0 0 0 0;}



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

  .logo {width:490px; height:auto; margin:0 0 0px -27px;}

@media (min-width: 320px) {
.height540 {height:327px;width:100%;}
.bgblack {background-color:#fff;}
.logo {width:490px; height:auto; margin:0 0 30px -12px;}

/* .width640 {background-color:pink;z-index:1000000;} */
.width640 {max-width:100%;}


}
@media (min-width: 667px) {
.height540 {height:405px;width:100%;}
.bgblack {background-color:#fff;}



/*.width640 {
 background-color:#cccccc;
 background-image:url(../../../fileadmin/glyck/bilder/GLYCK-02.jpg); no-repeat center center ;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;} */

}


@media (min-width: 1200px) {


.grow { transition: all .9s ease-in-out;
}
.grow:hover {
  transform: scale(1.9)translate(0px, -85px);
  box-shadow: 0px -5px 32px -5px rgba(0,0,0,0.64);
  -webkit-box-shadow: 0px -5px 32px -5px rgba(0,0,0,0.64);
  -moz-box-shadow: 0px -5px 32px -5px rgba(0,0,0,0.64);
   }
}




@media (min-width: 960px) {
.height540 {height:529px;width:100%;}
.bgblack {background-color:#fff;}
.mobile-menu {display:none;}
.glyck_woche {
  min-height:400px;
  padding-top:54px;
  /* background-color: green; */ 
  }


}
@media (min-width: 1200px) {
.height540 {height:540px;width:100%;}
.bgblack {background-color:#fff;}
.glyck_woche {
  min-height:540px;
  padding-top:54px;
  /* background-color: pink; */
  
}

}

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



    .mann_mit_becher {background-color:#f5f5f5; background-image:url(../bg_container/mann_mit_becher.gif);background-repeat: no-repeat; background-position: right;background-size: 320px 320px;}
    .apotheker {background-image:url(../bg_container/apotheker.png);background-repeat: no-repeat; background-position: right;background-size: auto 320px;}
    .fisch_moehre {background-image:url(../bg_container/fisch_moehre.png);background-repeat: no-repeat; background-position: right;background-size: 320px 320px;}
    .weisse_pulle_auf_orange {background-image:url(../bg_container/weisse_pulle_auf_orange.png);background-repeat: no-repeat; background-position: right;background-size: 320px 320px;}
    .weisse_pulle_auf_tuerkies {background-image:url(../bg_container/weisse_pulle_auf_tuerkies.png);background-repeat: no-repeat; background-position: right;background-size: 320px 320px;}
    .schalter_an_aus {background-image:url(../bg_container/weisse_pulle_auf_orange.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .orange_magen {background-image:url(../bg_container/orange_magen.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .funktioniert_patentiert {background-image:url(../bg_container/funktioniert_patentiert.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .bgweiss_guertel {background-image: url(../bg_container/guertel.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .bgweiss_herz {background-image: url(../bg_container/herz.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .bgweiss_schalter {background-image: url(../bg_container/schalter_rechts.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .bghellgrau_apotheker {background-color:#f2f2f2; background-image: url(../bg_container/bghellgrau_apotheker.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}

    .packshot640 {background-color:#f2f2f2; background-image: url(../bilder/GLYCK-02.jpg);background-repeat: no-repeat; background-position: center;background-size: 640px 640px;}
    .packshot320 {background-color:#f2f2f2; background-image: url(../bilder/GLYCK-01.jpg);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    .packshot370 {background-color:#f2f2f2; background-image: url(../bilder/GLYCK-03.jpg);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}


    .glyck_wochen_mann_540x320_1 {background-image:url(../bg_container/glyck_wochen_mann_540x320_animiert.gif);background-repeat: no-repeat; background-position: center;background-size: 320px 540px;}
    .glyck_wochen_mann_540x320_2 {background-image:url(../bg_container/glyck_wochen_mann_540x320_2.png);background-repeat: no-repeat; background-position: center;background-size: 320px 540px;}
    .glyck_wochen_mann_540x320_3 {background-image:url(../bg_container/glyck_wochen_mann_540x320_3.png);background-repeat: no-repeat; background-position: center;background-size: 320px 540px;}
    .glyck_wochen_mann_540x320_4 {background-image:url(../bg_container/glyck_wochen_mann_540x320_4.png);background-repeat: no-repeat; background-position: center;background-size: 320px 540px;}
     body.die_glyckwochen .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-2.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
     body.glyckwoche_2 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-3.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
     body.glyckwoche_3 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-4.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
     body.glyckwoche_3 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-5.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}



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


    @media (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5),
    (min-resolution: 144dpi) {
      .mann_mit_becher { background-image: url(../bg_container/mann_mit_becher@2x.gif); }
      .apotheker { background-image: url(../bg_container/apotheker@2x.gif); }
      .fisch_moehre  { background-image: url(../bg_container/fisch_moehre@2x.gif); }
      .weisse_pulle_auf_orange { background-image: url(../bg_container/weisse_pulle_auf_orange@2x.png); }
      .schalter_an_aus {background-image: url(../bg_container/bg_container_hunger_an_aus.gif); }
      .orange_magen {background-image: url(../bg_container/orange_magen@2x.gif); }
      .funktioniert_patentiert { background-image: url(../bg_container/funktioniert_patentiert@2x.gif); }
      .bgweiss_guertel {background-image: url(../bg_container/guertel@2x.gif);}
      .bgweiss_herz {background-image: url(../bg_container/herz@2x.gif);}
      .bgweiss_schalter {background-image: url(../bg_container/schalter_rechts@2x.gif);}
      .bghellgrau_apotheker {background-image: url(../bg_container/bghellgrau_apotheker@2x.gif);}



      .glyck_wochen_mann_540x320_1 {background-image:url(https://glyck-de.ddev.site/fileadmin/glyck/bg_container/glyck_wochen_mann_540x320_12x.png);}
      body.glyckwoche_1 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-2@2x.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
      body.glyckwoche_2 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-3@2x.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
      body.glyckwoche_3 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-4@2x.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
      body.glyckwoche_4 .glyckwoche_box{background-image:url(../bg_container/glycks-wochen-bg-5@2x.png);background-repeat: no-repeat; background-position: center;background-size: 320px 320px;}
    }


    .glyckwoche_box {padding-top:150px;text-align:center;}
    .mann_mit_becher p{width:50%;}
    .weisse_pulle_auf_orange p {width:50%;}
    .bgweiss_schalter p {width:50%;}
    .orange_magen p {margin-top:210px;}
    .funktioniert_patentiert p {margin-top:100px;}


    .width130 {width:130px!important; height:auto;}

.rolo {width:50px;height:auto;}