/* Dirty Hack */
main #main-container .black-container .inner-contents .img-gallery > a {
  height: 115px;
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 10px;
}


html {background-color:#fff;}
.small-screens, .mobile {display:none !important;}
.back {padding-left:5px !important;}

/*** News pagination ***/
.news-list-view .accordion-wrap + p + .page-navigation ul.f3-widget-paginator.nav.pull-left {top:auto;}
@media (max-width: 768px){
.page-navigation ul.f3-widget-paginator.nav.pull-left {top:93px;}
.news-list-view .accordion-wrap + p + .page-navigation ul.f3-widget-paginator.nav.pull-left {top:auto;}
}

/*** Youtube Video Page ***/
#video-page .video-group {
  display: flex;
  justify-content: space-between;
}
#video-page .video-group .video-element {
  margin-bottom: 80px;
  width:100%;
  max-width:280px;
  height:auto;
}
#video-page .video-group .video-element iframe {
  width:100%;
  height:auto;
}
@media (max-width: 991px){
#video-page .video-group {
  display:block;
}
#video-page .video-group .video-element {
  max-width:100%;
}
#video-page .video-group .video-element iframe {
  min-height:300px;
}
#video-page .video-group .video-element h2 br {
  display:none;
}
}

/*** HEADER ***/
.top-head {
  display:none;
}

header .nav-head {
  background-color:#000 !important;
  padding-bottom:15px !important;
  height:125px !important;
}



header .nav-head .container {
  width:100%;
}

header .nav-logo-col {
  position: absolute;
  right: 20px;
  top:0;
  width:230px;
}

header .nav-head .logo {
/*  margin-top:14px; */
	margin-top: 9px;
}

header .nav-head .logo img {
  display:none;
}

header .nav-head .logo {
  background-image: url("/fileadmin/templates/daehler/Images/art-new.png");
/*
  background-size: 230px 70px;
  height: 70px;
  width: 230px !important;
*/

  background-size: 263px 80px;
  height: 80px;
  width: 263px !important;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  cursor:pointer;
}

header .nav-head  .nav-menu-col {
  margin: auto;
  float: none;
  width: 665px;
}

header .nav-head .navbar-default {
 width:auto;
 margin:auto;
}

header .nav-head .navbar-default .navbar-mobile .nav li a {
  color:#fff !important;
}


header .nav-head .container .row {
/*
  background-image: url("/fileadmin/templates/daehler/Images/made.png");
  background-repeat: no-repeat;
  background-size: auto 70px;
*/
}

header .nav-head .nav-logo-col.left .logo-left img {
  width:auto;
/*  height:70px; */
	height: 52px;
  margin-top: 22px;
}
header .nav-head .nav-logo-col.left .logo-left .no-byline {
  display:none;
}

header .nav-head .nav-logo-col.left {
  right:auto;
  left:0;
  padding-left:0;
  width:301px;
}

header .nav-head .navbar-default .navbar-mobile .nav > li > a {
  border:0 !important;
}

header .nav-head .navbar-default .navbar-mobile .nav > li.active > a, header .nav-head .navbar-default .navbar-mobile .nav > li:hover > a {
  border:1px solid #fff !important;
}

