/*
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Import
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
.hidden,
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 600;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	/*margin: 0.67em 0;*/
}

mark {
	background: #ff0;
	color: #000;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

small {
	font-size: 80%;
}

big {
  font-size: 125%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;object-fit:contain;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}


#wpforms-submit-38,
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}


#wpforms-submit-38,
button {
	overflow: visible;
}


#wpforms-submit-38,
button,
select {
	text-transform: none;
}


#wpforms-submit-38,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	/*-webkit-appearance: button;*/
	cursor: pointer;
}


#wpforms-submit-38,
button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
/*--------------------------------------------------------------
# @Font-Face
--------------------------------------------------------------*/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap; src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap; src: url('fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap; src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap; src: url('fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap; src: url('fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #184C69;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
  /* non-standard */
  -webkit-font-smoothing: antialiased; /* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;
}
/* Headlines
······························································*/
h1,
h2,
h4,
h5,
h6 {
  color: #E94F1D;
  font-family: "Roboto Slab", sans-serif;
  font-style: normal;
  font-weight: 700;
  /* non-standard */
  -webkit-font-smoothing: antialiased; /* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;
}
/* h1
······························································*/
h1 {
  font-size: 64px;
	font-size: 2.3rem;
	line-height: 1.2;
  /*margin-top: 1.5em;*/
  text-transform: uppercase;
  letter-spacing: 0.0625em; /* 16px x 0.0625 = 1px */
  max-width: 1064px;
  overflow: hidden;
  margin-top: 1em;
}
/* h2
······························································*/
h2 {
  font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.2;
  max-width: 1064px;
  overflow: hidden;
  margin-top: 2em;
}

/* h3
······························································*/

h3 {

	color: #184C69;

	font-family: "Roboto Slab", sans-serif;

	font-style: normal;

	font-weight: 700;
  
	/* non-standard */
  -webkit-font-smoothing: antialiased; 
	/* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;

	font-size: 28px;
	font-size: 2rem;

	line-height: 1.2;

}


.hf {
display:none;
}
/* h4
······························································*/
h4 {
  font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2;
}
/* h5
······························································*/
h5 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
}
/* p
······························································*/
p {
  margin-top: 1.5em;
	margin-bottom: 1.5em;
  max-width:880px;
}

.noline {
  border-top: 0 !important;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.0625em; /* 16px x 0.0625 = 1px */
}

.inverted {
  color:#ffffff;
}
#hero h1{
  margin-bottom: 12px;
}
#hero p{
  margin-top:12px;
  margin-bottom: 64px;
  max-width:800px;
}


/* -- Typography Breakpoints –– */

@media only screen and (max-width: 959px) {
  h1 {
    font-size: 48px;
    font-size: 3rem;
  }
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
  
h3 {

	color: #184C69;

	font-family: "Roboto Slab", sans-serif;

	font-style: normal;

	font-weight: 700;
  
	/* non-standard */
  -webkit-font-smoothing: antialiased; 
	/* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;

	line-height: 1.2;
	font-size: 20px;
	font-size: 1.5rem;
}
  
h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  ul,
  ol {
    margin-left: 1em;
  }
}

@media only screen and (max-width: 569px) {
  h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  
h3 {
	color: #184C69;

	font-family: "Roboto Slab", sans-serif;

	font-style: normal;

	font-weight: 700;
  
	/* non-standard */
  -webkit-font-smoothing: antialiased; 
	/* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;

	font-size: 16px;
	font-size: 1.25rem;
  
}
  h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  body, button, input, select, textarea {
    font-size: 16px;
    font-size: 1rem;
  }
  ul, ol {
    margin-left: 0;
    padding-left: 1em;
  }
}

/*
--------------------------------------------------------------
# Elements
--------------------------------------------------------------
*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background-color: #ffffff; /* Fallback for when there is no custom background color defined. */
}
hr {
  border-color:#8092A0; /* Chrome & Safari */
  background-color:#8092A0; /* Firefox & Opera */
  color:#8092A0; /* IE7+ */
}
/*
--------------------------------------------------------------
# Header
--------------------------------------------------------------
*/
.site-header {
  position:absolute;
  width:100%;
  height:90px;
  z-index:10;
  top:0;
  background-color: #ffffff;
}
#site-header-bottom-line {
  width: 100%;
  height: 6px;
  position:absolute;
  bottom:0;
  left:0;
  background-color: #E94F1D;
}

.site-header-main-con {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1264px;
  height:100%;
  padding-left: 32px;
  padding-right: 32px;

  display:flex;
  flex-direction: row; /* default */
  justify-content: flex-start; /* default */
  align-items: center;
}
/* Logo Container */
.site-branding {
  padding-top: 2px;
}
/* Navigation Container */
.navigation-con {
  margin-left:auto; /* pushes the navigation to the right */
}
/*
--------------------------------------------------------------
# Sections & Columns
--------------------------------------------------------------
*/
.section {
  /*max-width:1264px;*/
  max-width:1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}
.darkBG {
  background-color: #184C69;
}
.greyBG {
  background-color: #f4f4f4;
}
.left-col, .right-col, .left-colX, .right-colX  {
    width:49%;
    text-align: left;
    vertical-align:top;
    display:inline-block;
}
.left-col, .left-colX {
   padding-right: 64px; 
}
.right-col {
    padding-left: 64px;
    border-left: 1px solid #8092A0;
}
.right-colX {
    padding-left: 64px;
}
#contact .left-col, #contact .right-col, #contact .left-colX, #contact .right-colX {
  width:auto;
}



