.wrapper:after {
content: "";
display: table;
clear: both; }
.wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.column-left, .column-right, .sidebar, .benefits li {
display: inline-block;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }                     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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: "";
content: none; }
q:before, q:after {
content: "";
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }/*/*/a.readmore{
display: block;
float:left;
margin-top: 10px;
text-decoration: none!important;
border-radius: 4px;
padding: 3px 5px;
background: #3DBF32;
color:#fff;
font: 400 16px "Arial", sans-serif;
}
a.readmore:after{
content: '\26';
font-family: 'icons';
margin-left:10px;
}
a.readmore:hover{
color:#fff;
text-shadow: 0px 1px 0px #287F21;
}
.article{margin-bottom:20px;width: 100%;}  
.article .content{float:left;width: 100%;}
.article .content ul{padding-left:30px;margin-bottom:20px;float:left;}
.article .content li{list-style: square;}
.article p{width: 100%;float:left;}
.article.sticky{margin-bottom:0;} 
.article .content img{height: auto;float:left;}
.wp_rp_wrap{margin-top:20px;float:left;width: 100%;}
.related_post_title{margin-bottom:10px;}
ul.related_post{width: 100%!important;padding:0!important;}
ul.related_post li{margin:0 4% 0 0!important;width: 22%!important;float:left;list-style: none!important;}
ul.related_post li:last-of-type{margin-right: 0!important;}
ul.related_post li img{width: 100%!important;}
ul.related_post li a{text-decoration: none!important;width: 100%;}
ul.related_post li a.wp_rp_title{margin-top:10px;display: block;float:left;}
.article .search-widget{margin-top:20px;float:left;width: 100%;}
.article .search-widget input{width: 80%;float: left;border-radius: 4px 0 0 4px;}
.article .search-widget button{width: 20%;border-radius: 0 4px 4px 0;padding: 20px 10px 19px;}
.article:last-of-type{margin-bottom:0;}
.column-left img{height: auto;}
.column-left iframe{width: 100%;height: auto;min-height: 340px;}
#cntctfrm_contact_form{float:left;}
#cntctfrm_contact_form div{float:left;width: 100%;}
#cntctfrm_contact_form div input{margin-bottom:20px!important;}
#cntctfrm_contact_form div label{margin-bottom:10px;float:left;}
#cntctfrm_contact_form input[type="submit"]{
border: 0;
margin: 0;
padding: 15px 10px;
outline: none;
cursor: pointer;
text-decoration: none;
color: #fff;
display: block;
float: left;
border-radius: 4px;
text-transform: uppercase;
font: 400 14px "Arial", sans-serif;
font-size: 0.875rem;
background: #3DBF32;
margin-top:12px!important;
margin-bottom:0!important;
}
body.page .column-left .article{margin-bottom:20px;}
.header .logo a span{text-transform:none;}
.wp-caption-text{margin-bottom:10px!important;padding-top:5px;}
#main{min-height: 400px;}
body{margin-top:0!important;}/**/h1 {
font: bold 30px "Arial", sans-serif;
font-size: 1.875rem;
color: #121420; }
h2 {
font: bold 24px "Arial", sans-serif;
font-size: 1.5rem;
color: #121420; }
h3 {
font: bold 20px "Arial", sans-serif;
font-size: 1.25rem;
color: #121420; }
h4 {
font: bold 15px "Arial", sans-serif;
font-size: 0.9375rem;
color: #121420; }
img {
width: 100%; }
.center {
text-align: center; }
input[type="text"],
input[type="email"],
textarea {
border: 2px solid #eaeaea;
border-radius: 4px;
background: #fff;
padding: 15px;
width: 100%;
outline: none;
float: left;
font: 400 18px "Arial", sans-serif;
font-size: 1.125rem;
-webkit-transition: border 0.3s ease;
-moz-transition: border 0.3s ease;
-ms-transition: border 0.3s ease;
-o-transition: border 0.3s ease;
transition: border 0.3s ease; }
input[type="text"]:hover,
input[type="email"]:hover,
textarea:hover {
border: 2px solid #BABABA; }
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 2px solid #D4D4D4; }
textarea {
resize: none; } html {
-webkit-text-size-adjust: 100%; }
body {
font: 400 16px "Arial", sans-serif;
font-size: 1rem;
color: #555555;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
margin-top: 46px; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after {
clear: both; }
b, strong {
font-weight: 700; }
a {
color: #121420;
cursor: pointer !important;
text-decoration: none; }
a:hover {
color: #000000; }
#main a {
text-decoration: underline; }
p {
font: 400 16px "Arial", sans-serif;
font-size: 1rem;
color: #555555;
line-height: 130%; }
p.intro {
font: 400 22px "Arial", sans-serif;
font-size: 1.375rem; }
::-webkit-input-placeholder {
color: #121420; }
:-moz-placeholder {
color: #121420;
opacity: 1; }
::-moz-placeholder {
color: #121420;
opacity: 1; }
:-ms-input-placeholder {
color: #121420; }
.wrapper {
width: 1024px;
margin: 0 auto; }
.wrapper:before, .wrapper:after {
content: "";
display: table; }
.wrapper:after {
clear: both; }
.column-left {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px;
width: 66.6666666667%;
float: left; }
@media screen and (max-width: 480px) {
.column-left {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) {
.column-left {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.column-left {
float: left;
direction: ltr;
padding-left: 0;
padding-right: 0; } }
.column-right {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px;
width: 66.6666666667%;
float: right; }
@media screen and (max-width: 480px) {
.column-right {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) {
.column-right {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.column-right {
float: left;
direction: ltr;
padding-left: 0;
padding-right: 0; } }
.sidebar {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px;
width: 33.3333333333%;
float: left; }
@media screen and (max-width: 480px) {
.sidebar {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) {
.sidebar {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sidebar {
float: left;
direction: ltr;
padding-left: 0;
padding-right: 0; } }
.sidebar.right {
float: right; }
.button {
border: 0;
margin: 0;
padding: 15px 10px;
background: #D4D4D4;
outline: none;
cursor: pointer;
text-decoration: none;
color: #000000;
display: block;
float: left;
border-radius: 4px;
text-transform: uppercase;
font: 400 14px "Arial", sans-serif;
font-size: 0.875rem; }
.button.big {
padding: 19px 20px;
font: 700 16px "Arial", sans-serif;
font-size: 1rem; }
.button.rounded {
border-radius: 60px; }
.button.more:after {
content: '\26';
font-family: 'icons';
margin-left: 10px; }
.button.center {
float: none;
display: table;
margin: 0 auto; }
.button.white {
background: #fff; }
.button.white:hover {
background: #FAFAFA;
color: #121420; }
.button.green {
background: #3DBF32;
color: #fff; }
.button:hover {
color: #fff; }
#main .button {
text-decoration: none; } @font-face {
font-family: 'icons';
src: url(//spinnenbestrijden.com/resources/themes/ongedierte/assets/fonts/icons.eot?64184645);
src: url(//spinnenbestrijden.com/resources/themes/ongedierte/assets/fonts/icons.eot?64184645#iefix) format("embedded-opentype"), url(//spinnenbestrijden.com/resources/themes/ongedierte/assets/fonts/icons.woff?64184645) format("woff"), url(//spinnenbestrijden.com/resources/themes/ongedierte/assets/fonts/icons.ttf?64184645) format("truetype"), url(//spinnenbestrijden.com/resources/themes/ongedierte/assets/fonts/icons.svg?64184645#icons) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none; }
.icon-down-open-1:before {
content: '\21'; } .icon-left-open-1:before {
content: '\22'; } .icon-right-open-1:before {
content: '\23'; } .icon-up-open-1:before {
content: '\24'; } .icon-angle-left:before {
content: '\25'; } .icon-angle-right:before {
content: '\26'; } .icon-angle-up:before {
content: '\27'; } .icon-angle-down:before {
content: '\28'; } .icon-globe-1:before {
content: '\29'; } .icon-mail-alt:before {
content: '\2a'; } .icon-mail:before {
content: '\2b'; } .icon-mail-squared:before {
content: '\2c'; } .icon-ok-1:before {
content: '\2d'; } .icon-ok-circled:before {
content: '\2e'; } .icon-ok-circled2:before {
content: '\2f'; } .icon-ok-squared:before {
content: '\30'; } .icon-cancel-1:before {
content: '\31'; } .icon-cancel-circled-1:before {
content: '\32'; } .icon-cancel-circled2:before {
content: '\33'; } .icon-pencil-1:before {
content: '\34'; } .icon-trash:before {
content: '\35'; } .icon-trash-1:before {
content: '\36'; } .icon-phone:before {
content: '\37'; } .icon-menu:before {
content: '\38'; } .icon-cog-1:before {
content: '\39'; } .icon-wrench:before {
content: '\3a'; } .icon-sliders:before {
content: '\3b'; } .icon-calendar-1:before {
content: '\3c'; } .icon-calendar-empty:before {
content: '\3d'; } .icon-align-justify:before {
content: '\3e'; } .icon-sort:before {
content: '\3f'; } .icon-sort-down:before {
content: '\40'; } .icon-sort-up:before {
content: '\41'; } .icon-lightbulb:before {
content: '\42'; } .icon-clock:before {
content: '\43'; } .icon-print-1:before {
content: '\44'; } .icon-attention-alt:before {
content: '\45'; } .icon-home-1:before {
content: '\46'; } .icon-info-:before {
content: '\47'; } .icon-info-circle:before {
content: '\48'; } .icon-help-circle:before {
content: '\49'; } .icon-help:before {
content: '\4a'; } .icon-camera-1:before {
content: '\4b'; } .icon-camera-alt:before {
content: '\4c'; } .icon-picture-1:before {
content: '\4d'; } .icon-plus-1:before {
content: '\4e'; } .icon-plus-circle:before {
content: '\4f'; } .icon-plus-squared:before {
content: '\50'; } .icon-plus-squared-alt:before {
content: '\51'; } .icon-minus-1:before {
content: '\52'; } .icon-minus-circle:before {
content: '\53'; } .icon-minus-squared:before {
content: '\54'; } .icon-minus-squared-alt:before {
content: '\55'; } .icon-pin:before {
content: '\56'; } .icon-attention:before {
content: '\57'; } .icon-attention-circle:before {
content: '\58'; } .icon-location-1:before {
content: '\59'; } .icon-direction:before {
content: '\5a'; } .icon-link-ext-alt:before {
content: '\5b'; } .icon-pencil-squared:before {
content: '\5c'; } .icon-search-1:before {
content: '\5d'; } .icon-star-1:before {
content: '\5e'; } .icon-star-empty:before {
content: '\5f'; } .icon-block:before {
content: '\60'; } .icon-right-dir:before {
content: '\61'; } .icon-left-dir:before {
content: '\62'; } .icon-up-dir:before {
content: '\63'; } .icon-down-dir:before {
content: '\64'; } .icon-sun:before {
content: '\65'; } [class*="grid-"] {
width: 100%; }
#main .column-left {
padding-right: 80px; } .cta-phone {
border: 1px solid #D4D4D4;
padding: 20px;
text-decoration: none; }
.cta-phone h3:before {
font-family: 'icons';
content: '\37';
margin: 0 10px 0 0;
float: left; }
.cta-article {
background: #3DBF32;
text-decoration: none !important;
float: left;
width: 100%;
border-radius: 0 0 4px 4px;
padding: 20px;
color: #fff;
text-shadow: 0 1px 0 #287F21;
margin: 0 0 20px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; }
.cta-article * {
color: #fff; }
.cta-article span.icon {
float: left;
font: 400 39px "icons" sans-serif;
font-size: 2.4375rem;
margin-right: 20px; }
.cta-article:hover {
background: #287F21; }
.cta-article:hover * {
color: #fff !important; } .header {
width: 100%;
background: #ccb16a;
padding: 20px 0; }
.header .wrapper {
padding: 0 10px; }
.header .logo {
float: left;
font: 700 26px "Arial", sans-serif;
font-size: 1.625rem;
display: block;
padding: 34px 0;
margin-right: 20px; }
.header .logo a {
color: #fff;
text-shadow: 0 2px 0 #AF995C; }
.header .logo a span {
font: 400 16px "Arial", sans-serif;
font-size: 1rem;
display: block;
text-transform: lowercase;
text-decoration: none; }
.header .ongedierte_image {
width: auto;
float: left;
max-width: 150px;
float: left; }
.header .cta-phone {
float: right;
border-radius: 4px;
border: 0;
color: #fff;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
background: #3DBF32; }
.header .cta-phone * {
color: #fff; }
.header .cta-phone span {
color: #1D6019; }
.header .cta-phone:hover {
background: #287F21; } .navigation {
background: #AF995C; }
.navigation .wrapper {
padding: 0 10px; }
.navigation li {
float: left; }
.navigation li a {
float: left;
display: block;
padding: 20px 11px;
color: #F7D781;
text-transform: uppercase;
font: 700 15px "Arial", sans-serif;
font-size: 0.9375rem;
border-right: 1px solid #AA9457;
text-shadow: 0 1px 1px #867748; }
.navigation li a:hover,
.navigation li.current_page_item a {
background: #AA9457; }
.navigation li.last a {
border-right: 0; }
.navigation li.home a:before {
font-family: 'icons';
content: '\46'; } .breadcrumbs {
background: #eee; }
.breadcrumbs ul {
font-size: 0.875rem;
padding: 0 10px; }
.breadcrumbs ul span {
float: left;
display: block;
cursor: pointer; }
.breadcrumbs ul span a {
padding: 15px 6px;
float: left;
color: #A9A9A9;
text-decoration: none !important; }
.breadcrumbs ul span a.home {
padding-left: 0; }
.breadcrumbs ul span a.current-item {
color: #3f3f3f; }
.breadcrumbs ul span:after {
font-family: 'icons';
content: '\26';
margin: 0 17px 0 15px;
padding: 15px 0;
float: left;
color: #BCBCBC; }
.breadcrumbs ul span:last-child:after {
display: none; } .benefits {
padding: 40px 0; }
.benefits li {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px;
width: 20%;
border-right: 1px solid #eaeaea; }
@media screen and (min-width: 1px) and (max-width: 400px) {
.benefits li {
float: left;
direction: ltr;
padding-left: 10px;
padding-right: 10px; } }
@media screen and (min-width: 401px) and (max-width: 767px) {
.benefits li {
float: left;
direction: ltr;
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.benefits li {
float: left;
direction: ltr;
padding-left: 0;
padding-right: 0; } }
.benefits li:last-child {
border-right: 0; }
.benefits li:before {
font-family: 'icons';
background: #3DBF32;
border-radius: 40px;
content: '\2d';
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
margin: 0 10px 0 0;
float: left;
color: #fff; } .article {
background: #F8F8F8;
border-radius: 4px 4px 0 0;
overflow: hidden;
float: left; }
.article .content {
padding: 20px; }
.article h2,
.article .content h1{
margin-bottom: 20px;clear:both; }
.article p {
margin-bottom: 20px; }  .sidebar section,
.sidebar .popular-posts {
border-top: 4px solid #E8E8E8;
padding: 40px 20px;
float: left;
width: 100%; }
.sidebar section .button {
width: 100%;
float: left;
text-align: center; }
.sidebar section h3,
.sidebar section p,
.sidebar .popular-posts h3 {
margin-bottom: 20px; } .sidebar section.search-widget {
position: relative; }
.sidebar section.search-widget input {
width: 75%;
float: left;
border-radius: 4px 0 0 4px; }
.sidebar section.search-widget .button {
width: 25%;
border-radius: 0;
padding: 20px 10px 19px;
border-radius: 0 4px 4px 0; } .sidebar section.cta-widget a {
float: left;
border: 0;
padding: 0;
text-decoration: none !important; }
.sidebar section.cta-widget a h3 {
margin-bottom: 0; } .sidebar section.list-widget li,
.sidebar .popular-posts li {
margin-bottom: 10px; }
.sidebar section.list-widget li:last-of-type,
.sidebar .popular-posts li:last-of-type {
margin-bottom: 0; } .sidebar section.quote-widget li {
position: relative;
padding: 0 30px;
margin-bottom: 20px; }
.sidebar section.quote-widget li:before,
.sidebar section.quote-widget li:after {
position: absolute;
left: 0;
top: -5px;
font: 400 40px "Arial", sans-serif;
font-size: 2.5rem;
content: '”'; }
.sidebar section.quote-widget li:after {
left: auto;
top: auto;
right: 0;
bottom: -25px; } .sidebar section.icon-widget li {
margin-bottom: 20px;
float: left;
width: 100%; }
.sidebar section.icon-widget li span {
width: 40px;
height: 40px;
background: #3DBF32;
padding: 10px;
border-radius: 50px;
margin-right: 20px;
text-align: center;
font: 400 19px "Arial", sans-serif;
font-size: 1.1875rem;
color: #fff;
float: left; }
.sidebar section.icon-widget li span:before {
position: relative;
top: -1px; }
.sidebar section.icon-widget li p {
float: left;
width: 78%;
display: inline-block;
font: 400 16px "Arial", sans-serif;
font-size: 1rem; } .wp-pagenavi {
float: right;
margin: 20px 0 20px; }
.wp-pagenavi:first-of-type {
margin-top: 0; }
.wp-pagenavi span,
.wp-pagenavi a {
line-height: 25px;
margin-right: 10px;
text-align: center;
font-size: 14px;
min-width: 29px;
min-height: 29px;
position: relative;
display: inline-block;
float: left;
border: 2px solid #eee;
border-radius: 4px;
text-decoration: none !important; }
.wp-pagenavi a:hover {
border: 2px solid #D4D4D4; }
.wp-pagenavi a.first,
.wp-pagenavi a.last {
display: none; }
.wp-pagenavi span.pages {
margin-right: 10px;
text-transform: uppercase;
padding: 0 10px; }
.wp-pagenavi span.extend {
display: none; }
.wp-pagenavi span.current {
border: 1px solid #eee;
background: #eee;
color: #121420; }
.wp-pagenavi a b,
.wp-pagenavi span b {
display: none; }
.wp-pagenavi a.nextpostslink {
margin-right: 0; }
.wp-pagenavi a.nextpostslink:before {
font-family: 'icons';
content: '\26'; }
.wp-pagenavi a.previouspostslink:before {
font-family: 'icons';
content: '\25'; }
.wp-pagenavi a b {
position: absolute;
top: -9999999px;
left: -9999999px; } .footer {
background: #121420;
padding: 60px 0 0; }
.footer ul.list {
float: left;
width: 33.33%; }
.footer ul.list li {
margin-bottom: 4px; }
.footer ul.list li:first-child {
font: 700 16px "Arial", sans-serif;
font-size: 1rem;
margin-bottom: 10px;
pointer-events: none; }
.footer ul.list li:first-child a {
color: #fff; }
.footer ul.list li a {
color: #444652;
display: block; }
.footer ul.list li a:hover {
color: #606373; }
.footer .cta-phone {
background: #444652;
border-radius: 4px;
border: 0;
float: left; }
.footer .cta-phone * {
color: #fff; }
.footer .bottom-nav {
background: #0A0B13;
margin-top: 60px;
padding: 20px 0; }
.footer .bottom-nav > * {
font: 400 12px "Arial", sans-serif;
font-size: 0.75rem; }
.footer .bottom-nav ul {
width: 100%; }
.footer .bottom-nav ul li {
float: left;
margin-right: 30px; }
.footer .bottom-nav ul li a {
color: #444652; }
.footer .bottom-nav p {
font: 400 12px "Arial", sans-serif;
font-size: 0.75rem;
text-align: right; } .bar {
background: #3DBF32;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
box-shadow: 0px -3px 2px 3px rgba(0, 0, 0, 0.33); }
.bar .wrapper {
padding: 0 10px; }
.bar p {
float: left;
padding: 13px 0;
color: #fff;
font: 700 15px "Arial", sans-serif;
font-size: 0.9375rem; }
.bar .button {
float: right;
border-radius: 0;
font-weight: bold; }
.message {
background: #fff;
background: #ccb16a;
position: fixed;
bottom: -207px;
right: 20px;
width: 300px;
height: 200px;
padding: 20px;
border-radius: 4px 4px 0 0;
-webkit-transition: bottom 0.3s ease-in-out;
-moz-transition: bottom 0.3s ease-in-out;
-ms-transition: bottom 0.3s ease-in-out;
-o-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
-webkit-transition: all 500ms cubic-bezier(0.935, 0, 0.11, 1); -webkit-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
-moz-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
-o-transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65);
transition: all 500ms cubic-bezier(0.935, -0.55, 0.11, 1.65); }
.message.show {
bottom: -37px; }
.message.show.hidden,
.message.hidden {
bottom: -207px; }
.message p {
margin-bottom: 20px;
color: #fff;
font: 400 16px "Arial", sans-serif;
font-size: 1rem; }
.message .button {
font-weight: bold;
width: 100%;
text-align: center; }
.message span.close {
position: absolute;
top: -7px;
right: -7px;
background: #AF5C5C;
color: #FFF;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 20px;
font-size: 12px;
cursor: pointer; }
#open_nav {
display: none;
position: fixed;
top: 15px;
left: 0;
background: #3DBF32;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 #287F21;
border-radius: 4px;
cursor: pointer;
z-index: 3; } @media screen and (max-width: 1024px) {
.ongedierte_image {
display: none; }
.wrapper {
width: 100%; }
.sidebar section {
padding: 40px 10px; }
#main .column-left {
padding-right: 10px; }
.message {
right: 10px;
width: 302px; }
.navigation li a {
font: 700 12.5px "Arial", sans-serif;
font-size: 0.78125rem;
padding: 20px 6px; }
.navigation li:first-child {
display: none; }
.sidebar section.icon-widget li span {
margin-right: 0; }
.sidebar section.icon-widget li p {
padding-left: 20px; } }
@media screen and (max-width: 768px) {
h1 {
font: bold 26px "Arial", sans-serif;
font-size: 1.625rem; }
h2 {
font: bold 20px "Arial", sans-serif;
font-size: 1.25rem; }
h3 {
font: bold 16px "Arial", sans-serif;
font-size: 1rem; }
h4 {
font: bold 14px "Arial", sans-serif;
font-size: 0.875rem; }
body {
margin-top: 0; }
.sidebar,
.bar,
.benefits li:nth-child(4),
.benefits li:nth-child(5),
.ongedierte_image {
display: none; }
#main .column-left {
width: 100%; }
.benefits li {
text-align: center;
width: 33.33%; }
.benefits li:nth-child(3) {
border-right: 0; }
.benefits li:before {
margin: 0 auto 20px;
float: none;
display: table; }
.header .cta-phone {
max-width: 35%;
padding: 10px; }
.header .logo {
font: 700 20px "Arial", sans-serif;
font-size: 1.25rem;
margin: 0;
max-width: 63%;
}
.header .logo a span {
font: 400 13px "Arial", sans-serif;
font-size: 0.8125rem;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
height: 15px;
white-space: nowrap;
}
.navigation .wrapper {
padding: 0; }
.navigation li {
width: 33.33%;
min-height: 58px; }
.navigation li:first-child {
display: block; }
.navigation li a {
width: 100%;
text-align: center;
min-height: 58px;
padding: 20px 11px;
border-bottom: 1px solid #AA9457; }
.footer .bottom-nav .column-left,
.footer .column-left {
width: 100%; }
.footer .bottom-nav .sidebar {
display: block;
width: 100%;
padding-top: 20px; }
.footer .bottom-nav ul {
float: none;
display: table;
margin: 0 auto;
width: auto; }
.footer .bottom-nav .sidebar p {
text-align: center; } }
@media screen and (max-width: 480px) {
.wp_rp_wrap{display: none;}
h1 {
font: bold 26px "Arial", sans-serif;
font-size: 1.625rem; }
h2 {
font: bold 20px "Arial", sans-serif;
font-size: 1.25rem; }
h3 {
font: bold 16px "Arial", sans-serif;
font-size: 1rem; }
h4 {
font: bold 14px "Arial", sans-serif;
font-size: 0.875rem; }
body {
margin-top: 75px!important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
left: 0; }
body.open {
left: 240px; }
body.open #main {
overflow: hidden;
height: 100%; }
.wrapper {
width: 100%; } .bar,
.ongedierte_image,
.benefits,
.breadcrumbs {
display: none; }
.navigation {
width: 240px;
height: 100vh;
position: fixed;
top: 75px;
left: -240px;
z-index: 2;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.navigation .wrapper {
padding: 0; }
.navigation li {
width: 100%; }
.navigation li a {
width: 100%;
border-right: 0; }
.navigation li:first-of-type {
display: none; }
#open_nav,
.navigation.active {
display: block; }
.navigation.active {
left: 0; }
#open_nav.active {
background: #287F21; }
.header {
padding: 0; margin-bottom:20px;}
.header .wrapper {
padding: 0; }
.header .logo {
font: 700 18px "Arial", sans-serif;
font-size: 1.125rem;
padding: 20px 10px;
width: 100%;
background: #ccb16a;
position: fixed;
top: 0;
left: 0;
z-index: 2;max-width: 100%;}
.header .logo a span {
font: 400 12px "Arial", sans-serif;
font-size: 0.75rem; 
max-width: 80%;
}
.header .cta-phone {
width: 100%;
border-radius: 0;
max-width: 100%; }
.navigation li {
min-height: 1px; }
.navigation li a {
font: 700 15px "Arial", sans-serif;
font-size: 0.9375rem;
min-height: 1px; }
#main .column-left {
padding: 0;
width: 100%; }
.sidebar {
display: none; }
.wp-pagenavi {
margin: 20px 0;
padding: 0 10px; }
.column-left iframe{height: 240px;}
.article {
border-bottom: 1px solid #eee;
background: none;
margin-bottom: 20px;
border-radius: 0; }
.home .article:last-of-type,
.home .article:first-of-type {
margin-bottom: 0; }
.home .article:first-of-type {
border-bottom: 0; }
.cta-article {
border-radius: 0; }
.cta-article span.icon {
font: 400 60px "icons" sans-serif;
font-size: 3.75rem; }
.message {
width: 100%;
border-radius: 0;
right: 0; }
.message span.close {
right: 10px; }
.footer {
padding: 40px 0 0; }
.footer .column-left {
width: 100%; }
.footer ul.list {
float: left;
width: 50%; }
.footer ul.list:last-of-type {
display: none; }
.footer ul.list li {
margin-bottom:0; }
.footer ul.list li a{padding: 15px 0;}
.footer ul.list li:first-child {
font: 700 16px "Arial", sans-serif;
font-size: 1rem;
pointer-events: none; }
.footer .bottom-nav {
margin-top: 40px; }
.footer .bottom-nav ul {
float: none;
display: table;
margin: 0 auto;
width: auto; }
.footer .bottom-nav ul li {
margin-right: 10px;
font: 400 8px "Arial", sans-serif;
font-size: 0.5rem; } }
#ongedierteForm{
margin-top: 20px;
}
.form__label{
display: block;
width: 100%;
float: left;
margin-bottom: 20px;
}
.form__label--half{
width: 48%;
margin-right: 4%;
}
.form__label--last{
margin-right: 0;
}
.form__label input,
.form__label textarea{
margin-top: 10px;
}
.form__label input::-webkit-input-placeholder,
.form__label textarea::-webkit-input-placeholder { color: #ccc; }
.form__label input:-moz-placeholder,
.form__label textarea:-moz-placeholder { color: #ccc; }
.form__label input::-moz-placeholder,
.form__label textarea::-moz-placeholder { color: #ccc; }
.form__label input:-ms-input-placeholder,
.form__label textarea:-ms-input-placeholder { color: #ccc; }
@media screen and (max-width: 1024px) {
.form__label--half{
width: 100%;
}
}