header .nav-head .navbar-default {
  padding-top: 50px !important;
}
header .nav-head .navbar-default .navbar-mobile .nav li a {padding:10px 13px 18px;}
header .nav-head .navbar-default .navbar-mobile .nav > li:hover > a, header .nav-head .navbar-default .navbar-mobile .nav > li.active > a {color:#dddc00 !important;border:0 !important;}
header .nav-head .navbar-default .navbar-mobile .nav li ul.dropdown-menu li a {font-weight: 100 !important;  font-size: 17px;  line-height: 19px !important;}
header .nav-head .navbar-default .navbar-mobile .nav > li > ul.dropdown-menu {margin-top:-1px;margin-left:1px;}
/* header .nav-head .navbar-default .navbar-mobile .nav > li > ul.dropdown-menu li + .spacer {display:none;} */

/*** NAVI ***/
ul.navbar-nav > li > ul {}
ul.actNavUl {}


/*** MAIN ***/
#page-489 header .container {width:100%;}
main a, main a:hover, main .btn {color:#000;}
main .more-url-u15 a, ul.csc-uploads li a {background-color:#fff !important;}
ul.csc-uploads li a:hover, .more-url-u15 a:hover {color:#000;background-color:#fff !important;}
main #main-container .black-container .inner-contents ul.csc-uploads a:hover, main #main-container .black-container .inner-contents .link-box ul li a:hover {background:url(../Images/download_black.png) no-repeat 5px 4px;}
.more-url-u15:hover .arrow-u15 {background-image: url(/fileadmin/templates/daehler/Images/forward-arrow-small_black.png);}

main#content {padding-top:0;}

#main-container {
  padding-top: 123px !important;
}
/*
.innerpage #main-container {
  padding-top:123px !important;
}
*/
main #main-container div.black-container {
  color: #000;
}

main #main-container .black-container .breadcrumb {
  margin-top:23px;
}

main #main-container .black-container .breadcrumb a:hover {
  color:#000;
}

main#content {
  padding-top:0;
}

main #main-container .black-container {
  background-color:#fff !important;
 /* color:#000 !important;*/
}

main #main-container .black-container .inner-contents .tx-hbshop .mailform label {
  color:#000 !important;
}

main #main-container .black-container .inner-contents .tx-hbshop .mailform input, main #main-container .black-container .inner-contents .tx-hbshop .mailform select, main #main-container .black-container .inner-contents .tx-hbshop .mailform textarea {
  color:#000 !important;
  }

main #main-container .black-container .inner-contents .tx-hbshop .list .kategorie .subkategorien div.article, .wrapper-dce-15 {
  background: #f6f6f6 !important;
  color: #000 !important;
}

span.presse-titel {
  color:#000;
}

main #main-container .black-container .inner-contents .tx-hbshop .article {
  color:#fff !important;
}

main #main-container .black-container .inner-contents .tx-hbshop .article button {
  color:#000 !important;
}

label {
 color:#000 !important;
}

main #main-container .black-container .inner-contents .tx-hbshop .mailform * {
  border-color: #000 !important;
}

main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .up, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .down, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .add, main #main-container .black-container .inner-contents div.tx-hbshop .mailform input[type="text"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform textarea, main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="email"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="number"] {
  background: #fff !important;
}

main .tx-hbshop .list .kategorie .subkategorien .article .right {
  margin-top:0 !important;
  margin-right:8px;
}

main #main-container .carousel .item .caption-wrap .carousel-caption-new a {
  color:#fff;
}

main #main-container .box .box-wrap h3 {
  color:#fff;
}

.accordion-wrap .accordion-content, .accordion-heading.active, .accordion-wrap {
  background-color:#f6f6f6 !important;
}
.accordion-heading:hover {
  background-color:#464749;
  color:#fff;
}

main #main-container .black-container .inner-contents .accordion-wrap ul.csc-uploads a {
  background-color:transparent !important;
  color:#000;
  background:url(../Images/download_black.png) no-repeat 5px 4px;
}

main #main-container .black-container .inner-contents .accordion-wrap ul.csc-uploads a:hover {
  background-color:transparent !important;
  color:#000;
  background:url(../Images/download_black.png) no-repeat 5px 4px;
}

main #main-container .black-container .inner-contents .tx-powermail .powermail_fieldwrap input[type="text"], main #main-container .black-container .inner-contents .tx-powermail .powermail_fieldwrap input[type="email"], main #main-container .black-container .inner-contents .tx-powermail .powermail_fieldwrap textarea {
  border:1px solid #000;
  background-color:#fff;
  color:#000;
}

 main #main-container .black-container .inner-contents .tx-powermail .powermail_fieldwrap textarea {
   min-height:150px;
 }

main #main-container .black-container .inner-contents .tx-powermail .powermail_fieldwrap input[type="submit"] {
  background: #fff;
    color: #000;
    border:1px solid #000;
}

#page-28 div.col-sm-4 {padding-left:15px ;}


/*** FOOTER ***/