.borderTop {
    border-top: 1px solid;
    border-top-color: rgba(255,255,255,0.5);
}
/* 
-- Sections & Columns Breakpoints 
*/

@media only screen and (max-width: 959px) {
    .left-col, .right-col, .left-colX, .right-colX {
      
    }
}

@media only screen and (max-width: 569px) {
    .left-col, .right-col, .left-col p, .left-colX, .right-colX, .left-colX p {
        width:100%;
        display: block;
        text-align:center;
    }
    .left-col, .left-colX {
      padding-right: 0;
    }
    .right-col, .right-colX {
        padding-left: 0;
        border-left: 0;
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 480px) {
    #main {
      margin-top: 80px;
    }
}


/*--------------------------------------------------------------
# Hero Image / Enter Icon
--------------------------------------------------------------*/
/* hero-image div container – momentan nicht in Verwendung */
#hero {
    height:100%;
    margin-top:90px;
    overflow:hidden;
}

/* Responsiveness of Hero Image */

@media only screen and (max-width: 959px) {
    
#hero {
        /*background-size: auto 100%;*/
        /*background-position: right 25% top 0;*/
        /*background-position: center top;*/
    }

}

@media only screen and (max-width: 569px) {
    #hero.toggled {
        /*margin-top: 420px;*/
    }
    #enter.toggled {
        /*display:none;*/
    }
}
/*--------------------------------------------------------------
# Main Logo
--------------------------------------------------------------*/
.logo {
    background-image: url(/wp-content/uploads/2026/10/obsecom-logo.png);
    background-size: 204px 40px;
    background-repeat: no-repeat;
    width: 204px;
    height: 40px;
    cursor:pointer;
}
/*
--------------------------------------------------------------
# Countdown
--------------------------------------------------------------
*/
#countdown {
  color:#FFFFFF;
  margin-top:48px;
  margin-left:-24px;
}
.countdown-unit {
  display:inline-block;
  min-width: 200px;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.125em; /* 16px x 0.0625 = 1px */
  text-align: center;
  border-right:1px solid #FFFFFF;
  padding: 0 24px;
}
.countdown-unit:last-child {
  border-right:0;
}
.countdown-unit:first-child {
  
}
.countdown-unit > div {
  display:block;
  font-family: "Roboto Slab", sans-serif;
  font-style: normal;
  font-weight: 700;
  /* non-standard */
  -webkit-font-smoothing: antialiased; /* subpixel-antialiased */
  -moz-osx-font-smoothing: grayscale;
  font-size: 128px;
  font-size: 8rem;
  line-height: 1;
}
/* 
-- Countdown Breakpoints (mit 2 Zwischenschritten)
*/
@media only screen and (max-width: 959px) {
  #countdown {
    margin-left:-18px;
  }
  .countdown-unit {
    min-width: 164px;
    padding: 0 18px;
  }
  .countdown-unit > div {
    font-size: 104px;
    font-size: 6.5rem;
  }
}
@media only screen and (max-width: 719px) {
  #countdown {
    margin-left:-12px;
  }
  .countdown-unit {
    min-width: 120px;
    padding: 0 12px;
  }
  .countdown-unit > div {
    font-size: 72px;
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 569px) {
  #countdown {
    margin-top:32px;
    margin-left:-8px;
  }
  .countdown-unit {
    min-width: 84px;
    padding: 0 8px;
    font-size: 12px;
    font-size: 0.75rem;
  } 
  .countdown-unit > div {
    font-size: 48px;
    font-size: 3rem;
  }
}
@media only screen and (max-width: 419px) {
  #countdown {
    margin-top:24px;
    margin-left:-4px;
  }
  .countdown-unit {
    min-width: 60px;
    padding: 0 4px;
    font-size: 9px;
    font-size: 0.575rem;
  } 
  .countdown-unit > div {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
/*
--------------------------------------------------------------
# Icon Boxes
--------------------------------------------------------------
*/
#service-table {
  margin-top: 40px;
  margin-bottom: 64px;
}
.service-toplevel {

}

