/* Schrift */ /* pt-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('../fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('../fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* Allgemein */ body { background:#fff;color:#000;font-family:'PT Sans', sans-serif; } @media (min-width: 992px) { .container { width:970px; } } a, a:hover, a:focus { color:#667984; } /* Layout */ #content main { background:#f4f7f9;border-bottom:4px solid #e5ecf1;border-top:1px solid #fff;border-right:1px solid #fff; } #content aside { background:#e5ecf1;border-top:1px solid #fff; } #content > .container { background:#e5ecf1; } /* Header */ #header { background:url('../images/bg/header-splash.png') no-repeat center top; } #header li { font-family:'PT Sans', sans-serif; } .navbar { margin-bottom:0;border:0;height:80px; } .navbar-logo img { margin:7px 15px 7px 0; } .navbar-default { background:transparent;/*background:url('../images/bg/header.gif') repeat-x center top #fff;*/ } .navbar-default .navbar-nav { margin:17px 0; } .navbar-default .navbar-nav > li > a { color:#000; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:#0053B2;color:#fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background:#7FA9D8;color:#fff; } @media (max-width: 767px) { .navbar-logo img { margin-left:30px; } .navbar { height:auto; } .navbar-default .navbar-nav { margin:0 -15px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border:0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#000; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background:#0053B2;color:#fff; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background:#0053B2;color:#fff; } } .navbar-toggle { margin:27px 27px 0 0;padding:0;width:30px;height:26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAMAAACXfxyGAAAABlBMVEX///8DTaIqi56rAAAAAXRSTlMAQObYZgAAABZJREFUeAFjYMQLBrP0AIKRFWqjoQYAVWcCHWk65ngAAAAASUVORK5CYII=) no-repeat center center; } /* Language */ .navbar-language { } .navbar-language li { margin:10px 0 0 5px; } .navbar-language a { display:block;width:24px;height:24px;overflow:hidden;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABTVBMVEUAAAD///8AAQEAAQEAAQEAAQEAAQEmJiYmJiYmJiYmJiYmJiYmJiYmJiZ9fX10dHR8fHyDg4OIiIiKioqMjIyOjo6QkJACAgJoaGhWVlZXV1dXV1dXV1cCAgJcXFxPT09QUFBQUFBQUFACAgJHR0dGRkZGRkZGRkZGRkbAAgLtPT31PDz3PDz4PDz5PDy/AgLrMzPyMjL1MjL2MjL2MTG9AgLoKCjwJyfzJyf0Jyf0Jye7AgLmJSXuJyfwJyfxJyfyJia6AgLhFRXqFRXtFRXuFRXvFRW4lALgthHovRHqvxHrvxDswBC2kgLdsw3lugzovAzqvQ21kgLZsAjjtwjmuQnnugnouwizkALXrQXfswXjtwXkuAXluAWzkAXVrAfbsQjhtxDjuhbmvRvlvRzmvh/mvyDmvyG4lgy5lxC9mxHAnRHCnxHDoBHEoBH4ads7AAAAB3RSTlMAAAQMECQwISWBWgAAAFhJREFUKFPVjUEOgCAMBHcrcOD/f+WgsdqkJZDgxcSDc5zJtsD3UDJodKMG9sTCIKxxJNZ54LEllGXAPwNGPOR3pyJqcIfa7TBQcJP5s9eTwmXQpTbkweMC/zxfoVRzFjQAAAAASUVORK5CYII=) transparent no-repeat 0 0 !important;padding:0 !important; } .navbar-language a span { display:none; } .navbar-language a.lang-en { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEM0lEQVRIie2Ua0jVZxzHSxJ6YaBBCFFYYtpeNJagjqaDQalbi+zFaGkT5yzWiiajTYsZTXIt87Z5qdkU04aF9ww6HrVjamfaIW/pqSyPnTpXtSzzkqn77Hn+madYbzaKvdkfvi/O7/L5PpffeebN+//777/58xfU79hBl05Hi66LiH3FeH+UiffGLKHsORkM/dStXYva25u+7m7e257/Qj5L6QnbU0R9Rjbn/f3RZmUh2dLApWb3boxpaYz29zM9PU3LNRvHCjtIPtVBSlEHaac7mZn5E3tODraMDGYmJjhZrldysuZoQTuNrXcYLC3FlJ7OiNlMW1ubNHCRBq6+m5O5o2niVkwMQxUVAjaDwfyI2JTLbI2vVSQNDFFR3N66lenRUb460qTEv/yxEX1TJ8bYWOyFhTwZG8M+NEzQp2nSwFUxcHrrO3YmqvmjoQtjfDz3Dh3i6fAwY+OT/FzcSdg3KrGzGW6Hh9MbFsbU48d8kdjAkfyr2MoqMERHMyKOeGpqivbrNvYcqUMyXzD4lpBdpQTvqiTz93bMefn0btvGoytXlKb61rs8fTrFzS1buB4czOTDh9TVdWPcvx9jXBwTAwM8mZwkr6JbYUiWZDoMVu8jKKqYwM9LCIwuJTKhlpsXLnFdrNacnc2k2PakAOhDQugODGTiwQN6IyKwFRQocaPlITsPX1R6JUOyJHPO4KJGw+DgICMjI4wJ2Pj4+CvVGRREu5ikUVH7qrzslQzJ0gjmnEHuokU0rl5Ni48PV4R0/1KyVzIk64STk8MgR/zQrFqFdragVRaLef8nap3tlQzJOiEWPWegVqsxGo0MiMu6f/8+D8QZD4spelFDd+/StGQJWk/Pv+WkZI/slQzJqhFMxyX7fI3bulTcAn8RyuSDmGI69EaGhoa4kZREi58fA+JP2ODqStPy5Up80GqlR4z0ZXEc2oISAiKKlF6FIViS6TDw3ssi/6O4BKQRl1qL1WbH3NNDa2gorRs38lueGmtfH/Vi2w1Ll2K3D5BfplNW21deTqOXFx1x8ez+4bzCkCzJfMnAY306Zao2LBYLvWfO0LBiBVcPHWbz3hI8P/wVy61b1C5cyEVxTFarjYV+6WzfX4mh34RZr0crRrhZTFlR7jnc30952eDdLYnioevE0NuLTrxLGnFRlcfPsnxDNs6+KXgE53Dvxg1Uzs7ULl6MyWRW4lI+m3Kpbe4RMRPtCQlccHdH/VMqb4cedBhUV1fTrlJR4+uLNjKSg8lVCnyZkIQHhJ/CJHagWbmSS2vWYDZbWBF6XMkpNSE5JJ/UKJd7raqKc+LI8j/e5DAoOXCAXA8PTscnsO6TY7j5fT+rBEWrNiTRKKaiwM2NwmXLaGpunss907P69Z+lU3FOhUqYFIq7e27gIuQl9M5rltfz53rBrInra5aLwgbeqN64wV+Rl1Pcwvw+zwAAAABJRU5ErkJggg==) transparent no-repeat 0 0 !important; } @media (max-width: 767px) { .navbar-language { display:block;border-top:1px solid #0053B2; } .navbar-language li { display:inline-block;margin:0;width:50%;box-sizing:border-box;padding:5px 15px; } .navbar-language li a { width:100%;position:relative; } .navbar-language li a:before { content:'Deutsch';position:absolute;left:30px;top:3px;color:#657883; } .navbar-language li a.lang-en:before { content:'English'; } .navbar-language li:hover { background-color:#e5ecf1 !important; } } /*.container > .navbar-collapse { margin-left:0;margin-right:0; }*/ /* Keyvisual */ #keyvisual .container { padding:0; } #keyvisual .container img { width:100%; } #keyvisual h2 { margin:0;padding:0 15px;font-size:14px;line-height:30px;height:35px;border-top:5px solid #3572B5;background:#034DA2;color:#fff;width:100%;float:left; } /* Aside */ #sidebar { padding:35px 0 0 0; } #sidebar article { /*border-bottom:1px solid #fff;*/padding:0 30px 20px; } #sidebar article h3 { color:#667984; } /* Footer */ #footer { padding:0 0 30px 0;font-size:0.9em;margin-bottom:16px; } #footer .container { border-bottom:4px solid #e5ecf1;padding-top:20px;padding-bottom:20px; } #footer .metanavigation { margin:0;padding:0;list-style:none; } #footer h4 { margin-top:0; } /*#footer .metanavigation li { display:inline;margin-right:10px; } #footer .metanavigation li:after { content:'|';padding-left:10px; } #footer .metanavigation li:last-child:after { content:''; }*/ /* KeyvisualBig */ .keyvisualbig ul { width:100%;height:374px;list-style:none;margin:0;padding:0;overflow:hidden;z-index:1;position:relative;background:#fff; } .keyvisualbig ul li { width:20%;height:374px;display:block;overflow:hidden;float: left;padding:0;margin:0;background:none;position:relative; } /* Schatten */ .kb-shadow { position:absolute;top:0;right:0;width:25px;height:374px;z-index:9999;background: url(data:image/png;base64,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) no-repeat left top; } /* Bilder */ .kb-image div { width:100%;height:305px;background-repeat:no-repeat;background-position:center top; } .kb-image div.kb-image-color { position:absolute;top:0;left:0;opacity:0;-o-transition: opacity 1s linear;-ms-transition: opacity 1s linear;-moz-transition: opacity 1s linear;-webkit-transition: opacity 1s linear;transition: opacity 1s linear; } .keyvisualbig li:hover .kb-image div.kb-image-color { opacity:1; } /* Bereiche */ .kb-image-color-11, .kb-image-color-software { background-image:url('../images/startseite/software.jpg'); } .kb-image-gray-11, .kb-image-gray-software { background-image:url('../images/startseite/software-grau.jpg'); } .kb-image-color-12, .kb-image-color-telemedizin { background-image:url('../images/startseite/telemedizin.jpg'); } .kb-image-gray-12, .kb-image-gray-telemedizin { background-image:url('../images/startseite/telemedizin-grau.jpg'); } .kb-image-color-13, .kb-image-color-online-kompetenz { background-image:url('../images/startseite/online-kompetenz.jpg'); } .kb-image-gray-13, .kb-image-gray-online-kompetenz { background-image:url('../images/startseite/online-kompetenz-grau.jpg'); } .kb-image-color-14, .kb-image-color-consulting { background-image:url('../images/startseite/consulting.jpg'); } .kb-image-gray-14, .kb-image-gray-consulting { background-image:url('../images/startseite/consulting-grau.jpg'); } .kb-image-color-15, .kb-image-color-oem-entwicklung { background-image:url('../images/startseite/oem-entwicklung.jpg'); } .kb-image-gray-15, .kb-image-gray-oem-entwicklung { background-image:url('../images/startseite/oem-entwicklung-grau.jpg'); } /* Text & Links */ .kb-description { width:100%;overflow:hidden;position:relative;z-index:999;margin-top:-6px;background:url('../images/startseite/background-description.png') no-repeat 0 0;height:67px; } .kb-description-2 { background-position:0 -100px;} .kb-description-3 { background-position:0 -200px;} .kb-description-4 { background-position:0 -300px;} .kb-description-5 { background-position:0 -400px;} .kb-description h3 { margin:0;padding:16px 0 0 30px;font-size:18px;color:#fff; } /* Link */ .keyvisualbig li a { position:absolute;right:-200px;bottom:10px;font-size:11px;text-decoration:none;color:#fff;text-transform:uppercase;height:24px;line-height:24px;padding:0 8px; } .keyvisualbig li a:hover { background:#657883 !important; } .keyvisualbig li:hover a { right:10px; } /* Detailbeschreibung */ .kb-description p { width:220px;font-size:12px;color:#fff;position:absolute;left:470px;top:40px;margin:0; } .keyvisualbig li:hover .kb-description p { left:30px; } /* Transitions */ .keyvisualbig li a { -o-transition: right 1s linear;-ms-transition: right 1s linear;-moz-transition: right 1s linear;-webkit-transition: right 1s linear;transition: right 1s linear; } .kb-description p { -o-transition: left 0.5s linear;-ms-transition: left 0.5s linear;-moz-transition: left 0.5s linear;-webkit-transition: left 0.5s linear;transition: left 0.5s linear; } /* Text */ #main a { text-decoration:underline; } #main a:hover, #main a:focus { color:#0053B2; } #main h2 { font-size: 1.875em;line-height: 1.2em;margin: 0 0 1em;letter-spacing: -1px;color: #667984; } #main .ce-textpic { padding: 0 0 0 34px; } #main .maininner { padding:27px 31px 25px 32px; } #main .maininner article { margin-bottom: 40px;/*border-bottom: 3px solid #fff;*/padding-bottom: 40px; } #main .maininner article.article-layout-2 { position:relative;margin:40px 0 10px;padding:10px 34px 10px 0;border-bottom:3px solid #e5ecf1;border-top:3px solid #e5ecf1; } #main .maininner article.article-layout-2 .ce-textpic { padding:0; } #main .maininner article.article-layout-2 h2 { color:#000;font-size:1.5em;margin:15px 0; } #main .maininner article.article-layout-2:before { content:'NEUIGKEITEN';position:absolute;text-transform:uppercase;font-size:2em;right:0;top:19px;color:#0053B2; } @media (max-width: 992px) { #main .maininner article.article-layout-2 h2 { margin-top:55px; } } #main iframe { border:0;width:100%;overflow:none; } /* ce-gallery */ .ce-intext.ce-left .ce-gallery { margin-right:15px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom:15px; } .ce-date { color:#49a6d1;font-weight:bold;font-size: 12px;margin-bottom:15px; } /* Panel */ .panel-default { border-color:#657883; } .panel-default .panel-heading { background:#657883;color:#fff; } .panel-default p { margin:0; } .panel-default .panel-body { background:#fff; } /* Gallery */ .ce-gallery a img { border:1px solid #657883;width:100%;height:auto;box-sizing:border-box; } .ce-gallery { margin-bottom:30px !important; } /* startareas */ #main .startareas a { text-decoration:none;color:#000;display:block;width:90%;margin:0 5%;float:left;padding:20px 0;min-height:200px;position:relative; } #main .startareas a:hover { background:#E5ECF1; } #main .startareas div { color:#0053B2; } #main .startareas p { display:none;position:absolute;top:0;left:0;bottom:0;right:0;padding:10px;margin:0;background:#E5ECF1;overflow:hidden; } #main .startareas a:hover p { display:block; } #main .startareas h3 { text-transform:uppercase;margin-top:30px; } #main .startareas h3.startarea-single { line-height:48px; }