/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('../fonts/roboto-v20-latin-100.woff') format('woff');
}

/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-v20-latin-300.woff') format('woff');
}

/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v20-latin-regular.woff') format('woff');
}

/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v20-latin-500.woff') format('woff');
}

/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v20-latin-700.woff') format('woff');
}

/* Own Webfont */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('../fonts/roboto-v20-latin-300italic.woff') format('woff');
}



/* --------- For all viewports | desktop first --------- */

/* --- Navigation-Styles --- */

/* Deep Level Navigation | Visualization shows the call from a detailpage (Visumsvorschriften). Our initial draft with explanations and dimensions can be found here:https://xd.adobe.com/spec/c0f1b9c2-07dc-496d-75b9-2b34abaf5ed4-b6c0/A similar navigation, which shows the opening as well as the responsive behaviour, can be found here: https://www.kuka.com/ */
nav.dln {
width:100%; 
height:100%; 
max-width: 1440px;
margin-left: auto; margin-right: auto; 
}



/* --- Template-Styles --- */

/* DLN */
div.dln {
border-left: 1px solid rgba(222,222,222,1); border-right: 1px solid rgba(222,222,222,1); 
width:100%; 
height:100%; 
position:relative; 
overflow:hidden; 
white-space:nowrap; 
}

/* Detailpage */
div.detailpage {
margin-left: auto; margin-right: auto; 
max-width: 1440px;
width:100%; 
}

/* Delivery Objects Design Mandate */
div.DO_2 {
width:100%; 
}

/* Delivery Objects Dez. 2018 */
div.DO_1 {
width:100%; 
}

/* Detailpage (Grid) */
div.detailpage-grid {
margin-left: auto; margin-right: auto; 
max-width: 1440px;
width:100%; 
}

/* Startpage (Grid) */
div.startpage-grid {
max-width: 1440px;
width:100%; 
margin-left: auto; margin-right: auto; 
}

/* Startpage (OE) */
div.startpage-oe {
margin-left: auto; margin-right: auto; 
max-width: 1440px;
width:100%; 
}

/* Testpage (Grid) */
div.overviewpage-grid.test {
position:relative; 
max-width: 1440px;
margin-left: auto; margin-right: auto; 
width:100%; 
}

/* Search Result Page */
div.resultpage-oe {
max-width: 1440px;
margin-left: auto; margin-right: auto; 
width:100%; 
}

/* Search Result Page (no matches) */
div.resultpage-2-oe {
max-width: 1440px;
margin-left: auto; margin-right: auto; 
width:100%; 
}

/* Startpage (Theme) */
div.startpage-theme {
margin-left: auto; margin-right: auto; 
max-width: 1440px;
width:100%; 
}



/* --- Organism-Styles --- */

/* Main-Column */
div.main-column {
position:relative; 
max-width: 800px;
float:left; 
width: 58%;
margin-left: 45px; 
margin-top: 165px; 
}

/* Form */
form {
max-width: 800px;
}

/* Image Gallery */
div.image-galery {
margin-top: 36px; 
margin-bottom: 36px;
max-width: 800px;
}

/* Small Image-Teaser row */
div.row-image-teaser {
max-width: 800px;
display:flex; 
}

/* Table (with big numbers) */
div.table-1 {
max-width: 800px;
margin-top: 36px; 
margin-bottom: 36px;
position:relative; 
}

/* Image Gallery small */
div.img-gal-small-container {
max-width: 800px;
margin-top: 36px; 
margin-bottom: 36px;
position:relative; 
}

/* DLN-Tile */
div.dln-tile {
padding-bottom: 20px; padding-left: 40px; padding-right: 40px; width: 33%; 
height:100%; 
-webkit-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
-moz-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
position:relative; 
min-height: 68vh;
overflow: hidden;
float:left; 
display:block; 
}

/* DLN-Tile 2 */
div.dln-tile.i2 {
width: 25%; 
height:100%; 
}

/* DLN-Tile 3 */
div.dln-tile.i3 {
width: 25%; 
height:100%; 
}

/* DLN-Tile (Aufruf von Detailseite) */
div.dln-tile.i4 {
width: 25%; 
height:100%; 
}

/* DLN-Start */
div.dln-start {
padding-top: 37px; padding-bottom: 32px; padding-left: 45px; padding-right: 45px; width: 33%; 
-webkit-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
-moz-box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
box-shadow: 6px 0px 6px -5px rgba(0,0,0,0.16);
min-height: 68vh;
overflow: hidden;
height:100%; 
float:left; 
display:block; 
}

/* DLN-Tile 1 */
div.dln-tile.i1 {
width: 25%; 
height:100%; 
}

/* DLN-Start (2) */
div.dln-start.i0 {
width: 25%; 
height:100%; 
}

/* Header (OE) */
div.header-oe.sticky-header {
-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(222,222,222,1); 
position: -webkit-sticky; position: sticky;  
z-index: 1000;
top: 0px;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
margin-left: 45px; margin-right: 45px; 
}

/* Context-Column */
div.context-column {
width: 30%;
position: -webkit-sticky; position: sticky;
top: 200px;
margin-top: 340px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
float:right; 
max-width: 400px; 
margin-bottom: 36px;
margin-right: 45px; 
}

/* Header (Kantonsportal) */
div.header-portal.sticky-header {
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
position:relative; 
border-bottom: 1px solid rgba(222,222,222,1); 
margin-left: 45px; margin-right: 45px; 
background-color: rgba(255,255,255,1); 
}

/* Header (OE - 2 rows caption) */
div.header-2-rows.sticky-header {
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
position:relative; 
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(222,222,222,1); 
margin-left: 45px; margin-right: 45px; 
}

/* Footer (Kantonsportal) */
div.footer.kbe {
border-top: 1px solid rgba(238,238,238,1); 
padding-left: 45px; padding-right: 45px; 
background-color: rgba(252,248,243,1); 
padding-top: 35px; padding-bottom: 29px; 
position:relative; 
height: 320px; 
width: 99.95%; 
margin-left: auto; margin-right: auto; 
}

/* Footer (OE) */
div.footer.oe {
position:relative; 
border-top: 1px solid rgba(238,238,238,1); 
background-color: rgba(252,248,243,1); 
padding-top: 35px; padding-bottom: 29px; 
padding-left: 45px; padding-right: 45px; 
height: 320px; 
width: 99.95%; 
margin-left: auto; margin-right: auto; 
}

/* Text-Teaser-Group (Main-Column) */
div.row-teaser-main.main-column {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 17px;
margin-bottom: 30px; 
margin-top: 30px; 
}

/* Link-List-Group */
div.row-splitter {
display:flex; 
margin-bottom: 30px; 
margin-top: 30px; 
margin-left: 45px; margin-right: 45px; 
}

/* Text-Teaser-Group (Full-Width) */
div.row-teaser-full {
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 30px; 
margin-top: 30px; 
grid-column-gap: 17px;
}

/* Main-Column (Grid) */
div.main-column-grid {
padding-left: 45px; padding-right: 45px; 
padding-top: 35px; padding-bottom: 29px; 
background-color: rgba(222,222,222,1); 
position:relative; 
max-width: 800px;
margin-bottom: 36px;
height:100%; 
float:left; 
width: 58%;
min-height: 68vh;
overflow: hidden;
margin-left: 45px; 
margin-top: 165px; 
}

/* Context-Column (Grid) */
div.context-column-grid {
padding-left: 45px; padding-right: 45px; 
background-color: rgba(222,222,222,1); 
padding-top: 35px; padding-bottom: 29px; 
margin-bottom: 72px;
height: 400px; 
width: 30%;
position: -webkit-sticky; position: sticky;
top: 200px;
margin-top: 340px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
float:right; 
max-width: 400px; 
margin-right: 45px; 
}

/* One-Column full-width (Grid) */
div.full-wdith {
padding-left: 45px; padding-right: 45px; 
background-color: rgba(222,222,222,1); 
padding-top: 35px; padding-bottom: 29px; 
min-height: 68vh;
overflow: hidden;
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
}

/* Header (Startpage OE) */
div.header-oe-startpage.sticky-header {
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(250,241,227,1); 
position: -webkit-sticky; position: sticky;  
z-index: 1000;
top: 0px;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
margin-left: 45px; margin-right: 45px; 
}

/* Search-Area */
div.search-area {
background-color: rgba(250,241,227,1); 
-webkit-box-shadow: 0px 4px 7px -7px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
max-width: 1350px;
padding-top: 48px; padding-bottom: 50px; padding-left: calc(4.8% + 24px);; padding-right: calc(4.8% + 24px);; 
margin-left: 45px; margin-right: 45px; 
margin-bottom: 30px; 
}

/* Header (Startpage OE - scrolling) */
div.header-oe-startpage.sticky-header.as {
-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(222,222,222,1); 
position: -webkit-sticky; position: sticky;  
z-index: 1000;
top: 0px;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
margin-left: 45px; margin-right: 45px; 
}

/* Header (Startpage OE) down */
div.header-oe-startpage.sticky-header.down {
top: -175px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Header (OE) down */
div.header-oe.sticky-header.down {
top: -175px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Context-Column (Grid) down */
div.context-column-grid.down {
top: 30px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Context-Column down */
div.context-column.down {
top: 30px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Image-Teaser-Group (Full-Width) */
div.row-img-teaser-full {
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 30px; 
margin-bottom: 30px; 
grid-column-gap: 17px;
}

/* Image-Teaser-Group (Main-Column) */
div.row-img-teaser-main.main-column {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 17px;
margin-bottom: 30px; 
margin-top: 30px; 
}

/* Search-Area (active) */
div.search-area-active {
background-color: rgba(250,241,227,1); 
-webkit-box-shadow: 0px 4px 7px -7px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
max-width: 1350px;
padding-top: 48px; padding-bottom: 50px; padding-left: calc(4.8% + 24px);; padding-right: calc(4.8% + 24px);; 
margin-left: 45px; margin-right: 45px; 
margin-bottom: 30px; 
}

/* Lightbox */
div.lightbox {
display:none; 
z-index: 9999;
min-height: 300px; 
width: 80vw; height: 80vh; 
position: fixed;
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
-webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
}

/* Lightbox */
div.lightbox-dummy {
display:table; 
height: 75vh; 
width: calc(100% - 100px);
max-width: 1350px;
-webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
margin-left: auto; margin-right: auto; 
}

/* Search-Area (focus) */
div.search-area.focus {
z-index: 9998;
display:none; 
position: -webkit-sticky; position: sticky;
top: 170px;
margin-bottom: 0; 
}

/* Header (OE) active */
div.header-oe.sticky-header.active {
border-bottom: 1px solid rgba(255,255,255,1);
border:none !important; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* Lightbox 2 */
div.lightbox-2 {
display:none; 
z-index: 9999;
min-height: 300px; 
width: 80vw; height: 80vh; 
position: fixed;
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
-webkit-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
box-shadow: 1px 1px 15px -1px rgba(0,0,0,0.25);
}

/* Hero-Area */
div.hero-area {
margin-left: 45px; margin-right: 45px; 
margin-bottom: 54px;
max-width: 1350px;
}

/* Hero-Area (Theme) */
div.hero-area-theme {
margin-left: 45px; margin-right: 45px; 
margin-bottom: 54px;
max-width: 1350px;
}

/* Above-the-fold (Campaign-Site) */
div.campaign-site {
position:relative; 
height: 100vh;
}

/* Header (Theme) */
div.header-theme.sticky-header {
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(222,222,222,1); 
position: -webkit-sticky; position: sticky;  
z-index: 1000;
top: 0px;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
margin-left: 45px; margin-right: 45px; 
}

/* Header (Theme) scrolling */
div.header-theme.sticky-header.as {
-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 2px 2px rgba(255,255,255,1);
background-color: rgba(255,255,255,1); 
border-bottom: 1px solid rgba(222,222,222,1); 
position: -webkit-sticky; position: sticky;  
z-index: 1000;
top: 0px;
-webkit-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
padding-top: 12px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1350px; height: 170px; 
margin-left: 45px; margin-right: 45px; 
}

/* Main-Column (mit Bereichssuche) */
div.main-column-2 {
position:relative; 
max-width: 800px;
float:left; 
width: 58%;
margin-left: 45px; 
margin-top: 165px; 
}

/* Main-Column (News) */
div.main-column-news {
position:relative; 
max-width: 800px;
float:left; 
width: 58%;
margin-left: 45px; 
margin-top: 165px; 
}

/* Table (Default) */
div.table-2 {
max-width: 800px;
margin-top: 36px; 
margin-bottom: 36px;
position:relative; 
}

/* Hero-Area (Small Headlines) */
div.hero-area-2 {
margin-left: 45px; margin-right: 45px; 
margin-bottom: 54px;
max-width: 1350px;
}



/* --- Molecul-Styles --- */

/* Hero-Image Detailpage */
div.image-1 {
position:relative; 
cursor: pointer;
overflow:hidden; 
margin-top: 36px;
width: 100%;
max-width: 800px;
height: auto;
max-height: 400px;
}

/* Summary Box */
div.summary-box {
padding-top: 36px; padding-bottom: 36px; padding-left: 30px; padding-right: 30px; max-width: 800px; 
margin-top: 36px; 
margin-bottom: 36px;
background-color: rgba(250,241,227,1); 
}

/* Share Page */
div.sharing {
clear:both; 
display:inline-block; 
margin-top: 72px;
margin-bottom: 72px;
margin-left: 45px;
width: 100%;
max-width: 800px;
}

/* List with H3 and line */
div.list {
border-top: 1px solid rgba(222,222,222,1); border-bottom: 1px solid rgba(222,222,222,1); 
margin-left: auto; margin-right: auto; 
margin-top: 60px;
margin-bottom: 60px;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
max-width: 800px;
}

/* Form Buttons */
div.next-back-buttons {
margin-top: 40px;
margin-bottom: 40px;
max-width: 800px;
}

/* Valid Input */
div.valid.floating-label {
position:relative; 
width:100%; 
max-width: 800px;
}

/* Inputfield */
div.inputfield {
position:relative; 
}

/* Invalid Input */
div.invalid.floating-label {
position:relative; 
margin-bottom: 60px;
width: 100%;
max-width: 800px;
}

/* Inputfield (with Tooltip) */
div.help.floating-label {
position:relative; 
width:100%; 
max-width: 800px;
}

/* Inputfield (optional) */
div.form-group {
position:relative; 
max-width: 800px;
}

/* Inline Checkboxes */
div.checkboxes {
border: 1px solid rgba(112,112,112,0.5); 
display:inline-block; 
padding-top: 10px; padding-bottom: 10px; padding-left: 28px; padding-right: 62px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; max-width: 800px; 
width: 100%;
}

/* List Checkboxes */
div.checkboxes-list {
border: 1px solid rgba(112,112,112,0.5); 
padding-top: 0px; padding-bottom: 0px; padding-left: 28px; padding-right: 62px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; max-width: 800px; 
display:inline-block; 
width: 100%;
}

/* List Radio-Buttons */
div.radiobuttons-list {
padding-top: 0px; padding-bottom: 0px; padding-left: 28px; padding-right: 62px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; max-width: 800px; 
position:relative; 
border: 1px solid rgba(112,112,112,0.5); 
display:inline-block; 
width: 100%;
}

/* Inline Radio-Buttons */
div.radiobuttons {
position:relative; 
border: 1px solid rgba(112,112,112,0.5); 
padding-top: 10px; padding-bottom: 10px; padding-left: 28px; padding-right: 62px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; max-width: 800px; 
display:inline-block; 
width: 100%;
}

/* Select-Box */
div.selectbox {
position:relative; 
display:inline-block; 
border: 1px solid rgba(112,112,112,1); 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
max-width: 800px;
}

/* Gallery Image */
div.img-gal-mol {
float:left; 
position:relative; 
overflow:hidden; 
margin-right: 2%;
margin-bottom: 2%;
width: 32%;
max-width: 253px;
}

/* Gallery Image 2 */
div.img-gal-mol-2 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
max-width: 253px; 
overflow:hidden; 
float:left; 
position:relative; 
}

/* Gallery Image 3 */
div.img-gal-mol-3 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
max-width: 253px; 
overflow:hidden; 
float:left; 
margin-right: 0; 
position:relative; 
}

/* Gallery Image 4 */
div.img-gal-mol-4 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
overflow:hidden; 
max-width: 253px; 
float:left; 
position:relative; 
}

/* Gallery Image 5 */
div.img-gal-mol-5 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
overflow:hidden; 
max-width: 253px; 
float:left; 
position:relative; 
}

/* Gallery Image 6 */
div.img-gal-mol-6 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
max-width: 253px; 
margin-right: 0; 
overflow:hidden; 
float:left; 
position:relative; 
}

