@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 300;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-300italic.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 400;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-italic.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 700;
src: url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.eot); src: local(''),
url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.woff2) format('woff2'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.woff) format('woff'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.ttf) format('truetype'), url(//ruehlfernwald.de/fonts/roboto-condensed-v19-latin-700italic.svg#RobotoCondensed) format('svg'); } html, body {
height:100%;
} 
html {font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
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, 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 {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; box-sizing:border-box}
ol, ul {list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left; vertical-align:middle}
a:hover, a:active {outline: 0;}
a img {border: 0;}
hr{border:none; display:block; height:1px; background-color:#ccc; margin:1.5em 0} .lastrow .ugb-card__item.ugb-card__item3, .lastrow .ugb-card__item.ugb-card__item2{background-color:transparent !important; border-color:#eeeeee !important;}
.lastnone .ugb-block-content .ugb-card__item.ugb-card__item3 {background-color:transparent !important; border-color:#eeeeee !important;} body{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:1.4em; color:#333; background-color:#eee}
a{text-decoration:none; color:#009a8c}
a:hover{text-decoration:none; color:#88bc2e}
h1{background-image:url(//ruehlfernwald.de/wp-content/uploads/2020/12/pinsel2.png); width:540px; height:58px; color:#fff; padding-left:40px; padding-top:5px; margin-top:40px; font-size:2em; margin-bottom:2em;}
h2{font-size:2em; margin-bottom:25px; margin-top:1em}
h3{font-size:1.8; color:#333; font-weight:bold !important}
h3 strong{color:#009a8c}
p, ul, ol{margin-bottom:25px;}
b, strong{font-weight:bold}
i, em{font-style:italic}
article ul{list-style-type:circle; margin-left:20px}
img{max-width:100%; height:auto}
a:hover img{opacity:0.8}
.blocks-gallery-item figure{border:1px solid #ccc}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target{background-color:#009a8c !important} .main .wp-block-media-text{
padding:30px !important;
margin-bottom:30px !important;
}
.clear{width:100%; height:0; display:block; clear:both}
.inner, article{max-width:1200px; margin:0; padding:0}
.cwm-recaptcha-container{border:1px dotted #ccc !important; padding:20px !important; margin:40px 0 !important}
div.wpforms-container-full .wpforms-form button[type="submit"]{background-color:#009a8c !important; color:#fff !important}
div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-label-inline, label.wpforms-error{font-size:1em !important; }
div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full label.wpforms-field-label-inline{font-size:1em !important; font-family: 'Roboto Condensed', sans-serif !important; font-weight:300 !important}
#cff.cff-default-styles .cff-date {
font-size: 16px !important; font-weight:bold
}
.wp-element-button{
margin-bottom:25px;
transition: all 0.3s linear 0s;
}
.wp-element-button:hover{
color:#fff;
transform:scale(1.1)
} #cff .cff-author-img{display:none !important}
#cff .cff-author .cff-author-text div.cff-page-name, #cff .cff-author .cff-author-text p.cff-date{margin-left:0 !important; margin:0 0 0 0 !important}
#cff .cff-author .cff-author-text p.cff-date{margin-top:10px !important}
#cff .cff-author .cff-date{font-size:1em !important; margin-top:10px !important; color:#88bc2e !important}
#cff.cff-default-styles .cff-post-links{padding-top:10px !important; margin-top:10px !important; border-top:1px dotted #ccc} a.logo{margin-left:-3px}
a.logo:hover{text-decoration:none; opacity:.8}
small{font-size:.75em; display:block; margin-top:-5px; color:#fff}
.teaser{background-color:#009a8c; width:240px; height:240px; border-radius:120px; color:#fff; text-align:center; position:absolute; z-index:9999999999; bottom:40px; right:40px; display:flex; justify-content:center; align-items:center; border:2px solid #fff; box-shadow:0 0 5px #666; font-weight:bold; font-size:1.3em; transition: all 0.3s linear 0s;}
.teaser:hover{background-color:#88bc2e; color:#fff}
.icon{width:75px; height:auto}
.contacticons{padding:30px}
.wp-block-cover{margin-bottom:20px}
.wp-block-cover a{color:#fff !important}
.wp-block-cover a:hover{text-decoration:underline} header{min-height: 100%; height:auto !important; height:100%; z-index:99999; padding:0px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
header{width:320px; background:rgba(0, 154, 140, 1); position:fixed}
.main{margin-left:320px; padding:40px 60px}
.wp-block-gallery{margin-bottom:0px !important}
.main ul{list-style-type: square; list-style-position: inside; margin-bottom:40px}
.main ul li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.main ul.blocks-gallery-grid li{margin-bottom:0; padding-bottom:0; border-bottom:none}
figcaption{text-align:center; color:#009a8c}
.wp-block-ugb-count-up{background-color:#009a8c; padding:40px 0 !important; color:#fff}
.wp-block-ugb-count-up .ugb-block-content h4, .wp-block-ugb-count-up .ugb-block-content p{color:#fff}
.wp-block-ugb-accordion.ugb-main-block{margin-top:0px !important; margin-bottom:2px !important; padding: 0 0 !important;}
.ugb-accordion.ugb-accordion--v2 .ugb-accordion__content .ugb-accordion__content-inner {padding: 25px 25px 25px 25px !important;}
.ugb-accordion__content-inner{background-color:#fff; color:#333}
.ugb-accordion__content-inner p{color:#333 !important}
.ugb-blog-posts__readmore a, a.button{display:inline-block; padding:10px 20px; background-color:#009a8c; color:#fff; font-weight:bold}
.ugb-blog-posts__readmore a:hover, a.button:hover{background-color:#88bc2e; text-decoration:none}
.ugb-blog-posts__meta{color:#009a8c !important;}
.ugb-blog-posts__featured-image{margin-bottom:0}
.ugb-accordion__heading h4{color:#fff !important}
.ugb-blog-posts .ugb-blog-posts__item{background-color:#fff; border:1px solid #ccc}
.ugb-blog-posts .ugb-blog-posts__item h6{text-align:center; padding:0 10px}
.page-id-103 .ugb-blog-posts__content{padding:30px}
.highlight.ugb-ec9d503 .ugb-accordion__heading::before, .highlight.ugb-ec9d503 .ugb-accordion__heading {background-color: #88bc2e !important;}
.ugb-main-block {margin-top: 0px !important; margin-bottom: 40px !important;} nav{margin-top:4.5em}
ul.menu{}
ul.menu li{}
ul.menu li a{text-transform: uppercase; color:#fff; display:block; padding:10px 30px}
ul.menu li a:hover, ul.menu li.current_page_item a{text-decoration:none; background-color:#88bc2e} figure a img {
transition: all 0.3s linear 0s;
border:1px solid #ccc
}
figure a:hover img {
opacity:.5
}
.wp-block-pullquote p{
font-family: "Georgia", "Garamond", serif;
}
.wp-block-pullquote{
border-top:3px solid #333;
border-bottom:3px solid #333;
}
blockquote{
width:50%;
margin:0 auto
}
.ugb-button{background-color:#009a8c !important;}
.ugb-button:hover{background-color: #88bc2e !important}
.main ul.blocks-gallery-grid li, .wp-block-media-text__media{margin-bottom:10px !important}
.ugb-accordion__content-inner{border:1px solid #ccc} footer{color:#fff; background-color:#009a8c; text-align:center; padding:30px 30px 10px 30px; border-top:4px solid #88bc2e; margin-top:40px}
footer a{color:#fff}
footer a:hover{color:#fff; text-decoration:none; opacity:.8} @media all and (max-width:1600px) {
body{font-size:1.2em}
header{width:280px}
.main{margin-left:280px}
nav{margin-top:3em}
h1{height:55px; padding-top:8px;}
a.teaser{display:none}
}
@media all and (max-width:1024px) {
header{min-height: 100px; height:100px !important; width:100%; background-color:#fff; position:relative; text-align:center}
.main{margin-left:0; padding:40px 60px}
a.logo img{width:250px}
.contacticons {padding: 0px; position:absolute; left:10px; top:5px; display:flex; flex-direction:column}
.icon {width: 50px; height: auto; }
nav{display:none}
h1{margin-top:120px;}
}
@media all and (max-width:999px) {
.main{padding:40px 30px}
}
@media all and (max-width:782px) {
.ugb-accordion.ugb-accordion--v2.ugb-accordion.ugb-accordion--design-basic .ugb-accordion__heading{padding:17px 35px !important}
}
@media all and (max-width:767px) {
.main{padding:40px 20px}
body{font-size:1em}
h1{background-image:url(//ruehlfernwald.de/wp-content/uploads/2021/04/pinsel3.png); width:425px; height:53px; padding-left:40px; padding-top:10px;}
}
@media all and (max-width:560px) {
h1{background-image:none; width:100%; height:auto; color:#009a8c; padding-left:0px; padding-top:0px; font-size:2.2em; margin-bottom:1em; margin-top:60px}
}
@media all and (max-width:450px) {
a.logo img{width:180px}
}
@media all and (max-width:980px) {
nav{display:none}
}