#service-sub-1, #service-sub-2{
}

.service-sublevel{
  display:none;
  /*padding-top:64px;*/
}

.service-sublevel > div {
  width:32.5%;
  display:inline-block;
  padding-left: 12px;
  padding-right:12px;
}

.iconbox {
  text-align:center;
  vertical-align: top;
}

.icon {
  margin-left: auto;
  margin-right: auto;
}
/* Icons sind 146 x 140 px im Original (2x = 292 x 280 px) */
.service-toplevel .icon {
  
}
.service-sublevel .icon {
  width:114px;
}
.iconbox > h3, .iconbox > h4 {
  margin-top:8px;
  margin-bottom: 16px;
}

.iconbox > p {
  margin-top:16px;
}

.service-sublevel-mobile {
  display:none;
}
/* 
-- Iconboxes Breakpoints
*/
@media only screen and (max-width: 959px) {
  .service-toplevel .icon {
    width:128px;
  }
  .service-sublevel .icon,
  .service-sublevel-mobile .icon {
    width:98px;
  }
}
/* Zwischen-Breakpoint für Single Column */
@media only screen and (max-width: 719px) {
  #service-table .left-col, #service-table .left-colX, #service-table .right-col, #service-table .right-colX {
    width:100%;
    display: block;
    text-align:center;
  }
  #service-table .left-col, #service-table .left-colX {
    padding-right: 0;
    margin-bottom: 64px;
  }
  #service-table .right-col, #service-table .right-colX {
    padding-left: 0;
    border-left: 0;
    margin-top: 64px;
    margin-bottom: 32px;
    padding-top: 32px;
    border-top: 1px solid #8092A0;
  }
  .service-sublevel > div,
  .service-sublevel-mobile > div {
    display:block;
    width:80%;
    margin-left: auto;
    margin-right:auto;
  }
}

@media only screen and (max-width: 569px) {
  .service-toplevel .icon {
    width:116px;
  }
  .service-sublevel .icon,
  .service-sublevel-mobile .icon {
    width:84px;
  }
  .service-sublevel > div,
  .service-sublevel-mobile > div {
    width:100%;
  }
}
/*
--------------------------------------------------------------
# News Text Slider (momentan nicht verwendet)
--------------------------------------------------------------
*/
#news-carousel {
    position: relative;
    text-align:center;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#news-buttons {
    display: none;
}
#slides {
    overflow: hidden;
    position:relative;
    width:100%;
    height:auto;
}
#slides ul {
    list-style: none;
    width:100%;
    height:200px;
    margin: 0;
    padding: 0;
    position: relative;
}
#slides li {
    float:left;
    width: 100%;
    height:200px;
}
#slides li h4{
    clear:left;
    width: 95%;
    margin-left:auto;
    margin-right:auto;
}
#slides li p{
    clear:left;
    width: 95%;
    margin-left:auto;
    margin-right:auto;
}
#stars-row {
    width: 400px;
    height: auto;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:24px;
}
.single-star {
    display:inline-block;
    width:18px;
    height:18px;
    margin-left:4px;
    margin-right:4px;
}