footer {
  display:none !important;
  font-size:14px;
}
footer.footer-new {
  display:block !important;
}

footer.footer-new .container {
  width:100%;
  padding:0 !important;
}

footer.footer-new .footer {
  padding:0;
}

footer.footer-new .footer .row {
  margin:0 !important;
}

footer.footer-new .footer-jubilaeum {
  position: absolute;
  right: 0;
  width: 260px !important;
  padding: 0 !important;
  background-color:#000;
}

footer.footer-new .footer-jubilaeum img {
  width: 250px !important;
  margin-left: -10px;
}

footer.footer-new .footer-contact {
  padding: 20px 0 20px;
  margin-left:5%;
}

footer.footer-new .footer-links > div {
  width:33%;
  float:right;
  padding: 20px 0 20px;
}

footer.footer-new .footer-links > div:first-child {
  float:left;
}

/** Social sharing **/
.share-widget {
  position: absolute;
  left: 0;
  top: 751px;
  width: 50px;
  height: 235px;
}
.share-widget.sticky, .share-widget.no-slider {
  position:fixed;
  top:256px !important;
}

.share-widget.sticky-top {
  position:fixed;
}

.share-widget.sticky-bottom, .share-widget.sticky-bottom.sticky {
  position:fixed;
  top:auto !important;
  bottom:100px;
  display:none;
}

.share-widget:hover {left:0;}

.share-widget a {
  color: #919292;
  font-size: 20px;
  text-align: center;
  display: block;
    transition: all .3s ease;
  -webkit-transition: all .3s ease;
  cursor:pointer;
}

.share-widget a:hover {
  color:#dddc00;

}

.google-plus a {
  margin-left: 4px;
}

.share-icon > a {
  padding-right: 5px;
}

.share-widget .share-icon:hover > a {
  transform:scale(1.4);
  color:#dddc00;
}

.share-widget a:hover + .bubble a, .bubble:hover a {
  transform:scale(1);
  font-size:16px;

}

.share-widget .bubble a {
  color:#000;
}
.share-widget .bubble a:hover {

}

.share-widget .share > a {
  font-size:15px;
}

.bubble
{
position: absolute;
width: auto;
height: auto;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #919292 solid 2px;
display:none;
top:-22px;
left:50px;
font-weight: bold;
text-align: center;
font-size: 18px;
padding: 20px 20px 18px 20px;
white-space: nowrap;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 17px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 16px 16px 16px 0;
border-color: transparent #919292;
display: block;
width: 0;
z-index: 0;
left: -18px;
top: 16px;
}


.share-widget > div {
  margin:10px;
  position:relative;
}

.share-widget > div:hover .bubble {
  display:block;
  -webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
color:#000;
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

/*
#page-30 .link-box:first-child {display:none !important;}
*/
#page-30 .link-box {width:50% !important;}

#direct-mail-subscription input[type="text"] {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

#direct-mail-subscription input[type="submit"] {
  border:1px solid #000;
  color:#000;
}

@media (min-width: 768px){
  header .nav-head .nav-menu-col {
      width: 750px;
  }
}

@media (min-width: 992px){
  header .nav-head .nav-menu-col {
      width: 970px;
  }
}

@media (min-width: 1200px){
  header .nav-head .nav-menu-col {
      width: 1170px;
  }
  #page-489 .black-container .container {width:1170px;}
  #page-489 main #main-container .black-container .breadcrumb, #page-489 main #main-container .black-container .inner-contents p, #page-489 main #main-container .black-container .inner-contents h1 {margin-left:68px;}
}

header .nav-head .nav-menu-col {
    width: 940px;
    padding:0;
}

