@charset "UTF-8";
@font-face {
    font-family: 'News Cycle';
    src: url('../fonts/NewsCycle.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'News Cycle';
	    src: url('../fonts/NewsCycle-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
:root {
	--lnkdn { color: rgb(10,102,194); }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; color: #666; }


html { line-height: 1; }
.wrapper { margin-bottom: 0; }
ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a { color: #000; }
a:hover { color: #aaa; text-decoration: none; }
a img { border: none; }

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

* { margin: 0; padding: 0; }

body { background: #fff; font-size: 17px; font-weight: normal; color: #888; font-family: 'News Cycle'; }

.cls { clear: both; }

.mobileOn { display: none !important; }
.mobileOff { display: inherit; }
.refIcon { display: inline-block; width: 30px; color: yellow;  }
em { font-size: .8em; font-style: italic; line-height: .8em !important; }
.btn { font-size: 1em; }

.content a:hover, footer a:hover { text-decoration: none; color: #ccc; }

header { width: 100%; text-align: center; }
header img { width: 100%; }
#toplogo { width: 200px; }
.black #toplogo { width: 160px; }

/* #movetop { position: fixed; bottom: 0; background: #b80718; width: 50px; height: 50px; right: 15px; line-height: 50px; text-align: center; display: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 138 120.1' style='enable-background:new 0 0 138 120.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='21.9,107.2 21.9,51.3 70,20 118.1,51.3 118.1,107.2 70,76 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; cursor: pointer; } */
#movetop { position: fixed; bottom: 0; background: #b80718; width: 50px; height: 44px; right: 15px; line-height: 44px; text-align: center; display: none; cursor: pointer;
	opacity: 1;
	transition: opacity .4s .2s;
}
#movetop .movetop { float: inherit; }
#movetop:hover { opacity: .7; transition: opacity .4s .2s; }
#movetop .fa  {
  	transform: translate(0px, 0px);
	transition: transform .4s .2s;
}
#movetop:hover .fa  {
  	transform: translate(0px, -10px);
	transition: transform .4s .2s;
}

.showtop { display: inherit !important; -webkit-animation: fadeInUp 1s; }
#fehler { font-weight: 600; }
/* #movenext { position: fixed; bottom: 0; background: #b80718; width: 50px; height: 50px; left: 50%; margin-left: -25px; line-height: 50px; text-align: center; z-index: 11; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 138 120.1' style='enable-background:new 0 0 138 120.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='21.9,107.2 21.9,51.3 70,20 118.1,51.3 118.1,107.2 70,76 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; cursor: pointer; } */
#movenext { position: fixed; bottom: 0; background: #b80718; width: 50px; height: 44px; left: 50%; margin-left: -25px; line-height: 44px; text-align: center; z-index: 11; cursor: pointer;
	opacity: 1;
	transition: opacity .4s .2s;
}
#movenext:hover  {
	opacity: .7;
	transition: opacity .4s .2s;
}

#80.next .movenext { float: inherit; }
/* #movenext:hover { opacity: .7; } */
.shownext { display: inherit !important; -webkit-animation: fadeInUp 1s; }
#movenext i, #movetop i { color: #fff; }
#movenext .fa  {
  	transform: translate(0px, 0px);
	transition: transform .4s .2s;
}
#movenext:hover .fa  {
  	transform: translate(0px, 10px);
	transition: transform .4s .2s;
}

img.center { margin-left: auto; margin-right: auto; }
img.ra { float: right; margin-left: 2em; }
img.la { float: left; margin-right: 2em;  }

.bg-light {  background: url(../images/90.png);  background-color: transparent !important;  transition: 1s; /* border-bottom: solid 1px #92a5b5; */ }
.home .bg-light {  background: none;  background-color: transparent !important;  transition: 1s; /* border-bottom: solid 1px #92a5b5; */ }
.home .black.bg-light {  background: #fff;  background-color: #fff !important;  transition: 1s; /* border-bottom: solid 1px #92a5b5; */ }
.nav-link, .nav-link b, .nav-link a { padding: 0; color: #92a5b5; }
.nav-link a:hover { padding: 0; color: #666; }
.navbar-nav { margin-top: 7px; }
.black .navbar-nav { margin-top: 8px; }
.black.bg-light { border-bottom: solid 1px #efefef; }
.navbar-nav > li.nav-item { margin: 0 1em; }
.navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: .9em; }
/* .black.navbar-light .navbar-nav .nav-link { color: #92a5b5; } */
.navbar-light .navbar-nav .nav-link { color: #92a5b5; }
.nav-item  { padding-bottom: 6px; }
.nav-item.active { /* border-bottom: 1px #92a5b5 solid; */ font-weight: bold; }
.dropdown-item {
    color: #92a5b5;
}
.navbar-light .navbar-nav .nav-link:hover { color: #666; }
.dropdown-menu a { line-height: 2em; font-size: 1em; padding-left: 20px; }
.dropdown-menu a.nav-link { padding: 4px 20px !important; }
.dropdown-menu a:hover { background: #eee; }
.dropdown-menu { font-size: .9em;  margin-top: 10px; }
.dropdown-right .dropdown-menu { right: 0; left: inherit; }
.dropdown a { outline: none; }
.dropdown-toggle::after {
    display: none;
/*
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
*/
}
.navbar-light { height: 80px; }

 .navbar-brand { margin-top: 6px;  width: 160px; margin-right: 40px; height: 30px; background-size: contain; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 228 31.1' style='enable-background:new 0 0 228 31.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%238599AD;%7D .st2%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23B70E0C;%7D%0A%3C/style%3E%3Ctitle%3EZeichenfläche 19%3C/title%3E%3Crect x='131.4' y='4.1' class='st0' width='25.2' height='22.8'/%3E%3Cpath class='st1' d='M181.7,23.6c-1.1,1.5-2.9,2.4-4.8,2.3c-4.3,0-7.1-3.5-7.1-9.3c0-6,2.7-9.5,7.2-9.5c3.2,0,5.3,1.8,6.3,5.3 l-2.1,0.4c-0.7-2.6-2.1-4-4.3-4c-3.2,0-5,2.7-5,7.6c0,4.9,2,7.7,5.2,7.7c2.2,0.2,4.2-1.5,4.4-3.7c0-0.2,0-0.4,0-0.7v-1.3h-4.2v-1.7 h6.3v8.8h-1.7L181.7,23.6z'/%3E%3Cpath class='st1' d='M186.2,12.4h1.9v3c0.9-2.1,2.1-3.1,3.8-3.1c0.1,0,0.3,0,0.4,0v1.8h-0.2c-1.8,0-3.2,1.4-4,4.1v7.3h-1.9V12.4z'/%3E%3Cpath class='st1' d='M198.1,12.2c3.4,0,5.5,2.4,5.5,6.8s-2.1,6.8-5.5,6.8c-3.4,0-5.5-2.4-5.5-6.8S194.7,12.2,198.1,12.2z M198.1,24.3c2.3,0,3.6-1.8,3.6-5.2c0-3.5-1.3-5.2-3.6-5.2c-2.3,0-3.6,1.8-3.6,5.2C194.5,22.4,195.8,24.3,198.1,24.3L198.1,24.3z'/%3E%3Cpath class='st1' d='M214.1,25.6h-1.7v-2c-1.1,1.3-2.7,2.1-4.4,2.2c-2.2,0-3.4-1.3-3.4-3.6v-9.7h1.8v9c0,1.9,0.6,2.7,2.1,2.7 c1.5-0.1,2.8-0.8,3.7-2v-9.8h1.8V25.6z'/%3E%3Cpath class='st1' d='M216.5,12.4h1.4l0.3,1.6c0.8-1.2,2.1-1.9,3.5-1.8c3.4,0,5.4,2.4,5.4,6.8c0,4.4-2,6.7-5.5,6.7 c-1.3,0.1-2.6-0.5-3.4-1.6v6.2h-1.8V12.4z M221.8,24.3c2.2,0,3.5-1.8,3.5-5.2c0-3.5-1.2-5.3-3.7-5.3c-1.4,0-2.6,0.8-3.3,2v6.5 C219.1,23.5,220.4,24.3,221.8,24.3z'/%3E%3Cpath class='st1' d='M3.9,20.4c1,2,2.1,2.8,3.8,2.8c1.9,0,3-1,3-2.4c0-1.3-0.8-1.9-2.8-2.6c-1.5-0.5-3-1.1-4.4-1.9 c-1.4-0.9-2.2-2.4-2.2-4.1c0-3,2.4-5.1,6.1-5.1c3.2,0,5.3,1.4,6.3,4.1l-3.2,1.2C9.7,10.7,8.7,10,7.1,10c-1.5,0-2.5,0.8-2.5,2 c0,1.7,1.8,2.1,4.8,3.3c3.1,1.3,4.6,2.5,4.6,5.4c0,3.4-2.3,5.5-6.3,5.5c-3.4,0-5.9-1.5-7.1-4.5L3.9,20.4z'/%3E%3Cpath class='st1' d='M15.9,7.3h3.5V26h-3.5V7.3z'/%3E%3Cpath class='st1' d='M21.6,7.3h3.6v15.5H33V26H21.6V7.3z'/%3E%3Cpath class='st1' d='M29.4,7.3H33l4.3,15.2l4.2-15.2H45L39.4,26H35L29.4,7.3z'/%3E%3Cpath class='st1' d='M46.1,7.3h12.1v3h-8.6v4.4h6.3v3h-6.3v5.1h9V26H46.1L46.1,7.3z'/%3E%3Cpath class='st1' d='M60.4,7.3h6.3c4.7,0,7,1.8,7,5.6c0.2,2.2-1.3,4.2-3.4,4.7l4.1,8.4h-3.8l-3.6-7.6h-3.2V26h-3.4L60.4,7.3z M66.9,15.5c2.2,0,3.3-0.8,3.3-2.6c0-1.8-1.1-2.6-3.3-2.6h-3.1v5.2H66.9z'/%3E%3Cpath class='st1' d='M79.3,10.4h-4.9V7.3h13.3v3.1h-4.9V26h-3.5V10.4z'/%3E%3Cpath class='st1' d='M95.4,7.1c4.8,0,7.8,3.5,7.8,9.6c0,6.1-3,9.6-7.8,9.6c-4.8,0-7.8-3.5-7.8-9.6C87.7,10.6,90.6,7.1,95.4,7.1z M95.4,23.1c2.7,0,4.2-2.2,4.2-6.4c0-4.3-1.5-6.5-4.2-6.5c-2.7,0-4.2,2.2-4.2,6.5C91.3,21,92.7,23.1,95.4,23.1L95.4,23.1z'/%3E%3Cpath class='st1' d='M104.6,7.3h3.7l5.4,9.4c0.8,1.4,1.5,2.9,2.1,4.5c-0.2-1.3-0.3-2.5-0.3-3.8v-10h3.3V26h-3.3l-5.8-9.6 c-0.8-1.4-1.5-2.9-2.1-4.5c0.2,1.3,0.3,2.5,0.2,3.8V26h-3.3V7.3z'/%3E%3Cpath class='st2' d='M128.6,31.1h31.1V0h-31.1V31.1z M151.7,22.9l-3.1,2.3l-4.4-5.9l-4.3,5.9l-3.1-2.3l4.3-6l-7-2.3l1.2-3.7l7,2.3 V5.9h3.9v7.4l7-2.3l1.2,3.7l-7,2.3L151.7,22.9z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}

.navbar-light .navbar-toggler-icon {
/*     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(146,165,181, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.black.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(146,165,181, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.black { height: 50px;  transition: 1s;  background-color: #fff !important; }
/* .black.navbar-light .navbar-toggler { color: rgba(0,0,0,.75); border-color: rgba(0,0,0,.1); margin-top: -120px; } */
.navbar-light .navbar-toggler { color: rgba(0,0,0,.75); border-color: rgba(0,0,0,.1); margin-top: -120px; }
#navbar-lang .nav-link, #navbar-lang .nav-link a { color: #fff; }
/* .navbar-light .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .black #navbar-lang .nav-link, .black #navbar-lang .nav-link a { color: #92a5b5; } */
.navbar-light .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, #navbar-lang .nav-link, #navbar-lang .nav-link a { color: #92a5b5; }
#navbar-lang { position: absolute; right: 15px; top: 0; }
#navbar-lang .navbar-nav > li.nav-item { margin: 0; }

.w100 { max-width: 100px;}
.news { text-align: left; }


/* HEADER and ANIMATIONS */
.headerimage { width: 100%; }
.headerText { position: absolute; top: 0; left: 2%;  text-align: left; z-index: 9; }
.headerText h1, div.ani { color: #fff; font-size: 4.5em; text-transform: uppercase; padding: 0 0 0 40px; display: block; font-weight: 700; line-height: 1em; margin: 0; }
.home .headerText h1, div.ani { color: #1e7b88; }
.headerText p { color: #fff; background: url(../images/g70.png); padding: 20px 40px; font-size: 1em; letter-spacing: 2px; margin-bottom: 0; z-index: 999; }
.headerText p + p { padding-top: 0; }
.headerText h1 + p { margin-top: 2em; }
.site__header {
  -webkit-animation: bounceInDown 1s;
}
.headerTextAnim {
  -webkit-animation: bounceInUp 1s;
  -webkit-animation-delay: .1s;
}
.video-absolute { position: absolute; }
.pos-tl0 { top: 0; left: 0; }
#videoDiv { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: auto; }


.videowrapper {
/*
    width: 1600px;
    height: 900px;
*/
overflow: hidden; position: relative; margin-bottom: 0;
}

/*
#videoBlock {width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center;}
.videowrapper { overflow: hidden; }
#video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
*/
video { display: block; /* width: 100%; height: auto; */ }
/* .fullsize-video-bg { height: 100%; overflow: hidden; } */


h1, h2, h4, h3 { color: #b80718; font-size: 2em; font-weight: 300; line-height: 1.25em; }
h1 { margin-top: 0; margin-bottom: .5em; }
h1 span { font-size: .6em; }
h2 { margin-bottom: .5em; }
h3 { font-size: 1.5em; margin-bottom: .25em; /* text-transform: uppercase; */ }
.abstand_h1 { display: block; margin-bottom: 1em; font-size: 1em; line-height: 1em; }
.abstand_h1_gross { display: block; margin-bottom: .5em; font-size: 2em; line-height: 1.25em; }
/* .abstand_h1 { display: block; margin-bottom: 1em; font-size: 1.5em; line-height: 1.5em; } */

h1.zitat { font-size: 3em; text-transform: uppercase; font-weight: 700; color: #1e7b88; }

p.zitat { width: 80%; border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 2em; font-style: italic; margin: 0 auto; font-size: 1.25em; }
.linkbox { cursor: pointer; }
.zitate { margin-top: 2em; }
.zitate span:before { content: '“'; position: absolute; font-size: 10em; left: 5%;margin-top: 20px; }
.zitate hr { opacity: 1; }
.zitate i { font-size: .8em; }
.zitate p { font-size: 2.25em; line-height: 1.1em; margin-top: 1em }

p, .content li { font-size: 1em; line-height: 1.35em; }
p { margin-bottom: 1em; line-height: 1.5em; }
.content li { margin-bottom: .5em; margin-left: 30px; }
b, strong { font-weight: 600; }
.center { text-align: center; }
h1.center, h2.center { text-align: center; font-size: 2.9em; }

.content ul li ul { margin-top: 10px; }

.endFrame { margin-top: 120px; }

footer, .silverton-dunkler { padding-bottom: 3em; padding-top: 3em; background: url(../images/userfiles/image/polypetrol.jpg); background-size: cover; }
footer p { color: #fff; }
.footer-svg { width: 180px; height: auto; margin: 0 auto 1em; padding: 0; }
footer .nav_h { margin: 2em 0 1.2em; }
footer ul li { display: inline-block; margin: 0 20px; font-size: .9em; }
footer a { color: #fff !important; }
footer .nav_h a { text-transform: uppercase;  letter-spacing: 1px; }
.border-bottom { border-bottom: solid 1px #fff !important; margin-bottom: 0; }
.copyr { font-size: .9em; margin-top: .7em;}
section:last-child { margin-bottom: 0; }

.ra { text-align: right; }

hr { border: none; height: 1px; border-bottom: solid 1px #ab2c27; }

ul.test { list-style: none; }
ul.test li { list-style-image: none; list-style-type: none; margin-left: 0; }
img.kreis { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.hellgrau { background: #eeeae9; }

/* .kacheln { text-align: center; background: #1e7b88; } */
.kachelDiv .bgIMG, .kachelDiv2 .bgIMG { padding: 6em 0 5em; }
.kachel0 { }
.kachel0 { margin-bottom: 2em; }
.kacheln { background: -moz-radial-gradient(center, ellipse cover, rgba(59,121,134,1) 0%, rgba(45,92,102,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(59,121,134,1)), color-stop(100%, rgba(45,92,102,1))); /* safari4+,chrome */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(59,121,134,1) 0%, rgba(45,92,102,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(59,121,134,1) 0%, rgba(45,92,102,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(59,121,134,1) 0%, rgba(45,92,102,1) 100%); /* ie10+ */
	background:radial-gradient(ellipse at center, rgba(59,121,134,1) 0%, rgba(45,92,102,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7986', endColorstr='#2D5C66',GradientType=1 ); /* ie6-9 */
	width: 100%; height: 100%; }
.kacheln div { width: 100%; }
.kacheln p { color: #fff; width: 100%; text-align: center; }
.kacheln strong { color: #fff; }
.kacheln div.kText { height: auto !important; }
.kacheln span { display: block; color: #fff; font-weight: 700; font-size: 2.5em; }
.kacheln span.wert { font-size: 2em; color: #fff; font-weight: 700; display: inline-block; line-height: 1.25em; }

.kacheln span.wert.one-stop { font-size: 1.3em; font-weight: 700; line-height: 1.25em; }
.prozess-next:after { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; position: absolute; font-size: 2em; color: #b80718; top:44%; right: -12px; }
.prozess-next:nth-child[4]:after { content: 'y'; position: absolute; font-size: 4em; }


/* .kacheln .asset span.wert { font-size: 5em; color: #fff; font-weight: 700; display: block; line-height: 1.25em; } */
.kText a { color: #fff; display: block; margin-top: 1em; }
.silverton-pfeil { display: inline-block; width: 25px; height: 25px; background: #b80718; color: #fff; line-height: 25px; text-align: center; font-size: 1em; margin-right: 5px;  }
/* .silverton-stern { display: inline-block; width: 25px; height: 25px; background: #b80718; color: #fff;  text-align: center; margin-right: 5px;  } */
.silverton-stern:before { content:'*'; font-size: 2em; line-height: 16px; width: 25px; height: 25px; background: #b80718; color: #fff; display: block; float: left; margin-right: 10px; text-align: center; }

h4.modal-title { text-transform: uppercase; }
/* .percent { color: #000 !important; } */
.modal-content {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
}

.leerkachel { }
.leerkachel1 { }

.highlight { width: 20%; float: left; padding: 40px; text-align: center; }
.highlight img { width: 40%; margin-bottom: 1em;  stroke: green;
  fill: green;
}
 .st0 {
fill: blue !important;
}


.col-md-8 + .col-md-6.mt4  { margin-top: 0 !important; }
.col-md-8 + .col-md-6.mt4 + .col-md-6.mt4  { margin-top: 0 !important; }


.highlight span { display: block; width: 100%; line-height: 1.5em !important; }
.silverton div, .silverton span, .silverton p { color: #fff !important; }
.silverton-dunkler div, .silverton-dunkler span, .silverton-dunkler p, .silverton-dunkler h1, .silverton-dunkler h2, .silverton-dunkler h3 { color: #fff !important; }
.bg-color { padding: 2em 0 ; }
/* .fi { opacity: .5; } */

.datum { font-size: 5em;  }
.datum span {  }
.datum_small { font-size: 2em; font-weight: 700; }

ul.silverton li:before /* , .content ul li:before */ {
    margin-right: 20px;
    content: url(../images/star_red.svg) " ";
}
ul.silverton li /* , .content ul li */ {
	display: flex; margin-left: 0;
}
ol li { margin-left: 0 !important; font-weight: 700; margin-top: 1em; font-size: 1.25em;}

	.basic-styling {
		overflow: hidden;
		height:1.1em;
		word-wrap: break-word;
		white-space: nowrap;

	}



div.clock.small div.date { display: none !important; }

.hide { display: none; }
/* ################################################# */
/* BALL */
/* ################################################# */

.pfeil {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 54.2 59.2' style='enable-background:new 0 0 54.2 59.2; fill:%23107b86' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M16.3,47.7v-3.4l24.4-14.8L16.3,14.7v-3.3l27.2,16.2v4.1L16.3,47.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat; background-position: center center;
	display: inline-block; width: 40px; height: 140px; float: left; margin-right: 0px;
}
.ballH { height: 140px; }
/* .ball { display: flex; width: 140px; height: 140px; background: #107b86; border: solid 1px #107b86; border-radius: 50%; color: #fff; text-align: center; float: left; vertical-align: middle; color: #fff; margin: 0 30px; } */
.ball { display: flex; width: 140px; height: 140px; background: #fff; border: solid 1px #107b86; border-radius: 50%; color: #fff; text-align: center; float: left; vertical-align: middle; color: #fff; margin: 0 20px; padding: 10px; line-height: 1.25em;}
.inner-ball { margin-left: auto; margin-right: auto; color: #107b86; text-transform: uppercase; font-size: .9em; }
.p2,.p3 { display: none; }

.inner { padding: 10px 20px; }
.inner.weiss { background: #fff; }
.inner.silverton { background: #92a5b5; }

section { margin: 4em 0; }
.kacheln sup { color: #fff !important; font-size: .8em; }
sup { font-size: .8em; }

.kontakt { margin-bottom: 2em; width: 33.33%; }
/*
.kontakt.k1 { padding-right: 100px; }
.kontakt.k2 { padding: 0 50px; }
.kontakt.k3 { padding-left: 100px; }
*/
.kontakt .inner { padding: 0; }
.kontakt h3 { font-weight: 700; margin-bottom: 1em; letter-spacing: 1px; font-size: 1.25em; }
.vcard { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 543 420.9' style='enable-background:new 0 0 543 420.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23b80718;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M14.9,370c0-108.3,0-216.7,0-325c0.3-0.6,0.6-1.2,0.8-1.8c5.4-19.1,17.2-28.1,36.6-28.1 c144.5,0,289,0.2,433.4-0.2c21.2-0.1,36.6,9.7,40.8,28.8c0,0.1,0.2,0.2,0.4,0.3c0,108.7,0,217.3,0,326c-0.4,0.9-0.9,1.7-1.1,2.6 c-4.1,14.1-13,23.6-27.7,25.4c-11.4,1.4-23.2,0.3-34.8,0.3c-2.6-18.3-13.7-30.1-29.4-31.3c-7.8-0.6-14.9,1.2-21.3,5.6 c-9.1,6.3-13.2,15.4-14.2,26c-85.3,0-170.2,0-255,0c-2.9-18.9-14.1-30.7-30-31.7c-7.8-0.5-14.8,1.4-21.2,6 c-8.8,6.3-12.9,15.3-13.8,26c-9.9,0-19.4,0-28.8,0c-15.7-0.1-29-10.2-33.4-25.2C15.9,372.4,15.3,371.2,14.9,370z M270.3,191.5 c0.7-60.8-49.2-111.9-109.7-112.6C97.7,78.2,46.8,127.4,46,189.8C45.2,251,95.2,302.5,156.1,303.1 C219.3,303.8,269.6,254.6,270.3,191.5z M398.2,207.1c26.3,0,52.6,0,79,0c10.7,0,17.8-6.5,17.8-16c0.1-9.5-7.2-16.2-17.6-16.2 c-52.5,0-105,0-157.4,0c-10.4,0-17.9,6.7-17.9,16c-0.1,9.3,7.4,16.2,17.8,16.2C345.9,207.1,372.1,207.1,398.2,207.1z M398.3,143.1 c26.6,0,53.3,0,79.9,0c9.7,0,16.8-6.9,16.8-16c0.1-9.1-7.1-16.2-16.6-16.2c-52.9,0-105.9,0-158.8,0c-10.1,0-17.3,6.8-17.4,16 c-0.1,9.3,7.4,16.2,17.7,16.2C346,143.1,372.1,143.1,398.3,143.1z M397.4,271.1c26.5,0,53,0,79.4,0c1.8,0,3.7-0.1,5.4-0.5 c8.1-2.1,12.9-9.4,11.9-17.8c-1-8-7.6-13.9-16.3-13.9c-25.1-0.1-50.3,0-75.4,0c-28,0-56,0-83.9,0c-9.4,0-16.3,6.2-16.9,14.8 c-0.7,9.9,6.4,17.3,16.9,17.3C344.7,271.2,371,271.1,397.4,271.1z'/%3E%3Cpath class='st0' d='M180.1,235.1c5.7,10.7,11.8,20.6,25.7,22.4c7.2,0.9,14.3,3.1,21.6,4.7c-28.7,33.1-95.3,42.1-137.4,0.6 c8.1-1.8,15.5-4.2,23.1-5.1c14-1.8,20.5-11.5,26.1-22.7c-14.8-13.7-23.7-30.2-26.8-49.8c-2.2-13.8-1.7-27.5,1.8-41.1 c3.9-15.3,13.8-24.8,28.5-29.3c12.7-3.9,25.3-3.5,37.7,1.3c12.4,4.9,20.9,13.5,24.3,26.6c7,27.6,4.3,53.8-11.9,77.9 c-1.8,2.6-3.7,5.1-5.8,7.5C185,230.3,182.7,232.5,180.1,235.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat; background-position: left center; padding-left: 40px;
}
.falink a { color: #107b86; font-weight: bold; }
/*
.uhr { display: block; background: #222; text-align: center; border-radius: 0; font-size: 2em; padding: 10px; }
.uhr:before { content: '*'; color: #fff; font-size: 2em; position: absolute; background: #b80718; width: 30px; height: 30px; left: 30px; line-height: 15px; }
*/
.map-bg { }
.map { /* opacity: .9; */}

#map { background: silver; width: 100%; min-height: 600px; border: none; }

.modal-title span { font-size: .6em; }


 .bg-black { background: #fff; }

.imgPaddingL { padding-left: 4em; }
.imgPaddingR { padding-right: 4em;}


.mt0 { margin-top: 0px; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }


.cta-div .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; margin: 0;
}

.ra { text-align: right; }

/*
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
*/


.swiper-container {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
/*
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
*/

    .swiper-container {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .swiper-slide {
      width: 400px;
      height: 400px;

    }


/*
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2000000e'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2000000e'%2F%3E%3C%2Fsvg%3E") !important;
}
*/
.swiper-button-next, .swiper-button-prev {
    width: 27px;
    height: 25px;
    margin-top: -12px;
    background-size: 27px 25px;
}

.grid-sizer,
.grid-item { width: 33%; }
/* 2 columns */
.grid-item-width2 { width: 66%; }
.grid-item-width3 { width: 33%; height: 250px; }
.grid-item-width1 { width: 50%; }

/* ANIMATED 01 */

.animateX {
  margin: 0;
  padding: 32px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: #000;
}
.titleAni01 {
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}


/* ANIMATED 02 */
.animateX2 {
  text-align:center;
  background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
  color:#555;
  font-family:'News Cycle';
  font-weight:300;
  font-size:20px;
  padding-top:10px;
  height:60px;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
}

div.ani02 {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

div.ani02:first-of-type {
  animation: showup 7s infinite;
}

div.ani02:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

div.ani02:last-of-type span {
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-600px; }
    20% { margin-left:-600px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:255px;}
    80% {opacity:1;}
    100% {opacity:0;width:666px;}
}


@media (max-width: 768px) {
	.titleAni01 { font-size: 1.5em; }

}
.btn-info { background: #b80718; border: none; font-weight: 300; font-family: "News Cycle"; font-size: 1em; padding: 4px 10px; border-radius: 0; }
.btn-info:hover { color: #fff; }

#my3 { position: relative; width: 100%; overflow: hidden; }

.swiper-paginationX {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: -20px !important
}
.parallax { min-height:350px; display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.parallax2 { min-height:550px; }
.parallax3 { min-height:150px; }


/*
.linkbox {  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
*/

  .rund img { border-radius: 50%; }


.silverton-card { border: none; padding: 2em 4em; background: url(../images/90.png); margin: 2em 0; border-radius: 0; }
.silverton-card2 { padding: 2em 4em 0; }

.silverton-card + .silverton-card2 { margin-top: -2em; }
.maritime-card + .silverton-card { margin-top: -2em; }
.maritime-card + .silverton-card + .silverton-card { margin-top: -2em; }
.maritime-card + .silverton-card + .silverton-card + .silverton-card { margin-top: -2em; }

/* ################################################# */
/* TEAM */
/* ################################################# */
.team { width: 20%; display: block; padding-right: 55px; font-size: .9em; }
.team img { margin-bottom: 1em; }
.desc { }
.btn-profile { width: 100%; }
.jobtitle { display: block; min-height: 50px; margin-bottom: 0; }


.red { color: #b80718; }
.petrol { color: #1e7b88; }

/* ################################################# */
/* PERCENT */
/* ################################################# */

/*
.chart {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  text-align: center;
  margin: 0 auto;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;

}
*/
.chart canvas {
	display: none;

}

/*
.percent {
  display: inline-block;
  line-height: 140px;
  z-index: 2;
  font-size: 1.5em;
}
*/
.percent {
  line-height: .8em;
  font-size: 1.25em !important;
}

.percent:after {
  content: '';
  font-size: .5em;
}

.percent-show:after {
  content: '%';
  font-size: .5em;
}

/* .circle-col { display: inline-block; width: 200px; text-align: center; position: relative; margin-bottom: 2em; background: url(../images/circle.png) no-repeat center top; } */

.circle h4 {
	font-size: 1em; text-align: center;
}



#loader { display: block; position: fixed; height: 100%; width: 100%; background: rgba(255,255,255,.9); z-index: 99999; top: 0; left: 0; transition: 1s; }
.loader { opacity: 1; width: 300px; display: block; left: 50%; top: 50%; margin-top: -150px; margin-left: -150px; position: absolute; }

.logo-loader {
	display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px;
/*
	background-repeat: no-repeat; background-size: contain; z-index: 9;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 284.8 268' style='enable-background:new 0 0 284.8 268;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23B60718;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect class='st0' width='284.8' height='268'/%3E%3Cpolygon class='st1' points='161.1,39.5 123.2,39.5 123.2,111.3 54.8,89.3 42.8,125.2 111.3,147.2 69.4,205.6 100,227.6 141.9,169.7 184.4,227.6 215,205.6 173.1,147.2 240.9,125.2 228.9,89.3 161.1,111.3 '/%3E%3C/svg%3E%0A");
*/
}
#loader.off {  z-index: -1; height: 0; width: 0; top: 50%; left: 50%; }


/* OFF */
div.ani {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  color: #fff;
}

div.ani:first-of-type {
  animation: showup 7s infinite;
}

div.ani:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
  color: #fff;
}

div.ani:last-of-type span {
  margin-left:-666px;
  animation: slidein 7s infinite;
  color: #fff;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-1300px; }
    20% { margin-left:-1300px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:666px;}
    80% {opacity:1;}
    100% {opacity:0;width:1666px;}
}





/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
    ------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1,
.timeline h2,
.timeline h3,
.timeline h4,
.timeline h5,
.timeline h6 {
  line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 2em;
  font-weight: 700;
/*   letter-spacing: 3px; */
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  background: #b80718;
  border: 1px solid transparent;
  border-radius: 0;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 1px;
  background: #92a5b5;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 7px;
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #b80718;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}
.timeline-content.smallPadBottom {
  padding-bottom: 10px;
}


.timeline-content p:last-child {
  margin-bottom: 0;
}

.timeline-content ul { list-style: disc; padding-left: 20px;}
.timeline-content li { /* margin-bottom: .5em; */ }
.timeline-content.pb0 { padding-bottom: 0.25em !important; }

.timeline-marker.invert:before {
    background: #92a5b5;
    border: 1px solid transparent;
    border-radius: 0;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 5px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-item:not(.period):hover .timeline-marker.invert:before {
  background: transparent;
  border: 2px solid #92a5b5;
}
.timeline-item.last .timeline-content { padding-bottom: 30px !important; }

/*----------------------------------------------
        MOD: TIMELINE SPLIT
    ----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}



		ul.prozess {
			list-style: none;
			margin: 0 0 2em 1.775em;
			padding: 0;
/* 			background: #1e7b88; */

		}

		ul.prozess::before,
		ul.prozess::after {
			content: '';
			display: table;
		}

		ul.prozess::after {
			clear: both;
		}

		.prozess li {
			float: left;
			overflow: hidden;
			margin-left: -1.775em;
			width: 18.5%;
		}

		.prozess li a {
			display: block;
			text-align: center;
			text-decoration: none;
			color: #fff;
			position: relative;
			background: #1e7b88;
			padding-left: 2em;
			margin-right: 1.775em;
		}

		.prozess li a::after {
			content: '';
			position: absolute;
			right: -0.9em;
			top: 0;
			width: 3.5em;
			height: 4em;
			background: #1e7b88;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			border-color: #fff #fff transparent transparent;
			border-width: 3px;
			border-style: solid;
			z-index: 10;
		}

		.prozess li:first-child a {
			padding-left: 0.4em;
		}

		.prozess li:last-child a {
			padding-right: 0.8em;
			margin: 0;
		}

		.prozess li:last-child a::after {
			display: none;
		}


		.prozess li:hover a,
		.prozess li:hover a::after {
			background: #92a5b5;
		}

		.prozess li a:focus,
		.prozess li a:focus::after,
		.prozess li a:active,
		.prozess li a:active::after {
			background: #92a5b5;
		}

		.prozess li.current a,
		.prozess li.current a::after {
			background: #92a5b5;
		}

		.prozess li.current ~ li a,
		.prozess li.current ~ li a::after {
			background: #92a5b5;
		}

		.prozess li.current ~ li:hover a,
		.prozess li.current ~ li:hover a::after {
			background: #92a5b5;
		}

		.prozess li.current ~ li a:focus,
		.prozess li.current ~ li a:focus::after,
		.prozess li.current ~ li a:active,
		.prozess li.current ~ li a:active::after {
			background: #92a5b5;
		}

		.prozess span {
			position: relative;
			z-index: 100;
			display: block;
			padding: 1.2em 0 1.2em ;
			color: #fff;
			font-weight: 700;
			font-size: 1em;
		}


.overlayRef { position: fixed; background: #fff; z-index: 999; top: 100px; bottom: 0; right:0;  -webkit-animation: mymovebackRef 1s; animation: mymovebackRef 1s; -webkit-box-shadow: -20px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: -20px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: -20px 0px 10px 0px rgba(0,0,0,0.3); display: none; }
.overlayRef.show { -webkit-animation: mymoveRef 1s; animation: mymoveRef 1s; width: 40%; }
.closeButton { position: absolute; left: 20px; top: 20px; cursor: pointer; z-index: 999; }
.closeButton .btn { background: #b80718; color: #fff !important; border-radius: 0; width: 40px; height: 40px; padding: 0; line-height: 43px; }
.closeButton .btn i { font-size: 1.5em; color: #fff; }
.show #myReference { overflow: auto; padding-left: 100px; padding-top: 10px; padding-right: 30px; background: #eeeae9; }
.overlayRef p, .overlayRef span, .overlayRef a, .overlayRef div, .overlayRef h1, .overlayRef h2, .overlayRef h3, .overlayRef h4, .overlayRef li {  }
.overlayRef h1 { margin-top: 10px;  }
.overlayRef li a { border-bottom: solid 1px #000; }
.overlayRef li:before {
    content: " ";
    height: 4px;
    position: absolute;
    border-bottom: solid 1px #000;
    width: 20px;
    margin-left: -30px;
    margin-top: 14px;
}
.h-80 { height: 80%; }
#myReference hr { margin: 40px 0 0; }


.prozess-svg { width: 100%;

background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 500' style='enable-background:new 0 0 1000 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23XMLID_3_);%7D%0A%3C/style%3E%3CradialGradient id='XMLID_3_' cx='566.3981' cy='529.3959' r='261.6974' gradientTransform='matrix(1.5015 0 0 1.548 -351.4468 -569.1152)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%233B7885'/%3E%3Cstop offset='1' style='stop-color:%232E5D67'/%3E%3C/radialGradient%3E%3Cpolygon id='XMLID_2_' class='st0' points='484,0.4 466,0.4 -1,0.4 -1,500.4 466,500.4 484,500.4 999,500.4 999,0.4 '/%3E%3C/svg%3E%0A");

	 }

.modal-title {
    font-weight: 300; line-height: 1.1em; margin: .4em 0;
    color: #b80718; font-size: 2em; text-transform: none !important;
}
.modal-title span {
    color: #666;
}
.wlnk { cursor: pointer; color: #107b86; font-weight: 700; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove { from { width: 0%; }
  to { width: 100%; } }
@keyframes mymove { from { width: 0%; }
  to { width: 100%; } }
@-webkit-keyframes mymoveback { from { width: 100%; }
  to { width: 0%; } }
@keyframes mymoveback { from { width: 100%; }
  to { width: 0%; } }

@-webkit-keyframes mymoveRef { from { width: 0%; }
  to { width: 40%; } }
@keyframes mymoveRef { from { width: 0%; }
  to { width: 40%; } }
@-webkit-keyframes mymovebackRef { from { width: 40%; }
  to { width: 0%; } }
@keyframes mymovebackRef { from { width: 40%; }
  to { width: 0%; } }

@keyframes drehen { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  to { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } }
@keyframes drehenN { from { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
  to { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } }
@-webkit-keyframes spinner { from { -webkit-transform: rotateY(0deg); }
  to { -webkit-transform: rotateY(-360deg); } }
/* all other browsers */
@keyframes spinner { from { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
  to { -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); transform: rotateY(-360deg); } }



.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
    text-align: left; cursor: pointer;
}

.btn-link {
	color: #b80718;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1em;
    text-align: left;
    display: flex;
}
.btn-link:hover {
	color: #1e7b88;
	text-decoration: none;
}

.card {
    border: none;
    border-radius: 0;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.25rem 1.25rem 2rem;
    line-height: 1.5em;
    font-size: 1em;
    margin-top: -30px;
}