@media only screen and (max-width: 480px) {
    #news-carousel {
        width:300px;
    }
    #slides ul, #slides li {
        height:320px;
    }
    #stars-row {
        width:300px;
    }
}
/*
--------------------------------------------------------------
# Navigation
--------------------------------------------------------------
--------------------------------------------------------------
# Links
--------------------------------------------------------------
*/
a:not(.button) {
	color: #184C69;
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 3px;
  /* transition */
    -webkit-transition: color .3s ease, border-bottom-color .3s ease;
    -moz-transition: color .3s ease, border-bottom-color .3s ease;
    -o-transition: color .3s ease, border-bottom-color .3s ease;
    transition: color .3s ease, border-bottom-color .3s ease;
}
.noline a {
  border-bottom: 0;
  padding-bottom: 0;
}


a:visited {
	color: #184C69;
}

a:hover,
a:focus,
a:active {
	color: #E94F1D;
}

a:focus {
    outline: none;
}

a:hover,
a:active {
	outline: none;
  border-bottom: 1px solid;
  padding-bottom: 3px;
}

.inverted a:hover,
.inverted a:focus,
.inverted a:active {
  color: #FFFFFF;
}
.noarrow {
    outline: none;
    border-bottom: 0 !important;
    padding-bottom: 0;
}

.noarrow:before {
    content:'';
}
/*
--------------------------------------------------------------
# Forms und buttons
--------------------------------------------------------------
*/
form {
  /*max-width:800px;*/
}
form > div {
  display: inline-block;
  margin-top: 16px;
  margin-bottom:16px;
  min-width: 400px;
  /*max-width:800px;*/
  vertical-align: top;
}


#wpforms-submit-38,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-radius: 8px;
  background-color: #184C69;
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.125em; 
  padding: 16px 48px;
  border-style:none;
  border:0;
  text-decoration: none;

  /* transition */
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}


.button:visited {
  color: #ffffff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background-color: #E94F1D;
  color:#ffffff;
  border:0;
  padding: 16px 48px;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #E94F1D;
  color:#ffffff;
  border:0;
  padding: 16px 48px;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background-color: #E94F1D;
  color:#ffffff;
  border:0;
  padding: 16px 48px;
}

#wpforms-38-field_8,
#wpforms-38-field_9 {
    list-style: none;
    padding-left: 0;
}


#wpforms-38-field_1,
#wpforms-38-field_2,
#wpforms-38-field_3,
#wpforms-38-field_4,
#wpforms-38-field_5,
#wpforms-38-field_6,
#wpforms-38-field_7,
#wpforms-38-field_10,
#wpforms-38-field_11
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
  color: #184C69;
  border-style:none;
  border-bottom: 1px solid #8092A0;
  background:transparent;
  width:100%;
  padding: 4px;
  /* transition */
  -webkit-transition: background-color .6s ease;
  -moz-transition: background-color .6s ease;
  -o-transition: background-color .6s ease;
  transition: background-color .6s ease;
}


.wpforms-field-large,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #184C69;
  border-bottom-color: #184C69;
  background:#ffffff;
}


div.wpforms-container-full .wpforms-form .wpforms-field-label .wpforms-field-sublabel {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-family: "Roboto", sans-serif;
}


div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.wpforms-container.wpforms-inline-labels .wpforms-form .wpforms-field {
    color: #184C69;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.5;
}


