@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.eot); src: local(''),
url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.woff) format('woff'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-regular.svg#Oswald) format('svg'); } @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
src: url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.eot); src: local(''),
url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.woff) format('woff'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/oswald-v40-latin-600.svg#Oswald) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.eot); src: local(''),
url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.woff) format('woff'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.eot); src: local(''),
url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.woff) format('woff'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.eot); src: local(''),
url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.woff) format('woff'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.eot); src: local(''),
url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.woff2) format('woff2'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.woff) format('woff'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.ttf) format('truetype'), url(//regs-am-rugard.de/fonts/roboto-v29-latin-700italic.svg#Roboto) format('svg'); }
:root {
--hauptfarbe: #f1bb55; --zwitfarbe: #94ad64; --drittfarbe: #243a3d; --viertfarbe: #141414 }
body {
font-family: 'Roboto';
font-weight: 400;
}
p,
li,
b,
bold,
strong,
em,
#search-outer #search input[type=text],
#page-header-bg h1 {
font-family: 'Roboto';
font-weight: 400;
}
p a {
color: #141414;
border-bottom: 1px solid #141414;
}
p a:hover {
color: var(--hauptfarbe);
border-color: var(--hauptfarbe);
}
b,
bold,
strong {
font-weight: 700;
}
em {
font-style: italic;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li,
.sf-menu ul li, .sf-menu ul li li {
font-family: 'Roboto';
font-weight: 400;
}
#top nav >ul >li >a,
#header-outer .sf-menu li ul li a {
font-size: 1.188rem;
line-height: 140%;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'Roboto';
font-weight: 700;
letter-spacing: 0.5px;
}
.text-normal,
p,
li {
font-size: 1.188rem;
line-height: 180%;
}
.nectar-button,
h6 {
font-size: 1.188rem;
line-height: 180%;
font-family: 'Roboto';
font-weight: 400;
}
.text-xl,
.text-xl p {
font-size: 1.375rem;
line-height: 180%;
}
.text-2xl,
.text-2xl p {
font-size: 1.625rem;
line-height: 180%;
}
.text-3xl,
.text-3xl p {
font-size: 3rem;
line-height: 140%;
}
.text-4xl,
.text-4xl p {
font-size: 4rem;
line-height: 140%;
}
.text-headline {
font-family: 'Oswald';
}
.unterstrich-hauptfarbe {
border-bottom: 4px solid var(--hauptfarbe);
display: inline;
}
.uppercase {
text-transform: uppercase;
}
@media only screen and (min-width: 1000px) {
.verticalborder {
border-right: 1px solid var(--viertfarbe);
}
} .boxzilla {
background: none!important;
margin-top:15%;
padding:0!important;
}
.box-icon {
background:#f1bb55;
padding:6px;
margin-bottom:15px;
color:#fff;
}
.boxzilla-content > :first-child,
.boxzilla-content > :last-child  {
padding:8px!important;
}
.boxzilla-close-icon {
color: #fff!important;
}#boxzilla-overlay,.boxzilla-overlay {
position: fixed;
background: rgba(0, 0, 0, 0.65 );
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10000;
}
.boxzilla-center-container {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 0;
text-align: center;
z-index: 11000;
line-height: 0;
} .boxzilla-center-container .boxzilla {
display: inline-block;
text-align: left;
position: relative;
line-height: normal;
}
.boxzilla {
position: fixed;
z-index: 12000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: white;
padding: 25px;
}
.boxzilla.boxzilla-top-left {
top: 0;
left: 0;
}
.boxzilla.boxzilla-top-right {
top: 0;
right: 0;
}
.boxzilla.boxzilla-bottom-left {
bottom: 0;
left: 0;
}
.boxzilla.boxzilla-bottom-right {
bottom: 0;
right: 0;
} .boxzilla-content > *:first-child {
margin-top: 0;
padding-top: 0;
}
.boxzilla-content > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.boxzilla-close-icon {
position: absolute;
right: 0;
top: 0;
text-align: center;
padding: 6px;
cursor: pointer;
font-size: 28px;
font-weight: bold;
line-height: 20px;
color: #000;
opacity: .5;
}
.boxzilla-close-icon:hover, .boxzilla-close-icon:focus {
opacity: .8;
}
.boxzilla-wobble {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: boxzilla-wobble;
}
@keyframes boxzilla-wobble {
from {
transform: none;
}
15% {
transform: translate3d(-21%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(18%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(6%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}