/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 29 2026 | 22:40:54 */
:root {
 --primary-color-theme: #58cfd4;
}
@font-face {
 font-family: 'Open Sans';
 src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
 url('../fonts/OpenSans-Regular.woff') format('woff');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}

/* Bold 700 */
@font-face {
 font-family: 'Open Sans';
 src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
 url('../fonts/OpenSans-Bold.woff') format('woff');
 font-weight: 700;
 font-style: normal;
 font-display: swap;
}

/* ExtraBold 800 */
@font-face {
 font-family: 'Open Sans';
 src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
 url('../fonts/OpenSans-ExtraBold.woff') format('woff');
 font-weight: 800;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Oswald';
 src: url('../fonts/Oswald-Light.woff2') format('woff2'),
 url('../fonts/Oswald-Light.woff') format('woff');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Oswald';
 src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
 url('../fonts/Oswald-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Oswald';
 src: url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
 url('../fonts/Oswald-SemiBold.woff') format('woff');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Bebas Neue';
 src: url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
 url('../fonts/BebasNeue-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Anton SC';
 src: url('../fonts/AntonSC-Regular.woff2') format('woff2'),
 url('../fonts/AntonSC-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
.grid-container {
max-width:100%;
}
.inside-article {
padding:0 !important;
}
.footer-widgets-container {
padding:0 !important;
}
.entry-title{
display:none !important;
}
.inside-header.grid-container {
max-width:1200px;
margin:auto;
}
.footer-widgets-container.grid-container {
 max-width: 100%;
}
/* Elementor Fix */

.nav-float-right #site-navigation {
margin-right: auto;
}
.entry-title,.site-info {
display:none;
}
.entry-content :is(p,li,a,h1,h2,h3,h4) {
color:#000;
}
.entry-content :is(p,li) {
 font-family: "Oswald", sans-serif !important;
font-size:20px;
font-weight:300 !important;
}
.entry-content ul {
margin:0 !important;
margin-left:15px !important;	
}
.entry-content :is(h1,h2,h3,h4) { 
hyphens:auto;
color:#000;
position:relative;
width:fit-content;
margin:auto;
margin-bottom:30px;
 font-family: "Bebas Neue" !important;
}
.entry-content :is(h2)::before { 
content:"";
height:7px;
width:50%;
background:var(--primary-color-theme);
position:absolute;
transform:translatex(-50%);
left:50%;
bottom: -12px;
}
#masthead {
border-bottom:1px solid #ccc;
}
.main-title a {
color:#226c9d !important;
text-transform:uppercase;
}
.site-content a {
color:#068b90 !important;
text-decoration:none !important;
font-weight:400;
}
#masthead a:hover {
color:var(--primary-color-theme) !important;
color:#000 !important;	
}
body {
background:#fff;
}
#top-outer {
background:#0d0546;
background:#000;
width:100%;
border-bottom: 4px solid var(--primary-color-theme);
overflow:auto;	
}
#top-wrap {
color:#fff;
display: flex;
column-gap: 30px;
width:100%;
max-width:1140px;
margin:auto;
padding: 5px;
font-size: 0.9em;
padding-left: 10px;
padding-right: 10px;
justify-content: center;
overflow:auto;	
}
#top-wrap a {
color:#fff;
text-decoration:none;
font-family: "Oswald", sans-serif !important;
font-weight: normal;
font-size:20px;
}
#top-wrap a:hover {
color:#58cfd4 !important;	
}
#top-wrap div::before {
 /*content: "";
 display: inline-block;
 width: 18px;
 height: 18px;
 position: relative;
 top: 4px;
 margin-right: 8px;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;*/
}
.inside-header {
 padding: 11px 40px;
}
#c-footer li {
margin-bottom:0 !important;
}
#c-footer *{
font-family: 'Open Sans' !important;
font-weight:bold !important;
color:#fff !important;
}
#masthead a {
font-weight:400 !important;
 font-family: "Anton SC", sans-serif !important;
text-transform:uppercase;
font-size: 23px;
padding-left:20px !important;
padding-right:20px !important;
color:#000;
}
.site-main {
margin:0 !important;
}
.entry-content {
margin-top:0 !important;
}