label {
  display:block;
  color: #184C69;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.125em; 

}
fieldset {
  margin-top: 12px;
}
fieldset input{
  width:20%;
}
fieldset > label {
  width:70%;
  display:inline-block;
  color: #184C69;
  font-size: 14.4px;
  font-size: 0.9rem;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0; 
}
textarea {
  padding: 4px;
  width: 100%;
}
.inverted .button {
  background-color: #E94F1D;
  /* overriding a styles */
  color:#ffffff;
  border:0;
  padding: 16px 48px;
  /* transition */
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.inverted .button:hover {
  background-color: #ffffff;
  /* overriding a styles */
  color:#184C69;
  border:0;
  padding: 16px 48px;
}
/* 
-- Forms / buttons Breakpoints
*/
@media only screen and (max-width: 959px) {
  form > div {
    min-width: 45%;
    max-width: 45%;
  }
  form > div:nth-of-type(even) {
    margin-left:8%;
  }
}
@media only screen and (max-width: 569px) {
  form > div {
    display: block;
    min-width:100%;
  }
  form > div:nth-of-type(even) {
    margin-left:0;
  }
  fieldset{
    text-align: center;
  }
  fieldset > label{
    text-align: left;
  }
  form div:last-child {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
  .wpforms-container.wpforms-inline-labels .wpforms-form .wpforms-field {
    color: #184C69;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
  .wpforms-container.wpforms-inline-labels .wpforms-form .wpforms-field {
    color: #184C69;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
  }
}
/*
--------------------------------------------------------------
# Scroll Top button / Scroll Top Arrow
--------------------------------------------------------------
*/
#scroll-top {
  display: none;
  position:fixed;
  right:16px;
  bottom:42px;
}
.scroll-top-arrow {
  background-image: url(/wp-content/uploads/2023/02/arrow-up@2x.png);
  background-size: 54px 34px;
  background-repeat: no-repeat;
  width: 18px;
  height: 34px;
  cursor:pointer;
}
a .scroll-top-arrow:hover {
  background-position: -18px 0;
}
@media only screen and (max-width: 569px) {
  #scroll-top {
    bottom:64px;
  }
}
/*
--------------------------------------------------------------
# Selection
--------------------------------------------------------------
*/
::selection{
	background:#E94F1D;
	color:#ffffff;
	text-shadow: none;
}
::-moz-selection{
	background:#E94F1D;
	color:#ffffff;
	text-shadow: none;
}
/*
--------------------------------------------------------------
# Burger Icon
--------------------------------------------------------------
*/
/* Animation thanks to: callmenick.com, Animating CSS-Only Hamburger Menu-Icons */
.menu-burger {
    display:none;
    position:absolute;
    /*overflow:hidden;*/
    margin:0;
    padding:0;
    width:48px;
    height:48px;
    top:16px;
    right: 32px;
    font-size:0;
    text-indent:-9999px;
    appearance:none;
    box-shadow: none;
    border-radius:0;
    border:0;
    cursor:pointer;
}
.menu-burger:focus {
    outline:none;
}

/* –– Burger Lines –– */
.menu-burger span {
    display:block;
    position:absolute;
    top:22px;
    left:8px;
    right:8px;
    height:2px;
    background-color: #184C69;
    /*transition: background 0.3s;*/
}
.menu-burger span::before,
.menu-burger span::after{
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    background-color: #184C69;
    content:"";
    /*transition: background 0.3s;*/
}
.menu-burger span::before{
    top:-8px;
}
.menu-burger span::after{
    bottom:-8px;
}

/* –– To X Animation –– */
.menu-burger-x {
    background-color: none;
}
.menu-burger-x span {
    transition: background 0s 0.3s;
}
.menu-burger-x span::before,
.menu-burger-x span::after{
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
}
.menu-burger-x span::before{
    transition-property: top, transform;
}
.menu-burger-x span::after{
    transition-property: bottom, transform;
}
/* –– Active state, i.e. menu open –– */
.menu-burger-x.is-active {
    background-color: none;
}
.menu-burger-x.is-active span {
    background: none;
}
.menu-burger-x.is-active span::before {
    top: 0;
    transform: rotate(45deg);
}
.menu-burger-x.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
}
.menu-burger-x.is-active span::before,
.menu-burger-x.is-active span::after{
    transition-delay: 0s, 0.3s;
}
.menu-burger-tiny {
    top:84px !important;
}
@media only screen and (max-width: 959px) {
    .menu-burger {
        display:block;
    }

}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  text-align: center;
  vertical-align: middle;
  background-color:#184C69;
}
.site-info {
  color:#ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  margin-top: 12px;
}
.colophon-footer {
  text-align: center;
  margin:32px auto 32px; /* top horiz bottom */
}
.colophon-footer div {
  vertical-align: middle;
}
#xing-icon-footer {
  background-image: url(/wp-content/uploads/2026/10/xing-icon@2x.png);
}
#instagram-icon-footer {
  background-image: url(/wp-content/uploads/2026/10/instagram-icon@2x.png);
}
#twitter-icon-footer {
  background-image: url(/wp-content/uploads/2026/10/twitter-icon@2x.png);
}


