/*zahlteller-at by babajagas.com feat. gantry*/

h1,h2,h3,h4,h6,.readon, .btn, .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {font-weight:normal!important;}

@font-face{font-family:'Shadows Into Light Two';font-style:normal;font-weight:400;src:local('Shadows Into Light Two'),local('ShadowsIntoLightTwo-Regular'),url(http://themes.googleusercontent.com/static/fonts/shadowsintolighttwo/v1/gDxHeefcXIo-lOuZFCn2xWBFAVUSWdQlArshVRSwYMrr7w4p9aSvGirXi6XmeXNA.woff) format('woff');}

.title, .component-content h2 {color: #303030;text-shadow: none!important;border-bottom: 0!important;padding-top: 15px;}

#rt-mainbody h1 {margin: 1em 0 0;}
#rt-mainbody h1 img {margin: -0.5em 0 0;}

p,div {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 300;}

.hero-unit p {font-weight:300; font-size: 18px;color:#777;line-height:22px;}
.lead {font-weight:300; font-size: 18px;color:#777;line-height:24px;}
.btn {color:#777;}
a.btn-success {color:#fff;}

.nope  {margin:0 0 0 0; padding:0!important;float:right;}

.span2, .span3 {border: 0; margin-top: 2.8em;float: right;width:100%;box-shadow: 0}
div.span2 h5, div.span3 h5 {font-family:'Shadows Into Light Two'!important;font-weight:normal;letter-spacing: 0.1em; line-height: 1.5em;padding:0;margin:0;color: #303030; float:right!important;font-size: 1em; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}


.border {border: 1px solid #ddd;border-radius: 4px; margin-right:-10px;}

[class*="span"]:nth-child(3n+1) {margin-left: 0;}
.layout-eremit .sprocket-features-img-container img {float: right!important;margin-left: 25px!important;margin-top:-20px!important;}
.sprocket-features.layout-eremit {margin-top: 1em;}

.gf-menu.l1{margin: 20px 0;}

/*body {background: #fafafa url(../images/patterns/noise.png); border-top: 1px solid #eeeeee;}*/

#rt-mainbody-surround, #rt-showcase,.rt-showcase-pattern {background-color: #fafafa;background-image: none!important;}
div#rt-showcase div.rt-showcase-pattern div.rt-container .rt-block {padding:15px 15px 0;margin:0;}

div.hero-unit h1 {margin-top: 0.7em;}
div.hero-unit img {padding-right: 10px;}
div.hero-unit {}

.sprocket-mosaic-container .sprocket-mosaic-item {border:1px solid #ddd; background-color: #fff;}
.sprocket-mosaic-container img {max-width: 60%;margin: 15px 20%;border: 1px solid #ddd;box-shadow: 2px 2px 2px rgba(0,0,0,0.2)}
.sprocket-mosaic-hovercontent {display:none;}
.sprocket-mosaic-order {display:none;}
.sprocket-mosaic-tags {display:none;}
#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li {background-color: #E29C45;color:#fff;}

.b2b #horizmenu-surround .menutop.level1 {list-style:none!important;}
.b2b ul li {display:inline!important;margin-left:0;margin-right:1em;}
div#rt-footer div.rt-container .rt-block{margin:2em 0;padding:0 0 1em 0;}


#horizmenu-surround .item143:before{ 
    content: "\f1ab"; 
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 1em;
    text-decoration: inherit;
    color: #E29C45;
    padding-right:0.1em;
}

#horizmenu-surround .item139:before{ 
    content: "\f08e"; 
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 0.9em;
    text-decoration: inherit;
    color: #E29C45;
    padding-right:0.1em;
}

.btn {border-radius:0px!important;}
.btn.btn-success.btn-large.readon {color:#fff;}

.btn.btn-success.btn-large.readon:before { 
    content: "\f0a9"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    padding-right:0.3em;
}

#rt-footer-surround {height:auto;}

.pagination ul > li:first-child,
.pagination ul > li:first-child span {
  background-color: transparent;
  background-image: url(../images/pagination/wave.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(2) > a,
.pagination ul > li:nth-child(2) > span {
  background-color: transparent;
  background-image: url(../images/pagination/venezia.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(3) > a,
.pagination ul > li:nth-child(3) > span {
  background-color: transparent;
  background-image: url(../images/pagination/ufo.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(4) > a,
.pagination ul > li:nth-child(4) > span {
   background-color: transparent;
   background-image: url(../images/pagination/tivoli.png)!important;
   background-size: 70% 70%;
   background-repeat: no-repeat;
   border:none;
   color:transparent;
}

.pagination ul > li:nth-child(5) > a,
.pagination ul > li:nth-child(5) > span {
  background-color: transparent;
  background-image: url(../images/pagination/tiffany.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(6) > a,
.pagination ul > li:nth-child(6) > span {
  background-color: transparent;
  background-image: url(../images/pagination/pyramide.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(7) > a,
.pagination ul > li:nth-child(7) > span {
  background-color: transparent;
  background-image: url(../images/pagination/modena.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(8) > a,
.pagination ul > li:nth-child(8) > span {
  background-color: transparent;
  background-image: url(../images/pagination/gemini.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:nth-child(9) > a,
.pagination ul > li:nth-child(9) > span {
  background-color: transparent;
  background-image: url(../images/pagination/economy.png)!important;
  background-size: 70% 70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  background-color: transparent;
  background-image: url(../images/pagination/apollo.png)!important;
  background-size: 60% 70%;
  max-width:70%;max-height:70%;
  background-repeat: no-repeat;
  border:none;
  color:transparent;
}

.pagination ul {box-shadow:none!important;}

.thumbnail {min-height: 30em;background-color:#fff;}
.thumbnail h4, .thumbnail p {padding: 0 10px;}
.thumbnail h4 {color: #E29C45}
.pagination {padding-top: 10px;}

.pagination ul {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");     	filter: gray;     
	-webkit-filter: grayscale(1);}

.pagination ul:hover {-webkit-filter:none;filter: none;}

.exponiert {background: transparent;border: 1px solid #dbdbdb!important;box-shadow: inset 0px 1px 2px rgba(102,102,102,0.2);}

.menu-block .gf-menu {margin-top: 30px;}

div#foxcontainer_c126 .required, div#foxcontainer_c126 .asterisk {color: #d2ab20;font-weight:normal;}

.img-circle {width: 75%!important;border: 1px solid #ddd;box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;}

/*fixes*/

body {background-color: #fafafa;}
.gap {margin-top:1.5em;}
h2, h4 {color: #E29C45!important;}
.menu-image {border: 1px solid #ddd;}
div#rt-header {z-index: 9998;}
div.gf-menu-toggle {z-index: 9999;}
#rt-feature .rt-block {margin:0;padding:0;}

.hero-unit p {text-align: left; display:block; padding: 25px 0;}
.hero-unit h1 {text-align: left}
span div.hero-unit .btn-link {display:table;}
.taggit p {margin: 1em 0px 2em;padding: 0;}
.lead {padding-top:25px;}

#rt-bottom-surround{
position: fixed;
bottom: 0;
width: 100%;}

div.rt-showcase-pattern, .sprocket-strips-item, .sprocket-strips {}

/*fix?*/


html {background: #f0f0f0 url(../images/patterns/noise.png);}

div#foxcontainer_c126 .control-group 
{
  border: 1px solid blue;margin-bottom: 5px!important;
}

/*mediaqueries*/

/*large*/
@media only screen and (min-width: 1200px) {.gf-menu .item {padding:inherit;}
}

/*desktop*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {.btn-success {margin: 1.5em 0 1.5em;}
}

@media (min-width: 768px) and (max-width: 959px) {
.logo-block #rt-logo {
background: url("../../../images/logo/zahlteller-middle.png") no-repeat scroll 50% 0 transparent !important;
height: 86px !important;
width: 345px !important;
margin-top:10px;
}

.exponiert .dropdown {max-width: 250px!important}
.exponiert .col1 {max-width:110px!important;}
.exponiert .col2 {max-width: 110px!important;}
.visible-tablet .gf-menu {margin-top:0px;margin-right:0;padding-right:0;float:right;}
.visible-tablet .gf-menu .item {padding: 4px 4px}
li.parent .item:after {display:none;}

.sprocket-strips-arrows .prev {left: 15px!important;}
.sprocket-strips-arrows .next {right:15px!important;}

.hero-unit p {text-align: left;display: block;padding-top: 25px;}
.layout-eremit .sprocket-features-img-container img {margin:-20px auto 10px}
.sprocket-features.layout-eremit {margin-top: 1em;border: 1px solid #ddd;}
.pagination {padding-top: 2.5em; background: #f0f0f0 url(../images/patterns/noise.png); border-top: 1px solid #eeeeee;margin-bottom: 0px;}
.sprocket-strips-arrows .arrow {top: 45%!important;}
.taggit p {margin-top:2em}

#rt-mainbody .lead {padding-top:20px;}
.btn-success {margin: 1.5em 0 1.5em;}
.img-circle {border-radius:4px;width: 70%!important;box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;float:right!important;}
.span2 h5 {font-size: 0.8em;}
.span6  {max-width: 48%;}
}

@media (max-width: 767px) {
.exponiert .col1 {display:none;}
.exponiert .col2 {display:none;}
}

/*mobile*/

@media only screen and (min-width: 481px) and (max-width: 767px) {
.logo-block #rt-logo {
background: url("../../../images/logo/zahlteller-mobil.png") no-repeat scroll 50% 0 transparent !important;
height: 68px !important; width: 270px !important;margin-top:10px;}
.exponiert .col1 {display:none;}
.exponiert .col2 {display:none;}
.img-circle {border-radius:4px;max-width: 60%;box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;text-align:center; margin: 0 20%;float:none!important;}
.border {max-width: 80%;text-align:center; margin: 3em 10% 1em;float:none!important;}
.btn {width:80%;text-align:center;margin:3em 5%;}
div#rt-footer div.rt-container .rt-block {margin-top: 10px;}
div#rt-footer #horizmenu-surround {width:90%;margin: 0 8%;}
.span2 h5 {width: 100%;float:none;text-align: center;}
.visible-phone .sprocket-strips-title {padding-top: 70px;}
.lead {font-size: 1em;}
}

@media only screen and (max-width: 480px) {
.logo-block #rt-logo {
background: url("../../../images/logo/zahlteller-mobil.png") no-repeat scroll 50% 0 transparent !important;
height: 68px !important;width: 270px !important;margin-top:10px;}
h1 {margin: 1em 0 0;}
.img-circle {border-radius:4px;max-width: 60%;box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;text-align:center; margin: 0 25%;float:none!important;}
.border {max-width: 80%;text-align:center; margin: 3em 15% 1em;float:none!important;}
.btn {width:80%;text-align:center;margin:3em 5%;}
div#rt-footer div.rt-container .rt-block
{margin-top: 10px;}
div#rt-footer #horizmenu-surround {width:90%;margin: 0 8%;}
div#rt-showcase div.rt-showcase-pattern div.rt-container .rt-block {padding:20px 0 20px;margin:30px 0 50px;}
.lead {font-size: 1em;}
}
a.cc-link.cc-cookie {
    display: none;
}
a.cc-btn.cc-deny {
    display: none;
}
a.cc-link.cc-privacy {
    float: right;
}
a.mccom-analytics-optout {
    color: white !important;
    border: 2px solid white;
    padding: 6px;
    margin-top: 20px !important;
    position: absolute;
    left: 27px;
}
.cc-window.cc-banner.cc-type-opt-out.cc-theme-block.cc-opacity-100.cc-bottom.cc-color-override-1114854805 {
    padding: 1.8em !important;
}
a.mccom-googlemaps {
    border: 1px solid #e29c45;
    padding: 8px;
    font-size: 18px;
}