/* custom css */

.Buch {
   float:left;
    padding-right: 15px;
}

#rt-header, #rt-top {
   background: url('../images/header_bg.jpg') repeat scroll 0 0 #afb0b4;
   height: 314px;
   position: relative;
   z-index: 2;
   }

#rt-logo {
   margin-top: 26px;
   }

.menu-block {
   margin: 68px 0 0 0;
   }

.rt-grid-8 {
   width: 436px;}

.rt-grid-4 {
   width: 620px;
   }

#rt-top-surround {
   color: #434343;
   text-shadow: 0 0 0 #FFFFFF;
   }

.customslogan {
   font-size:1.15em;
   margin:0 0 0 25px;
   }

.item-page {
   padding-left:28px;
   }
#rt-main .rt-container {
   padding-top: 0;
   }

/* MAIN MENU*/

.gf-menu .item {
   text-shadow: none;
   }

.gf-menu.l1 > li.active {
   background: none repeat scroll 0 0 transparent;
   text-shadow: none;
   }

.gf-menu li:hover {
   background: none repeat scroll 0 0 #d4d4d4;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }

.gf-menu li:hover > .dropdown {
   background: none repeat scroll 0 0 #d4d4d4;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }

/* Bestellen Buttons */

a.bestellen {
   background: url('../images/button-direktbestellung.png') repeat scroll 0 0 #373737;
   height:56px;
   width:186px;
   display:block;
   opacity:1;
   transition: opacity 0.2s ease-out 0.2s;
   float:left;
   margin-top: -8px;
   }

a.bestellen:hover {
   background: url('../images/button-direktbestellung.png') repeat scroll 0 56px #373737;
   height:56px;
   width:186px;
   display:block;
   }


.gf-menu.l1 > li > .item {
   font-size: 15px;
   line-height: 23px;
   padding: 5px 20px;
   position: relative;
   text-transform: none;
   text-shadow: none;
   }

.gf-menu .dropdown {
   background: none repeat scroll 0 0 #e0e0e0;
   border-bottom: 0 none;
   border-image: none;
   border-left: medium none;
   border-radius: 0 0 0 0 !important;
   border-right: medium none;
   border-top: 1px solid #EEEEEE !important;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
   left: -999em;
   margin: 0 auto 0 1px;
   opacity: 0;
   padding: 0px 0px;
   position: absolute;
   text-align: left;
   transition: opacity 0.2s ease-out 0.2s;
   z-index: 1000;
   text-shadow: none;
   }


/* FOOTER*/

#rt-copyright .rt-block {
   font-size: 8pt;
   }
ul.menufooter-menu {
    list-style: none outside none;
    margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   .rt-grid-8 {
   width: 178px;
   }
   .rt-grid-4 {
   width: 590px;
   }
   h1 {
   font-size: 132%;
   line-height: 30px;
   }
}

@media only screen and (min-width: 1030px) and (max-width: 1100px) {
.rt-grid-8 {
   width: 493px;}

.rt-grid-4 {
   width: 440px;
   }
.customslogan {
   font-size:1.3em;
   margin:0 0 0 25px;
   }
}

@media only screen and (max-width: 610px) {
.customslogan {
   font-size:5em;
   margin:0 0 0 25px;
   }
   .gf-menu li:hover {
   background: none;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }

   .gf-menu li:hover > .dropdown {
   background: none;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }
}

@media only screen and (max-width: 710px) {
.customslogan {
   font-size:1em;
   margin:0 0 0 25px;
   }
   .gf-menu li:hover {
   background: none;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }

   .gf-menu li:hover > .dropdown {
   background: none;
   text-shadow: none;
   color:#000;
   transition: opacity 0.2s ease-out 0.2s;
   text-shadow: none;
   }
   .menu-block {
   margin-top: -270px;
}

@media only screen and (max-width: 480px) {
   .menu-block {
   margin-top: -270px;
   }
}