/*
@media (max-width: 1320px){
  header .nav-head .nav-menu-col {margin-top:30px;}
  header .nav-head {height:130px !important;}

}
*/
@media (max-width: 992px){
  div#main-container {
    padding-top:90px !important;
  }

  main #main-container .black-container .breadcrumb {
    margin-top:23px;
  }
  header .nav-head .repon-menu-click span.respon-menu-tag.new {
    color:#fff;
  }
  header div.nav-head {
    height:90px !important;
  }
  header .nav-head div.nav-logo-col  {
    height:auto;
  }
  header .nav-head .nav-logo-col.left {
    display:none;
  }
  header .nav-head .logo {
    width: 215px !important;
    background-size: contain;
    height: 65px;
    margin-top:0;
  }

  header div.nav-head nav.navbar-default {
    padding-top: 0px !important;
  }
  header div.nav-head .nav-menu-col {
    margin-top:0;
  }
  header .nav-head .container .row {
    background:none;
  }
  header .nav-head .repon-menu-click span.respon-menu-tag {
    display:none;
  }
  header .nav-head .repon-menu-click span.respon-menu-tag.new {
    display:inline-block !important;
  }
  header .nav-head .repon-menu-click span.menu-line {
    display:none;
  }
  header .nav-head .repon-menu-click span.menu-line.new {
    display:inline-block !important;
  }
  header .nav-head .navbar-default .navbar-mobile .nav li a {
      color:#000 !important;
  }
  header .nav-head .navbar-default .navbar-mobile .nav li ul.dropdown-menu li a {
    color:#fff !important;
  }
  header .nav-head .repon-menu-click.active {
    border-color:#fff !important;
  }
  header .nav-head .navbar-default .navbar-mobile .nav > li.active > a, header .nav-head .navbar-default .navbar-mobile .nav > li:hover > a {
    border:0 !important;
  }
  header .nav-head .navbar-default .navbar-mobile {
    margin-top:5px;
  }
  footer.footer-new .footer-contact {
    max-width: 50%;
  }
  footer.footer-new .footer-jubilaeum {
    width:auto !important;
    height:100%;
    float:right;
    padding-left:10px !important;
  }
  footer.footer-new .footer-jubilaeum img, footer.footer-new .footer-jubilaeum img#jubilaeum-img-resize {
    width: 328px !important;
  }
  footer.footer-new .footer-contact .dot {
    display:none;
  }
  footer.footer-new .footer-contact .nobr {
    white-space: nowrap;
  }
}



@media (max-width: 767px){

  header .nav-head div.logo {
    background-size:150px auto;
    width:150px !important;
  }
  header .nav-head .repon-menu-click span.respon-menu-tag.new  {
    display:none !important;
  }
  footer.footer-new {
    padding-bottom: 180px;
  }
  footer.footer-new .footer-contact {
    max-width:100%;
    margin:0 5%;
  }
  footer.footer-new .footer-jubilaeum {
    height:auto;
    width:100% !important;
  }
  footer.footer-new .footer-jubilaeum img, footer.footer-new .footer-jubilaeum img#jubilaeum-img-resize {
    width:100% !important;
  }

  .share-widget, .share-widget.sticky, .share-widget.no-slider {
    position:fixed !important;
    display:block !important;
    bottom:0px !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    padding:5px 0;
    background-color:#fff;
    z-index:1;

  }
  .share-widget > div {
    float:left;width:14.28%;
    margin:0;
  }
  .share-widget .whatsapp.mobile {
    display:block !important;
  }
  .share-widget .bubble {
    display:none !important;
  }
  .share-widget .share > a {
    font-size:19px;
  }



}
@media (max-width: 405px){
  header .nav-head {
    height:70px !important;
  }
  #main-container {
    padding-top: 54px !important;
  }
}


@media (max-width: 1500px){
  header .nav-head .navbar-default {
    width:665px;
  }
  /*
  header .nav-head {
    height:155px !important;
  }
  header div.nav-head .navbar-default {
    padding-top:82px !important;
  }
  #main-container {
      padding-top: 155px !important;
  }
  main #main-container .black-container .breadcrumb {
    margin-top:53px;
  }
  */
}
@media (max-width: 1400px){
  .small-screens {display:block !important;}
  .large-screens {display:none !important;}
}

@media (max-width: 1225px){
  header .nav-head .nav-logo-col.left {width:}
  header .nav-head .nav-logo-col.left .logo-left .with-byline {display:none;}
  header .nav-head .nav-logo-col.left .logo-left .no-byline {display:block;}
  header .nav-head .navbar-default {  width:810px;}
}

