/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.04.2017, 12:42:56
    Author     : Marian Zybell <zybell@brandbar.de>
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
       ALL
//////////////////////////////////////////////////////////////////////////////////////////////////*/

*{
    font-size: 18px;
    margin: 0;
    padding: 0;
    border:0;
    outline:none;
    
}
.invisible {
    position: absolute;
    top: 0;
    left: 0;
    width: 0em;
    height: 0em;
    visibility: hidden;
    
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Wrapper
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper{
    
    margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    /*max-width: 1920px;*/
}
#wrapper_nav:not(.hover){
    
    position: fixed;
    top: 0;
    z-index: 20;
    height: 142px;
    width: 100%;
    /*max-width: 1920px;*/
    
    background-color: rgba(250,250,250,1);
    transition: 0.2s linear;
}

#wrapper_nav{
    
    position: fixed;
    top: 0;
    z-index: 20;
    height: 180px;
    width: 100%;
    /*max-width: 1920px;*/
    
    background-color: rgba(250,250,250,1);
    transition: 0.2s linear;
}

.wrapper_nav_fixed:not(.hover){
    
    height: 85px !important;
}

.wrapper_nav_fixed{
    
    height: 123px !important;
}

#wrapper_nav_inhalt{
    
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#wrapper_nav_mobile{

    position: fixed;
    top: 0;
    right: 0;
    z-index: 21;
    height: 100%;
    width: 0;
    
    background-color: rgb(250,250,250);
    opacity: 1;
    transition: .4s ease-in-out;
}

#wrapper_nav:hover{
    transition: 0.2s ease-in-out;
    opacity: 1;
}

#overlay{
    
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 157px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 20;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Elements
//////////////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, li a, time{
     
    font-family: "acumin-pro-condensed",sans-serif;
}

p, a, strong, span, ul, ol, li, td, th, em, legend, label, input, texterea, option, select, div{
    
    font-family: "acumin-pro",sans-serif;
}

h1{
    margin: 0;
    font-size: 32px;
    font-weight: 500;
    color: #003B71;
}

h2{
    
    font-size: 30px;
    font-weight: 500;
    color: #003B71;
}

h3{
    
    font-size: 24px;
    font-weight: 500;
}

a{
    
    font-size: 16px;
    font-weight: 400;
    color: #003B71;
}

a:hover, #main ul li a:hover, .mod_article a:hover{
    
    /*color: black;*/
    color: #009FE3;
}

.logo:hover{
    
    color: greenyellow;
}

ul{
    
    list-style: none;
}

p, time, span, ul li, ol li, em, legend, label, input, textarea, option, select{
    
    font-size: 16px;
    font-weight: 400;
    color: #686868;
}

strong{
    
    font-weight: 500;
}

button:not(.menubutton){
    
    margin-top: 50px;
    width: 226px;
    height: 50px;
    cursor: pointer;
    color: white;
    background-color: #003B71;
}

button:hover{
    
    background-color: #009FE3;
}

.mod_article .ce_image{
    
        
}

.image_container {    
    
    width: auto;
    height: auto;
    background-color: white;
}

.image_container img{
    
    display: block;
}

figure{
    
    margin: 0;
}

.slider-control{
    
    display: none;
}

.ce_download{
    
    padding-bottom: 5px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.04.2017, 12:42:56
    Author     : Marian Zybell <zybell@brandbar.de>
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
      NAV
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper_nav #nav {
  
    display: block;
    position: absolute;
    right: 0;
    float: right;

     /*ANDERE LÖUNG WÜNSCHENSWERT (auto width)*/
    /*margin-top: 108px;*/
    margin-top: 93px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.2s ease-in-out;
}

#wrapper_nav .nav_fixed{
    
    margin-top: 36px !important;
}


#wrapper_nav #nav ul{
    
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    /*width: 1070px;*/
    list-style: none;
}

#wrapper_nav #nav ul li {
        
    float: right;
    padding: 0px 15px 0px 15px;
}

#wrapper_nav #nav ul li a, #wrapper_nav #nav ul li span{
    
    cursor: pointer;
} 

#wrapper_nav #nav .level_1 > li{
    
    position: relative;
}

#wrapper_nav #nav .level_2{
    
    /*display: none;*/
    position: absolute;
    min-height: 55px;
    right: 0;
    display: flex;
    visibility: hidden;
    transition-delay: 0.0s;
}

#wrapper_nav #nav > .level_1 > li:hover > .level_2{
    
    visibility: visible;
    transition-delay: 0.2s;
}

#wrapper_nav #nav ul li span, #wrapper_nav #nav ul li a{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #686868;
    text-decoration: none;
}

#wrapper_nav #nav li:hover > a, #wrapper_nav_mobile #nav li:hover > a, #wrapper_nav #nav_social li:hover > a, #wrapper_nav_mobile #nav_social li:hover > a{
    
    color: #003B71;
}

#wrapper_nav #nav .level_1 > .last{
    
    padding-right: 0;
    border-right: none;
}

#wrapper_nav .level_2 li {
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
    Underlines
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
.underline{
    
    width: 0%;
    background-color: #00879f;
    transition: 0.7s ease-in-out;
}

#Home:hover #underline_Home, #Ueber_Uns:hover #underline_Ueber_Uns, #Aktuelles:hover #underline_Aktuelles,#Codes:hover #underline_Codes, #Marktkommunikation:hover #underline_Marktkommunikation, #E_Mobility:hover #underline_E_Mobility, #Services:hover #underline_Services, #Termine:hover #underline_Termine{

    height: 2px;
    animation-name: unterstrich;
    animation-duration: 0.7s;
    width: 100%;
}

@keyframes unterstrich{

        0% {width: 90%;}
        50%{width: 110%;}
        100%{width: 100%;}
    }

.active #underline_Home, .active #underline_Ueber_Uns, .active #underline_Aktuelles, .active #underline_Codes, .active #underline_Marktkommunikation, .active #underline_E_Mobility, .active #underline_Services, .active #underline_Termine{

    height: 2px;
    width: 100%;
}
*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
    NAV SOCIAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper_nav #nav_social{
    
    position: absolute;
    float: right;
    right: 0;
    margin-top: 8px;
}

#wrapper_nav #nav_social ul{
    
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#wrapper_nav #nav_social ul li{
    
    float: right;
    padding: 8px 10px 8px 10px;
}

#wrapper_nav #nav_social ul li a{
    
    cursor: pointer
}

#wrapper_nav #nav_social .level_1 > .last{
    
    padding-right: 0px;
}

#wrapper_nav #nav_social .level_1 > li{
    
    position: relative;
    border-left: 1px solid grey;
}

