.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: white;
background: black;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} *{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }
body{
font: 300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
background-color: #000;
background-repeat: repeat;
background-attachment:fixed;
color: #626262;
}
input,textarea,button {
color:#777;
font-size:16px;
font-weight: 100;
letter-spacing: 1px;
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
} h1,h2,h3,h4,h5,h6,
.menu-title,
.homemenu ul li a,
.slideshow_title,
.ui-tabs-anchor,
.donutcounter-item,
.tp-caption,
.divider-title,
.item-title,
#gridblock-filters,
.breadcrumb,
.sidebar h3 {
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a{ outline: none; text-decoration: none; color:#444444; }
a:hover{ text-decoration: none; }
a img{ border: none; }
.entry-content img {
max-width:100%;
}
.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }
.float-right { float:	right; }
.float-left {float:	left; }
.align-right { float:right; }
.align-left { float:left; }
.align-center { margin:0 auto; display:block;}
p.edit-entry { 
position:absolute;
right:0;
bottom: 0;
font-size:10px;
line-height: 10px;
text-decoration:none;
}
p.edit-entry a { 
background: #111;
padding: 8px 8px;
color: #fff;
text-decoration:none;
}
p.edit-entry a:hover {
background: #eee;
color:#000;
text-decoration:none;
}
.single-header-space { margin: 25px 0 0 0; }
.blank-head-space-1 { margin: 24px 0 0 0; }
.mtheme-menu-not-found { 
padding-left:20px;
padding-top:20px;
font-size:12px;
color:#fff;
font-weight: 400;
text-transform: none;
}
.gradient {
filter:none;
}
.type-post, .type-mtheme_portfolio, .type-page {
margin: 0;
}
::selection {
color:#fff;
background: #111; }
::-moz-selection {
color:#fff;
background: #111; } .background-fill,
.pattern-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
opacity:0.35;
}
.background-fill {
background: #000;
z-index:-99;
}
.pattern-overlay {
z-index: -1;
} .tipsy { 
margin-top:-15px;
margin-left:0;
padding: 5px;
font-size: 9px;
font-weight:bold;
letter-spacing: 1px;
text-transform:uppercase;
}
.tipsy-inner {
padding: 4px 12px;
background-color: #555;
color: #fff;
max-width: 200px;
text-align: center;
border-radius: 20px;
}
.tipsy-inner { }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; margin-top:0; }
.tipsy-west { background-position: left center; } .logo-menu-wrapper {
float:left;
display:block;
}
.logo {
line-height: 0;
margin-bottom: 50px;
margin-left: 50px;
margin-top: 101px;
position: relative;
z-index: 20;
}
.logo a { 
line-height: 0;
}
.logo img {
}
.stickymenu-listener  {
}
.stickymenu-active {
position: fixed;
z-index: 100;
text-align: center;
margin:0 auto;
width: 100%;
top:0;	
}
.stickymenu .logo {
margin:0;
}
.stickymenu .logo img {
height: 40px;
width:auto;
top:0;
left: 40px;
position: relative;
}
.stickymenu .mainmenu-navigation {
margin-right: 40px;
margin-top:0;
} .menu-toggle-wrap-static {
position: static;
}
.menu-toggle-wrap-fixed {
position: fixed;
bottom:50px;
left: 0;
}
.menu-scroll-mode {
padding-bottom: 50px;
}
.menu-toggle-wrap {
width:320px;
text-align: center;
}
.menu-toggle {
width:40px;
height:40px;
font-size: 10px;
line-height: 40px;
cursor:pointer;
opacity:1;
z-index: 99;
border-radius: 100px;
text-align: center;
color:#000;
background-color: #fff;
margin: 0 auto;
position: relative;
-webkit-transition: -webkit-transform 0.1s, all 0.1s;
-moz-transition: -moz-transform 0.1s, all 0.1s;
transition: transform 0.1s, all 0.1s;
}
.menu-toggle:after {
content: " ";
position: absolute;
border:5px solid #fff;
top:-10px;
left:-10px;
height:40px;
padding:5px;
width: 40px;
border-radius: 100px;
-webkit-transition: -webkit-transform 0.1s, opacity 0.1s;
-moz-transition: -moz-transform 0.1s, opacity 0.1s;
transition: transform 0.1s, opacity 0.1s;
}
.menu-toggle:hover {
background:#FF2C55;
color:#fff;
}
.menu-toggle:hover:after {
opacity: 1;
border-color:#FF2C55;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.menu-toggle:active:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.menu-toggle-off {
background-position: 50% top;
}
.menu-toggle-on {
background-position: 50% bottom;
} h3 {
color: #3748c0;
}
.postsummarywrap {
display: none;
}
#searchform {
display: none;
}
.imp-link {
color: #3748c0;
}
.portfolio-share {
display: none;
}
.praxis-alt {
margin-right: 20px;
}
.copyright-responsive {
display: none;
}
.mtheme-adjust-max-height {
height:100%;
max-height: 100%;
}
.container-boxed,
.container-fullwidth {
position: relative;
}
.container-boxed {
padding: 40px 80px 95px;
}
.top-bar-wrap {
margin:10px auto 0;
float:right;
}
.container,
.title-container,
.fullpage-item,
.footer-container {
}
.fullpage-block {
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.container-fill {
width: 100%;
margin:0;
}
.global-container-wrapper {
width:100%;
}
.container-wrapper {
float:left;
background:#fff;
margin-bottom: 15px;
margin-left: 335px;
margin-top: 15px;
width:1200px;
}
.container-outer {
}
.container-inner {
}
.container-outer,
.single-page-container,
.single-gridblock-image-container {
}
.container-head {
height: 15px;
width: 100%;
background: #111;
}
.single-flexislideshow{ 
margin-left:-50px;
}
.top-bar-wrap {
height: 50px;
position: relative;
z-index: 100;
}
.header-elements-wrap-disable {
background:none !important;
cursor: default !important;
filter: none !important;
}
.header-elements-wrap {
position: fixed;
width: 320px;
left:0;
float:left;
min-height: 100%;
height:100%;
z-index: 6;
overflow-x:scroll;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.header-element-underpaint {
background-color: rgba(0,0,0,0.6);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.main-menu-wrap {
position: relative;
z-index:10;
padding: 0;
margin-top:10px;
}
.menu-overlay {
background-color:#555;
position: fixed;
top:-150px;
left:0;
width:100%;
height:120px;
z-index:-1;
border-bottom: 1px solid #F5F5F5;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.top-menu-color {
}
.top-menu-wrap {
padding: 0;
line-height: 0;
}
.lower-padding { padding-bottom: 0 }
.footer-margin { margin-top: 60px; }
.lower-margin { margin-bottom: 50px; }
.sidebar-margin { margin-top: 30px; }
.no-border { border:none !important; margin:0 !important; padding:0 !important;}
.main-contents {
padding:	0;
}
.page-contents {
padding:	0;
}
.home-wrap {
margin: 0 50px;
}
.home-page-wrap {
padding: 20px 0;
}
.contents-wrap,
.page-contents-wrap  {
}
.page-template-template-page_leftsidebar-php .page-contents-wrap {
padding: 20px 50px 0 0;
}
.fullpage-portfolio-wrap {
margin: 50px 0 0 0;
}
.fullpage-contents-wrap {
margin: 35px 0 0 0;
}
.portfoliopage-contents-wrap {
padding: 0;
}
.transparent-contents-wrap {
padding:	0 0 0 0;
}
.entry-wrapper {
padding-bottom: 20px;
margin-bottom: 20px;
}
.entry-contents-wrapper {
margin-top:30px;
}
.entry-post-wrapper {
margin-bottom: 20px;
padding: 30px 0 0 0;
}
.single-post .entry-post-wrapper {
padding-top:10px;
}
.entry-portfolio-wrapper {
padding: 20px 0 10px;
margin:0;
}
.entry-spaced-wrapper {
padding: 0;
margin:0;
}
.entry-page-wrapper {
padding: 0;
margin:0;
}
.topseperator {
}
.buttonseperator {
margin-top:20px;
}
.portfolio-wrap {
background: url(//dr-grub.de/wp-content/themes/grub/images/patterns/blog_sep.png) repeat-x bottom right;
}
.entry-nospaced-wrapper {
padding: 1px 20px 10px 20px;
margin:0;
}
.two-column {
width: 70%;
} #videocontainer {
height: 100%;
width: 100%;
}
.portfolio-single-image,
.entry-content iframe,
.entry-content object,
.entry-content embed,
.entry-content img, 
.video-container iframe,  
.video-container object,  
.video-container embed,
.entry-wrapper iframe,
.entry-wrapper  object,
.entry-wrapper  embed,
.entry-wrapper  iframe,  
.entry-wrapper  object,  
.entry-wrapper  embed,
.entry-wrapper img,
.single-portfolio-image-wrap img {
max-width:100%;
}
.lightbox-shortcode img {
max-width: 100%;
width: 100%;
}	
.portfolio-single-image {
vertical-align: bottom;
} .entry-content {
color: #666;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 26px;
word-spacing: 2.0px;
}
.entry-content-wrapper {
margin: 0 0 0 0;
}
.main-entry-content-wrapper {
margin: 20px 0 0 0;
}
.featured-content {
margin-bottom:50px;
}
.entry-content #searchform {
margin: 35px 0 0 0;
}
.entry-post-list-end {
margin: 15px 0 25px 0;
}
.contents-column {
margin: 20px 0 0 0;
}
.portfolio-contents{
margin-bottom:		0;
}
.entry-info {
width:	60px;
float:	left;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important;
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.entry-content .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
} .entry-post-title-only {
margin-top: 0;
}
.entry-content .entry-post-title h2 {
font-size: 24px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
}
.entry-content .entry-post-title h2 a {
font-weight: 100;
color:#878787;
}
.entry-content .entry-post-title h2 a:hover {
text-decoration:none;
}
.slider-title-wrap {
width:960px;
margin:0 auto;
}
h1.entry-slider-title {
font-size:		16px;
font-weight:	bold;
text-transform:	uppercase;
letter-spacing:	-0.2px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#A0A0A0;
color: #fff;
display:inline-block;
margin: 0;
padding: 10px 20px;
vertical-align: text-top;
}
.title-container {
position: relative;
}
.title-container-wrap {
margin: 35px 0;
}
.entry-title h1 {
color: #9A9A9A;
display: inline-block;
font-size: 28px;
font-weight: normal;
letter-spacing: 0;
line-height: 24px;
text-transform: uppercase;
margin: 15px 0;
}
.title-container-wrap .entry-title h2 {
color: #DADADA;
display: inline-block;
font-size: 18px;
line-height: 30px;
margin: 10px 0 0;
padding: 4px 0 0;
}
.entry-title h2 {
line-height: 40px;
margin: 10px 0 0;
padding: 20px 0 30px;
}
.entry-mainpost-title {
font-size:		22px;
color:			#555555;
letter-spacing:	0;
border-bottom:	1px solid #f0f0f0;
padding:		10px 0 20px 0;
margin: 		0 0 40px 0;
letter-spacing: 1px;
vertical-align: text-top;
}
.entry-single-title h1 {
font-size:		36px;
color:			#555555;
letter-spacing:	0;
padding:		0;
margin:			20px 0 20px 0;
letter-spacing: -1px;
vertical-align: text-top;
}
h1.page-title {
font-size:		18px;
margin:			65px 0 55px 0;
color:			#B9B9B9;
letter-spacing:	0;
line-height:	18px;
text-transform:	uppercase;
}
h1.page-entry-title {
color: #454545;
font-size: 36px;
font-weight: 300;
letter-spacing: -1px;
line-height: 32px;
margin: 30px 0 30px;
}
h2.page-entry-title {
color: #454545;
font-size: 36px;
font-weight: 300;
letter-spacing: -1px;
line-height: 32px;
margin: 10px 0 10px;
}
h3.related_posts_title {
color: #FFFFFF;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin: 10px 0 30px;
}
h2.entry-title {
font-size:		24px;
margin:			0 0 10px 0;
font-weight:	bold;
color:			#171717;
letter-spacing:	0;
line-height:	32px;
}
h2.entry-title a {
color:			#747474;
text-decoration:none;
}
h2.entry-title a:hover {
color:			#111;
text-decoration:none;
}
.no-results {
margin: 35px 0 0 0;
} .breadcrumb-wrap {
height:50px;
width:100%;
background: #000;
background: rgba(0,0,0,0.2);
}
.breadcrumb {
color: #fff;
font-size: 12px;
font-weight: 100;
letter-spacing: 1px;
position: absolute;
right: 0;
top: -37px;
text-transform: uppercase;
}
.breadcrumb a {
font-weight: 400;
color:#aaa;
}
.breadcrumb a:hover {
color:#13D3B5;
}
.breadcrumb-sep {
padding: 0 10px;
color:#fff;
}
.breadcrumb .divider {
padding: 0 5px;
color: #fff;
} .entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-weight: 100;
letter-spacing: -0.5px;
margin-bottom:15px;
}
.entry-content .heading-section h1,
.entry-content .heading-section h2,
.entry-content .heading-section h3,
.entry-content .heading-section h4,
.entry-content .heading-section h5,
.entry-content .heading-section h6 {
background:#fff;
display: inline;
padding: 5px 20px;
font-weight: 100;
}
.entry-content h1 {
font-size: 34px;
letter-spacing: 0;
line-height: 40px;
}
.entry-content h2 {
font-size:26px;
letter-spacing: -1px;
line-height: 34px;
}
.entry-content h3 {
font-size:20px;
line-height: 26px;
}
.entry-content h4 {
font-size: 18px;
line-height: 22px;
}
.entry-content h5 {
font-size:16px;
line-height: 18px;
}
.entry-content h6 {
font-size:14px;
line-height: 16px;
}
.entry-content h1 a {
font-weight: 400;
}
.fullpage-block h3,
.fullpage-block h4,
.fullpage-block h5,
.fullpage-block h6 {
font-weight: 300;
color:#888;
}
.fullpage-block h1 {
font-size: 58px;
font-weight: 100;
letter-spacing: -2.5px;
line-height: 48px;
word-spacing: 6px;
}
.fullpage-block h2 {
font-size: 48px;
font-weight: 100;
letter-spacing: -0.5px;
line-height: 38px;
}
.fullpage-block h3 {
font-size: 40px;
font-weight: 100;
letter-spacing: -0.5px;
line-height: 38px;
}
.fullpage-block h4 {
font-size: 20px;
} hr, .entry-content hr {
clear:both;
height: 1px;
border:none;
border-bottom:1px solid #eee;
border-bottom:1px solid rgba(255,255,255,0.1);
margin: 40px 0;
}
.entry-content p { margin: 0; }
.entry-content strong { 
font-weight: 900;
color:#000;
}
.entry-content em { font-style: italic; }
.entry-content blockquote { 
margin: 40px 0 40px 0;
padding:30px 30px 10px 30px;
background:#fff;
background:rgba(255,255,255,0.1);
border-left: 8px solid #ABABAB;
}
.entry-content ol,
.entry-content ul,
.entry-content dl {
margin-bottom:30px;
}
.entry-content p {
margin-bottom:20px;
}
.entry-content ul ul,
.entry-content ol ol { 
margin-bottom:0;
}
.entry-content dl {
margin-left:20px;
}
.entry-content dt {
font-weight:bold;
color:#222;
margin-bottom:10px;
}
.entry-content dd {
margin-bottom:30px;
}
.entry-content ul,.entry-content ol { 
list-style-type:disc;
list-style-position:inside;
}
.page-template-template-sitemap-php .entry-content ul { 
list-style-type:none;
}
.list-sub-heading {
margin-top:20px;
}
.entry-content > ul,
.entry-content > ol  { 
margin: 40px 0;
}
.entry-content ul li,
.entry-content ol li {
margin-bottom:5px;
}
.entry-content ul li li,
.entry-content ol li li {
margin-left:20px;
}
.entry-content ul li li li,
.entry-content ol li li li  {
margin-left:40px;
}
.entry-content ul li li li li,
.entry-content ol li li li li {
margin-left:60px;
}
.entry-content ol { list-style-type:decimal; list-style-position:inside; }
.entry-content .linklist ul { list-style:none; }
.entry-content a { 
text-decoration:none;
font-weight: 400;
}
.entry-content a:hover { 
text-decoration:none;
}
.entry-content .hr_padding {
margin: 30px 0 0 0;
}
.entry-content .hrule {
position:relative;
clear:both;
display:block;
padding:20px 0;
margin-top:40px;
border-top:1px solid #f4f4f4;
}
.entry-content .hrule.top a {
position:absolute;
right:0;
top: -22px;
width:40px;
height: 40px;
font-size:11px;
line-height: 40px;
text-align:center;
text-decoration:none;
font-weight:normal;
color:#777;
font-weight: 400;
background:#f4f4f4;
border-radius: 30px;
}
.entry-content .hrule.top a:hover {
color:#000;
text-decoration:none;
}
.entry-content .highlight {
background:#FFFF99;
color:#808080;
padding:4px;
} .readmore_link { 
font-size: 12px;
letter-spacing: 1px;
margin: 20px 0 10px;
}
.readmore_link a {
color:#000;
font-weight:400;
display: inline-block;
font-style: italic;
}
.readmore_link a:hover { 
color: #000;
text-decoration:none;
}
.readmore {
margin-top:15px;
}
.readmore a {
color: #4B4B4B;
font-size: 11px;
font-weight: bold;
margin-left: 20px;
text-transform: uppercase;
width: 207px;
letter-spacing: 1px;
}
.readmore a:hover {
color:#111;
border-bottom: none;
text-decoration:none;
}
.readmore-archive {
margin-top:20px;
letter-spacing: 0;
font-size:12px;
}
.readmore-archive a {
background: #969696;
border-bottom: none;
padding: 5px 15px 6px;
border-radius: 20px;
color: #fff;
}
.readmore-archive a:hover {
background: #777;
border-bottom:none;
text-decoration: none;
} .page-sidebar-wrap {
width:160px;
}
.page-sidebar-block {
margin-bottom:30px;
border-bottom:1px solid #F4F4F4;
padding-bottom:30px;
}
.page-sidebar-block p {
color: #A4A4A4;
font-size: 11px;
line-height: 15.8px;
}
.page-sidebar-block h2 {
color: #474747;
font-size: 14px;
font-weight: 700;
letter-spacing: 3.5px;
line-height: 12px;
margin-bottom: 20px;
text-transform: uppercase;
} .slideshow-box-wrapper {
position: relative;
}
.slideshow-box-image {
}
.slideshow-box-content {
position: relative;
width:100%;
background:#eee;
}
.slideshow-box-content-inner {
padding:20px 20px;
}
.slideshow-box-title {
font-size:20px;
}
.slideshow-box-content .slideshow-box-title a {
font-size: 18px;
font-weight: 600;
color:#000;
}
.slideshow-box-description {
font-size:13px;
color:#000;
}
.slideshow-box-info {
font-size:12px;
}
.slideshow-box-comment,
.slideshow-box-date {
display:inline-block;
}
.slideshow-box-comment {
margin-right:15px;
}
.slideshow-box-date,
.slideshow-box-content .slideshow-box-comment a {
color:#777;
}
.slideshow-box-content .slideshow-box-categories a,
.slideshow-box-content .slideshow-box-categories {
font-size:10px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
color:#656565;
}
.slideshow-box-content .slideshow-box-categories a:hover {
color:#000;
}
.slideshow-box-categories span {
margin-right:10px;
} .entry-content .postlist ul {
list-style:none;
padding:0;
margin:20px 0 15px 0;
}
.entry-content .postlist ul li {
padding:0 0 0 25px;
position: relative;
}
.entry-content .postlist ul li:after {
content: "\f105";
font-family: 'fontawesome';
position: absolute;
left:0;
top:0;
}
.entry-content .postlist ul li a {
color:#ABABAB;
text-decoration:underline;
font-weight: normal;
}
.entry-content .postlist ul li a:hover {
color:#111;
} .entry-content .checklist ul {
list-style: none;
}
.entry-content .checklist .icon-li {
margin-right:10px;
color:#7CB811;
} .mtextbox {
border:1px solid #eee;
margin-bottom: 20px;
padding:20px;
}
.mtextbox_title{
padding:15px 20px 5px 16px;
margin:0;
}
.mtextbox.align-left{
margin:2px 16px 16px 2px !important;
}
.mtextbox.align-right{
margin:2px 2px 16px 16px !important;
}
.mtextbox_content {
padding:0 15px 20px;
} .entry-content .noticebox {
padding: 30px 20px 30px 30px;
margin:15px 0 40px 0;
color: #5c5c5c;
}
.entry-content .noticebox i {
float:left;
position: relative;
top:-4px;
}
.entry-content .notice-text {
padding-left:40px;
}
.entry-content .info_yellow {
background: #FFFFED;
background: rgba(255,255,237,0.9);
}
.entry-content .info_yellow a {
color:#000;
}
.entry-content .info_yellow i {
color:#E7AF1A;
}
.entry-content .info_red {
background: #FFF8F8;
background: rgba(255,248,248,0.9);
}
.entry-content .info_red a {
color:#000;
}
.entry-content .info_red i {
color:#ff0000;
}
.entry-content .info_green {
background: #F8FFEE;
background: rgba(248,255,238,0.9)
}
.entry-content .info_green a {
color:#000;
}
.entry-content .info_green i {
color:#67C12A;
}
.entry-content .info_blue {
background: #F5FBFF;
background:rgba(245,251,255,0.9);
}
.entry-content .info_blue a {
color:#000;
}
.entry-content .info_blue i {
color:#008DFF;
}
.close_notice {
display:block;
height:10px;
width:10px;
float:right;
position: relative;
top:-20px;
right:-10px;
color:#626262;
cursor: pointer;
font-size: 9px;
}
.close_notice:hover {
color:#111;
} .pictureframe { 
padding:5px;
display:block;
margin-top:5px;
margin-bottom:5px;
border-color: #eee;
border-style: solid;
border-width: 1px;
background: #f0f0f0;
}
.pictureframe-wrap {
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/view.png) no-repeat 50% 50%;
display:block;
}
.img-align-left { float:left; margin-right:20px; }
.img-align-right { float:right; margin-left:20px; }
.img-align-center { margin:0 auto;} .entry-content .toggle-shortcode {
padding: 0 0 0 15px;
margin: 15px 0 5px 0;
height: 24px;
float: left;
cursor:pointer;
position: relative;
}
.entry-content .toggle-shortcode:after {
content: "\f105";
font-family: 'fontawesome';
position: absolute;
left:0;
top:0;
}
.entry-content .toggle-shortcode.active:after {
content: "\f107";
font-family: 'fontawesome';
position: absolute;
left:-3px;
top:0;
}
.entry-content .toggle-shortcode {
text-decoration: none;
font-size:16px;
font-weight: 600;
color:#FF2C55;
display: block;
border:none;
}
.entry-content h3.toggle-shortcode:hover { color: #000; }
.entry-content .toggle-container {
clear: both;
margin: 0;
overflow: hidden;
width: 100%;
}
.toggle-display-closed {
display:none;
} .wp-accordion {
background:#F7F7F7;
padding:10px;
}
.wp-accordion h3 {
background:#f7f7f7;
margin:0;
margin-top:1px;
position: relative;
}
.wp-accordion h3:hover {
background:#f0f0f0;
}
.wp-accordion h3:first-child {
}
.wp-accordion h3.ui-state-active {
border-left:2px solid #EC3939;
margin-left:-2px;
}
.ui-accordion-header a {
color: #7A7A7A;
display: block;
padding: 5px 20px;
text-decoration: none;
text-transform: none;
letter-spacing:0;
border:none;
}
.ui-accordion-header-icon {
padding: 0 0 0 35px;
margin: 12px 0 5px;
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/accordion-toggle.png) no-repeat 5px 0;
height: 24px;
float: right;
position: absolute;
top:-6px;
right:0;
}
.ui-state-active .ui-accordion-header-icon  {
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/accordion-toggle.png) no-repeat 5px -24px;
}
.ui-accordion-header.ui-state-default a {
color: #7d7d7d;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.5px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ui-accordion-header.ui-state-default a:hover {
color:#000;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header a:hover{
border:none;
}
.ui-accordion-header.ui-state-active a:hover {
text-indent: 0;
}
.ui-accordion-content{
padding: 30px;
border:1px solid #eee;
}  .ui-tabs {
padding:0;
zoom:1;
}
.ui-tabs .ui-tabs-nav {
list-style:none;
position:relative;
padding: 0;
margin: 0;
zoom:1;
}
.ui-tabs .ui-tabs-nav li {
position:relative;
float:left;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
color: #656565;
background:#eee;
float: left;
font-size:14px;
font-weight: 400;
padding: 10px 0;
text-decoration: none;
text-transform: none;
border:none;
border-top:2px solid transparent;
width:100%;
text-align: center;
}
.ui-tabs .ui-tabs-nav li:last-child a {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.ui-tabs .ui-tabs-nav .ui-state-active a,
.ui-tabs .ui-tabs-nav .ui-state-active a:hover {
background: #f7f7f7;
border-top:2px solid #f0f0f0;
color:#656565;
}
.ui-tabs .ui-tabs-nav li a:hover{
color:#000;
background: #eee;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
background-color: #ccc; color:#000;
padding-bottom: 4px;
}
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
} .ui-tabs .ui-tabs-panel {
display:block;
background:none;
clear:both;
border:1px solid #eee;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
} .ui-tabs-vertical {
background:#fff;
}
.ui-tabs-vertical ul {
width:24.4%;
float: left;
background: #F4F4F4;
}
.ui-tabs-vertical .ui-tabs-nav li { 
clear: left;
width: 100%;
border-right-width: 0;
margin:0;
float:none;
}
.ui-tabs-vertical .ui-tabs-nav li a { 
display:block;
float:none;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
margin:0;
}
.ui-tabs-vertical .ui-tabs-panel { 
float: right;
width: 75.2%;
clear:none;
}
.ui-tabs-vertical .ui-tabs-nav li a {
background:none;
border:0;
border-bottom:1px solid #EDEDED;
}
.ui-tabs-vertical .ui-tabs-nav .ui-state-active a,
.ui-tabs-vertical .ui-tabs-nav .ui-state-active a:hover {
border-left: 1px solid #F0F0F0;
border-bottom:none;
border-top:none;
color: #000000;
margin:0;
margin-bottom:1px;
text-indent: -1px;
}
.ui-tabs .tab-contents {
padding: 30px 40px;
} .entry-content .pullquote-right {
padding:5px 90px 5px 0;
margin:10px 0 25px 40px;
float:right;
width:250px;
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/endquote.png) no-repeat right 20%;
}
.entry-content .pullquote-left {
padding:5px 0 5px 90px;
margin:10px 40px 25px 0;
float:left;
width:250px;
text-align:right;
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/alt_endquote.png) no-repeat left 20%;
}
.entry-content .pullquote-center {
padding			:15px 80px;
margin			:30px;
text-align		:center;
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/alt_endquote.png) no-repeat left 20%;
}
.entry-content .pullquote-right,
.entry-content .pullquote-left,
.entry-content .pullquote-center {
color: #7d7d7d;
font-size		:15px;
line-height		:28px;
font-style		:italic;
font-family: georgia,serif;		
} .entry-content .dropcap1,
.entry-content .dropcap2,
.entry-content .dropcap3,
.entry-content .dropcap4 {
float:left;
font-size: 46px;
padding:10px;
font-weight:100;
line-height: 50px;
margin-right:20px;
margin-bottom:5px;
height:50px;
width:50px;
text-align:center;
-webkit-border-radius: 50px;
border-radius: 50px;
margin-top:-10px;
}
.entry-content .dropcap1 {
color:#111;
background: #eeeeee;	
}
.entry-content .dropcap2 {
color:#fff;
background: #000;
}
.entry-content .dropcap3 {
color:#fff;
background: #FF2C55;
}
.entry-content .dropcap4 {
color:#FF2C55;
background: #eee;
} .column1,
.column2,
.column3,
.column4,
.column5,
.column6,
.column32,
.column43,
.column52,
.column53 { 
margin:0 0 10px 0; padding:0 0 10px 0;
}
.column1 {width:100%;}
.column2 {width:48.2%; float:left; }
.column3 {width:31%; float:left;}
.column4 {width:22.4%; float:left;}
.column5 {width:17.2%; float:left;}
.column52 {width:37.6%; float:left;}
.column53 {width:58.6%; float:left;}
.column6 {width:13.7%; float:left;}
.column32 {width:65.5%; float:left;}
.column43 {width:74.1%; float:left;}
.column_space { margin-right:3.225%; } .thumbnails-title {
margin-bottom:30px;
}
.thumbnails-shortcode .work-details h4 {
font-size: 14px;
line-height: 16px;
}
.thumbnails-shortcode .gridblock-four .gridblock-element,
.thumbnails-shortcode .gridblock-three .gridblock-element,
.thumbnails-shortcode .gridblock-two .gridblock-element,
.thumbnails-shortcode .gridblock-one .gridblock-element {
margin-bottom: 5px;
}
.gridblock-thumbnail-image-wrap {
display: block;
line-height: 0;
overflow: hidden;
} .button-icon {
color: #BEBEBE;
position: absolute;
right: 27px;
top: 19px;
}
.mediumbutton .button-icon {
top:15px;
right:20px;
}
.smallbutton .button-icon {
right: 12px;
top: 9px;
}
.button-text-white .button-icon {
color:#fff;
}
.mbutton {
display:inline-block;
margin: 10px;
position: relative;
text-decoration: none;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
border-width: 2px;
border-style: solid;
}
.mbutton:hover {
}
.mbutton {
margin-left:0;
}
.bigbutton {
padding: 15px 60px 15px 30px;
font-size:18px;
letter-spacing: 1.5px;
}
.mediumbutton {
padding: 10px 50px 10px 30px;
font-size:16px;	
}
.smallbutton {
padding: 6px 40px 6px 30px;
font-size:14px;
}
.button-without-icon {
padding-right:30px;
}
.mbutton:hover {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.mbutton span {
display: block;
font-weight: 600;
letter-spacing: 0;
color:#000;
opacity: 0.7;
}
.mbutton:hover span {
opacity: 1;
}
.button_gray {
border-color: #EFEFEF;
}
.button_gray span {
}
.button_orange {
border-color: #EC3939;
}
.button_orange span {
}
.button_orange:hover {
}
.button_white {
border-color: #fff;
}
.button_white span {
}
.button_black {
border-color: #454545;
}
.button_pink {
border-color: #F194F4;
}
.button_purple{
border-color: #906BB0;
}
.button_blue {
border-color: #6FB9DC;
}
.button_red {
border-color: #F15A5A;
}
.button_green {
border-color: #A8CF56;
}
.small_goldbutton,
.medium_goldbutton,
.goldbutton {
border-color: #FFBA55;
}
.button-align-left { float:left; }
.button-align-right { float:right; }
.button-align-fullwidth {
display:block;
text-align:center;
} .person {
border:0px double #eee;
border-top:0px solid #aaa;
padding-bottom: 10px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.person:hover {
border-color: none;
}
.person h3,
.entry-content .person h3 {
color: #3748c0;
font-size: 14px;
letter-spacing: -0.5px;
font-weight: 300;
margin: 15px 0 0;
text-align: center;
}
.person h4,
.entry-content .person h4 {
color: #656565;
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
margin-top: 0;
text-align: center;
}
.person-image {
line-height: 0;
margin: 0 auto;
text-align: center;
}
.person ul {
list-style:none;
margin:0;
text-align: center;
}
.person ul li {
display:inline-block;
height:30px;
width: 30px;
text-align: center;
line-height: 30px;
font-size:10px;
text-align: center;
border-radius: 30px;
background:#aaa;
}
.person ul li:hover {
background: #656565;
}
.person a,.person a:hover {
border:none;
display: block;
}
.person i {
color:#fff;
}
.person i:hover {
color:#fff;
}
.person .person-desc {
margin:10px 0;
}
.person-socials li {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
margin-left:-2px;
margin-right:-2px;
}
.person-socials:hover li {
margin-left:0;
margin-right:0;
} .callout {
border: 1px solid #eee;
padding:25px 40px;
}
.calltype-double .callout {
border-style: double;
border-width: 3px;
}
.calltype-line-right .callout {
border-right-color: #FF2C55;
border-right-width: 1px;
}
.calltype-line-left .callout {
border-left-color: #FF2C55;
border-left-width: 1px;
}
.calltype-line-top .callout {
border-top-color: #FF2C55;
border-top-width: 1px;
}
.calltype-line-bottom .callout {
border-bottom-color: #FF2C55;
border-bottom-width: 1px;
}
.callout-text {
float:left;
}
.callout h2.callout-title {
font-size: 24px;
font-weight: 400;
line-height: 24px;
margin-bottom: 5px;
margin-top: 8px;
}
.callout-desc {
margin: 0;
}
.callout-button {
float: right;
} .pricing-table {
padding:0;
border-left:none;
}
.pricing-table ul li {
margin:0;
padding: 0;
}
.pricing-column {
-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);    
box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
background:#f9f9f9;
}
.pricing_highlight .pricing-column {
background: #fff;
}
.pricing-table .pricing-column-target {
margin:0;
padding: 20px 0 0 0;
position: relative;
z-index: 1;
}
.pricing-table .pricing_highlight {
-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.2);    
box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 2;
margin-top:30px;
}
.pricing_highlight .pricing-column {
position: relative;
z-index: 2;
-webkit-box-shadow:  none;    
box-shadow:  none;
}
.pricing-table .column2 {
width: 49.9%;
}
.pricing-table .column3 {
width: 33.233333333%;
}
.pricing-table .column4 {
width: 24.9%;
}
.pricing-table .column5 {
width: 19.9%;
}
.pricing-table .column6 {
width: 16.5666667%;
}
.pricing-table ul {
list-style: none;
}
.pricing-table ul {
margin:0 auto;
text-align: center;
}
.pricing-table .pricing-column-type-2 ul {
margin:0;
text-align: right;
}
.pricing-table .pricing-column-type-2 .pricing-row {
background:none;
padding-right:20px;	
}
.pricing-row i {
margin-right:5px;
margin-left:5px;
}
.pricing-table .pricing-title {
font-size: 32px;
margin-top: 40px;
font-weight: 100;
margin-bottom: 35px;
color: #67AB31;
padding-top: 50px;
}
.pricing-table .pricing-price {
font-size:48px;
font-weight: 800;
color:#000;
margin-top:30px;
}
.pricing-table .pricing_highlight .pricing-price {
color:#FF2C55;
}
.pricing-price .pricing-currency {
position: relative;
top:-10px;
font-size:20px;
}
.pricing-price .pricing-suffix {
position: relative;
top:-22px;
font-size:16px;
font-weight: 400;
}
.pricing-table .pricing-duration {
color: #676767;
font-size: 12px;
margin-bottom: 20px;
margin-top: 0;
letter-spacing: 2px;
}
.pricing-table .pricing-row {
background:#f4f4f4;
border-bottom: 1px solid #f0f0f0;
margin:0;
padding: 10px 0;
}
.pricing-table .pricing_highlight .pricing-row {
background:#eee;
color:#000;
}
.pricing-table .pricing-footer {
padding: 10px 0;
}
.pricing-table .icon-ok {
color:#A3CB44;
}
.pricing-table .icon-remove {
color:#E78D7F;
} .post-navigation {
margin-bottom: 30px;
text-transform: uppercase;
font-size:14px;
font-weight: 600;
padding-bottom: 14px;
}
.post-navigation a {
color: #A2A2A2;
}
.post-previous {
float:right;
}
.post-next {
float:right;
margin-left:20px;
}
.post-next,
.post-previous {
line-height: 0;
position: relative;
top:17px;
} 
.postsummarywrap {
border-top:1px solid #f0f0f0;
padding-bottom: 13px;
padding-top: 13px;
width: 100%;
font-size: 12px;
font-weight: 200;
letter-spacing: 0.5px;
}
.postsummarywrap i {
color: #000;
}
.postsummarywrap a {
color: #929292;
font-weight: 400;
}
.datecomment {
padding: 0;
}
.post-single-tags,
.post-single-tags a {
color: #A4A4A4;
font-size: 13px;
font-weight: 400;
}
.post-single-tags a {
font-size: 12px;
padding: 5px 10px;
}
.post-single-tags {
margin: 15px 0 0 0;
padding-bottom:15px;
text-align: right;
}
.post-single-tags i {
margin-right:10px;
}
.postsummary-spacing,.fullcontent-spacing {
margin-bottom:20px;
margin-top:20px;
}
.postsummaryimage {
}
.postsummaryimage img {
max-width:100%;
}
.summary-info {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
line-height: 0;
padding: 15px 10px;
}
.summary-date,
.summary-comment {
font-size: 11px;
font-weight: 600;
padding: 0;
display:inline-block;
}
.summary-comment {
float: right;
line-height: 0;
margin-right: 10px;
padding: 0;
}
.summary-comment i {
position:relative;
top:-1px;
margin-left: 2px;
}
.summary-date {
margin-left:10px;
color:#aaa;
}
.listbox-content .summary-date {
margin-left: 0;
} .bloglist-small .post-format-media {
width:300px;
float:left;
margin-right:40px;
margin-bottom:30px;
max-width: 100%;
}
.bloglist-small .postformat_contents {
padding-top: 0;
}
.bloglist-small .sc_slideshowtitle {
font-size: 14px;
line-height: 14px;
}
.bloglist-small .entry-content .entry-post-title h2 {
font-size: 20px;
line-height: 30px;
margin: 0 0 15px;
letter-spacing: 1px;
}
.bloglist-small .entry-post-wrapper {
padding:0;
}
.portfolio-contents-wrap {
float:none;
width:100%;
margin-bottom:20px;
}
.post-single-meta {
float: right;
}
.post-single-meta a {
}
.post-single-meta a:hover { color:#000; text-decoration:none; }
.post-meta-time,
.post-meta-comment {
margin-left:15px;
}
.post-meta-category {
margin-left:5px;
}
.lightboxlink { background: url(//dr-grub.de/wp-content/themes/grub/images/icons/magnifying_glass_alt_8x8.png) no-repeat 0 5px; padding: 0 0 0 15px; margin: 8px 0 0 0;color:#bbb; }
.lightboxlink a {  color:#464646; text-decoration:none; }
.lightboxlink a:hover {  color:#444; }
.lightbox-shortcode {
position: relative;
}
.shortcode-lightbox-indicate {
display: inline-block;
position: absolute;
top:20px;
height:40px;
width:40px;
margin-left:20px;
z-index: 10;
text-align: center;
border:2px solid #fff;
border-radius: 30px;
opacity:0.7;
}
span.shortcode-lightbox-indicate i {
line-height: 40px;
color:#fff;
}
.lightbox-shortcode:hover .shortcode-lightbox-indicate {
opacity:1;
} .pagination-navigation {
padding-top:20px;
margin-top:30px;
}
.pagination {
color: #2E2E2E;
font-size: 16px;
font-weight: 100;
padding-bottom: 20px;
position: relative;
top: -19px;
width:100%;
text-align: center;
}
.pagination:after {
border-bottom: 1px solid #eaeaea;
content: " ";
left: 0;
position: absolute;
top: 16px;
width: 100%;
z-index: 0;
}
.pagination a {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
width:30px;
height:30px;
line-height: 30px;
text-align: center;
margin-right: 10px;
display: inline-block;
color: #676767;
margin-bottom: 5px;
text-decoration:none;
font-weight: 400;
border:1px solid #eee;
border-radius: 30px;
position: relative;
z-index: 1;
background: #fff;
}
.pagination a:link , .pagination .navigation-single ,.pagination span.current,
ol.commentlist li .reply a,.pagination a:visited {	
outline: 0;
color: #000;
}
.pagination-info {
float: right;
color:#000;
font-weight: 600;
letter-spacing: 0;
margin-top:5px;
padding-left:10px;
z-index: 1;
background: #fff;
text-transform: uppercase;
position: absolute;
right:0;
}
.navigation-next,.navigation-prev { color:#fff;}
.pagination a:hover,
ol.commentlist li .reply a:hover {
color: #000;
border:1px solid #000;
}
.pagination a:active {
}
.pagination span.pages {
padding: 3px 7px 3px 7px; 
margin: 4px 4px 4px -6px;
color: #747474;
margin-bottom:10px;
border:none;
display:none;
}
.pagination span.current {
color:#000;
border:none;
padding: 6px 13px;
position: relative;
z-index: 1;
background: #fff;
}
.pagination span.extend {
padding: 3px 7px 3px 7px; 
margin: 4px;	
margin-bottom:10px;
color: #2E2E2E;
border:none;
}
.navigation { 
font-size:14px;
}
.navigation a { 
color:#111;
}
.navigation a:hover { 
color:#000;
text-decoration:none;
} #password-protected p {
margin-bottom:20px;
color:#ff0000;
font-weight: 400;
}
#password-protected input {
width:120px;
cursor:pointer;
color: #000;
padding: 5px 15px;
border:2px solid #eee;
background:#fff;
font-size: 14px;
font-weight: 400;
}
#password-protected input[type="submit"]:hover {
color: #111;
border:2px solid #676767;
}
#password-protected input[type="submit"]:active {
color: #000;
border:2px solid #000;
}
#password-protected label {
color: #000;
font-size: 22px;
}
#password-protected label input {
font: inherit;
font-size: 13px;
border: 1px solid #ddd;
padding:7px;
margin:0 10px 20px 10px;
-moz-border-radius: 0;
border-radius:  0;
-webkit-border-radius: 0;
background:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
width:200px;
}
.fullscreen-protected #password-protected {
margin-top:40px;
} .kenburns-preloader {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(//dr-grub.de/wp-content/themes/grub/images/preloaders/circle-spinner.png) no-repeat center center;
}
#kenburns-container img {
display:none;
} .postinfo {
color: #7D7D7D;
font-size: 11px;
padding: 20px 0;
}
.postinfo p {
color: #7E7E7E;
letter-spacing: 0.5px;
margin: 0;
padding: 0;
}
.postinfo a, .contents .postinfo a { 
color:#B1B1B1;
text-decoration:none;
font-weight: 400;
}
.postinfo a:hover {color:#111;} .sidebar-widget img {
max-width:100%;
}
.regular-sidebar {
margin:	0;
}
.portfolio-sidebar {
margin:	0;
}
.sidebar-top {
margin-top:35px;
}
.sidebar-bottom {
}
.sidebar-wrap ,.sidebar-wrap-single {
width: 26%;
padding-right:4%;
padding-top:45px;
position: relative;
top:-164px;
height: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); }
.sidebar-float-right {
right:-80px;
float:right;
}
.sidebar-float-left {
left:-80px;
float: left;
}
.single-mtheme_portfolio .sidebar-wrap-single {
}
.sidebar h3 {
color: #636363;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.5px;
line-height: 15px;
margin-bottom: 20px;
text-transform: uppercase;
}
.sidebar-widget {
margin-bottom: 50px;
}
.sidebar-left .sidebar-widget {
padding: 0 0 30px 50px;
}
.sidebar .sidebar-widget:last-child {
border-bottom:none;
}
.sidebartextbox { color:#7d7d7d; padding-bottom:30px;}
.sidebar {
color: #737373;
font-size:	12px;
font-weight: 400;
letter-spacing:0.5px;
padding:30px 0 0 40px;
}
.sidebar p { margin-top:15px; }
.sidbare p:first-child { margin-top:0; }
.sidebar a { color:#8F8F8F; }
.sidebar a:hover { text-decoration:none; }
.sidebar ul {padding:0;margin:0; }
.sidebar ul li {   }
.sidebar ul li a { 
padding:5px 0 5px 0;
display:block;
border-bottom: 1px solid #dadada;
}
.sidebar ul li a:hover { text-decoration:none; }
.sidebar ul ul li a { padding-left:15px; }
.sidebar ul ul ul li a {  padding-left:30px; }
.sidebar ul ul ul ul li a {padding-left:55px; }
.sidebar-widget ul li.cat-item { padding-left: 20px; background: transparent url(//dr-grub.de/wp-content/themes/grub/images/icons/arrow_right_8x8.png) no-repeat 0 13px; }
.sidebar-widget ul li.page_item { padding-left: 20px; background: transparent url(//dr-grub.de/wp-content/themes/grub/images/icons/pen_8x8.png) no-repeat 0 15px; }
.sidebar-widget ul.children li.page_item { padding-left:0; background: none; }
.sidebar-widget ul#recentcomments li {
color: #8E8E8E;
padding:2px 0 3px 20px; background: transparent url(//dr-grub.de/wp-content/themes/grub/images/icons/comment_stroke_8x7.png) no-repeat 0 10px;
}
.header_search_wrap {
position:relative;
float:right;
}
.header_search {
background: #E6412E;
padding: 15px 35px;
width: 210px;
position:absolute;
right:50px;
top:8px;
}
.header_search:after {
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 24px;
z-index: 2;
right:-1px;
border: 6px solid transparent;
border-right-color: #EEEEEE;
}
.header_search #searchbutton {
position: relative;
right: -77px;
background: url(//dr-grub.de/wp-content/themes/grub/images/icons/search_header.png) no-repeat 50% bottom;
opacity:0.8;
}
.header_search #searchbutton:hover {
opacity:1;
} #s {
margin: 0;
height: 16px;
padding: 5px;
border:none;
font-size:14px;
width:82%;
background:none;
font-weight: 300;
}
#searchform input {
height: 30px;
line-height: 30px;
padding: 0 5px 0 0;
width:186px;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.1);
font-size: 12px;
font-weight: 400;
}
#searchform i {
color:#000;
}
#searchbutton {
border:0;
background:none !important;
cursor: pointer;
height: 32px;
padding: 10px 18px 4px;
width: 32px;
opacity:1;
font-size:15px;
}
#searchbutton:hover {
opacity:0.8;
}
.search-terms { font-weight:bold; color:#000; }
.sidebar-widget #searchform input {
color: #7d7d7d;
} #wp-calendar {
width:100%;
color:#8B8B8B;
font-size:12px;
}
#wp-calendar td {
padding:5px; text-align:center;
background:#eee;
}
#wp-calendar td#prev {
background:#fff;
}
#wp-calendar td a{
color:#111; text-decoration:none;
}
#wp-calendar td a:hover {
color:#111;text-decoration:none;
}
#wp-calendar #today {
font-weight:bold;
color:#fff;
background:#3C3C3C;
}
#wp-calendar #today a{
font-weight:bold;
color:#fff;
}
#wp-calendar caption {
color: #eee;
font-weight:600;
padding-bottom:10px;
letter-spacing:1px;
text-transform:uppercase;
}
#wp-calendar thead tr th{
background: #A2A2A2;
color: #fff;
font-weight:normal;
padding:5px;
text-align:center;
}
#wp-calendar tfoot tr td a {
background: #eee; padding: 1px;
}
#wp-calendar tbody tr td {
}
#wp-calendar .pad {
background:none;
} #recentposts_list,#popularposts_list {
list-style: none;
margin: 0;
}
#recentposts_list li a {  }
.popularpost_info,
.recentpost_info {
}
#popularposts_list li.even,
#recentposts_list li.even{
}
#recentposts_list p,
#popularposts_list p{
color: #A3A3A3;
font-size: 11px;
letter-spacing: 0;
line-height: 15px;
margin: 5px 0 0 0;
padding-bottom: 0;
font-weight: 400;
}
#recentposts_list li,#popularposts_list li{
margin-bottom: 20px;
}
#recentposts_list li:last-child,#popularposts_list li:last-child{
margin: 0 0 0 0;
}
#recentposts_list li a,#popularposts_list li a {
background:none;
padding:0;
}
#recentposts_list .recent_thumbnail,#popularposts_list .popular_thumbnail {
display:block;
float:left;
margin:0 10px 0 0;
line-height:100%;
padding:1px;
border:none;
}
#recentposts_list .recentpost_info .recentpost_title,#popularposts_list .popularpost_info .popularpost_title {
border: none;
color: #777;
font-size: 13px;
font-weight: 400;
margin: 14px 0 0 0;
}
#recentposts_list .recentpost_info .recentpost_title:hover,#popularposts_list .popularpost_info .popularpost_title:hover  {
color: #000;
}
#popularposts_list img, #recentposts_list img {
display:block;
padding:0;margin:0;
width:80px;
height:80px;
}
#recentposts_list .recentposts_list time,#popularposts_list .popularposts_list time {
display:block;
font-size: 11px;
}
#recentposts_list .recentposts_list .recentpost_info,#popularposts_list .popularposts_list .popularpost_info  {
overflow:hidden;
}
#footer .popularpost_info,
#footer .recentpost_info {
} .tweetmeme-button {
float: left;
margin: 5px 15px 5px 0;
}
.mtheme-twitter-feeds h3 {
font-size:		14px;
font-weight:	bold;
text-transform:	uppercase;
color:			#737373;
}
.mtheme-tweets .loading {
color:#888;
}
#footer .mtheme-tweets .loading {
color:#000;
}
.mtheme-tweets, .query {
text-decoration:none;
background:		none;
margin-left:	0;
}
.mtheme-tweets .tweet_list, .query .tweet_list {
font-size: 		12px;
line-height: 	18px;
list-style: 	none;
display:		block;
}
#mainpage-block-4 .mtheme-tweets .tweet_list, .query .tweet_list {
font-size: 		14px;
line-height: 	18px;
list-style: 	none;
display:		block;
text-align:		left;
}
#mainpage-block-1 .mtheme-tweets .tweet_list .tweet_avatar img,
#mainpage-block-4 .mtheme-tweets .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
vertical-align: middle;
margin: 0 5px 5px 0;
padding:5px;
}
.mtheme-tweets .tweet_list .awesome, .mtheme-tweets .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
text-transform: uppercase; }
.mtheme-tweets .tweet_list li, .query .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: 0 10px 15px 0;
margin: 0 0 12px 0;
}
.mtheme-tweets .tweet_list li a, .query .tweet_list li a {
color: #eee;
}
.query .tweet_list li a {
color:#666;
}
#footer .tweet_list li .tweet_time a, .sidebar-widget .tweet_list li .tweet_time a {
background: #EDEDED;
color: #595959;
font-size: 10px;
font-weight: 100;
padding: 1px 6px 2px;
text-decoration: none;
}
#footer .mtheme-tweets .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
.mtheme-tweets .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; }
.mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle;
margin: 0;
padding: 0 10px 0 0;
float:left;
}
.sidebar-widget span.tweet_text {
color: #9D9D9D;
}
.sidebar-widget .mtheme-tweets .tweet_list li a {
color: #6A6A6A;
font-size:11px;
font-weight: 400;
}
.sidebar-widget .mtheme-tweets a {
padding-top:0;
}
.sidebar-widget .tweet_list a { border:none; display:inline;}
#footer .mtheme-tweets .tweet_list li a {
color:#fff;
font-weight:400;
}
#footer .tweet_list li .tweet_time a {
background:#000;
color:#fff;
}
#footer .tweet_list li .tweet_time a:hover {
color:#fff;
}
#footer #popularposts_list li,
#footer #recentposts_list li {
}
#footer #popularposts_list li.even,
#footer #recentposts_list li.even {
background: none;
padding:  5px 0 2px;
} .sidebar-widget .infobar-portfoliogrid, .footer-widget .infobar-portfoliogrid {
margin:0;
padding:0;
list-style-type: none;
}
.sidebar-widget .infobar-portfoliogrid li a, .footer-widget .infobar-portfoliogrid li a {
margin:0;
padding:0;
border:none;
}
.sidebar-widget .infobar-portfoliogrid li {
float:left;
margin:0;
padding:0;
border:none;
width:25%;
}
.footer-widget .infobar-portfoliogrid li {
float:left;
margin:0;
padding:0;
border:none;
width:33%;
}
.sidebar-widget .infobar-portfoliogrid li img {
display: block;
width:100%;
height: auto;
}
.sidebar-mini .infobar-portfoliogrid li img {
width:100%;
height: auto;
}
.sidebar-widget .infobar-portfoliogrid li img:hover {
}
.sidebar-widget .infobar-portfoliogrid li a:hover {
border:none;
}
.footer-widget .infobar-portfoliogrid li img {
background-color: #5F5F5F;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
display: block;
opacity: 1;
margin:0 1px 1px 0;
padding: 0;
line-height:0;
width: 100%;
height:auto;
}
.footer-widget .infobar-portfoliogrid li img:hover {
opacity: 0.9;
}
.sidebar-widget .infobar-portfoliogrid .rightspace { }
.footer-widget .infobar-portfoliogrid .rightspace { } .header-search-wrap {
float: right;
margin: 0;
padding: 0;
height: 50px;
width: 45px;
}
.header-search-wrap #searchbutton {
display:none;
}
.header-search-wrap #searchform {
float: right;
margin-right: 50px;
position: relative;
top: -42px;
}
.header-search-wrap #searchform input {
border:none;
color: #fff;
font-style: normal;
font-weight: 400;
text-indent: 30px;
padding:0;
width:0;
height: 50px;
font-size: 18px;
letter-spacing: 0;
position:relative;
z-index:10;
}
.max-search .icon-search {
display:none;
}
.max-search .icon-remove {
display:block;
}
.min-search .icon-remove {
display:none;
}
.min-search .icon-search {
display:block;
}
.header-search-wrap #searchform input {
color:#fff;
font-size:16px;
background: #262626;
}
.header-search {
float: right;
position: relative;
top: 7px;
height:22px;
padding: 10px 10px 10px 25px;
}
.header-search:hover {
cursor: pointer;
color:#000;
}
.header-widgets {
margin: 10px 50px;
}
.social-header-wrap {
}
.social-header-wrap a {
display:block;
}
.social-header-wrap ul {
text-align:center;
list-style-type:none;
}
.social-header-wrap ul li {
display:inline-block;
text-align: right;
}
.social-header-wrap ul li i {
margin:0;
padding:0;
color:#E3E3E3;
}
.social-header-wrap ul li.social-icon {
border: 2px solid #FFFFFF;
border: 2px solid rgba(255,255,255,0.5);
border-radius: 30px;
color: #FFFFFF;
font-size: 12px;
height: 20px;
line-height: 20px;
margin-left: 5px;
margin-top: 7px;
padding: 5px;
text-align: center;
width: 20px;
}
.social-header-wrap ul li:first-child {
margin-left:0;
}
.social-header-wrap ul li.social-icon:hover {
border: 2px solid #FFFFFF;
border: 2px solid rgba(255,255,255,0.6);
}
.social-header-wrap ul li.social-icon i {
}
.social-header-wrap ul li.social-icon:hover {
cursor: pointer;
}
.social-header-wrap ul li.social-icon:hover i {
color:#fff;
}
.social-header-wrap ul li.contact-text {
color: #555;
font-size: 12px;
margin-right: 15px;
position: relative;
top: 14px;
margin-bottom: 10px;
font-weight: 400;
}
.social-header-wrap ul li.contact-text i {
color: #fff;
}
.social-header-wrap ul li.contact-text a {
display:inline;
color:#fff;
}
.social-header-wrap ul li.contact-text a:hover {
color:#fff;
} .social-shortcode i {
color:#555;
}
.social-margin-left {
margin-right:10px;
}
.social-margin-right {
margin-left:10px;
} .flickr_wrap {
position: relative;
}
.flickr_wrap .flickr_badge_image {
padding: 0;
float:left;
line-height:100%;
margin:0 1px 1px 0;
}
.flickr_wrap .flickr_badge_image img {
display: block;
height: 98px;
width: 98px;
opacity: 1;
}
.flickr_wrap .flickr_badge_image img:hover {
opacity: 0.9;
}
#footer .flickr_wrap .flickr_badge_image img:hover {
opacity: 1;
}
#footer .flickr_wrap .flickr_badge_image img {
width:63px;
height:63px;
display:block;
padding:5px;
}
#footer .flickr_wrap {
margin-right:-9px;
}
#footer .flickr_badge_image {
margin:0 1px 1px 0;
} .contact_address_block {
list-style: none;
margin: 10px 0 0 0;
font-size:12px;
}
.contact_address_block a {
}
.contact_address_block a:hover {
color: #000;
}
.contact_address_block li, #footer .contact_address_block li, #sidebar .contact_address_block li  {
margin: 0 0 3px 0;
padding:0;
letter-spacing:0.5px;
}
.contact_address_block li {
padding: 4px 0;
}
#foot