@media (max-width: 1260px){
  footer.footer-new .footer-jubilaeum {
    height:100%;
    padding-left:10px !important;
  }
}

@media (max-width: 1068px){
  .footer-links {
    display:none;
  }
}

@media (max-width: 480px){
  .slick-arrow {display:none !important;}
}

/* Touch Device */
@media (min-width: 992px){
  .touch div#main-container {
    padding-top:90px !important;
  }

  .touch main #main-container .black-container .breadcrumb {
    margin-top:23px;
  }
  .touch header .nav-head .repon-menu-click span.respon-menu-tag.new {
    color:#fff;
  }
  .touch header div.nav-head {
    height:90px !important;
  }
  .touch header .nav-head div.nav-logo-col  {
    height:auto;
  }
  .touch header .nav-head .nav-logo-col.left {
    display:none;
  }
  .touch header .nav-head .logo {
    width: 215px !important;
    background-size: contain;
    height: 65px;
    margin-top:0;
  }

  .touch header div.nav-head nav.navbar-default {
    padding-top: 0px !important;
  }
  .touch header div.nav-head .nav-menu-col {
    margin-top:0;
  }
  .touch header .nav-head .container .row {
    background:none;
  }
  .touch header .nav-head .repon-menu-click span.respon-menu-tag {
    display:none;
  }
  .touch header .nav-head .repon-menu-click span.respon-menu-tag.new {
    display:inline-block !important;
  }
  .touch header .nav-head .repon-menu-click span.menu-line {
    display:none;
  }
  .touch header .nav-head .repon-menu-click span.menu-line.new {
    display:inline-block !important;
    top: -2px;
      position: relative;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li a {
      color:#000 !important;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li ul.dropdown-menu li a {
    color:#fff !important;
  }
  .touch header .nav-head .repon-menu-click.active {
    border: 1px solid #fff !important;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav > li.active > a,.touch  header .nav-head .navbar-default .navbar-mobile .nav > li:hover > a {
    border:0 !important;
  }
  .touch header .nav-head .navbar-default .navbar-mobile {
    margin-top:5px;
  }
  .touch .respon-manu-activity-wrapper.visible-sm {
      display: block !important;
  }
  .touch header .nav-head .respon-manu-activity-wrapper {
      height: 100%;
      margin-top:10px;
  }
  .touch header .nav-head .repon-menu-click {
      width: 106px;
      height: 37px;
      cursor: pointer;
      padding: 0 10px;
      line-height: 39px;
      font-family: "fira_sansregular",sans-serif;
  }
  .touch header .nav-head .repon-menu-click span.respon-menu-tag {
      text-transform: uppercase;
      font-size: 18px;
       padding-right: 5px;
  }
  .touch header .nav-head .repon-menu-click span {
    vertical-align: middle;
  }
  .touch header .nav-head .navbar-default .navbar-mobile {
      width: 320px;
      position: absolute;
      left: 0px;
      z-index: 100;
      display: none;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav {
      margin-top: 0px;
      overflow: auto;
  }
  .touch header .nav-head .navbar-default .navbar-mobile ul {
      width: 100% !important;
      position: inherit !important;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li.has-sub {
      position: relative;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li {
      float: none;
      width: 100%;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav > li > a {
      background-color: #fff;
      color: #000;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li a {
      border: none !important;
      color: #fff;
      position: relative;
      line-height: normal !important;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li ul.dropdown-menu {
      left: 0;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav li.has-sub span.arrow {
      position: absolute;
      content: ' ';
      height: 100%;
      width: 62px;
      background: url(../Images/respon-menu-drop.png) no-repeat center center;
      z-index: 1;
      top: 0px;
      right: 0px;
      background-size: 22px;
      transition: all 0.3s ease 0s;
  }
  .touch header .nav-head .navbar-default .navbar-mobile .nav > li.has-sub > span.arrow {
       background: url(../Images/respon-menu-drop-b.png) no-repeat center center/22px auto;
  }
  .touch header .nav-head .navbar-default {
    width:auto;
  }
}