#wrapper_nav #nav_social .level_1 li:nth-child(1){
    
    border-left: none;
}

#wrapper_nav #nav_social .level_2{
    
    display: none;
}

#wrapper_nav #nav_social > .level_1 > li:hover > .level_2{
    
    position: absolute;
    right: 0;
    display: flex;
}

#wrapper_nav #nav_social li a, #nav_social li span{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none; 
    color: #686868;
    white-space: nowrap;
}

#wrapper_nav #nav_social a:hover{
    
    color: #003B71;
}

#wrapper_nav #nav_social img{
    
    height: 30px;
}

#logo {
    
    float: left;
    margin-top: 16px;
    width: 189px;
    height: 105px;
}

.logo img{
    
    transition-delay: 2.2s;
}

.logo_fixed img{
    
    width: 50%;
}

#logo_mobil{
    
    display: none;
    
    float: left;
    margin-top: .3em;
    
    width: 60px;
    height: auto;
}

#menu{
    display: none;
    
    position: absolute;
    right: 0;
    
    float: right;
    z-index: 30;
    
    margin-top: 90px;
}

#menu img{
    
    position: relative;
    top: 0;
    right: 0;
   
    z-index: 30;
    
    width: 40px;
    height: 40px;  
}

#menubutton{
    
    position: relative;
    top: 0;
    right: 0;      
    z-index: 30;
    cursor: pointer;
    width: 40px;
    height: 40px;
    /*
    background-image: url("../../files/pictures_vorgabe/menu_icon_new1.png");
    */
    background-color: rgba(250,250,250,0.0);   
    
}

#opener_box{
    
    position: absolute;
    top: 260px;
    width: 510px;
    left: 50%;
    
    text-align: center;
    margin-left: -240px;
    
    padding: 15px;
    
    background-color: rgba(0,0,0,0.3);
    border: solid white 1px;
}

#opener_box *{
    
    font-size: 2.4em;
    font-weight: 100;
    line-height: 50px;
    text-align: center;
    color: white;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
      Suche
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#suche{
    
    display: none; /*Solange Suche deaktiviert*/
}
/*
.formbody{

    position: absolute;
    margin-left: 73.5%;
    margin-top: 1em;
}
*/
#lupe{
    
    display: none; /*Solange Suche deaktiviert*/
    
    position: relative;
    
    top: 1.5em;
    left: 0.17em;
    
    width: 14px;
    height: auto;
    
    opacity: 0.2;
}

#f2{
        
}
/*
#ctrl_1{
    
    text-indent: 25px;
    
    width: 150px;
    
    border: solid #e6e6e6 1px;
    border-radius: 3px;
    
    background-color: rgba(250,250,250,0.0);
    
    transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
}

#ctrl_1:focus{
    width: 200px;
}
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
      OPENER
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.opener{
    
    background: url("/files/pictures/opener.png") no-repeat center;
    margin-top: 157px;
    min-height: 565px;
}

#headerbild{
    
    min-height: 250px;
}

#headerbild, #headerbild_smart{
    
    max-width: 100%;
    height: auto;
}

#headerbild_smart{
    
    display: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
      Linie
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#linie{
    
    margin-top: 138px;
    width: 100%;
    height: 1px;
    background-color: #003B70;
    transition: 0.2s ease-in-out;
}

.linie_fixed:not(.hover){
    
    margin-top: 81px !important;
}

.linie_fixed{
    
    margin-top: 119px !important;
}

.hover #linie{
    
    margin-top: 176px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.04.2017, 12:42:56
    Author     : Marian Zybell <zybell@brandbar.de>
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
      NAV Mobile
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Main*/

#wrapper_nav_mobile #nav{
  
    display: block;
}

#wrapper_nav_mobile #nav ul{
    
    list-style: none;
}

#wrapper_nav_mobile #nav .level_1 > li {
    
    top: -50px;
    position: relative;
    margin-top: 100px;
}

#wrapper_nav_mobile #nav .level_1 > li:nth-child(3) {
    
    margin-top: 75px;
}

#wrapper_nav_mobile #nav li {

    padding-right: 25px;
    padding-left: 25px;
}

#wrapper_nav_mobile #nav .level_2{
    
    padding: 0px 10px 10px 10px;
}

#wrapper_nav_mobile #nav .level_2 li {
    
    padding-right: 5px;
    padding-left: 5px;
    padding: 5px 5px 5px 5px;
}

#wrapper_nav_mobile #nav .level_1 li a, #wrapper_nav_mobile #nav .level_1 li span{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #686868;
    text-decoration: none;
}

#wrapper_nav_mobile #nav .level_2 li a, #wrapper_nav_mobile #nav .level_2 li span{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #686868;
    text-decoration: none;
}

#wrapper_nav_mobile #nav .level_1 > li{
    
    position: relative;
}

#wrapper_nav_mobile #nav .level_2{
    
    position: absolute;
    left: 20px;
    display: flex;
    flex-direction: column;
}
/*
#wrapper_nav_mobile #nav > .level_1 > li:hover > .level_2, #wrapper_nav_mobile #nav > .level_1 > li:focus > .level_2{
    
    position: absolute;
    left: 30px;
    display: flex;
}
*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////
    Nav Social
////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper_nav_mobile #nav_social{
  
    display: block;
}

#wrapper_nav_mobile #nav_social ul{
    
    list-style: none;
}

#wrapper_nav_mobile #nav_social .level_1 > li {
    
    top: 0px;
    position: relative;
    margin-top: 0px;
}

#wrapper_nav_mobile #nav_social li {

    padding-right: 25px;
    padding-left: 25px;
}

#wrapper_nav_mobile #nav_social .level_2 li {
    
    padding-right: 5px;
    padding-left: 5px;
}

#wrapper_nav_mobile #nav_social .level_1 li a, #wrapper_nav_mobile #nav_social .level_1 li span{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #686868;
    text-decoration: none;
}

#wrapper_nav_mobile #nav_social .level_2 li a, #wrapper_nav_mobile #nav_social .level_2 li span{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    text-decoration: none;
}

#wrapper_nav_mobile #nav_social .level_1 > li{
    
    position: relative;
}

#wrapper_nav_mobile #nav_social .level_2{
    
    position: absolute;
    left: 20px;
    display: flex;
}
/*
#wrapper_nav_mobile #nav_social > .level_1 > li:hover > .level_2{
    
    position: absolute;
    left: 30px;
    display: flex;
}
*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
Underlines
////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
.underline{
    
    width: 0%;
    height: 2px;
    background-color: #00879f;
    transition: 0.7s ease-in-out;
}

#nav_mobile #Home:hover #underline_Home, #nav_mobile #Ueber_Uns:hover #underline_Ueber_Uns, #nav_mobile #Aktuelles:hover #underline_Aktuelles, #nav_mobile #Codes:hover #underline_Codes, #nav_mobile #Marktkommunikation:hover #underline_Marktkommunikation, #nav_mobile #E_Mobility:hover #underline_E_Mobility, #nav_mobile #Services:hover #underline_Services, #nav_mobile #Termine:hover #underline_Termine{

    animation-name: unterstrich_mobile;
    animation-duration: 0.7s;
    width: 35%;
    min-width: 170px;
    max-width: 250px;
}

@keyframes unterstrich_mobile{
        0% {width: 170px;}
        50%{width: 250px;}
        100%{width: 170px;}
    }

#nav_mobile .active #underline_Home, #nav_mobile .active #underline_Ueber_Uns, #nav_mobile .active #underline_Aktuelles, #nav_mobile .active #underline_Codes, #nav_mobile .active #underline_Marktkommunikation, #nav_mobile .active #underline_E_Mobility, #nav_mobile .active #underline_Services, #nav_mobile .active #underline_Termine{
    
    width: 35%;
    min-width: 170px;
    max-width: 250px;
}
*/