.entry-content h2 {
 font-size:50px;
 font-weight: 500 !important;
}
.strength h2 {
 font-weight: 800;
}
.c-header {
aspect-ratio:1920/600;
}
.entry-content h3 {
text-transform:uppercase;
 font-weight: 600;
font-size:40px !important;
}
.c-form {
background:#dbdbdb;
padding:30px;
}
.c-form :is(input:not([type='submit']),textarea) {
width:100% !important;
}
.custom-quiz {
display:none;
}
.elementor-button-text {
color:#fff !important;
}
.c-form input[type='submit'] {
background:#000 !important;
}
@media only screen and (max-width: 640px) {
#top-wrap {
flex-direction: column;
 align-items: center;
}
}

/* NEW */
.site-logo img {
max-width:200px !important;
}
.inside-article {
background:#f2f2f2 !important;
}
#masthead a:focus {
color:#000 !important;
}
.entry-content h1 {
text-transform:uppercase;
 font-weight: 500 !important;
color:#000 !important;
 font-family: "Bebas Neue", sans-serif !important;
font-size:74px !important;
}
.on-black :is(h1,h2,h3,p) {
color:#fff !important;
}
#masthead,#top-outer {
position:fixed;
top:0;
left:0;
width:100%;
z-index:100000;
}
.e-overlay * {
text-transform:none !important;
font-size:4vw !important;
color:#fff !important;
background-color:var(--primary-color-theme);
width:fit-content !important;
margin:auto !important;
padding: 0.6vw 2vw !important;
user-select:none !important;
pointer-events:none !important;
 font-family: 'Bebas Neue' !important;
}
.e-overlay div {
border-bottom:0.6vw solid #fff;
border-top:0.6vw solid #fff;
}
@media only screen and (max-width: 768px) {
.e-overlay * {
font-size:7vw !important;
padding: 1vw 3vw !important;
}
	#c-slider-wrap {
		_display:none !important;
	}
}
#top-outer .fas {
margin-right:7px;
top: -2px;
 position: relative;
 font-size: 18px;
}
#top-outer .fa-envelope {
 font-size: 22px;
top:1px;
}
.triple-black h3 {
margin-bottom:0 !important;
color:var(--primary-color-theme) !important;
}
#ueber-mich img {
border-radius:50%;
margin-bottom:20px;
}
#c-footer {
border-top:8px solid var(--primary-color-theme);
}
@media only screen and (min-width: 950px) {
.entry-content h1::before {
content:"";
height:3px;
width:100%;
background:var(--primary-color-theme);
position:absolute;
transform:translatex(-50%);
left:50%;
bottom:4px;
}
}
#leistungen :is(h2)::before { 
background:#000 !important;
}
#cmap {
border:none !important;
width:100% !important;

height:400px !important;
}
.inside-article {
position:relative;
}
.inside-article::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(https://mg-otterson.de/fileadmin/custom-website/wp-content/uploads/2026/03/pattern.png);
background-attachment: fixed;	
opacity:0.02;
}
#site-navigation {
background:transparent !important;
}
:is(.page-id-60,.page-id-58) .entry-content :is(h1,h2,h3,h4){
font-size:1.8em !important;
margin:15px 0 10px 0;
font-family: "Bebas Neue" !important;	
    font-weight: 600 !important;
    font-size: 40px !important	
}
:is(.page-id-60,.page-id-58) .entry-content h2::before {
display:none;
}
#top-wrap i {
transition:color 0.1s;	
}
.c-slider h3 {
margin-bottom:10px !important;	
}
.c-form::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(https://mg-otterson.de/fileadmin/custom-website/wp-content/uploads/2026/03/pattern.png);
background-attachment: fixed;	
opacity:0.03;
}

#c-slider-wrap {
aspect-ratio:1920/600;
}
#impressions-slider {
aspect-ratio:4/3 !important;
height:auto !important;
width:100% !important;	
}
#mobil-header h1  {
margin:0 auto 0 auto !important;
color:#fff !important;
padding: 15px 25px 5px 25px;
border-top:12px solid #58cfd4;
border-bottom:12px solid #58cfd4;		
background:#58cfd4;	
background:#000;
font-size: 68px !important;	
}
.c-mid::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(https://mg-otterson.de/fileadmin/custom-website/wp-content/uploads/2026/03/pattern.png);
background-attachment: fixed;	
opacity:0.05;
}
.stest {
height:100%;	
aspect-ratio:1920/600;	
}
.welcome h2::before {
width:0 !important;	
}
.welcome h3 {
font-weight:500 !important;	
}