article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,video { display: inline-block; }
audio:not([controls]){ display: none; height: 0; }
[hidden]{ display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active,a:hover { outline:0; }
h1 { margin: .67em 0; font-size: 2em; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight:bold; }
dfn { font-style: italic; }
hr { height:0; -moz-box-sizing: content-box; box-sizing: content-box; }
mark { color:#000; background: #ff0; }
code,kbd,pre,samp { font-family: monospace,serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub,sup {
font-size:75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; }
legend { border: 0; padding:0; }
button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; }
button,input { line-height: normal; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] { cursor: default; }
input[type="checkbox"],input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing:	content-box;
-webkit-box-sizing: content-box;
box-sizing:			content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding: 0; border: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; } *,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
} .archive-pagination:before,
.clearfix:before,
.entry-content:before,
.entry-pagination:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before { content: " "; display: table; }
.archive-pagination:after,
.clearfix:after,
.entry-content:after,
.entry-pagination:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after { clear: both; content: " "; display: table; }
a.anchor { height: 0; line-height: 0; }  html { font-size: 62.5%; }
body {
color: #222; background-position: left bottom !important;
font-family: 'Lato', Verdana, Arial, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition:    all 0.1s ease-in-out;
-ms-transition:     all 0.1s ease-in-out;
-o-transition:      all 0.1s ease-in-out;
transition:         all 0.1s ease-in-out;
}
::-moz-selection	{ color: #fff; background-color: #e3000d; text-shadow: 0 0 transparent; }
::selection			{ color: #fff; background-color: #e3000d; text-shadow: 0 0 transparent; }
a { color: #004184; text-decoration: underline; }
a,
a:focus,
a:active { outline: 0 none; }
a img { margin-bottom: -4px; margin-bottom: -0.4rem; }
a:hover { text-decoration: none; }
a.more-link,
a.read_more { clear: both; display: block; text-align: right; }
a.post-edit-link { float: right; display: block; }
p { margin: 0 0 18px; margin: 0 0 1.8rem; padding: 0; }
strong { font-weight: 700; }
ol,
ul { margin: 0; padding: 0; }
li { list-style-type: none; }
blockquote,
blockquote::before { color: #999; }
blockquote { margin: 0; padding: 24px 40px; padding: 2.4rem 4rem; }
blockquote::before {
content: "\201C";
position: relative;
top: -10px;
left: -20px;
height: 0;
display: block;
font-size: 30px;
font-size: 3rem;
}
.entry-content code { color: #ddd; background-color: #333; }
cite { font-style: normal; } h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
margin-bottom: 10px;
margin-bottom: 1rem;
padding: 0;
color: #333;
font-family: 'Lato', Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 1.25;
}
h1 { font-size: 32px; font-size: 3rem; }
h2 { font-size: 28px; font-size: 2.8rem; }
h3 { font-size: 24px; font-size: 2.4rem; }
h4 { font-size: 22px; font-size: 2.2rem; }
h5 { font-size: 20px; font-size: 2.0rem; }
h6 { font-size: 18px; font-size: 1.8rem; } embed,
iframe,
img,
object,
video,
.wp-caption { max-width: 100%; }
img { height: auto; }
.featured-content img,
.gallery img { width: auto; } input,
select,
textarea {
width: 100%;
padding: 16px;
padding: 1.6rem;
border: 1px solid #ddd;
color: #222;
background-color: #f5f5f5;
font-family: 'Lato', Verdana, Arial, sans-serif;
font-size: 15px;
font-size: 1.5rem;
box-shadow: 1px 1px 3px #eee inset;
}
input:focus,
textarea:focus { border: 1px solid #999; outline: none; }
::-moz-placeholder { color: #999; opacity: 1; }
::-webkit-input-placeholder { color: #999; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
width: auto;
padding: 6px 30px;
padding: 0.6rem 3rem;
border: none;
border-radius: 5px;
color: #fff;
background-color: #6a98cc;
text-transform: uppercase;
cursor: pointer;
box-shadow: none;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover { border: none; background-color: #97b4d6; text-decoration: none; }
.button { display: inline-block; border-radius: 3px; }
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
width: auto !important;
margin: 5px 5px 5px 0;
padding: 0;
box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none; }
.home-cta a.button {
display: inline-block;
margin: 0 4px !important;
margin: 0 0.4rem !important;
padding: 3px 10px;
padding: 0.3rem 1rem;
text-align: center;
} table {
width: 100%;
margin-bottom: 40px;
margin-bottom: 4rem;
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
}
tbody { border-bottom: 1px solid #ddd; }
th,
td { text-align: left; }
th { font-weight: bold; text-transform: uppercase; }
td { padding: 6px 0; padding: 0.6rem 0; border-top: 1px solid #ddd; }  .site-container { max-width: 1140px; margin: 0 auto; }
.executive-pro-landing .site-container { max-width: 800px; }
.site-inner {
clear: both;
overflow: hidden;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.8);
}
.home .site-inner { overflow: visible; background: transparent; }  .content {
float: right;
width: 840px;
padding: 35px 45px 10px;
padding: 3.5rem 4.5rem 1rem;
}
.content-sidebar .content { float: left; }
.full-width-content .content { width: 100%; }
.home .content { padding: 0; }
.executive-pro-portfolio .content { padding: 40px 30px 0; padding: 4rem 3rem 0; } .sidebar-primary { float: right; width: 300px; }
.sidebar-content .sidebar-primary { float: left; } .five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds { float: left; margin-left: 2.564102564102564%; }
.one-half,
.three-sixths,
.two-fourths { width: 48.717948717948715%; }
.one-third,
.two-sixths { width: 31.623931623931625%; }
.four-sixths,
.two-thirds { width: 65.81196581196582%; }
.one-fourth { width: 23.076923076923077%; }
.three-fourths { width: 74.35897435897436%; }
.one-sixth { width: 14.52991452991453%; }
.five-sixths { width: 82.90598290598291%; }
.first { clear: both; margin-left: 0; }  .avatar { float: left; border: 1px solid #fff; }
.alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; }
.alignright .avatar { margin-left: 24px; margin-left: 2.4rem; }
.search-form { overflow: hidden; }
.search-form input[type="submit"] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
}
.search-form input[type="search"] {
width: 100%;
margin-bottom: 10px;
margin-bottom: 1rem;
padding: 16px;
padding: 1.6rem;
color: #888;
background: #fff url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-search.png) no-repeat right;
background-size: 36px 16px;
font-size: 10px;
font-size: 1rem;
text-transform: uppercase;
}
img.centered,
.aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem; }
a.alignnone img,
img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
a.alignleft,
a.alignright { max-width: 100%; }
a.alignleft img,
img.alignleft,
.wp-caption.alignleft { margin: 0 24px 12px 0; margin: 0 2.4rem 1.2rem 0; }
a.alignright img,
img.alignright,
.wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; }
.entry-content .wp-caption-text {
margin: 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
}
.widget_calendar table { width: 100%; }
.widget_calendar td,
.widget_calendar th { text-align: center; }
.widget_calendar caption {
padding: 2px 6px 0 0;
padding: 0.2rem 0.6rem 0 0;
font-size: 12px;
font-size: 1.2rem;
font-style: italic;
text-align: right;
} .breadcrumb {
margin: -40px -60px 30px;
margin: -4rem -6rem 3rem;
padding: 20px;
padding: 2rem;
color: #777;
background-color: #f5f5f5;
font-size: 12px;
font-size: 1.2rem;
}
.home .breadcrumb { margin: 0; }
.archive-description,
.author-box {
margin-bottom: 30px;
margin-bottom: 3rem;
padding: 30px;
padding: 3rem;
}
.archive-description { padding: 16px 20px; padding: 1.6rem 2rem; }
.author-box { background-color: #f5f5f5; }
.author-box-title {
margin-bottom: 4px;
margin-bottom: 0.4rem;
font-size: 16px;
font-size: 1.6rem;
}
.author-box p { margin: 0; font-size: 14px; font-size: 1.4rem; }
.author-box .avatar { margin-right: 24px; margin-right: 2.4rem; }
.widget-area li {
margin-bottom: 6px;
margin-bottom: 0.6rem;
padding-bottom: 6px;
padding-bottom: 0.6rem;
}
.widget-area li li { margin: 0; padding-bottom: 0; } .entry-title {
margin-bottom: 20px;
margin-bottom: 2rem;
color: #004e9e;
font-size: 32px;
font-size: 3.2rem;
line-height: 1;
text-transform: uppercase;
}
.entry-title a,
.sidebar .widget-title a { color: #004184; text-decoration: none; }
.entry-title a:hover,
.footer-widgets .entry-title a:hover { color: #333; }
.archive-title,
.widget-title,
.executive-pro-portfolio .entry-title {
margin-bottom: 20px;
margin-bottom: 2rem;
color: #004e9e;
font-size: 16px;
font-size: 1.6rem;
text-transform: uppercase;
}
.footer-widgets .entry-title,
.sidebar .entry-title { font-size: 16px; font-size: 1.6rem; }
.home .home-cta .widget-title {
margin-bottom: 12px;
margin-bottom: 1.2rem;
font-size: 28px;
font-size: 2.8rem;
font-weight: normal;
text-transform: uppercase;
}
.home .home-cta .entry-title a,
.home .home-cta .widget-title,
.footer-widgets .entry-title a,
.footer-widgets .widget-title { color: #fff; }  .featured-content .entry { margin-bottom: 12px; margin-bottom: 1.2rem; padding: 0; }
.featured-content .entry-title { font-size: 18px; font-size: 1.8rem; }
.home .featured-content .entry { margin-bottom: 36px; margin-bottom: 3.6rem; }  .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1.6rem; } .home-slider li { margin: 0; padding: 0; }
.content #genesis-responsive-slider { padding: 0; border: none; background: none;
}
.content .genesis_responsive_slider .slide-excerpt {
bottom: 20px;
width: 50%;	
height: auto ;
max-height: 100%;
margin: 0;
padding: 1.5% 3%;
background: transparent url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/bg-d4e3ed-90.png) repeat 0 0;
opacity: 1;
filter: alpha(opacity=100);
}
.content .genesis_responsive_slider .slide-excerpt.slide-522,
.content .genesis_responsive_slider .slide-excerpt.slide-697 { display: none; }
.content .genesis_responsive_slider .slide-excerpt-border {
width: 100%;
margin: 0;
padding: 0;
border: none;
}
.content .genesis_responsive_slider .slide-excerpt p:last-of-type { text-align: right; }
.content .genesis_responsive_slider .slide-excerpt p { margin-bottom: 10px; margin-bottom: 1rem; color: #222; }
.content .genesis_responsive_slider .slide-excerpt p:last-of-type { margin-bottom: 0; } .content .genesis_responsive_slider .slide-excerpt-border .read-more { display: none; }
.content .genesis_responsive_slider h2,
.content .genesis_responsive_slider h2 a {
color: #004e9e;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
}
.content .genesis_responsive_slider .flex-direction-nav li a {
right: -25px;
width: 50px;
height: 49px;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-direction-nav.png) no-repeat -50px 0;
background-size: 100px 98px;
-webkit-transition: none;
-moz-transition:    none;
-ms-transition:     none;
-o-transition:      none;
transition:         none;
}
.content .genesis_responsive_slider .flex-direction-nav li a:hover { background-position: -50px -49px; }
.content .genesis_responsive_slider .flex-direction-nav li a.prev { left: -25px; background-position: 0 0; }
.content .genesis_responsive_slider .flex-direction-nav li a:hover.prev { background-position: 0 -49px; }
.content .genesis_responsive_slider .flexslider .slides > li { overflow: hidden; }
.content .genesis_responsive_slider .flex-control-nav { margin: -50px 0 0 60px; text-align: left; }
.content .genesis_responsive_slider .flex-control-nav li a { background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-control-nav.png) no-repeat 0 0; background-size: 13px 39px; }
.content .genesis_responsive_slider .flex-control-nav li a:hover { background-position: 0 -13px; }
.content .genesis_responsive_slider .flex-control-nav li a.active { background-position: 0 -26px; }
.content .genesis_responsive_slider a.read_more { display: none !important; } div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
padding: 16px;
padding: 1.6rem;
font-size: 16px;
font-size: 1.6rem;
}
div.gform_wrapper .ginput_complex label { padding: 0; }
div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
margin: 1.6rem 0 0;
padding: 0;
background: none;
}
div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } img#wpstats { display: none; } .site-header {
position: relative; width: 100%;
min-height: 140px;
margin: 0 auto;
background-position: left center !important;
} .title-area {
float: left;
overflow: hidden;
width: 286px;
margin: 20px 0;
margin: 2.0rem 0;
}
.site-title { margin: 0 0 5px; margin: 0 0 0.5rem; line-height: 1.25; }
.site-title a,
.site-title a:hover { display: block; } .header-image .site-description,
.header-image .site-title a { display: block; text-indent: -9999px; }
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
float: left;
width: 100%;
max-width: 286px;
min-height: 100px;
padding: 0;
}
.header-image .site-title,
.header-image .site-title a { margin: 0; } .site-header .widget-area {
float: right;  width: 805px;
height: 140px;
margin: 0 15px 0 30px;
margin: 0 1.5rem 0 3rem;
}
.site-header .widget { padding: 28px 0 0; padding: 2.8rem 0 0; } .menu {
clear: both;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.menu .menu-item { margin: 0; padding: 0; text-align: left; }
.menu a { position: relative; display: block; text-decoration: none; } .site-header .widget_nav_menu { padding: 0; }
.site-header .menu { float: right; width: auto; }
.site-header .menu .menu-item { display: inline-block; }
.site-header .sub-menu { border-top: 1px solid #eee; }
.site-header .widget_nav_menu { position: absolute; right: 0; }
.site-header .menu a {
padding: 5px 10px 20px;
padding: 0.5rem 1.0rem 2.0rem;
color: #fff;
text-transform: uppercase;
}
.site-header .menu .sub-menu {
position: absolute;
left: -9999px;
width: 200px;
margin: 0;
padding: 0;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition:    opacity .4s ease-in-out;
-ms-transition:     opacity .4s ease-in-out;
-o-transition:      opacity .4s ease-in-out;
transition:         opacity .4s ease-in-out;
z-index: 999;
}
.site-header .menu .sub-menu a {
position: relative;
width: 200px;
padding: 6px 12px;
padding: 0.6rem 1.2rem;
border: 1px solid #f5f5f5;
border-top: none;
color: #666 !important;
background-color: #fff;
font-size: 12px;
font-size: 1.2rem;
}
.site-header .sub-menu a:hover { color: #fff !important; background-color: #999; }
.site-header .sub-menu .sub-menu { margin: -40px 0 0 184px; }
.site-header .menu-item:hover { position: static; }
.site-header .menu-item:hover > .sub-menu { left: auto; opacity: 1; }
.site-header .menu > .first > a { padding-left: 0; }
.site-header .menu > .last > a { padding-right: 0; }
.site-header .menu > .right {
float: right;
display: inline-block;
padding: 16px 20px;
padding: 1.6rem 2rem;
list-style-type: none;
}
.site-header .menu > .right > a { display: inline; padding: 0; }
.site-header .menu > .rss > a {
margin-left: 12px;
margin-left: 1.2rem;
padding-left: 16px;
padding-left: 1.6rem;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-rss.png) no-repeat left;
background-size: 12px 12px;
}
.site-header .menu > .twitter > a {
padding-left: 20px;
padding-left: 2rem;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-twitter-nav.png) no-repeat left;
background-size: 16px 16px;
}
.site-header .menu > .search { padding: 0; }
.site-header .menu .search-form { width: 100%; } #menu-primary .menu-item { background-color: #004e9e; }
#menu-primary > li > a:hover,
#menu-primary > li:hover > a,
#menu-primary > li > a:active { color: #fff; background-color: #e3000d; }
#menu-primary a { color: #fff; }
.widget_nav_menu.main { bottom: 0; } .base .menu-secondary { background-color: transparent; font-size: 12px; }
#menu-secondary a { padding: 2px 10px 3px; padding: 0.2rem 1rem 0.3rem; }
#menu-secondary > li > a:hover,
#menu-secondary > li:hover > a,
#menu-secondary > li > a:active { color: #fff; background-color: #e3000d; }
#menu-secondary .current-menu-item > a { color: #fff; background-color: #004e9e; }
.widget_nav_menu.base { top: 0; } #responsive-menu-icon { display: none; margin-bottom: 15px; cursor: pointer; }
#responsive-menu-icon::before {
margin: 0 auto;
color: #fff;
content: "\f333";
font: normal 24px/1 'dashicons';
} .sidebar-primary .menu a { padding: 0 10px 5px; padding: 0 1rem 0.5rem; color: #222; }
.sidebar-primary .menu a:hover,
.sidebar-primary .menu li.current-menu-item a { color: #e3000d; }
.sidebar-primary .sub-menu { margin-left: 15px; margin-left: 1.5rem; }  .home-middle,
.home-top {
clear: both;
overflow: hidden;
padding: 30px 12px 10px;
padding: 3rem 1.2rem 1rem;
background-color: #fff;
background-color: rgba(255,255,255,0.8);
}
.home-middle .widget,
.home-top .widget {
float: left;
width: 33.33333333333%;
padding: 0 30px;
padding: 0 3rem;
}
.home a.more-link { margin: 30px 0 0; margin: 3rem 0 0; }
.home .home-cta {
float: left;
width: 100%;
padding: 30px 45px;
padding: 3rem 4.5rem;
color: #ddd;
background-color: #004184;
background-color: rgba(0,65,132,0.8);
}
.home .home-cta * { color: #fff; }
.home .home-cta :last-child { margin-right: 0; }
.home .home-cta .su-column,
.home .home-cta .su-service:last-of-type { margin-bottom: 0 !important; }
.home .home-cta .su-service-content { font-size: 14px; }
.home .home-cta .su-service-title { line-height: 1.4 !important; }
.home .home-cta i[class^="icon-"] { top: 4px !important } body.page-template-page_blog-php .entry { margin-bottom: 60px; margin-bottom: 6rem; }
.entry,
body.page-template-page_blog-php .entry:last-of-type { margin-bottom: 30px; margin-bottom: 3rem; }
.executive-pro-portfolio .entry,
.single-portfolio .entry { margin-bottom: 10px; margin-bottom: 1rem; }
.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption { margin-bottom: 18px; margin-bottom: 1.8rem; }
.entry-content ol li,
.entry-content ul li { margin-left: 40px; margin-left: 4rem; }
.entry-content ol li { list-style-type: decimal; }
.entry-content ul li { list-style-type: disc; }
.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p { margin-bottom: 0; }
.content .entry-header .entry-meta {
clear: both;
overflow: hidden;
max-width: 250px;
margin: 0 0 24px -45px;
margin: 0 0 2.4rem -4.5rem;
padding-left: 45px;
padding-left: 4.5rem;
color: #97b4d6;
background-color: #fff;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
text-transform: uppercase;
}
.content .entry-header .entry-meta a { color: #97b4d6; font-weight: 700; }
.entry-footer .entry-meta {
margin: 0;
padding-top: 10px;
padding-top: 1rem;
border-top: 1px dotted #ddd;
font-size: 14px;
font-size: 1.4rem;
}
.entry-footer .entry-tags {
margin-left: 4px;
margin-left: 0.4rem;
padding-left: 10px;
padding-left: 1rem;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-dot.png) no-repeat left;
} .archive-pagination {
padding: 30px 0;
padding: 3rem 0;
font-size: 14px;
font-size: 1.4rem;
}
.entry .archive-pagination a {}
.archive-pagination li { display: inline; }
.archive-pagination li a {
display: inline-block;
margin-bottom: 4px;
margin-bottom: 0.4rem;
padding: 8px 20px;
padding: 0.8rem 2rem;
border-radius: 5px;
color: #fff;
background-color: #6a98cc;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
line-height: 2;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
.archive-pagination li a:hover,
.archive-pagination li.active a { background-color: #97b4d6; text-decoration: none; } .sidebar {
display: inline;
padding-bottom: 30px;
padding-bottom: 3rem;
font-size: 14px;
font-size: 1.4rem;
}
.sidebar p { margin-bottom: 16px; margin-bottom: 1.6rem; }
.sidebar p:last-child,
.sidebar ul { margin: 0; }
.sidebar a { color: #222; }
.sidebar li {
margin-bottom: 6px;
margin-bottom: 0.6rem;
padding: 0 0 0 16px;
padding: 0 0 0 1.6rem;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-li.png) no-repeat 0 7px;
background-size: 8px 8px;
}
.sidebar ul > li:last-child { margin-bottom: 0; }
.sidebar .widget {
margin: 20px 20px 0 0;
margin: 2rem 2rem 0 0;
padding: 15px 30px;
padding: 1.5rem 3rem;
background: rgba(255, 255, 255, 0.8);
word-wrap: break-word;
}
.sidebar .search-form { width: 100%; } .footer-widgets {
clear: both;
color: #c8c8c8;
background-color: #222;
font-size: 14px;
font-size: 1.4rem;
}
.footer-widgets .wrap { overflow: hidden; padding: 60px 30px 30px; padding: 6rem 3rem 3rem; }
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 { width: 33.3333333333%; padding: 0 2.8%; }
.footer-widgets-1,
.footer-widgets-2 { float: left; }
.footer-widgets-3 { float: right; }
.footer-widgets .widget { margin-bottom: 30px; margin-bottom: 3rem; word-wrap: break-word; }
.footer-widgets li {
margin-bottom: 6px;
margin-bottom: 0.6rem;
padding: 0 0 6px 16px;
padding: 0 0 0.6rem 1.6rem;
background: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-li-footer.png) no-repeat 0 7px;
background-size: 8px 8px;
list-style-type: none;
}
.footer-widgets .search-form { width: 100%; } .site-footer {
padding: 25px 0;
padding: 2.5rem 0;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
text-transform: uppercase;
}
.site-footer a { color: #fff; }
.site-footer p { margin: 0; } .wpcf7,
.wpcf7 form,
div.wpcf7-response-output { width: 100%; }
.wpcf7 + div { float: right; }
.cf7-half { float: left; width: 48%; margin: 0 4% 2% 0; }
.cf7-half.last { margin-right: 0; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
width: 100%;
margin: 0 10px 0 0;
margin: 0 1rem 0 0;
padding: 7px 10px;
padding: 0.7rem 1rem;
}
.wpcf7 textarea { height: 120px; height: 12rem; }
.wpcf7 input[type="submit"] { float: right; }
div.wpcf7-response-output {
display: inline-block;
width: 75%;
margin: 50px 0 20px 0 !important;
margin: 5rem 0 2rem 0 !important;
padding: 10px 20px !important;
padding: 1rem 2rem !important;
}
div.wpcf7-response-output.wpcf7-display-none { display: none; }
body.kontakt span.wpcf7-not-valid-tip {
display: block;
float: right;
position: relative;
top: 20%;
left: 0;
width: auto;
margin: 0 1px 0 0;
margin: 0 0.1rem 0 0;
padding: 0 20px;
padding: 0 2rem;
border: 0 none;
color: #fff;
background-color: #e3000d;
font-size: 13px;
font-size: 1.3rem;
text-align: right;
z-index: 100;
}
body.kontakt div.wpcf7-mail-sent-ok,
body.kontakt div.wpcf7-mail-sent-ng,
body.kontakt div.wpcf7-spam-blocked,
body.kontakt div.wpcf7-validation-errors { border: 0 none; color: #FFF; }
body.kontakt div.wpcf7-mail-sent-ng,
body.kontakt div.wpcf7-spam-blocked,
body.kontakt div.wpcf7-validation-errors { background: #F04B0C; }
body.kontakt div.wpcf7-mail-sent-ok { background-color: #4FB012; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.search-form input[type="search"] { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-search@2x.png); }
.content .entry-header .entry-meta .entry-comments-link a { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-comments@2x.png) }
.sidebar li { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-li@2x.png); }
.footer-widgets li { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-li-footer@2x.png); }
.content #genesis-responsive-slider .flex-direction-nav li a { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-direction-nav@2x.png); }
.content #genesis-responsive-slider .flex-control-nav li a { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-control-nav@2x.png); }
.menu > .rss > a { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-rss@2x.png); }
.menu > .twitter > a { background-image: url(//www.rudolf-hoffmann-dach.de/wp-content/themes/rudolf-hoffmann/images/icon-twitter-nav@2x.png); }
}
@media only screen and (max-width: 1200px) { 
.breadcrumb { margin: -30px -45px 35px; margin: -3rem -4.5rem 3rem; }
.content { padding: 30px 45px 10px; padding: 3rem 4.5rem 1rem; }
.content #genesis-responsive-slider .flex-control-nav,
.content #genesis-responsive-slider .flex-direction-nav li a,
.content #genesis-responsive-slider .flex-direction-nav li a.prev { display: none; }
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) { 
.site-container { max-width: 960px; }
.site-header .widget-area { width: 610px; }
.content { width: 660px; }
.sidebar-primary { width: 300px; }	
}
@media only screen and (max-width: 1023px) {
.site-container { max-width: 768px; }
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a { float: none; max-width: 100%; }
.header-image .site-title a { background-position: 50% 0 !important; }
.content,
.sidebar-primary,
.sidebar-secondary,
.wrap { width: 100%; }
.title-area { margin: 80px 0 40px; margin:8rem 0 4rem; }
.menu,
.site-header .search-form,
.site-header hgroup,
.site-title { text-align: center; }
.site-header .widget-area { width: 100%; height: auto; margin: 0; }
.site-header .widget_nav_menu.main { position: relative; }
.site-header .widget_nav_menu { width: 100%; }
.site-header ul.menu { text-align: center; }
.menu li,
.site-header ul.menu,
.site-header .search-form { float: none; }
.site-header .menu a { padding: 5px 20px 20px; padding: 0.5rem 2rem 2rem; }
#menu-secondary a { padding: 6px 20px 8px; padding: 0.6rem 2rem 0.8rem; }
.site-header .search-form { margin: 16px auto; margin: 1.6rem auto; }
.menu li.right { display: none; }
.cf7-half,
.cf7-half + p { float: none; width: 75%; margin: 0; }
.cf7-half.last { margin-bottom: 50px; margin-bottom: 5rem; }
.cf7-half .wpcf7 p { margin-bottom: 30px; margin-bottom: 3rem; }
div.wpcf7-response-output { width: 100%; }
.cf7-half + p { margin-top: 20px; margin-top: 2rem; }	
.content #genesis-responsive-slider .slide-excerpt { display: none; }
.comment-list li.depth-1,
.ping-list li.depth-1 { margin: 30px 0; margin: 3rem 0; }
.sidebar .menu li li { display: inline-block; margin-right: 10px; margin-right: 1rem; }
.sidebar .blogroll li { display: inline-block; margin-right: 20px; margin-right: 2rem; }
.site-footer a[class="top"] { display: block; margin-bottom: 2rem; }	
}
@media only screen and (max-width: 767px) {
.site-container { max-width: 100% ; }
.five-sixths,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.four-sixths,
.home-middle .widget,
.home-top .widget,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.executive-pro-portfolio .portfolio,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds,
.site-header .widget-area,
.site-header .menu,
nav { width: 100%; margin: 0; }
.site-header { text-align: center; }
.title-area { margin-bottom: 20px; margin-bottom: 2rem; }
.responsive-menu { display: none; }	
#responsive-menu-icon { display: block; }	
.home-middle,
.home-top,
.executive-pro-portfolio .portfolio { text-align: center; }
.executive-pro-portfolio .portfolio { padding: 0 0 30px; padding: 0 0 3rem; }
.home-cta .button.alignright { float: none; margin: 16px 0 0; margin: 1.6rem 0 0; }
.cf7-half,
.cf7-half + p { width: 100%; }
.site-footer { padding: 25px 15px; padding: 2.5rem 1.5rem; }
.footer-widgets-1 { margin: 0; }
}
@media only screen and (max-width: 640px) {
.site-header .widget_nav_menu { width: 100%; }
}
@media only screen and (max-width: 500px) {
.entry-title { font-size: 24px; font-size: 2.4rem; }
.content .entry-header .entry-meta .entry-comments-link { display: none; }
.cf7-half { width: 100%; }
.site-header .widget-area { margin-bottom: 2rem !important; }
.site-header .widget_nav_menu.main { margin: 0 auto; width: 75%; }
#menu-primary > li { margin: 0 8px 10px 0; margin: 0 0.8rem 1.0rem 0; }
.sub-menu .sub-menu { display: none; }
}
@media only screen and (max-width: 320px) { 
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a { min-height: 90px; }
.site-header .site-title a { background-size: 85% auto !important; }
#menu-primary .menu-item { width: 100%; margin-right: 0; }
#menu-primary .sub-menu { margin: -15px 0 0 20px; }
#menu-primary .sub-menu a { padding: 12px 24px; padding: 1.2rem 2.4rem; }
}
@media only screen and (max-width: 270px) { 
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a { min-height: 80px; }
.site-title { font-size: 26px; font-size: 2.6rem; }
}