@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
src: url(//www.grimmen.de/fonts/inter-v12-latin-300.eot); src: local(''),
url(//www.grimmen.de/fonts/inter-v12-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.grimmen.de/fonts/inter-v12-latin-300.woff2) format('woff2'), url(//www.grimmen.de/fonts/inter-v12-latin-300.woff) format('woff'), url(//www.grimmen.de/fonts/inter-v12-latin-300.ttf) format('truetype'), url(//www.grimmen.de/fonts/inter-v12-latin-300.svg#Inter) format('svg'); } @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url(//www.grimmen.de/fonts/inter-v12-latin-regular.eot); src: local(''),
url(//www.grimmen.de/fonts/inter-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.grimmen.de/fonts/inter-v12-latin-regular.woff2) format('woff2'), url(//www.grimmen.de/fonts/inter-v12-latin-regular.woff) format('woff'), url(//www.grimmen.de/fonts/inter-v12-latin-regular.ttf) format('truetype'), url(//www.grimmen.de/fonts/inter-v12-latin-regular.svg#Inter) format('svg'); } @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src: url(//www.grimmen.de/fonts/inter-v12-latin-600.eot); src: local(''),
url(//www.grimmen.de/fonts/inter-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.grimmen.de/fonts/inter-v12-latin-600.woff2) format('woff2'), url(//www.grimmen.de/fonts/inter-v12-latin-600.woff) format('woff'), url(//www.grimmen.de/fonts/inter-v12-latin-600.ttf) format('truetype'), url(//www.grimmen.de/fonts/inter-v12-latin-600.svg#Inter) format('svg'); } @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
src: url(//www.grimmen.de/fonts/inter-v12-latin-800.eot); src: local(''),
url(//www.grimmen.de/fonts/inter-v12-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.grimmen.de/fonts/inter-v12-latin-800.woff2) format('woff2'), url(//www.grimmen.de/fonts/inter-v12-latin-800.woff) format('woff'), url(//www.grimmen.de/fonts/inter-v12-latin-800.ttf) format('truetype'), url(//www.grimmen.de/fonts/inter-v12-latin-800.svg#Inter) format('svg'); }
:root {
--text-3xl: 4.5rem; --text-2xl: 2.125rem; --text-xl: 1.75rem; --text-lg: 1.5rem; --text-md: 1.25rem; --text-base: 1.125rem; --text-kontakt: 1.rem; --text-sm: 0.875rem; --font-main: 'Inter';
--font-thin: 300;
--font-normal: 400;
--font-bold: 600;
--font-extrabold: 800;
}
html {
font-size: 100%;
}
body {
font-family: var(--font-main);
color: #0f0f0f;
}
h1,
h2,
h3,
h4,
h5,
p {
font-family: var(--font-main);
font-weight: 400;
}
.row .col.section-title h1 {
font-family: var(--font-main)!important;
font-weight: 600;
font-size: var(--text-2xl);
}
.home-title {
filter: drop-shadow(0 0 0.75rem #0f0f0f);
font-size: var(--text-3xl);
font-weight: 800;
}
.home-subtitle {
filter: drop-shadow(0 0 0.75rem #0f0f0f);
font-weight: 800;
}
h1 {
font-size: var(--text-2xl);
}
h2 {
font-size: var(--text-xl);
font-weight: 600;
}
h3,
h4,
h5 {
font-size: var(--text-lg);
font-weight: 600;
} h6,
.more-link span {
font-family: var(--font-main);
font-size: var(--text-base);
font-weight: 400;
}
.text-3xl,
.text-3xl p {
font-size: var(--text-3xl);
line-height: 140%;
font-weight: 600;
}
.text-2xl,
.text-2xl p {
font-size: var(--text-2xl);
line-height: 140%;
}
.text-xl,
.text-xl p {
font-size: var(--text-xl);
line-height: 140%;
}
.text-lg,
.text-lg p {
font-size: var(--text-lg);
line-height: 140%;
}
.text-md,
.text-md p {
font-size: var(--text-md);
line-height: 140%;
}
.text-base,
ul, li {
font-size: var(--text-base);
line-height: 140%;
}
.text-sm,
.text-sm p {
font-size: var(--text-sm);
line-height: 140%;
}
.text-kontakt,
.text-kontakt p {
font-size: var(--text-kontakt);
line-height: 180%;
}
.font-thin {
font-weight: var(--font-thin);
}
.font-normal {
font-weight: var(--font-normal);
}
.font-bold {
font-weight: var(--font-bold);
}
.font-extrabold {
font-weight: var(--font-extrabold);
}
.columns-2 {
column-count: 2;
column-gap: 20px;
}
body[data-hhun="1"] #header-outer.detached {
z-index: 12001;
}
.ascend #header-outer[data-transparent-header=true][data-remove-border=false]:not(.transparent) #header-secondary-outer {
display: none;
}
#header-secondary-outer, #header-outer #header-secondary-outer, body #header-outer #mobile-menu .secondary-header-text {
background-color: #ffffff00;
}
#top nav>ul>li>a,
#header-outer .sf-menu li ul li a {
font-size: var(--text-base);
line-height: 140%;
}
#header-outer .sf-menu li ul li a .menu-title-text {
font-size: var(--text-base);
}
#header-outer .sf-menu li ul li a .item_desc,
.nectar-ext-menu-item .menu-item-desc {
font-size: 12px;
line-height: 140%!important;
margin-top: 6px;
}
p {
font-size: var(--text-base);
line-height: 160%;
}
p a {
text-decoration: underline;
text-underline-offset: 2px;
color: inherit;
font-weight: inherit;
}
p a:hover {
color: #b30005;
}
b,
bold,
strong {
font-family: var(--font-main);
font-weight: 600;
}
#search-outer #search input[type=text] {
font-family: var(--font-main);
font-weight: 400;
}
#single-below-header, .post-header {
font-size: var(--font-sm);
color: #0f0f0f;
}
span.category, .post-category, .meta-category, .category-label {
display: none;
}
.menuitemimg a:focus-visible {
outline: 2px solid #000!important; outline-offset: 1px; border-radius: 4px; }
.menuitemimg .menu-title-text:after {
border-top: none!important;
}
.portfolio-items .col .work-item.style-3-alt .work-info >a:focus-visible {
outline: 2px solid #f00!important; outline-offset: 1px; border-radius: 4px; }
.nectar-button,
body[data-form-submit="regular"] button[type="submit"] {
font-family: var(--font-main);
}
.wpb_wrapper>div {
margin-bottom: 12px;
}
.material .wpb_content_element {
margin-bottom: 12px;
}
.sf-menu ul li {
font-size: var(--text-lg)!important;
}
.toggle>.toggle-title a {
font-size: var(--text-base);
line-height: 120%;
}
li.menu-item-1122 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text,
li.menu-item-1995 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text,
li.menu-item-763 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text,
li.menu-item-1212 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text,
li.menu-item-3012 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text,
li.menu-item-3445 > a .nectar-ext-menu-item:not(.style-img-above-text) .menu-title-text
{
font-weight: bold;
font-size: var(--text-lg)!important;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
font-family: var(--font-main)!important;
font-size: 30px!important;
line-height: 20px!important;
} .class="inner-wrap" {padding-top: 55px!important;} body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line {
background-color: #b30005!important;
}
div ul
#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc, #slide-out-widget-area.fullscreen-alt .menuwrapper li small {
display: none!important;
}
.bottom_controls {
display: none;
}
body.single .project-title .section-title {
padding: 0;
}
.single-portfolio .row .col.section-title h1 {
text-align: left;
} .boxzilla {
background: none!important;
margin-top:15%;
padding:0!important;
}
.box-icon {
background:#b30005;
padding:5px;
margin-bottom:20px!important;
color:#fff;
}
.boxzilla-content > :first-child,
.boxzilla-content > :last-child  {
padding:6px!important;
}
.boxzilla-logos-sidebar {
position: absolute!important;
}
#footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a {
height: 30px;
width: 30px;
line-height: 30px;
background-color: #1877f2;
border-radius: 100%;
}
.hintergrund-kontakt {
background: rgba(195, 54, 62);
display: inline !important;
padding: 8px;
}
body[data-header-color=custom]:not(.material) #header-secondary-outer nav>ul>li>a,
body #header-secondary-outer nav>ul>li>a,
body[data-header-color=custom]:not(.material) #header-secondary-outer,
#header-secondary-outer,
body[data-header-color=custom]:not(.material) #header-secondary-outer nav>ul>li:last-child,
#header-secondary-outer nav>ul>li:last-child {
border: none!important;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
font-size: 24px!important;
}
@media screen and (max-width: 768px) {
html {
font-size: 70%;
}
#slide-out-widget-area.fullscreen-alt .inner {
margin: 0!important;
padding: 0!important;
}
.boxzilla-logos-sidebar {
display: none!important;
}
}
@media screen and (min-width: 1290px) {
.slide-out-widget-area-toggle {
display: none!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;
-webkit-appearance: none;
font-size: 28px;
font-weight: bold;
line-height: 20px;
color: #000;
opacity: .5;
}
.boxzilla-close-icon:hover, .boxzilla-close-icon:focus {
opacity: .8;
}