#menu_mobile{
    
    position: absolute;
    display: none;
    
    z-index: 30;
    
    top: 1.5em;
    right: 1em;
}

#menu_mobile img{
    
    position: relative;
    top: 0;
    right: 0;
   
    z-index: 30;
    
    width: 40px;
    height: 40px; 
}

#menubutton_mobile{
    
    position: relative;
    top: 0;
    right: 0;      
    z-index: 30;
    cursor: pointer;
    
    background-color: rgba(250,250,250,0.0);
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.08.2017, 12:45:45
    Author     : Marian Zybell <zybell@brandbar.de>
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////
       Article
//////////////////////////////////////////////////////////////////////////////////////////////////*/


#main .mod_article:not(.mod_article_full){
    
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.mod_article:nth-child(1):not(#footer){
    
    margin-top: 142px;
}

#main .mehr_padding{
    
    padding-top: 110px !important;
    padding-bottom: 120px !important;
}

#main .ohne_padding_oben{
    
    padding-top: 0px !important;
}

#main .ohne_padding_unten{
    
    padding-bottom: 0px !important;
}

.mod_article .inhalt, .opener_element{
    
    width: 1140px;
    overflow: hidden;
    margin-left: auto !important;
    margin-right: auto !important;
}


.mod_article_full .inhalt{
    
    width: 100%;
    overflow: hidden;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mod_article:not(.small_33x33x33) .ce_text{
    
    padding-bottom: 25px;
}

.mod_article h2{
    
    padding-bottom: 25px;
}

.mod_article .ce_colsetStart img{
 
    width: 100%;
    height: auto;
}

.mod_article .ce_download img{
    
    width: inherit;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Standard
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.standard h1{
    
    margin-bottom: 50px;
}

.standard ul{
    
    list-style: element;
    list-style-position:  inside;
    padding: 20px 20px;
}

.standard ul li{
    
    list-style-type: initial;
    list-style-position: outside;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Opener
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.opener_neu img{

    /*width: 1920px;*/
    height: 560px;
    max-width: 100%;
}

@media(max-width:900px){
    
    .opener_neu img{
        
        margin-left: -700px;
    }
}

.opener_neu .image_container{
        
    width: 500%;
    text-align: right;
    overflow: hidden;
}

@media(min-width:2000px){
    
    .opener_neu img{
        
        height: auto;
        width: 100%;
    }
    
    .opener_neu .image_container{
        
        width: 100%;
    }
}

.rsts-skin-light .rsts-nav ul{
    
    background-color: rgba(255,255,255,0);
}

.opener_neu .rsts-next, .opener_neu .rsts-prev{
    /*
    z-index: 10;
    */
}

.rsts-crop, .rsts-thumbs-crop, .rsts-slide, .rsts-thumbs-slide{
    
    overflow: visible;
}

.rsts-active{

    z-index: 20;
}

.rsts-slides .ce_text{
    
    position:  absolute;
    width: 800px;
    /*width: 70%;*/
    z-index: 2;
    left: 50%;
    margin-left: -370px;
    /*margin-left: 15%;*/
    margin-right: auto;
    /*margin-right: 15%;*/
    margin-top: -400px;
    padding: 25px;
}

@media(max-width:1300px){
    
    .rsts-slides .ce_text{
        
        width: 600px;
        margin-left: -270px;
        margin-top: -450px;
    }
}

@media(max-width:900px){
    
    .rsts-slides .ce_text{
        
        width: 400px;
        margin-left: -170px;
        margin-top: -450px;
    }
}

@media(max-width:400px){
    
    .rsts-slides .ce_text{
        
        width: 300px;
        margin-left: -160px;
        margin-top: -500px;

    }
}

.rsts-slides .ce_text h3{
    
    font-size: 50px;
    color: white;
}

.rsts-slides .ce_text p{
    
    padding-top: 25px;
    font-size: 30px;
    color: white;
}

@media(max-width:500px){
    
    .rsts-slides .ce_text h3{
        
        font-size: 40px;
    }
    
    .rsts-slides .ce_text p{
        
        font-size: 25px;
    }
}

.rsts-slides .ce_text p a{
    
    position: relative;
    bottom: 0%;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    text-decoration: none;
    color: white;
    border-radius: 3px;
    transition-duration: 0.5s;
    background: #093359; /* Old browsers */
    background: -moz-linear-gradient(left, #093359 0%, #03677f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #093359 0%,#03677f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #093359 0%,#03677f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093359', endColorstr='#03677f',GradientType=1 ); /* IE6-9 */
    
}

.rsts-slides .ce_text p a:hover{
    
    background: #03677f; /* Old browsers */
    background: -moz-linear-gradient(left, #03677f 0%, #06b2d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #03677f 0%,#06b2d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #03677f 0%,#06b2d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03677f', endColorstr='#06b2d1',GradientType=1 ); /* IE6-9 */
}

.rsts-skin-light .rsts-view{
    
    border: none;
    box-shadow: none;
}

.rsts-skin-light .rsts-nav{
    
    margin-top: -60px;
    margin-bottom: 10px;
}

.rsts-skin-light .rsts-nav-bullets a{
    
    width: 20px;
    height: 20px;
}

.rsts-skin-light .rsts-nav-bullets a.active{
    
    background-image:none;
    background-color: #044972;
    box-shadow: none;
}

/*navi kasten ausbleneden*/

.rsts-skin-light .rsts-nav ul{
    
    border-radius: 0px;
    background-image: none;
    box-shadow: none;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
    SERVICE UND LEISTUNGEN
//////////////////////////////////////////////////////////////////////////////////////////////////*/
 
.normal_50x50_50x50{

    background-color: #004A8D;
}

.normal_50x50_50x50 h1{
    
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    color: white;
}

.normal_50x50_50x50 h2, .normal_50x50_50x50 h3, .normal_50x50_50x50 p, .normal_50x50_50x50 a, .normal_50x50_50x50 time{
    
    text-decoration: none;
    color: white;
}

.normal_50x50_50x50 .col_2 .col_2 h2{
    
    padding-top: 10px;
    padding-left: 25px;
}

.normal_50x50_50x50 .headline h2, .normal_50x50_50x50 .subheadline h2{
    
    font-size: 1em;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.normal_50x50_50x50 .list_location{
    
    margin-bottom: 25px;
}

.normal_50x50_50x50 .col_2 .col_2{
    
    background-color: #003B71;
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_2 .news_headnews_startseite h2{
    
    font-size: 18px;
    font-weight: 600;
}

.normal_50x50_50x50 .col-50x50 .teaser p{
    
    font-size: 14px;
    font-weight: 400;
}

.normal_50x50_50x50 .col-50x50 time{
    
    font-size: 14px;
}

.normal_50x50_50x50 .col-50x50 .col_1 h2, .normal_50x50_50x50 .col-50x50 .col_1 h3, .normal_50x50_50x50 .col-50x50 .col_2 .subcl h2, .normal_50x50_50x50 .col-50x50 .col_2 .subcl h3{
    
    margin: 5px;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
    
    bottom: 210px;   
}
@media (max-width:900px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
        
        bottom: 300px;
    }
}

@media (max-width:425px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
        
        bottom: 280px;
    }
}

@media (max-width:400px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
        
        bottom: 260px;
    }
}

@media (max-width:370px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
        
        bottom: 240px;
    }
}

@media (max-width:340px) {    
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h2_1, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .h3_1{
        
        bottom: 220px;
    }
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_text, .normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_hyperlink{
    
    background-color: #003B71;
}



.normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_text{
    
    padding: 25px;
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_hyperlink{
    
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;

    font-size: 1.5em;
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_hyperlink a{
    
    position: absolute;
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-weight: 500;
    font-size: 25px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 95px;
    padding-right: 95px;
}

.normal_50x50 h2 a{
    
    font-family: "acumin-pro-condensed" , sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-decoration: none;
}

@media (max-width:1300px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_hyperlink a{
        
        padding-left: 52px;
        padding-right: 52px;
    }
}
@media (max-width:900px) {
    
    .normal_50x50_50x50 .col-50x50 .col_2 .col_2 .ce_hyperlink a{
        
        padding-left: 35%;
        padding-right: 35%;
    }
    
    .normal_50x50_50x50 .subcl .ce_image{
        
        margin-bottom: 20px;
    } 
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
    REFERENZEN UND LÖSUNGEN
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.referenzen .ce_sliderStart{
    
    /*width: 390px !important;*/
    width: auto !important;
}

.referenzen .ce_sliderStart:nth-child(1){
    
    padding-right: 18px;
}

.referenzen .ce_sliderStart:nth-child(2){
    
    padding-right: 9px;
}

.referenzen .ce_sliderStart:nth-child(3){
    
    padding-left: 9px;
}

.referenzen .ce_sliderStart:nth-child(4), .referenzen .ce_sliderStart:nth-child(5){
    
    padding-left: 18px;
}

.referenzen{
    
    margin-bottom: 0!important;
    background-color: #E5E5E5;
}

.referenzen h1{
    
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

.referenzen .ce_sliderStart .ce_text{
    
    position:  relative;
    /*width: 850px;*/
    width: 80%;
    z-index: 2;
    /*margin-left: auto;*/
    margin-left: 3%;
    /*margin-right: auto;*/
    margin-right: 17%;
    margin-top: -50px;
    padding: 15px 25px 15px 25px;
    background-color: rgba(255,255,255,0.9);
    border: solid 1px #B2B2B2;
}

.referenzen .ce_sliderStart .ce_text h3{
    
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

.referenzen .ce_sliderStart .ce_text p{
    
    padding-top: 5px;
    font-size: 20px;
}

.referenzen .ce_image .image_container img:hover{
    
    opacity: 0.5;
    transition: opacity 0.5s ease-in-out;
;}

.caroufredsel_controls{
    /*
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    */
}

.caroufredsel_prev span, .caroufredsel_next span, .caroufredsel_pagi span, .caroufredsel_prev, .caroufredsel_next{
    
    display: none !important;
}

.caroufredsel_prev{
    
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 25px;
    background-color: #044972;
    background-image: url("../../files/css/arrow.png");
    background-position: center;
    background-position-x: 10px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    border-radius: 100%;
}

.caroufredsel_next{
    
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    margin-right: 25px;
    background-color: #044972;
    background-image: url("../../files/css/arrow.png");
    background-position: center;
    background-position-x: 10px;
    background-repeat: no-repeat;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius: 100%;
}

.caroufredsel_prev:hover, .caroufredsel_next:hover{
    
    background-color: #0079BF;
    box-shadow: 2px 2px 1px #CBCBCB;
}

.caroufredsel_pagi{
       
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
}

.caroufredsel_pagi a{
    
    display: block;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border: 1px solid #c7c7c9;
    border-radius: 100%;
    box-shadow: inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);
}

.caroufredsel_pagi a:hover{
    
    border-color:#c1cacf;
    background-color:#e6e7e9;
    background-image:-webkit-linear-gradient(top, #ffffff,#e6e7e9 90%);
    background-image:-moz-linear-gradient(top, #ffffff,#e6e7e9 90%);
    background-image:-o-linear-gradient(top, #ffffff,#e6e7e9 90%);
    background-image:linear-gradient(to bottom, #ffffff,#e6e7e9 90%);
    background-image:linear-gradient(to bottom, #ffffff,#e6e7e9 90%);
    -webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);
    -moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);
    box-shadow:0 1px 2px 1px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);
}

.caroufredsel_pagi .selected{
    
    background-color: #044972;
    background-image: none;
    border: 1px solid #acb5ba;
    box-shadow: none;
}

/*ALT*/

.normal_25x25x25x25{
    
    margin-bottom: 0!important;
    background-color: #E5E5E5;
}

.normal_25x25x25x25_white{
    
    background-color: white;
    border-top: solid 1px #003b71;
}

.normal_25x25x25x25 h1{
    
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

@media(max-width:900px){
    
    .referenzen .inhalt{
        
        max-width: 266px;
        width: 266px !important;
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Intro
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.intro{
    
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
    text-align: center;
}

.intro h1{
    
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 25px;
}

.intro h2{
    
    font-size: 30px;
    font-weight: 400;
}

.trenner{
    
    width: 266px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 13px;
    margin-bottom: 25px;
    height: 1px;
    background-color: #003B71;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    normal_50x50 und mod_article_full_ul
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.normal_50x50{
    
    background: rgb(229,229,229);
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 99%);
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%);
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}

.normal_50x50 .col_1 .ce_text, .mod_article_full_ul .col_1 .ce_text{
    
    float: right;
    
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 75px !important;
    
    line-height: 1.5em;
}

.normal_50x50 .col_2 .ce_text, .mod_article_full_ul .col_2 .ce_text{
    
    max-width: 500px;
    
    padding-top: 25px !important;
    padding-bottom: 25px;
    padding-left: 75px !important;
    
    line-height: 1.5em;
}

.normal_50x50 .col_2 .onecolumn  ul{
    
    padding-left: 75px;
}

.mod_article_full .col_2 .onecolumn  ul{
    
    padding-left: 75px;
    max-width: 525px;
}

.normal_50x50 ul li{
    
    text-transform: uppercase;
}

@media (max-width:1300px) {
    
    .normal_50x50 .col_2 .ce_text, .mod_article_full_ul .col_2 .ce_text{
        
        padding-left: 25px !important;
    }
    
    .normal_50x50 .col_2 .onecolumn  ul{
    
       padding-left: 25px;
    }
    .mod_article_full .col_2 .onecolumn  ul{
    
        padding-left: 25px;
    }
}
@media (max-width:900px) {
    
    .normal_50x50 .col_2 .ce_text, .mod_article_full_ul .col_2 .ce_text{
        
        width: 400px;
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .normal_50x50 .col_2 .onecolumn ul{
    
       padding-left: 5px;
    }
    .mod_article_full .col_2 .onecolumn  ul{
    
        padding-left: 0px;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width:430px) {
    
    .normal_50x50 .col_2 .ce_text, .mod_article_full_ul .col_2 .ce_text{
        
        width: auto;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
    
    .normal_50x50 .col_2 .onecolumn ul{
    
       padding-left: 4%;
    }
    .mod_article_full .col_2 .onecolumn  ul{
    
        padding-left: 4%;
        padding-right: 4%;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
}
.normal_50x50 .col_1 .ce_colsetStart, .mod_article_full_ul .col_1 .ce_colsetStart{
    
    max-width: 525px;
    padding-right: 75px;
}

.normal_50x50 .col_2 .ce_colsetStart, .mod_article_full_ul .col_2 .ce_colsetStart{
    
    max-width: 525px;
    padding-left: 75px;
}

@media (max-width:1300px) {
    
    .normal_50x50 .col_2 .ce_colsetStart, .mod_article_full_ul .col_2 .ce_colsetStart{
        
        padding-left: 25px !important;
    }
}
@media (max-width:900px) {
    
    .normal_50x50 .col_2 .ce_colsetStart, .mod_article_full_ul .col_2 .ce_colsetStart{
        
        width: 400px;
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width:430px) {
    
    .normal_50x50 .col_2 .ce_colsetStart, .mod_article_full_ul .col_2 .ce_colsetStart{
        
        width: auto;
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}

.normal_50x50 ul, .mod_article_full_ul ul{
    
    line-height: 3em;
}

.normal_50x50 ul li, .mod_article_full_ul ul li{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 18px;
    color: #003B71;
    font-weight: 500;
    border-bottom: solid 1px #a8a8a8;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    small_33x33x33
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.small_33x33x33{
    
    text-align: center;
}

.small_33x33x33 .ce_colsetStart{
    
    max-width: 700px;
    padding: auto;
    margin: auto;
    line-height: 1.4em;
}

.small_33x33x33 h2{
    
    text-align: center;
}

.small_33x33x33 .blue_text p{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase; 
    color: #003B71;
}

.small_33x33x33 .subcl .ce_text p{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.small_33x33x33 .subcl .blue_text p{
    
    font-size: 24px;
}

@media(min-width:900px){
    
    .small_33x33x33 .subcl{
        
    }
        
    .small_33x33x33 .col_3 .ce_text{
    
        padding-top: 25px;
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    featured_news_50x50_50x50
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.featured_news_50x50_50x50{
    
    padding-top: 0 !important;
    border-bottom: solid 1px #004A8D;
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl, .featured_news_50x50_50x50 .col-50x50 .col_2 .subcr{
    
    position: relative;
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text{
    
    position: absolute;
    margin-top: 25px;
    margin-bottom: 25px;
    bottom: 0;
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .news_headnews .ce_text{

    padding-left: 25px;
    padding-right: 25px;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text{
    
    position: relative;
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text h1, .featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text h2, .featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text time, .featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text a{
    
    padding-bottom: 0px;
    text-decoration: none;
    color: white;
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text time{
    
    font-size: 0.8em;
    /*text-transform: uppercase;*/
}

.featured_news_50x50_50x50 .col-50x50 .col_1 .subcl .ce_text h2{
    
    font-size: 24px;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text h1, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text h2, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text time{
    
    color: #003B71;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    all_news_33x33x33
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.all_news_33x33x33{
    
    padding-top: 70px !important;
}

.all_news_33x33x33 .content_top{
    
    margin-bottom: 25px;
}

.all_news_33x33x33 .ce_text h2{
    
    padding-bottom: 0;
}

.all_news_33x33x33 .ce_text time{
    
    font-size: 14px;
    font-weight: 500;
    color: #004A8D;
}

.all_news_33x33x33 .ce_text .teaser{
    
    margin-top: 25px;
    margin-bottom: 25px;
}

.all_news_33x33x33 .ce_text .news_link{
    
    margin-bottom: 50px;
}

.all_news_33x33x33 .ce_text .news_link a{
    
    font-size: 16px;
    color: #798E1C;
}

.all_news_33x33x33 .ce_text .news_link a:hover{
    
    color: #ABC928;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    news_einzelansicht und news_latest Liste
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.news_einzelansicht h1{
    
    margin-top: 25px;
}

.news_einzelansicht h2{
    
    padding-bottom: 0px;
}

.news_einzelansicht time{
    
    color: #004A8D;
}

.news_einzelansicht .ce_text{
    
    margin-top: 25px;
    margin-bottom: 25px;
}

.news_einzelansicht img{
    
    width: auto;
    max-width: 100%;
}

.news_einzelansicht .back{
    
    display: none;
}

.news_einzelansicht .back_overview a, .news_latest .news_link a{
    
    font-size: 16px;
    color: #798E1C;
}

.news_einzelansicht .back_overview a:hover, .news_latest .news_link a:hover{
    
    color: #ABC928;
}

.news_latest .teaser{
    
    margin-top: 25px;
    margin-bottom: 25px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    featured_Karriere_50x50_50x50
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_headline{
    
    padding-bottom: 0;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .karriere_featured .ce_text{
    
    line-height: 1.2em;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .karriere_featured:nth-child(1) .ce_text{
    
    padding-bottom: 25px;
    border-bottom: solid 1px #004A8D;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .karriere_featured .ce_text .news_link{
    
    margin-top: 20px;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text h1, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_text h2{
    
    font-size: 1em;
    font-weight: 700;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .time time{
    
    font-size: 0.8em;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .list_location p{
    
    font-size: 0.8em;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .news_link a{
    
    font-size: 0.8em;
    text-decoration: underline;
    color: #798E1C;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .news_link a:hover{
    
    color: #ABC928;
}

.featured_news_50x50_50x50 .col-50x50{
    
    position: relative;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr{
    
    height: 382px; /*TODO: Korriegieren*/
    padding-right: 37px;
    background-color: #003B71;
}

@media (max-width:900px) {
    
    .featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr{
        
        height: auto;
        padding: 37px !important;
    }
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr h2, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr p, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr time, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr .empty{
    
    color: white;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr .mod_eventlist h2{
    
    font-size: 1em;
}

.featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr .mod_eventlist p, .featured_news_50x50_50x50 .col-50x50 .col_2 .col_2 .subcr .mod_eventlist time{
    
    font-weight: 100;
    font-size: 0.8em;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Karriere_ALL List
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.normal_karriere_list_66x33 .karriere_all .ce_text{
    
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: solid 1px #004A8D;
}

.normal_karriere_list_66x33{
    
    border-bottom: solid 1px #004A8D;
}

.normal_karriere_list_66x33 .karriere_all .headline h1{
    
    width: auto;
}

.normal_karriere_list_66x33 .karriere_all .headline h1:hover{
    
    color: #009FE3;
}

.normal_karriere_list_66x33 .karriere_all .headline a{
    
    text-transform: uppercase;
    text-decoration: none;
}

.normal_karriere_list_66x33 .karriere_all .subheadline{
    
    padding-top: 5px;
}

.normal_karriere_list_66x33 .karriere_all .subheadline h2{
    
    text-transform: uppercase;
    padding-bottom: 0;
    font-size: 20px;
    color: #686868;
}

.normal_karriere_list_66x33 .karriere_all .list_location{
    
    padding-top: 5px;
}

.normal_karriere_list_66x33 .karriere_all .list_location p{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.normal_karriere_list_66x33 .karriere_all .list_location img{
    
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    width: 10px;
    height: 15px;
}

.normal_karriere_list_66x33 .karriere_all .teaser{
    
    margin-top: 25px;
    margin-bottom: 25px;
}

.normal_karriere_list_66x33 .karriere_all .news_link a{
    
    font-size: 16px;
    color: #798E1C;
}

.normal_karriere_list_66x33 .karriere_all .news_link a:hover{
    
    color: #ABC928;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Karriere_Einzel Ansicht
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.karriere_einzelansicht h2{
    padding: 0;
    font-weight: 400;
    font-size: 1.2em;
    text-transform:  uppercase;
}

.karriere_einzelansicht h3{
    
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 1.2em;
    text-transform:  uppercase;
    color: #686868;
}

.karriere_einzelansicht ul{
    
    list-style: element;
    list-style-position:  inside;
    padding: 20px 20px;
}

.karriere_einzelansicht ul li{
    
    list-style-type: initial;
    list-style-position: outside;
}

.karriere_einzelansicht .subcl .rechteSpalte{
    display: none;
}

.karriere_einzelansicht .subcr .linkeSpalte{
    display: none;
}

.karriere_einzelansicht .linkeSpalte{
    
    padding-top: 25px;
    border-top: solid 1px #004A8D;
}

.karriere_einzelansicht .linkeSpalte .subheadline h3{
    
    margin-top: 0;
} 

.karriere_einzelansicht .linkeSpalte .outro{
    
    margin-top: 25px;
}

.karriere_einzelansicht .rechteSpalte .allgemein div{
    
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #004A8D;
}

.karriere_einzelansicht .rechteSpalte .kontakt, .karriere_einzelansicht .rechteSpalte .kontakt .company_name, .karriere_einzelansicht .rechteSpalte .kontakt .tel{
    
    padding-top: 40px;
}

@media (max-width:900px) {
    
    .karriere_einzelansicht .col_2{
        
        padding-top: 25px;
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Kontakt
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#map800, #map400{
    
    display: none;
}

@media(max-width:1300px){
    
    #map800{
        
        display: block
    }
    
    #map1250, #map400{
        
        display: none;
    }
}

@media(max-width:900px){
    
    #map400{
        
        display: block;
    }
    
    #map1250, #map800{
        
        display: none;
    }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25.08.2017, 05:41:32
    Author     : Marian Zybell <zybell@brandbar.de>
*/

/*///////////////////////////////////////////////////////////////////////////
    100%_50x50
///////////////////////////////////////////////////////////////////////////*/

.mod_article_full:not(.mod_article_full_img_links) .col-50x50 .col_1 .subcl{
    
    float: right;
    max-width: 470px;
    padding-top: 8%;
    padding-right: 10.6% !important;
}

@media (max-width:1550px) {
    
    .mod_article_full:not(.mod_article_full_img_links) .col-50x50 .col_1 .subcl{
        
        padding-top: 2%;
        padding-left: 4%;
    }
}
@media (max-width:900px) {
    
    .mod_article_full:not(.mod_article_full_img_links) .col-50x50 .col_1 .subcl{
        
        float: left;
    }
    
    .mod_article_full:not(.mod_article_full_img_links) .col-50x50 .col_1{
        
        padding-left: 10%;
        padding-bottom: 25px;
    }
    .mod_article_full_img_rechts{
        
        padding-bottom: 0 !important;
    }
}
@media (max-width:540px) {
    
    .mod_article_full:not(.mod_article_full_img_links) .col-50x50 .col_1{
        
        padding-left: 4%;
    }
}
.mod_article_full .col-50x50 .col_1 .ce_hyperlink{
    
    position: relative;
    float: left;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    margin-top: 25px;
    height: 50px;
    width: 200px;
    text-align: center;
    background-color: #004A8D;
}

.mod_article_full .col-50x50 .col_1 .ce_hyperlink:hover{
    
    background-color: #009FE3;
}

.mod_article_full .col-50x50 .col_1 .ce_hyperlink a{
    
    width: 100%;
    height: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    color: white;
    text-decoration: none;
}

.mod_article_full:not(.mod_article_full_img_rechts) .col-50x50 .col_2 .subcr{
    
    max-width: 500px;
    padding-top: 12%;
    padding-left: 7% !important;
}

.mod_article_full .col-50x50 .col_2 .col_2 .subcr{
    padding-top: 0;
    padding-left: 0 !important;
}

@media (max-width:1200px) {
    
    .mod_article_full:not(.mod_article_full_img_rechts) .col-50x50 .col_2 .subcr{
        
        padding-top: 5%;
        padding-left: 2% !important;
    }
}
@media (max-width:900px) {
    
    .mod_article_full .col-50x50 .col_1 .subcl{
        
        padding-right: 0 !important;
    }
    
    .mod_article_full:not(.mod_article_full_img_rechts) .col-50x50 .col_2 .subcr{
        
        padding-top: 25px;
        padding-left: 10% !important;
    }
    
    .mod_article_full:not(.mod_article_full_img_rechts) .col-50x50 .col_2 .col_2 .subcr{
        
        padding-left: 0 !important;
    }
    
    .mod_article_full {
        
        padding-bottom: 25px;
    }
}
@media (max-width:400px) {
        
    .mod_article_full:not(.mod_article_full_img_rechts) .col-50x50 .col_2 .subcr{
        
        padding-left: 4% !important;
    }
}

.mod_article_full .col-50x50 .col_2 .ce_hyperlink{
    
    position: relative;
    float: left;
    margin-left: 100px;
    margin-top: 25px;
    height: 50px;
    width: 200px;
    text-align: center;
    background-color: #004A8D;
}

.mod_article_full .col-50x50 .col_2 .ce_hyperlink a{
    
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -50px;
    color: white;
    text-decoration: none;
}

/*///////////////////////////////////////////////////////////////////////////
    50x50_50x50
///////////////////////////////////////////////////////////////////////////*/

.normal_50x50_50x50 .col-50x50 .col_1 .subcl, .normal_50x50_50x50 .col-50x50 .col_2 .subcl, .normal_50x50_50x50 .col-50x50 .col_2 .subcr{
    
    position: relative;
}

.normal_50x50_50x50 .col-50x50 .col_2 .subcr{
    
    height: 400px;
}

.normal_50x50_50x50 .col-50x50 .col_2 .subcr .mod_newslist{
    
    height: 80%;
    background-color: #003B71;
}

@media (max-width:900px) {

    .normal_50x50_50x50 .col-50x50 .col_2 .subcr{
        
        height: auto;
    }
    .normal_50x50_50x50 .col-50x50 .col_2 .subcr .mod_newslist{
        
        min-height: 300px;
    }
}

.normal_50x50_50x50 .col-50x50 .col_2 .subcr .mod_newslist .news_headnews_startseite{
    
    height: 100%;
}

.normal_50x50_50x50 .col-50x50 .col_1 img{
    
    height: 400px;
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl img{
    
    height: 190px;
}

@media (max-width:900px) {
    
    .normal_50x50_50x50 .col-50x50 .col_1 img, .normal_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl img{
        
        height: auto;
    }
}

.normal_50x50_50x50 .col-50x50 .col_2 .col_1 .subcl .ce_image:nth-child(1){
    
    margin-bottom: 20px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.09.2017, 17:37:03
    Author     : Marian Zybell <zybell@brandbar.de>
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Elements
//////////////////////////////////////////////////////////////////////////////////////////////////*/

::placeholder{
    
    font-size: 16px;
    font-weight: 400;
    color: #686868;
}

.mandatory span{
    
    color: red;
}

.submit_container input{
    
    margin-top: 50px;
    width: 226px;
    height: 50px;
    cursor: pointer;
    color: white;
    background-color: #003B71;
}

.submit_container input:hover{
    
    background-color: #009FE3;
}

fieldset{
    
    padding: 0;
}

.formbody div{
    
    width: 50%;
    padding-bottom: 25px;
}

@media(max-width:900px){
    
    .formbody div{
        
        width: 91%;
    }
}

.formbody .widget-text input, .formbody .widget-upload input, .formbody .widget-select select, .formbody .widget-textarea textarea{
    
    display: block;
    width: 100%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    border: solid 1px #686868;
}

.formbody .widget-text input{
    
    height: 20px;
}

.formbody .widget-select select{

    width: 104%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.error{
    
    color: red;
}

@media(max-width:900px){
    
    .formbody .widget-select{
        
        width: 94%;
    }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.08.2017, 13:58:04
    Author     : Marian Zybell <zybell@brandbar.de>
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
      FOOTER
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Allgemein*/

#footer{
    
    background-color: #003B71;
}


#footer a, #footer li{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 18px;
    color: white;
    text-decoration: none;
}

#footer a:hover{
    
    color: #009FE3;
}

#footer li{
    
    display: inline;
}

#footer_1{
     
    margin-top: 50px;
    background-color: rgba(153,153,153,0.2);
    border-top: solid grey 1px;
    border-bottom: solid grey 1px;
}

#footer_1 a{
    
    font-weight: 300;
}

/*linke Seite*/

.side_elements_left{
    
    float: left;
    max-width: 45%;
    padding: 25px;
    padding-bottom: 40px;
}

#firmenkunde img{
    
    float: left;
    width: 140px;
    padding-right: 15px;
}

#firmenkunde p{
    
    padding-top: 15px;
    font-size: 1.5em;
    font-weight: 500;
    color: #6b5b5b;
}

#firmenkunde_text{
    
    padding-top: 25px;
    line-height: 1.5em;
}

#firmenkunde_text p{
    
    font-weight: 300;
}

/*rechte Seite*/

.side_elements_right{
    
    float: right;
    max-width: 45%;
    padding: 25px;
    padding-top: 80px;
}

#social{
    
    text-align: right;
}

#social img{
    
    padding-left: 10px;
}

#footer_logo_grau{
    
    width: 170px;
}

#social img:not(#footer_logo_grau){
    
    width: 50px;
}

#contact_links{
    
    padding-top: 20px;
    text-align: right;
}

#contact_links ul li{
    
    padding-left: 30px;
}

/*Unterhalb*/

#footer_2 .inhalt{
    
    text-align: center;
    
}

#text_1, #text_2{
    
    margin-top: 25px;
    margin-bottom: 25px;
}

#text_1{
    
    float: left;
}

#text_1 p{
    
    font-family: "acumin-pro-condensed",sans-serif;
    font-size: 18px;
    color: white;
}

#text_2{
    
    float: right;
}

#text_2 li, #text_2 li a{
    
    font-weight: 400;
}

/*Back to Top Scroll*/

#back_top_icon{
    
    position: fixed;
    z-index: 20;
    right: 50px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    opacity: 1;
    background-color: rgba(80,80,80,0.3);
}

#back_top_icon:hover{
    
    background-color: rgba(0,0,0,0.3);
}

@media(max-width:1300px){
    
    #back_top_icon{
        
        right: 23px;
    }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.04.2017, 12:42:56
    Author     : Marian Zybell <zybell@brandbar.de>
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
    Mediaquerys
//////////////////////////////////////////////////////////////////////////////////////////////////*/

@media(max-width:1500px){
    
    #opener_box{
        
        top: 200px;
    }
}

@media(max-width:1300px){
    
    .service_leistungen > .col_1{
        
        clear: both;
        float: none;
        width: 560px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .service_leistungen > .col_2{
        
        clear: both;
        float: none;
        width: 560px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
    }
    
    .service_leistungen > .col_1 .subcl{
        
        padding: 0px !important;
    }
    
    .service_leistungen > .col_2 .subcr{
        
        padding: 0px !important;
    }
    
    /*Allgemein*/
    .mod_article:not(.mod_article_full) .inhalt:not(.ignore), #line, #footer_text, .opener_element{
        
        width: 800px !important;
    }
    /*Nav*/

    #wrapper_nav #nav{
        
        display: none !important;
    }
    
    #menu{
      
        display: block;
    }
    /*Elemente*/
/*
    .ce_colsetStart:not(.33x33x33_late_break) .c33l, ce_colsetStart .c33r, .ce_colsetStart .c66r{
        
        width: auto;
    }
  */  
    .col-33x33x33 .subcl{
        
        padding-right: 20px !important;
    }
    
    .col-33x33x33 .subc{
        
        padding-right: 0px !important;
    }
    /*
    .col-33x33x33 .c33r{
        
        width: auto;
    }
    */
    .spaltenset_news .c33l, .spaltenset_news .c33r{
        
        width: 390px;
    }
/*                
    .col-33x66 .col_2, .col-33x33x33:not(.33x33x33_late_break) .col_3{
        
        margin-top: 10px;
        margin-left: 0;
        
        clear: both;
        float: left;
    }
*/        
    /*Footer*/
    .side_elements_left{
        
        max-width: 40%;
    }
    .side_elements_right{
        
        max-width: 50%;
        padding-left: 0;
        padding-top: 100px;
    }
}

@media (max-width:900px) {
   
    /*Allgemein*/
    .mod_article:not(.mod_article_full) .inhalt:not(.ignore), #line, #footer_text, .opener_element{
        
        width: 400px !important;
    }
    
    /*Nav*/

    #wrapper_nav #nav_social{
        
        display: none;
    }
    
    #logo{
        
        margin-top: 15px;
    }
    
    #logo img{
        
        width: 50%;
    }
    
    #menu{
        
        margin-top: 25px !important;
    }
    
    #linie{
        
        margin-top: 81px;
    }
    
    #wrapper_nav:not(.hover){
        
        height: 85px;
    }
     
    #overlay{
        
        top: 85px;
    }
    
    .mod_article:nth-child(1):not(#footer){
    
        margin-top: 85px;
    }
    
    #opener_box{
        
        width: 370px;
        margin-left: -200px;
    }
    
    #opener_box *{
    
        font-size: 2em;
    }
    
    /*Elemente*/
    
    .subcl , .subc , .subcr{
        
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .col-33x33x33 .col_2, .col-33x33x33 .col_3{
        
        margin-top: 18px;
        margin-left: 0;
        
        clear: both;
        float: left;
    }
    
    .ce_colsetStart:not(.spaltenset_news) .col_1, .ce_colsetStart:not(.spaltenset_news) .col_2, .ce_colsetStart:not(.spaltenset_news) .col_3, .ce_colsetStart:not(.spaltenset_news) .col_4{
        
        width: 100%;
    } 
    
    .col-33x66 .subcl, .col-33x33x33 .subcl{
        
        padding-right: 0px !important;
    }
        
    .ce_colsetStart .bdew_codes_icon .image_container{
        
        width: 120px;
    }
        
    .ce_colsetStart .bdew_codes_icon img{
        
        width: 120px;
    }
    
    /*Footer*/
    .side_elements_left{
        
        float: none;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .side_elements_right{
        
        float: none;
        
        margin-left: auto;
        margin-right: auto;
        
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0px;
    }
    #social, #contact_links{
        text-align: left;
    }
    
    #contact_links ul li{
        
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:700px) {
  
    .col-50x50 .c50l h1,.col-50x50 .c50r h1{
        
        padding-right: 25px;
    }
}

@media (max-width:600px) {
 
    .col-50x50 .c50l,.col-50x50 .c50r{
        
        width: 100%;
    }
}

@media (max-width:450px) {

    /*Allgemein*/
    .mod_article:not(.mod_article_full) .inhalt:not(.ignore), #line, #footer_text, #wrapper_nav_inhalt, .opener_element{
        
        width: 92% !important;
     /*   min-width: 300px;*/
    }
    
    /*Nav*/

    /*
    #headerbild{
        
        display: none;
    }
    
    #headerbild_smart{
        
        display: block;
        width: 100%;
        min-width: 320px;
        height: 100%;
    }
    
    .opener{
    
        margin-bottom: 1em;
    }
    */
    #opener_box{
        
        top: 430px;
        width: 300px;
        margin-left: -169px;
    }
    
    #opener_box *{
    
        font-size: 2em;
    }
    
    /*Elemente*/
    .ce_colsetStart .col_1, .ce_colsetStart .col_2, .ce_colsetStart .col_3{
        
        height: auto;
    }
}

@media (max-width:430px) {
    
    /*Nav*/
    /*
    #logo img{
        
        width: 100%;
    }
    */
    /*Footer*/

    .side_elements_left{
        
        padding-left: 0;
        padding-right: 0;
    }
    
    #social img{
        
        padding-left: 0px;
    }
    
    #contact_links ul li{
        
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (max-width:400px) {
    
    #opener_box{
        
        top: 400px;
        width: 300px;
        margin-left: -169px;
    }
    
    #toplink {
        
        margin-left: 60%;
    }
    
    #footer_links li a{
        
        padding-right: 0.5em;
    }
    #link_kontakt, #link_datenschutz {
        
        padding-left: 0.5em;
    }
  
    #logo_links {
        
        display: none;
    }
    
    #logo_mobil {
        
        display: block;
    }
}

@media(max-width:300px){
        
       .mod_article:not(.mod_article_full) .inhalt:not(.ignore), #line, #footer_text, #wrapper_nav_inhalt, .opener_element{
        
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}