/* Text-Teaser sand */
div.teaser-sand-refused {
position:relative; 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
margin-bottom: 18px; 
max-width: 800px;
background-color: rgba(247,233,210,1); 
cursor:pointer; 
height: autopx;
min-height: 165px;
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused {
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
position:relative; 
margin-left: 2%; 
margin-bottom: 18px; 
max-width: 800px;
background-color: rgba(247,233,210,1); 
cursor:pointer; 
min-height: 165;
}

/* Text-Teaser orange */
div.teaser-orange {
cursor:pointer; 
background-color: rgba(245,160,75,1); 
margin-bottom: 18px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
max-width: 800px;
}

/* Text-Teaser blue */
div.teaser-blue {
cursor:pointer; 
background-color: rgba(71,118,177,1); 
margin-bottom: 18px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
max-width: 800px;
}

/* Text-Teaser green */
div.teaser-green {
cursor:pointer; 
background-color: rgba(61,134,8,1); 
margin-bottom: 18px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
max-width: 800px;
}

/* Text-Teaser red */
div.teaser-red {
background-color: rgba(234,22,31,1); 
cursor:pointer; 
margin-bottom: 18px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
max-width: 800px;
}

/* Image-Teaser */
div.image-teaser {
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 143px;
padding-left: 165px;
flex: 1;
background-image: url('../img/Hitzewelle.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: contain; 
margin-bottom: 18px; 
background-color: rgba(247,233,210,1); 
overflow:hidden; 
}

/* Image-Teaser small (2) */
div.image-teaser-s-2 {
background-image: url('../img/Rathaus_Bern.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: contain; 
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 143px;
padding-left: 165px;
flex: 1;
margin-right: 0; 
margin-bottom: 18px; 
background-color: rgba(247,233,210,1); 
}

/* Image-Teaser small */
div.image-teaser-s {
background-image: url('../img/Hitzewelle.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: contain; 
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 143px;
padding-left: 165px;
flex: 1;
margin-right: 2%; 
margin-bottom: 18px; 
background-color: rgba(247,233,210,1); 
}

/* Splitter */
div.splitter {
flex: 1;
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
background-color: rgba(247,233,210,1); 
position:relative; 
margin-bottom: 18px; 
}

/* Splitter (2) */
main.splitter-2 {
flex: 1;
margin-bottom: 18px; 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
margin-left: 2%; 
background-color: rgba(247,233,210,1); 
position:relative; 
}

/* Splitter extended */
div.splitter-ext {
flex: 1;
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
margin-bottom: 18px; 
background-color: rgba(247,233,210,1); 
position:relative; 
min-height: 165px;
}

/* Splitter extended (2) */
main.splitter-ext-2 {
flex: 1;
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
margin-left: 2%; 
background-color: rgba(247,233,210,1); 
margin-bottom: 18px; 
position:relative; 
min-height: 165px;
}

/* Table Container 1 */
div.table-container-1 {
overflow-x: auto;
overflow-y: hidden;
max-width: 800px;
}

/* Img Gallery small */
div.img-gal-small {
max-width: 800px;
margin-bottom: 10px; 
width:100%; 
display:flex; 
}

/* Step Box */
div.step-box {
max-width: 800px;
background-color: rgba(250,241,227,1); 
width:100%; 
display:table; 
}

/* Step Box (inactive) */
div.step-box-inactive {
max-width: 800px;
opacity: 0.4;
background-color: rgba(250,241,227,1); 
width:100%; 
display:table; 
}

/* Inpage-Search */
div.inpage-search {
background-color: rgba(247,233,210,1); 
position:relative; 
max-width: 800px;
}

/* Video Container */
div.video {
max-width: 800px;
width:100%; 
position:relative; 
margin-top: 18px;
}

/* Service-Navigation */
div.service-nav {
position:absolute; 
right:0; 
}

/* Signet (OE) */
div.signet-oe-2 {
position:absolute; 
left:0;
top: 15px;
bottom: 29px;
cursor:pointer; 
}

/* Main-Menue (OE) */
div.main-nav {
position:absolute; 
padding-top: 10px;
height: 82px;
right:0; 
bottom:0; 
}

/* Mobile-Navigation */
div.mobile-nav {
display:none; 
width: calc(70px + 10%); 
top: 35px;
position:absolute; 
right:0; 
}

/* Signet (2-row caption) */
div.signet-2-rows-2 {
position:absolute; 
left:0; 
bottom: 20px;
cursor:pointer; 
}

/* Mobile-Navigation (Startpage) */
div.mobile-nav-startpage {
display:none; 
width: calc(70px + 10%); 
top: 35px;
position:absolute; 
right:0; 
}

/* Main-Menue (Kantonsportal) */
div.main-nav-portal {
position:absolute; 
padding-top: 10px;
height: 82px;
right:0; 
bottom:0; 
}

/* Social Media Icons */
div.sm-icons {
position:absolute; 
right:0; 
padding-left: 45px; padding-right: 45px; 
top: 70px;
margin-right: -1px; 
margin-left: -1px; 
}

/* Footer-Navigation */
div.footer-nav {
position:absolute; 
right:0; 
bottom: 30px;
padding-left: 45px; padding-right: 45px; 
}

/* Signet (OE) Footer */
div.signet-oe-footer {
margin-bottom: 24px; 
}

/* Step Box (long Text) */
div.step-box {
max-width: 800px;
background-color: rgba(250,241,227,1); 
width:100%; 
display:table; 
}

/* Menue-Item */
div.menue-item {
padding-top: 11px; padding-bottom: 10px; 
cursor:pointer; 
max-width: 800px;
width:100%; 
position:relative; 
margin-bottom: 3px; 
display: flex;
align-items: center;
}

/* Menue-Item 2 */
div.menue-item-active.i2 {
cursor: default;
}

/* Menue-Page */
div.menue-page {
padding-top: 11px; padding-bottom: 10px; 
cursor: default;
width:100%; 
position:relative; 
margin-bottom: 3px; 
display: flex;
align-items: center;
}

/* Menue-Item 4 */
div.menue-item-active.i4 {
cursor: default;
}

/* DLN-Header */
div.dln-header {
min-height: 170px; 
white-space: normal;
position:relative; 
margin-bottom: 24px; 
width:100%; 
border-bottom: 1px solid rgba(182,182,182,1); 
}

/* Menue-Item active */
div.menue-item-active {
padding-top: 11px; padding-bottom: 10px; 
cursor:pointer; 
width:100%; 
position:relative; 
max-width: 800px;
margin-bottom: 3px; 
display: flex;
align-items: center;
}

/* DLN Footer */
div.dln-footer {
position: absolute;
bottom: 0px;
left: 14px;
right: 14px;
z-index: +1;
-webkit-box-shadow: 0px -10px 12px 5px rgba(255,255,255,1);
-moz-box-shadow: 0px -10px 12px 5px rgba(255,255,255,1);
box-shadow: 0px -10px 12px 5px rgba(255,255,255,1);
background-color: rgba(255,255,255,1); 
height: 74px; 
}

/* OffCanvas Service-Navigation */
div.offcanvas-service-nav {
margin-top: 108px; 
display:none; 
background-color: rgba(250,241,227,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
width:100%; 
}

/* OffCanvas Service-Navigation */
div.offcanvas-service-navi {
margin-top: 72px; 
background-color: rgba(250,241,227,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
width:100%; 
}

/* Meldungsbox */
div.alert-box {
background-color: rgba(78,78,78,0.95); 
position:relative; 
display:table; 
width:100%; 
}

/* Breadcrumb (refused) */
div.breadcrumb_refused {
clear:both; 
}

/* Text-Teaser sand */
div.teaser-sand {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
margin-bottom: 20px;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
max-width: 800px;
height: auto;
}

/* Main-Menue (Startpage OE) */
div.main-nav-startpage {
position:absolute; 
padding-top: 10px;
height: 82px;
right:0; 
bottom:0; 
}

/* Search Input Container (active) */
div.search-input-box.active {
position:relative; 
background-color: rgba(255,255,255,1); 
margin-top: 20px;
margin-bottom: 20px;
width: auto;
}

/* Search Input Container */
div.search-input-box {
position:relative; 
background-color: rgba(255,255,255,1); 
margin-top: 20px;
margin-bottom: 20px;
width: auto;
}

/* Search Suggestions */
div.search-suggests {
height: 0px; 
overflow:hidden; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin-top: 0;
margin-bottom: 0;
width: 100%;
}

/* Search Suggestions (active) */
div.search-suggests.active {
height:auto; 
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
}

/* Image-Teaser */
div.img-teaser {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position:relative; 
overflow:hidden; 
margin-bottom: 20px;
padding-bottom: 27px;
max-width: 800px;
height: auto;
min-height: 165px;
}

/* Image-Teaser 2 */
div.img-teaser.i2 {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position:relative; 
overflow:hidden; 
margin-bottom: 20px;
padding-bottom: 27px;
max-width: 800px;
height: auto;
min-height: 165px;
}

/* Image-Teaser 3 */
div.img-teaser.i3 {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background-color: rgba(247,233,210,1); 
cursor:pointer; 
position:relative; 
overflow:hidden; 
margin-bottom: 20px;
padding-bottom: 27px;
max-width: 800px;
height: auto;
min-height: 165px;
}

/* Image-Teaser 4 */
div.img-teaser.i4 {
background-color: rgba(247,233,210,1); 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor:pointer; 
position:relative; 
overflow:hidden; 
margin-bottom: 20px;
padding-bottom: 27px;
max-width: 800px;
height: auto;
min-height: 165px;
}

/* Image-Teaser 5 */
div.img-teaser.i5 {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position:relative; 
overflow:hidden; 
margin-bottom: 20px;
padding-bottom: 27px;
max-width: 800px;
height: auto;
min-height: 165px;
}

/* Tabs (Search-Result Filter) */
div.nav-tabs {
border-bottom: 1px solid rgba(182,182,182,1); 
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
margin-top: 54px;
}

/* Search Result */
div.search-result {
background-image: url('../img/arrow-right_large.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
cursor:pointer; 
margin-left: 45px; margin-right: 45px; 
background-size: 16px 24px;
background-position: calc(100% - 30px) center;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
border-bottom: 1px solid rgba(182,182,182,1); 
max-width: 1350px;
position:relative; 
padding-top: 30px;
padding-right: 70px;
padding-bottom: 15px;
padding-left: 30px;
}

/* Pagination */
div.pagination {
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
text-align:left; 
margin-top: 36px;
height: 240px;
}

/* Search Result with Image */
div.search-result.a1 {
min-height: 178px;
}

/* List with H3 and line (2) */
div.list-2 {
border-top: 1px solid rgba(222,222,222,1); border-bottom: 1px solid rgba(222,222,222,1); 
margin-left: auto; margin-right: auto; 
margin-top: 60px;
margin-bottom: 60px;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
max-width: 800px;
}

/* Lightbox Information */
div.lightbox-info {
position:relative; 
background-color: rgba(255,255,255,1); 
vertical-align:top; 
padding-top: 10px;
padding-right: 30px;
padding-bottom: 60px;
padding-left: 30px;
width: 340px;
min-height: 500px;
}

/* Pagination (ohne Input) */
div.pagination-2 {
text-align:left; 
margin-top: 36px;
height: 240px;
}

/* Search Input Container (focus) */
div.search-input-box.focus {
position:relative; 
background-color: rgba(255,255,255,1); 
margin-top: 20px;
margin-bottom: 20px;
width: auto;
}

/* Lightbox Information (2) */
div.lightbox-info-2 {
position:relative; 
background-color: rgba(255,255,255,1); 
vertical-align:top; 
padding-top: 10px;
padding-right: 30px;
padding-bottom: 60px;
padding-left: 30px;
width: 340px;
min-height: 500px;
}

/* Hero-Area (Big Image) */
div.image-2 {
position:relative; 
cursor: pointer;
overflow:hidden; 
float:left; 
margin-bottom: 17px;
width: calc(66.6% - 5.67px);
height: 100%;
}

/* Hero-Area (Right-Column) */
div.hero-area-right-col {
float:right; 
margin-bottom: 17px;
width: calc(33.3% - 11.34px);
height: 100%;
}

/* Hero-Area (Sub-Row) */
div.hero-area-sub.clearfix {
width:100%; 
}

/* Hero-Area (Theme-Site) */
div.image-3 {
position:relative; 
cursor: pointer;
overflow:hidden; 
margin-bottom: 17px;
}

/* Hero-Area (Campaign-Site) */
div.hero-area-campaign {
position:relative; 
display:table; 
width: 100%;
height: calc(100% - 102px);
}

/* Header (Campaign-Site) */
div.campaign-header {
background-color: rgba(255,255,255,1); 
-webkit-box-shadow: 0px 4px 7px -7px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
box-shadow: 0px 4px 7px -7px  rgba(0,0,0,0.4);
width: 100%;
height: 102px;
}

/* Signet (Theme) */
div.signet-theme-2 {
position:absolute; 
left:0; 
bottom: 29px;
cursor:pointer; 
}

/* Inputfield (medium 1) */
div.form-group-medium-left {
position:relative; 
float:left; 
width: 47.5%;
}

/* Inputfield (medium 2) */
div.form-group-medium-right {
position:relative; 
float:right; 
width: 47.5%;
}

/* Inputfield (medium) */
div.form-group-medium {
position:relative; 
width: 47.5%;
}

/* Inputfield (small) */
div.form-group-small {
position:relative; 
width: 31.25%;
}

/* Inputfield (small 1) */
div.form-group-small-left {
position:relative; 
float:left; 
margin-right: 3.125%;
width: 31.25%;
}

/* Inputfield (small 3) */
div.form-group-small-right {
position:relative; 
float:right; 
width: 31.25%;
}

/* Inputfield (small 2) */
div.form-group-small-middle {
position:relative; 
float:left; 
margin-right: 3.125%;
width: 31.25%;
}

/* Breadcrumb */
div.breadcrumb {
clear:both; 
}

/* Inputfield (optional + Tooltip) */
div.form-group-opt-tt {
position:relative; 
max-width: 800px;
}

/* Textarea */
div.textarea {
position:relative; 
width:100%; 
max-width: 800px;
}

/* Select-Box (open) */
div.selectbox.open {
border: 1px solid rgba(0,0,0,1); 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
max-width: 800px;
}

/* Inputfield (File-Upload error) */
div.file-upload-error.floating-label {
position:relative; 
display:inline-block; 
border: 1px solid rgba(234,22,31,1); 
background-image: url('../img/Upload Icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
margin-top: 20px;
margin-bottom: 54px;
width: 100%;
max-width: 800px;
}

/* Inputfield (File-Upload success) */
div.file-upload-success.floating-label {
position:relative; 
display:inline-block; 
background-image: url('../img/Upload Icon valid.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
max-width: 800px;
}

/* Inputfield (File-Upload) */
div.file-upload.floating-label {
position:relative; 
display:inline-block; 
border: 1px solid rgba(112,112,112,1); 
background-image: url('../img/Upload Icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
max-width: 800px;
}

/* Inline Radio-Buttons (error) */
div.radiobuttons.error {
position:relative; 
padding-top: 10px; padding-bottom: 10px; padding-left: 28px; padding-right: 62px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; max-width: 800px; 
border: 1px solid rgba(234,22,31,1); 
display:inline-block; 
margin-bottom: 30px;
padding-right: 101px;
width: 100%;
}

/* Inputfield with watermark | If a field (input, select, textarea) watermarked (e.g. like here with DD:MM:YYYY) the label does not floating, it is already at this position at the top of the field. */
div.inputfield-watermarked {
position:relative; 
}

/* Tabs (Inpage Filter) */
div.nav-tabs-ext {
border-bottom: 1px solid rgba(182,182,182,1); 
position:relative; 
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
margin-top: 54px;
}

/* Inpage-Search (extended) */
div.inpage-search-extended {
border-bottom: 1px solid rgba(182,182,182,1); 
cursor: default;
position:relative; 
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
max-width: 800px;
}

/* News List Item in Content */
div.news-list-item {
background-image: url('../img/arrow-right_large.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
cursor:pointer; 
background-size: 16px 24px;
background-position: calc(100% - 20px) center;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
border-bottom: 1px solid rgba(182,182,182,1); 
position:relative; 
padding-top: 30px;
padding-right: 70px;
padding-bottom: 15px;
padding-left: 20px;
max-width: 800px;
}

/* News List Item 4 */
div.news-list-item.v4 {
min-height: 150px;
}

/* News List Item (full-width) */
div.news-list-item.full-width {
max-width: 1350px;
margin-left: 45px; margin-right: 45px; 
padding-top: 30px;
padding-right: 70px;
padding-bottom: 15px;
padding-left: 20px;
}

/* End of News-List */
div.end-news-list {
margin-top: 10px;
margin-bottom: 70px;
}

/* Inpage-Search (extended open) */
div.inpage-search-extended.open {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
max-width: 800px;
}

/* Inputfield (Date from) */
div.date-from.floating-label {
position:relative; 
background-image: url('../img/datepicker_bg.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
display:inline-block; 
float:left; 
margin-top: 20px;
margin-bottom: 20px;
width: 47.5%;
max-width: 800px;
}

/* Inputfield (Date to) */
div.date-to.floating-label {
position:relative; 
background-image: url('../img/datepicker_bg.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
display:inline-block; 
float:right; 
margin-top: 20px;
margin-bottom: 20px;
width: 47.5%;
max-width: 800px;
}

/* Select-Box (50%) */
div.selectbox-small {
position:relative; 
display:inline-block; 
float:left; 
border: 1px solid rgba(112,112,112,1); 
margin-top: 20px;
margin-bottom: 20px;
width: 47.5%;
max-width: 380px;
}

/* Select-Box with Optgroup (50%) */
div.selectbox-og-small {
position:relative; 
display:inline-block; 
float:left; 
border: 1px solid rgba(112,112,112,1); 
margin-top: 20px;
margin-bottom: 20px;
width: 47.5%;
max-width: 380px;
}

/* Select-Box with Checkboxes (50%) */
div.selectbox-oga-small {
position:relative; 
display:inline-block; 
float:right; 
border: 1px solid rgba(112,112,112,1); 
margin-top: 20px;
margin-bottom: 20px;
width: 47.5%;
max-width: 380px;
}

/* Image + Text (2 Column) */
div.img50-txt50 {
padding-bottom: 50px;
max-width: 800px;
}

/* Text + Image (2 Column) */
div.txt50-img50 {
padding-bottom: 50px;
max-width: 800px;
}

/* Image (small) + Text (2 Column) */
div.img25-txt75 {
padding-bottom: 50px;
max-width: 800px;
}

/* Text + Image (small) - 2 Column */
div.txt75-img25 {
padding-bottom: 50px;
max-width: 800px;
}

/* Table Container 2 */
div.table-container-2 {
overflow-x: auto;
overflow-y: hidden;
max-width: 800px;
}

/* Gallery Image 7 */
div.img-gal-mol-7 {
margin-bottom: 2%; margin-right: 2%; width: 32%; 
overflow:hidden; 
max-width: 253px; 
float:left; 
position:relative; 
}

/* Hero-Area (Right-Column Small HL) */
div.hero-area-right-col-2 {
float:right; 
margin-bottom: 17px;
width: calc(33.3% - 11.34px);
height: 100%;
}

/* Hero-Area (Sub-Row Small HL) */
div.hero-area-sub-2.clearfix {
width:100%; 
}

/* Hero-Area (Big Image - small HL) */
div.image-2-small {
position:relative; 
cursor: pointer;
overflow:hidden; 
float:left; 
margin-bottom: 17px;
width: calc(66.6% - 5.67px);
height: 100%;
}


/* Styles for Moleculs in Organisms */
div.main-column > div.breadcrumb {
position: absolute;
top: -150px;
left: 0;
}

div.lightbox > div.lightbox-info {
display: table-cell;
}

div.lightbox-dummy > div.lightbox-info {
display: table-cell;
}

div.lightbox-2 > div.lightbox-info-2 {
display: table-cell;
}

div.header-theme.sticky-header > div.main-nav-theme {
position: absolute;
bottom: 0px;
right: 0px;
}

div.header-theme.sticky-header.as > div.main-nav-theme {
position: absolute;
bottom: 0px;
right: 0px;
}

div.main-column-2 > div.breadcrumb {
position: absolute;
top: -150px;
left: 0;
}

div.main-column-2 > div.sharing {
margin-top: 30px;
margin-left: 0;
}

div.main-column-news > div.breadcrumb {
position: absolute;
top: -150px;
}

/* Text-Teaser sand */
div.teaser-sand-refused:hover, div.teaser-sand-refused:focus {
background-color: rgba(242,224,195,1); 
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused:hover, main.teaser-sand-2-refused:focus {
background-color: rgba(242,224,195,1); 
}

/* Text-Teaser orange */
div.teaser-orange:hover, div.teaser-orange:focus {
background-color: rgba(232,137,43,1); 
}

/* Text-Teaser blue */
div.teaser-blue:hover, div.teaser-blue:focus {
background-color: rgba(57,100,155,1); 
}

/* Text-Teaser green */
div.teaser-green:hover, div.teaser-green:focus {
background-color: rgba(55,120,7,1); 
}

/* Text-Teaser red */
div.teaser-red:hover, div.teaser-red:focus {
background-color: rgba(208,16,24,1); 
}

/* Image-Teaser */
div.image-teaser:hover, div.image-teaser:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser small (2) */
div.image-teaser-s-2:hover, div.image-teaser-s-2:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser small */
div.image-teaser-s:hover, div.image-teaser-s:focus {
background-color: rgba(242,224,195,1); 
}

/* Splitter */
div.splitter:hover, div.splitter:focus {
background-color: rgba(242,224,195,1); 
}

/* Splitter (2) */
main.splitter-2:hover, main.splitter-2:focus {
background-color: rgba(242,224,195,1); 
}

/* Splitter extended */
div.splitter-ext:hover, div.splitter-ext:focus {
background-color: rgba(242,224,195,1); 
}

/* Splitter extended (2) */
main.splitter-ext-2:hover, main.splitter-ext-2:focus {
background-color: rgba(242,224,195,1); 
}

/* Text-Teaser sand */
div.teaser-sand:hover, div.teaser-sand:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser */
div.img-teaser:hover, div.img-teaser:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser 2 */
div.img-teaser.i2:hover, div.img-teaser.i2:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser 3 */
div.img-teaser.i3:hover, div.img-teaser.i3:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser 4 */
div.img-teaser.i4:hover, div.img-teaser.i4:focus {
background-color: rgba(242,224,195,1); 
}

/* Image-Teaser 5 */
div.img-teaser.i5:hover, div.img-teaser.i5:focus {
background-color: rgba(242,224,195,1); 
}

/* Search Result */
div.search-result:hover, div.search-result:focus {
background-color: rgba(248,248,248,1); 
background-size: 16px 24px;
background-position: calc(100% - 20px) center;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

/* Search Result with Image */
div.search-result.a1:hover, div.search-result.a1:focus {
background-color: rgba(248,248,248,1); 
background-size: 16px 24px;
background-position: calc(100% - 20px) center;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

/* Inputfield (File-Upload error) */
div.file-upload-error.floating-label:hover, div.file-upload-error.floating-label:focus {
background-image: url('../img/Upload Icon Hover.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
}

/* Inputfield (File-Upload) */
div.file-upload.floating-label:hover, div.file-upload.floating-label:focus {
background-image: url('../img/Upload Icon Hover.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
}

/* News List Item in Content */
div.news-list-item:hover, div.news-list-item:focus {
background-color: rgba(248,248,248,1); 
background-size: 16px 24px;
background-position: calc(100% - 15px) center;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

/* Inputfield (Date from) */
div.date-from.floating-label:hover, div.date-from.floating-label:focus {
background-image: url('../img/datepicker_bg_.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
}

/* Inputfield (Date to) */
div.date-to.floating-label:hover, div.date-to.floating-label:focus {
background-image: url('../img/datepicker_bg_.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
}

/* Gallery Image */
div.img-gal-mol::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Gallery Image 2 */
div.img-gal-mol-2::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Gallery Image 3 */
div.img-gal-mol-3::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Gallery Image 4 */
div.img-gal-mol-4::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Gallery Image 5 */
div.img-gal-mol-5::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Gallery Image 6 */
div.img-gal-mol-6::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Menue-Page 3 */
div.menue-page.active::before {
content: '';
width: calc(100% + 80px);
height: 100%;
background-color: rgba(252,248,243,1);
border-left: 6px solid rgba(234,22,31,1);
position: absolute;
z-index: -1;
left: -40px;
cursor: default;
}

/* Menue-Page (Startseite) */
div.menue-page.start.active::before {
content: '';
width: calc(100% + 90px);
height: 100%;
background-color: rgba(252,248,243,1);
border-left: 6px solid rgba(234,22,31,1);
position: absolute;
z-index: -1;
left: -45px;
cursor: default;
}

/* Gallery Image 7 */
div.img-gal-mol-7::before {
padding-top: 100%; 
display:block; 
content:''; 
}

/* Text-Teaser sand */
div.teaser-sand-refused::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Splitter */
div.splitter::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Splitter (2) */
main.splitter-2::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Splitter extended */
div.splitter-ext::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Splitter extended (2) */
main.splitter-ext-2::after {
width: 16px;
height: 24px;
content: " ";
background-image: url(../img/arrow-right_large.svg);
position: absolute;
right: 28px;
top: 25px;
}

/* Menue-Item */
div.menue-item::after {
content: ' ';
position: absolute;
width: 10px;
height: 50px;
right: 0;
background-image: url(../img/arrow-right_large.svg);
background-size: 12px 18px;
background-position: center left;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
-webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px);
}

/* Menue-Item active */
div.menue-item-active::after {
content: ' ';
position: absolute;
width: 10px;
height: 50px;
right: -18px;
background-image: url(../img/arrow-right_red.svg);
background-size: 12px 18px;
background-position: center left;
background-repeat: no-repeat;
transition: all 250ms ease-in-out;
-webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px);
}



/* --- Atom-Styles --- */

/* Body-Text */
p {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
margin-bottom: 15px;
margin-top: -2px;
max-width: 800px;
font-size: 16px; line-height: 26px;
}

/* H1 */
h1 {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 100;
margin: 0 0 44px -2px;
max-width: 800px;
font-size: 54px; line-height: 62px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
margin-left: -2px;
}

/* Intro-Text */
p.intro {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
margin-bottom: 18px;
margin-top: -4px;
max-width: 800px;
font-size: 18px; line-height: 28px;
}

/* Enlarge-Icon */
div.enl-ico.open-lightbox-2 {
background-image: url('../img/enlarge-icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
opacity: 0.6;
cursor:pointer; 
width: 46px;
height: 46px;
}

/* Image-1 */
img.img-1 {
-webkit-transition: transform 1800ms ease-in-out; 
transition: transform 1800ms ease-in-out;
width: 100%;
}

/* Image-Caption */
div.image_caption {
width:100%; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 14px; line-height: 18px;
margin: 8px 0 42px;
max-width: 800px;
}

/* Link-List Style 1 */
a.li {
position:relative; 
display:block; 
margin-left: 18px !important;
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 125%;
text-decoration: none; 
}

/* Link-List */
p.li {
margin-top: 36px; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
color: rgba(0,0,0,1); 
}

/* H2 */
h2 {
font-size: 30px; line-height: 36px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
margin: 0 0 12px -2px;
max-width: 800px;
color: rgba(0,0,0,1); 
margin-left: -2px;
}

/* H3 */
h3 {
font-size: 26px; line-height: 30px;
margin: 0 0 12px -1px;
max-width: 800px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
margin-left: -1px;
}

/* Label before Headline */
span.label-content {
display:block; 
color: rgba(112,112,112,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
margin-bottom: 12px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

/* Link-List Style 2 */
a.link-li {
position:relative; 
display:block; 
margin-left: 18px !important;
margin-bottom: 18px; 
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 125%;
}

/* Link-List underline */
p.link-li {
margin-top: 36px; 
font-size: 16px; line-height: 26px;
color: rgba(0,0,0,1); 
}

/* List-Style */
li {
position:relative; 
display:block; 
margin-left: 18px !important;
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
text-decoration: none; 
}

/* List with margin */
ul {
margin-top: 36px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
color: rgba(0,0,0,1); 
}

/* Label Clone (Sharing) */
label.sharing {
display:block; 
color: rgba(112,112,112,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
margin-bottom: 15px; 
}

/* Facebook (color) */
div.facebook-c {
background-image: url('../img/facebook-logo-c.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
display:inline-block; 
width: 32px; height: 32px; 
margin-right: 15px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Instagram (color) */
div.instagram-c {
display:inline-block; 
background-image: url('../img/instagram-logo-c.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 15px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Twitter (color) */
div.twitter-c {
display:inline-block; 
background-image: url('../img/twitter-logo-c.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 15px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Google+ (color) */
div.google-c {
background-image: url('../img/google-plus-logo-c.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
display:inline-block; 
width: 32px; height: 32px; 
margin-right: 15px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* E-Mail (color) */
div.email-c {
display:inline-block; 
background-image: url('../img/email-c.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 15px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* List */
ul.list {
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
color: rgba(0,0,0,1); 
font-size: 16px; line-height: 26px;
}

/* Grey line */
div.hr {
background-color: rgba(112,112,112,0.5); 
margin-top: 30px;
margin-right: 45px;
margin-bottom: 30px;
margin-left: 45px;
height: 1px;
}

/* Primary Button */
button.primary {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
text-align:center; 
display: inline-block;
height: 49px;
border-radius: 49px;
border: none;
padding: 12px 40px;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
cursor: pointer;
}

/* Submit Button */
button.submit {
overflow:hidden; 
text-align:center; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
display: inline-block;
height: 49px;
border-radius: 49px;
border: none;
padding: 12px 32px 12px 0px;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
cursor:pointer; 
}

/* Secondary Button */
button.secondary {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(255,255,255,1); 
display: inline-block;
height: 49px;
border-radius: 49px;
border: 1px solid #4E4E4E;
padding: 12px 39px 12px 44px ;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
text-align:center; 
cursor:pointer; 
}

/* Go-Next Button */
button.go-next {
text-align:center; 
color: rgba(255,255,255,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(78,78,78,0.95); 
display: inline-block;
height: 49px;
border-radius: 49px;
border: none;
padding: 12px 30px 12px 0px;
vertical-align: middle;
margin: 40px 30px 40px 0;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
cursor: pointer;
overflow: hidden;
}

/* Go-Back Button */
button.go-back {
overflow:hidden; 
text-align:center; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(255,255,255,1); 
color: rgba(112,112,112,1); 
display: inline-block;
height: 49px;
border-radius: 49px;
border: 1px solid #4E4E4E;
padding: 12px 0px 12px 30px ;
vertical-align: middle;
margin: 40px 30px 40px -1px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
cursor: pointer;
}

/* Small Button | This button style is not for form use, but for navigation use! */
button.small {
text-align:center; 
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 14px; line-height: 18px;
line-height: 125%;
display: inline-block;
height: 44px;
border-radius: 44px;
border: none;
padding: 11px 38px;
vertical-align: middle;
margin: 15px 30px 15px 0;
transition: all 250ms ease-in-out;
cursor: pointer;
}

/* Primary Button n-active */
button.primary.not-active {
text-align:center; 
background-color: rgba(222,222,222,1); 
color: rgba(255,255,255,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
display: inline-block;
height: 49px;
border-radius: 49px;
border: none;
padding: 12px 40px;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
cursor: default;
}

/* Second. Button n-active */
button.secondary.non-active {
text-align:center; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(112,112,112,1); 
background-color: rgba(255,255,255,1); 
display: inline-block;
height: 49px;
border-radius: 49px;
border: 1px solid #4E4E4E;
padding: 12px 39px 12px 44px ;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
opacity: 0.3;
cursor: default;
}

/* Inputfield */
input[type=text].floating-label {
padding-right: 62px !important; 
}

/* Valid Input */
input.valid {
padding-right: 62px !important; 
}

/* Valid Icon */
img.valid {
position: absolute;
content: "";
height: 31px;
width: 31px;
right: 16px;
top: 33px;
}

/* Inputfield */
input.notice {
padding-right: 62px !important; 
}

/* Notice Icon */
img.notice {
position: absolute;
content: "";
height: 31px;
width: 31px;
right: 16px;
top: 33px;
}

/* Invalid Icon */
img.invalid {
position: absolute;
content: "";
height: 31px;
width: 31px;
right: 16px;
top: 33px;
}

/* Invalid Input */
input.invalid {
padding-right: 62px !important; 
color: rgba(0,0,0,1); 
}

/* Help Icon */
img.help {
position: absolute;
height: 31px;
width: 31px;
right: 16px;
top: 33px;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Input with help */
input.help {
padding-right: 62px !important; 
}

/* Floating label */
label.floating-label {
font-size: 13px; line-height: 17px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
position:absolute; 
-webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);
-webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;
top: 1px;
left: 23px;
background-color: #fff;
padding: 2px 5px;
opacity:1; 
}

/* Error notice */
span.error, p.operationerror {
color: rgba(234,22,31,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 13px; line-height: 17px;
display:inline-block; 
}

/* New Checkbox */
span.checkbox {
position:absolute; 
display:inline-block; 
width: 26px; height: 26px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
border: 1px solid rgba(112,112,112,1); 
top: -4px; left: 0;
}

/* Native Checkbox */
input[type=checkbox] {
display:none; 
}

/* Native Radiobutton */
input[type=radio] {
display:none; 
}

/* Inline Checkbox  + Label */
label.checkbox {
position:relative; 
display:inline-block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-top: 10px;
margin-right: 37px;
margin-bottom: 20px;
padding-left: 35px;
}

/* Block Checkbox  + Label */
label.checkbox-block {
width:100%; 
position:relative; 
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 37px;
}

/* Checkbox checked */
span.checked {
position:absolute; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
top: 3px; left: 7px; 
height: 12px; width: 12px;
opacity: 0;
background-color: rgba(0,0,0,1); 
}

/* New Radio-Button */
span.radio {
position:absolute; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
border: 1px solid rgba(112,112,112,1); 
border-radius: 50%;
width: 28px; height: 28px; 
top: -4px; left: -1px;
}

/* Inline Radio + Label */
label.radio {
position:relative; 
display:inline-block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-top: 10px;
margin-right: 37px;
margin-bottom: 20px;
padding-left: 35px;
}

/* Radio checked */
span.checked-r {
position:absolute; 
display:inline-block; 
background-color: rgba(0,0,0,1); 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
opacity: 0;
border-radius: 50%;
top: 4px; 
left: 7px; 
height: 12px; 
width: 12px;
border-radius: 50%;
}

/* Block Radio  + Label */
label.radio-block {
width:100%; 
position:relative; 
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 37px;
}

/* Optional notice */
span.optional {
position:absolute; 
display:inline-block; 
-webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); 
-webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;
top: 0;
right: 13px;
background-color: #fff;
padding: 2px 5px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 13px; line-height: 17px;
color: rgba(0,0,0,1); 
}

/* Select-Box */
div.select {
color: rgba(112,112,112,1); 
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 18px;
padding-right: 62px;
padding-bottom: 12px;
padding-left: 28px;
width: 100%;
max-width: 800px;
height: 59px;
}

/* Selectbox Icon */
img.select {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 18px;
height: 18px;
}

/* Text-Link in Text */
a {
text-decoration: underline; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
color: rgba(0,0,0,1); 
}

/* Galery Image 1 */
div.img-galery {
width:100%; 
height:100%; 
position:absolute; 
background-image: url('../img/Bild1.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
top: 0; left: 0;
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Galery Image 2 */
div.img-galery.i2 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Bild2.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Galery Image 3 */
div.img-galery.i3 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Bild3.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Galery Image 4 */
div.img-galery.i4 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Bild4.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Galery Image 5 */
div.img-galery.i5 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Bild5.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Galery Image 6 */
div.img-galery.i6 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Bild6.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* More Button */
button.primary.more {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
text-align:center; 
display: inline-block;
height: 49px;
border-radius: 49px;
border: none;
padding: 12px 40px;
vertical-align: middle;
margin: 40px 30px 40px -1px;
transition: all 250ms ease-in-out;
cursor: pointer;
}

/* Text-Link as Container */
a.text-link {
color: rgba(0,0,0,1); 
text-decoration:none !important; 
border-bottom: 1px solid rgba(0,0,0,1);
display:inline; 
cursor:pointer; 
margin-top: 10px;
}

/* Label in Teaser */
span.teaser-label {
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
margin-bottom: 15px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
color: rgba(0,0,0,1); 
}

/* Label-Teaser (2) */
span.teaser-label-2 {
display:block; 
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
margin-bottom: 15px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
}

/* Headline (H5 - dark BG) */
h5.white {
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 21px; line-height: 25px;
color: rgba(255,255,255,1); 
}

/* Text-Link as Container (dark BG) */
a.text-link-white {
text-decoration:none !important; 
border-bottom: 1px solid rgba(255,255,255,1);
font-size: 16px; line-height: 26px;
line-height: 125%;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(255,255,255,1); 
display:inline-block; 
}

/* Label-Teaser (dark BG) */
span.teaser-label-white {
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
margin-bottom: 15px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
color: rgba(255,255,255,1); 
}

/* Very short Explanation Text in Box */
p.teaser {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
margin-bottom: 15px;
margin-top: -2px;
max-width: 800px;
font-size: 16px; line-height: 26px;
line-height: 21px;
max-width: 340px; 
}

/* Text for Image-Teaser-small */
p.teaser-small {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
margin-bottom: 15px;
margin-top: -2px;
max-width: 800px;
font-size: 16px; line-height: 26px;
line-height: 21px;
margin-bottom: 0px;
}

/* Text-Link as Container in Link-List */
a.text-link-list {
display:inline-block; 
text-decoration:none !important; 
border-bottom: 1px solid rgba(255,255,255,1);
line-height: 125%;
color: rgba(0,0,0,1); 
}

/* Very short Text in Box (2) */
p.teaser-small-2 {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
margin-bottom: 15px;
margin-top: -2px;
max-width: 800px;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-bottom: 0px;
}

/* Text-Link as Container inline-block */
a.text-link-2 {
text-decoration:none !important; 
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
border-bottom: 1px solid rgba(0,0,0,1);
display:inline-block; 
cursor:pointer; 
margin-top: 10px;
}

/* H4 */
h4 {
margin: 0 0 12px -1px;
max-width: 800px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
font-size: 24px; line-height: 28px;
margin-left: -1px;
}

/* H5 */
h5 {
font-size: 21px; line-height: 25px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
}

/* Headline (H5-2) */
h5.clone {
font-size: 21px; line-height: 25px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
}

/* Text in Splitter-Box */
p.splitter-text {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 24px;
color: rgba(0,0,0,1); 
margin-top: 10px;
margin-bottom: 0px;
width: auto;
max-width: 500px;
}

/* Short Text in Box (2) */
p.splitter-text-2 {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 24px;
color: rgba(0,0,0,1); 
margin-top: 10px;
margin-bottom: 0px;
width: auto;
max-width: 500px;
}

/* Table-Cell */
td {
vertical-align:top; 
text-align:left; 
color: rgba(0,0,0,1); 
font-size: 14px; line-height: 18px;
line-height: 18px;
border-bottom: 1px solid rgba(182,182,182,1); 
padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 800px !important; 
}

/* Table-Cell (Number) */
td.n {
font-size: 24px; line-height: 28px;
text-align:right; 
vertical-align:middle; 
}

/* Table-Cell (Sand BG) */
td.sand {
background-color: rgba(250,241,227,1); 
}

/* Table Caption */
th {
vertical-align:bottom; 
text-align:left; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
border-bottom: 1px solid rgba(0,0,0,1);
padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 800px !important; 
white-space:nowrap; 
}

/* Table */
table {
width:100%; 
border-collapse: collapse; 
border-spacing: 0;
}

/* Table Row */
tr {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
color: rgba(0,0,0,1); 
}

/* Table-Cell (First Column) */
td.title-row {
color: rgba(112,112,112,1); 
font-size: 14px; line-height: 18px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
line-height: 18px;
padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 800px !important; 
vertical-align:middle; 
max-width: 253px; 
}

/* Table (with big numbers) */
table.type-1 {
width:100%; 
margin-bottom: 15px; 
max-width: 800px;
}

/* Table Caption (align-right) */
th.a-right {
text-align:right; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
padding-top: 13px !important; padding-bottom: 13px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 800px !important; 
}

/* Table-Caption */
div.table-caption {
font-size: 13px; line-height: 17px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
line-height: 18px;
margin: 8px 0 42px;
max-width: 470px; 
width: calc(100% - 100px);
}

/* Sliding Navigation top */
div.sliding-nav-top {
position:absolute; 
display:none; 
white-space:nowrap; 
right:0; 
top:0; 
}

/* Sliding Navigation bottom */
div.sliding-nav-bottom {
position:absolute; 
white-space:nowrap; 
bottom:0; 
right:0; 
display:none; 
}

/* Sliding Navigation */
div.sliding-nav {
white-space:nowrap; 
}

/* Hover Enlarge */
img.hover-enlarge {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Quotation */
blockquote {
font-size: 18px; line-height: 28px;
font-family: 'Roboto'; font-style: normal; font-weight: 500;
color: rgba(0,0,0,1); 
border-left: 6px solid rgba(235,211,174,1);
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
max-width: 800px;
}

/* Important Notice */
blockquote.important {
font-size: 18px; line-height: 28px;
font-family: 'Roboto'; font-style: normal; font-weight: 500;
color: rgba(0,0,0,1); 
border-left: 6px solid rgba(234,22,31,1);
}

/* Text in Box */
p.box-text {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 21px;
color: rgba(0,0,0,1); 
max-width: 800px;
}

/* Accordion */
ul.accordion {
margin-bottom: 36px;
margin-top: 36px; 
margin-left: 0px !important; 
margin-right: 0; 
max-width: 800px;
background-color:transparent !important; 
}

/* Accordion Title */
a.acc-title {
position:relative; 
display:block; 
text-decoration:none !important; 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
background-color: rgba(247,233,210,1); 
color: rgba(0,0,0,1); 
font-size: 24px; line-height: 28px;
}

/* Accordion Content */
div.accordion-content {
display:none; 
border:none !important; 
background-color: rgba(250,241,227,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
padding-right: 25px; 
padding-bottom: 25px; 
}

/* Accordion Item */
li.acc-item {
margin-left: 0px !important; 
margin-bottom: 20px; 
}

/* Bullet Pagination (Navigation) */
div.bulllet-nav {
white-space:nowrap; 
margin-top: -4px; margin-left: -5px; 
}

/* Hover Enlarge Bullet */
img.hover-enlarge-x {
cursor:pointer; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

/* Img 1 für Image Gallery */
div.gal-small-img-1 {
flex: 1;
max-height: 240px; 
overflow:hidden; 
}

/* Img 2 für Image Gallery */
div.gal-small-img-2 {
max-height: 240px; 
flex: 1;
margin-left: 2%; 
overflow:hidden; 
}

/* Sliding Navigation bottom (2) */
div.sliding-nav-bottom-2 {
position:absolute; 
white-space:nowrap; 
bottom: -1px;
right: -1px;
}

/* Step Box (Number) */
div.step-1 {
text-align:center; 
font-size: 65px; line-height: 74px; letter-spacing: 0.02rem; word-spacing: 0.04rem;
font-family: 'Roboto'; font-style: normal; font-weight: 500;
background-color: rgba(235,211,174,1); 
padding-top: 6px; width: 85px; height: 85px; 
display:table-cell; 
vertical-align:top; 
}

/* Step Box (Text) */
div.step-1-text {
display:table-cell; 
vertical-align:middle; 
background-color: rgba(250,241,227,1); 
font-size: 24px; line-height: 28px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
}

/* Step Box (Number 2) | sdssdsdsdsdsd */
div.step-2 {
text-align:center; 
font-size: 65px; line-height: 74px; letter-spacing: 0.02rem; word-spacing: 0.04rem;
font-family: 'Roboto'; font-style: normal; font-weight: 500;
background-color: rgba(235,211,174,1); 
padding-top: 6px; width: 85px; height: 85px; 
display:table-cell; 
vertical-align:top; 
}

/* Step Box (Text 2) */
div.step-2-text {
display:table-cell; 
vertical-align:middle; 
background-color: rgba(250,241,227,1); 
font-size: 24px; line-height: 28px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
}

/* Search Field in Content */
input[type=text].search-1 {
text-overflow:ellipsis; 
margin-left: 12px;
width: calc(100% - 24px) !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
padding-right: 44px !important;
background-color: rgba(255,255,255,1); 
height: 42px !important; 
border:none !important; 
opacity: 0.9;
padding-left: 15px;
}

/* Search icon */
div.search-icon {
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
height: 32px;
width: 32px;
right: 16px;
top: 16px;
position:absolute; 
}

/* Frame 16:9 */
div.vid {
height: 0;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
background-image: url('../img/video-preview.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
}

/* Video Play Button */
div.play-video.enl-ico {
position:absolute; 
opacity: 0.9;
height: 114px;
width: 114px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left:50%;
margin-left: -57px;
background-image: url('../img/Play Button.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
}

/* Beige line (HR) */
hr {
height: 1px;
border: none;
background-color: #EBD3AE;
margin: 25px 0 25px 0;
width: 100%;
}

/* Line (HR Accordion) */
hr.accordion {
height: 1px;
border: none;
background-color: #EBD3AE;
margin: 25px 0 25px 0;
width: 100%;
margin-top: -25px; 
}

/* Infobox */
ul.box-beige {
background-color:transparent !important; 
float:left; 
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
width: 100%;
max-width: 400px;
}

/* Infobox Title */
a.infobox-title {
position:relative; 
display:block; 
text-decoration:none !important; 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
background-color: rgba(247,233,210,1); 
color: rgba(0,0,0,1); 
font-size: 24px; line-height: 28px;
}

/* Inpage-Navigation */
ul.inpage-nav {
margin-top: 0px; 
margin-left: 0px !important; 
margin-right: 0; 
margin-bottom: 20px; 
border: 1px solid rgba(222,222,222,1); 
background-color:transparent !important; 
width:100%; 
max-width: 400px; 
}

/* Inpage-Navigation Title (H4) */
a.inpage-nav-title {
position:relative; 
display:block; 
text-decoration:none !important; 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
font-size: 24px; line-height: 28px;
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; 
color: rgba(0,0,0,1); 
}

/* Inpage Navigation Content */
div.inpage-nav-content {
display:none; 
border:none !important; 
padding-top: 26px;
padding-bottom: 26px;
}

/* Inpage-Navigation Item */
li.inpage-nav-item {
margin-left: 0px !important; 
}

/* Line (HR Inpage Navigation) */
hr.accordion {
background-color: rgba(112,112,112,0.5); 
border:none !important; 
margin-top: -25px;
margin-right: 25px;
margin-bottom: 25px;
margin-left: 25px;
width: auto;
height: 1px;
}

/* Inpage-Navigation Link */
a.inpage-nav {
font-size: 21px; line-height: 25px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
display:inline-block; 
text-decoration:none !important; 
color: inherit;
}

/* Inpage Navigation active */
div.inpage-active {
background-color: #FCF8F3;
margin: 0px -25px;
padding: 0 25px;
border-left: 6px solid #EA161F;
}

/* Inpage-Navigation active Link */
a.inpage-nav-active {
font-size: 21px; line-height: 25px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
display:inline-block; 
color: rgba(234,22,31,1); 
text-decoration:none !important; 
}

/* Logo */
img.logo {
    width: 150px;
    height: 67px;
    cursor: pointer;
}

/* Logo Caption */
div.logo-caption {
font-size: 16px; line-height: 17px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(0,0,0,1); 
margin-top: 30px; max-width: 335px;
}

/* Logo Caption (max. length) */
div.logo-caption-long {
font-size: 16px; line-height: 17px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
margin-top: 19px; max-width: 335px; 
}

/* Service-Menue-Item */
a.service-menue {
font-size: 14px; line-height: 18px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(0,0,0,1); 
display:inline-block; 
text-decoration:none !important; 
height: 18px;
line-height: 1.5;
margin: 0 calc(0.25vw + 15px) 0 calc(0.25vw + 15px);
}

/* Language-Selector */
div.language-selector {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 14px; line-height: 18px;
color: rgba(0,0,0,1); 
margin-left: calc(0.25vw + 8px);
display:inline-block; 
}

/* Language-Selector item */
a.language {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 14px; line-height: 18px;
color: rgba(0,0,0,1); 
display: inline-block;
height: 21px;
line-height: 1.3;
letter-spacing: 0.025rem;
margin: 0 7px 0 7px;
text-decoration: none !important;
}

/* Language-Selector active item */
a.language.active {
border-bottom: 2px solid rgba(234,22,31,0.77);
}

/* Main-Menue-Item */
a.main-menue {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 24px; line-height: 28px;
color: rgba(0,0,0,1); 
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
text-decoration:none !important; 
display:inline-block; 
margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
height: 36px;
line-height: 1.5;
}

/* Search-Icon in Main-Menue */
a.search-icon-mm {
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: center 22px;
background-repeat: no-repeat;
background-size: 40px 40px;
width: 83px;
height: 82px;
margin-top: -10px;
display:inline-block; 
vertical-align:middle; 
}

/* Hamburger Icon */
a.hamburger-icon {
background-image: url('../img/hamburger-icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
display:inline-block; 
float:right; 
}

/* Search Icon mobile */
a.search-icon-mobile {
background-image: url('../img/search-mobile.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
display:inline-block; 
width: 32px; height: 32px; 
margin-right: 25%; 
float:right; 
}

/* Logo (KBE) */
img.logo-kbe {
max-width: 150px; 
cursor:pointer; 
position:absolute; 
bottom: 31px;
}

/* Logo Footer (KBE) */
img.logo-kbe-footer {
max-width: 150px; 
cursor:pointer; 
margin-bottom: 24px; 
}

/* Label (Footer) */
div.label-footer {
position:absolute; 
right:0; 
padding-left: 45px; padding-right: 45px; 
top: 35px;
color: rgba(0,0,0,1); 
font-size: 12px; line-height: 18px; letter-spacing: 0; word-spacing: 0;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
}

/* Intro-Text (Footer OE) */
div.intro-footer {
color: rgba(0,0,0,1); 
font-size: 12px; line-height: 18px; letter-spacing: 0; word-spacing: 0;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
max-width: 340px; 
width:100%; 
}

/* Copyright (KBE) */
p.copyright.cr-kbe {
position:absolute; 
bottom: 29px;
left:0; 
}

/* Copyright */
p.copyright {
font-size: 13px; line-height: 17px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.02rem; word-spacing: 0.05rem; 
color: rgba(0,0,0,1); 
padding-left: 45px; padding-right: 45px; 
margin-bottom: 0; 
max-width: none; 
margin-top: 20px;
margin-left: 0;
width: auto;
}

/* Intro-Text (Footer KBE) */
div.intro-footer {
color: rgba(0,0,0,1); 
font-size: 12px; line-height: 18px; letter-spacing: 0; word-spacing: 0;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
max-width: 340px; 
width:100%; 
}

/* Facebook (black) */
a.fb-ico {
background-image: url('../img/facebook.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
display:inline-block; 
float:left; 
}

/* Twitter (black) */
a.tw-ico {
background-image: url('../img/twitter.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
display:inline-block; 
float:left; 
}

/* Google+ (black) */
a.go-ico {
background-image: url('../img/google+.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
float:left; 
}

/* RSS (black) */
a.rss-ico {
background-image: url('../img/rss-black.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
width: 32px; height: 32px; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
float:left; 
}

/* Footer-Menue-Item 1 */
a.footer-menue.f1 {
margin-left: 0px !important; 
}

/* Footer-Menue-Item 3 */
a.footer-menue.f3 {
margin-right: 0; 
}

/* Footer-Menue-Item */
a.footer-menue {
font-size: 14px; line-height: 18px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(0,0,0,1); 
display:inline-block; 
text-decoration:none !important; 
height: 18px;
line-height: 1.5;
margin: 0 calc(0.5vw + 30px) 0 0;
}

/* Logo Footer (OE) */
img.logo-oe-footer {
cursor:pointer; 
max-width: 110px; 
}

/* Logo Caption (Footer) */
div.logo-caption-footer {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(0,0,0,1); 
margin-top: 12px; max-width: 210px; 
font-size: 12px; line-height: 13px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
}

/* Copyright (OE) */
p.copyright.cr-kbe {
position:absolute; 
bottom: 29px;
left:0; 
}

/* Step Box (long Text) */
div.step-1-text {
display:table-cell; 
vertical-align:middle; 
background-color: rgba(250,241,227,1); 
font-size: 24px; line-height: 28px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
}

/* Main-Menue-Sub-Item */
a.main-menue-sub {
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 18px; line-height: 21px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
text-decoration:none !important; 
display:inline-block; 
max-width: calc(100% - 35px);
width: auto;
margin-top: 5px;
white-space: normal;
}

/* Main-Menue-Sub-Item 2 */
a.main-menue-sub.i2 {
color: rgba(234,22,31,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
}

/* Main-Menue-Sub-Item 4 */
a.main-menue-sub.i4 {
color: rgba(234,22,31,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
}

/* Main-Menue-Sub-Item 9 */
a.main-menue-sub.i9 {
color: rgba(234,22,31,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
}

/* Main-Menue-Sub-Item (Startseite) */
a.main-menue-sub.i12 {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
color: rgba(234,22,31,1); 
}

/* Logo (not-responsive) */
img.logo-nr {
max-width: 150px; 
cursor:pointer; 
}

/* Logo Caption (not-responsive) */
div.logo-caption-nr {
font-size: 16px; line-height: 17px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(0,0,0,1); 
margin-top: 19px; max-width: 335px; 
}

/* Horizontal line (DLN Start) */
div.hr-dln-start {
border-top: 1px solid #B6B6B6;
height: 1px;
margin: 29px 0 24px;
width:100%; 
}

/* Main-Menue-Sub-Item (Themen active) */
a.main-menue-sub.i16 {
color: rgba(234,22,31,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
}

/* Close Icon */
div.close-icon {
background-image: url('../img/close-icon.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 24px; height: 24px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* Back Icon */
div.back-icon {
background-image: url('../img/go-back.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: 32px; height: 32px; 
}

/* Down Icon */
div.down-icon {
background-image: url('../img/go-down.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: 32px; height: 32px; 
}

/* White Text (strong) */
p.white-text {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
line-height: 21px;
color: rgba(255,255,255,1); 
max-width: 1350px;
display:inline-block; 
}

/* Alert */
img.alert {
height: 74px; 
float:left; 
display:inline-block; 
}

/* Close Icon (White) */
div.close-icon-white {
background-image: url('../img/close-icon-white.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 24px; height: 24px; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
}

/* clear-both-32-height */
div.clear-both {
clear:both; 
width:100%; 
height: 32px !important; 
}

/* Infobox Wrapper */
li.infobox-wrapper {
margin-left: 0px !important; 
}

/* BC Home */
a.bc-home {
background-image: url('../img/home-button.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
float:left; 
margin-top: -3px;
margin-right: 12px;
width: 20px;
height: 20px;
}

/* BC Arrow */
div.bc-arrow {
background-image: url('../img/arrow-right_.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
float:left; 
margin-top: 2px;
margin-right: 10px;
width: 15px;
height: 12px;
}

/* Breadcrumb Link */
a.bc-link {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 14px; line-height: 18px;
letter-spacing: 0.02rem; word-spacing: 0.05rem; 
float:left; 
display:inline-block; 
border-bottom: 1px solid rgba(255,255,255,1);
text-decoration:none !important; 
margin-right: 12px; 
color: rgba(0,0,0,1); 
}

/* BC Dropdown */
a.bc-dropdown {
background-image: url('../img/bc.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 20px;
height: 20px;
float:left; 
display:inline-block; 
margin-top: -2px; 
}

/* Breadcrumb Link active */
div.bc-link-active {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 14px; line-height: 18px;
float:left; 
display:inline-block; 
border-bottom: 1px solid rgba(255,255,255,1);
text-decoration:none !important; 
margin-right: 12px; 
color: rgba(112,112,112,1); 
}

/* Delivery Objects Dez. 2018 */
div.DO-2018.styleguide_note {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 30px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
}

/* Delivery Objects Design Mandate */
div.DO-2019.styleguide_note {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 60px;
margin-left: 10px;
padding-left: 20px;
}

/* Styleguide Explanation Headline */
h4.explanation {
margin-top: 30px;
margin-bottom: 5px;
}

/* Text in Splitter-Box (white) */
p.splitter-text-white {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 24px;
color: rgba(255,255,255,1); 
margin-top: 10px;
margin-bottom: 0px;
width: auto;
max-width: 500px;
}

/* Splitter Link List */
p.splitter-list {
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
}

/* Suberscribe */
span.file-format {
vertical-align: +0.5em; 
font-size : 55%;
font-weight: bolder;
margin-right: 3px;
letter-spacing: 0.05rem;
}

/* Splitter Link-List Style */
a.splitter {
position:relative; 
color: rgba(0,0,0,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 18px; line-height: 28px;
line-height: 125%;
text-decoration: none; 
display:inline-block; 
border-bottom: 1px solid rgba(255,255,255,1);
margin-top: 14px;
margin-bottom: 14px;
margin-left: 42px;
padding-bottom: 2px;
}

/* Search-Icon in Main-Menue (active) */
a.search-icon-mm.active {
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: center 22px;
background-repeat: no-repeat;
background-size: 40px 40px;
width: 83px;
height: 82px;
margin-top: -10px;
display:inline-block; 
vertical-align:middle; 
background-color: rgba(250,241,227,1); 
}

/* Search Input */
input.search {
color: rgba(0,0,0,1); 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 24px; line-height: 28px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
position:relative; 
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: 20px center;
background-size: 39px 39px;
background-color:transparent !important; 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
padding-top: 5px;
padding-right: 35px;
padding-bottom: 5px;
padding-left: 70px;
width: 100%;
max-width: none;
height: 65px;
}

/* Arrow Right Icon */
img.arrow-right {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor:pointer; 
width: 32px;
height: 24px;
}

/* Search Input (active) */
input.search.active {
color: rgba(0,0,0,1); 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 24px; line-height: 28px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
position:relative; 
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: 20px center;
background-size: 39px 39px;
background-color:transparent !important; 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
padding-top: 5px;
padding-right: 35px;
padding-bottom: 5px;
padding-left: 70px;
width: 100%;
max-width: none;
height: 65px;
}

/* Jump2top-Icon */
div.jump2top {
background-image: url('../img/jump-to-top.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
cursor: pointer;
opacity: 0.6;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: 90px;
height: 90px;
}

/* Jump2top-Icon */
div.jump-2-top {
background-image: url('../img/jump-to-top.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
cursor: pointer;
bottom:0; 
left: calc(100% - 90px);
position: -webkit-sticky; position: sticky;
opacity: 0.6;
display:none; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: 90px;
height: 90px;
}

/* Inpage-Navigation Item */
div.inpage-nav {
padding-top: 15px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 26px;
}

/* Inpage-Navigation Item (acitve) */
div.inpage-nav-active {
display:block; 
background-color: rgba(252,248,243,1); 
color: rgba(234,22,31,1); 
border-left: 6px solid rgba(234,22,31,1);
padding-left: 20px; 
padding-top: 15px;
padding-right: 26px;
padding-bottom: 15px;
padding-left: 25px;
}

/* Line (HR Infobox) */
hr.accordion-2 {
border:none !important; 
background-color: rgba(112,112,112,0.5); 
margin-top: -25px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 0px;
width: auto;
height: 1px;
}

/* Search Suggestion */
a.search-suggest {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 24px; line-height: 28px;
color: rgba(0,0,0,1); 
text-decoration:none !important; 
letter-spacing: 0.02rem; word-spacing: 0.05rem; 
display:block; 
padding-top: 10px;
padding-right: 70px;
padding-bottom: 10px;
padding-left: 70px;
width: 100%;
}

/* H1 (center) */
h1.center {
text-align:center; 
margin-top: 72px;
margin-right: 45px;
margin-bottom: 24px;
margin-left: 45px;
max-width: 1350px;
}

/* H3 (center) */
h3.center {
text-align:center; 
margin-top: 36px;
margin-right: 45px;
margin-bottom: 20px;
margin-left: 45px;
max-width: 1350px;
}

/* Tab (active) */
div.tab.active {
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 14px; line-height: 18px;
text-align:center; 
display: inline-block;
border-radius: 41px;
border: none;
padding: 11px 20px 12px 20px;
vertical-align: middle;
margin: 18px 5px;
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
cursor: pointer;
overflow: hidden;
margin-right: 15px;
margin-left: 15px;
}

/* Grey Color */
span.grey {
color: rgba(112,112,112,1); 
}

/* Tab */
div.tab {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 14px; line-height: 18px;
letter-spacing: 0.02rem; word-spacing: 0.05rem; 
text-align:center; 
display: inline-block;
border-radius: 41px;
border: none;
padding: 11px 20px 12px 20px;
vertical-align: middle;
margin: 18px 5px;
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
cursor: pointer;
overflow: hidden;
cursor:pointer; 
color: rgba(0,0,0,1); 
background-color: rgba(255,255,255,1); 
}

/* Headline (Search Result) */
h2.search-result {
font-size: 30px; line-height: 36px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
margin: 0 0 12px -2px;
max-width: 800px;
color: rgba(0,0,0,1); 
max-width: 800px;
}

/* Thumbnail Image */
div.img-thumbnail {
border: 1px solid rgba(222,222,222,1); 
background-image: url('../img/steuer.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; background-size: cover; 
margin-right: 30px;
width: 130px;
height: 130px;
}

/* Arrow Left Icon (disabled) */
img.arrow-left-disabled {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
width: 32px;
height: 24px;
}

/* Input for Pagination */
input.pagination {
border: 1px solid rgba(112,112,112,1); 
white-space:nowrap; 
text-align:center; 
overflow:hidden; 
text-overflow:ellipsis; 
padding-top: 0;
padding-right: 3px;
padding-bottom: 0;
padding-left: 3px;
width: 36px;
height: 36px;
}

/* Pagination Text */
p.pagination {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 24px;
letter-spacing: 0.02rem; word-spacing: 0.05rem; 
color: rgba(0,0,0,1); 
display:inline-block; 
position:relative; 
margin-right: 10px;
margin-left: 10px;
}

/* Filter-Box */
div.select.filter {
background-image: url('../img/arrow-down.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-size: 12px 8px;
background-position: calc(100% - 30px) center;
}

/* Space at the end of pages */
div.space {
width:100%; 
clear:both; 
height: 200px;
}

/* Lightbox Image */
div.lightbox-img {
background-image: url('../img/Bild7.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; 
background-color: rgba(242,242,242,1); 
height: 68vh;
}

/* Overlay Wrapper */
div.overlay {
background-color: rgba(252,248,243,1); 
opacity: 0.9;
position:fixed; 
z-index: 9998;
bottom:0; 
left:0; 
right:0; 
top:0; 
display:none; 
}

/* Overlay Wrapper */
div.overlay-dummy {
background-color: rgba(252,248,243,1); 
opacity: 0.9;
width:100%; 
min-height: 68vh;
overflow: hidden;
}

/* Beige line */
div.hr-sand {
background-color: rgba(235,211,174,1); 
margin-top: 30px;
margin-right: 45px;
margin-bottom: 30px;
margin-left: 45px;
height: 1px;
}

/* Light Grey Line */
div.hr-light {
background-color: rgba(222,222,222,1); 
margin-top: 30px;
margin-right: 45px;
margin-bottom: 30px;
margin-left: 45px;
height: 1px;
}

/* H3 (2) */
h3.v2 {
font-size: 26px; line-height: 30px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
margin-top: 24px;
margin-right: 45px;
margin-bottom: 18px;
margin-left: 45px;
max-width: 1350px;
}

/* H1 (2) */
h1.v2 {
margin-right: 45px;
margin-left: 45px;
}

/* H2 (2) */
h2.v2 {
font-size: 30px; line-height: 36px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
margin: 0 0 12px -2px;
max-width: 800px;
color: rgba(0,0,0,1); 
margin-right: 45px;
margin-left: 45px;
}

/* H2 (center) */
h2.center {
text-align:center; 
margin-top: 60px;
margin-right: 45px;
margin-bottom: 20px;
margin-left: 45px;
max-width: 1350px;
}

/* Search Input (focus) */
input.search.focus {
color: rgba(0,0,0,1); 
border:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 24px; line-height: 28px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
position:relative; 
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: 20px center;
background-size: 39px 39px;
background-color:transparent !important; 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
padding-top: 5px;
padding-right: 35px;
padding-bottom: 5px;
padding-left: 70px;
width: 100%;
max-width: none;
height: 65px;
}

/* Lightbox Image 2 */
div.lightbox-img-2 {
background-image: url('../img/vertretungen-schweiz (1).png'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; 
background-color: rgba(242,242,242,1); 
height: 68vh;
}

/* Image-for-Hero-Area */
div.img-hero {
-webkit-transition: transform 1800ms ease-in-out; 
transition: transform 1800ms ease-in-out;
background-image: url('../img/bern.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
width: 100%;
height: 623px;
}

/* Teaser in Hero-Image */
div.hero-img-teaser {
background-color: rgba(78,78,78,0.95); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
width: calc(50% - 8.5px);
min-height: 143px;
}

/* Right-Hero-Teaser */
div.right-hero-teaser {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
position:relative; 
white-space:nowrap; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
margin-bottom: 17px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
width: 100%;
height: 143px;
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big {
white-space: normal;
height: 303px;
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red {
background-color: rgba(234,22,31,1); 
max-width: 800px;
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser {
cursor:pointer; 
background-color: rgba(247,233,210,1); 
float:left; 
position:relative; 
white-space:nowrap; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
margin-right: 17px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
width: calc(33.3% - 11.34px);
height: 143px;
}

/* H2 (Hero-Area) */
h2.hero-area {
font-size: 30px; line-height: 36px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
position:absolute; 
left:0; 
bottom:0; 
overflow:hidden; 
text-overflow:ellipsis; 
margin-bottom: 30px;
margin-left: 25px;
width: calc(100% - 48px);
}

/* H2 Important (Hero-Area) */
h2.hero-area.important {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(255,255,255,1); 
margin-bottom: 30px;
margin-left: 25px;
}

/* H2 white (Hero-Area) */
h2.hero-area.white {
color: rgba(255,255,255,1); 
position:relative; 
margin-top: 24px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
max-height: none;
}

/* Image-for-Hero-Area (Theme-Site) */
div.img-hero-theme {
-webkit-transition: transform 1800ms ease-in-out; 
transition: transform 1800ms ease-in-out;
background-image: url('../img/asyl.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
width: 100%;
height: 623px;
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme {
background-color: rgba(78,78,78,0.95); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
display:table; 
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
width: calc(33.3% - 11.34px);
}

/* H2 white (Hero-Area Theme) */
h2.hero-area.white.theme {
vertical-align:middle; 
display:table-cell; 
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
max-height: none;
}

/* Darkening Image Overlay */
div.darken {
background: rgba(38,38,38,0.6);
background: -moz-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,38,38,0.6)), color-stop(100%, rgba(68,68,68,0.2)));
background: -webkit-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%);
background: -o-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%);
background: -ms-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%);
background: linear-gradient(to bottom, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#444444', GradientType=0 );
width: 100%;
height: 100%;
min-height: 250px;
}

/* Hero-Image (Campaign-Site) */
div.img-fullpage {
background-image: url('../img/Kampagnen-Image.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
width: 100%;
height: 100%;
}

/* Campaign Title */
div.campaign-title {
color: rgba(255,255,255,1); 
font-size: 65px; line-height: 74px; letter-spacing: 0.02rem; word-spacing: 0.04rem;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
line-height: 125%;
text-align:center; 
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-right: 25%;
padding-left: 25%;
width: 100%;
height: 100%;
}

/* Scrolldown Arrow */
div.scroll-down.bounce {
background-image: url('../img/scroll-down.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 100%;
height: 32px;
}

/* Main-Menue-Item (Campaign) */
a.main-menue-campaign {
font-size: 18px; line-height: 21px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
text-decoration:none !important; 
display:inline-block; 
margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
height: 36px;
line-height: 1.5;
margin-top: 34px;
}

/* Main-Menue-active (Campaign) */
span.main-menue-campaign.active {
font-size: 18px; line-height: 21px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
text-decoration:none !important; 
display:inline-block; 
margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
height: 36px;
line-height: 1.5;
margin-top: 34px;
}

/* Search-Icon in MM (Campaign) */
a.search-icon-mm-campaign {
background-image: url('../img/search.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-position: center;
background-repeat: no-repeat;
background-size: 32px 32px;
width: 60px;
height: 60px;
margin-top: 18px;
margin-right: 2.4vw;
margin-left: 0.6vw;
display:inline-block; 
vertical-align:middle; 
}

/* Campaign-Logo */
img.campaign-logo {
width: 190px;
}

/* Main-Menue-Item (Theme) */
a.main-menue-theme {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 100%;
color: rgba(0,0,0,1); 
text-decoration:none !important; 
display:inline-block; 
margin: 0 1vw 0 1vw;
height: 24px;
line-height: 1.5;
}

/* H2 (Form) */
h2.form {
display:inline-block; 
margin-top: 50px;
margin-bottom: 10px;
width: 100%;
}

/* H3 (Form) */
h3.form {
display:inline-block; 
margin-top: 40px;
margin-bottom: 10px;
width: 100%;
}

/* Notice to form elements */
span.notice {
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 125%;
color: rgba(0,0,0,1); 
background-color: rgba(255,255,255,1); 
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

/* Floating label (visible) */
span.floating-label.open {
font-size: 13px; line-height: 17px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
-webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);
-webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;
top: 1px;
left: 23px;
background-color: #fff;
padding: 2px 5px;
opacity:1; 
margin-top: -20px;
}

/* Select Options */
div.options.open {
max-height: 240px;
}

/* Select option */
div.option {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 125%;
border-left: 6px solid rgba(112,112,112,0); 
cursor: default;
padding-top: 18px;
padding-right: 28px;
padding-bottom: 18px;
padding-left: 22px;
}

/* Select option (active) */
div.option.active {
background-color: rgba(250,241,227,1); 
border-left: 6px solid rgba(112,112,112,1); 
padding-top: 20px;
padding-right: 28px;
padding-bottom: 20px;
padding-left: 22px;
}

/* Floating label */
span.floating-label {
font-size: 13px; line-height: 17px;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
-webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px);
-webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;
top: 1px;
left: 23px;
background-color: #fff;
padding: 2px 5px;
opacity:0; 
display:block; 
}

/* Select-Box */
div.select.open {
border-bottom: 1px solid rgba(222,222,222,1); 
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 18px;
padding-right: 62px;
padding-bottom: 12px;
padding-left: 28px;
width: 100%;
max-width: 800px;
height: 59px;
}

/* Select Options */
div.options {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
max-height: 0px;
}

/* Selectbox Icon (open) */
img.select.open {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
width: 18px;
height: 18px;
}

/* File-Upload Field */
input[type=file].file-upload {
margin-top: 0;
margin-bottom: 0;
padding-right: 90px;
}

/* File Upload Icon */
img.file-upload-img {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 59px;
height: 59px;
}

/* File-Upload Field (success) */
input.file-upload-success {
background-color:transparent !important; 
margin-top: 0;
margin-bottom: 0;
padding-right: 90px;
}

/* File Upload Icon (success) */
img.file-upload-img-success {
width: 59px;
height: 59px;
}

/* Placeholder */
span.placeholder {
display:block; 
color: rgba(112,112,112,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 16px; line-height: 26px;
line-height: 125%;
margin-bottom: 12px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

/* Inputfield (watermarked) */
input.watermarked {
padding-right: 62px !important; 
}

/* Tab 2 (active) */
div.tab-2.active {
background-color: rgba(78,78,78,0.95); 
color: rgba(255,255,255,1); 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 14px; line-height: 18px;
text-align:center; 
display: inline-block;
border-radius: 41px;
border: none;
padding: 11px 20px 12px 20px;
vertical-align: middle;
margin: 18px 5px;
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
cursor: pointer;
overflow: hidden;
margin-right: 15px;
margin-left: 15px;
}

/* Filter-Box 2 */
div.select.filter-2 {
background-image: url('../img/arrow-down.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
background-size: 12px 8px;
background-position: calc(100% - 30px) center;
}

/* Inpage-Search Title (H4) */
a.inpage-search-title {
position:relative; 
display:inline-block; 
text-decoration:none !important; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
font-size: 24px; line-height: 28px;
color: rgba(0,0,0,1); 
cursor: default;
border-bottom: 1px solid rgba(255,255,255,1);
margin-left: -16px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

/* Inpage-Search Area */
div.inpage-search-area {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position:relative; 
overflow:hidden; 
width: 100%;
height: 1px;
min-height: 1px;
}

/* Inpage-Search Area (open) */
div.inpage-search-area.open {
margin-bottom: 25px;
width: 100%;
height: auto;
min-height: 200px;
}

/* RSS-Abo */
a.rss-abo {
background-image: url('../img/rss.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: 30px 30px; 
text-align:right; 
font-size: 14px; line-height: 18px;
line-height: 125%;
font-family: 'Roboto'; font-style: normal; font-weight: 400;
display:inline-block; 
text-decoration:none !important; 
color: rgba(112,112,112,1); 
padding-right: 42px;
padding-left: 0;
}

/* Datepicker Icon */
img.datepicker-img {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 29px;
height: 29px;
}

/* Select Options (with Optgroups) */
div.options-og {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
max-height: 0px;
}

/* Select Options (with Optgroups) */
div.options-og.open {
max-height: 320px;
}

/* Select option (longlist) */
div.option.og-2 {
padding-top: 6px;
padding-right: 28px;
padding-bottom: 6px;
padding-left: 44px;
}

/* Select optgroup (longlist) */
div.option.og-1 {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
padding-top: 6px;
padding-right: 28px;
padding-bottom: 6px;
padding-left: 22px;
}

/* Hierarchical Checkboxes */
div.options-oga {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
max-height: 0px;
}

/* Hierarchical Checkboxes */
div.options-oga.open {
max-height: 320px;
}

/* Checkbox in Selectbox */
label.oga-1 {
font-family: 'Roboto'; font-style: normal; font-weight: 500;
font-size: 16px; line-height: 26px;
line-height: 125%;
cursor: default;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 28px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 36px;
width: calc(100% - 44px);
}

/* Checkbox (2) in Selectbox */
label.oga-2 {
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
line-height: 125%;
cursor: default;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 64px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 36px;
width: calc(100% - 72px);
}

/* Back-to-Overview Link */
a.back2overview {
display:block; 
position:relative; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
font-size: 16px; line-height: 26px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
float:right; 
text-decoration:none !important; 
border-bottom: 1px solid rgba(255,255,255,1);
margin-bottom: 12px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

/* Image 3to4 50% */
div.img-3to4-50 {
background-image: url('../img/portrait.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
margin-bottom: 20px;
padding-top: calc(66.67% - 11.3px);
width: calc(50% - 8.5px);
height: 0px;
max-height: 0px;
}

/* Text-Column 50% */
div.col-50 {
margin-bottom: 20px;
width: calc(50% - 8.5px);
}

/* Image 3to4 25% */
div.img-3to4-25 {
background-image: url('../img/portrait.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; 
margin-bottom: 20px;
padding-top: calc(33.33% - 11.3px);
width: calc(25% - 8.5px);
height: 0px;
max-height: 0px;
}

/* Text-Column 75% */
div.col-75 {
margin-bottom: 20px;
width: calc(75% - 8.5px);
}

/* xing (black) */
a.xing-ico {
background-image: url('../img/xing.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
float:left; 
}

/* kununu (black) */
a.kununu-ico {
background-image: url('../img/kununu.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
float:left; 
}

/* linkedin (black) */
a.linkedin-ico {
background-image: url('../img/linkedin.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 32px; height: 32px; 
margin-right: 25px; 
display:inline-block; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
float:left; 
}

/* Table (Default) */
table.type-2 {
width:100%; 
margin-bottom: 15px; 
max-width: 800px;
}

/* Table body */
tbody {
border:none !important; 
}

/* Galery Image 7 */
div.img-galery.i7 {
width:100%; 
height:100%; 
position:absolute; 
top: 0; left: 0;
background-image: url('../img/Organigramm.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; 
-webkit-transition: transform 300ms ease-in-out; 
transition: transform 300ms ease-in-out;
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small {
cursor:pointer; 
background-color: rgba(247,233,210,1); 
float:left; 
position:relative; 
white-space:nowrap; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
margin-right: 17px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
width: calc(33.3% - 11.34px);
height: 143px;
}

/* H2 (Hero-Area-Small) */
h2.hero-area-small {
font-size: 26px; line-height: 30px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
color: rgba(0,0,0,1); 
position:absolute; 
left:0; 
bottom:0; 
margin-bottom: 27px;
margin-left: 25px;
width: calc(100% - 48px);
}

/* Label in Teaser (small) */
span.teaser-label-small {
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 400;
font-size: 14px; line-height: 18px;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
margin-bottom: 15px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
color: rgba(0,0,0,1); 
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red {
background-color: rgba(234,22,31,1); 
max-width: 800px;
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small {
background-color: rgba(247,233,210,1); 
cursor:pointer; 
position:relative; 
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
margin-bottom: 17px;
padding-top: 27px;
padding-right: 25px;
padding-bottom: 27px;
padding-left: 25px;
width: 100%;
height: 143px;
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big {
white-space: normal;
height: 303px;
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small {
background-color: rgba(78,78,78,0.95); 
cursor:pointer; 
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
padding-top: 28px;
padding-right: 25px;
padding-bottom: 28px;
padding-left: 25px;
width: calc(50% - 8.5px);
min-height: 143px;
}

/* H2 Important (Hero-Area small) */
h2.hero-area-small.important {
font-family: 'Roboto'; font-style: normal; font-weight: 400;
color: rgba(255,255,255,1); 
margin-bottom: 30px;
margin-left: 25px;
}

/* Label-Teaser (dark BG small) */
span.teaser-label-white-small {
display:block; 
font-family: 'Roboto'; font-style: normal; font-weight: 500;
letter-spacing: 0.01rem; word-spacing: 0.025rem; 
line-height: 125%;
font-size: 14px; line-height: 18px;
margin-bottom: 15px; 
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
color: rgba(255,255,255,1); 
}

/* H2 white (Hero-Area small) */
h2.hero-area-small.white {
color: rgba(255,255,255,1); 
position:relative; 
margin-top: 24px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
max-height: none;
}

/* List (multiple feeding) */
ul.list-multi-feed {
padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; 
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
font-family: 'Roboto'; font-style: normal; font-weight: 300;
color: rgba(0,0,0,1); 
font-size: 16px; line-height: 26px;
}


/* Styles for Atoms in Organisms */
div.row-splitter > p.splitter-list {
margin-right: 1%;
width: 49%;
}

div.row-splitter > p.splitter-list.alias {
margin-left: 1%;
width: 49%;
}

div.lightbox > div.lightbox-img {
display: table-cell;
}

div.lightbox-dummy > div.lightbox-img {
display: table-cell;
}

div.lightbox-2 > div.lightbox-img-2 {
display: table-cell;
}

div.main-column-news > span.label-content {
float: left;
}


/* Styles for Atoms in Moleculs */
div.image-1 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.invalid.floating-label > span.error {
position: absolute;
bottom: 0;
left: 0;
}

div.radiobuttons-list > span.optional {
position: absolute;
top: -20px;
}

div.radiobuttons > img.help {
position: absolute;
top: 14px;
right: 16px;
}

div.selectbox > img.select {
position: absolute;
top: 21px;
right: 24px;
}

div.selectbox > span.floating-label {
position: absolute;
}

div.selectbox > div.options {
overflow-y: auto;
}

div.img-gal-mol > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.img-gal-mol-2 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.img-gal-mol-3 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.img-gal-mol-4 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.img-gal-mol-5 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.img-gal-mol-6 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.dln-header > h4 {
position: absolute;
bottom: 8px;
}

div.dln-header.i2 > div.back-icon {
display: none;
position: absolute;
top: 26px;
left: -1px;
}

div.dln-header.i4 > h4.i4 {
position: absolute;
bottom: 8px;
}

div.dln-header.i4 > div.close-icon {
position: absolute;
top: 30px;
right: -4px;
}

div.dln-header.i4 > div.back-icon {
display: none;
position: absolute;
top: 26px;
left: -1px;
}

div.dln-footer > div.down-icon {
position: absolute;
bottom: 22px;
left: 17px;
}

div.offcanvas-service-nav > a.service-menue.logout {
display: table;
position: relative;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 22px;
}

div.offcanvas-service-nav > a.service-menue.i1 {
display: table;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
}

div.offcanvas-service-nav > a.service-menue.i3 {
display: table;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
}

div.offcanvas-service-nav > div.language-selector {
display: block;
margin-top: 74px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: -7px;
}

div.offcanvas-service-navi > a.service-menue.logout {
display: table;
position: relative;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 22px;
}

div.offcanvas-service-navi > a.service-menue.i1 {
display: table;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
}

div.offcanvas-service-navi > a.service-menue.i3 {
display: table;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
}

div.offcanvas-service-navi > div.language-selector {
display: block;
margin-top: 74px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: -7px;
}

div.alert-box > img.alert {
margin-top: 33px;
margin-bottom: 33px;
margin-left: 58px;
}

div.alert-box > p.white-text {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 58px;
width: calc(100% - 250px);
}

div.alert-box > div.close-icon-white {
position: absolute;
top: 30px;
right: 58px;
}

div.search-input-box.active > img.arrow-right {
display: block;
position: absolute;
top: calc(50% - 12px);
right: 24px;
}

div.search-input-box > img.arrow-right {
display: none;
position: absolute;
top: calc(50% - 12px);
right: 24px;
}

div.img-teaser > div.img-galery {
position: relative;
height: 230px;
transform-origin: bottom;
}

div.img-teaser > h5 {
margin-top: 25px;
margin-right: 25px;
margin-left: 25px;
}

div.img-teaser.i2 > div.img-galery.i2 {
position: relative;
height: 230px;
transform-origin: bottom;
}

div.img-teaser.i2 > h5.clone {
margin-top: 25px;
margin-right: 25px;
margin-left: 25px;
}

div.img-teaser.i3 > div.img-galery.i3 {
position: relative;
height: 230px;
transform-origin: bottom;
}

div.img-teaser.i3 > h5 {
margin-top: 25px;
margin-right: 25px;
margin-left: 25px;
}

div.img-teaser.i4 > div.img-galery.i4 {
position: relative;
height: 230px;
transform-origin: bottom;
}

div.img-teaser.i4 > h5 {
margin-top: 25px;
margin-right: 25px;
margin-left: 25px;
}

div.img-teaser.i5 > div.img-galery.i5 {
position: relative;
height: 230px;
 transform-origin: bottom;
}

div.img-teaser.i5 > h5 {
margin-top: 25px;
margin-right: 25px;
margin-left: 25px;
}

div.nav-tabs > div.select.filter {
display: none;
}

div.pagination > img.arrow-left-disabled {
margin-top: -4px;
margin-right: 12px;
}

div.pagination > input.pagination {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
}

div.pagination > p.pagination {
display: inline-block;
margin-left: 5px;
}

div.pagination > img.arrow-right {
margin-top: -4px;
}

div.search-result.a1 > div.img-thumbnail {
float: left;
margin-top: -6px;
}

div.lightbox-info > a.text-link.v2 {
position: absolute;
top: 31px;
left: 30px;
}

div.lightbox-info > div.close-icon {
position: absolute;
top: 40px;
right: 30px;
}

div.lightbox-info > h5 {
margin-top: 150px;
width: 100%;
}

div.lightbox-info > p.box-text {
margin-top: 30px;
width: 100%;
}

div.lightbox-info > div.pagination-simple {
position: absolute;
bottom: 20px;
left: 29px;
}

div.pagination-2 > img.arrow-left-disabled {
margin-top: -3px;
}

div.pagination-2 > p.pagination.v2 {
display: inline-block;
}

div.pagination-2 > img.arrow-right {
margin-top: -3px;
}

div.search-input-box.focus > img.arrow-right {
display: block;
position: absolute;
top: calc(50% - 12px);
right: 24px;
}

div.lightbox-info-2 > a.text-link.v2 {
position: absolute;
top: 31px;
left: 30px;
}

div.lightbox-info-2 > div.close-icon {
position: absolute;
top: 40px;
right: 30px;
}

div.lightbox-info-2 > h5.Lightbox-Text {
margin-top: 150px;
width: 100%;
}

div.lightbox-info-2 > p.box-text {
margin-top: 30px;
width: 100%;
}

div.image-2 > div.hero-img-teaser {
position: absolute;
bottom: 0px;
left: 0px;
}

div.image-3 > div.hero-img-teaser-theme {
position: absolute;
bottom: 0px;
left: 0px;
}

div.hero-area-campaign > div.img-fullpage {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

div.hero-area-campaign > div.darken {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

div.hero-area-campaign > div.campaign-title {
position: absolute;
top: calc(50vh - 170px);
}

div.hero-area-campaign > div.scroll-down.bounce {
position: absolute;
bottom: 74px;
}

div.campaign-header > img.campaign-logo {
float: left;
margin-top: 22px;
margin-left: 45px;
}

div.campaign-header > a.hamburger-icon {
display: none;
}

div.campaign-header > a.search-icon-mm-campaign {
float: right;
}

div.campaign-header > a.main-menue-campaign.v1.v2 {
float: right;
}

div.campaign-header > a.main-menue-campaign.v1 {
float: right;
}

div.campaign-header > span.main-menue-campaign.active {
float: right;
}

div.campaign-header > a.main-menue-campaign {
float: right;
}

div.selectbox.open > img.select.open {
position: absolute;
}

div.selectbox.open > span.floating-label.open {
position: absolute;
}

div.selectbox.open > div.options.open {
overflow-y: auto;
}

div.file-upload-error.floating-label > input[type=file].file-upload {
padding-right: 120px;
}

div.file-upload-error.floating-label > span.placeholder {
position: absolute;
top: 20px;
left: 28px;
}

div.file-upload-error.floating-label > img.file-upload-img {
position: absolute;
top: -1px;
right: 0;
}

div.file-upload-error.floating-label > span.notice {
position: absolute;
top: 54px;
left: -1px;
}

div.file-upload-error.floating-label > span.error {
position: absolute;
bottom: -42px;
left: -1px;
}

div.file-upload-error.floating-label > img.invalid {
position: absolute;
top: 14px;
right: 75px;
}

div.file-upload-success.floating-label > label.floating-label {
top: -20px;
}

div.file-upload-success.floating-label > img.file-upload-img-success {
position: absolute;
top: 0;
right: 0;
}

div.file-upload.floating-label > span.placeholder {
position: absolute;
top: 20px;
left: 28px;
}

div.file-upload.floating-label > img.file-upload-img {
position: absolute;
top: -1px;
right: 0px;
}

div.radiobuttons.error > span.error {
position: absolute;
bottom: -20px;
left: -1px;
}

div.radiobuttons.error > img.invalid {
position: absolute;
top: 14px;
right: 57px;
}

div.inputfield-watermarked > span.floating-label.open {
position: absolute;
top: 21px;
}

div.nav-tabs-ext > div.select.filter-2 {
display: none;
}

div.nav-tabs-ext > div.tab-2.active {
margin-bottom: 12px;
margin-left: 0px;
}

div.nav-tabs-ext > div.tab {
margin-bottom: 12px;
}

div.nav-tabs-ext > div.tab {
margin-bottom: 12px;
}

div.nav-tabs-ext > div.search-icon {
display: block;
top: 23px;
}

div.news-list-item.v4 > div.img-thumbnail {
float: left;
margin-top: -10px;
margin-right: 20px;
width: 110px;
height: 110px;
}

div.end-news-list > a.rss-abo {
display: inline-block;
position: relative;
float: right;
top: 20px;
right: 15px;
}

div.date-from.floating-label > input.watermarked {
margin-top: 0;
margin-bottom: 0;
width: calc(100% - 59px);
}

div.date-from.floating-label > img.datepicker-img {
position: absolute;
top: 14px;
right: 15px;
}

div.date-from.floating-label > span.floating-label.open {
position: absolute;
}

div.date-to.floating-label > input.watermarked {
margin-top: 0;
margin-bottom: 0;
width: calc(100% - 59px);
}

div.date-to.floating-label > img.datepicker-img {
position: absolute;
top: 14px;
right: 15px;
}

div.date-to.floating-label > span.floating-label.open {
position: absolute;
}

div.selectbox-small > img.select {
position: absolute;
top: 21px;
right: 24px;
}

div.selectbox-small > span.floating-label {
position: absolute;
}

div.selectbox-small > div.options {
overflow-y: auto;
}

div.selectbox-og-small > img.select {
position: absolute;
top: 21px;
right: 24px;
}

div.selectbox-og-small > span.floating-label {
position: absolute;
}

div.selectbox-og-small > div.options-og {
overflow-y: auto;
}

div.selectbox-oga-small > img.select {
position: absolute;
top: 21px;
right: 24px;
}

div.selectbox-oga-small > span.floating-label {
position: absolute;
}

div.selectbox-oga-small > div.options-oga {
overflow-y: auto; overflow-x: hidden;
}

div.img50-txt50 > div.img-3to4-50 {
float: left;
}

div.img50-txt50 > div.col-50 {
float: right;
}

div.txt50-img50 > div.col-50 {
float: left;
}

div.txt50-img50 > div.img-3to4-50 {
float: right;
}

div.img25-txt75 > div.img-3to4-25 {
float: left;
}

div.img25-txt75 > div.col-75 {
float: right;
}

div.txt75-img25 > div.col-75 {
float: left;
}

div.txt75-img25 > div.img-3to4-25 {
float: right;
}

div.img-gal-mol-7 > div.enl-ico.open-lightbox-2 {
position: absolute;
top: 0;
right: 0;
}

div.image-2-small > div.hero-img-teaser-small {
position: absolute;
bottom: 0px;
left: 0px;
}

/* Enlarge-Icon */
div.enl-ico.open-lightbox-2:hover, div.enl-ico.open-lightbox-2:focus {
opacity:1; 
}

/* Link-List Style 1 */
a.li:hover, a.li:focus {
text-decoration: underline;
text-decoration-color: #EA161F;
}

/* Link-List Style 2 */
a.link-li:hover, a.link-li:focus {
text-decoration: underline;
text-decoration-color: #EA161F;
}

/* Facebook (color) */
div.facebook-c:hover, div.facebook-c:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Instagram (color) */
div.instagram-c:hover, div.instagram-c:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Twitter (color) */
div.twitter-c:hover, div.twitter-c:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Google+ (color) */
div.google-c:hover, div.google-c:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* E-Mail (color) */
div.email-c:hover, div.email-c:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Primary Button */
button.primary:hover, button.primary:focus {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}

/* Secondary Button */
button.secondary:hover, button.secondary:focus {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}

/* Small Button | This button style is not for form use, but for navigation use! */
button.small:hover, button.small:focus {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}

/* Primary Button n-active */
button.primary.not-active:hover, button.primary.not-active:focus {
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}

/* Second. Button n-active */
button.secondary.non-active:hover, button.secondary.non-active:focus {
-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}

/* Help Icon */
img.help:hover, img.help:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Text-Link in Text */
a:hover, a:focus {
text-decoration: underline;
text-decoration-color: #EA161F;
color: rgba(0,0,0,1); 
}

/* More Button */
button.primary.more:hover, button.primary.more:focus {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}

/* Text-Link as Container */
a.text-link:hover, a.text-link:focus {
border-bottom: 1px solid rgba(234,22,31,1);
}

/* Text-Link as Container (dark BG) */
a.text-link-white:hover, a.text-link-white:focus {
color: rgba(255,255,255,1); 
}

/* Text-Link as Container in Link-List */
a.text-link-list:hover, a.text-link-list:focus {
border-bottom: 1px solid rgba(234,22,31,1);
}

/* Text-Link as Container inline-block */
a.text-link-2:hover, a.text-link-2:focus {
border-bottom: 1px solid rgba(234,22,31,1);
}

/* Table Row */
tr:hover, tr:focus {
background-color: rgba(252,248,243,1); 
}

/* Hover Enlarge */
img.hover-enlarge:hover, img.hover-enlarge:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Accordion Title */
a.acc-title:hover, a.acc-title:focus {
background-color: rgba(242,224,195,1); 
}

/* Hover Enlarge Bullet */
img.hover-enlarge-x:hover, img.hover-enlarge-x:focus {
-webkit-transform: scale(1.68); -ms-transform: scale(1.68);
transform: scale(1.68);
}

/* Infobox Title */
a.infobox-title:hover, a.infobox-title:focus {
background-color: rgba(242,224,195,1); 
}

/* Inpage-Navigation Link */
a.inpage-nav:hover, a.inpage-nav:focus {
text-decoration:none !important; 
color: inherit;
}

/* Inpage-Navigation active Link */
a.inpage-nav-active:hover, a.inpage-nav-active:focus {
color: rgba(234,22,31,1); 
}

/* Search-Icon in Main-Menue */
a.search-icon-mm:hover, a.search-icon-mm:focus {
-webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Hamburger Icon */
a.hamburger-icon:hover, a.hamburger-icon:focus {
-webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Search Icon mobile */
a.search-icon-mobile:hover, a.search-icon-mobile:focus {
-webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Facebook (black) */
a.fb-ico:hover, a.fb-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Twitter (black) */
a.tw-ico:hover, a.tw-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Google+ (black) */
a.go-ico:hover, a.go-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* RSS (black) */
a.rss-ico:hover, a.rss-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Close Icon */
div.close-icon:hover, div.close-icon:focus {
-webkit-transform: scale(1.68); -ms-transform: scale(1.68);
transform: scale(1.68);
}

/* Back Icon */
div.back-icon:hover, div.back-icon:focus {
-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
}

/* Down Icon */
div.down-icon:hover, div.down-icon:focus {
-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
}

/* Close Icon (White) */
div.close-icon-white:hover, div.close-icon-white:focus {
-webkit-transform: scale(1.68); -ms-transform: scale(1.68);
transform: scale(1.68);
}

/* BC Home */
a.bc-home:hover, a.bc-home:focus {
background-image: url('../img/home-button_.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
}

/* Breadcrumb Link */
a.bc-link:hover, a.bc-link:focus {
border-bottom: 1px solid rgba(0,0,0,1);
}

/* BC Dropdown */
a.bc-dropdown:hover, a.bc-dropdown:focus {
background-image: url('../img/bc_.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
}

/* Splitter Link-List Style */
a.splitter:hover, a.splitter:focus {
text-decoration:none !important; 
}

/* Search-Icon in Main-Menue (active) */
a.search-icon-mm.active:hover, a.search-icon-mm.active:focus {
-webkit-animation-name: none;
animation-name: none;
}

/* Arrow Right Icon */
img.arrow-right:hover, img.arrow-right:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Jump2top-Icon */
div.jump2top:hover, div.jump2top:focus {
opacity:1; 
}

/* Jump2top-Icon */
div.jump-2-top:hover, div.jump-2-top:focus {
opacity: 1 !important;
}

/* Inpage-Navigation Item */
div.inpage-nav:hover, div.inpage-nav:focus {
cursor:pointer; 
color: rgba(234,22,31,1); 
}

/* Search Suggestion */
a.search-suggest:hover, a.search-suggest:focus {
background-color: rgba(247,233,210,1); 
}

/* Tab */
div.tab:hover, div.tab:focus {
-webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);
}

/* Teaser in Hero-Image */
div.hero-img-teaser:hover, div.hero-img-teaser:focus {
background-color: rgba(64,64,64,1); 
}

/* Right-Hero-Teaser */
div.right-hero-teaser:hover, div.right-hero-teaser:focus {
background-color: rgba(242,224,195,1); 
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red:hover, div.right-hero-teaser.red:focus {
background-color: rgba(208,16,24,1); 
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser:hover, div.sub-hero-teaser:focus {
background-color: rgba(242,224,195,1); 
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme:hover, div.hero-img-teaser-theme:focus {
background-color: rgba(64,64,64,1); 
}

/* Search-Icon in MM (Campaign) */
a.search-icon-mm-campaign:hover, a.search-icon-mm-campaign:focus {
-webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Select option */
div.option:hover, div.option:focus {
border-left: 6px solid rgba(112,112,112,1); 
background-color: rgba(250,241,227,1); 
}

/* File-Upload Field */
input[type=file].file-upload:hover, input[type=file].file-upload:focus {
background-image: url('../img/Upload Icon Hover.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; 
}

/* File Upload Icon */
img.file-upload-img:hover, img.file-upload-img:focus {
}

/* File Upload Icon (success) */
img.file-upload-img-success:hover, img.file-upload-img-success:focus {
-webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Inpage-Search Title (H4) */
a.inpage-search-title:hover, a.inpage-search-title:focus {
}

/* RSS-Abo */
a.rss-abo:hover, a.rss-abo:focus {
color: rgba(0,0,0,1); 
}

/* Datepicker Icon */
img.datepicker-img:hover, img.datepicker-img:focus {
}

/* Select option (longlist) */
div.option.og-2:hover, div.option.og-2:focus {
border-left: 6px solid rgba(112,112,112,1); 
background-color: rgba(250,241,227,1); 
}

/* Select optgroup (longlist) */
div.option.og-1:hover, div.option.og-1:focus {
border-left: 6px solid rgba(112,112,112,1); 
background-color: rgba(250,241,227,1); 
}

/* Back-to-Overview Link */
a.back2overview:hover, a.back2overview:focus {
border-bottom: 1px solid rgba(0,0,0,1);
}

/* xing (black) */
a.xing-ico:hover, a.xing-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* kununu (black) */
a.kununu-ico:hover, a.kununu-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* linkedin (black) */
a.linkedin-ico:hover, a.linkedin-ico:focus {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small:hover, div.sub-hero-teaser-small:focus {
background-color: rgba(242,224,195,1); 
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red:hover, div.right-hero-teaser-small.red:focus {
background-color: rgba(208,16,24,1); 
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small:hover, div.right-hero-teaser-small:focus {
background-color: rgba(242,224,195,1); 
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small:hover, div.hero-img-teaser-small:focus {
background-color: rgba(64,64,64,1); 
}


/* Styles for Atoms in Moleculs */
div.image-1 > div.enl-ico.open-lightbox-2:hover, div.image-1 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol-2 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-2 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol-3 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-3 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol-4 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-4 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol-5 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-5 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.img-gal-mol-6 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-6 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}

div.end-news-list > button.small:hover, div.end-news-list > button.small:focus {
background-color: #404040;
}

div.img-gal-mol-7 > div.enl-ico.open-lightbox-2:hover, div.img-gal-mol-7 > div.enl-ico.open-lightbox-2:focus {
opacity: 1;
}


/* Styles for Atoms in Moleculs */
div.image-1:hover > img.img-1, div.image-1:focus > img.img-1 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.image-1:hover > div.enl-ico.open-lightbox-2, div.image-1:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol:hover > div.img-galery, div.img-gal-mol:focus > div.img-galery {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol-2:hover > div.img-galery.i2, div.img-gal-mol-2:focus > div.img-galery.i2 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol-2:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-2:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol-3:hover > div.img-galery.i3, div.img-gal-mol-3:focus > div.img-galery.i3 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol-3:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-3:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol-4:hover > div.img-galery.i4, div.img-gal-mol-4:focus > div.img-galery.i4 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol-4:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-4:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol-5:hover > div.img-galery.i5, div.img-gal-mol-5:focus > div.img-galery.i5 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol-5:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-5:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.img-gal-mol-6:hover > div.img-galery.i6, div.img-gal-mol-6:focus > div.img-galery.i6 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-gal-mol-6:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-6:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.teaser-sand-refused:hover > a.text-link-2, div.teaser-sand-refused:focus > a.text-link-2 {
border-bottom: 1px solid rgba(234,22,31,1);
}

div.img-teaser:hover > div.img-galery, div.img-teaser:focus > div.img-galery {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-teaser.i2:hover > div.img-galery.i2, div.img-teaser.i2:focus > div.img-galery.i2 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-teaser.i3:hover > div.img-galery.i3, div.img-teaser.i3:focus > div.img-galery.i3 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-teaser.i4:hover > div.img-galery.i4, div.img-teaser.i4:focus > div.img-galery.i4 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.img-teaser.i5:hover > div.img-galery.i5, div.img-teaser.i5:focus > div.img-galery.i5 {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.image-2:hover > div.img-hero, div.image-2:focus > div.img-hero {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.image-2:hover > div.hero-img-teaser, div.image-2:focus > div.hero-img-teaser {
background-color:#404040;
}

div.image-3:hover > div.img-hero-theme, div.image-3:focus > div.img-hero-theme {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.image-3:hover > div.hero-img-teaser-theme, div.image-3:focus > div.hero-img-teaser-theme {
background-color: #404040;
}

div.file-upload-error.floating-label:hover > img.file-upload-img, div.file-upload-error.floating-label:focus > img.file-upload-img {
top: -5px;
}

div.file-upload.floating-label:hover > img.file-upload-img, div.file-upload.floating-label:focus > img.file-upload-img {
top: -5px;
}

div.img-gal-mol-7:hover > div.enl-ico.open-lightbox-2, div.img-gal-mol-7:focus > div.enl-ico.open-lightbox-2 {
opacity: 1;
}

div.image-2-small:hover > div.img-hero, div.image-2-small:focus > div.img-hero {
-webkit-transform: scale(1.03); transform: scale(1.03);
}

div.image-2-small:hover > div.hero-img-teaser-small, div.image-2-small:focus > div.hero-img-teaser-small {
background-color:#404040;
}

/* clearfix | clears floating */
div.clearfix::before {
display:table-cell; 
}

/* Link-List Style 1 */
a.li::before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background-color: #EA161F;
top: 7px;
left: -18px;
}

/* Link-List Style 2 */
a.link-li::before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background-color: #EA161F;
top: 7px;
left: -18px;
}

/* List-Style */
li::before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background-color: #EA161F;
top: 10px;
left: -18px;
}

/* Accordion Title */
a.acc-title::before {
content: ' ';
position: absolute;
width: 24px;
height: 16px;
right: 28px;
top: 29px;
background-image: url(../img/arrow-down.svg);
background-size: 24px 16px;
-webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
}

/* Accordion Item */
li.acc-item::before {
background-color:transparent !important; 
}

/* Infobox Title */
a.infobox-title::before {
content: ' ';
position: absolute;
width: 24px;
height: 16px;
right: 28px;
top: 29px;
background-image: url(../img/arrow-down.svg);
background-size: 24px 16px;
-webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
}

/* Inpage-Navigation Title (H4) */
a.inpage-nav-title::before {
content: ' ';
position: absolute;
width: 24px;
height: 16px;
right: 28px;
top: 29px;
background-image: url(../img/arrow-down.svg);
background-size: 24px 16px;
-webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

/* Inpage-Navigation Item */
li.inpage-nav-item::before {
background-color:transparent !important; 
}

/* Service-Menue Login */
a.service-menue.login::before {
background-image: url('../img/login.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 20px;
height: 16px;
content: " ";
position: absolute;
left: -6px;
top: 3px;
background-size: 20px 14px;
background-repeat: no-repeat;
}

/* Service-Menue Logout */
a.service-menue.logout::before {
background-image: url('../img/logout.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 20px;
height: 16px;
content: " ";
position: absolute;
left: -24px;
top: 2px;
background-size: 20px 14px;
background-repeat: no-repeat;
}

/* Infobox Wrapper */
li.infobox-wrapper::before {
background-color:transparent !important; 
}

/* Splitter Link-List Style */
a.splitter::before {
background-image: url('../img/go-next.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 24px;
height: 20px;
content: " ";
position: absolute;
left: -42px;
top: 1px;
background-size: auto;
background-repeat: no-repeat;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

/* Back-to-Overview Link */
a.back2overview::before {
background-image: url('../img/arrow-back.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
content:''; 
position:absolute; 
width: 20px;
height: 20px;
top: 1px; left: -20px;
}

/* clearfix | clears floating */
div.clearfix::after {
position:sticky; 
}

/* Service-Menue-Item */
a.service-menue::after {
display: block;
content: '';
border-bottom: 2px solid #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out;
}

/* Language-Selector */
div.language-selector::after {
display: block;
content: '';
border-bottom: 2px solid #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out;
}

/* Language-Selector item */
a.language::after {
display: block;
content: '';
border-bottom: 2px solid #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out;
}

/* Main-Menue-Item */
a.main-menue::after {
display: block;
content: '';
border: 1px solid #000;
border-radius: 3px;
height: 2px;
background-color: #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}

/* Main-Menue-Item (active) */
a.main-menue.i1::after {
display: block;
content: '';
border: 1px solid #EA161F;
border-radius: 3px;
height: 2px;
background-color: #EA161F;
-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);
-webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}

/* Footer-Menue-Item */
a.footer-menue::after {
display: block;
content: '';
border-bottom: 2px solid #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out;
}

/* Main-Menue-Sub-Item */
a.main-menue-sub::after {
display: block;
content: '';
height: 2px;
margin-top: 2px;
background-color: #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
transition: all 100ms ease-in-out;
}

/* Main-Menue-Item (Campaign) */
a.main-menue-campaign::after {
display: block;
content: '';
border: 1px solid #000;
border-radius: 3px;
height: 2px;
background-color: #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}

/* Main-Menue-active (Campaign) */
span.main-menue-campaign.active::after {
display: block;
content: '';
border: 1px solid #EA161F;
border-radius: 3px;
height: 2px;
background-color: #EA161F;
-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);
-webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}

/* Main-Menue-Item (Theme) */
a.main-menue-theme::after {
display: block;
content: '';
border: 1px solid #000;
border-radius: 3px;
height: 2px;
background-color: #000;
-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);
-webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}

/* Tab */
div.tab:first-of-type {
margin-left: -1px; 
}

/* Language-Selector item */
a.language:last-of-type {
margin-right: 0; 
}

/* Teaser in Hero-Image */
div.hero-img-teaser:last-of-type {
margin-right: 0; 
}

/* Right-Hero-Teaser */
div.right-hero-teaser:last-of-type {
margin-bottom: 0; 
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big:last-of-type {
margin-bottom: 0; 
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red:last-of-type {
margin-bottom: 0; 
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser:last-of-type {
margin-right: 0; 
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme:last-of-type {
margin-right: 0; 
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small:last-of-type {
margin-right: 0; 
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red:last-of-type {
margin-bottom: 0; 
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small:last-of-type {
margin-bottom: 0; 
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big:last-of-type {
margin-bottom: 0; 
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small:last-of-type {
margin-right: 0; 
}

/* Infobox */
ul.box-beige:nth-child(odd) {
margin-right: 0 !important; 
}



/* --------- M-VIEW and smaller --------- */
@media screen and (max-width: 1119px) {

/* --- Navigation-Styles --- */



/* --- Template-Styles --- */



/* --- Organism-Styles --- */

/* Main-Column */
div.main-column {
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
margin-top: 115px; 
}

/* Small Image-Teaser row */
div.row-image-teaser {
display:block; 
}

/* DLN-Tile */
div.dln-tile {
width:100%; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* DLN-Tile 2 */
div.dln-tile.i2 {
display:none; 
}

/* DLN-Tile 3 */
div.dln-tile.i3 {
display:none; 
}

/* DLN-Tile (Aufruf von Detailseite) */
div.dln-tile.i4 {
width:100%; 
}

/* DLN-Start */
div.dln-start {
width:100%; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* DLN-Tile 1 */
div.dln-tile.i1 {
display:none; 
}

/* DLN-Start (2) */
div.dln-start.i0 {
display:none; 
}

/* Header (OE) */
div.header-oe.sticky-header {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
}

/* Context-Column */
div.context-column {
max-width: none; 
position:relative; 
margin-left: 30px; margin-right: 30px; 
margin-top: 15px; 
margin-bottom: 20px; 
width: calc(100% - 60px); 
clear:both; 
top:0; 
}

/* Header (Kantonsportal) */
div.header-portal.sticky-header {
padding-top: 10px; max-width: 979px; height: 170px;
margin-left: 30px; margin-right: 30px; 
}

/* Header (OE - 2 rows caption) */
div.header-2-rows.sticky-header {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
}

/* Footer (Kantonsportal) */
div.footer.kbe {
height: 240px; 
padding-left: 30px; padding-right: 30px; 
}

/* Footer (OE) */
div.footer.oe {
height: 240px; 
padding-left: 30px; padding-right: 30px; 
}

/* Link-List-Group */
div.row-splitter {
margin-left: 30px; margin-right: 30px; 
}

/* Text-Teaser-Group (Full-Width) */
div.row-teaser-full {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 17px;
margin-left: 30px; margin-right: 30px; 
}

/* Main-Column (Grid) */
div.main-column-grid {
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
margin-top: 115px; 
}

/* Context-Column (Grid) */
div.context-column-grid {
max-width: none; 
position:relative; 
margin-left: 30px; margin-right: 30px; 
margin-top: 15px; 
margin-bottom: 36px;
width: calc(100% - 60px); 
clear:both; 
top:0; 
}

/* One-Column full-width (Grid) */
div.full-wdith {
margin-left: 30px; margin-right: 30px; 
}

/* Header (Startpage OE) */
div.header-oe-startpage.sticky-header {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
}

/* Search-Area */
div.search-area {
background-color: rgba(247,233,210,1); 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-left: 30px; margin-right: 30px; 
padding-top: 10px; padding-bottom: 11px; padding-left: 11px; padding-right: 11px; 
margin-top: 0px; 
margin-bottom: 20px; 
}

/* Header (Startpage OE - scrolling) */
div.header-oe-startpage.sticky-header.as {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
}

/* Header (Startpage OE) down */
div.header-oe-startpage.sticky-header.down {
top: -130px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Header (OE) down */
div.header-oe.sticky-header.down {
top: -130px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}

/* Image-Teaser-Group (Full-Width) */
div.row-img-teaser-full {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 17px;
margin-left: 30px; margin-right: 30px; 
}

/* Search-Area (active) */
div.search-area-active {
background-color: rgba(247,233,210,1); 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-left: 30px; margin-right: 30px; 
padding-top: 10px; padding-bottom: 11px; padding-left: 11px; padding-right: 11px; 
margin-top: 0px; 
}

/* Lightbox */
div.lightbox-dummy {
height:auto; 
}

/* Search-Area (focus) */
div.search-area.focus {
top: 124px;
}

/* Hero-Area */
div.hero-area {
margin-left: 30px; margin-right: 30px; 
}

/* Hero-Area (Theme) */
div.hero-area-theme {
margin-left: 30px; margin-right: 30px; 
margin-bottom: 36px;
}

/* Above-the-fold (Campaign-Site) */
div.campaign-site {
max-height: 960px;
}

/* Header (Theme) */
div.header-theme.sticky-header {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
}

/* Header (Theme) scrolling */
div.header-theme.sticky-header.as {
padding-top: 10px; max-width: 979px; height: 124px; 
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
}

/* Main-Column (mit Bereichssuche) */
div.main-column-2 {
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
margin-top: 115px; 
}

/* Main-Column (News) */
div.main-column-news {
margin-left: 30px; margin-right: 30px; 
width: calc(100% - 60px); 
margin-top: 115px; 
}

/* Hero-Area (Small Headlines) */
div.hero-area-2 {
margin-left: 30px; margin-right: 30px; 
}



/* --- Molecul-Styles --- */

/* Share Page */
div.sharing {
margin-left: 30px;
max-width: 420px;
}

/* List with H3 and line */
div.list {
margin-left: 30px; margin-right: 30px; 
margin-top: 50px;
margin-bottom: 50px;
padding-top: 40px;
padding-bottom: 40px;
max-width: none;
}

/* Gallery Image */
div.img-gal-mol {
width: 49%;
max-width: none;
}

/* Gallery Image 2 */
div.img-gal-mol-2 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
margin-right: 0; 
max-width: none; 
}

/* Gallery Image 3 */
div.img-gal-mol-3 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
max-width: none; 
}

/* Gallery Image 4 */
div.img-gal-mol-4 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
margin-right: 0; 
max-width: none; 
}

/* Gallery Image 5 */
div.img-gal-mol-5 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
max-width: none; 
}

/* Gallery Image 6 */
div.img-gal-mol-6 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
max-width: none; 
margin-right: 0; 
}

/* Image-Teaser small (2) */
div.image-teaser-s-2 {
width:100%; 
}

/* Image-Teaser small */
div.image-teaser-s {
margin-right: 0; 
width:100%; 
}

/* Service-Navigation */
div.service-nav {
display:none; 
}

/* Main-Menue (OE) */
div.main-nav {
display:none; 
}

/* Mobile-Navigation */
div.mobile-nav {
display:block; 
}

/* Mobile-Navigation (Startpage) */
div.mobile-nav-startpage {
display:block; 
}

/* Main-Menue (Kantonsportal) */
div.main-nav-portal {
display:none; 
}

/* Social Media Icons */
div.sm-icons {
height: 32px !important; 
left:0; 
padding-left: 30px; padding-right: 30px; 
overflow:hidden; 
}

/* Footer-Navigation */
div.footer-nav {
bottom: 70px;
left:0; 
padding-left: 30px; padding-right: 30px; 
}

/* Signet (OE) Footer */
div.signet-oe-footer {
display:none; 
}

/* OffCanvas Service-Navigation */
div.offcanvas-service-nav {
display:block; 
max-width: none; 
margin-bottom: 36px;
}

/* Main-Menue (Startpage OE) */
div.main-nav-startpage {
display:none; 
}

/* Search Input Container (active) */
div.search-input-box.active {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Search Input Container */
div.search-input-box {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Tabs (Search-Result Filter) */
div.nav-tabs {
margin-left: 30px; margin-right: 30px; 
}

/* Search Result */
div.search-result {
margin-left: 30px; margin-right: 30px; 
}

/* Pagination */
div.pagination {
margin-left: 30px; margin-right: 30px; 
margin-top: 32px;
height: 180px;
}

/* List with H3 and line (2) */
div.list-2 {
margin-top: 50px;
margin-bottom: 50px;
padding-top: 40px;
padding-bottom: 40px;
max-width: none;
}

/* Lightbox Information */
div.lightbox-info {
padding-right: 20px;
padding-left: 20px;
width: 100%;
min-height: auto;
}

/* Pagination (ohne Input) */
div.pagination-2 {
margin-top: 32px;
height: 180px;
}

/* Search Input Container (focus) */
div.search-input-box.focus {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Lightbox Information (2) */
div.lightbox-info-2 {
padding-right: 20px;
padding-left: 20px;
width: 100%;
min-height: auto;
}

/* Hero-Area (Big Image) */
div.image-2 {
clear:both; 
width: 100%;
height: auto;
}

/* Hero-Area (Right-Column) */
div.hero-area-right-col {
clear:both; 
width: 100%;
height: auto;
}

/* Hero-Area (Theme-Site) */
div.image-3 {
clear:both; 
}

/* Main-Menue (Theme-Site) */
div.main-nav-theme {
display:none; 
}

/* Inputfield (small) */
div.form-group-small {
width: 47.5%;
}

/* Inputfield (small 1) */
div.form-group-small-left {
width: 47.5%;
}

/* Inputfield (small 3) */
div.form-group-small-right {
clear:both; 
float: none;
width: 47.5%;
}

/* Inputfield (small 2) */
div.form-group-small-middle {
float:right; 
margin-right: 0;
width: 47.5%;
}

/* Tabs (Inpage Filter) */
div.nav-tabs-ext {
margin-left: 30px; margin-right: 30px; 
}

/* News List Item (full-width) */
div.news-list-item.full-width {
margin-left: 30px; margin-right: 30px; 
}

/* Gallery Image 7 */
div.img-gal-mol-7 {
margin-bottom: 2%; margin-right: 2%; width: 49%; 
max-width: none; 
}

/* Hero-Area (Right-Column Small HL) */
div.hero-area-right-col-2 {
clear:both; 
width: 100%;
height: auto;
}

/* Hero-Area (Big Image - small HL) */
div.image-2-small {
clear:both; 
width: 100%;
height: auto;
}


/* Styles for Moleculs in Organisms */
div.main-column > div.breadcrumb {
top: -102px;
}

div.lightbox > div.lightbox-info {
display: block;
width: 100%;
}

div.lightbox-dummy > div.lightbox-info {
display: block;
width: 100%;
}

div.lightbox-2 > div.lightbox-info-2 {
display: block;
width: 100%;
}

div.main-column-2 > div.breadcrumb {
top: -102px;
}



/* --- Atom-Styles --- */

/* H1 */
h1 {
font-size: 48px;
line-height: 56px;
margin: -9px 0 28px -1px;
margin-left: -1px;
}

/* H2 */
h2 {
font-size: 30px;
line-height: 35px;
margin: -5px 0 10px -1.5px;
margin-left: -1px;
}

/* H3 */
h3 {
font-weight: 300;
font-size: 24px;
line-height: 28px;
margin: -3px 0 12px -1px;
margin-left: 0px;
}

/* Grey line */
div.hr {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;
}

/* Text-Link as Container (dark BG) */
a.text-link-white {
position:relative; 
}

/* Text-Link as Container in Link-List */
a.text-link-list {
position:relative; 
}

/* H4 */
h4 {
margin-left: 0px;
}

/* H5 */
h5 {
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis; 
}

/* Text in Box */
p.box-text {
}

/* Infobox */
ul.box-beige {
margin-right: 2%;
width: 49%;
max-width: none;
}

/* Inpage-Navigation */
ul.inpage-nav {
display:none; 
}

/* Logo */
img.logo {
width: 150px;
height: 67px;
}

/* Logo Caption */
div.logo-caption {
margin-top: 30px; max-width: 210px;
font-size: 12px; line-height: 13px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
}

/* Logo Caption (max. length) */
div.logo-caption-long {
margin-top: 12px; max-width: 210px; 
font-size: 10px; line-height: 13px; letter-spacing: 0.01rem; word-spacing: 0.025rem;
}

/* Logo Footer (KBE) */
img.logo-kbe-footer {
display:none; 
}

/* Label (Footer) */
div.label-footer {
padding-left: 30px; padding-right: 30px; 
left:0; 
}

/* Intro-Text (Footer OE) */
div.intro-footer {
display:none; 
}

/* Copyright */
p.copyright {
padding-left: 30px; padding-right: 30px; 
}

/* Intro-Text (Footer KBE) */
div.intro-footer {
display:none; 
}

/* Logo Footer (OE) */
img.logo-oe-footer {
display:none; 
}

/* Headline (H4) 1 */
h4.i1 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 2 */
h4.i2 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 3 */
h4.i3 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 4 */
h4.i4 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 5 */
h4.i5 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 6 */
h4.i6 {
font-size: 24px; line-height: 28px;
}

/* Headline (H4) 7 */
h4.i7 {
font-size: 24px; line-height: 28px;
}

/* Jump2top-Icon */
div.jump2top {
width: 60px;
height: 60px;
}

/* Jump2top-Icon */
div.jump-2-top {
left: calc(100% - 60px);
width: 60px;
height: 60px;
}

/* H1 (center) */
h1.center {
margin-top: 60px;
margin-right: 30px;
margin-left: 30px;
}

/* H3 (center) */
h3.center {
margin-top: 24px;
margin-right: 30px;
margin-bottom: 16px;
margin-left: 30px;
}

/* Headline (Search Result) */
h2.search-result {
font-size: 30px;
line-height: 35px;
margin: -5px 0 10px -1.5px;
}

/* Space at the end of pages */
div.space {
height: 120px;
}

/* Beige line */
div.hr-sand {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;
}

/* Light Grey Line */
div.hr-light {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;
}

/* H3 (2) */
h3.v2 {
font-weight: 300;
font-size: 24px;
line-height: 28px;
margin: -3px 0 12px -1px;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 16px;
margin-left: 30px;
}

/* H1 (2) */
h1.v2 {
margin-right: 30px;
margin-left: 30px;
}

/* H2 (2) */
h2.v2 {
font-size: 30px;
line-height: 35px;
margin: -5px 0 10px -1.5px;
margin-right: 30px;
margin-left: 30px;
}

/* H2 (center) */
h2.center {
margin-top: 48px;
margin-right: 30px;
margin-left: 30px;
}

/* Teaser in Hero-Image */
div.hero-img-teaser {
width: 100%;
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big {
white-space:nowrap; 
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser {
margin-bottom: 17px;
width: 100%;
}

/* H2 white (Hero-Area) */
h2.hero-area.white {
max-height: none;
}

/* Image-for-Hero-Area (Theme-Site) */
div.img-hero-theme {
height: 523px;
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme {
width: 100%;
}

/* H2 white (Hero-Area Theme) */
h2.hero-area.white.theme {
max-height: none;
}

/* Campaign Title */
div.campaign-title {
font-size: 54px; line-height: 62px;
padding-right: 10%;
padding-left: 10%;
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small {
margin-bottom: 17px;
width: 100%;
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big {
white-space:nowrap; 
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small {
width: 100%;
}

/* H2 white (Hero-Area small) */
h2.hero-area-small.white {
max-height: none;
}


/* Styles for Atoms in Organisms */
div.table-1 > h3 {
width: 70%;
}

div.lightbox > div.lightbox-img {
display: block;
width: 100%;
}

div.lightbox-dummy > div.lightbox-img {
display: block;
width: 100%;
}

div.lightbox-2 > div.lightbox-img-2 {
display: block;
width: 100%;
}

div.table-2 > h3 {
width: 70%;
}


/* Styles for Atoms in Moleculs */
div.dln-header.i2 > div.back-icon {
display: block;
}

div.dln-header.i3 > h4.i3 {
position: absolute;
bottom: 8px;
}

div.dln-header.i4 > div.back-icon {
display: block;
}

div.alert-box > img.alert {
margin-left: 45px;
}

div.alert-box > p.white-text {
margin-left: 45px;
width: calc(100% - 195px);
}

div.alert-box > div.close-icon-white {
right: 45px;
}

div.img-teaser > div.img-galery {
height: 205px;
}

div.img-teaser.i2 > div.img-galery.i2 {
height: 205px;
}

div.img-teaser.i3 > div.img-galery.i3 {
height: 205px;
}

div.img-teaser.i4 > div.img-galery.i4 {
height: 205px;
}

div.img-teaser.i5 > div.img-galery.i5 {
height: 205px;
}

div.lightbox-info > a.text-link.v2 {
top: unset;
bottom: 20px;
right: 20px;
left: unset;
}

div.lightbox-info > div.close-icon {
top: 20px;
right: 20px;
}

div.lightbox-info > h5 {
margin-top: 10px;
width: 600px;
}

div.lightbox-info > p.box-text {
margin-top: 20px;
width: 600px;
}

div.lightbox-info > div.pagination-simple {
bottom: 5px;
left: 19px;
}

div.lightbox-info-2 > a.text-link.v2 {
top: unset;
bottom: 20px;
right: 20px;
left: unset;
}

div.lightbox-info-2 > div.close-icon {
top: 20px;
right: 20px;
}

div.lightbox-info-2 > h5.Lightbox-Text {
margin-top: 10px;
width: 600px;
}

div.lightbox-info-2 > p.box-text {
margin-top: 20px;
width: 600px;
}

div.hero-area-right-col > div.right-hero-teaser.red {
float: left;
margin-right: 17px;
width: calc(50% - 8.5px);
}

div.hero-area-right-col > div.right-hero-teaser {
float: right;
width: calc(50% - 8.5px);
}

div.hero-area-right-col > div.right-hero-teaser.big {
clear: both;
width: 100%;
height: 143px;
}

div.campaign-header > img.campaign-logo {
margin-left: 30px;
}

div.campaign-header > a.hamburger-icon {
display: block;
float: right;
margin-top: 32px;
margin-right: 30px;
}

div.campaign-header > a.search-icon-mm-campaign {
display: none;
}

div.campaign-header > a.main-menue-campaign.v1.v2 {
display: none;
}

div.campaign-header > a.main-menue-campaign.v1 {
display: none;
}

div.campaign-header > span.main-menue-campaign.active {
display: none;
}

div.campaign-header > a.main-menue-campaign {
display: none;
}

div.hero-area-right-col-2 > div.right-hero-teaser-small.red {
float: left;
margin-right: 17px;
width: calc(50% - 8.5px);
}

div.hero-area-right-col-2 > div.right-hero-teaser-small {
float: right;
width: calc(50% - 8.5px);
}

div.hero-area-right-col-2 > div.right-hero-teaser-small.big {
clear: both;
width: 100%;
height: 143px;
}



}

/* --------- S-VIEW and smaller --------- */
@media screen and (max-width: 767px) {

/* --- Navigation-Styles --- */



/* --- Template-Styles --- */



/* --- Organism-Styles --- */

/* Main-Column */
div.main-column {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
margin-top: 45px; 
}

/* DLN-Tile */
div.dln-tile {
padding-left: 30px; padding-right: 30px; 
}

/* DLN-Start */
div.dln-start {
padding-left: 30px; padding-right: 30px; 
}

/* DLN-Tile 1 */
div.dln-tile.i1 {
display:none; 
}

/* DLN-Start (2) */
div.dln-start.i0 {
display:none; 
}

/* Header (OE) */
div.header-oe.sticky-header {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Context-Column */
div.context-column {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Header (Kantonsportal) */
div.header-portal.sticky-header {
margin-left: 20px; margin-right: 20px; 
}

/* Header (OE - 2 rows caption) */
div.header-2-rows.sticky-header {
margin-left: 20px; margin-right: 20px; 
}

/* Footer (Kantonsportal) */
div.footer.kbe {
padding-left: 20px; padding-right: 20px; 
}

/* Footer (OE) */
div.footer.oe {
padding-left: 20px; padding-right: 20px; 
}

/* Text-Teaser-Group (Main-Column) */
div.row-teaser-main.main-column {
display:block; 
}

/* Link-List-Group */
div.row-splitter {
display:block; 
margin-left: 20px; margin-right: 20px; 
margin-bottom: 20px; 
margin-top: 20px; 
}

/* Text-Teaser-Group (Full-Width) */
div.row-teaser-full {
display:block; 
margin-left: 20px; margin-right: 20px; 
margin-bottom: 20px; 
margin-top: 20px; 
}

/* Main-Column (Grid) */
div.main-column-grid {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
margin-top: 45px; 
}

/* Context-Column (Grid) */
div.context-column-grid {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* One-Column full-width (Grid) */
div.full-wdith {
margin-top: 20px; 
margin-left: 20px; margin-right: 20px; 
}

/* Header (Startpage OE) */
div.header-oe-startpage.sticky-header {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Search-Area */
div.search-area {
margin-left: 20px; margin-right: 20px; 
}

/* Header (Startpage OE - scrolling) */
div.header-oe-startpage.sticky-header.as {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Image-Teaser-Group (Full-Width) */
div.row-img-teaser-full {
display:block; 
margin-left: 20px; margin-right: 20px; 
margin-bottom: 20px; 
margin-top: 20px; 
}

/* Image-Teaser-Group (Main-Column) */
div.row-img-teaser-main.main-column {
display:block; 
}

/* Search-Area (active) */
div.search-area-active {
margin-left: 20px; margin-right: 20px; 
}

/* Lightbox */
div.lightbox {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transform: none;
width:100%; 
left:0; 
top:0; 
right:0; 
bottom:0; 
}

/* Lightbox */
div.lightbox-dummy {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width:100%; 
bottom:0; 
left:0; 
top:0; 
right:0; 
}

/* Lightbox 2 */
div.lightbox-2 {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transform: none;
width:100%; 
left:0; 
top:0; 
right:0; 
bottom:0; 
}

/* Hero-Area */
div.hero-area {
margin-left: 20px; margin-right: 20px; 
margin-bottom: 36px;
}

/* Hero-Area (Theme) */
div.hero-area-theme {
margin-left: 20px; margin-right: 20px; 
}

/* Above-the-fold (Campaign-Site) */
div.campaign-site {
max-height: 860px;
}

/* Header (Theme) */
div.header-theme.sticky-header {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Header (Theme) scrolling */
div.header-theme.sticky-header.as {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
}

/* Main-Column (mit Bereichssuche) */
div.main-column-2 {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
margin-top: 45px; 
}

/* Main-Column (News) */
div.main-column-news {
margin-left: 20px; margin-right: 20px; 
width: calc(100% - 40px); 
margin-top: 45px; 
}

/* Hero-Area (Small Headlines) */
div.hero-area-2 {
margin-left: 20px; margin-right: 20px; 
margin-bottom: 36px;
}



/* --- Molecul-Styles --- */

/* Summary Box */
div.summary-box {
padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; max-width: 800px; 
}

/* Share Page */
div.sharing {
margin-left: 20px;
max-width: 280px;
}

/* List with H3 and line */
div.list {
margin-left: 20px; margin-right: 20px; 
margin-top: 40px;
margin-bottom: 40px;
padding-top: 30px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;
}

/* Gallery Image */
div.img-gal-mol {
margin-bottom: 5%;
width: 100%;
}

/* Gallery Image 2 */
div.img-gal-mol-2 {
margin-bottom: 5%; width: 100%; 
}

/* Gallery Image 3 */
div.img-gal-mol-3 {
margin-bottom: 5%; width: 100%; 
}

/* Gallery Image 4 */
div.img-gal-mol-4 {
margin-bottom: 5%; width: 100%; 
}

/* Gallery Image 5 */
div.img-gal-mol-5 {
margin-bottom: 5%; width: 100%; 
}

/* Gallery Image 6 */
div.img-gal-mol-6 {
margin-bottom: 5%; width: 100%; 
clear:both; 
}

/* Text-Teaser sand */
div.teaser-sand-refused {
margin-right: 0; 
width:100%; 
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused {
width:100%; 
margin-left: 0px !important; 
}

/* Text-Teaser orange */
div.teaser-orange {
width:100%; 
}

/* Text-Teaser blue */
div.teaser-blue {
width:100%; 
}

/* Text-Teaser green */
div.teaser-green {
width:100%; 
}

/* Text-Teaser red */
div.teaser-red {
width:100%; 
}

/* Image-Teaser */
div.image-teaser {
margin-right: 0; 
width:100%; 
display:block; 
}

/* Image-Teaser small (2) */
div.image-teaser-s-2 {
display:block; 
}

/* Image-Teaser small */
div.image-teaser-s {
display:block; 
}

/* Splitter */
div.splitter {
width:100%; 
}

/* Splitter (2) */
main.splitter-2 {
margin-left: 0px !important; 
width:100%; 
}

/* Splitter extended */
div.splitter-ext {
width:100%; 
}

/* Splitter extended (2) */
main.splitter-ext-2 {
margin-left: 0px !important; 
width:100%; 
}

/* Mobile-Navigation */
div.mobile-nav {
top: 20px;
}

/* Social Media Icons */
div.sm-icons {
padding-left: 20px; padding-right: 20px; 
}

/* Footer-Navigation */
div.footer-nav {
padding-left: 20px; padding-right: 20px; 
}

/* Signet (DLN) */
div.signet-oe-nr {
display:none; 
}

/* Text-Teaser sand */
div.teaser-sand {
width: 100%;
}

/* Search Input Container (active) */
div.search-input-box.active {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Search Input Container */
div.search-input-box {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Image-Teaser */
div.img-teaser {
padding-bottom: 21px;
width: 100%;
}

/* Image-Teaser 2 */
div.img-teaser.i2 {
padding-bottom: 21px;
width: 100%;
}

/* Image-Teaser 3 */
div.img-teaser.i3 {
padding-bottom: 21px;
width: 100%;
}

/* Image-Teaser 4 */
div.img-teaser.i4 {
padding-bottom: 21px;
width: 100%;
}

/* Image-Teaser 5 */
div.img-teaser.i5 {
padding-bottom: 21px;
width: 100%;
}

/* Tabs (Search-Result Filter) */
div.nav-tabs {
margin-left: 20px; margin-right: 20px; 
}

/* Search Result */
div.search-result {
background-image: none !important;
margin-left: 20px; margin-right: 20px; 
padding-top: 20px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}

/* Pagination */
div.pagination {
margin-left: 20px; margin-right: 20px; 
margin-top: 24px;
height: 120px;
}

/* Search Result with Image */
div.search-result.a1 {
min-height: auto;
}

/* List with H3 and line (2) */
div.list-2 {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 30px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;
}

/* Lightbox Information */
div.lightbox-info {
height: 32vh;
}

/* Pagination (ohne Input) */
div.pagination-2 {
margin-top: 24px;
height: 120px;
}

/* Search Input Container (focus) */
div.search-input-box.focus {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Lightbox Information (2) */
div.lightbox-info-2 {
height: 32vh;
}

/* Inputfield (medium 1) */
div.form-group-medium-left {
width: 100%;
}

/* Inputfield (medium 2) */
div.form-group-medium-right {
width: 100%;
}

/* Inputfield (medium) */
div.form-group-medium {
width: 100%;
}

/* Inputfield (small) */
div.form-group-small {
width: 65.625%;
}

/* Inputfield (small 1) */
div.form-group-small-left {
float: none;
width: 65.625%;
}

/* Inputfield (small 3) */
div.form-group-small-right {
width: 65.625%;
}

/* Inputfield (small 2) */
div.form-group-small-middle {
float: none;
width: 65.625%;
}

/* Breadcrumb */
div.breadcrumb {
display:none; 
}

/* Tabs (Inpage Filter) */
div.nav-tabs-ext {
margin-left: 20px; margin-right: 20px; 
}

/* Inpage-Search (extended) */
div.inpage-search-extended {
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}

/* News List Item in Content */
div.news-list-item {
background-image: none !important;
padding-top: 25px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

/* News List Item 4 */
div.news-list-item.v4 {
min-height: auto;
}

/* News List Item (full-width) */
div.news-list-item.full-width {
margin-left: 20px; margin-right: 20px; 
padding-top: 25px;
padding-right: 1px;
padding-bottom: 10px;
padding-left: 0px;
}

/* End of News-List */
div.end-news-list {
margin-bottom: 80px;
}

/* Inpage-Search (extended open) */
div.inpage-search-extended.open {
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}

/* Inputfield (Date from) */
div.date-from.floating-label {
float: none;
clear:both; 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}

/* Inputfield (Date to) */
div.date-to.floating-label {
float: none;
clear:both; 
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}

/* Select-Box (50%) */
div.selectbox-small {
width: 100%;
max-width: none;
}

/* Select-Box with Optgroup (50%) */
div.selectbox-og-small {
width: 100%;
max-width: none;
}

/* Select-Box with Checkboxes (50%) */
div.selectbox-oga-small {
width: 100%;
max-width: none;
}

/* Gallery Image 7 */
div.img-gal-mol-7 {
margin-bottom: 5%; width: 100%; 
}



/* --- Atom-Styles --- */

/* Body-Text */
p {
font-size: 15px; line-height: 24px;
}

/* H1 */
h1 {
font-size: 36px;
line-height: 42px;
margin: -6px 0 24px -1px;
font-family: 'Roboto'; font-style: normal; font-weight: 300;
}

/* Intro-Text */
p.intro {
font-size: 16px; line-height: 23px;
}

/* Image-Caption */
div.image_caption {
margin-bottom: 36px;
}

/* Link-List Style 1 */
a.li {
font-size: 15px; line-height: 24px;
line-height: 125%;
}

/* Link-List */
p.li {
font-size: 15px; line-height: 24px;
}

/* H2 */
h2 {
font-size: 24px;
line-height: 29px;
margin: -4px 0 8px -1px;
margin-left: 0px;
}

/* H3 */
h3 {
font-weight: 300;
font-size: 21px;
line-height: 25px;
margin: -2px 0 12px 0px;
margin-left: 0px;
}

/* Label before Headline */
span.label-content {
font-size: 13px; line-height: 17px;
}

/* Link-List Style 2 */
a.link-li {
font-size: 15px; line-height: 24px;
line-height: 125%;
}

/* Link-List underline */
p.link-li {
font-size: 15px; line-height: 24px;
}

/* List-Style */
li {
font-size: 15px; line-height: 24px;
}

/* List */
ul.list {
font-size: 15px; line-height: 24px;
}

/* Grey line */
div.hr {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}

/* Submit Button */
button.submit {
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
width: 100%;
}

/* Go-Next Button */
button.go-next {
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
width: 100%;
}

/* Go-Back Button */
button.go-back {
margin-top: 20px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
width: 100%;
}

/* Headline (H5 - dark BG) */
h5.white {
font-size: 18px;
line-height: 21px;
}

/* Very short Explanation Text in Box */
p.teaser {
display:none; 
}

/* Text for Image-Teaser-small */
p.teaser-small {
display:none; 
}

/* Very short Text in Box (2) */
p.teaser-small-2 {
display:none; 
}

/* H4 */
h4 {
font-size: 21px; line-height: 25px;
margin-left: 0px;
}

/* H5 */
h5 {
font-size: 18px;
line-height: 21px;
}

/* Headline (H5-2) */
h5.clone {
font-size: 18px;
line-height: 21px;
}

/* Sliding Navigation top */
div.sliding-nav-top {
display:block; 
}

/* Sliding Navigation bottom */
div.sliding-nav-bottom {
display:block; 
}

/* Quotation */
blockquote {
font-size: 16px; line-height: 23px;
}

/* Important Notice */
blockquote.important {
font-size: 16px; line-height: 23px;
}

/* Text in Box */
p.box-text {
font-size: 14px; line-height: 18px;
}

/* Accordion Title */
a.acc-title {
font-size: 18px;
line-height: 21px;
}

/* Img 2 für Image Gallery */
div.gal-small-img-2 {
display:none; 
}

/* Sliding Navigation bottom (2) */
div.sliding-nav-bottom-2 {
display:block; 
}

/* Step Box (Text) */
div.step-1-text {
font-size: 18px;
line-height: 21px;
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
}

/* Step Box (Text 2) */
div.step-2-text {
font-size: 18px;
line-height: 21px;
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
}

/* Search Field in Content */
input[type=text].search-1 {
}

/* Video Play Button */
div.play-video.enl-ico {
padding-top: 6px; width: 85px; height: 85px; 
margin-left: -42.5px;
}

/* Infobox */
ul.box-beige {
margin-right: 0;
width: 100%;
}

/* Infobox Title */
a.infobox-title {
font-size: 18px;
line-height: 21px;
}

/* Inpage-Navigation Title (H4) */
a.inpage-nav-title {
font-size: 18px;
line-height: 21px;
}

/* Inpage-Navigation Link */
a.inpage-nav {
font-size: 18px;
line-height: 21px;
}

/* Inpage-Navigation active Link */
a.inpage-nav-active {
font-size: 18px;
line-height: 21px;
}

/* Label (Footer) */
div.label-footer {
padding-left: 20px; padding-right: 20px; 
}

/* Copyright */
p.copyright {
width:100%; 
padding-left: 20px; padding-right: 20px; 
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis; 
}

/* Step Box (long Text) */
div.step-1-text {
font-size: 18px;
line-height: 21px;
padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; max-width: 790px; 
}

/* Horizontal line (DLN Start) */
div.hr-dln-start {
display:none; 
}

/* Alert */
img.alert {
width: 24px; height: 24px; 
}

/* Splitter Link-List Style */
a.splitter {
font-size: 16px; line-height: 23px;
line-height: 125%;
margin-left: 38px;
}

/* Search Input */
input.search {
font-size: 21px; line-height: 25px;
background-position: calc(100% - 7px) center;
background-size: 36px 36px;
padding-right: 50px;
padding-left: 12px;
height: 42px;
}

/* Search Input (active) */
input.search.active {
font-size: 21px; line-height: 25px;
background-image: none !important;
padding-right: 50px;
padding-left: 12px;
height: 42px;
}

/* Jump2top-Icon */
div.jump2top {
background-image: url('../img/jump-to-top-small.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
width: 40px;
height: 40px;
}

/* Jump2top-Icon */
div.jump-2-top {
background-image: url('../img/jump-to-top-small.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; 
left: calc(100% - 40px);
width: 40px;
height: 40px;
}

/* Search Suggestion */
a.search-suggest {
font-size: 21px; line-height: 25px;
padding-right: 10px;
padding-left: 10px;
}

/* H1 (center) */
h1.center {
margin-top: 48px;
margin-right: 20px;
margin-bottom: 21px;
margin-left: 20px;
}

/* H3 (center) */
h3.center {
margin-top: 16px;
margin-right: 20px;
margin-bottom: 12px;
margin-left: 20px;
}

/* Headline (Search Result) */
h2.search-result {
font-size: 24px;
line-height: 29px;
margin: -4px 0 8px -1px;
}

/* Space at the end of pages */
div.space {
height: 80px;
}

/* Beige line */
div.hr-sand {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}

/* Light Grey Line */
div.hr-light {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}

/* H3 (2) */
h3.v2 {
font-weight: 300;
font-size: 21px;
line-height: 25px;
margin: -2px 0 12px 0px;
margin-top: 16px;
margin-right: 20px;
margin-bottom: 12px;
margin-left: 20px;
}

/* H1 (2) */
h1.v2 {
margin-right: 20px;
margin-left: 20px;
}

/* H2 (2) */
h2.v2 {
font-size: 24px;
line-height: 29px;
margin: -4px 0 8px -1px;
margin-right: 20px;
margin-left: 20px;
}

/* H2 (center) */
h2.center {
margin-top: 36px;
margin-right: 20px;
margin-bottom: 18px;
margin-left: 20px;
}

/* Search Input (focus) */
input.search.focus {
font-size: 21px; line-height: 25px;
background-image: none !important;
padding-right: 50px;
padding-left: 12px;
height: 42px;
}

/* Image-for-Hero-Area */
div.img-hero {
max-height: 64vh;
}

/* Teaser in Hero-Image */
div.hero-img-teaser {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
min-height: auto;
}

/* Right-Hero-Teaser */
div.right-hero-teaser {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big {
white-space: normal;
height: auto;
}

/* H2 (Hero-Area) */
h2.hero-area {
font-size: 26px; line-height: 30px;
margin-bottom: 25px;
margin-left: 20px;
width: calc(100% - 38px);
max-height: 60px;
}

/* H2 Important (Hero-Area) */
h2.hero-area.important {
margin-bottom: 25px;
margin-left: 20px;
}

/* H2 white (Hero-Area) */
h2.hero-area.white {
margin-bottom: 5px;
max-height: none;
}

/* Image-for-Hero-Area (Theme-Site) */
div.img-hero-theme {
height: 423px;
max-height: 64vh;
min-height: 323px;
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
min-height: auto;
}

/* H2 white (Hero-Area Theme) */
h2.hero-area.white.theme {
margin-bottom: 5px;
max-height: none;
}

/* Campaign Title */
div.campaign-title {
font-size: 36px;
line-height: 42px;
margin: -6px 0 24px -1px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-right: 5%;
padding-left: 5%;
}

/* Placeholder */
span.placeholder {
}

/* Inpage-Search Title (H4) */
a.inpage-search-title {
font-size: 21px; line-height: 25px;
}

/* RSS-Abo */
a.rss-abo {
background-image: url('../img/rss.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; background-size: 30px 30px; 
text-align:left; 
padding-right: 0;
padding-left: 42px;
}

/* Back-to-Overview Link */
a.back2overview {
font-size: 13px; line-height: 17px;
}

/* Text-Column 50% */
div.col-50 {
width: 100%;
}

/* Image 3to4 25% */
div.img-3to4-25 {
padding-top: calc(66.67% - 11.3px);
width: calc(50% - 8.5px);
}

/* Text-Column 75% */
div.col-75 {
width: 100%;
}

/* H2 (Hero-Area-Small) */
h2.hero-area-small {
font-size: 24px; line-height: 28px;
margin-bottom: 25px;
margin-left: 20px;
width: calc(100% - 38px);
max-height: 60px;
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big {
white-space: normal;
height: auto;
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small {
padding-top: 25px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
min-height: auto;
}

/* H2 Important (Hero-Area small) */
h2.hero-area-small.important {
margin-bottom: 25px;
margin-left: 20px;
}

/* H2 white (Hero-Area small) */
h2.hero-area-small.white {
margin-bottom: 5px;
max-height: none;
}

/* List (multiple feeding) */
ul.list-multi-feed {
font-size: 15px; line-height: 24px;
}


/* Styles for Atoms in Organisms */
div.row-splitter > p.splitter-list {
margin-right: 0;
width: 100%;
}

div.row-splitter > p.splitter-list.alias {
margin-left: 0;
width: 100%;
}

div.main-column-news > span.label-content {
float: none;
width: 100%;
}

div.main-column-news > a.back2overview {
position: absolute;
top: -60px;
left: 12px;
line-height:160%;
}


/* Styles for Atoms in Moleculs */
div.offcanvas-service-nav > div.language-selector {
margin-left: -14px;
}

div.offcanvas-service-navi > div.language-selector {
margin-left: -14px;
}

div.alert-box > img.alert {
margin-top: 45px;
margin-left: 24px;
}

div.alert-box > p.white-text {
margin-top: 41px;
margin-bottom: 42px;
margin-left: 24px;
width: calc(100% - 150px);
}

div.alert-box > div.close-icon-white {
top: 20px;
right: 20px;
}

div.search-input-box.active > img.arrow-right {
margin-right: -12px;
}

div.search-input-box > img.arrow-right {
margin-right: -12px;
}

div.img-teaser > h5 {
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}

div.img-teaser.i2 > h5.clone {
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}

div.img-teaser.i3 > h5 {
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}

div.img-teaser.i4 > h5 {
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}

div.img-teaser.i5 > h5 {
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}

div.nav-tabs > div.select.filter {
display: block;
margin-bottom: 0;
}

div.nav-tabs > div.tab.active {
display: none;
}

div.nav-tabs > div.tab.a1 {
display: none;
}

div.nav-tabs > div.tab.a1.a2 {
display: none;
}

div.search-result.a1 > div.img-thumbnail {
display: none;
}

div.lightbox-info > h5 {
margin-right: 50px;
width: 70%;
}

div.lightbox-info > p.box-text {
width: 100%;
}

div.search-input-box.focus > img.arrow-right {
margin-right: -12px;
}

div.lightbox-info-2 > h5.Lightbox-Text {
margin-right: 50px;
width: 70%;
}

div.lightbox-info-2 > p.box-text {
width: 100%;
}

div.hero-area-right-col > div.right-hero-teaser.red {
clear: both;
margin-right: 0px;
width: 100%;
}

div.hero-area-right-col > div.right-hero-teaser {
clear: both;
width: 100%;
}

div.campaign-header > img.campaign-logo {
margin-left: 20px;
}

div.campaign-header > a.hamburger-icon {
margin-right: 20px;
}

div.nav-tabs-ext > div.select.filter-2 {
display: block;
}

div.nav-tabs-ext > div.tab-2.active {
display: none;
}

div.nav-tabs-ext > div.tab {
display: none;
}

div.nav-tabs-ext > div.tab {
display: none;
}

div.nav-tabs-ext > div.search-icon {
display: none;
}

div.news-list-item.v4 > div.img-thumbnail {
display: none;
}

div.end-news-list > button.small {
width: 100%;
-webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important;
}

div.end-news-list > a.rss-abo {
float: none;
right: 0;
}

div.img50-txt50 > div.img-3to4-50 {
float: none;
}

div.img50-txt50 > div.col-50 {
float: none;
}

div.txt50-img50 > div.col-50 {
float: none;
}

div.txt50-img50 > div.img-3to4-50 {
float: none;
}

div.img25-txt75 > div.img-3to4-25 {
float: none;
}

div.img25-txt75 > div.col-75 {
float: none;
}

div.txt75-img25 > div.col-75 {
float: none;
}

div.txt75-img25 > div.img-3to4-25 {
float: none;
}

div.hero-area-right-col-2 > div.right-hero-teaser-small.red {
clear: both;
margin-right: 0px;
width: 100%;
}

div.hero-area-right-col-2 > div.right-hero-teaser-small {
clear: both;
width: 100%;
}

}

.smooth-underline {
    position: relative;
    color: #000;
    text-decoration: none;
}

.smooth-underline:hover {
    color: #000;
}

.smooth-underline::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 10px;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transition: transform 0.25s ease;
}

.smooth-underline:hover::before {
    transform: scaleX(1);
}

a.smooth-underline {
    text-decoration: none;
}

.table-underline {
    border-bottom: 1px solid rgba(0,0,0,1);
}

.flex-container {
    display: flex;
    width: 100%;
}

.flex-child-one {
    flex: 0.03;
    width: 25px;
}

.flex-child-two {
    flex: 1;
    margin-left: 10px;
}

a.printer{
    position: absolute;
    top: 0;
    right: 0;
}

img.icon-position {
    width: 25px;
    height: 25px;
}

img.icon-position-big {
    width: 50px;
    height: 50px;
}

span.font-sixteen{
    font-size: 16px;
}