/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { color: #222; font-size: 1em; line-height: 1.4; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } h1, h2 { font-family: "DinCond"; } h2 { font-size: 2em; color: #008B95; margin-top: 0; } /** * @license * MyFonts Webfont Build ID 3642673, 2018-09-17T10:40:52-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: SyntaxLTPro-Roman by Linotype * URL: https://www.myfonts.com/fonts/linotype/syntax/pro-roman/ * * Webfont: SyntaxLTPro-Italic by Linotype * URL: https://www.myfonts.com/fonts/linotype/syntax/pro-italic/ * * Webfont: SyntaxLTPro-Bold by Linotype * URL: https://www.myfonts.com/fonts/linotype/syntax/pro-bold/ * * Webfont: SyntaxLTPro-Black by Linotype * URL: https://www.myfonts.com/fonts/linotype/syntax/pro-black/ * * Webfont: SyntaxLTPro-UltraBlack by Linotype * URL: https://www.myfonts.com/fonts/linotype/syntax/pro-ultrablack/ * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3642673 * Licensed pageviews: 250,000 * Webfonts copyright: Copyright © 2013 Monotype Imaging Inc. All rights reserved. * * © 2018 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ /* SyntaxLTPro-Roman */ @font-face { font-family: 'Syntax-Reg'; src: url('/fonts/379531_0_0.eot'); src: url('/fonts/379531_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/379531_0_0.woff2') format('woff2'), url('/fonts/379531_0_0.woff') format('woff'), url('/fonts/379531_0_0.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'Syntax-Med'; src: url('/fonts/379531_0_0.eot'); src: url('/fonts/379531_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/379531_0_0.woff2') format('woff2'), url('/fonts/379531_0_0.woff') format('woff'), url('/fonts/379531_0_0.ttf') format('truetype'); font-weight: normal; } /* SyntaxLTPro-Italic */ @font-face { font-family: 'Syntax-Ita'; src: url('/fonts/379531_1_0.eot'); src: url('/fonts/379531_1_0.eot?#iefix') format('embedded-opentype'), url('/fonts/379531_1_0.woff2') format('woff2'), url('/fonts/379531_1_0.woff') format('woff'), url('/fonts/379531_1_0.ttf') format('truetype'); font-weight: normal; } /* SyntaxLTPro-Bold */ @font-face { font-family: 'Syntax-Bol'; src: url('/fonts/379531_2_0.eot'); src: url('/fonts/379531_2_0.eot?#iefix') format('embedded-opentype'), url('/fonts/379531_2_0.woff2') format('woff2'), url('/fonts/379531_2_0.woff') format('woff'), url('/fonts/379531_2_0.ttf') format('truetype'); font-weight: normal; } /* @font-face {font-family: 'SyntaxLTPro-Black';src: url('/fonts/379531_3_0.eot');src: url('/fonts/379531_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/379531_3_0.woff2') format('woff2'),url('/fonts/379531_3_0.woff') format('woff'),url('/fonts/379531_3_0.ttf') format('truetype');} @font-face {font-family: 'SyntaxLTPro-UltraBlack';src: url('/fonts/379531_4_0.eot');src: url('/fonts/379531_4_0.eot?#iefix') format('embedded-opentype'),url('/fonts/379531_4_0.woff2') format('woff2'),url('/fonts/379531_4_0.woff') format('woff'),url('/fonts/379531_4_0.ttf') format('truetype');} */ @font-face { font-family: "DINCond"; src: url("/fonts/8cf2ee30-97aa-4b89-9947-8facccba0d0b.eot?#iefix"); src: url("/fonts/8cf2ee30-97aa-4b89-9947-8facccba0d0b.eot?#iefix") format("eot"), url("/fonts/f1b3e823-0f39-4c43-9206-175ad08b8eac.woff2") format("woff2"), url("/fonts/68b2a800-4041-4d83-94d6-2489e5b32bff.woff") format("woff"), url("/fonts/647359e3-dec6-4948-aa1c-d8aa895946ae.ttf") format("truetype"), url("/fonts/79b3cc8e-6148-4a17-9849-fb52c73f376a.svg#79b3cc8e-6148-4a17-9849-fb52c73f376a") format("svg"); } /* @font-face{ font-family:"Syntax-Lig"; src:url("/fonts/98b73789-6186-4715-96c2-30e0015257b7.eot?#iefix"); src:url("/fonts/98b73789-6186-4715-96c2-30e0015257b7.eot?#iefix") format("eot"),url("/fonts/dc01853f-6715-42e7-89ae-e6a6753d54a7.woff2") format("woff2"),url("/fonts/273ed159-ccd1-4edf-8a61-891c800c0490.woff") format("woff"),url("/fonts/a834c8d1-d73d-4f53-ac6c-f04a4915566e.ttf") format("truetype"),url("/fonts/ecbfc09b-55af-49f3-ba92-d4432185afef.svg#ecbfc09b-55af-49f3-ba92-d4432185afef") format("svg"); } @font-face{ font-family:"Syntax-Reg"; src:url("/fonts/517f3c34-5369-41d6-82d7-21bd4b723a62.eot?#iefix"); src:url("/fonts/517f3c34-5369-41d6-82d7-21bd4b723a62.eot?#iefix") format("eot"),url("/fonts/8ce72b80-c3d9-466c-b217-ef889a5cc666.woff2") format("woff2"),url("/fonts/a6922086-bd52-42da-aa1e-5f4891239c8e.woff") format("woff"),url("/fonts/6cb4cc82-9f54-468d-9646-d16ece40c451.ttf") format("truetype"),url("/fonts/005af00b-9329-4dc1-949e-99f103665850.svg#005af00b-9329-4dc1-949e-99f103665850") format("svg"); } @font-face{ font-family:"Syntax-Ita"; src:url("/fonts/ef31c54d-003c-435f-a918-69c0a4fe5550.eot?#iefix"); src:url("/fonts/ef31c54d-003c-435f-a918-69c0a4fe5550.eot?#iefix") format("eot"),url("/fonts/f25958d3-278f-4334-8da0-57f76c3ee981.woff2") format("woff2"),url("/fonts/3c02aec3-719f-4988-b046-7df62b337d73.woff") format("woff"),url("/fonts/7fd90348-d867-4004-b439-6f9b8df15dde.ttf") format("truetype"),url("/fonts/e234010b-89ae-4b7f-8ff0-32b225267e39.svg#e234010b-89ae-4b7f-8ff0-32b225267e39") format("svg"); } @font-face{ font-family:"Syntax-Med"; src:url("/fonts/56827b6a-bbe9-4aac-868b-e453b31f9c04.eot?#iefix"); src:url("/fonts/56827b6a-bbe9-4aac-868b-e453b31f9c04.eot?#iefix") format("eot"),url("/fonts/ed4b5288-3ec3-4d2f-8cf9-637c51f2e0c8.woff2") format("woff2"),url("/fonts/273e093d-65ec-40c8-a156-ea55085af0e0.woff") format("woff"),url("/fonts/e17cf5c7-a2a4-4f54-9fab-8bc6871cd838.ttf") format("truetype"),url("/fonts/ff2b2346-de95-49d0-ad60-e769273274d2.svg#ff2b2346-de95-49d0-ad60-e769273274d2") format("svg"); } @font-face{ font-family:"Syntax-Bol"; src:url("/fonts/18c0221b-0f38-4263-9f0a-1a0140f74de8.eot?#iefix"); src:url("/fonts/18c0221b-0f38-4263-9f0a-1a0140f74de8.eot?#iefix") format("eot"),url("/fonts/16966470-2ed8-47e5-a654-425e4d1c4fd7.woff2") format("woff2"),url("/fonts/81dfdbfa-63f7-4f45-9ab1-2b6a7ec0dd75.woff") format("woff"),url("/fonts/c1e9e2ce-6b13-4eaf-8386-1c3b5b127c1e.ttf") format("truetype"),url("/fonts/8c1ffcfa-bc1e-46f5-b225-c32a8d9ae9f2.svg#8c1ffcfa-bc1e-46f5-b225-c32a8d9ae9f2") format("svg"); } */ @font-face { font-family: 'SynedraIcons'; src: url('/fonts/synedra2016.eot'); src: url('/fonts/synedra2016.eot?#iefix') format('embedded-opentype'), url('/fonts/synedra2016.woff') format('woff'), url('/fonts/synedra2016.ttf') format('truetype'), url('/fonts/synedra2016.svg#synedra2016') format('svg'); font-weight: normal; font-style: normal; } .noshadow { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .crisp-edges { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .innerborder { position: relative; } .innerborder:before { border: 1px solid rgba(0, 0, 0, 0.15); content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; z-index: 50; } .vcenter-flexbox { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-flex-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } .center-flexbox { display: flex; align-items: center; justify-content: center; } .borderbox { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .image-text { text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .text-link { text-decoration: none; border-bottom: 1px solid #008B95; color: #333; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .text-link:hover { color: #008B95; } .align-right { text-align: right; } /* buttons: */ .button-gruen { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .button-gruen:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .button-grau { background: #999999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #999999 0%, #898989 100%); background: -webkit-linear-gradient(top, #999999 0%, #898989 100%); background: linear-gradient(to bottom, #999999 0%, #898989 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#898989', GradientType=0); } .cta-button { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; box-shadow: 0px 0.1em 0.2em 0 rgba(0, 0, 0, 0.5); font-size: 1.3125em; } .cta-button:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .button-gold { background: #E49354; } /* icons: */ .stars { font-family: "PopupIcons"; } .icon-box { position: relative; } .icon-box:before { font-family: "PopupIcons"; margin-right: 0.5em; margin-left: 21px; font-size: 2.68em; left: 0; top: 33%; position: absolute; color: #E49354; } .box-link-wrapper + .box-link-wrapper .box-link { margin-top: 0 !important; } .webcam:before { content: "O"; } .icon-after:after { font-family: "SynedraIcons"; margin-left: 0.5em; font-size: 1em; vertical-align: bottom; display: inline-block; margin-top: -0.1em; } .arrow-down:after { content: "H"; font-size: 0.75em; margin-left: 1em; } .arrow-up:after { content: "F"; font-size: 0.75em; margin-left: 1em; } .icon-before:before { font-family: "SynedraIcons"; margin-right: 0.4em; font-size: 1em; vertical-align: bottom; display: inline-block; margin-top: -0.1em; } /* .tel:before { content: "J"; } .fax:before { content: "E"; }*/ .icon-before.mail:before { content: "D"; } .icon-before.question:before { content: "A"; } .icon-before.tel:before { content: "E"; } .icon-before.fax:before { content: "D"; } .icon-before.calendar:before { content: "L"; } .icon-before.news:before { content: "M"; } .icon-before.blog:before { content: "N"; margin-right: 0.3em; } .icon-before.blog-reverse:before { content: "N"; margin-right: 0.3em; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .icon-before.back:before { font-size: 0.7em; margin-top: -0.2em; content: "I"; } .icon-before.pin:before { content: "Q"; } .icon-before.pension-plan:before { content: "Y"; } .icon-before.family-friendly:before { content: "f"; } .icon-before.hierarchy:before { content: "h"; } .icon-before.flexi-time:before { content: "j"; } .icon-before.dogs:before { content: "d"; } .icon-before.home-office:before { content: "b"; } .icon-before.coffee-fruit:before { content: "i"; } .icon-before.coffee:before { content: "m"; } .icon-before.kitchen:before { content: "W"; } .icon-before.events:before { content: "Z"; } .icon-before.parking:before { content: "g"; } .icon-before.snacks:before { content: "k"; } .icon-before.tabletop-football:before { content: "c"; } .icon-before.public-transport:before { content: "l"; } .icon-before.education:before { content: "e"; } .icon-before.yoga:before { content: "X"; } .icon-before.payment:before { content: "a"; } .icon-before.daycare:before { content: "n"; } .icon-before.work-life-balance:before { content: "p"; } .icon-before.work-vacation-tyrol:before { content: "o"; } .icon-after.search:after, .icon-before.search:before { content: "O"; } .icon-after.cart:after, .icon-before.cart:before { content: "C"; } .icon-after.download:after, .icon-before.download:before { content: "B"; } .icon-after.video:after { content: "P"; margin-bottom: 0.1em; } /* .icon-block { padding-left: 1.5em; display: block; &:before { margin-left: -1.5em; } } .pfeil-fett-links:before { content: "C"; font-size: 0.75em; margin-right: 0.5em; } */ /* validate: */ input[type=text].error, input[type=email].error, ul.error, .form-col div.error, input[type=radio].error + span, input[type=radio].error + label.error + span { border-bottom: 2px solid #f00 !important; } textarea.error { border: 2px solid #f00 !important; } label.error { display: none !important; } div.formerror { display: none; color: #f00; } /* custom selects */ .custom-select { -webkit-appearance: none; } .error + label + .customStyleSelectBox { border: 2px solid #f00; } .customStyleSelectBox { border: 2px solid #979797; background: #fff; font-size: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 2.7em; line-height: 2.5em; overflow: hidden; } /* on the next line we add a down arrow on the right to indicate that it is a select box */ .customStyleSelectBoxInner { background: url(/img-system/select-button.png) no-repeat center right; /* svg support ab ie8 */ margin: 0; padding: 0 0 0 0.6em; height: 2.5em; background-size: 2.7em auto; color: #A7A7A7; } .customStyleSelectBox .not-default { color: #6C6C6C; } .lt-ie9 .customStyleSelectBoxInner { background-image: url(/img-system/select-button.png); } .customStyleSelectBoxInner div { display: block; overflow: hidden; white-space: nowrap; margin: 0; vertical-align: top; } /* form elements: */ input[type=text]:not(.wetextinput), input[type=email]:not(.wetextinput) { background: #fff; border: none; border-bottom: 2px solid #008B95; line-height: 1.6em; height: 1.6em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-indent: 0.15em; padding: 0; margin: 0; -webkit-appearance: none; color: #666; } /* .contact-form { textarea { color: @font-grau8; background: #fff; border: 2px solid @border-grau3; font-family: "AvenirNext-Regular"; .borderbox; padding: 0.5em; margin: 0 0 1em; line-height: 1.35em; &.has-userinput { color: @font-grau6; } } input[type=submit], input[type=button] { font-family: "AvenirNext-Medium"; color: @highlight-orange; background: #fff; font-size: 1.2em; padding-left: 39px; padding-right: 39px; } input[type=submit] { margin-top: 1.4em; float: right; } } */ .Zebra_DatePicker_Icon_Wrapper input { /* ie8 hat mit dem ursprgl selektor probleme */ height: 2em; border: 1px solid #D4D4D4; /* background: url(/img-system/input-bg_01.png) no-repeat top left; */ text-indent: 0.5em; box-sizing: content-box; padding: 0; margin: 0; line-height: 2em; } .Zebra_DatePicker .dp_daypicker th { font-weight: normal; font-family: "MetaSerif-Bold"; } #datepicker-start, #datepicker-end, #datepicker-start2, #datepicker-end2, #widget-datepicker-start, #widget-datepicker-end { display: inline-block; } button.Zebra_DatePicker_Icon { /*display: none !important;*/ } .content-ul { list-style: none; padding: 0; margin: 0.35em 0 1.7333em; } .content-ul li { padding-left: 1.3em; padding-bottom: 0.4em; text-indent: -1.15em; } .content-ul li:before { font-family: "Syntax-Reg"; content: "•"; color: #008B95; font-size: 0.8em; margin-right: 0.9em; margin-left: 0em; vertical-align: top; line-height: 1.8em; } .content-ul li ul { list-style: none; padding-left: 0; } .content-ul li ul li:before { content: "–"; } .content-subul li:before { content: "°"; padding-right: 0.5em; color: #851e28; font-size: 1.3em; line-height: 0.55em; vertical-align: bottom; } .features-ul { list-style: none; padding: 0; margin: 0.35em 0 0; } .features-ul li { padding-left: 1.1em; padding-bottom: 0.2em; text-indent: -1em; line-height: 1.5em; } .features-ul li:before { font-family: "SynedraIcons"; content: "G"; margin-right: 0.6em; margin-left: 0em; vertical-align: center; line-height: 1em; font-size: 0.65em; } .download-ul { list-style: none; padding: 0; margin: 0.35em 0 0; } .download-ul li { padding-left: 1.5em; padding-bottom: 0.5em; text-indent: -0.7em; line-height: 1.5em; } .download-ul li:before { font-family: "SynedraIcons"; content: "B"; margin-right: 0.6em; margin-left: 0em; margin-top: 0.35em; display: inline-block; vertical-align: top; line-height: 1em; font-size: 0.85em; color: #008B95; } .content-table th { color: #008B95; } .content-table td, .content-table th { text-align: left; vertical-align: top; border-bottom: 2px solid #c5e5e7; padding: 0.8333em 1em; } .content-table td p.additional, .content-table th p.additional { margin: 0; font-family: Syntax-Ita; } .double-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; } .triple-col { -webkit-column-count: 3 !important; -moz-column-count: 3 !important; column-count: 3 !important; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } .quad-col { -webkit-column-count: 4 !important; -moz-column-count: 4 !important; column-count: 4 !important; -webkit-column-gap: 1.7333em; -moz-column-gap: 1.7333em; column-gap: 1.7333em; } .single-col { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; max-width: 840px; } h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.1em; } .orange-box { border: 2px solid #E49354; } .box-link { display: inline-block; border: 2px solid #E49354; text-decoration: none; padding: 8px 22px; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box-link:hover { border-color: #DB7626; color: #DB7626 !important; } .booking-link { background: #E49354; color: #9B9B9B; } .booking-link:hover { border-color: #DB7626; background: #DB7626; color: #9B9B9B !important; } /* .mehrlink-pfeil { text-indent: 0; &:after { content: "G"; font-family: "PopupIcons"; margin: 0.175em -0.2em -0.175em 0.5em; font-size: 0.5em; vertical-align: top; display: inline-block; } &.link-button { display: inline-block; border-radius: 0.2em; padding: 0.15em 0.85em 0.2em 1em; } &.orange-button { color: #fff; background: @highlight-orange; border: none; -moz-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; &:hover { background: @hover-orange; color: #fff; } } } .mehrlink-pfeil-outer { display: inline-block; &:after { content: "D"; font-family: "PopupIcons"; margin: 0.175em -0.2em -0.175em 0.5em; font-size: 0.5em; vertical-align: top; display: inline-block; position: absolute; } } */ .uplink-pfeil { text-decoration: none; color: #008B95; } .uplink-pfeil:after { content: "H"; font-family: PopupIcons; margin-left: 0.85em; font-size: 1em; vertical-align: top; display: inline-block; } .uplink-pfeil:hover { color: #DC5034; } /* .downlink-pfeil { text-decoration: none; &:after { content: ""; font-family: iconvault-symbols; margin: 0.2em -0.2em -0.3em 0.85em; color: @highlight-orange; font-size: 0.65em; vertical-align: top; display: inline-block; } &:hover { color: @highlight-orange; } } */ /* Required for Down Triangle */ .triangle-down:before, .triangle-down:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; } /* Stroke */ .triangle-down:before { bottom: -15px; left: 21px; /* If 1px darken stroke slightly */ border-top-color: #D4D4D4; border-width: 16px; } /* Fill */ .triangle-down:after { bottom: -14px; left: 22px; border-top-color: #9B9B9B; border-width: 15px; } div.iscroll { min-width: 470px; } .rounded-image { border-radius: 50%; } .gruen { color: #008B95; } .imgcenter-helper { position: absolute; top: 50%; left: 50%; } .hyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-hyphenate-limit-chars: 6 3 2; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-lines: 2; -ms-hyphenate-limit-lines: 2; } input.custom-checkbox { display: none; } input.custom-checkbox + label { background: url("/img-system/checkbox-empty.png") no-repeat scroll left center; background-size: 22px 22px; display: inline-block; height: 2.7em; text-indent: 30px; line-height: 2.7em; cursor: pointer; } input.custom-checkbox:checked + label { background-image: url("/img-system/checkbox-checked.png") !important; } input.custom-checkbox.input-error + label { background-image: url("/img-system/checkbox-error.png") !important; } input.custom-checkbox.checked-disabled + label { background-image: url("/img-system/checkbox-checked-disabled.png") !important; cursor: none; } .smaller-text { font-size: 0.85em; } .input-error { border-color: #d00 !important; } .visibility-hidden { visibility: hidden; } .we-syntaxtext { font-family: "Syntax-Reg"; color: #333; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; height: 100%; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /* -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; */ /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -52px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 14px; background: #F4F4F4; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #acacac; text-indent: -9999px; display: block; width: 11px; height: 11px; margin: 0 6px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #008B95; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-next, .bx-prev { font-family: "SynedraIcons"; border: 0; color: #008B95; font-size: 3em; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .bx-next:hover, .bx-prev:hover { color: #DC5034; } .teaser-slider .bx-next, .teaser-slider .bx-prev { font-size: 3em; } .bx-next { right: 2.143%; margin-right: -0.3em; } .bx-prev { left: 2.143%; margin-left: -0.3em; } /* .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } */ .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; z-index: 1000; text-decoration: none; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: 0.85em; padding: 10px; } /*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */ .animsition, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd; } .animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 2; } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, 0.2); border-right: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-left: 5px solid #008B9C; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } to { opacity: 1; } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-out { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } to { opacity: 0; } } .fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up { 0% { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; } @-webkit-keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } @keyframes fade-out-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } } .fade-out-up { -webkit-animation-name: fade-out-up; animation-name: fade-out-up; } @-webkit-keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-sm { 0% { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-sm { -webkit-animation-name: fade-in-up-sm; animation-name: fade-in-up-sm; } @-webkit-keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } @keyframes fade-out-up-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } } .fade-out-up-sm { -webkit-animation-name: fade-out-up-sm; animation-name: fade-out-up-sm; } @-webkit-keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-up-lg { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-up-lg { -webkit-animation-name: fade-in-up-lg; animation-name: fade-in-up-lg; } @-webkit-keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } @keyframes fade-out-up-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } } .fade-out-up-lg { -webkit-animation-name: fade-out-up-lg; animation-name: fade-out-up-lg; } @-webkit-keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } @keyframes fade-out-down { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; } } .fade-out-down { -webkit-animation-name: fade-out-down; animation-name: fade-out-down; } @-webkit-keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-down-sm { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .fade-in-down-sm { -webkit-animation-name: fade-in-down-sm; animation-name: fade-in-down-sm; } @-webkit-keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } @keyframes fade-out-down-sm { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } } .fade-out-down-sm { -webkit-animation-name: fade-out-down-sm; animation-name: fade-out-down-sm; } .fade-in-down-lg { -webkit-animation-name: fade-in-down; animation-name: fade-in-down; } @-webkit-keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } @keyframes fade-out-down-lg { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } .fade-out-down-lg { -webkit-animation-name: fade-out-down-lg; animation-name: fade-out-down-lg; } @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left; } @-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } @keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; } } .fade-out-left { -webkit-animation-name: fade-out-left; animation-name: fade-out-left; } @-webkit-keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-sm { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-sm { -webkit-animation-name: fade-in-left-sm; animation-name: fade-in-left-sm; } @-webkit-keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } @keyframes fade-out-left-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } } .fade-out-left-sm { -webkit-animation-name: fade-out-left-sm; animation-name: fade-out-left-sm; } @-webkit-keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left-lg { 0% { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-left-lg { -webkit-animation-name: fade-in-left-lg; animation-name: fade-in-left-lg; } @-webkit-keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } @keyframes fade-out-left-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-1500px); transform: translateX(-1500px); opacity: 0; } } .fade-out-left-lg { -webkit-animation-name: fade-out-left-lg; animation-name: fade-out-left-lg; } @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right; } @-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } @keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; } } .fade-out-right { -webkit-animation-name: fade-out-right; animation-name: fade-out-right; } @-webkit-keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-sm { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-sm { -webkit-animation-name: fade-in-right-sm; animation-name: fade-in-right-sm; } @-webkit-keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } @keyframes fade-out-right-sm { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; } } .fade-out-right-sm { -webkit-animation-name: fade-out-right-sm; animation-name: fade-out-right-sm; } @-webkit-keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right-lg { 0% { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .fade-in-right-lg { -webkit-animation-name: fade-in-right-lg; animation-name: fade-in-right-lg; } @-webkit-keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } @keyframes fade-out-right-lg { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(1500px); transform: translateX(1500px); opacity: 0; } } .fade-out-right-lg { -webkit-animation-name: fade-out-right-lg; animation-name: fade-out-right-lg; } @-webkit-keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } @keyframes rotate-in { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } .rotate-in { -webkit-animation-name: rotate-in; animation-name: rotate-in; } @-webkit-keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; opacity: 0; } } @keyframes rotate-out { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; opacity: 0; } } .rotate-out { -webkit-animation-name: rotate-out; animation-name: rotate-out; } @-webkit-keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } @keyframes rotate-in-sm { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } .rotate-in-sm { -webkit-animation-name: rotate-in-sm; animation-name: rotate-in-sm; } @-webkit-keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; opacity: 0; } } @keyframes rotate-out-sm { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; opacity: 0; } } .rotate-out-sm { -webkit-animation-name: rotate-out-sm; animation-name: rotate-out-sm; } @-webkit-keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } @keyframes rotate-in-lg { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transform-origin: center center; opacity: 0; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } } .rotate-in-lg { -webkit-animation-name: rotate-in-lg; animation-name: rotate-in-lg; } @-webkit-keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(180deg); transform: rotate(180deg); transform-origin: center center; opacity: 0; } } @keyframes rotate-out-lg { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center center; opacity: 1; } 0%, to { -webkit-transform-origin: center center; } to { -webkit-transform: rotate(180deg); transform: rotate(180deg); transform-origin: center center; opacity: 0; } } .rotate-out-lg { -webkit-animation-name: rotate-out-lg; animation-name: rotate-out-lg; } @-webkit-keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x { 0% { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } } .flip-in-x { -webkit-animation-name: flip-in-x; animation-name: flip-in-x; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x { 0% { -webkit-transform: perspective(550px) rotateX(0deg); transform: perspective(550px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(550px) rotateX(90deg); transform: perspective(550px) rotateX(90deg); opacity: 0; } } .flip-out-x { -webkit-animation-name: flip-out-x; animation-name: flip-out-x; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } } .flip-in-x-nr { -webkit-animation-name: flip-in-x-nr; animation-name: flip-in-x-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-nr { 0% { -webkit-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(100px) rotateX(90deg); transform: perspective(100px) rotateX(90deg); opacity: 0; } } .flip-out-x-nr { -webkit-animation-name: flip-out-x-nr; animation-name: flip-out-x-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } @keyframes flip-in-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } to { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } } .flip-in-x-fr { -webkit-animation-name: flip-in-x-fr; animation-name: flip-in-x-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes flip-out-x-fr { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } .flip-out-x-fr { -webkit-animation-name: flip-out-x-fr; animation-name: flip-out-x-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y { 0% { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } } .flip-in-y { -webkit-animation-name: flip-in-y; animation-name: flip-in-y; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y { 0% { -webkit-transform: perspective(550px) rotateY(0deg); transform: perspective(550px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(550px) rotateY(90deg); transform: perspective(550px) rotateY(90deg); opacity: 0; } } .flip-out-y { -webkit-animation-name: flip-out-y; animation-name: flip-out-y; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } } .flip-in-y-nr { -webkit-animation-name: flip-in-y-nr; animation-name: flip-in-y-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-nr { 0% { -webkit-transform: perspective(100px) rotateY(0deg); transform: perspective(100px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(100px) rotateY(90deg); transform: perspective(100px) rotateY(90deg); opacity: 0; } } .flip-out-y-nr { -webkit-animation-name: flip-out-y-nr; animation-name: flip-out-y-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } @keyframes flip-in-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } to { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } } .flip-in-y-fr { -webkit-animation-name: flip-in-y-fr; animation-name: flip-in-y-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } @keyframes flip-out-y-fr { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); opacity: 0; } } .flip-out-y-fr { -webkit-animation-name: flip-out-y-fr; animation-name: flip-out-y-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } to { opacity: 1; } } @keyframes zoom-in { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } to { opacity: 1; } } .zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; } @-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 50%, to { opacity: 0; } } @keyframes zoom-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.7); transform: scale(0.7); } 50%, to { opacity: 0; } } .zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out; } @-webkit-keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } to { opacity: 1; } } @keyframes zoom-in-sm { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } to { opacity: 1; } } .zoom-in-sm { -webkit-animation-name: zoom-in-sm; animation-name: zoom-in-sm; } @-webkit-keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50%, to { opacity: 0; } } @keyframes zoom-out-sm { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50%, to { opacity: 0; } } .zoom-out-sm { -webkit-animation-name: zoom-out-sm; animation-name: zoom-out-sm; } @-webkit-keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } to { opacity: 1; } } @keyframes zoom-in-lg { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } to { opacity: 1; } } .zoom-in-lg { -webkit-animation-name: zoom-in-lg; animation-name: zoom-in-lg; } @-webkit-keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 50%, to { opacity: 0; } } @keyframes zoom-out-lg { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 50%, to { opacity: 0; } } .zoom-out-lg { -webkit-animation-name: zoom-out-lg; animation-name: zoom-out-lg; } @-webkit-keyframes overlay-slide-in-top { 0% { height: 100%; } to { height: 0; } } @keyframes overlay-slide-in-top { 0% { height: 100%; } to { height: 0; } } .overlay-slide-in-top { top: 0; height: 0; -webkit-animation-name: overlay-slide-in-top; animation-name: overlay-slide-in-top; } @-webkit-keyframes overlay-slide-out-top { 0% { height: 0; } to { height: 100%; } } @keyframes overlay-slide-out-top { 0% { height: 0; } to { height: 100%; } } .overlay-slide-out-top { top: 0; height: 100%; -webkit-animation-name: overlay-slide-out-top; animation-name: overlay-slide-out-top; } @-webkit-keyframes overlay-slide-in-bottom { 0% { height: 100%; } to { height: 0; } } @keyframes overlay-slide-in-bottom { 0% { height: 100%; } to { height: 0; } } .overlay-slide-in-bottom { bottom: 0; height: 0; -webkit-animation-name: overlay-slide-in-bottom; animation-name: overlay-slide-in-bottom; } @-webkit-keyframes overlay-slide-out-bottom { 0% { height: 0; } to { height: 100%; } } @keyframes overlay-slide-out-bottom { 0% { height: 0; } to { height: 100%; } } .overlay-slide-out-bottom { bottom: 0; height: 100%; -webkit-animation-name: overlay-slide-out-bottom; animation-name: overlay-slide-out-bottom; } @-webkit-keyframes overlay-slide-in-left { 0% { width: 100%; } to { width: 0; } } @keyframes overlay-slide-in-left { 0% { width: 100%; } to { width: 0; } } .overlay-slide-in-left { width: 0; -webkit-animation-name: overlay-slide-in-left; animation-name: overlay-slide-in-left; } @-webkit-keyframes overlay-slide-out-left { 0% { width: 0; } to { width: 100%; } } @keyframes overlay-slide-out-left { 0% { width: 0; } to { width: 100%; } } .overlay-slide-out-left { left: 0; width: 100%; -webkit-animation-name: overlay-slide-out-left; animation-name: overlay-slide-out-left; } @-webkit-keyframes overlay-slide-in-right { 0% { width: 100%; } to { width: 0; } } @keyframes overlay-slide-in-right { 0% { width: 100%; } to { width: 0; } } .overlay-slide-in-right { right: 0; width: 0; -webkit-animation-name: overlay-slide-in-right; animation-name: overlay-slide-in-right; } @-webkit-keyframes overlay-slide-out-right { 0% { width: 0; } to { width: 100%; } } @keyframes overlay-slide-out-right { 0% { width: 0; } to { width: 100%; } } .overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/ } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -32px; right: -32px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: -60px; } .fancybox-next { right: -60px; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: visible; } .touch .fancybox-nav span { visibility: visible; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(155, 155, 155, 0.75); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/fancybox/fancybox_sprite2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/fancybox/fancybox_loading2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* ===== Initializr Styles ================================================== Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template ========================================================================== */ body, .overlay-dialog .dialog { font: 16px/24px "Syntax-Reg", sans-serif; color: #333; } .wrapper { width: 90%; margin: 0 5%; } .header-container { position: relative; /* background: #f3f3f3; */ } .header-container .logo-box { padding: 17px 0 18px; } .header-container .logo-box > a { display: block; float: right; width: 50%; text-align: right; } .header-container .logo-box > a img { width: auto; height: 70px; } .header-container .language-box { position: absolute; top: 0; left: 5%; padding-bottom: 10px; margin-top: 10px; height: 1.5em; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header-container .language-box a { color: #9B9B9B; text-decoration: none; font-size: 14px; display: block; } .header-container .language-box a.active { color: #008B95; } .header-container .language-box a.active:after { margin-left: 0.5em; } .header-container .language-box a :hover { color: #008B95; } .header-container nav { background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00969c', endColorstr='#008b95', GradientType=0); } .header-container nav .mobile-menu-toggle { margin: 6px 5%; color: #fff; font-family: "Syntax-Bol"; font-size: 1.125em; text-decoration: none; vertical-align: top; display: inline-block; line-height: 1.25em; } .header-container nav .mobile-menu-toggle:before { content: "K"; font-family: "SynedraIcons"; display: inline-block; vertical-align: top; margin: 0.025em 0.5em 0 0; font-size: 1.05em; } .header-container nav > ul { list-style: none; display: none; background: #ECF6F7; padding: 5px 5%; margin: 0; } .header-container nav > ul > li { padding: 5px 0; } .header-container nav > ul > li > a { font-size: 1.2em; font-family: "Syntax-Med"; color: #008B95; text-decoration: none; letter-spacing: -0.5px; } .header-container nav > ul > li > ul { list-style: none; padding: 0; display: none; z-index: 10; } .header-container nav > ul > li > ul > li { padding: 3px 0 0; } .header-container nav > ul > li > ul > li > a { color: #008B95; text-decoration: none; } .header-container .image-box { background-repeat: no-repeat; background-size: cover; position: relative; margin-left: auto; margin-right: auto; } .header-container .image-box > div { background: rgba(255, 255, 255, 0.7); padding: 5%; } .header-container .image-box > div.no-background { background: none !important; } .header-container .image-box > div .content { padding: 20px 0 20px; } .header-container .image-box > div .content h1 { margin-top: 0; font-size: 2.125em; font-family: "DINCond"; color: #DC5034; margin-bottom: 40px; } .header-container .image-box > div .content button:not(.weBtn) { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; width: 100%; padding: 0.9em 0; margin-bottom: 1em; } .header-container .image-box > div .content button:not(.weBtn):hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .header-container .image-box > div .content button:not(.weBtn):last-child { margin-right: 0; } .header-container .image-box > div .content button:not(.weBtn) .icons { font-family: 'SynedraIcons'; font-size: 1.7778em; margin-right: 8px; } .header-container .image-box > div .content button:not(.weBtn) > div { display: inline-block; vertical-align: middle; text-align: left; } .header-container .image-box > div .content button:not(.weBtn) > div p { font-size: 1.125em; font-family: "Syntax-Med"; margin: 0; } .header-container .image-box > div .content button:not(.weBtn).personal-download { background: #999999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #999999 0%, #898989 100%); background: -webkit-linear-gradient(top, #999999 0%, #898989 100%); background: linear-gradient(to bottom, #999999 0%, #898989 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#898989', GradientType=0); } .header-container .image-box > div .content button:not(.weBtn).to-job-offers .icons { margin: 0 0 4px -8px; } .header-container .image-box.home > div .content button:not(.weBtn) { padding-left: 1em; padding-right: 1em; } .header-container .image-box.home > div .content button:not(.weBtn) > div:last-child { max-width: 70%; } .header-container .image-box.map-box { overflow: hidden; } .header-container .image-box.map-box > iframe { border: 0; height: 210px; } .header-container .blog-title { position: relative; text-indent: 0.75em; } .header-container .blog-title:before { position: absolute; left: 0em; font-size: 0.52em; top: -0.3em; } .content-block p { margin-top: 0; } .content-block a { color: #333; text-decoration: none; border-bottom: 1px solid #008B95; } .content-block > h2 > a { border-color: #fff; color: #008B95; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block > h2 > a:hover { border-color: #008B95; } .content-block h3, .content-block h4 { /* h3 hinzugefuegt */ color: #008B95; font-family: "Syntax-Med"; font-weight: normal; margin-bottom: 0.5em; line-height: 1.4em; /* hinzugefuegt */ letter-spacing: -0.3px; } .content-block ul:not(.download-ul):not(.features-ul):not(.image-slider):not(.teaser-slider):not(.job-benefits) { list-style: none; padding: 0; margin: 0.35em 0 1.7333em; } .content-block ul:not(.download-ul):not(.features-ul):not(.image-slider):not(.teaser-slider):not(.job-benefits) li { padding-left: 1.3em; padding-bottom: 0.4em; text-indent: -1.15em; } .content-block ul:not(.download-ul):not(.features-ul):not(.image-slider):not(.teaser-slider):not(.job-benefits) li:before { font-family: "Syntax-Reg"; content: "•"; color: #008B95; font-size: 0.8em; margin-right: 0.9em; margin-left: 0em; vertical-align: top; line-height: 1.8em; } .content-block ul:not(.download-ul):not(.features-ul):not(.image-slider):not(.teaser-slider):not(.job-benefits) li ul { list-style: none; padding-left: 0; } .content-block ul:not(.download-ul):not(.features-ul):not(.image-slider):not(.teaser-slider):not(.job-benefits) li ul li:before { content: "–"; } .content-block .caption { color: #008B95; font-family: "Syntax-Med"; margin-top: 0.9em; line-height: 1.35em; } .content-block .toggle-content { display: none; } .content-block .toggle-content-link { color: #008B95; font-family: "Syntax-Med"; -moz-transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .content-block .toggle-content-link:hover { color: rgba(0, 139, 149, 0.8); } .content-block.text-image, .content-block.text-large-image { margin-top: 40px; margin-bottom: 40px; } .content-block.text-image .img-col > img, .content-block.text-large-image .img-col > img, .content-block.text-image .img-col > a > img, .content-block.text-large-image .img-col > a > img { max-width: 100%; height: auto; margin-top: 1em; } .content-block.text-image .img-col > img:first-child, .content-block.text-large-image .img-col > img:first-child, .content-block.text-image .img-col > a:first-child > img, .content-block.text-large-image .img-col > a:first-child > img { margin-top: 0; } .content-block.text-image .img-col.job-detail .aside-box h3, .content-block.text-large-image .img-col.job-detail .aside-box h3 { font: inherit; font-size: 1.2em; cursor: pointer; } .content-block.text-image .img-col.job-detail .aside-box h3:after, .content-block.text-large-image .img-col.job-detail .aside-box h3:after { font-family: "SynedraIcons"; content: "H"; display: inline-block; font-size: 0.75em; margin-left: 0.75em; margin-top: 0em; vertical-align: top; } .content-block.text-image .img-col.job-detail .aside-box h3 + p, .content-block.text-large-image .img-col.job-detail .aside-box h3 + p, .content-block.text-image .img-col.job-detail .aside-box h3 + p + p, .content-block.text-large-image .img-col.job-detail .aside-box h3 + p + p { display: none; } .content-block.text-image .img-col.job-detail .aside-box h3.open:after, .content-block.text-large-image .img-col.job-detail .aside-box h3.open:after { content: "F"; } .content-block.text-image .aside-box { background: #ECF6F7; margin: 0; padding: 24px 1.25em; } .content-block.text-image .aside-box h3 { margin: 0 0 0.7em; font-family: "DinCond"; font-size: 1.4444em; color: #008B95; } .content-block.text-image.personio-job-details > div > div > p:first-child > strong:first-child { color: #008B95; font-family: "Syntax-Med"; font-size: 1.2em; font-weight: normal; margin-bottom: 0.5em; line-height: 1.4em; letter-spacing: -0.3px; } .content-block.text-image.personio-job-details .button-gruen { padding: 20px 25px; color: #fff; } .content-block.text-image.personio-job-details .button-gruen:before { content: "J"; font-family: "SynedraIcons"; display: inline-block; vertical-align: top; margin: -0.1em 0.3em -0.15em; } .content-block.text-image.personio-job-details .img-col .button-gruen { display: none; } .content-block.text-image.personio-job-details .aside-box.contact > img { float: left; width: 29%; height: auto; margin-right: 5%; } .content-block.text-image.personio-job-details .aside-box.contact > p:not(:first-child) { font-size: 14px; line-height: 1.5em; } .content-block.slider { background: #ECF6F7; padding: 34px 0; } .content-block.slider .left h2 { margin: 0 0 22px; } .content-block.slider .left .reference-lead { margin: -0.5em 0 0; } .content-block.slider .left a { color: #008B95; } .content-block.slider .right { padding-top: 1.5em; } .content-block.slider .right h3 { font-size: 1.3889em; margin: 0 0 26px; font-family: "DINCond"; color: #008B95; } .content-block.slider.intro-box.no-image h1 { margin-top: 0; font-size: 2.125em; font-family: "DINCond"; color: #DC5034; } .content-block.slider.intro-box.no-image h1:last-child { margin-bottom: 0; } .content-block.slider.intro-box.headline-empty.text-left-empty.text-right-empty { display: none; } .content-block.slider.intro-box .right p { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; margin-top: 0; margin-bottom: 19px; } .content-block.slider.intro-box .right p a { color: #008B95; vertical-align: bottom; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.slider.intro-box .right p a:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .content-block.slider.intro-box .right p.downloads { font-size: 1em; font-family: Syntax-Reg; } .content-block.slider.intro-box .right .object-detail-back { float: right; margin-top: -8px; color: #008B95; } .content-block.slider.intro-box .right .object-detail-back:hover { color: rgba(0, 139, 149, 0.8); } .content-block.slider.intro-box .right .blog-subscribe label { /* width: 35%; display: inline-block; margin-right: -0.3em; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.slider.intro-box .right .blog-subscribe input[type=text], .content-block.slider.intro-box .right .blog-subscribe input[type=email] { /* width: 60%; margin-left: 5%; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.slider.intro-box .right .blog-subscribe .button-gruen { padding: 0.5em 1.5em; } .content-block.slider.intro-box.jobs .right p { font-family: "Syntax-Reg", sans-serif; color: #333; font-size: 1em; } .content-block.slider.faq-box .left p > a { text-decoration: none; border-bottom: 1px solid #008B95; color: #333; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.slider.faq-box .left p > a:hover { color: #008B95; } .content-block.slider.faq-box .right p .icon-before.mail, .content-block.slider.faq-box .right p .icon-before.tel, .content-block.slider.faq-box .right p .icon-before.question { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.slider.faq-box .right p .icon-before.mail:hover, .content-block.slider.faq-box .right p .icon-before.tel:hover, .content-block.slider.faq-box .right p .icon-before.question:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .content-block.slider > div { padding-bottom: 12px; } .content-block.slider .image-slider { list-style: none; margin: 0; } .content-block.slider .image-slider li { padding: 0; } .content-block.slider .image-slider li > img, .content-block.slider .image-slider li > a > img { width: 100%; height: auto; } .content-block.slider .bx-next { right: 2%; } .content-block.slider .bx-prev { left: 2%; } .content-block.home-teaser { margin-top: 40px; margin-bottom: 40px; } .content-block.home-teaser li { position: relative; padding-bottom: 55px; } .content-block.home-teaser li h3 { color: #DC5034; font-family: "DinCond"; font-size: 1.3889em; line-height: 1.1em; margin-bottom: 0.45em; } .content-block.home-teaser li > div { line-height: 1.3889em; } .content-block.home-teaser li > img { width: 100%; height: auto; } .content-block.home-teaser li > a { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; width: 100%; font-family: "Syntax-Bol"; padding: 6px; position: absolute; bottom: 0; } .content-block.home-teaser li > a:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .content-block.home-teaser .bx-wrapper .bx-controls-direction a { top: 23%; } .content-block.home-teaser .dates { margin-top: 20px; } .content-block.home-teaser .dates > div { padding: 1em 5%; background: #008B95; color: #fff; padding-bottom: 1.3em; } .content-block.home-teaser .dates > div h3 { font-family: "DinCond"; font-size: 1.3889em; color: #fff; margin-top: 0; } .content-block.home-teaser .dates > div .date-row { display: table-row; } .content-block.home-teaser .dates > div .date-row > div { display: table-cell; line-height: 1.2222em; padding-bottom: 0.9em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-hyphenate-limit-chars: 6 3 2; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-lines: 2; -ms-hyphenate-limit-lines: 2; } .content-block.home-teaser .dates > div .date-row > div:first-child { padding-right: 0.5em; } .content-block.home-teaser .dates > div .date-row > div:last-child { font-family: "Syntax-Med"; } .content-block.home-teaser .dates > div .date-row > div a { color: #fff; } .content-block.home-teaser .dates > div .date-row > div a:hover { text-decoration: underline; } .content-block.home-teaser .dates > div .all-dates { color: #fff; text-decoration: underline; margin-top: 0.25em; display: inline-block; } .content-block.home-teaser .dates > div .all-dates:before { font-size: 1.2em; } .content-block.home-diagram > div .grafik { width: 100%; font-size: 1.2em; display: table; position: relative; font-family: "DinCond"; font-size: 1.25em; margin-bottom: 40px; } .content-block.home-diagram > div .grafik a { border: none; } .content-block.home-diagram > div .grafik .grafik-container { width: 85.327%; box-sizing: border-box; margin-left: 14.673%; } .content-block.home-diagram > div .grafik .grafik-container .topic { text-align: center; margin: 0; width: 100%; float: none; box-sizing: border-box; margin-top: 8px; position: relative; border-radius: 5px; display: block; transition: opacity 0.3s ease; cursor: pointer; } .content-block.home-diagram > div .grafik .grafik-container .topic:first-child { margin-top: 0; } .content-block.home-diagram > div .grafik .grafik-container .topic:hover { opacity: 0.8; } .content-block.home-diagram > div .grafik .grafik-container .topic a { position: static; padding: 8px; transform: none; display: inline-block; text-decoration: none; color: #FFF; } .content-block.home-diagram > div .grafik .grafik-container #box1 { background-color: #DB5034; } .content-block.home-diagram > div .grafik .grafik-container #box2 { background-color: #DF9138; } .content-block.home-diagram > div .grafik .grafik-container #box3 { background-color: #DDC52C; } .content-block.home-diagram > div .grafik .grafik-container #box4 { background-color: #95C362; } .content-block.home-diagram > div .grafik .grafik-container #box5 { background-color: #43A76F; } .content-block.home-diagram > div .grafik .grafik-container #box6 { background-color: #008A94; } .content-block.home-diagram > div .grafik .grafik-container #box7 { background-color: #1D80BE; } .content-block.home-diagram > div .grafik .grafik-container #box8 { background-color: #6063BC; } .content-block.home-diagram > div .grafik .grafik-container #box9 { background-color: #A857BC; } .content-block.home-diagram > div .grafik .grafik-container #box10 { background-color: #C84C98; } .content-block.home-diagram > div .grafik .title { display: table-row; position: absolute; width: 12.49%; /* height: 350px; */ height: 100%; top: 0; margin: 0; padding: 0; border-radius: 5px; background-color: #868686; text-align: center; transition: opacity 0.3s ease; } .content-block.home-diagram > div .grafik .title:hover { opacity: 0.8; } .content-block.home-diagram > div .grafik .title a { color: #FFF; position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); white-space: nowrap; } .content-block.slider .bx-next, .content-block.home-teaser .bx-next, .content-block.slider .bx-prev, .content-block.home-teaser .bx-prev { font-size: 2.5em; color: #008B95; text-decoration: none; border: none; } .content-block.gallery { background: #ECF6F7; padding: 34px 0; } .content-block.gallery.team-gallery { display: none; } .content-block.gallery .left h2 { margin: 0 0 22px; } .content-block.gallery .left .reference-lead { margin: -0.5em 0 0; } .content-block.gallery .left a { color: #008B95; } .content-block.gallery .right { padding-top: 1.5em; } .content-block.gallery .right h3 { font-size: 1.3889em; margin: 0 0 26px; font-family: "DINCond"; color: #008B95; } .content-block.gallery.intro-box.no-image h1 { margin-top: 0; font-size: 2.125em; font-family: "DINCond"; color: #DC5034; } .content-block.gallery.intro-box.no-image h1:last-child { margin-bottom: 0; } .content-block.gallery.intro-box.headline-empty.text-left-empty.text-right-empty { display: none; } .content-block.gallery.intro-box .right p { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; margin-top: 0; margin-bottom: 19px; } .content-block.gallery.intro-box .right p a { color: #008B95; vertical-align: bottom; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.gallery.intro-box .right p a:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .content-block.gallery.intro-box .right p.downloads { font-size: 1em; font-family: Syntax-Reg; } .content-block.gallery.intro-box .right .object-detail-back { float: right; margin-top: -8px; color: #008B95; } .content-block.gallery.intro-box .right .object-detail-back:hover { color: rgba(0, 139, 149, 0.8); } .content-block.gallery.intro-box .right .blog-subscribe label { /* width: 35%; display: inline-block; margin-right: -0.3em; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.gallery.intro-box .right .blog-subscribe input[type=text], .content-block.gallery.intro-box .right .blog-subscribe input[type=email] { /* width: 60%; margin-left: 5%; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.gallery.intro-box .right .blog-subscribe .button-gruen { padding: 0.5em 1.5em; } .content-block.gallery.intro-box.jobs .right p { font-family: "Syntax-Reg", sans-serif; color: #333; font-size: 1em; } .content-block.gallery.faq-box .left p > a { text-decoration: none; border-bottom: 1px solid #008B95; color: #333; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.gallery.faq-box .left p > a:hover { color: #008B95; } .content-block.gallery.faq-box .right p .icon-before.mail, .content-block.gallery.faq-box .right p .icon-before.tel, .content-block.gallery.faq-box .right p .icon-before.question { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .content-block.gallery.faq-box .right p .icon-before.mail:hover, .content-block.gallery.faq-box .right p .icon-before.tel:hover, .content-block.gallery.faq-box .right p .icon-before.question:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .content-block.gallery .caption { margin-bottom: 0; margin-top: 0.7em; } .content-block.gallery .caption + div { margin: 0.25em 0 0; font-size: 0.8889em; line-height: 1.45em; } .content-block.gallery > div > div > div { padding-bottom: 1.2em; } .content-block.gallery > div > div > div > img, .content-block.gallery > div > div > div > a > img { width: 100%; height: auto; } .content-block.gallery > div > div:last-child > div:last-child { padding-bottom: 0; } .content-block.gallery.references-gallery { margin-top: 20px; } .content-block.gallery.references-gallery .infinite-item { padding-bottom: 2em; } .content-block.gallery.references-gallery .infinite-item > a { border: none; } .content-block.gallery.references-gallery .infinite-item .caption { font-size: 1em; } .content-block.gallery.references-gallery .infinite-item .caption a { color: #008B95; border: none; } .content-block.gallery.references-gallery .infinite-item > div { font-size: 0.8889em; } .content-block.gallery.references-gallery .infinite-item > div p { margin: 0.35em 0; } .content-block.slider h2, .content-block.gallery h2 { margin-bottom: 0.5em; } .content-block.gallery + .content-block.slider, .content-block.slider + .content-block.gallery { padding-top: 0; } .content-block.gallery + .footer-container { margin-top: 40px; } .content-block.home-grid { margin-top: 40px; margin-bottom: 40px; } .content-block.home-grid .grid-item { margin-bottom: 30px; width: 100%; position: relative; } .content-block.home-grid .grid-item.dates > div { background: #008B95; color: #fff; padding-bottom: 1.3em; } .content-block.home-grid .grid-item.dates > div h3 { font-family: "DinCond"; font-size: 1.3889em; color: #fff; } .content-block.home-grid .grid-item.dates > div .date-row { display: table-row; } .content-block.home-grid .grid-item.dates > div .date-row > div { display: table-cell; line-height: 1.2222em; padding-bottom: 0.9em; } .content-block.home-grid .grid-item.dates > div .date-row > div:first-child { padding-right: 0.5em; } .content-block.home-grid .grid-item.dates > div .date-row > div:last-child { font-family: "Syntax-Med"; } .content-block.home-grid .grid-item.dates > div .date-row > div a { color: #fff; } .content-block.home-grid .grid-item.dates > div .date-row > div a:hover { text-decoration: underline; } .content-block.home-grid .grid-item.dates > div .all-dates { color: #fff; text-decoration: underline; margin-top: 0.25em; display: inline-block; } .content-block.home-grid .grid-item.dates > div .all-dates:before { font-size: 1.2em; } .content-block.home-grid .grid-item:not(.dates) > div, .content-block.home-grid .grid-item:not(.dates) > img { cursor: pointer; } .content-block.home-grid .grid-item > img { width: 100%; height: auto; } .content-block.home-grid .grid-item > div { padding: 1em 5%; background: #ECF6F7; } .content-block.home-grid .grid-item > div .date { line-height: 1.3125em; margin-bottom: 0.25em; color: #008B95; font-family: "Syntax-Med"; font-size: 0.8333em; } .content-block.home-grid .grid-item > div h3 { font-family: "DinCond"; font-size: 1.2778em; margin: 0 0 0.3em; } .content-block.home-grid .grid-item > div h3 > a { color: #008B95; text-decoration: none; border: none; } .content-block.home-grid .grid-item > div p { font-size: 0.8889em; line-height: 1.3125em; } .content-block.home-grid .show-all-news { text-align: center; padding-top: 1em; } .content-block.home-grid .show-all-news a { color: #008B95; border: none; text-decoration: underline; font-family: Syntax-Bol; display: inline-block; margin: 0 0.3em; } .content-block.home-grid .show-all-news a:before { font-size: 1.1em; } .content-block.home-grid .show-all-news a:first-child { margin-bottom: 0.35em; } .content-block.isotope-filters, .content-block.tag-filters, .content-block.job-isotope-filters { padding-top: 39px; } .content-block.isotope-filters .button-group, .content-block.tag-filters .button-group, .content-block.job-isotope-filters .button-group { float: left; width: 100%; padding-bottom: 0.3em; } .content-block.isotope-filters .button-group button, .content-block.tag-filters .button-group button, .content-block.job-isotope-filters .button-group button, .content-block.isotope-filters .button-group a, .content-block.tag-filters .button-group a, .content-block.job-isotope-filters .button-group a { padding: 0.3em 0.5em; margin: 0 0.25em 0.7em 0; } .content-block.isotope-filters .button-group a, .content-block.tag-filters .button-group a, .content-block.job-isotope-filters .button-group a { color: #fff; border: none; } .content-block.isotope-filters .quicksearch-wrapper, .content-block.tag-filters .quicksearch-wrapper, .content-block.job-isotope-filters .quicksearch-wrapper { float: right; } .content-block.isotope-filters .quicksearch-wrapper:after, .content-block.tag-filters .quicksearch-wrapper:after, .content-block.job-isotope-filters .quicksearch-wrapper:after { color: #008B95; margin-left: 0; } .content-block.isotope-filters .quicksearch-wrapper > label, .content-block.tag-filters .quicksearch-wrapper > label, .content-block.job-isotope-filters .quicksearch-wrapper > label { font-family: Syntax-Bol; color: #333; } .content-block.isotope-filters .quicksearch-wrapper .quicksearch, .content-block.tag-filters .quicksearch-wrapper .quicksearch, .content-block.job-isotope-filters .quicksearch-wrapper .quicksearch { width: 135px; } .content-block.isotope-filters + .content-block.home-grid, .content-block.job-isotope-filters { margin-top: 38px; } .content-block.references-item { /* obsolet? */ } .content-block.references-item h2 { margin-bottom: 0.2em; } .content-block.references-item h2 > a { border: none; color: #008B95; } .content-block.references-item .img-col { margin-top: 1em; } .content-block.three-cols { margin-top: 40px; margin-bottom: 40px; } .content-block.three-cols h2 { font-size: 1.4444em; } .content-block.three-cols .one-third { margin-bottom: 1.75em; } .content-block.three-cols .form-row { margin-bottom: 1.2em; } .content-block.three-cols .form-row.wide label { width: 100%; } .content-block.three-cols .form-row.wide .fields { width: 100%; padding-left: 0px; } .content-block.three-cols .form-row label { width: 35%; display: inline-block; margin-right: -0.3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .form-row input[type=text], .content-block.three-cols .form-row input[type=email], .content-block.three-cols .form-row select, .content-block.three-cols .form-row .captcha-field-wrapper { width: 60%; margin-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .form-row select.error, .content-block.three-cols .form-row input[type=radio].error { outline: 2px solid #f00; } .content-block.three-cols .form-row .fields { width: 65%; box-sizing: border-box; display: inline-block; vertical-align: top; padding-left: 20px; } .content-block.three-cols .form-row .fields input[type=text], .content-block.three-cols .form-row .fields input[type=email] { margin-left: 0; } .content-block.three-cols .form-row .fields .chk-wrap { display: block; padding-right: 0; } .content-block.three-cols .form-row .fields .chk-wrap input[type=radio] { margin-right: 8px; } .content-block.three-cols .form-row .captcha-field-wrapper { display: inline-block; margin-bottom: 10px; } .content-block.three-cols .form-row .captcha-field-wrapper .captcha-field { margin-left: 0; margin-top: 5px; width: 100%; } .content-block.three-cols .form-row .captcha-field-wrapper .captcha-wrapper { margin-bottom: 20px; } .content-block.three-cols .mailworx-form .field { margin-bottom: 1.2em; } .content-block.three-cols .mailworx-form .field .label { width: 35%; display: inline-block; margin-right: -0.3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .mailworx-form .field .field__normal { width: 60%; margin-left: 5%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .mailworx-form .field .field__normal input[type=text], .content-block.three-cols .mailworx-form .field .field__normal input[type=email], .content-block.three-cols .mailworx-form .field .field__normal select { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .mailworx-form .submitButton input[type=submit] { width: 60%; float: right; padding-top: 0.25em; padding-bottom: 0.25em; margin: 0.5em 0 0 40%; line-height: 1.4444em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .mailworx-form .captcha-wrapper { margin-top: 32px; } .content-block.three-cols .mailworx-form .captcha-wrapper img { margin-bottom: 15px; } .content-block.three-cols .form-left.training-registration-submit { clear: both; width: 100%; } .content-block.three-cols .form-left.training-registration-submit .agb-check label { width: 100%; padding-left: 32px; padding-top: 12px; text-indent: 0; line-height: 1.6em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols .form-left.training-registration-submit .agb-check .custom-checkbox.error + label { background: url("/img-system/checkbox-error.png") no-repeat scroll left center !important; background-size: 22px 22px !important; height: 2.7em; } .content-block.three-cols .form-left h2 > a { border: none; color: #008B95; } .content-block.three-cols .form-right { margin-bottom: 2em; } .content-block.three-cols .form-right > textarea { width: 100%; height: 180px; padding: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5em; border: 1px solid #d3d3d3; color: #666; } .content-block.three-cols .form-right > button { width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; } .content-block.three-cols .form-right .formerror { margin: -0.5em 0 1em; } .content-block.three-cols #popup-newsletter-subscribe, .content-block.three-cols #popup-newsletter-unsubscribe { padding-top: 0.6em; } .content-block.three-cols .celebration-form .form-row label { hyphens: auto; -webkit-hyphens: auto; -webkit-hyphenate-limit-chars: auto 3; -webkit-hyphenate-limit-lines: 4; -ms-hyphens: auto; -ms-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-lines: 4; vertical-align: top; } .content-block.three-cols .celebration-form .form-row label.dummy { display: none; } .content-block.three-cols .celebration-form .form-row .fields > button, .content-block.three-cols .celebration-form .form-row .fields > input[type=submit] { width: 60%; float: left; padding-top: 0.25em; padding-bottom: 0.25em; margin: 0.5em 0; line-height: 1.4444em; } .content-block.three-cols .newsletter-form { margin-bottom: 3.5em; } .content-block.three-cols .newsletter-form .form-row { /*label { width: 25%; } input[type=text] { width: 70%; }*/ } .content-block.three-cols .newsletter-form .form-row input[type=radio] { margin-left: 5%; margin-right: 0.5em; } .content-block.three-cols .newsletter-form .form-row > button, .content-block.three-cols .newsletter-form .form-row > input[type=submit] { width: 60%; float: right; padding-top: 0.25em; padding-bottom: 0.25em; margin: 0.5em 0; line-height: 1.4444em; } .content-block.ihe-table:not(.docu-table) { margin-top: 40px; margin-bottom: 40px; } .content-block.ihe-table:not(.docu-table) .content-table th { display: none; } .content-block.ihe-table:not(.docu-table) .content-table th:first-child { display: block; } .content-block.ihe-table:not(.docu-table) .content-table td { display: block; } .content-block.ihe-table:not(.docu-table) .content-table td:first-child, .content-block.ihe-table:not(.docu-table) .content-table td:nth-child(2) { border: none; padding-bottom: 0; } .content-block.ihe-table.docu-table .softwaredlcell, .content-block.ihe-table.docu-table .softwaredlth { padding-left: 0.5em; padding-right: 0.5em; } .content-block.ihe-table.docu-table .softwaredlcell > a, .content-block.ihe-table.docu-table .softwaredlth > a { border: none; } .content-block.ihe-table.docu-table .softwaredlcell.spacer { height: 4px; border: none !important; } .content-block.job-benefit-blocks { margin-top: 40px; } .content-block.job-benefit-blocks .benefit-item { position: relative; padding-left: 55px; padding-bottom: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.job-benefit-blocks .benefit-item.icon-before:before { color: #008B95; position: absolute; top: 0; left: 0; font-size: 40px; } .content-block.job-benefit-blocks .benefit-item h3 { margin-top: 0; } .content-block.questionnaire .questionnaire-item { margin: 2.5em 0 2.5em; } .content-block.questionnaire .questionnaire-item > label { display: block; margin-bottom: 0.5em; } .content-block.questionnaire .questionnaire-item p { margin-bottom: 0.25em; } .content-block.questionnaire .questionnaire-item input.formfield { display: block; width: 100%; max-width: 640px; } .content-block.questionnaire .questionnaire-item .required-marker { color: #f00; } .content-block.questionnaire .questionnaire-item .scale-number { position: relative; left: -0.6rem; top: -1.3rem; font-size: 0.8em; } .content-block.questionnaire .questionnaire-item textarea.free-text { width: 100%; max-width: 840px; height: 180px; padding: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5em; border: 1px solid #d3d3d3; color: #666; } .content-block.questionnaire .terms { margin-bottom: 1.5em; } .content-block.questionnaire .error-message { display: none; } .content-block.questionnaire .button-gruen { padding: 0.5em 2em; } .content-block.questionnaire label.error + label, .content-block.questionnaire input.error + label { border-bottom: 2px solid #d00; } .content-block .questionnaire-form { margin-bottom: 5em; } .content-block .application-form { margin-top: 1em; padding: 24px 6.5%; background: #ECF6F7; } .content-block .application-form h3 { margin: 0 0 0.7em; font-family: "DinCond"; font-size: 1.4444em; } .content-block .application-form .form-row { margin-bottom: 1.2em; } .content-block .application-form .form-row label { width: 35%; display: inline-block; margin-right: -0.34em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block .application-form .form-row input[type=text] { width: 60%; margin-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block .application-form .form-row input[type=radio] { margin-left: 5%; margin-right: 0.5em; } .content-block .application-form .form-row#bereichcontainer { display: none; } .content-block .application-form .fileselect { width: 80%; margin-bottom: 0.75em; } .content-block .application-form .fileselectbutton { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; float: right; padding: 0.1em 0.25em; font-family: SynedraIcons; width: 15%; font-size: 1.2em; } .content-block .application-form .fileselectbutton:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .content-block .application-form #addupload { margin-bottom: 1em; } .content-block .application-form #addupload > input { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; padding-bottom: 0.1em; } .content-block .application-form #addupload > input:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .content-block .application-form #reset { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #999999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #999999 0%, #898989 100%); background: -webkit-linear-gradient(top, #999999 0%, #898989 100%); background: linear-gradient(to bottom, #999999 0%, #898989 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#898989', GradientType=0); float: left; } .content-block .application-form #reset:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .content-block .application-form #submitbutton { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; float: right; } .content-block .application-form #submitbutton:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .content-block .application-form #reset, .content-block .application-form #submitbutton { padding: 0.25em; width: 48%; } .content-block .application-form #upload2, .content-block .application-form #upload3 { display: none; margin-top: -10px; } .content-block .application-form .noshow { height: 0px; width: 0px; overflow: hidden; } .content-block .job-benefits { list-style: none; padding-left: 0; } .content-block .job-benefits li { margin-bottom: 0.4em; line-height: 1.3em; } .content-block .job-benefits li.icon-before { padding-left: 1.5em; } .content-block .job-benefits li.icon-before:before { margin-right: 0.23em; margin-left: -1.5em; } div.toggle-team { margin-top: -50px; margin-bottom: 40px; } div.toggle-team .button-gruen { padding: 0.25em 1em; } .green-box { background: #ECF6F7; padding: 34px 0; } .green-box .left h2 { margin: 0 0 22px; } .green-box .left .reference-lead { margin: -0.5em 0 0; } .green-box .left a { color: #008B95; } .green-box .right { padding-top: 1.5em; } .green-box .right h3 { font-size: 1.3889em; margin: 0 0 26px; font-family: "DINCond"; color: #008B95; } .green-box.intro-box.no-image h1 { margin-top: 0; font-size: 2.125em; font-family: "DINCond"; color: #DC5034; } .green-box.intro-box.no-image h1:last-child { margin-bottom: 0; } .green-box.intro-box.headline-empty.text-left-empty.text-right-empty { display: none; } .green-box.intro-box .right p { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; margin-top: 0; margin-bottom: 19px; } .green-box.intro-box .right p a { color: #008B95; vertical-align: bottom; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .green-box.intro-box .right p a:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .green-box.intro-box .right p.downloads { font-size: 1em; font-family: Syntax-Reg; } .green-box.intro-box .right .object-detail-back { float: right; margin-top: -8px; color: #008B95; } .green-box.intro-box .right .object-detail-back:hover { color: rgba(0, 139, 149, 0.8); } .green-box.intro-box .right .blog-subscribe label { /* width: 35%; display: inline-block; margin-right: -0.3em; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .green-box.intro-box .right .blog-subscribe input[type=text], .green-box.intro-box .right .blog-subscribe input[type=email] { /* width: 60%; margin-left: 5%; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .green-box.intro-box .right .blog-subscribe .button-gruen { padding: 0.5em 1.5em; } .green-box.intro-box.jobs .right p { font-family: "Syntax-Reg", sans-serif; color: #333; font-size: 1em; } .green-box.faq-box .left p > a { text-decoration: none; border-bottom: 1px solid #008B95; color: #333; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .green-box.faq-box .left p > a:hover { color: #008B95; } .green-box.faq-box .right p .icon-before.mail, .green-box.faq-box .right p .icon-before.tel, .green-box.faq-box .right p .icon-before.question { color: #008B95; font-family: "DINCond"; font-size: 1.3889em; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .green-box.faq-box .right p .icon-before.mail:hover, .green-box.faq-box .right p .icon-before.tel:hover, .green-box.faq-box .right p .icon-before.question:hover { -webkit-filter: brightness(112%); filter: brightness(112%); } .intro-box.no-image .date, .header-container .image-box > div .content .date { color: #DC5034; font-family: Syntax-Med; margin: 0 0 0.15em; } .content-block.termin .date { color: #008B95; font-family: Syntax-Med; margin: 0 0 0.15em; } .feature-table { width: 100%; font-size: 0.875em; } .feature-table th, .feature-table td { border-bottom: 2px solid #c5e5e7; padding: 0.8333em 1em; display: none; } .feature-table th:first-child, .feature-table td:first-child { text-align: left; display: table-cell; } .feature-table th:not(:first-child), .feature-table td:not(:first-child) { font-family: "SynedraIcons"; color: #008B95; } .feature-table th:not(:first-child) > a, .feature-table td:not(:first-child) > a, .feature-table th:not(:first-child) > span > a, .feature-table td:not(:first-child) > span > a { font-family: "Syntax-Reg"; text-decoration: none; border-bottom: 1px solid #008B95; color: #333; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .feature-table th:not(:first-child) > a:hover, .feature-table td:not(:first-child) > a:hover, .feature-table th:not(:first-child) > span > a:hover, .feature-table td:not(:first-child) > span > a:hover { color: #008B95; } .feature-table th { background-color: #ECF6F7; font-weight: normal; } .feature-table th a { font-family: "Syntax-Med"; text-decoration: none; color: #008B95; } .feature-table th a.button-gruen { font-family: "Syntax-Med"; font-weight: normal; color: #fff; padding: 8px 15px 7px; border: none; } .feature-table th a.button-gruen.icon-after:after { content: ""; } .feature-table th a.button-gruen.download { background: #999999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #999999 0%, #898989 100%); background: -webkit-linear-gradient(top, #999999 0%, #898989 100%); background: linear-gradient(to bottom, #999999 0%, #898989 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#898989', GradientType=0); } .feature-table tr td { text-align: center; } .feature-table tr td span { overflow: hidden; display: block; } .feature-table tr td span.relevant-versions a { color: #008B95; } .feature-table tr td span.feature-link a { width: 1.05em; overflow: hidden; display: inline-block; border: none; } .feature-table tr td span.feature-link a:before { font-family: "SynedraIcons"; content: "B"; color: #008B95; margin-right: 1em; } .feature-table.collapsed tr:not(:first-child) td { padding-top: 0; padding-bottom: 0; border: none; } .feature-table.collapsed tr:not(:first-child) td span { height: 1px; margin-top: -1px; } .scrollerType { position: relative; overflow: hidden; } .iscroll { min-width: 690px; } .title { color: white; } /* ============== MOBILE: Menu ============== */ /* ============== MOBILE: Main ============== */ .main { padding: 30px 0; } .references { padding: 60px 0 54px; } .references .references-slider { margin: 0; } .references .references-slider li { text-align: center; display: flex; align-items: center; justify-content: center; } .references .references-slider li img { max-width: 80%; height: auto; display: inline-block; } .references .bx-next, .references .bx-prev { font-size: 2em; } .references .bx-next { right: 0; } .references .bx-prev { left: 0; } .home-grid + .references { padding-top: 40px; } .home-grid + .references h2 { font-size: 1.1667em; margin-bottom: 0; } .footer-container { background: #ECF6F7; border-bottom: 54px solid #008B95; } .footer-container footer { padding: 36px 0 63px; font-size: 0.8889em; } .footer-container footer > div:first-child { margin-bottom: 2em; } .footer-container footer > div h3 { font-family: "DINCond"; font-size: 1.3125em; color: #008B95; margin: 0 0 15px; } .footer-container footer > div p { margin: 0 0 5px; } .footer-container footer > div p a { color: #333; text-decoration: none; border-bottom: 1px solid #008B95; } .footer-container footer > div .footer-social-icons { font-family: SynedraIcons; border: none; color: #008B95; font-size: 1.5em; vertical-align: bottom; margin-top: 4px; line-height: 1.5em; } .footer-container footer > div .footer-social-icons.youtube { margin-left: 7px; font-size: 1.6em; } .footer-container footer > div .footer-social-icons.xing, .footer-container footer > div .footer-social-icons.linkedin { margin-left: 7px; } .cookies-hint { position: fixed; width: 100%; bottom: 0; left: 0; background: #e7e7e7; padding: 5px 0 6px; z-index: 1100; display: none; } .cookies-hint.cookies2020 { position: static; width: 260px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cookies-hint.cookies2020 > div { padding: 0 1em; } .cookies-hint.cookies2020 p a { color: #333; text-decoration: none; border-bottom: 1px solid #008B95; } .cookies-hint > div { max-width: 1280px; margin: 5px auto 6px; scolor: #666; font-size: 0.8667em; } .cookies-hint > div > .buttons, .cookies-hint > div > form > .buttons { padding: 1em 0 0.5em; text-align: right; } .cookies-hint > div > .buttons a, .cookies-hint > div > form > .buttons a { color: #fff; text-decoration: none; padding: 0.5em 1em; border-radius: 3px; background: #9B9B9B; display: inline-block; } .cookies-hint > div > .buttons a:first-child, .cookies-hint > div > form > .buttons a:first-child { background: #008B95; margin-right: 6px; } .cookies-hint > div.cookies-config { display: none; } .cookies-hint > div.cookies-config h3 { font-family: Syntax-Bol; color: #008B95; } .cookies-hint > div.cookies-config input.custom-checkbox + label { height: auto; text-indent: 0; padding-left: 32px; line-height: inherit; background-position: left top; } .hmail { width: 1px !important; height: 1px !important; overflow: hidden; color: white !important; float: left; display: block; border: 0 !important; } #rwd-indicators { height: 1px; } #rwd-indicators #medium, #rwd-indicators #large, #rwd-indicators #xlarge, #rwd-indicators #xxlarge { display: none; } #rwd-indicators #mobile { display: block; } .order-tabs { border-bottom: 1px solid #9B9B9B; text-align: center; width: 620px; } .order-tabs > a { display: inline-block; padding: 0.5em 0.75em; color: #9B9B9B; text-decoration: none; font-family: "Syntax-Med"; border: 1px solid #9B9B9B; margin-bottom: -1px; border-bottom: none; } .order-tabs > a.active { color: #008B95; margin-bottom: -2px; background: #fff; } .order-tabs > a:hover { color: #008B95; } .overlay-dialog .dialog.personal { padding: 0 15px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .overlay-dialog .dialog h2 { font-family: "DINCond"; font-size: 1.75em; line-height: 1em; } .overlay-dialog .dialog h2 a { font-size: 0.57em; } .overlay-dialog .dialog .radio-list { left: 0; list-style: none; } .overlay-dialog .dialog .radio-list li { display: inline-block; padding-top: 0.25em; } .overlay-dialog .dialog .radio-list li:not(:last-child) { width: 32.7%; } .overlay-dialog .dialog .radio-list input[type=radio] { margin-right: 4px; } .overlay-dialog .dialog .bestelldaten > div { margin-bottom: 1.2em; } .overlay-dialog .dialog .bestelldaten label { width: 180px; font-family: "Syntax-Med"; } .overlay-dialog .dialog .bestelldaten label.sonstiges { width: 159px; font-family: "Syntax-Reg"; } .overlay-dialog .dialog .bestelldaten input { font-family: "Syntax-Reg"; } .overlay-dialog .dialog .bestelldaten input[type=text] { width: 268px; border-radius: 0; } .overlay-dialog .dialog .intro, .overlay-dialog .dialog .disclaimer { font-size: 0.875em; line-height: 1.5em; margin: 0.75em 0 1.25em; } .overlay-dialog .dialog .intro.checkbox-disclaimer, .overlay-dialog .dialog .disclaimer.checkbox-disclaimer { font-size: 1em; } .overlay-dialog .dialog .intro.checkbox-disclaimer b, .overlay-dialog .dialog .disclaimer.checkbox-disclaimer b { font-weight: normal; font-family: "Syntax-Med"; } .overlay-dialog .dialog .button-gruen { padding: 0.75em 1em; } .overlay-dialog .dialog .text, .overlay-dialog .dialog a { font-family: "Syntax-Reg"; font-size: 1em; line-height: 1.5em; } .overlay-dialog .dialog #lizenzinput, .overlay-dialog .dialog .dialogtable #uidinput, .overlay-dialog .dialog .dialogtable #codeinput { height: auto; } .overlay-dialog .dialog #orderform { padding-top: 1em; } .overlay-dialog .dialog table.dialogtable tr:first-child td { padding-top: 0.2em; } .overlay-dialog .dialog table.dialogtable tr:last-child td { padding-bottom: 0.2em; } .overlay-dialog .dialog table.dialogtable td:first-child { width: 152px !important; padding-left: 0.2em; } .overlay-dialog .dialog table.dialogtable td { line-height: 2em; } .overlay-dialog .dialog table.dialogtable td.abo-price { padding: 0.35em 0; line-height: 1.25em; } .overlay-dialog .dialog .kauftable th { white-space: nowrap; } .overlay-dialog .dialog .kauftable td { padding-top: 5px; padding-bottom: 10px; } .overlay-dialog .dialog .kauftable td.preis { white-space: nowrap; } .overlay-dialog .dialog .kauftable td .wetextarea { width: 100% !important; height: 100px !important; } .overlay-dialog .dialog .kauftable .lizenzen { text-align: center; border-radius: 0; } .overlay-dialog .dialog .kauftable .lizenzen[disabled=disabled] { border-bottom: none; } .overlay-dialog .dialog #abosubmit { color: #fff; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; background-image: none; background: #00969c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhiOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00969c 0%, #008b95 100%); background: -webkit-linear-gradient(top, #00969c 0%, #008b95 100%); background: linear-gradient(to bottom, #00969c 0%, #008b95 100%); border: none; border-radius: 8px; padding: 0.75em 1em; width: auto; height: auto; letter-spacing: 0; text-indent: 0; font-family: "Syntax-Reg"; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .overlay-dialog .dialog #abosubmit:hover { -webkit-filter: brightness(112%); filter: brightness(112%); color: #fff !important; } .overlay-dialog .dialog #uidForm .kauftable, .overlay-dialog .dialog #uidForm .bestelldaten { display: none; } .overlay-dialog .dialog #paypalform .agb-checkbox { margin-left: 1em; text-indent: -2em; } .overlay-dialog .dialog#abo div.uidinfo div { width: 470px; } .overlay-dialog .dialog#abo div.uidinfo div:first-child { width: 22px; } .overlay-dialog .dialog.kaufdialog { width: 580px !important; } .overlay-dialog .dialog.kaufdialog .updateservice-footnote { margin-bottom: 30px; padding-left: 20px; text-indent: -14px; } .overlay-dialog .dialog.kaufdialog2019 .updateservice-footnote { padding-left: 0; margin-bottom: 0; text-indent: 0; } .overlay-dialog .dialog.kaufdialog2019 .updateservice-footnote > div { margin-bottom: 30px; position: relative; padding-left: 22px; } .overlay-dialog .dialog.kaufdialog2019 .updateservice-footnote > div > span:first-child { position: absolute; left: 0; top: 0; } .overlay-dialog .dialog .smaller { font-size: 0.875em; line-height: 1.35em; } .overlay-dialog .error-text, .overlay-dialog .success-text { display: none; margin-top: 0.5em; } .overlay-dialog .error-text { color: #d00; } .overlay-dialog .success-text { color: #008B95; font-family: "Syntax-Med"; font-size: 1.15em; } .pre-post-confirm { display: none; } /* we editmode styles: */ .is-editmode .we-headerimage-input { position: absolute; top: 0; left: 0; background: #fff; padding: 0 !important; } .is-editmode .we-headerimage-input + div { padding-top: 40px; } .is-editmode .content-block.gallery > div > div > div.we_blockControls { float: none; clear: both; width: 100%; } .is-editmode .content-block.gallery > div > div > div:nth-child(4) { margin-right: 3.125%; } .is-editmode .content-block.gallery > div > div > div:nth-child(5) { margin-right: 0; } .is-editmode .content-block.gallery > div > div > div div.we_file_drag img { max-width: 100%; } .is-editmode .content-block .img-col .we_file_drag img { max-width: 100%; } .is-editmode .content-block .toggle-content { display: block; } .is-editmode .content-block.gallery.team-gallery { display: block !important; } .is-editmode .content-block.job-benefit-blocks .benefit-item { float: none; width: 100%; } .is-editmode div.toggle-team { display: none; } .is-editmode .we-teaser-slider-item { padding-bottom: 2em; } .is-editmode .we-teaser-slider-item > div { width: 407px; padding-bottom: 0.6em; } .is-editmode .header-container .image-box > div .content button.personal-download > div { width: 370px; } .is-editmode .pre-post-confirm { display: block; } .is-editmode table.mceLayout { width: 100% !important; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 480px) { .content-block.three-cols .form-row .captcha-field-wrapper { width: 100%; margin-top: -2em; margin-left: 0; } } @media only screen and (min-width: 768px) { body { font: 18px/26px "Syntax-Reg", sans-serif; } .header-container .logo-box { padding: 21px 0 0; } .header-container .logo-box a { width: 30%; } .header-container .language-box { position: static; padding-bottom: 17px; margin-top: -1.26em; height: auto; } .header-container .language-box a { margin-right: 1.1765em; display: inline-block; font-size: 0.8333em; } .header-container .language-box a.active { font-family: "Syntax-Bol"; } .header-container .language-box a:hover { color: #008B95; } .header-container .image-box > div { background-image: url(../img-system/gradient.png); background-color: transparent; background-size: 100% 100%; } .header-container .image-box > div .content button:not(.weBtn) { width: 66.6667%; padding: 1.1111em 0; } .header-container .image-box > div .content button:not(.weBtn) .icons { margin-right: 14px; } .header-container .image-box > div .content button:not(.weBtn) > div p { font-size: 1.2222em; } .header-container .image-box.map-box > iframe { height: 350px; } .header-container nav > ul > li { display: inline-block; position: relative; margin-left: 2%; } .header-container nav > ul > li:first-child { margin-left: 0; } .header-container nav > ul > li > a { font-size: 1.05em; } .header-container nav > ul > li > ul { position: absolute; width: 2000px; background: #ECF6F7; padding-left: 1000px; margin-left: -1000px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header-container nav > ul > li > ul > li { display: block; white-space: nowrap; padding: 7px 0 0; } .header-container nav > ul > li > ul > li:last-child { margin-bottom: 1em; } .header-container .blog-title { text-indent: 0; } .header-container .blog-title:before { left: -1.45em; } .main { padding: 90px 0; } .content-block.text-image h2, .content-block.text-large-image h2 { margin-bottom: 0.52em; } .content-block.text-image .text-col, .content-block.text-large-image .text-col { float: left; } .content-block.text-image .text-col h2, .content-block.text-large-image .text-col h2 { margin-bottom: 0.52em; } .content-block.text-image .img-col, .content-block.text-large-image .img-col { width: 37%; float: right; } .content-block.text-image .img-col > img, .content-block.text-large-image .img-col > img, .content-block.text-image .img-col > a > img, .content-block.text-large-image .img-col > a > img { width: 100%; height: auto; } .content-block.text-image.reverse .img-col, .content-block.text-large-image.reverse .img-col { float: left; } .content-block.text-image.reverse .text-col, .content-block.text-large-image.reverse .text-col { float: right; } .content-block.text-image .text-col { width: 59%; } .content-block.text-image .img-col { width: 37%; } .content-block.text-image .aside-box { padding: 24px 6.5%; } .content-block.text-image.personio-job-details .img-col .button-gruen { display: block; } .content-block.text-large-image .text-col { width: 48%; } .content-block.text-large-image .img-col { width: 48%; } .content-block.slider .bx-next, .content-block.teaser-slider .bx-next, .content-block.slider .bx-prev, .content-block.teaser-slider .bx-prev { font-size: 1.75em; } .content-block.slider .bx-next, .content-block.teaser-slider .bx-next { margin-right: -5%; right: 0; } .content-block.slider .bx-prev, .content-block.teaser-slider .bx-prev { margin-left: -5%; left: 0; } .content-block.home-teaser .bx-next, .content-block.home-teaser .bx-prev { font-size: 2em; } .content-block.home-teaser .bx-next { margin-right: -7.5%; } .content-block.home-teaser .bx-prev { margin-left: -7.5%; } .content-block.home-teaser li > div { font-size: 0.8889em; } .content-block.home-teaser .bx-wrapper .bx-controls-direction a { top: 50%; } .content-block.home-diagram > div .grafik .grafik-container { width: 100%; margin: 0; } .content-block.home-diagram > div .grafik .grafik-container .topic { margin-top: 0; width: 8.2%; float: left; height: 300px; margin-left: 1.99%; position: relative; display: inline-block; } .content-block.home-diagram > div .grafik .grafik-container .topic:first-child { margin: 0; } .content-block.home-diagram > div .grafik .grafik-container .topic a { position: absolute; top: 50%; left: 50%; text-align: center; -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); display: inline-block; white-space: nowrap; text-decoration: none; padding: 0; } .content-block.home-diagram > div .grafik .title { display: inline-block; position: static; width: 100%; border-radius: 5px; background-color: #868686; margin-top: 1.99%; padding: 25px 0; } .content-block.home-diagram > div .grafik .title a { margin-top: 20px; transform: none; text-align: center; position: static; margin: 0; } .content-block.gallery > div > div > div { float: left; width: 31.271%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-right: 3.093%; } .content-block.gallery > div > div > div:nth-child(3n) { margin-right: 0; } .content-block.gallery.references-gallery .infinite-container { margin-right: -3.093%; width: 103.093%; } .content-block.gallery.references-gallery .infinite-container .infinite-item { width: 30.3371%; margin-right: 2.99%; } .content-block.home-grid > div { width: 103.125%; margin-right: -3.125%; } .content-block.home-grid > div > .grid-item { width: 50%; } .content-block.home-grid > div > .grid-item.dates { position: absolute; top: 0px; right: 0px; margin-left: -1px; } .content-block.home-grid > div > .grid-item.blog-item:before { right: 9.375%; margin-right: 10px; } .content-block.home-grid > div > .grid-item > img { width: 90.625%; } .content-block.home-grid > div > .grid-item > div { margin-right: 9.375%; } .content-block.isotope-filters .button-group, .content-block.job-isotope-filters .button-group { width: auto; padding-bottom: 0; } .content-block.references-item h2 { margin-bottom: 0.8em; } .content-block.references-item .img-col { margin-top: 0; } .content-block.references-item .img-col > img, .content-block.references-item .img-col > a > img { width: auto; } .content-block.three-cols > div { float: left; margin-left: 4%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content-block.three-cols > div.one-third { width: 48%; } .content-block.three-cols > div.two-thirds { width: 100%; } .content-block.three-cols > div:first-child, .content-block.three-cols > div:nth-child(3), .content-block.three-cols > div.two-thirds + div.one-third { margin-left: 0; } .content-block.three-cols .form-left { width: 48%; float: left; } .content-block.three-cols .form-left .form-row:last-child { text-align: right; } .content-block.three-cols .form-left .form-row:last-child label { text-align: left; } .content-block.three-cols .form-right { width: 48%; float: right; } .content-block.three-cols .form-right > textarea { height: 171px; } .content-block.three-cols .training-registration .form-right { padding-top: 2.55em; } .content-block.three-cols .training-registration .form-left.training-registration-submit button { width: 48%; } .content-block.three-cols .form-row .captcha-field-wrapper { width: 100%; margin-top: -2em; margin-left: 0; } .content-block.three-cols .celebration-form .form-row label { width: 35%; } .content-block.three-cols .celebration-form .form-row label.dummy { display: inline-block; } .content-block.three-cols .celebration-form .form-row .fields { width: 65%; padding-left: 20px; } .content-block.three-cols .celebration-form .form-row .fields .chk-wrap { display: inline-block; padding-right: 15px; } .content-block.ihe-table:not(.docu-table) .content-table th, .content-block.ihe-table.docu-table .content-table th { display: table-cell; } .content-block.ihe-table:not(.docu-table) .content-table th:first-child, .content-block.ihe-table.docu-table .content-table th:first-child { display: table-cell; } .content-block.ihe-table:not(.docu-table) .content-table td, .content-block.ihe-table.docu-table .content-table td { display: table-cell; } .content-block.ihe-table:not(.docu-table) .content-table td:first-child, .content-block.ihe-table.docu-table .content-table td:first-child, .content-block.ihe-table:not(.docu-table) .content-table td:nth-child(2), .content-block.ihe-table.docu-table .content-table td:nth-child(2) { border-bottom: 2px solid #c5e5e7; padding-bottom: 1em; } .content-block.job-benefit-blocks .benefit-item { float: left; width: 48%; } .content-block.job-benefit-blocks .benefit-item:nth-child(2n) { float: right; } .content-block .application-form .form-row label { font-size: 0.875em; } .content-block .application-form p, .content-block .application-form #addupload { font-size: 0.875em; line-height: 1.3em; } .content-block .application-form #addupload > input { font-size: 1.2em; line-height: 1.2em; } .green-box .left:not(:last-child) { width: 64.8675%; float: left; } .green-box .right { width: 31.25%; float: right; padding-top: 8px; } .green-box.intro-box p a { /* font-size: 0.85em; warum?? */ } .feature-table { font-size: 1em; } .feature-table th, .feature-table td { display: table-cell; } .feature-table tr td span.relevant-versions { display: none; } .references .bx-next, .references .bx-prev { font-size: 2.5em; } .references .references-slider li img { max-width: 85%; } .references .bx-next { margin-right: -5%; } .references .bx-prev { margin-left: -5%; } .footer-container footer > div { width: 48.4375%; float: left; margin-left: 3.125%; } .footer-container footer > div:first-child { margin-left: 0; margin-bottom: 0; } .cookies-hint.cookies2020 { width: 450px; } .is-editmode .we-headerimage-input + div { padding-top: 5%; } #rwd-indicators #mobile, #rwd-indicators #small, #rwd-indicators #xlarge, #rwd-indicators #large, #rwd-indicators #xxlarge { display: none; } #rwd-indicators #medium { display: block; } } @media only screen and (min-width: 1024px) { .wrapper { max-width: 1280px; margin: 0 auto; } .header-container .logo-box { padding-top: 23px; } .header-container .logo-box > a { width: 18.2031%; overflow: hidden; } .header-container .language-box { margin-top: -1.2em; padding-bottom: 19px; } .header-container .image-box > div { width: 66.6667%; padding: 0; } .header-container .image-box > div .content { padding: 80px 0 30px; width: 91.6667%; max-width: 880px; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header-container .image-box > div .content h1 { margin-top: 0; font-size: 45px; margin-bottom: 80px; margin-right: 5%; } .header-container .image-box > div .content button:not(.weBtn) { width: 46.4545%; padding: 20px 0; margin: 0 2.5454% 0 0; } .header-container .image-box > div .content button:not(.weBtn):last-child { margin-left: -4px; } .header-container .image-box > div .content button:not(.weBtn) .icons { font-size: 32px; margin-right: 8px; } .header-container .image-box > div .content button:not(.weBtn) > div p { font-size: 18px; } .header-container .image-box.home > div .content button:not(.weBtn) { width: auto; } .header-container .image-box.home > div .content button:not(.weBtn) > div:last-child { max-width: none; } .header-container nav { height: 54px; padding: 0 5%; } .header-container nav .mobile-menu-toggle { display: none; } .header-container nav > ul { padding: 0; display: block !important; background: none; max-width: 1280px; margin: 0 auto; } .header-container nav > ul > li { display: inline-block; padding: 0.95em 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 54px; line-height: 1em; margin: 0 2%; position: relative; } .header-container nav > ul > li:first-child { margin-left: 0; } .header-container nav > ul > li:hover > a { border-color: #ffffff; } .header-container nav > ul > li > a { color: #fff; font-family: "Syntax-Bol"; font-size: 1.2em; border-bottom: 2px solid rgba(255, 255, 255, 0); -moz-transition: border-color 0.2s ease-out; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .header-container nav > ul > li > ul { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04); display: none; position: absolute; top: 100%; left: -30px; width: auto; background: #ECF6F7; list-style: none; padding: 0.6em 0 0.8em; margin: 0; z-index: 5; } .header-container nav > ul > li > ul > li { padding: 0.6em 30px; line-height: 1em; display: block; } .header-container nav > ul > li > ul > li:hover > a { border-color: rgba(0, 139, 149, 0.9); } .header-container nav > ul > li > ul > li:last-child { margin-bottom: 0; } .header-container nav > ul > li > ul > li > a { border-bottom: 2px solid rgba(0, 139, 149, 0); -moz-transition: border-color 0.2s ease-out; -webkit-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .content-block.text-image, .content-block.text-large-image, .content-block.ihe-table { margin-top: 72px; margin-bottom: 72px; } .content-block.text-image .text-col { width: 65.625%; } .content-block.text-image .img-col { width: 31.25%; } .content-block.text-image.personio-job-details .aside-box.contact > img { width: 35%; } .content-block.text-large-image .text-col { width: 48.4375%; } .content-block.text-large-image .img-col { width: 48.4375%; } .content-block.slider .bx-next, .content-block.slider .bx-prev { font-size: 2.5em; } .content-block.slider .bx-next { margin-right: -5%; } .content-block.slider .bx-prev { margin-left: -5%; } .content-block.home-teaser .bx-next { margin-right: -7%; } .content-block.home-teaser .bx-prev { margin-left: -7%; } .content-block.home-teaser .dates { margin-top: 0; } .content-block.home-diagram { padding-top: 20px; } .content-block.home-diagram > div > div:first-child { width: 64.8675%; float: left; } .content-block.home-diagram > div > div:last-child { width: 31.25%; float: right; } .content-block.home-diagram > div > div:first-child:last-child { width: 100%; } .content-block.gallery > div > div > div { width: 22.6562%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-right: 3.125%; } .content-block.gallery > div > div > div:nth-child(3n) { margin-right: 3.125%; } .content-block.gallery > div > div > div:nth-child(4n) { margin-right: 0; } .content-block.gallery.references-gallery .infinite-container { margin-right: -3.125%; width: 103.125%; } .content-block.gallery.references-gallery .infinite-container .infinite-item { width: 21.9697%; margin-right: 3.0303%; } .content-block.gallery + .footer-container { margin-top: 72px; } .content-block.home-grid { margin-top: 68px; margin-bottom: 68px; } .content-block.home-grid > div { width: 103.125%; margin-right: -3.125%; } .content-block.home-grid > div > .grid-item { width: 33.3333%; } .content-block.home-grid > div > .grid-item > img { width: 90.625%; } .content-block.home-grid > div > .grid-item > div { margin-right: 9.375%; } .content-block.tag-filters + .infinite-container { margin-top: -32px; } .content-block.references-item > h2 { width: 65.625%; float: left; } .content-block.references-item .img-col { margin-top: -3.05em; } .content-block.references-item.reference-detail .img-col { margin-top: 0; } .content-block.three-cols > div { margin-left: 3.125%; } .content-block.three-cols > div.one-third { width: 31.25%; } .content-block.three-cols > div.two-thirds { width: 65.625%; } .content-block.three-cols > div:first-child { margin-left: 0; } .content-block.three-cols > div:nth-child(3), .content-block.three-cols > div.two-thirds + div.one-third { margin-left: 3.125%; } .content-block.ihe-table.docu-table .content-table { width: 65.625%; } .content-block.job-benefit-blocks { margin-top: 72px; } .content-block.job-benefit-blocks .benefit-item { margin-right: 3.125%; width: 31.25%; } .content-block.job-benefit-blocks .benefit-item:nth-child(2n) { float: left; } .content-block.job-benefit-blocks .benefit-item:nth-child(3n) { margin-right: 0; } .content-block .text-col .job-benefits { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; } .content-block.job-isotope-filters { margin-top: 72px; } .green-box.intro-box.no-image { padding: 50px 0 56px; } .green-box.intro-box.no-image h1 { font-size: 45px; margin-bottom: 22px; } .green-box.intro-box.no-image h1:last-child { margin-bottom: 0; } .green-box.intro-box.no-image .left { width: 64.8675%; float: left; } .green-box.intro-box .right p a { font-size: 1em; } .green-box.intro-box .right .blog-subscribe label { width: 20%; display: inline-block; margin-right: -0.3em; } .green-box.intro-box .right .blog-subscribe input[type=text], .green-box.intro-box .right .blog-subscribe input[type=email] { width: 75%; margin-left: 5%; } .intro-box.no-image .date, .header-container .image-box > div .content .date { margin: 0 0 0.35em; } .feature-table th a.button-gruen.icon-after.cart:after { content: "C"; margin-bottom: 0.1em; } .feature-table th a.button-gruen.icon-after.download:after { content: "B"; margin-bottom: 0.1em; } .footer-container footer > div > div { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6.4516%; -moz-column-gap: 6.4516%; column-gap: 6.4516%; } .cookies-hint > div > span { display: inline-block; margin-top: 8px; } .cookies-hint > div > .buttons { float: right; padding: 0; } #rwd-indicators { height: auto; } #rwd-indicators #mobile, #rwd-indicators #small, #rwd-indicators #medium, #rwd-indicators #xlarge { display: none; } #rwd-indicators #large { display: block; } } @media only screen and (min-width: 1280px) { .header-container { padding-top: 157px; } .header-container .header-pos { position: fixed; background: #fff; width: 100%; top: 0; z-index: 1100; } .header-container .logo-box { padding-top: 27px; } .header-container .logo-box a { width: 18.2031%; overflow: hidden; } .header-container .logo-box a > img { height: 85px; } .header-container .language-box { padding-bottom: 22px; } .header-container .image-box { position: relative; } .header-container .image-box > div .content { padding-top: 100px; } .header-container .image-box > div .content h1 { margin-bottom: 100px; font-size: 50px; } .header-container .image-box > div .content button:not(.weBtn) { width: 45.4545%; margin: 0 4.5454% 0 0; } .header-container .image-box > div .content button:not(.weBtn) .icons { margin-right: 14px; } .header-container .image-box > div .content button:not(.weBtn) > div p { font-size: 22px; } .header-container .image-box.home > div { width: 40.9722%; } .header-container .image-box.home > div .content { max-width: 510px; width: 86.4407%; } .header-container .image-box.home > div .content button:not(.weBtn) { width: 90%; } .header-container .image-box.home > div .content button:not(.weBtn) > div:last-child { max-width: 80%; } .header-container .image-box.map-box > iframe { height: 420px; } .content-block.home-teaser .bx-next, .content-block.home-teaser .bx-prev { font-size: 2.5em; } .content-block.home-teaser li > div { font-size: 1em; } .content-block.ihe-table .content-table { max-width: 65.625%; } .content-block .text-col .job-benefits { -webkit-column-count: 3 !important; -moz-column-count: 3 !important; column-count: 3 !important; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; font-size: 0.8889em; } #rwd-indicators { height: auto; } #rwd-indicators #mobile, #rwd-indicators #small, #rwd-indicators #medium, #rwd-indicators #large, #rwd-indicators #xxlarge { display: none; } #rwd-indicators #xlarge { display: block; } } @media only screen and (min-width: 1441px) { .header-container .image-box, .header-container .image-box > div { min-height: 350px; } .content-block.text-image.personio-job-details .aside-box.contact > img { width: 35%; } .content-block.text-image.personio-job-details .aside-box.contact > p:not(:first-child) { font-size: 16px; line-height: 1.5em; } .is-editmode .header-container .image-box, .is-editmode .header-container .image-box > div { min-height: 350px; } .is-editmode .header-container .image-box.we-headerimage-input, .is-editmode .header-container .image-box > div.we-headerimage-input { min-height: 0; } #rwd-indicators { height: auto; } #rwd-indicators #mobile, #rwd-indicators #small, #rwd-indicators #medium, #rwd-indicators #large, #rwd-indicators #xlarge { display: none; } #rwd-indicators #xxlarge { display: block; } } /* ========================================================================== Helper classes ========================================================================== */ .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*# sourceMappingURL=main.css.map */