.social-icon {
  display:inline-block;
  overflow:hidden;
  background-size: 108px 36px;
  background-repeat: no-repeat;
  background-position: right center;
  width: 36px;
  height: 36px;
  margin-left:16px;
  margin-right:16px;
  margin-top:8px;
  /*cursor:pointer;*/
}
.colophon-footer a:hover {
  border-bottom:0;
}
.colophon-footer a:hover .social-icon {
  background-position: -36px center;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#primary-menu {
    padding: 0;
}

.main-navigation {
	
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation li {
  display:inline-block;
  padding-right:16px;
  font-size: 1rem;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.0625em; /* 16px x 0.0625 = 1px */
}
.main-navigation li:last-child {
  padding-right:0;
  letter-spacing: 0em;
}

.main-nav-li-tiny, #nav-tiny-close-x {
    padding-top: 24px !important;
}

/* das kleine closing x im Tiny Menu */


#nav-tiny-close-x > span:hover {
    background-position: -18px 0;
}

.main-navigation a {
  color: #184C69;
	text-decoration: none;
  border-bottom:1px solid #FFFFFF;
  padding-bottom:5px;
  /* transition */
    -webkit-transition: color .3s ease, border-bottom-color .3s ease;
    -moz-transition: color .3s ease, border-bottom-color .3s ease;
    -o-transition: color .3s ease, border-bottom-color .3s ease;
    transition: color .3s ease, border-bottom-color .3s ease;
}

/* Arrow-Entity not in Main Menu */
.main-navigation a:before {
    content:'';
}
.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus {
    color: #E94F1D;
    outline: none;
    border-bottom-color:#E94F1D;
}
.main-nav-li-tiny a:hover,
.main-nav-li-tiny a:active,
.main-nav-li-tiny a:focus {
    color: #E94F1D;
    border-bottom-color: #009999;
}
/* Extra-Styling für Telefon-Nummer */
.main-navigation .menu-item-tel a{
  color: #FFFFFF;
  background-color: #E94F1D;
  border-bottom: 0;
  padding: 6px 12px;
  border-radius: 8px;
  /* transition */
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.main-navigation .menu-item-tel a:hover,
.main-navigation .menu-item-tel a:active,
.main-navigation .menu-item-tel a:focus {
    border-bottom: 0;
    outline: none;
    background-color: #184C69;
}
/* Responsiveness of Navigation */
/* Tablet */
/* Smartphone */
@media only screen and (max-width: 959px) {
    .main-navigation {
        display:none;
    }
    .main-navigation.toggled {
        display:block;
        position:absolute;
        top:84px;
        left:0;
        right:0;
        padding-bottom: 32px;
        border-bottom: 6px solid #E94F1D;
        background:#ffffff;
        text-align: center;
    }
    .main-navigation li {
        display:block;
        padding: 12px 0 12px 0;
    }
    .main-navigation li:nth-child(4) {
        padding-right: 0;
}
    .main-navigation li:nth-child(5) {
        padding-left: 0;
    }
    .main-nav-tiny {
        margin-top:72px;
    }
    .main-nav-li-tiny {
        padding: 4px 0 4px 0 !important; /* top - right - bottom - left */
    }
    .main-nav-li-pr-tiny {
        padding-right: 0 !important;
    }
    .main-nav-li-pl-tiny {
        padding-left: 0 !important;
    }
    #nav-tiny-close-x {
        position:absolute;
        right: 32px;
        top: 0px;
    }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #E94F1D;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
#site-subnavigation-1 {display:none; height:160px; background-color:#ffffff;}
#site-subnavigation-2 {display:none; height:160px; background-color:#ffffff;}
.subnav-items {
display:inline-block; 
margin-right:40px;}
.subnav-column {
position:relative;
top:0px;
display:inline-block; 
max-width:890px;
margin-left:50px; 
vertical-align:top;
}
.subnav-bild {
width:330px;
height:auto;
}
/* Responsiveness of Hero Image */

@media only screen and (max-width: 1280px) {
    
.subnav-bild {
    width:260px  }

}

.reptd {
padding:10px;
}

.accordion-sublevel {
display:none;
padding:25px;
border-top:10px solid #ffffff;
background-color: #f4f4f4;
}

.Dashboardbutton {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #c0c0c0 1px solid;
    BACKGROUND: #ffffff;
    padding: 15px;
    vertical-align: middle;
    float: left;
    margin: 5px;
    font-family: Calibri, Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-size: 14px;
    width:300px;
    height:230px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  *zoom: 1;
}