/* ============================================================================= * reset & defaults * ========================================================================== */ /* --reset ------------------------------------------------- */ * {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #wrapper .mejs-container *, #calroot, #theme-menu *, #theme-export, #theme-export * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} ol, ul {list-style: none;} table {border-spacing: 0;} body {height: 100%; position: relative;} /* --float classes ------------------------------------------------- */ .float-left {float: left;} .float-right {float: right;} /* --helper classes ------------------------------------------------- */ .center {text-align: center;} .align_right {text-align: right;} .hide {display: none;} /* --lightbox link height ------------------------------------------------- */ .image_container a {line-height: 0;} /* --lightbox width ------------------------------------------------- */ #mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;} /* --clearings + defaults ------------------------------------------------- */ .inside{position:relative;text-align:left} .block{overflow:hidden} .clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both} .invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline} .custom{display:block;text-align:left} .custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} *+html #main{position:static} header,footer,nav,section,aside,article,figure,figcaption{display:block} #container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} /* --chromeframe ------------------------------------------------- */ #chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;} /* ============================================================================= * general styles & page setup * ========================================================================== */ a {color: #555; text-decoration: none;} .ce_text p a:not(.button) {color: #0093B5;} p {margin-bottom: 15px;} blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;} blockquote p {line-height: 22px;} .image_container img {max-width: 100%;} code, pre {font-family: monospace;} abbr {background: #efefef; border-bottom: 1px dashed; cursor: pointer;} /* --helper classes ------------------------------------------------- */ .bigtext {font-size: 3em; line-height: 1em; font-weight: 300;} .center {text-align: center;} .no_margins p {margin: 0;} .color {color: #0093B5;} .bg_color {background-color: #0093B5;} .text_invert, .text_invert h1, .text_invert h2, .text_invert h3, .text_invert h4, .text_invert h5, .text_invert h6, .text_invert a {color: #fff;} .aligncenter * {text-align: center;} /* --margin classes ------------------------------------------------- */ .margin-top10 {margin-top: 10px;} .margin-top20 {margin-top: 20px;} .margin-top30 {margin-top: 30px;} .margin-top40 {margin-top: 40px;} .margin-top50 {margin-top: 50px;} .margin-top60 {margin-top: 60px;} .margin-top70 {margin-top: 70px;} .margin-top80 {margin-top: 80px;} .margin-top90 {margin-top: 90px;} .margin-top100 {margin-top: 100px;} .margin-bottom10 {margin-bottom: 10px;} .margin-bottom20 {margin-bottom: 20px;} .margin-bottom30 {margin-bottom: 30px;} .margin-bottom40 {margin-bottom: 40px;} .margin-bottom50 {margin-bottom: 50px;} .margin-bottom60 {margin-bottom: 60px;} .margin-bottom70 {margin-bottom: 70px;} .margin-bottom80 {margin-bottom: 80px;} .margin-bottom90 {margin-bottom: 90px;} .margin-bottom100 {margin-bottom: 100px;} /* --fontsize classes ------------------------------------------------- */ .fontsize_xxxl {font-size: 100px; line-height: 1em;} .fontsize_xxl {font-size: 45px; line-height: 60px;} .fontsize_xl {font-size: 34px; line-height: 50px;} .fontsize_l {font-size: 28px; line-height: 41px;} .fontsize_m {font-size: 24px; line-height: 39px;} .fontsize_s {font-size: 20px; line-height: 31px;} .fontsize_xs {font-size: 14px; line-height: 22px;} .fontsize_xxs {font-size: 11px; line-height: 22px;} .fontsize_xxxs {font-size: 9px; line-height: 20px;} /* --border for ce_elements ------------------------------------------------- */ .border-top {border-top: 1px solid #ccc; padding-top: 20px;} .border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;} /* --headlines ------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.4em; margin-bottom: 0.5em; font-family: 'ABeeZee', sans-serif; color: #4d4f4f; font-weight: 400;} h1 {font-size: 36px;} h2 {font-size: 26px;} h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} /* --h1-h6 as divider ------------------------------------------------- */ .divider .ext_txtpic_headline h1:after, .divider .ext_txtpic_headline h2:after, .divider .ext_txtpic_headline h3:after, .divider .ext_txtpic_headline h4:after, .divider .ext_txtpic_headline h5:after, .divider .ext_txtpic_headline h6:after {content: ''; display: inline-block; height: 2px; background: #ccc; width: 65px; text-align: center; margin-bottom: 20px; margin-top: 15px;} .divider span {display: block;} .divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6 {margin-bottom: 0;} .divider_2 .ext_txtpic_headline h1, .divider_2 .ext_txtpic_headline h2, .divider_2 .ext_txtpic_headline h3, .divider_2 .ext_txtpic_headline h4, .divider_2 .ext_txtpic_headline h5, .divider_2 .ext_txtpic_headline h6 {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVgAAAAHCAYAAABNw1XWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkI0RkVENTQzRjk0MTFFM0FFMjFFNTMxNkNENzhBQjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkI0RkVENTUzRjk0MTFFM0FFMjFFNTMxNkNENzhBQjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQjRGRUQ1MjNGOTQxMUUzQUUyMUU1MzE2Q0Q3OEFCOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQjRGRUQ1MzNGOTQxMUUzQUUyMUU1MzE2Q0Q3OEFCOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhTFZn8AAABCSURBVHja7Ni5DQAgDANAghifhppheXZIg7iTsoALK3L0MVcBIF07F2IAyFdFAKBgAZ5yJwIbLIAPFkDBAnxvCzAA9QwDyfsuRn0AAAAASUVORK5CYII=') repeat-x left 50%; line-height: 1.6em; border: 0;} .divider_2 span {background: #fff; padding: 0 20px 0 20px;} .divider [class^="icon-"]:before, .divider_2 [class^="icon-"]:before {background: #fff; padding-right: 10px;} .divider_3 .ext_txtpic_headline {border-bottom: 1px solid #efefef; margin-bottom: 20px;} .divider_4 .ext_txtpic_headline {border-bottom: 2px solid #efefef; margin-bottom: 20px;} .divider_5 .ext_txtpic_headline {border-bottom: 3px double #efefef; margin-bottom: 20px;} /* --subheadlines ------------------------------------------------- */ .subheadline_h1 {font-size: 18px; color: #acacac; line-height: 1.2em;} .subheadline_h2 {font-size: 14px; color: #acacac; line-height: 1.2em;} .subheadline_h3 {font-size: 14px; color: #acacac; line-height: 1.2em;} .subheadline_h4 {font-size: 13px; color: #acacac; line-height: 1.2em;} .subheadline_h5 {font-size: 12px; color: #acacac; line-height: 1.2em;} .subheadline_h6 {font-size: 11px; color: #acacac; line-height: 1.2em;} /* --hr divider ------------------------------------------------- */ hr {width: 100%; clear: both;} hr, hr.divider_1 {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px;} hr.divider_2 {position: relative; height: 7px; line-height: 7px; border: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODIyQTlGM0MyNTg5Mjc5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNUM4QjREMkI1NUUxMUUyQjRFMDk1Qjc3NUNEREM5MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNUM4QjREMUI1NUUxMUUyQjRFMDk1Qjc3NUNEREM5MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMThBNkRFNERCNDlCNzI3RDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTgyMkE5RjNDMjU4OTI3OUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQI1BAAAAGklEQVR42mI6cODAfzBgAGIIhwEiAOQABBgAcpsYsYmEevYAAAAASUVORK5CYII='); border-radius: 7px; } hr.divider_3 {position: relative; height: 11px; line-height: 11px; border: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8oAAAALCAYAAACnM3S4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB+RJREFUeNrsXe1y2zgMBHP9n7z/U+YJjKZzdzM+H4ndBUDJTqSZttNY4ge+uLuknPH+/v6X/X2Nrz/+z7/qdf/Mqo0htuXks/fjdmIezOeZeQzSPkobbP9M34/zHnc2HsAuq2eyYx+kX+5/Fvl35rPIj4OMhyHaFMVQJiZXfhuL+aI8mY0vsj2638EY1bxjxr265+1hPI9jfwti3kk7vj3UJrVuPf5sFT9O5GVkn8fxzHKYGdsbOVaU10od9MCng1wbZvfNYtQXPh0PbXjge3Xd8iD+UHu+WG+Rb4zwP7LjzAZ/Pr+BuF7N7UbE5Sr2PahDs3HPxrdqbzYeJ8ap2tgFWzJ9j0mbq/naoj7YYt5Mew7+/zi+yNaRDaN48+B5n+TRDfTvk/XPgc99UX990UYUqw7iB9VPA2Of5egtqDGzunYLahPrUzZmDPjdiBri5GdR/rlgb6UP1ZcVm6OfZ+qI+pwVxmfEXKMcNTYWxx1RVoBphigzpNaTfWbvG8FiwRLne9CjEmVE4jLkPCJQj8CXGS/jS5ZsDrI/ltyqIoRPAPAg4z4jUCj+zZLIDtHGiTxmBKQZwakIBIrYYIU5sDViJcioAqMi0iGByE0T9yLyhPKCyUMXchX1HdVm5Fs3TQSL/MsSzse4V21hQBCIfo58hdYwJDKwpJ2x0SAJGwtoIvJsgY+i+x/vi0QJB2R8ADDJkG8GJCLCGokXliRuPiH5TggmLs7dybiIhBL2mVk9uk3m4UK8KvNBeeOE4JMlJyzpUAQXF/I2M1YTP49shIQyRkRT85aZQ9WvGRuv8sIa6lU2FmxhYzdeSJTj5Z4oV3aTo2I6yCSpknG0g6DOyQyr9apdqmOuAn0TxqPMV/0MzUMhyuw8VJCKhBC0082KQWrsK8KTNfVjxDyVPrLtZPrKimPsLq4q3LFiigdClzf7kyF1am1l8tWF2hWJBJmYQMLnjPiivFPmxtjSQY4rfSPizZzGckC+ERBbkcvZDt89QWEIBAOuVvnP7DCxIBORdQ8wBoORnBwnQ3ijHXhGlFDIGdo5V8iyIixkyXW1bYZUMMBeJXtOxhYjKrHkK5oTu0POtJX1B3tiYRh3miKKHSRmRLUiQ+y7ckDpWxVRWIHPCv6uPA/b/kOU30ggyIKwLDllAYVKVFVwlgHlHbtJVRCtgn2V9Kv2qe74dxyhZ+1UsYuTZN2b/MV+7qYTGoYkodg043c5PZmXalyh482WyDVElj0guRXRrqMmjoZ4R4QekdAOkSFLbpTaosZltBOrvN6A1lblCPUgyYolc1Jd812oNR2ENxIU0DgUkKqSCw9EHzPuWHkGrDKEQCE8CPCy9iyBWZKIov6RnTPET91RRfnEEBpl7Ku6rtRVhXhXbKSIDaMwPjXeWIJfIaxKXTRbvzqgEk9GAPVCTbRCfR0H+Oo/RFkFN2ddo/Bc9ph3loB2kX21T2XHpvu4O0NQWPDcTZ5UQhoRoWF4hyVLmiOQW9m1dTCP3eNSY4XJXSfnk8nZIdTBrpMrmb47BQj2aL1ay6K2kM3Vd5IHQTRWi+1I2pux/ez9eBZ8V9ad7JpeASHZcUW1xQkxgiXnEbmozpvd1UMkzYzbCWPFg8rRRHWHjtnJZPtkgXpG0GDvzxJAS9iUPZnhSbGJ8Sljay/kuJ3w7Bl5bcXY7CSj3mgfZTe4y4ddftSB2hdRzoBHF4DDWUQajSFDDhRbdBD67O73CrgxRS5zFFMlF+oXH7G7Lqwdsr5Vj+Rm3733AlHqBtUZgafrWZRnXfl7hG/QDmglVrKfjc22ygopimjLvuOOaipTK3aKxixRZkUH5guhMqKS8o6xF+I3A1wzgJ9dF9UY7AR06phUUpkhV4jU7wL9HWNlBarqDmSWSGXipioUDCFP2JwO8+Lrr+HYbtUdQ2uqLx1+qtSEDIn15PN2os0r60nXGvK/NTRDlHcA7677xknzOLr/HWLEOOnZblIVtbXDR9UTCgwQ7iCBCOCp73uyIILxaSTKqDlQzccd/lS+vKhbRGAIrBfyWwUOO4kmI2yhmGFEhoh87Hz1qApgdsXarv5YO2ePcjOnVFyY3+5dDt+YKwzJzIxRJcUd4gJ7UqC6y7cDrO+wR7b/LpLC4rBDdwk3212pf8orLs9UR3bEylPWzH+JcseR5Os6BhAeBfSzhOwoccCfzO5m+vvBnSQ6swvUDY6PEnWycXKmkLaDJCOCyAoTEcg8q66c5U8EnquE9QhSeQYYYV7zOBoMqSJSty9d8DnKu90AlFlfjoh1RXR9VWL6SkSDFTcycxlPOPfMKZOz6y6K6TPidxxE0o8BIV9E+ZmIJftO2kXm+0DnTrC5AlNniAzRl6Kwxy290M8Vc/zx47NFDrbuvGIdYo9rn3Faxu28UzoWkHFP5nt15+RZQdozg8cjCTnzBW4I33TmjAHBoqv/VyVyPzFmM4JF9pWGn14f0HqmCAzZ/L+uHQue+/ey78fHx6sTiOvaT9qvKwb87IKqLsheICQVMn6dmHnNGMz8TmAVFP5Usld9V/WsuEDfun4Bxv3EquMdy1fbQVV+x3tnf2b4pBrzrvWVG9f108SJ6fX5+Sk3+uuy6+mF9ypgewny7SlB8vHf24c6jH6H5o4dCG/sw4l2D823nyHxfvNZXjr9Zbrr2lGjXxnz7FgfM+vbxJ7LrLtS8ZuTv+vaG++/BRgANSkQ46X6uMgAAAAASUVORK5CYII=') center top no-repeat; background-size: 100%;} hr.divider_4 {position: relative; height: 11px; line-height: 11px; border: 0; background: url('data:image/png;base64,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') center top repeat-x;} /* --articlewrapper ------------------------------------------------- */ body.aw_active #container-inside {padding: 0!important; max-width: 100%!important;} .articlewrapper.typ2 {background: #F8F8F8;} .articlewrapper.typ3 {background: #0093b5;} .articlewrapper.typ3 .servicebox_2[class^="icon-"]:before, .articlewrapper.typ3 .servicebox_2[class*="icon-"]:before {color: rgba(0,0,0,0.5);} .articlewrapper.typ3, .articlewrapper.typ3 a {color: #fff;} .articlewrapper.typ3 h1, .articlewrapper.typ3 h2, .articlewrapper.typ3 h3, .articlewrapper.typ3 h4, .articlewrapper.typ3 h5, .articlewrapper.typ3 h6, .articlewrapper.typ3 .subheadline_h1, .articlewrapper.typ3 .subheadline_h3, .articlewrapper.typ3 .subheadline_h3, .articlewrapper.typ3 .subheadline_h4, .articlewrapper.typ3 .subheadline_h5, .articlewrapper.typ3 .subheadline_h6 {color: rgba(0,0,0,0.5);} .articlewrapper.typ3 .filter li a.selected {border-color: #fff; color: #fff;} .articlewrapper.typ4 {background: #292929;} .articlewrapper.typ4 .filter li a.selected {border-color: rgba(255,255,255,0.6); color: #fff; background: rgba(255,255,255,0.3);} .articlewrapper.typ4 .filter li:hover {border-color: rgba(255,255,255,0.4);} .articlewrapper.typ5 {border-top: 1px solid #eee;} .articlewrapper.typ6 {position: relative; overflow: visible;} .articlewrapper.typ6:after {bottom: 100%; left: 50%;content: " "; height: 0; width: 0; position: absolute; margin-left: -30px; border-left: 30px solid transparent; border-top: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #fff;} /* --body ------------------------------------------------- */ body {color: #969696; overflow-x: hidden; font-family: 'Open Sans', Georgia, serif; font-size: 15px; line-height: 24px; background-repeat: repeat; background-position: top left; background-attachment: fixed!important; background-color: #f2f2f2; font-weight: 300;} /* --page-width ------------------------------------------------- */ #contentwrapper {max-width: 100%; margin: 0 auto; position: relative;} #top .inside, #header .inside, #footer .inside, #container_before .inside, #teaser_after .inside, #bottom .inside, #container-inside {max-width: 1280px; margin: 0 auto;} /* --page-shadow ------------------------------------------------- */ #contentwrapper {box-shadow: 8px 0 5px -6px rgba(0, 0, 0, 0.06), -8px 0 5px -6px rgba(0, 0, 0, 0.06), 0 5px 10px -3px rgba(0, 0, 0, 0.2);} /* --top ------------------------------------------------- */ #top {background: #0093B5; position: relative; z-index: 5100; margin: 0 auto 0 auto; font-size: 12px!important; font-family: Arial, sans-serif!important; line-height: 21px!important;} #top a:hover, #sidearea-toggler:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #top .inside {padding: 0 40px;} #top, #top a {color: #fff;} #top .socials {float: left; margin-right: 35px;} #top .mod_search {float: right;} #top .socials a:hover {opacity: 1;} #top .mod_search {margin-top: 7px; margin-left: 20px; margin-bottom: 4px; border-left: 1px solid rgba(255,255,255,0.4);} #top .mod_search:hover {border-left: 0;} #top .mod_search input {background: transparent; width: 40px; padding: 6px 25px 6px 6px!important; border-width: 1px; border-color: transparent; color: #fff; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #top .mod_search form:hover input {width: 170px; border-color: rgba(255,255,255,0.3); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #top .mod_search .submit {opacity: 1; height: 25px; margin-left: -30px; background: transparent; color: #fff; border-color: rgba(255,255,255,0.4);} #top .mod_search .text {height: 26px;} #top .mod_search:before {margin-top: 1px;} #top #hotline {float: right; line-height: 40px;} #top #hotline span {margin-left: 20px;} #top i {font-size: 14px; vertical-align: top;} /* --socials ------------------------------------------------- */ .socials {overflow: hidden; display: block;} .socials a {color: #fff; display: inline-block; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .socials a:before {line-height: 40px; width: 40px; height: 40px; font-size: 14px; color: #fff; margin: 0;} .socials a:hover:before {color: #fff!important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* --sprachwechsler ------------------------------------------------- */ #top .mod_sprachwechsler {float: left; position: relative; overflow: visible; height: 35px; margin-right: 35px;} #top .mod_sprachwechsler a {margin-right: 5px; line-height: 30px; padding-right: 8px; border-right: 1px solid #ccc; color: #333;} #top .mod_sprachwechsler a:last-child {border: 0;} #top .mod_sprachwechsler a:hover {text-decoration: underline;} #top .mod_sprachwechsler ul {display: none; position: absolute; left: 0; top: 41px; white-space:nowrap; background: rgba(255,255,255,0.9); padding: 5px 15px; box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);} #top .mod_sprachwechsler:hover ul {display: block; -webkit-animation: fadeIn 300ms ease; -moz-animation: fadeIn 300ms ease; -ms-animation: fadeIn 300ms ease; animation: fadeIn 300ms ease;} #top .mod_sprachwechsler span {cursor: pointer; line-height: 40px;} #top .mod_sprachwechsler span:after {font-family: "icons"; content: "\ea09"; display: inline-block; position: relative; margin-left: 10px;} #top .mod_sprachwechsler img {margin-right: 4px; vertical-align: middle;} /* --logo ------------------------------------------------- */ .logo {position: absolute; top: 0; left: 40px; z-index: 100; background-image: url(../img/logo.png); background-repeat: no-repeat!important; background-size: 100%!important; background-position: center; width: 162px; height: 92px; display: table-cell; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .logo a {display: block; height: 100%; width: 100%;} /* --#headeroffset ------------------------------------------------- */ #headeroffset {position: relative; z-index: 999;} /* --header ------------------------------------------------- */ #header {background-repeat: repeat; position: relative; background-color: #fff; z-index: 5000; left: 0; -webkit-backface-visibility: hidden;} #header .inside {padding: 0 40px; display: table; width: 100%;} #header .image_container {margin: 0;} #header .socials, #header .mod_sprachwechsler, #header .contentbox {display: none;} /* --header on landing-page without navi ------------------------------------------------- */ body.blank #header .inside {height: 90px;} body.blank #stickyheader .inside {height: 80px;} /* --header_after ------------------------------------------------- */ #header_after {display: block; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; z-index: 10;} #header_after .inside {overflow: hidden!important;} #header_after .image_container {margin: 0;} /* --headerimage ------------------------------------------------- */ .headerimage_content_wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .headerimage_content_outer {margin: 0 auto;max-width: 1280px;display: table; vertical-align: middle; height: 100%; width: 100%;} .headerimage_content_inner {display: table-cell; vertical-align: middle; padding: 40px;} .headerimage {line-height: 21px;} .headerimage.mittig {text-align: center;} .headerimage.rechts {text-align: right;} .headerimage.hell, .headerimage.hell h3, .headerimage.hell h4 {color: #fff;} .headerimage h3 {font-size: 42px; padding: 0; margin: 0;} .headerimage h4 {font-size: 20px; padding: 0;} .headerimage img {width: 100%;} /* --revolutionslider overwrite default styles ------------------------------------------------- */ .ce_revolutionslider * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .ce_revolutionslider p {margin: 0;} .ce_revolutionslider ul {display: none;} .ce_revolutionslider .image_container img {width: auto; height: auto;} .ce_revolutionslider .image_container {margin-bottom: 0; width: auto; padding: 0; margin: 0; float: none;} .ce_revolutionslider {background: #fff; position: relative;} .ce_revolutionslider .tp-bannertimer {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOEEzQjEwNUM0NzcxMUUzQjQ3Q0YyRTlDRUQwRDhBRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOEEzQjEwNkM0NzcxMUUzQjQ3Q0YyRTlDRUQwRDhBRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBQzgwQjNFQzQ2QTExRTNCNDdDRjJFOUNFRDBEOEFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4QTNCMTA0QzQ3NzExRTNCNDdDRjJFOUNFRDBEOEFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FmUvlQAAABtJREFUeNpi+P//fwMTAxCgEQxACQZsEgABBgDs7QaLN50LOAAAAABJRU5ErkJggg==');} .ce_revolutionslider video {width: 100%;} .ce_revolutionslider .rs-container {width: 100%!important; left: 0!important;} .ce_revolutionslider .tp-leftarrow {left: 0!important;} .ce_revolutionslider .tp-rightarrow {right: 0!important;} .ce_revolutionslider .fullscreen {height: 100%;} .ce_revolutionslider .revicon-right-dir:before {content:'\e912'; margin: 0;} .ce_revolutionslider .html5vid:hover .tp-video-play-button {display: block!important;} /* --layerslider-classes ------------------------------------------------- */ .ce_revolutionslider .tp-caption {line-height: 1.3em;} .ce_revolutionslider .fontsize18 {font-size: 18px;} .ce_revolutionslider .fontsize20 {font-size: 20px;} .ce_revolutionslider .fontsize22 {font-size: 22px;} .ce_revolutionslider .fontsize24 {font-size: 24px;} .ce_revolutionslider .fontsize26 {font-size: 26px;} .ce_revolutionslider .fontsize28 {font-size: 28px;} .ce_revolutionslider .fontsize30 {font-size: 30px;} .ce_revolutionslider .fontsize32 {font-size: 32px;} .ce_revolutionslider .fontsize34 {font-size: 34px;} .ce_revolutionslider .fontsize36 {font-size: 36px;} .ce_revolutionslider .fontsize38 {font-size: 38px;} .ce_revolutionslider .fontsize40 {font-size: 40px;} .ce_revolutionslider .fontsize42 {font-size: 42px;} .ce_revolutionslider .fontsize44 {font-size: 44px;} .ce_revolutionslider .fontsize46 {font-size: 46px;} .ce_revolutionslider .fontsize48 {font-size: 48px;} .ce_revolutionslider .fontsize50 {font-size: 50px;} .ce_revolutionslider .fontsize52 {font-size: 52px;} .ce_revolutionslider .fontsize54 {font-size: 54px;} .ce_revolutionslider .fontsize56 {font-size: 56px;} .ce_revolutionslider .fontsize58 {font-size: 58px;} .ce_revolutionslider .fontsize60 {font-size: 60px;} .ce_revolutionslider .fontsize62 {font-size: 62px;} .ce_revolutionslider .fontsize64 {font-size: 64px;} .ce_revolutionslider .fontsize66 {font-size: 66px;} .ce_revolutionslider .fontsize68 {font-size: 68px;} .ce_revolutionslider .fontsize70 {font-size: 70px;} .ce_revolutionslider .fontsize72 {font-size: 72px;} .ce_revolutionslider .fontsize74 {font-size: 74px;} .ce_revolutionslider .fontsize76 {font-size: 76px;} .ce_revolutionslider .fontsize78 {font-size: 78px;} .ce_revolutionslider .fontsize80 {font-size: 80px;} .ce_revolutionslider .fontsize82 {font-size: 82px;} .ce_revolutionslider .fontsize84 {font-size: 84px;} .ce_revolutionslider .fontsize86 {font-size: 86px;} .ce_revolutionslider .fontsize88 {font-size: 88px;} .ce_revolutionslider .fontsize90 {font-size: 90px;} .ce_revolutionslider .fontsize92 {font-size: 92px;} .ce_revolutionslider .fontsize94 {font-size: 94px;} .ce_revolutionslider .fontsize96 {font-size: 96px;} .ce_revolutionslider .fontsize98 {font-size: 98px;} .ce_revolutionslider .fontsize100 {font-size: 100px;} .ce_revolutionslider .white {color: #fff;} .ce_revolutionslider .black-font {color: #333;} .ce_revolutionslider .italic {font-style: italic; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400;} .ce_revolutionslider .bold {font-weight: bold;} /* --revolutionslider-linkToBottom ------------------------------------------------- */ .ce_revolutionslider #linkToContent {display: none;} .ce_revolutionslider .fullscreen #linkToContent {display:block; position: absolute; left: 50%; bottom: 80px; margin-left: -35px; width: 70px; height: 70px; z-index: 100; opacity: 1; cursor: pointer;} .ce_revolutionslider .fullscreen #linkToContent a {background: transparent!important;} .ce_revolutionslider .fullscreen #linkToContent a:before {font-family: "icons"; content: "\ea09"; opacity: 0.6; display: inline-block; position: relative; margin-right: 5px; font-size: 70px; background: #fff; border-radius: 99px; width: 70px; height: 70px; line-height: 75px; text-align: center; transition: opacity 0.35s; -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -o-transition: opacity 0.35s; -ms-transition: opacity 0.35s; color: #fff; background: rgba(0,0,0,0.3)!important;} .ce_revolutionslider .fullscreen #linkToContent a:hover:before {opacity: 1;} /* --layerslider-caption (all) ------------------------------------------------- */ .ce_revolutionslider h1 {font-size: 44px;} .ce_revolutionslider .tp-caption a {color: #fff;} .ce_revolutionslider .tp-caption a:hover {color: #fff; background: rgba(255,255,255,0.4)!important;} /* --bxslider ------------------------------------------------- */ .bxslider {width: 0;} .bx-wrapper {margin-bottom: 0; position: relative;} .bx-wrapper .bx-viewport {border:0; left: 0; box-shadow: none; z-index: 200; background: transparent!important;} .bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: none;} .bx-wrapper .bx-controls {height: 100%!important; top: 50%; position: static; z-index: 100;} .bx-wrapper .bx-controls-direction {position: absolute; top: -35px; right:0; width: 65px; overflow: hidden; height: 24px;} .bx-wrapper .bx-controls-direction a:before {font-family: "icons"; font-size: 24px; line-height: 24px; max-height: 24px; width: inherit; display: inline-block; position: absolute; overflow: hidden; top: 50%; text-align: center; margin-top: -12px; color: #333;} .bx-wrapper .bx-controls-direction a.bx-next:before {content: "\ea04";} .bx-wrapper .bx-controls-direction a.bx-prev:before {content: "\ea03";} .bx-wrapper .bx-controls-direction a.bx-prev {float: left; background: #fff; left: 0; box-shadow: 5px 0 11px -5px rgba(0,0,0,0.5);} .bx-wrapper .bx-controls-direction a.bx-next {float: right; background: rgba(0, 0, 0, 0.3); right: 0; background: #fff; box-shadow: -5px 0 11px -5px rgba(0,0,0,0.5);} .bx-wrapper .bx-controls-direction a {text-indent: 0; margin-top: 0; width: 24px; height: 24px; margin: 0; opacity: 0.7;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {z-index: 1000; bottom: -60px;} .bx-wrapper .bx-controls-direction a:hover {opacity: 0.9;} .bx-wrapper .caption {display: none;} .bx-wrapper .bx-controls-direction a {z-index: 1000;} .bx-wrapper .bx-pager.bx-default-pager a {background: #ccc; width: 40px; height: 5px; border-radius: 0!important; -webkit-border-radius: 0!important; box-shadow: none;} .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0093B5;} /* --ce_bxslider ------------------------------------------------- */ .ce_bxslider {padding-bottom: 40px;} .ce_bxslider .bx-wrapper .bx-controls-direction {top: 0; background: transparent; width: 100%; padding: 0; height: 100%;} .ce_bxslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width: 100%; text-align: center; bottom: 5px;} .ce_bxslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom: 10px; right: 10px;} .ce_bxslider .bx-wrapper .bx-controls-direction a {height: 66px; top: 50%; margin-top: -33px;} .ce_bxslider .bx-wrapper .bx-pager .bx-pager-item {padding: 5px 0;} .ce_bxslider .ce_bxslider_inside div:not(.ce_image) {padding: 40px;} .ce_bxslider .bx-wrapper .bx-controls-direction a:before {margin-top: -12px;} /* --mod_breadcrumb ------------------------------------------------- */ .mod_breadcrumb {color: #5e5e5e; font-size: 11px; text-align: right; white-space: nowrap; float: right;} .mod_breadcrumb li {display: inline-block; margin-right: 5px;} .mod_breadcrumb li:before {font-family: "icons"; content: '\ea08'; margin-right: 5px;} .mod_breadcrumb li.first:before {display: none;} .mod_breadcrumb a {color: #888888;} .mod_breadcrumb a:hover {text-decoration: underline;} /* --pagetitle ------------------------------------------------- */ #pagetitle {font-size: 20px; display: inline-block; float: left; text-transform: uppercase;} /* --wrapper ------------------------------------------------- */ #wrapper {position:relative; z-index: 5;} body.content_page #wrapper {border-top: 0;} /* --container ------------------------------------------------- */ #container {position: relative; width: 100%; margin: 0; background: #fff;} #container-inside {padding: 40px; overflow: hidden;} /* --container after // extended ------------------------------------------------- */ #container_after {display: block; position: relative; width: 100%; margin: 10px auto; max-width: 1280px; border: 0px solid #d0d0d0;} /* --container before // teaser ------------------------------------------------- */ #container_before .inside {position: relative; margin: 0 auto; overflow: hidden; padding: 20px 40px 10px 40px;} #container_before {position: relative; display: block; margin: 0 auto 0 auto; width: 100%; background: #fff;} /* on content-pages - rootpath*/ .content_page #container_before {background: #FCFCFC; margin: 0; border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;} .content_page #container_before .inside {padding-top: 20px; padding-bottom: 20px;} /* --teaser_after ------------------------------------------------- */ #teaser_after {background: #F7F7F7;} #teaser_after .inside {position: relative; margin: 0 auto; overflow: hidden; padding: 40px;} /* --sidearea ------------------------------------------------- */ #sidearea-toggler {float: right; height: 34px; margin-left: 20px; cursor: pointer;} #sidearea-toggler:before {font-family: "icons"; content: "\2630"; text-indent: 0; display: inline-block; margin-right: 5px; font-size: 20px; line-height: 40px; cursor: pointer;} #sidearea {width: 290px; background: #2f2f2f; position: absolute; top: 0; right: 0; height: 100%; z-index: 10000000; display: none;} #sidearea-close {cursor: pointer; border-bottom: 1px solid #3E3E3E; height: 55px; text-align: center; background: #191919 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODQ4QTk1ODM1NkExMUUzQkJEN0QxNkQ4MDA3QjUwMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODQ4QTk1OTM1NkExMUUzQkJEN0QxNkQ4MDA3QjUwMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1OTFBNUVCMzU2OTExRTNCQkQ3RDE2RDgwMDdCNTAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1OTFBNUVDMzU2OTExRTNCQkQ3RDE2RDgwMDdCNTAyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JsAdmQAAALxJREFUeNq81dsOhCAMRVHY///POJMY44VLW9rypgIrgZ5a22+UUmrJG40TbFng3+N8yICvE+X2MhJ+XCGvjxHwp2boTPKEu0XKYLIHPEwFk0U78DSGLBZb4GXuEWyigUWNBuFmEljc2VAc2wxWtVKU99WD1b0bQ2XeYdPPAmMkqhXcQdtOjtkMvgnGIfhqGKdOo4Jx7DRiGCdQBeMIimGcQRFMALiECQKnMIHgECYY7MIkgB+YJPABHwIMAJYDPDa14qAJAAAAAElFTkSuQmCC') center center no-repeat;} #sidearea .inside {padding: 25px;} /* --linktotop ------------------------------------------------- */ #linktotop {position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; background: rgba(0,0,0,0.5); display: none; text-align: center; cursor: pointer; z-index: 1000;} #linktotop:before {font-family: "icons"; content: "\e767"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; font-size: 30px; color: #fff; line-height: 40px;} /* ============================================================================= * sidebars * ========================================================================== */ /* --sidebar_left ------------------------------------------------- */ body.sidebar_left #main {overflow: hidden; width:70%; float:left; position:relative;} body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:25%; float:left; position:relative; box-shadow: 19px 0px 16px -20px rgba(0, 0, 0, 0.2);} body.sidebar_left #left .inside {padding-right: 18%;} /* --sidebar_right ------------------------------------------------- */ body.sidebar_right #main {overflow: hidden; width:70%; float:left; position:relative;} body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:25%; float:left; position:relative; box-shadow: -19px 0px 16px -20px rgba(0, 0, 0, 0.2);} body.sidebar_right #right .inside {padding-left: 18%; padding-bottom: 45px;} /* --sidebar_both ------------------------------------------------- */ body.sidebar_both #main {overflow: hidden; width:48%; float:left; position:relative;} body.sidebar_both #right {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative; box-shadow: -19px 0px 16px -20px rgba(0, 0, 0, 0.2);} body.sidebar_both #right .inside {padding-left: 18%;} body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative; box-shadow: 19px 0px 16px -20px rgba(0, 0, 0, 0.2);} body.sidebar_both #left .inside {padding-right: 18%;} /* ============================================================================= * footer * ========================================================================== */ #footer {background: #242528; font-size: 0.9em;} #footer, #footer a {color: #8C8989;} #footer a:hover {text-decoration: underline;} #footer .inside {margin: 0 auto; padding: 80px 40px;} #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {font-weight: bold; color: #fff;} #footer ul {padding: 0;} #footer li {margin-bottom: 8px; padding-bottom: 8px; list-style-type: none;} #footer li:before {font-family: "icons"; content: "\2b"; display: inline-block; position: relative; margin-right: 10px;} #footer .socials a:before {height: 40px; width: 40px; line-height: 40px; color: #8C8989; background: none; font-size: 18px; margin-right: 1px;} #footer .socials {display: inline-block;} #footer .socials a {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #footer .socials a:hover {text-decoration: none; opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #footer .autogrid {padding-left: 2%; padding-right: 2%;} /* --footer contact icons ------------------------------------------------- */ #footer [class^="icon-"]:before, #footer [class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em; margin-right:.5em; text-align:center; line-height:inherit; float: left;} #footer [class^="icon-"] p, #footer [class*="icon-"] p {margin-left: 2em; margin-bottom: 0;} /* ============================================================================= * bottom, copyright * ========================================================================== */ #bottom {background: #fff; font-size: 0.9em;} #bottom .inside {max-width: 1280px; margin: 0 auto; padding: 40px;} #bottom a:hover {text-decoration: underline;} #bottom .last a {padding: 0 5px;} #bottom .last a:last-child {padding-right: 0;} /* ============================================================================= * menues * ========================================================================== */ /* --mainmenue ------------------------------------------------- */ nav.mainmenu a, nav.mainmenu a:hover, nav.mainmenu a span, nav.mainmenu a:hover span {-webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease ; transition: All 0.4s ease; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;} nav.mainmenu {overflow: visible!important; line-height: 0; display: table-cell; vertical-align: middle;} nav.mainmenu ul {position: relative; float: right; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;} nav.mainmenu ul ul {float:none;} nav.mainmenu .layer_two {min-width: 210px; padding: 0; margin-left: 0; background: rgba(255,255,255,0.95); width: auto; display: none; position: absolute; top: 100%; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2); -webkit-animation: fadeInUp 300ms ease; -moz-animation: fadeInUp 300ms ease; -ms-animation: fadeInUp 300ms ease; animation: fadeInUp 300ms ease; z-index: 9999;} nav.mainmenu li.last .layer_two {right: 0;} nav.mainmenu ul:after {content: ""; clear: both; display: block;} nav.mainmenu ul li {float: left; position: relative;} nav.mainmenu ul li.megamenu {position: static;} nav.mainmenu ul li:hover .layer_two {display: block;} nav.mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px; min-height: inherit; text-align: left; font-size: 16px; float: none; padding: 28px 0; font-family: 'ABeeZee', sans-serif; margin-left: 15px; margin-right: 15px;} nav.mainmenu ul li a.last {margin-right: 0;} nav.mainmenu ul li ul li a.last {margin-right: 15px;} nav.mainmenu ul li > a:before {position: relative; width: 24px!important; line-height: 24px!important; font-size: 24px; vertical-align: middle; margin-right: 10px; font-weight: 300;} nav.mainmenu ul ul {border-top: 5px solid #0093B5;} nav.mainmenu ul ul ul {border-top: 0!important;} nav.mainmenu ul ul li > a:before {position: absolute; left: 0px; top: 5px;} nav.mainmenu ul li a.first {border-top: 0;} nav.mainmenu ul li.last ul {right: 0;} nav.mainmenu ul ul li {float: none; position: relative; line-height: 32px; min-height: 0;} nav.mainmenu ul ul li a {font-weight: 400; text-transform: none; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.1); line-height: 15px; padding: 8px 25px 10px 20px!important; color: #676767; font-size: 12px!important; margin-left: 15px!important; margin-right: 15px!important;} nav.mainmenu ul ul ul ul li a, nav.mainmenu a.last {border-bottom: 0;} nav.mainmenu ul ul li a span {display: block;} nav.mainmenu ul ul li a:before{font-size: inherit; height: auto; line-height: 32px!important; width: 20px!important; padding-top: 0;} nav.mainmenu ul ul li.last {border:0;} nav.mainmenu ul ul ul {position: absolute; left: 100%; top:0;} nav.mainmenu ul li.trail ul a:after, nav.mainmenu ul li.active ul a:after {display: none;} nav.mainmenu ul ul li a:before {line-height: 21px!important;} nav.mainmenu ul li a {position: relative; z-index: 10;} nav.mainmenu ul li a:after {display: block; background: #0093B5; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;} nav.mainmenu ul li:hover a:after,nav.mainmenu ul a.trail:after, nav.mainmenu ul a.active:after, nav.mainmenu ul li.active a:after {z-index: -1; height: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block!important;} nav.mainmenu ul a.trail:after, nav.mainmenu ul a.active:after {opacity: 0.9;} nav.mainmenu ul li:hover ul li a:after {display: none!important;} nav.mainmenu ul ul li a:hover, nav.mainmenu ul ul li a.active, nav.mainmenu ul ul li a.active, nav.mainmenu ul ul li a.trail {background: #0093B5; color: rgba(255, 255, 255, 0.8);} nav.mainmenu ul ul li a.active.trail {color: #676767; background: none;} nav.mainmenu .level_3 {background: rgba(255,255,255,0.95); box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2); display: none; width: 100%;} nav.mainmenu .level_3 {-webkit-animation: fadeInRight 300ms ease; -moz-animation: fadeInRight 300ms ease; -ms-animation: fadeInRight 300ms ease; animation: fadeInRight 300ms ease;} nav.mainmenu .level_2 li:hover .level_3 {display: block;} nav.mainmenu .level_2 li a.submenu:after {font-family: "icons"; content: "\e75e"; text-indent: 0; display: block!important; position: absolute; top: 50%; left: auto; right: -15px; bottom: auto; background: none; line-height: 0; width: 30px;} /* helper classes */ nav.mainmenu .noborder_left {border-left: 0!important;} nav.mainmenu .noborder_bottom a {border-bottom: 0!important;} nav.mainmenu ul li.open_leftside .layer_two {right: 0;} nav.mainmenu ul li.open_leftside .level_3 {left: -100%;} nav.mainmenu ul li.open_rightside .level_3 {left: 100%;} /* megamenu */ nav.mainmenu ul .megamenu ul ul {box-shadow: none;} nav.mainmenu ul .megamenu .level_3 {-webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none;} nav.mainmenu ul li.megamenu .layer_two {right: 0; white-space:nowrap;} nav.mainmenu ul li.megamenu .layer_two > ul {display: table; padding: 20px 0;} nav.mainmenu ul li.megamenu .layer_two > ul > li {display: table-cell; vertical-align: top;} nav.mainmenu ul li.megamenu:hover ul {display: block;} nav.mainmenu ul li.megamenu ul ul {position: static;} nav.mainmenu ul li.megamenu ul li {border-left: 1px solid rgba(0,0,0,0.1);} nav.mainmenu ul li.megamenu ul li.first, nav.mainmenu ul li.megamenu ul ul li {border-left: 0;} nav.mainmenu ul li.megamenu ul li ul li {float: none; width: auto; overflow: hidden;} nav.mainmenu ul li.megamenu ul.level_3, nav.mainmenu ul li.megamenu ul.level_4, nav.mainmenu ul li.megamenu ul.level_5 {background: transparent;} nav.mainmenu ul.level_4 li a {margin-left: 20px;} nav.mainmenu ul.level_5 li a {margin-left: 30px;} nav.mainmenu ul li.megamenu .level_2 li a.submenu:after {content: "\e75c";} nav.mainmenu ul li.megamenu .image_container img {max-width: inherit;} nav.mainmenu ul li.megamenu .image_container a, nav.mainmenu .image_container a:hover {background: transparent!important; border: 0!important; padding: 0!important; line-height: 0!important;} nav.mainmenu ul li.megamenu .level_2 li.submenu a.submenu {text-transform: uppercase; color: rgba(0,0,0,0.4)!important; background: none; border: 0;} nav.mainmenu ul li.megamenu .level_2 li.submenu a.submenu:hover {color: rgba(255,255,255,0.8);} nav.mainmenu ul li.megamenu .level_2 li.submenu a.submenu:after {display: none!important;} /* megamenu helper classes */ nav.mainmenu ul li.megamenu .layer_two > ul > li.mm_align_bottom {vertical-align: bottom;} nav.mainmenu ul li.megamenu .layer_two > ul > li.mm_align_bottom .ce_image {margin-bottom: -20px;} /* onepagenavigation */ .onepagenavigation li:last-child a {margin-right: 0!important;} /* --sticky menu ------------------------------------------------- */ #stickyheader {display: none; position: fixed; left: 0; top: 0; width: 100%; background: rgba(255,255,255,0.9); z-index: 9999;} #stickyheader {-webkit-animation: fadeInDown 400ms ease; -moz-animation: fadeInDown 400ms ease; -ms-animation: fadeInDown 400ms ease; animation: fadeInDown 400ms ease;} #stickyheader.stickyheader_on {display: block;} #stickyheader.animate {-webkit-animation: slideInDown 800ms ease; -moz-animation: slideInDown 800ms ease; -ms-animation: slideInDown 800ms ease; animation: slideInDown 800ms ease;} #stickyheader .inside {max-width: 1280px; margin: 0 auto; display: table; width: 100%; padding: 0 40px;} #stickyheader .subline {display: none;} #stickyheader .logo {height: 60px; position: absolute!important;} #stickyheader nav.mainmenu {display: table-cell!important;} #stickyheader nav.mainmenu ul:not(.vlist) {float: right!important;} #stickyheader nav.mainmenu ul li a {padding-top: 18px; padding-bottom: 18px; } #stickyheader nav.mainmenu ul li a:before {display: none;} /* --subline in mainmenue ------------------------------------------------- */ nav.mainmenu span {font-weight: normal; font-size: 10px; text-transform: none; display: block; white-space:nowrap; line-height: normal; color: #999999; font-family: Arial, sans-serif;} nav.mainmenu a[class*="icon-"] .subline {margin-left: 37px;} nav.mainmenu ul li ul li a:hover span, nav.mainmenu ul li ul li a.active span, nav.mainmenu ul li ul li a.trail span {color: rgba(255, 255, 255, 0.8);} nav.mainmenu ul li ul li a span {margin-left: 0px!important;} nav.mainmenu .columheader {font-family: 'ABeeZee', sans-serif; font-weight: 300; margin-bottom: 15px; font-size: 17px;} /* --submenu-sidebar ------------------------------------------------- */ #submenu {margin-bottom: 25px;} #submenu a {position: relative; display: block; padding: 4px 10px 4px 18px; margin-bottom: 0; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease;} #submenu li ul li {border: 0;} #submenu ul ul {margin-left: 20px;} #submenu ul ul ul {margin-left: 20px;} #submenu ul ul li {padding: 0;} #submenu a:hover, #submenu a.active {color: #0093B5; background: #f8f8f8;} #submenu a.active.trail {background: inherit; color: #555;} #submenu li a[class*="icon-"]:before {position: absolute; left: 10px; top: 10px;} #submenu li a[class*="icon-"] {padding-left: 30px;} #submenu ul li:hover > ul, #submenu ul li.active > ul, #submenu ul li.trail > ul {display: block;} #submenu ul ul {display: none;} #submenu ul ul ul {display: none;} #submenu ul ul ul ul {display: none;} /* ============================================================================= * mobile menu off canvas * ========================================================================== */ #off_canvas .level_1 ul {display: none;} #off_canvas .level_2 {position: relative;} #off_canvas {background: #333; font-weight: normal;} #off_canvas a {color: #c4c4c4; padding: 11px 4px 11px 10px; display: block; font-size: 13px; position: relative;} #off_canvas span.open_subnav {display: block; z-index: 100; position: absolute; right: 0; top: 0; height: 100%; width: 50px; background: transparent!important; cursor: pointer;} #off_canvas ul ul span.open_subnav {z-index: 110;} #off_canvas ul ul ul span.open_subnav {z-index: 120;} #off_canvas ul ul ul ul span.open_subnav {z-index: 130;} #off_canvas a.submenu {cursor: pointer; padding-right: 50px;} #off_canvas a.submenu:after {padding-left: 20px; border-left: 1px solid rgba(0,0,0,0.2); height: 100%; content:'\ea09'; font-family: "icons"; padding-right: 20px; position: absolute; right: 0; font-size: 20px; line-height: 50px; top: 0;} #off_canvas li {position: relative;} #off_canvas li.open > a.submenu:after {content: '\ea05'; font-family: "icons"; } #off_canvas.pushy a {border-top: 0;} #off_canvas a span {display: none;} #off_canvas a:before {z-index: 100;} #off_canvas a:hover, #off_canvas a.active, #off_canvas a.trail {background: #4b4b4b;} #off_canvas ul ul a {padding-left: 20px;} #off_canvas ul ul ul a {padding-left: 30px;} #off_canvas ul ul ul ul a {padding-left: 40px;} #off_canvas .socials {padding: 5px 0; text-align: center; background: #4b4b4b; -webkit-box-shadow: inset 0px -1px 3px 0px #333; -moz-box-shadow: inset 0px -1px 3px 0px #333; box-shadow: inset 0px -1px 3px 0px #333;} #off_canvas .socials a {display: inline-block; border: 0; padding: 3px;} #nav-open-btn {display: none; vertical-align: middle;} #nav-open-btn:before {font-family: "icons"; content: '\2630'; color: #fff; font-size: 20px; line-height: 23px; width: 23px; text-align: center; display: table-cell; background: #0093B5; padding: 6px; float: right;} #off_canvas form {text-align: center;} #off_canvas form button {} #off_canvas form input {width: 83%!important; border: 0; height: 33px;} #off_canvas .mod_search {border-bottom: 1px solid #3c3c3c; margin-bottom: 5px; padding: 10px; background: #1a1a1a;} #off_canvas .sprachwechsler {float: none; padding: 0; border: 0; margin: 0;} #off_canvas .sprachwechsler a {background: #4B4B4B; border-right: 0; margin: 0; padding: 7px 12px;} #off_canvas .sprachwechsler span {display: none;} #off_canvas .sprachwechsler img {margin-right: 5px;} #off_canvas .mod_search .submit {height: 33px;} .pushy, #contentwrapper, .push {-webkit-perspective: inherit!important;} .pushy, #contentwrapper, .push {-webkit-backface-visibility:inherit!important;} body.pushy-active .pushy {overflow-x: hidden; overflow-y: scroll;} body.pushy-active #contentwrapper {position: fixed !important; display: block; top: 0; z-index: -1; height: 100%;} body.pushy-active .site-overlay {z-index: 10; background: white; left:0; opacity: 0.65;} /* onepagenav */ #off_canvas #onepagenav {float: none;} #off_canvas #onepagenav nav.mainmenu {display: block!important;} #off_canvas #onepagenav nav.mainmenu ul {float: none;} #off_canvas #onepagenav nav.mainmenu ul li {float: none;} #off_canvas #onepagenav nav.mainmenu ul li a {padding: 20px 14px;} #off_canvas #onepagenav a:hover, #off_canvas #onepagenav nav.mainmenu ul li.current a {background: #4b4b4b; color: #fff;} #off_canvas #onepagenav a:after {display: none;} /* ============================================================================= * features + contao modules * ========================================================================== */ /* --contao content slider ------------------------------------------------- */ .slider-control {position:static!important; height:0!important;} .slider-control a {top: 50%!important; opacity: 0.7; margin-top: -35px!important;} .slider-control a:hover {opacity: 1;} .slider-menu {bottom: 15px; top: auto!important; font-family: Arial, sans-serif;} .slider-menu b {margin: 0 2px!important;} .ce_sliderStart {position: relative!important;} .slider-next {background: rgba(160, 160, 160, 0.5); right: 0; border-radius: 3px 0 0 3px; z-index: 100; width: 50px; height: 70px; color: rgba(0, 0, 0, 0);} .slider-next:before {font-family: "icons"; content: "\ea08"; display: block; position: relative; font-size: 30px; line-height: 26px; margin-top: -12px; top: 50%; text-align: center; color: #fff;} .slider-prev {background: rgba(160, 160, 160, 0.5); left: 0!important; border-radius: 0 3px 3px 0; z-index: 100; width: 50px; height: 70px; color: rgba(0, 0, 0, 0);} .slider-prev:before {font-family: "icons"; content: "\ea07"; display: block; position: relative; font-size: 30px; line-height: 26px; margin-top: -12px; top: 50%; text-align: center; color: #fff;} .ce_sliderStart .caption {display: none;} /* contao content slider in #main */ #main .slider-next:before, .small_arrows .slider-prev:before {font-size: 18px;} #main .slider-next, #main .slider-prev, .small_arrows .slider-prev, .small_arrows .slider-next {width: 25px; height: 30px;} #main .slider-control .slider-menu {bottom: 0px; width: auto; right: 0; left: auto;} /* --back links ------------------------------------------------- */ .back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;} /* --extended text & bild custom element ------------------------------------------------- */ .ce_text-mit-bild-erweitert .ext_txtpic {overflow: hidden;} .ce_text-mit-bild-erweitert .float_left .ext_txtpic_bild {float: left; padding: 0; margin-right: 20px;} .ce_text-mit-bild-erweitert .float_right .ext_txtpic_bild {float: right; padding: 0; margin-left: 20px;} .ce_text-mit-bild-erweitert .float_right .image_container {float: right;} .ce_text-mit-bild-erweitert .ext_txtpic.col_left {display: table;} .ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild {display: table-cell; vertical-align: top;} .ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild img {width: 100%; height: auto;} .ce_text-mit-bild-erweitert .col_left .ext_txtpic_text {display: table-cell; vertical-align: top;} .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_hyperlink {padding-left: 5%;} .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ce_hyperlink {padding-left: 0;} .ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild {display: table-cell;} .ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild img {width: 100%; height: auto;} .ce_text-mit-bild-erweitert .col_right .ext_txtpic_text {display: table-cell;} .ce_text-mit-bild-erweitert .ext_txtpic.col_right .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_right .ce_hyperlink {padding-right: 5%;} .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ce_textarea, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ce_hyperlink {padding-right: 0;} .ce_text-mit-bild-erweitert .ext_ce_text_oben, .ce_text-mit-bild-erweitert .ext_ce_image_oben {vertical-align: top!important;} .ce_text-mit-bild-erweitert .ext_ce_text_mittig, .ce_text-mit-bild-erweitert .ext_ce_image_mittig {vertical-align: middle!important;} .ce_text-mit-bild-erweitert .ext_ce_text_unten, .ce_text-mit-bild-erweitert .ext_ce_image_unten {vertical-align: bottom!important;} .ce_text-mit-bild-erweitert .headline_beside, .ce_text-mit-bild-erweitert .headline_beside h1, .ce_text-mit-bild-erweitert .headline_beside h2, .ce_text-mit-bild-erweitert .headline_beside h3, .ce_text-mit-bild-erweitert .headline_beside h4, .ce_text-mit-bild-erweitert .headline_beside h5, .ce_text-mit-bild-erweitert .headline_beside h6 {background: none!important; border: 0!important;} .ce_text-mit-bild-erweitert .headline_beside [class^="icon-"]:before {padding-right: 0;} .ce_text-mit-bild-erweitert .ext_ce_frame_1 .image_container {border: 1px solid #ccc;} .ce_text-mit-bild-erweitert .ext_ce_frame_2 .image_container {border: 2px solid #ccc;} .ce_text-mit-bild-erweitert .ext_ce_frame_3 .image_container {border: 1px dashed #ccc;} .ce_text-mit-bild-erweitert .ext_ce_frame_4 .image_container {border: 2px dashed #ccc;} .ce_text-mit-bild-erweitert .image_container {margin-bottom: 0;} .ce_text-mit-bild-erweitert .ext_txtpic_bild {line-height: 0;} .ce_text-mit-bild-erweitert .ext_txtpic_bild img {max-width: 100%; height: auto;} .ce_text-mit-bild-erweitert .txt_right * {text-align: right;} .ce_text-mit-bild-erweitert .txt_center * {text-align: center;} .ce_text-mit-bild-erweitert .txt_center .image_container img {display: inline-block;} .ce_text-mit-bild-erweitert .txt_center .image_container {line-height: 0;} .ce_text-mit-bild-erweitert .headline_middle {text-align: center;} .ce_text-mit-bild-erweitert .ce_hyperlink {margin-top: 30px;} .ce_text-mit-bild-erweitert .bottom_center .ext_txtpic_bild, .ce_text-mit-bild-erweitert .top_center .ext_txtpic_bild {margin-left: auto; margin-right: auto; max-width: 100%; line-height: 0;} /* CSS3 filter + effects */ .ext_txtpic_bild img, .ext_txtpic_bild img:hover {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .ext_ce_gray img, .ext_ce_gray_hover img {filter: Gray(); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} .ext_ce_gray_hover img:hover {filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);} .ext_ce_opacity img {opacity: 0.8;} .ext_ce_opacity img:hover {opacity: 1;} .ext_ce_blur img {-webkit-filter: blur(5px); -moz-filter: blur(5px);} .ext_ce_blur .image_container {padding: 10px;} .ext_ce_blur img:hover {-webkit-filter: none; -moz-filter: none;} .ext_ce_zoomin img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} .ext_ce_zoomin img:hover {-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;} .ext_ce_zoomout img {-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;} .ext_ce_zoomout img:hover {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} /* CSS3 animation */ .ext_ce_effect_ltr .image_container, .ext_ce_effect_rtl .image_container, .ext_ce_effect_btt .image_container, .ext_ce_effect_ttb .image_container {opacity: 0;} .ext_ce_effect_ltr .image_container {-webkit-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); -moz-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); -o-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); opacity: 1;} .ext_ce_effect_rtl .image_container {-webkit-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); -moz-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); -o-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); opacity: 1;} @-webkit-keyframes fadeimages-ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes fadeimages-ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes fadeimages-ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes fadeimages-ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes fadeimages-rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes fadeimages-rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes fadeimages-rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes fadeimages-rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}} /* --table_simple ------------------------------------------------- */ table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;} table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;} table td p {margin: 0;} table th {text-align: left; padding: 0.5em;} /* --table_striped ------------------------------------------------- */ .table-striped tr.even {background: #f8f8f8;} /* --table_blank ------------------------------------------------- */ .table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 0;} /* --table_extended ------------------------------------------------- */ .table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;} .table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;} .table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;} .table-extended table th.col_first {text-align: left;} .table-extended table tr.odd td {background: #f6f6f6;} .table-extended table td.col_first {text-align: left; border-left: 0;} .table-extended table .row_last td {border-bottom: 0;} .table-extended table td:hover {background: #ddd!important;} .table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* --ce_imagemap ------------------------------------------------- */ .ce_imagemap {overflow: visible;} .ce_imagemap .imagemap_inside {position: relative;} .ce_imagemap .image_container img {width: 100%;} .ce_imagemap .hotspot_content {display: none; background: rgba(255,255,255,0.9); padding: 20px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); position: absolute; z-index: 2000; min-width: 250px; text-align: left;} .ce_imagemap .hotspot_content.left {left: auto; right: 100%; margin-right: -14px; top: -15px; border-radius: 8px 0 8px 8px;} .ce_imagemap .hotspot_content.left {-webkit-animation: fadeInLeft 500ms ease; -moz-animation: fadeInLeft 500ms ease; -ms-animation: fadeInLeft 500ms ease; animation: fadeInLeft 500ms ease;} .ce_imagemap .hotspot_content.right {left: 16px; top: -15px; border-radius: 0px 8px 8px 8px;} .ce_imagemap .hotspot_content.right {-webkit-animation: fadeInRight 500ms ease; -moz-animation: fadeInRight 500ms ease; -ms-animation: fadeInRight 500ms ease; animation: fadeInRight 500ms ease;} .ce_imagemap .hotspot {position: absolute; z-index: 1000;} .ce_imagemap .hotspot li {position: relative;} .ce_imagemap .hotspot:before {font-family: "icons"; content: "+"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; padding: 5px; font-size: 22px; height: 20px; width: 20px; line-height: 20px; text-align: center; color: #000;} .ce_imagemap .hotspot:hover {z-index: 2100;} .ce_imagemap .hotspot:hover .hotspot_content {display: block;} .ce_imagemap .bild {position: relative; z-index: 100;} .ce_imagemap .imagemap_inside.center {margin: 0 auto;} .ce_imagemap .circle {border-radius: 100%; width: 36px; height: 36px; border: 2px solid rgba(255,255,255,0.5); position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; display: block; background: rgba(255,255,255,0.3); box-shadow: 0 0 0 4px #0093B5;} .ce_imagemap .hotspot:hover .circle {opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease;} .ce_imagemap .hotspot .circle {opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease;} /* small */ .ce_imagemap .hotspot.small:before {padding: 5px; font-size: 15px; height: 20px; width: 20px; line-height: 20px;} .ce_imagemap .hotspot.small .hotspot_content.left {margin-right: -14px; top: -14px;} .ce_imagemap .hotspot.small .hotspot_content.right {left: 16px; top: -14px;} .ce_imagemap .hotspot.small .circle {border-radius: 100%; width: 20px; height: 20px; border: 1px solid rgba(255,255,255,0.5); position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; display: block; background: rgba(255,255,255,0.3); box-shadow: 0 0 0 2px #0093B5;} /* pointer small */ .ce_imagemap .hotspot.pointer_small:before {content: '\e93d';} .ce_imagemap .hotspot.pointer_small .circle {display: none;} .ce_imagemap .hotspot.pointer_small .hotspot_content.left {top: 0; right: 100%; margin: 0 -15px 0 0;} .ce_imagemap .hotspot.pointer_small .hotspot_content.right {top: 0; left: 15px; margin: 0;} /* pointer large */ .ce_imagemap .hotspot.pointer_large:before {content: '\e93d'; font-size: 40px;} .ce_imagemap .hotspot.pointer_large .circle {display: none;} .ce_imagemap .hotspot.pointer_large .hotspot_content.left {top: 0; right: 100%; margin: 0 -15px 0 0;} .ce_imagemap .hotspot.pointer_large .hotspot_content.right {top: 0; left: 15px; margin: 0;} /* --ce_gallery with responsive grid ------------------------------------------------- */ .ce_gallery .row1 {overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;} .ce_gallery .row2 {overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;} .ce_gallery .row3 {overflow: hidden; margin-left: 5%; width:30%; float:left; margin-bottom: 15px;} .ce_gallery .row4 {overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;} .ce_gallery .row5 {overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;} .ce_gallery .row6 {overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;} .ce_gallery .row7 {overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;} .ce_gallery .row8 {overflow: hidden; margin-left: 1.71%; width:11%; float:left; position:relative;} .ce_gallery .row9 {overflow: hidden; margin-left: 1.25%; width:10%; float:left; position:relative;} .ce_gallery .row10 {overflow: hidden; margin-left: 1%; width:9.1%; float:left; position:relative;} .ce_gallery .row11 {overflow: hidden; margin-left: 1.1%; width:8.09%; float:left; position:relative;} .ce_gallery .row12 {overflow: hidden; margin-left: 1%; width: 7.41%; float:left; position:relative;} .ce_gallery .col_first {margin-left: 0!important; clear: both;} .ce_gallery li {position: relative;} .ce_gallery img:not(.iso_image) {max-width: 100%; display: block; height: auto;} .ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;} /* special classes for ce_gallery */ .ce_gallery.imageBorder li {border: 2px solid #ddd;} .rounded-images img {border-radius: 500%;} /* --ce_gallery isotope ------------------------------------------------- */ .ce_gallery .isotope .isotope-item {margin-bottom: 25px;} .ce_gallery .iso_overlay {background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_gallery .iso_overlay i {position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; display: block;} .ce_gallery .iso_overlay i:before {font-size: 15px; color: #fff; width: 40px; height: 40px; line-height: 40px;} .ce_gallery .iso_overlay .circle {border-radius: 100%; width: 30px; height: 30px; border: 1px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; display: block;} .ce_gallery .item:hover a .iso_overlay .circle {opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease;} .ce_gallery .item a .iso_overlay {-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} .ce_gallery .item:hover a .iso_overlay {opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} .ce_gallery .iteminside {position: relative; display: block; -webkit-transform: translateZ(0);} .ce_gallery.rounded-images .iso_overlay {border-radius: 100%;} /* --ce_image ------------------------------------------------- */ .ce_image.imageBorder {border: 1px solid #ddd;} /* --image_container ------------------------------------------------- */ .image_container {position: relative; padding: 0; margin-bottom: 10px; overflow: hidden;} .image_container .caption {background: rgba(255, 255, 255, 0.6); color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; left: 0; bottom: 0; width: auto!important;} .image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;} .image_container.float_right {margin-left: 5%; float: right;} .image_container.float_left {margin-right: 5%; float: left;} .image_container img {display: block; height: auto;} /* --list ------------------------------------------------- */ .ce_text ul, .ce_list ul, .ce_textarea ul, .ce_text ol, .ce_list ol, .ce_textarea ol {margin-bottom: 15px; padding-left: 20px;} .ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol {line-height: 1.8em;} .ce_text ul li, .ce_list ul li, .ce_textarea ul li {list-style-type: disc; list-style-position: outside;} .ce_text ol, .ce_list ol, .ce_textarea ol {list-style: decimal; padding-left: 25px;} .ce_text ol ol, .ce_list ol ol, .ce_textarea ol ol {list-style: upper-alpha;} .ce_text ol ol ol, .ce_list ol ol ol, .ce_textarea ol ol ol {list-style: lower-roman;} /* --blockquote ------------------------------------------------- */ .blockquote-a {padding-left: 35px; position: relative;} .blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;} .blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;} .blockquote-b {padding-left: 35px; position: relative;} .blockquote-b {font-size: 17px; line-height: 24px;} .blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;} /* --socialbox ------------------------------------------------- */ .socialbox i {background: #E2E2E2; width: 30px; line-height: 30px; text-align: center; display: inline-block; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .socialbox i:before {margin: 0!important;} .socialbox i:hover {background: #555555; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .socialbox i:hover:before {color: #E2E2E2; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* --ce_comments ------------------------------------------------- */ .ce_comments .widget {margin-bottom: 10px;} /* --content-box ------------------------------------------------- */ .content-box-a {background-color: #F9BBB9; padding: 20px 20px 10px 20px; border-left: 4px solid #E0A7A6;} .content-box-b {background-color: #C1FFCC; padding: 20px 20px 10px 20px; border-left: 4px solid #AEE6B8;} .content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .content-box-d {padding: 30px 20px 20px 20px; background: #E0F1B5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; text-align: center; font-size: 16px;} .content-box-e {padding: 30px 20px 20px 20px; background: #F5F6FC; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; text-align: center; font-size: 16px;} .content-box-f {padding: 30px 20px 20px 20px; background: #FFF8F4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; text-align: center; font-size: 16px;} .content-box-g {padding: 30px 20px 20px 20px; background: #FFFDF3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; text-align: center; font-size: 16px;} .content-box-h {padding: 30px 20px 20px 20px; background: #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #444; text-align: center; font-size: 16px;} .content-box-i {padding: 30px 20px 20px 20px; background: #333; color: #fff; text-align: center; font-size: 16px; font-weight: bold;} .content-box-j {padding: 30px 20px 20px 20px; background: #F5F6FC; color: #4671A3; text-align: center; font-size: 16px; font-weight: bold; border: 1px dashed #9DADBF;} .content-box-k {padding: 30px 20px 20px 20px; background: #FFFDF3; color: #C96D11; text-align: center; font-size: 16px; font-weight: bold; border: 1px solid #E6BF4A;} /* --list ------------------------------------------------- */ #wrapper .ce_list li[class^="icon-"]:before, #wrapper .ce_list li[class*="icon-"]:before {left: -1.4em; width: 1em; top: 0.5em;} /* --calltoaction-box ------------------------------------------------- */ .calltoaction {background-repeat: repeat; padding: 15px; position: relative; margin-bottom: 20px; border-left: 4px solid #0093B5; display: table; vertical-align: middle; width: 100%;} .calltoaction strong {font-size: 17px; margin-bottom: 10px; display: block;} .calltoaction p {font-size: 14px; width: 70%; margin: 0;} .calltoaction i {font-size: 45px;} .calltoaction_left, .calltoaction_right {vertical-align: middle; display: table-cell;} .calltoaction a {white-space: nowrap;} .calltoaction_2 {width: 100%; background: url(../img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-top: 5px solid #444; display: table; vertical-align: middle;} .calltoaction_2 strong {font-size: 17px; margin-bottom: 10px; display: block;} .calltoaction_2 p {font-size: 14px; width: 70%; margin: 0;} .calltoaction_2 i {font-size: 45px;} .calltoaction_2_left, .calltoaction_2_right {vertical-align: middle; display: table-cell;} .calltoaction, .calltoaction_2 {background-image: url('data:image/png;base64,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');} /* --dropcaps ------------------------------------------------- */ .dropcap p:first-letter {font-size: 36px; line-height: 36px; float: left; display:block; margin: 6px 7px 0 0; border-radius: 4px; background: #666666; color: #fff; padding: 2px 5px;} .dropcap_2 p:first-letter {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1;} .dropcap_3 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; border-radius: 99px; background: #666666; color: #fff; padding: 5px; text-align: center;} .dropcap_4 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; background: #666666; color: #fff; padding: 5px; text-align: center;} /* --hyperlinks + buttons ------------------------------------------------- */ .ce_hyperlink.center {text-align: center;} .ce_hyperlink.right {text-align: right;} .ce_hyperlink {-webkit-transform: translateZ(0);} .button:hover:before, .ce_hyperlink a:hover:before {-webkit-animation: rotateIn 500ms ease; -moz-animation: rotateIn 500ms ease; -ms-animation: rotateIn 500ms ease; animation: rotateIn 500ms ease;} .button, .ce_hyperlink a, .servicebox_4 p a, .servicebox_5 p a, .servicebox_6 p a {font-weight: normal; padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #fff; color: #000; white-space:nowrap;} .button, .ce_hyperlink a { -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .button:hover, .ce_hyperlink a:hover {opacity: 0.9; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* sizes */ .button.small, .ce_hyperlink.small a {padding: 8px 10px; font-size: 13px;} .button.big, .ce_hyperlink.big a {padding: 15px 18px; font-size: 18px; line-height: 33px; vertical-align: middle;} /* rounded corners */ .button.rounded3, .ce_hyperlink.rounded3 a {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .button.rounded5, .ce_hyperlink.rounded5 a {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .button.rounded10, .ce_hyperlink.rounded10 a {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .button.rounded99, .ce_hyperlink.rounded99 a {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;} .button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;} .button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;} /* style2 light*/ .ce_hyperlink.style2_light a {background: none!important; border: 1px solid #fff!important; color: #fff!important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_hyperlink.style2_light a:hover {background: rgba(255,255,255,0.6)!important; opacity: 1!important;} /* style2 dark*/ .ce_hyperlink.style2_dark a {background: none!important; border: 1px solid #555!important; color: #555!important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_hyperlink.style2_dark a:hover {background: rgba(0,0,0,0.9)!important; opacity: 1!important; color: #fff!important;} /* --testimonial -------------------------------------------------*/ .testimonial_v1 {display: table; vertical-align: top;} .testimonial_v1 .image_container {display: table-cell; width: 20%; vertical-align: top; min-width: 85px; margin-right: 20px;} .testimonial_v1 .image_container img {border-radius: 100%; border: 1px solid #b7b7b7; width: 85%!important;} .testimonial_v1 .testimonial_content {display: table-cell; vertical-align: top;} .testimonial_v1 .testimonial_name {font-weight: bold;} .testimonial_v1 .testimonial_firma {color: #919191;} .testimonial_v1 a {color:#0093B5;} /* --testimonial_slider -------------------------------------------------*/ .testimonial_slider .testimonial_text {border: 1px solid #e1e1e1; padding: 15px 15px 0 15px; position: relative; margin-bottom: 15px; background: #FCFCFC;} .testimonial_slider .arrow {height:10px; width:10px; position: absolute; bottom:-6px; left:32px; margin-left:-5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid; border-color: transparent #e1e1e1 #e1e1e1 transparent; background: #fcfcfc;} .testimonial_slider img {border-radius: 100%; border: 1px solid #E1E1E1; max-width: inherit!important; width: 65px; height: 65px;} .testimonial_slider .contentwrapper {display: table; vertical-align: middle;} .testimonial_slider .contentwrapper img, .testimonial_info {display: table-cell; vertical-align: middle;} .testimonial_slider .testimonial_info {padding-left: 20px;} .testimonial_slider .testimonial_name {font-weight: bold;} .testimonial_slider .zusatz {color: #919191;} .testimonial_slider a {color:#0093B5;} /* --testimonial_slider v2 (simple) -------------------------------------------------*/ .testimonial_slider_v2 {text-align: center;} .testimonial_slider_v2 .text {font-size: 1.7em; line-height: 1.5em; font-style: italic;} .testimonial_slider_v2 .text p:before {content: '"'; display: inline-block; margin-right: 5px;} .testimonial_slider_v2 .text p:after {content: '"'; display: inline-block; margin-left: 5px;} .testimonial_slider_v2 .autor {font-size: 1.2em;} .testimonial_slider_v2 .bx-viewport {overflow: visible!important;} .ce_testimonial-slider-simple {overflow: visible!important;} .ce_testimonial-slider-simple .bx-wrapper .bx-controls {bottom: -45px; top: auto; position: relative;} /* --team ------------------------------------------------- */ .teambox_1 {transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s; background: #f8f8f8;} .teambox_1 .teambox_content {padding: 15px;} .teambox_1 .teambox_socials {margin-top: 15px; border-top: 1px solid #ccc; padding-top: 10px;} .teambox_1 h3 {margin-bottom: 0; font-size: 16px;} .teambox_1:hover {background: #F9F9F9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 6px; } .teambox_1 .funktion {color: #999; text-transform: uppercase; font-size: 11px;} .teambox_1 .beschreibung {line-height: 19px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; font-size: 12px;} .teambox_1 .tel:before {font-family: "icons"; content: "\eccc"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .teambox_1 .email:before {font-family: "icons"; content: "\e899"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .teambox_1 i, .teambox_1 a {color: #999; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .teambox_1 i:hover {opacity: 0.7; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .teambox_1 .email a, .teambox_1 .email {color: #969696;} .teambox_1 .image_container {margin: 0;} .teambox_2 {position: relative; line-height: 19px;} .teambox_2 .funktion {position: absolute; bottom: 0; right: 0; color: #0093b5; font-size: 12px;} .teambox_2 .beschreibung {margin-bottom: 10px; font-size: 12px;} .teambox_2 .tel, .teambox_2 .email {font-size: 12px;} .teambox_2 i {color: #999;} .teambox_2 .email {margin-bottom: 10px;} .teambox_2 a {color: #777;} .teambox_2 .teambox_socials {margin-top: 15px; border-top: 1px solid #ccc; padding-top: 10px;} .teambox_2 i:hover {opacity: 0.7; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .teambox_2 .email a, .teambox_2 .email {color: #969696;} .teambox_2 h3 {font-size: 16px;} .teambox_3 {text-align: center;} .teambox_3 h3 {font-size: 16px; text-transform: uppercase; letter-spacing: 2px;} .teambox_3 h3 span {display: block;} .teambox_3 h3:after {content:''; height: 2px; background: #efefef; display: inline-block; width: 120px; text-align: center;} .teambox_3 .funktion {text-transform: uppercase; font-size: 11px; color: #848484; margin: 6px 0;} .teambox_3 .beschreibung, .teambox_3 .tel, .teambox_3 .email {font-size: 13px; line-height: 21px;} .teambox_3 .teambox_socials {margin-top: 25px;} .teambox_3 .teambox_socials a {color: #969696; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .teambox_3 .teambox_socials a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* --counter ------------------------------------------------- */ .ce_counter {text-align: center;} .ce_counter i {font-size: 45px; margin: 0; line-height: 1em;} .ce_counter i:before {margin: 0!important;} .ce_counter .counterwrapper {font-size: 3em; font-weight: 500; line-height: 2em;} .ce_counter .headline {font-size: 1.3em;} /* --ce_countdown ------------------------------------------------- */ .ce_countdown {font-size: 20px;} .ce_countdown .countdown.center {text-align: center;} .ce_countdown .countdown.right {text-align: right;} .ce_countdown .countdown-section {margin-right: 25px;} .ce_countdown .countdown-amount {margin-right: 4px; font-size: 40px; line-height: 40px;} /* --nachrichtenliste ------------------------------------------------- */ .nachrichtenliste {margin-bottom: 65px; overflow: hidden; list-style: none;} .nachrichtenliste .info {color: #888; margin-top: 10px; white-space: nowrap; font-size: 0.8em;} .nachrichtenliste .date {display: inline-block; margin-right: 20px;} .nachrichtenliste .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenliste .author {display: inline-block; margin-right: 20px;} .nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenliste .comments {display: inline-block;} .nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenliste .more {float: right;} .nachrichtenliste .more a {color: #fff;} .nachrichtenliste h2 {border: 0; margin: 0; padding: 0;} .nachrichtenliste .teaser {margin: 20px 0 0 0;} .nachrichtenliste .date-wrapper {text-align: center; border-right: 1px solid #EAEAEA;} .nachrichtenliste .date-wrapper .day {font-size: 28px; padding: 5px; font-weight: 300} .nachrichtenliste .month {padding: 5px;} .nachrichtenliste .button {float: right;} .nachrichtenliste.smallview .two_third {padding-left: 4%;} .nachrichtenliste.verticalview *:before {display: none;} .nachrichtenliste.verticalview .date {margin-right: 10px;} .nachrichtenliste.verticalview {border-bottom: 1px solid #E5E5E5; padding-bottom: 5px; margin-bottom: 15px;} .nachrichtenliste .subheadline {color: #0093B5; margin-bottom: 5px;} /* --nachrichtenteaser: slider ------------------------------------------------- */ .ce_nachrichten-teaser {overflow: hidden; position: relative;} .nachrichtenteaser_slider {padding-top: 35px;} .link_to_all.nt_slider {top: 0px; right: 65px;} .nachrichtenteaser_slider .date {font-weight: bold;} .nachrichtenteaser_slider .date, .nachrichtenteaser_slider .author, .nachrichtenteaser_slider .comment {display: inline-block; margin-right: 5px; white-space: nowrap; font-size: 11px!important; font-family: Arial, sans-serif!important;} .nachrichtenteaser_slider .info {margin-bottom: 15px;} .nachrichtenteaser_slider .dot {display: inline-block; margin-right: 5px;} .nachrichtenteaser_slider .subheadline {color: #0093B5;} .nachrichtenteaser_slider .subheadline:before {font-family: "icons"; content: "\eb96"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .nachrichtenteaser_slider .iso_overlay {background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .nachrichtenteaser_slider .iso_overlay i {position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; display: block;} .nachrichtenteaser_slider .iso_overlay i:before {font-size: 15px; color: #fff; width: 40px; height: 40px; line-height: 40px;} .nachrichtenteaser_slider .iso_overlay .circle {border-radius: 100%; width: 30px; height: 30px; border: 1px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; display: block;} .nachrichtenteaser_slider .nachrichtenteaser_entry:hover a .iso_overlay .circle {opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease;} .nachrichtenteaser_slider .nachrichtenteaser_entry a .iso_overlay {-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} .nachrichtenteaser_slider .nachrichtenteaser_entry:hover a .iso_overlay {opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} .nachrichtenteaser_slider .bx-wrapper .bx-controls-direction a {top: 0;} /* --nachrichtenteaser: set ------------------------------------------------- */ .ce_nachrichtenteaser-set {position: relative;} .nachrichtenteaser_v2 {overflow: hidden;} .nachrichtenteaser_v2 .two_third .nachrichtenliste {background: #fafafa; padding: 20px; margin-bottom: 0;} .nachrichtenteaser_v2 .nachrichtenliste img {border-radius: 5px;} .nachrichtenteaser_v2 h3 {font-weight: bold; font-size: 14px;} .nachrichtenteaser_v2 {position: relative; padding-top: 45px;} .link_to_all {position: absolute; right: 0; top: 0; z-index: 1000;} .link_to_all a:before {font-family: "icons"; content: "\ec8d"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 0;} .link_to_all a {color: #717171;} .link_to_all a:hover {color: #333;} /* --nachrichtenteaser: small / big ------------------------------------------------- */ .nachrichtenteaser_v3 {margin-bottom: 40px; border-bottom: 1px solid #E5E5E5; padding-bottom: 30px;} .nachrichtenteaser_v3 h4 {font-weight: 600; margin: 0;} .nachrichtenteaser_v3 .info {font-size: 11px; color: #999; line-height: 16px;} .nachrichtenteaser_v3 .date, .nachrichtenteaser_v3 .author, .nachrichtenteaser_v3 .comment {display: inline-block; white-space:nowrap;} .nachrichtenteaser_v3 .dot {margin: 0 5px;} .nachrichtenteaser_v3 .subheadline {color: #0093B5;} .nachrichtenteaser_v3 .subheadline:before {font-family: "icons"; content: "\eb96"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .nachrichtenteaser_v3 .linkwrapper a {float: left; font-size: 12px!important;; font-family: Arial, sans-serif!important;} .nachrichtenteaser_v3 .linkwrapper a:hover {opacity: 0.7;} .nachrichtenteaser_v3 .linkwrapper a:after {font-family: "icons"; content: "\ec0e"; display: inline-block; margin-left: 5px; font-style: normal;} .nachrichtenteaser_v3 .linkwrapper .subheadline {float: right;} .link_to_all_list {border-bottom: 1px dotted #ccc; text-align: right; margin-bottom: 25px;} .link_to_all_list a:before {font-family: "icons"; content: "\ec8d"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 0;} .link_to_all_list a {color: #717171;} .link_to_all_lis a:hover {color: #333;} /* version 4 */ .small .nachrichtenteaser_v3 {margin-bottom: 15px; padding-bottom: 5px;} .small .nachrichtenteaser_v3 .autogrid-last {padding-left: 4%;} /* --nachrichtenteaser_footer ------------------------------------------------- */ .nachrichtenteaser_footer {margin-bottom: 10px;} /* --nachrichtenleser ------------------------------------------------- */ .nachrichtenleser .image_container {margin-bottom: 20px;} .nachrichtenleser .info {text-transform: lowercase; font-size: 11px;} .nachrichtenleser .date {margin-bottom: 10px; display: inline-block; margin-right: 20px;} .nachrichtenleser .date:before {font-family: "icons"; content: "\ecda"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenleser .author {margin-bottom: 10px; display: inline-block; margin-right: 20px; padding: 1px 6px;} .nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; padding: 1px 6px; margin-right: 20px;} .nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;} .nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;} .nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;} .nachrichtenleser img {border: 1px solid #ddd;} .nachrichtenleser .subheadline {display: inline-block;} .nachrichtenleser .subheadline:before {font-family: "icons"; content: "\eb96"; display: inline-block; margin-right: 5px; font-style: normal;} /* --blog ------------------------------------------------- */ .ce_blog .blog {margin-bottom: 20px;} .ce_blog .blog .image_container {margin: 0} .ce_blog .blog .image_container img {width: 100%;} .ce_blog .blog .blogwrapper {box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 3px;} .ce_blog .blog_inside {padding: 20px; background: #fff; } .ce_blog .blog .button {background: none!important; color: #333!important; padding: 0!important; margin-top: 25px;} .ce_blog .blog .comments {text-align: right; display: none;} .ce_blog .blog .comments a:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;} .ce_blog .blog .comments a, .ce_blog .blog .morelink {color: #0093B5;} .ce_blog .blog .morelink:after {font-family: "icons"; content: "\ec0e"; display: inline-block; margin-left: 5px; font-style: normal;} .ce_blog .blog .info {margin-bottom: 10px; white-space: nowrap; font-size: 12px;} .ce_blog .blog .info span {margin-right: 5px; display: inline-block;} .ce_blog .blog .info .date:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .ce_blog .isotope {margin-bottom: 80px;} .ce_blog .pagination {position: absolute; width: 100%; bottom: -40px; left: 0;} .ce_blog .pagination p {margin-right: 1%;} .ce_blog .pagination ul {margin-left: 1%;} /* --comment_default ------------------------------------------------- */ .comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;} /* --ce_preistabelle ------------------------------------------------- */ .ce_preistabelle .pricetable {border: 1px solid #efefef;} .ce_preistabelle .pricetable.hightlight {border: 1px solid #fefefe;} .ce_preistabelle {text-align: center; overflow: visible; margin: 30px 0 55px 0;} .ce_preistabelle .titel {font-weight: 300; font-size: 2.5em; color: #fff; background: #363839; padding: 35px 20px;} .ce_preistabelle .preiswrapper {background: #0093B5; color: #fff; padding: 25px; opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_preistabelle .pricetable:hover .preiswrapper {opacity: 1; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; -webkit-backface-visibility: hidden;} .ce_preistabelle .preiswrapper .preis {font-size: 3em; line-height: 0.8em; font-weight: 700;} .ce_preistabelle .preiswrapper .preis span {font-size: 0.6em; vertical-align: top; line-height: 1em; margin-left: -1em;} .ce_preistabelle .preiswrapper .preiszusatz {text-transform: uppercase; color: rgba(255,255,255,0.6); font-size: 0.8em;} .ce_preistabelle ul li {border-bottom: 1px solid #efefef; line-height: 65px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_preistabelle ul li:hover {background: #f8f8f8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .ce_preistabelle ul li.durchgestrichen {text-decoration: line-through; color: rgba(0,0,0,0.4);} .ce_preistabelle .leistungen {background: #fcfcfc;} .ce_preistabelle .highlight {box-shadow: 0 0 10px rgba(0,0,0,0.5); position: relative; z-index: 1000; margin-top: -15px;} .ce_preistabelle .highlight .preiswrapper {opacity: 1;} .ce_preistabelle .titel .highlight_text {font-size: 0.3em; margin-left: 0.8em; font-weight: bold;} .ce_preistabelle .link {background: #fcfcfc; padding: 20px 0;} .ce_preistabelle i:before {width: 1em!important;} /* col3 */ .pricetable_3col {overflow: visible;} .pricetable_3col .pricetable {width: 33.33%; float: left;} /* col4 */ .pricetable_4col .pricetable {width: 25%; float: left;} .pricetable_4col .titel {font-size: 1.8em;} .pricetable_4col .pricetable.table_1 {border-right: 1px solid #F0F0F0;} /* --login-form ------------------------------------------------- */ #main .mod_login table td, .mod_login table {border: 0;} #main .mod_login {padding: 30px; border: 1px solid #ddd; background: #f9f9f9; max-width: 350px;} #main .mod_login input {margin-bottom: 7px;} #main .mod_login .checkbox_container {margin: 15px 0;} /* --login-form top ------------------------------------------------- */ #toplogin {float: left; display: inline-block; position: relative;} #toplogin span {line-height: 40px; cursor: pointer; display: inline-block; position: relative;} #toplogin .mod_login {display: none; position: absolute; top: 41px; left: 0; background: rgba(255,255,255,0.9); width: 220px; padding: 15px; box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);} #toplogin.loginbox_open .mod_login {display: block; -webkit-animation: fadeIn 500ms ease; -moz-animation: fadeIn 500ms ease; -ms-animation: fadeIn 500ms ease; animation: fadeIn 500ms ease;} #toplogin span:after {font-family: "icons"; content: "\ea09"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-left: 10px;} #toplogin.loginbox_open span:after {content:'x';} #toplogin input {padding: 3px; margin-bottom: 3px;} #toplogin input.submit {padding: 5px 10px; font-weight: normal; text-transform: uppercase; font-size: 10px;} #toplogin label {color: #333; text-transform: uppercase; font-size: 11px;} #toplogin table td {border: 0;} #toplogin .checkbox_container {margin: 5px 0; font-size: 10px;} /* --ce_accordion ------------------------------------------------- */ .ce_accordion .accordion {border: 0; background: none; padding: 0;} .ce_accordion .accordion > div {padding: 0;} .ce_accordion .toggler {border-top: 1px solid #E5E5E5; background: none; background-image: none; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 30px; padding: 7px 0; color: #505050; cursor: pointer;} .ce_accordion .toggler:hover {color: rgba(0,0,0,0.8);} .ce_accordion .toggler:before {display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 25px; height: 25px; width: 25px; text-align: center; text-decoration: inherit; border-radius: 25px; padding: 0; float: left; clear:both; margin-right: 15px; margin-top: 3px; content: '\2b';} .ce_accordion .toggler.ui-state-active:before {content: '\2d';} .ce_accordion .toggler:after {display: none;} /* --pagination ------------------------------------------------- */ .pagination {clear: both; padding-top: 5px; margin-top: 10px; white-space: nowrap;} .pagination ul {padding: 0; float: left;} .pagination p {float: right; background: rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px; display: inline-block; padding: 3px 10px;} .pagination li {background: none; padding: 0; margin: 0 2px 0 0; float: left; list-style-type: none;} .pagination li:before, .pagination li a:before {content: '';} .pagination li a, .pagination li span {background: rgba(0,0,0,0.1); display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px;} .pagination li span.current {background: #0093B5; color: white;} .pagination li a:hover {color: #0093B5;} .pagination li a.next:after {font-family: "icons"; content: "\e75e"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-left: 10px; line-height: 10px;} /* --serviceboxes ------------------------------------------------- */ .servicebox {padding: 25px; text-align: center; position: relative; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease;} .servicebox:hover:before{-webkit-animation: rotateIn 500ms ease; -moz-animation: rotateIn 500ms ease; -ms-animation: rotateIn 500ms ease; animation: rotateIn 500ms ease;} .servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before{padding: 10%; font-size: 65px; margin-right: 0!important; color: #fff;} .servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;} .servicebox a {display: inline-block; padding: 5px 10px;} .servicebox:before {display: inline-block; font-size: 64px; padding: 50px; margin-bottom: 26px; color: #FDFDFD; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 15px solid #f0f0f0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background: #0093B5; background: #0093B5 -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #0093B5 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15))); background: #0093B5 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #0093B5 -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #0093B5 -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #0093B5 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000', GradientType=1 );} .servicebox img {display: inline-block;} .servicebox_2 {position: relative; padding-left: 50px; text-align: left!important;} .servicebox_2[class^="icon-"]:before, .servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #0093B5; position: absolute; left: 0; top: 0; line-height: 35px;} .servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {padding: 0; color: #0093B5;} .servicebox_2 a {text-decoration: underline;} .servicebox_2.iconright{text-align: right!important; padding-left: 0; padding-right: 70px;} .servicebox_2.iconright:before, .servicebox_2.iconright .ce_image {left: auto; right: 0;} /* image */ .servicebox_2 .ce_image {position: absolute; left: 0px; top: 0; width: 35px;} .servicebox_2 .ce_image img {width: 35px!important; height: auto;} .servicebox_3 {position: relative; padding-left: 60px; text-align: left!important;} .servicebox_3[class^="icon-"]:before, .servicebox_3[class*="icon-"]:before {font-size: 20px; margin-right: 15px; position: absolute; left: 0; top: 0; line-height: 20px; background: #555; border-radius: 99px; padding: 10px; color: #fff;} .servicebox_3 h1, .servicebox_3 h2, .servicebox_3 h3, .servicebox_3 h4, .servicebox_3 h5, .servicebox_3 h6 {padding: 0;} .servicebox_3 a {text-decoration: underline;} .servicebox_3.iconright {text-align: right!important; padding-left: 0; padding-right: 70px;} .servicebox_3.iconright:before, .servicebox_3.iconright .ce_image {left: auto; right: 0;} /* image */ .servicebox_3 .ce_image {position: absolute; left: 0px; top: 0; width: 35px;} .servicebox_3 .ce_image img {width: 35px!important; height: auto; border-radius: 100%;} .servicebox_4 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;} .servicebox_4[class^="icon-"]:before, .servicebox_4[class*="icon-"]:before {padding: 10%; font-size: 32px; margin: 0!important; color: #7F7F7F; border-radius: 100%; text-align: center; } .servicebox_4:before {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s; background: #F9F9F9; border-radius: 100%; padding: 15px;} .servicebox_4 h4 {margin-top: 15px;} .servicebox_4 p {font-family: Arial, Helvetica, sans-serif;} .servicebox_4 p a {margin: 0; background: #0093B5;} .servicebox_4:hover:before {border: 3px solid #0093B5;} /* image */ .servicebox_4 .image_container img {border-radius: 100%; width: auto!important; display: inline-block;} .servicebox_4 .image_container {text-align: center;} .servicebox_5 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;} .servicebox_5:hover {background: #F9F9F9;} .servicebox_5 .image_container {border-radius: 500%; border: 3px solid #f8f8f8; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;} .servicebox_5 img {border-radius: 500%;} .servicebox_5 h3 {padding: 0; margin-bottom: 10px;} .servicebox_5 h5 {margin-bottom: 10px; padding: 0;} .servicebox_5 p {font-family: Arial, Helvetica, sans-serif;} .servicebox_5 p a {margin: 0;} .servicebox_5 p a {background: #0093B5;} .servicebox_5:hover .image_container {border: 3px solid #0093B5;} .servicebox_6 {text-align: center; padding: 15px; margin-bottom: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;} .servicebox_6:hover {background: #F9F9F9;} .servicebox_6 img {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;} .servicebox_6 h3 {padding: 0; margin-bottom: 10px;} .servicebox_6 h5 {margin-bottom: 10px; padding: 0;} .servicebox_6 p {font-family: Arial, Helvetica, sans-serif;} .servicebox_6 p a {margin: 0; background: #0093B5;} .servicebox_6:hover img {border: 3px solid #0093B5;} .servicebox_7 {border-top: 5px solid #F8F8F8; padding-top: 10px; text-align: left!important;} .servicebox_7:before {display: none!important;} .servicebox_7 a:before {font-family: "icons"; content: "\e8c6"; display: inline-block; position: relative; margin-right: 5px;} .servicebox_7:hover {border-color: #0093B5;} .servicebox_7 .ce_image {display: none;} .servicebox_8 {padding: 25px; text-align: center; position: relative; color: #fff;} .servicebox_8[class^="icon-"]:before, .servicebox_8[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #fff;} .servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6 {margin-bottom: 10px; padding: 0;} .servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6, .servicebox_8 h1 a, .servicebox_8 h2 a, .servicebox_8 h3 a, .servicebox_8 h4 a, .servicebox_8 h5 a, .servicebox_8 h6 a {color: #fff;} .servicebox_8 a {display: inline-block; padding: 5px 10px;} .servicebox_8 a {background: #fff;} /* --colorbox ------------------------------------------------- */ .colorbox {background: #C43434; position: relative;} .colorbox i {display: block; text-align: center; background: rgba(255, 255, 255, 0.3);} .colorbox i:before {font-size: 65px; margin: 0!important; color: #fff; padding: 40px 0;} .colorbox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;} .colorbox .colorbox_content a {border-top: 1px solid #fff;display: inline-block; color: #fff;padding-top: 5px;} .colorbox .colorbox_content a:after {font-family: "icons"; content: "\ebc9"; display: inline-block; position: relative; margin-left: 5px;} .colorbox .colorbox_content {padding: 20px; color: #fff;} .colorbox .colorbox_content h3 {color: #fff;} .colorbox:hover {opacity: 0.7; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 0.6s ease; -ms-transition: All 0.6s ease; transition: All 0.6s ease;} .colorbox {-webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 0.6s ease; -ms-transition: All 0.6s ease; transition: All 0.6s ease;} /* --ce_adressblock ------------------------------------------------- */ .ce_adressblock a {display: block; color: inherit;} .ce_adressblock .adressblock_adresse {padding-left: 30px; position: relative;} .ce_adressblock .adressblock_adresse:before {font-family: "icons"; content: "\e93d"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px;} .ce_adressblock .adressblock_tel {padding-left: 30px; position: relative;} .ce_adressblock .adressblock_tel:before {font-family: "icons"; content: "\e8be"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px;} .ce_adressblock .adressblock_fax {padding-left: 30px; position: relative;} .ce_adressblock .adressblock_fax:before {font-family: "icons"; content: "\e716"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px;} .ce_adressblock .adressblock_email {padding-left: 30px; position: relative;} .ce_adressblock .adressblock_email:before {font-family: "icons"; content: "\e84c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px;} .ce_adressblock .adressblock_webadresse {padding-left: 30px; position: relative;} .ce_adressblock .adressblock_webadresse:before {font-family: "icons"; content: "\e776"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px;} /* --newslist ------------------------------------------------- */ .more a {color: #fff; background-color: #009de5; font-weight: normal; text-transform: uppercase; /* text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); */ padding: 3px 10px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); cursor: pointer;} .more a:hover {color: #fff; text-decoration: none;} /* --portfolioteaser version 1 ------------------------------------------------- */ .ce_portfolio-teaser {overflow: visible; position: relative; padding-top: 35px;} .portfolioteaser li {-webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; padding: 10px 0;} .portfolioteaser .bx_inside {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .portfolioteaser .bx_inside > div {overflow: hidden;} .portfolioteaser .bx_inside img {-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;} .portfolioteaser .bx_inside:hover img {-webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%);} .portfolioteaser .bx_caption {height: 100%; width: 100%; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s; transition: transform 0.3s, opacity 0.1s 0.3s; background: #0093B5; position: absolute; left: 0; top: 0; padding: 20px;} .portfolioteaser .bx_inside:hover .bx_caption {opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; -moz-transition: -moz-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s;} .portfolioteaser .bx_caption .morelink {position: absolute; bottom: 20px; right: 20px;} .portfolioteaser .bx_caption .morelink a {background: #fff; color: #0093B5; padding: 6px 15px; display: inline-block; font-size: 11px; border-radius: 1px; white-space: nowrap; text-transform: uppercase;} .portfolioteaser .title {color: #fff; font-size: 22px; font-family: 'ABeeZee', sans-serif; font-weight: 300;} .portfolioteaser .title:after {content: ''; width: 45px; height: 1px; background: #fff; display: block; margin-top: 10px;} .portfolioteaser, .portfolioteaser a {color: rgba(255, 255, 255, 0.7);} .portfolioteaser .subline {margin-top: 5px;} .portfolioteaser .link_to_all {position: absolute; right: 60px; top: 0px;} .portfolioteaser .link_to_all a {color: #717171;} .portfolioteaser .link_to_all a:hover {color: #333;} .portfolioteaser .link_to_all a:before {font-family: "icons"; content: "\ec8d"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 15px;} .portfolioteaser .bx-wrapper .bx-controls-direction a {top: 0;} /* --portfolioteaser version 2 ------------------------------------------------- */ .portfolioteaser.version_2 .bx_inside {overflow: hidden;} .portfolioteaser.version_2 .bx_inside img {-webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;} .portfolioteaser.version_2 .bx_inside:hover img {-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);} .portfolioteaser.version_2 .bx_caption {height: 100px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;} .portfolioteaser.version_2 .bx_inside:hover .bxcaption {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;} .portfolioteaser.version_2 .bxcaption a {position: absolute; bottom: 20px; right: 20px;} .portfolioteaser.version_2 .morelink {display: none;} .portfolioteaser.version_2 a:hover {text-decoration: underline;} /* --portfolioliste -------------------------------------------------*/ .isotope {margin: 0 -1%;} .isotope .block.one_fourth {width: 24.9%;} .isotope .block.one_third {width: 33.2%;} .isotope.nopaddings .portfolioliste {padding-left: 0!important; padding-right: 0!important;} .isotope.nopaddings .portfolioliste_inside {margin: 0!important;} .isotope.nopaddings .portfolioliste .frontside .image_container {margin: 0!important;} .isotope, .isotope .mod_newslist {overflow: visible!important;} .portfolioliste_inside {position: relative; margin: 10px 0;} .portfolioliste {overflow: visible!important; list-style: none; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 21000px;} .portfolioliste .frontside .image_container {margin-bottom: 0; margin-right: 1px;} .portfolioliste .frontside .title {font-size: 17px; display: table-cell; vertical-align: middle; font-weight: 500;} .portfolioliste .frontside .subline {color: #ababab; display: table-cell; vertical-align: middle; text-align: right;} .portfolioliste .frontside .caption {width:100%; padding:19px 0 14px; background: #F6F6F6; display: table; vertical-align: middle; padding: 15px;} .portfolioliste .frontside .image_container img {width: 100%; height: auto;} .portfolioliste .backside {display: block; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg); padding: 20px 20px 75px 20px; background-color: #0093B5; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #fff;} .portfolioliste .backside a {color: #fff;} .portfolioliste .backside .back_title {font-size: 20px; font-weight: 500; margin-bottom: 5px;} .portfolioliste .backside .back_subline {margin-bottom: 15px;} .portfolioliste .teaser {line-height: 18px!important; display: none;} .portfolioliste .backside .port_button a {font-weight: bold; color: #fff; border: 2px solid #fff; padding: 6px 12px;position: absolute; right: 20px; bottom: 20px; z-index: 10000; white-space: nowrap; font-size: 12px; text-transform: uppercase;} .portfolioliste .backside .port_button a {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .portfolioliste .backside .port_button a:hover {background: rgba(255,255,255,0.4); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .portfolioliste .frontside, .portfolioliste .backside {-webkit-transform-style: preserve-3d; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transform-style: preserve-3d; -o-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} /* flip */ .portfolioliste.flip:hover .frontside{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} .portfolioliste.flip:hover .backside {display: block; -webkit-transform: rotateY(0deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(0deg); -moz-box-sizing: border-box; -o-transform: rotateY(0deg); -o-box-sizing: border-box; transform: rotateY(0deg);} /* overlay */ .portfolioliste.port_overlay:hover .backside {display: block; opacity: 0.9;} .portfolioliste.port_overlay img {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .portfolioliste.port_overlay:hover img {-webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .portfolioliste.port_overlay:hover .backside .back_title {-webkit-animation: fadeInDown 500ms ease; -moz-animation: fadeInDown 500ms ease; -ms-animation: fadeInDown 500ms ease; animation: fadeInDown 500ms ease;} .portfolioliste.port_overlay:hover .backside .back_subline {-webkit-animation: fadeInUp 500ms ease; -moz-animation: fadeInUp 500ms ease; -ms-animation: fadeInUp 500ms ease; animation: fadeInUp 500ms ease;} .portfolioliste.port_overlay:hover .frontside {opacity: 1;} .portfolioliste.port_overlay .backside {opacity: 0; display: block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);} /* full width */ .ce_portfolioliste-full-width .title {font-size: 22px; margin-bottom: 10px; border-top: 1px solid #ddd; padding-top: 10px;} .ce_portfolioliste-full-width .teaser {margin: 15px 0 35px 0; display: block;} .ce_portfolioliste-full-width .portfolioliste {overflow: hidden; margin-bottom: 45px;} /* hide teaser */ body[class*="sidebar_"] .portfolioliste.one_third .teaser {display: none!important;} /* fix the width / 3col with sidebar */ .sidebar_right .portfolioliste.one_third, .sidebar_left .portfolioliste.one_third {width: 33%;} /* --portfoliodetails -------------------------------------------------*/ .ce_portfolio-details span {font-weight: bold; display: block;} .ce_portfolio-details .kunde, .ce_portfolio-details .aufgabe, .ce_portfolio-details .verantwortlich {border-bottom: 1px solid #E0E3E6; padding-bottom: 10px; margin-bottom: 10px;} .ce_portfolio-details .beschreibung {margin-top: 35px; margin-bottom: 25px;} .ce_portfolio-details li {margin-bottom: 5px;} .ce_portfolio-details .link {text-align: right; margin-top: 35px; border-top: 2px solid #E0E3E6; padding-top: 15px;} /* --portfoliofilter ------------------------------------------------- */ .filter {overflow: hidden; margin-left: 0; width:100%; position:relative; display: inline-block; text-align: left; margin-bottom: 25px;} .filter li {display: inline-block; cursor: pointer; margin-right: 3px;} .filter li a {display: inline-block; white-space: nowrap; padding: 4px 21px; color: #949494; border: 1px solid #efefef;} .filter li a.selected {border: 1px solid #000; color: #000;} .filter li a:hover {border: 1px solid #000;} .filter .all:before {font-family: "icons"; content: "\e708"; line-height: 11px; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .filter.center {text-align: center;} .filter.right {text-align: right;} /* --jquery tools - tabs ------------------------------------------------- */ .tabwrapper {overflow: hidden; margin-bottom: 35px;} .tabs.horizontal, .panes.horizontal {float: none; overflow: hidden;} .tabs.horizontal {margin-bottom: -1px;} .panes.horizontal {background: #FCFCFC; padding: 20px; border: 1px solid #E1E1E1;} .tabs.horizontal ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;} .tabs.horizontal ul li {float: left; padding: 0; list-style: none;} .tabs.horizontal ul li a {background: #fff; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 14px 30px 14px; position: relative; border: 1px solid #E1E1E1; color: #919191;} .tabs.horizontal ul li a:hover {color: #666;} .tabs.horizontal ul li a.current {background: #FCFCFC; border-bottom: 1px solid #FCFCFC; font-weight: bold;} .tabs.horizontal_clean ul {margin-bottom: 35px; overflow: hidden;} .tabs.horizontal_clean li {float: left;} .tabs.horizontal_clean li a {font-size: 16px; padding: 20px 0; text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; display: block;} .tabs.horizontal_clean li:first-child a {border-left: 0;} .tabs.horizontal_clean ul li a:hover, .tabs.horizontal_clean ul li a.current {background: #0093B5; color: #fff; font-weight: inherit;} .tabs.horizontal_clean li.tab_two {width: 50%;} .tabs.horizontal_clean li.tab_three {width: 33.33%;} .tabs.horizontal_clean li.tab_fourth {width: 25%;} .tabs.horizontal_clean li.tab_fifth {width: 20%;} .tabs.horizontal_clean li.tab_sixth {width: 16.66%;} .tabs.horizontal_clean li.tab_more_sixth a {padding-left: 20px; padding-right: 20px;} .tabs.vertikal {width: 30%;} .tabs.vertikal, .panes.vertikal {float: left;} .panes.vertikal {padding-left: 20px; width: 70%;} .tabs.vertikal ul li a, .tabs.vertical ul li {width:100%;} .tabs.vertikal ul li a {display: block; padding: 12px 16px;} .tabs.vertikal ul li a:hover, .tabs.vertikal ul li a.current {font-weight: bold;} .panes.vertikal {box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);} .tabs.vertikal ul li a {border-bottom: 1px solid #e1e1e1;} .tabs.vertikal_2 {width: 30%; float: right} .panes.vertikal_2 {float: left;} .panes.vertikal_2 {padding-right: 20px; width: 70%;} .tabs.vertikal_2 ul li a, .tabs.vertical ul li {width:100%;} .tabs.vertikal_2 ul li a {display: block; padding: 12px 16px;} .panes.vertikal_2 {box-shadow: 5px 0px 8px -4px rgba(0, 0, 0, 0.2);} .tabs.vertikal_2 ul li a {border-bottom: 1px solid #e1e1e1;} .tabs ul li a:hover, .tabs.vertikal ul li a.current, .tabs.vertikal_2 ul li a.current {font-weight: bold; position: relative; z-index: 100; background: #fff;} /* --jquery tools - tooltip ------------------------------------------------- */ .tooltip {display:none; background: #666666; padding: 5px; z-index: 100; margin-bottom: 15px; position: relative; color: #fff; max-width: 100px;} .tooltip:after {background: #666666; border: 1px solid; border-color: #666666 transparent transparent #666666; content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} /* --charts ------------------------------------------------- */ .customelement_layout_charts {text-align: center; position: relative;} .customelement_layout_charts .chart {position: relative; height: 160px; margin-bottom: 15px;} .customelement_layout_charts span.prozent {font-size: 2em; position: absolute; top: 50%; left: 0; text-align: center; display: block; width: 100%; margin-top: -1em; line-height: 2em;} .customelement_layout_charts .title {font-weight: bold; font-size: 1.6em;} .customelement_layout_charts .subline {font-size: 0.9em; font-style: italic;} .customelement_layout_charts .text {color: rgba(0,0,0,0.5); line-height: 21px;} /* --parallax background ------------------------------------------------- */ .parallax-bg {background-attachment:fixed; background-position: 50% 0; background-size: cover; position: relative; overflow: hidden; min-height: 50px;} .parallax-bg-inside {max-width: 1150px; margin: 0 auto; padding-top: 45px; padding-bottom: 45px;} .parallax-bg.invert, .parallax-bg.invert .filter li a, .parallax-bg.invert h1, .parallax-bg.invert h2, .parallax-bg.invert h3, .parallax-bg.invert h4, .parallax-bg.invert h5, .parallax-bg.invert h6 {color: #fff!important;} .parallax-bg.nopadding-top .parallax-bg-inside {padding-top: 0;} .parallax-bg.nopadding-bottom .parallax-bg-inside {padding-bottom: 0;} .parallax-bg .image_container {margin-bottom: 0;} .parallax-bg .content_boxed {max-width: 1200px; margin-left: auto; margin-right: auto;} /* --parallax bildelement ------------------------------------------------- */ .parallax_image {position: absolute;} .parallax_image .image_container img {max-width: none;} .parallax_image.alignbottom {top: auto!important; bottom: 0; width: 100%;} .parallax_image.alignbottom img {width: 100%;} .parallax_image.aligntop {top: 0!important; width: 100%;} .parallax_image.aligntop img {width: 100%;} /* --backgroundvideo ------------------------------------------------- */ .backgroundvideo {background-size:cover;} .backgroundvideo_content_wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .backgroundvideo_content_wrapper.youtube {position: relative; display: table;} .backgroundvideo {position: relative; line-height: 0;} .backgroundvideo p {line-height: 1.6em; font-size: 1.3em;} .backgroundvideo.mittig {text-align: center;} .backgroundvideo.rechts {text-align: right;} .backgroundvideo.hell, .backgroundvideo.hell h1, .backgroundvideo.hell h2, .backgroundvideo.hell h3, .backgroundvideo.hell h4, .backgroundvideo.hell h5, .backgroundvideo.hell h6 {color: #fff!important;} .backgroundvideo video {width: 100%;} .backgroundvideo.overlay .backgroundvideo_content_wrapper {background: #0093B5; opacity: 0.8;} .backgroundvideo .button {background: #76BFC0; margin-top: 25px;} .backgroundvideo .mobile_poster {display: none;} .backgroundvideo .content_boxed {display: table-cell; vertical-align: middle;} .backgroundvideo_maxwidth {max-width: 1200px; margin-left: auto; margin-right: auto;} .backgroundvideo .backgroundvideo_content_wrapper_inside {display: table; height: 100%; width: 100%;} .backgroundvideo .youtube .backgroundvideo_content_wrapper_inside {display: table-cell; line-height: 24px;} .backgroundvideo .backgroundvideo_content_wrapper_inner {display: table-cell; vertical-align: middle;} /* backgroundvideo in slider */ #slider .backgroundvideo_content_inner {padding: 0;} /* vidscroller */ #vidscroller {position: relative; width: 32px; height: 46px; border: 2px solid #fff; border-radius: 15px; position: absolute; bottom: 30px; margin: 0 auto; left: 0; right: 0; z-index: 1000;} #vidscroller .wheel {display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; margin-left: auto; margin-right: auto; margin-top: 6px; left: 0; right: 0; -webkit-animation: mousewheel 1.7s infinite ease; animation: mousewheel 1.7s infinite ease;} @keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-webkit-keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} /* --mod_subscribe ------------------------------------------------- */ .mod_subscribe table td, .mod_subscribe table {border: 0;} .mod_subscribe input {width: 48%; float: left;} .mod_subscribe label {display: none;} .mod_subscribe input.submit:hover {opacity: 0.9;} /* --mod_subscribe in sidebar ------------------------------------------------- */ #left .mod_subscribe, #right .mod_subscribe {padding: 5px 0; border-top: 2px solid #E3E3E3; margin-top: 25px;} #left .mod_subscribe input, #right .mod_subscribe input {width: 100%!important;} #left .mod_subscribe input.submit, #right .mod_subscribe input.submit {margin: 10px 0 0 0!important;} #left .mod_subscribe h4, #right .mod_subscribe h4 {font-size: 17px; margin-bottom: 12px; padding: 0; font-weight: normal;} #left .mod_subscribe label, #right .mod_subscribe label {margin-bottom: 10px;} /* --mod_subscribe big ------------------------------------------------- */ .mod_subscribe.big {margin: 0 auto; width: 600px;} .mod_subscribe.big input {width: 300px; padding: 20px; border: 0; height: 58px;} .mod_subscribe.big input.text {padding-left: 65px;} .mod_subscribe.big .formbody {position: relative; overflow: hidden;} .mod_subscribe.big .formbody:after {font-family: "icons"; content: "\eaf6"; text-indent: 0; display: inline-block; position: absolute; top: 50%; left: 20px; font-size: 24px; margin-top: -12px;} /* --mod_subscribe page layout blank ------------------------------------------------- */ .blank .mod_subscribe {background: none; text-align: center; background: #fafafa; padding: 3%;} .blank .mod_subscribe input {display: block; float: none; width: 45%; margin: 0 auto 10px auto;} .blank .mod_subscribe h4 {display: none;} /* --mod_calendar ------------------------------------------------- */ .mod_calendar table {border-bottom: 1px solid #B9BCBE;} .mod_calendar td {padding: 1.5%} .mod_calendar td.col_first {border-left: 1px solid #B9BCBE;} .mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;} .mod_calendar th.head {padding: 0;} .mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;} .mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;} .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;} .mod_calendar th.current {text-align: center;} .mod_calendar th.next {text-align: right;} .mod_calendar th.previous {text-align: left;} .mod_calendar th.label {text-align: center;} .mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;} .mod_calendar td.empty, .mod_calendar td:hover {background: #fff;} .mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;} .mod_calendar td.today a {color: white !important;} .mod_calendar th.current:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;} /* --mod_eventreader ------------------------------------------------- */ .mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;} /* --mod_eventlist ------------------------------------------------- */ .mod_eventlist .event {margin-bottom: 25px;} .mod_eventlist h2 {margin-bottom: 5px;} .mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;} .mod_eventlist p.time:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} /* --mod_sitemap ------------------------------------------------- */ .mod_sitemap ul ul {margin: 8px 0 20px 15px;} .mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;} .mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;} .mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;} .mod_sitemap li.submenu {font-weight: bold;} .mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;} .mod_sitemap li a:before {content: '';} /* --mod_faqlist ------------------------------------------------- */ .mod_faqpage {counter-reset: mod_faqpage;} .mod_faqpage h2 {margin-bottom: 20px;} .mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 2em; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #0093B5; border-radius: 3px; line-height: 2em;} .mod_faqpage section {margin-bottom: 35px;} .mod_faqpage .info {font-size: 11px;} .mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} .mod_faqpage .toplink {border-bottom: 1px solid #ddd;} .mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;} /* --mod_registration ------------------------------------------------- */ .mod_registration {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;} .mod_registration label {width: 40%; float: left;} .mod_registration input {width: 60%; float: left;} .mod_registration .submit_container {width: 100%; margin-top: 0px;} .mod_registration .submit_container input {width: 60%; float: right;} .mod_registration .captcha_text {float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px;} .mod_registration p.error {margin-left: 40%; clear: both;} /* --mod_search ------------------------------------------------- */ .mod_search input {width: 45%; float: left;} .mod_search input[type="search"] {-webkit-appearance: none!important; padding-right: 0!important; border-radius: 0!important;} .mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;} .mod_search .relevance {float: right; font-size: 12px;} .mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; content: '\e92a';} .mod_search .submit {margin: 0; padding: 5px; display: inline-block; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7; cursor: pointer;} .mod_search .submit:hover {opacity: 1;} #container .mod_search .submit {height: 39px;} #container .mod_search form {overflow: hidden;} #container .mod_search .text, #container .mod_search .submit {height: 39px;} /* --mod_nl_reader ------------------------------------------------- */ .mod_nl_reader #container, body.dark, body.dark .mod_nl_reader #container {background: #fff;} .mod_nl_reader table {border: 0!important;} .mod_nl_reader table td {padding: 0; border: 0!important;} /* --mod_nl_list ------------------------------------------------- */ .mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;} .mod_nl_list li a {margin-left: 40px;} /* --404 page ------------------------------------------------- */ #page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;} #page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;} #page-404 p a {text-transform: none; margin: 0;} /* --ce_downloads ------------------------------------------------- */ .ce_downloads li {border-bottom: 1px dotted #ccc; padding: 8px;} .ce_downloads img {margin-right: 10px; vertical-align: middle;} .ce_downloads li span {font-style: italic; font-size: 10px;} /* ============================================================================= * --forms * ========================================================================== */ /* --hide br ------------------------------------------------- */ form br {display: none;} /* --input-wrapper ------------------------------------------------- */ .input-wrapper {margin-bottom: 12px; position: relative;} .input-wrapper * {width: 99.9%; margin-left: 0!important;} .ce_form .full {width: 99.9%;} .input-wrapper.mandatory span {display:inline;} /* --fieldset+legend ------------------------------------------------- */ fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;} legend {display: none;} /* --input, select, textarea ------------------------------------------------- */ input, select, textarea {width: 100%; padding: 10px; margin: 0; border: 1px solid #E1E1E1; color: #333; background: #FCFCFC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 18px; border-radius: 0;} input[type="search"] {-webkit-appearance: none; border-radius: 0!important;} input[type="submit"], input.submit {color: #fff; background: #0093B5;} select {height: 40px; padding: 8px;} textarea {height: 200px; min-height: 80px;} /* --radio-buttons ------------------------------------------------- */ .radio_container {margin-top: 1px;} .radio_container legend span {margin-bottom: 5px; display: inline!important;} .radio_container label {float: none;} .radio_container input {width: 20px; padding: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 100%;} .radio_container legend {display: block; overflow: hidden;} .radio_container span {display: block;} .radio_container.horizontal span {display: inline-block; margin-right: 15px;} /* --checkboxes ------------------------------------------------- */ .checkbox_container {margin-top: 1px;} .checkbox_container legend span {margin-bottom: 5px; display: inline!important;} .checkbox_container label {float: none;} .checkbox_container input {width: 20px!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;} .checkbox_container legend {display: block; overflow: hidden;} .checkbox_container span {display: block;} .checkbox_container.horizontal span {display: inline-block; margin-right: 15px;} /* --submit-button ------------------------------------------------- */ .submit_container input {width: auto!important;} .submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;} input[type="submit"], input.submit {padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #0093B5; color: #fff; cursor: pointer; } input[type="submit"], input.submit {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} input[type="submit"]:hover, input.submit:hover {opacity: 0.9; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* --errors ------------------------------------------------- */ label.error {color: red;} input.error {border: 1px solid red;} p.error {color: red; clear: both;} /* --captcha ------------------------------------------------- */ .ce_form .captcha {width: 20%;} .ce_form .captcha-container label {width: 100%; display: block;} .ce_form .captcha_text {display: block; margin-top: 10px;} .ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;} /* --footer form ------------------------------------------------- */ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {margin-bottom: 30px;} #footer input, #footer textarea {font-family: inherit; background: rgba(255, 255, 255, 0.2); -webkit-box-shadow: none; box-shadow: none; border-color: rgba(255, 255, 255, 0.2); color: #ddd;} #footer textarea {height: 86px;} #footer .submit_container {margin-top: 0;} #footer input.submit {font-weight:normal; text-transform: uppercase; float: right; background: none; text-shadow:none; background: rgba(255,255,255,0.3); color: #ddd; border: 1px solid rgba(255, 255, 255, 0.2);} #footer input, #footer textarea {-webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; transition: All 0.8s ease;} #footer input:hover, #footer input.submit:hover, #footer textarea:hover {background: rgba(255, 255, 255, 0.3); -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; transition: All 0.4s ease;} #footer input:focus, #footer textarea:focus {background: rgba(255, 255, 255, 0.6);} #footer *::-webkit-input-placeholder {color: #ddd; font-size: 12px;} #footer *:-moz-placeholder {color: #ddd; font-size: 12px;} #footer *::-moz-placeholder {color: #ddd; font-size: 12px;} #footer *:-ms-input-placeholder {color: #ddd; font-size: 12px;} /* --jquery tools - datepicker ------------------------------------------------- */ input.date {cursor: pointer; background-position: 95% center; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RjExM0E5RjA3RTMxMUUzQTIzNUVDNDkwQURCQjU2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RjExM0FBMDA3RTMxMUUzQTIzNUVDNDkwQURCQjU2OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlGMTEzQTlEMDdFMzExRTNBMjM1RUM0OTBBREJCNTY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlGMTEzQTlFMDdFMzExRTNBMjM1RUM0OTBBREJCNTY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S8AvwQAAAbdJREFUeNqUUk2rQVEUXfd0kkiShJKUj4GpgX/AgLGpgRH/QPgnRqY+Zoz8Eh9lQEShyDf3Wad3bu/1er3ert05+6617trnnG20221sNhvE43FzNBohkUhgPB4bpmmCYRjGN+y9Gn6/H+KNkWF2Oh2kUil0u12Yn6Ex/pwYOe8fKUwuFgvEYjGs12tMp1MEAgGEQiHlpENjwWAQ4XAYk8kE4nq94na7Yb/fo9VqYbfb4Xw+43Q6qZXJbxojlykJcFMulzGbzWCz2WC323kW5fp6vZBMJhGJROB0OhWXGqkde70eHA6HItPN4/FYrfIbMQb5TOn1epHP5/Gf4JklW2Hq6/8rdPvy+XxCi/v9PlarFVwuFwqFgiIOBgMsl0uUSiVLSI14PB5qwzWbzaJYLKqBYM3MZDK4XC5Wzc7Ilyzodr/fMZ/P1SWl02lV6zgej1ZNR2oERdqRj1+pVDAcDi0HCg6Hg1Xro4mvjsztdquIum40Gqqu1+uq1iaSb0ghJ6fZbMLtdiOXyymQUavVrJb1GdXksH8hBHw+H6rV6o+rJ1GvDHKpkRxctqOH+rf3/CqORqP4EGAAqhts6b9NH8cAAAAASUVORK5CYII=');} #calroot {z-index:10000; margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 15px #666; -webkit-box-shadow:0 0 15px #666} #calhead {padding:2px 0; height:22px} #caltitle{font-size:14px; color:#515347; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd} #calnext,#calprev {display:block; width:20px; height:20px; background:transparent url('data:image/gif;base64,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') no-repeat scroll center center; float:left; cursor:pointer;} #calnext {background-image: url('data:image/gif;base64,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'); float:right} #calnext.caldisabled,#calprev.caldisabled {visibility:hidden} #caltitle select {font-size:10px} #caldays {height:20px; border-bottom:1px solid #ddd} #caldays span {display:block;float:left;width:28px;text-align:center} #calweeks {background-color:#fff;margin-top:4px} .calweek {clear:left;height:22px} .calweek a {display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px} .calfocus,.calweek a:hover {background-color:#ddd} a.calsun {color:red} a.caloff {color:#ccc} a.caloff:hover {background-color:#f5f5fa} a.caldisabled {background-color:#efefef!important; color:#ccc!important; cursor:default} #calcurrent {background-color:#515347; color:#fff} #caltoday {background-color:#333; color:#fff} /* --icon ------------------------------------------------- */ .input-wrapper:hover span i:before {-webkit-animation: rotateIn 500ms ease; -moz-animation: rotateIn 500ms ease; -ms-animation: rotateIn 500ms ease; animation: rotateIn 500ms ease;} .input-wrapper-inside[class^="icon-"] span, .input-wrapper-inside[class*="icon-"] span {border-right: 0!important;} /* ============================================================================= * media-queries * ========================================================================== */ /* --tablets ------------------------------------------------- */ @media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* body */ #contentwrapper {padding-top: 0!important;} /* header */ #header {width: 100%; position: static!important;} #contentwrapper #header .inside {padding-top: 0!important;} #header #headerhide, #header .socials, #header .contentbox {display: none!important;} body.header_open #top,body.header_open #wrapper,body.header_open footer,body.header_open #bottom,body.header_open #header_after {margin-left: 0!important;} body.header_open #header {width: 100%!important;} body.onepage #header {position: fixed!important; width: 100%; top: 0;} #stickyheader {display: none;} /* top */ #top {display: none!important;} /* teaser */ #container_before {border-left: 0; border-right: 0; height: auto;} #container_before:before,#container_before:after {display: none;} /* container */ #container:before {width: 100%;} .parallax-bg {background-position: 50% 0!important;} /* portfolio */ .portfolioteaser .port-infos {position: relative;} .portfolioteaser .port-infos h2 {font-size: 12px; display: block; background: #ededed;} .portfolioliste .port-infos {position: relative;} /* video button */ .mejs-overlay-button {display: none!important;} /* sublines */ [class*="subheadline_"] {margin-top: 0px;} /* menu + mobilemenu */ #header nav.mainmenu {display: none!important;} #submenu {display: none;} #nav-open-btn {display: table-cell; position: relative; z-index: 500000;} #header .inside, body.blank #header .inside {text-align: left!important; display: table!important; height: 85px!important;} body.onepage #headeroffset {height: 85px;} /* stickyheader */ #stickyheader {display: none!important} /* logo */ .logo {display: table-cell!important; height: 85px; left: 40px; position: absolute!important;} /* headerimage headlines */ .headerimage h3 {font-size: 34px;} .headerimage h4 {font-size: 18px;} /* ce_gallery isotope masonry */ .ce_gallery .isotope .block.autogrid {width: 50%;} /* portfolioliste */ .portfolioliste .teaser {display: none;} /* blog */ .blog.block.one_third {width: 50%;} /* mod_breadcrumb */ #pagetitle, .mod_breadcrumb {float: none; text-align: left;} /* container-inside */ #container-inside {padding: 40px!important;} /* #teaser_after .inside */ #teaser_after .inside {padding: 40px!important;} /* linktotop */ #linktotop {display: none!important;} /* iconsize servicebox */ .servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {font-size: 40px;} /* nachrichtenteaser */ .nachrichtenteaser_v3 h4 {margin-bottom: 3px;} /* nachrichtenliste */ .nachrichtenliste .info div {display: block;} /* pricetables */ .pricetable i {display: none;} /* teamboxes */ .teambox_2 .funktion {position: static;} /* backgroundvideo */ .backgroundvideo video {opacity: 0;} .backgroundvideo .mobile_poster {display: block; width: 100%; height: auto;} .backgroundvideo .mbYTP_wrapper {display: none;} .backgroundvideo {height: auto!important;} .backgroundvideo_content_wrapper.youtube {position: relative; left: 0; top: 0;} .backgroundvideo .content_boxed {padding-left: 20px; padding-right: 20px;} .backgroundvideo.ownvideo #vidscroller {display: none;} .backgroundvideo .backgroundvideo_content_wrapper {padding: 20px;} /* parallax-bg */ .parallax-bg {background-attachment: scroll;} .parallax-bg .content_boxed {padding-left: 20px; padding-right: 20px;} /* hide parallax image element */ .parallax_image {display: none!important;} /* hide ce_imagemap hotspots */ .ce_imagemap .hotspot {display: none;} } /* --phones ------------------------------------------------- */ @media only screen and (max-width: 767px) { /* body */ body {padding: 0;} /* logo */ .logo {width: 140px; height: 85px; left: 20px;} /* wrapper */ #wrapper {width: 100%;} /* sidebar */ body.sidebar_left #main, body.sidebar_left #left, body.sidebar_right #main, body.sidebar_right #right, body.sidebar_both #main, body.sidebar_both #left, body.sidebar_both #right {width: 100%; margin: 0;} body.sidebar_left #left, body.sidebar_right #right, body.sidebar_both #left, body.sidebar_both #right {box-shadow: none;} body.sidebar_left #main .inside, body.sidebar_left #left .inside, body.sidebar_right #main .inside, body.sidebar_right #right .inside, body.sidebar_both #main .inside, body.sidebar_both #left .inside, body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0;} #right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;} #left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;} /* headlines with divider remove lines */ .divider .ext_txtpic_headline h1, .divider .ext_txtpic_headline h2, .divider .ext_txtpic_headline h3, .divider .ext_txtpic_headline h4, .divider .ext_txtpic_headline h5, .divider .ext_txtpic_headline h6, .divider_2 .ext_txtpic_headline h1, .divider_2 .ext_txtpic_headline h2, .divider_2 .ext_txtpic_headline h3, .divider_2 .ext_txtpic_headline h4, .divider_2 .ext_txtpic_headline h5, .divider_2 .ext_txtpic_headline h6 {background: none; line-height: 1em;} .divider span, .divider_2 span {background: none;} /* image_container */ .image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;} /* container_before - rootpath */ .content_page #container_before {display: none;} /* ce_text */ #wrapper .ce_text {width: 100%;} /* footer */ #footer .inside {text-align: center; padding: 40px 20px;} /* disable webkit text size adjust (for iPhone) */ html {-webkit-text-size-adjust: none;} /* tables */ table {font-size: 9px;} /* css-framework */ .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0 15px 0;} .border-inner {border: 0!important;} /* extension subcolumns */ .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;} .subcr, .subcl, .subc {padding: 0!important;} /* ce_gallery */ .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 {margin-left: 4%!important; width:48%; float:left!important; position:relative; clear: none!important;} .ce_gallery .row2:nth-child(2n+1), .ce_gallery .row3:nth-child(2n+1), .ce_gallery .row4:nth-child(2n+1), .ce_gallery .row5:nth-child(2n+1), .ce_gallery .row6:nth-child(2n+1), .ce_gallery .row7:nth-child(2n+1), .ce_gallery .row8:nth-child(2n+1), .ce_gallery .row9:nth-child(2n+1), .ce_gallery .row10:nth-child(2n+1), .ce_gallery .row11:nth-child(2n+1), .ce_gallery .row12:nth-child(2n+1) {margin-left: 0!important; clear: left!important;} /* ce_countdown */ .ce_countdown {font-size: 12px;} .ce_countdown .countdown-section {margin-right: 5px;} .ce_countdown .countdown-amount {font-size: 14px; line-height: 14px;} /* mod_calendar */ .mod_calendar table {font-size: 7px;} /* iconboxes */ .servicebox_2.iconright, .servicebox_3.iconright {text-align: left!important; padding-left: 50px; padding-right: 0;} .servicebox_2.iconright:before, .servicebox_2.iconright .ce_image, .servicebox_3.iconright:before, .servicebox_3.iconright .ce_image {left: 0; right: auto;} /* search */ #top .mod_search {display: none;} .mod_search input {width: 100%;} #container .mod_search .submit {margin-top: 10px;} /* mod_subscribe */ .mod_subscribe input {width: 100%!important; margin-bottom: 10px;} /* mod_registration */ .mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;} .mod_registration .captcha_text {margin: 5px 0 15px 0;} .mod_registration p.error {margin-left: 0;} /* forms */ form label {margin-bottom: 2px!important;} form .captcha_text {line-height: 1em;} .checkbox_container.horizontal span, .radio_container.horizontal span {display: block;} /* footer content */ #footer .submit_container {text-align: center; margin-top: -15px;} #footer input.submit {float: none; } #footer .ce_text {margin-bottom: 0px;} /* copyright */ #bottom .float-left, #bottom .float-right {float: none; text-align: center;} #bottom .inside {padding: 20px;} /* video button */ .mejs-overlay-button {display: none!important;} /* ce_adressblock button */ #footer .ce_adressblock .adressblock_adresse, #footer .ce_adressblock .adressblock_tel, #footer .ce_adressblock .adressblock_fax, #footer .ce_adressblock .adressblock_email, #footer .ce_adressblock .adressblock_webadresse {padding-left: 0;} /* nachrichtenliste */ .nachrichtenliste {margin-bottom: 0;} /* more button */ .more a {padding: 2px 5px; font-size: 80%;} /* calltoaction */ .calltoaction_left, .calltoaction_right {display: block;} .calltoaction p {width: 100%;} .calltoaction_2:after {right: 10px;} .calltoaction_2 p {width: 80%;} .calltoaction a {width: 100%; margin-top: 15px;} /* ce_hyperlink */ .ce_hyperlink.right {text-align: center;} .ce_hyperlink.left {text-align: center;} /* mod_subscribe */ .mod_subscribe.big {width: 100%;} .mod_subscribe.big .formbody:after {display: none;} .mod_subscribe.big input.text {padding-left: 20px;} .mod_subscribe.big input {width: 100%;} /* css helper class hide for mobile devices */ .mobile_hide, .mobile_hide_img img {display: none!important;} /* header_after ce_text */ #header_after .ce_text.headertext {padding: 0 20px;} /* tabs */ .tabs ul li {float: none;} .tabs ul li a {float: none; display: block; margin: 2px 0;} .tabs ul li a:hover, .tabs.vertikal ul li a.current, .tabs.vertikal_2 ul li a.current {background: #fafafa;} .tabs.horizontal_clean ul li {float: none; display: block;} .tabs.horizontal_clean ul li a, .tabs.horizontal_clean li:first-child a {border: 1px solid #f1f1f1;} .tabs.horizontal_clean li a {text-align: left; padding-left: 10px;} /* bigtext */ .bigtext {font-size: 18px; line-height: 24px;} /* headline container_before */ #container_before .inside h1 {font-size: 28px;} /* container */ #container-inside {padding: 40px 20px!important;} /* container_before */ #container_before .inside {padding: 40px 20px!important;} /* container_before */ #teaser_after .inside {padding: 20px!important;} /* ce_counter */ .ce_counter {margin-bottom: 15px;} .ce_counter .counterwrapper {line-height: 1.3em;} /* header .inside */ #header .inside {padding: 0 20px;} #header .inside, body.blank #header .inside {height: 70px;} body.onepage #headeroffset {height: 70px;} /* site-font-icon */ .site-icons .row div {width: 100%!important;} /* button */ .button, input[type="submit"], input.submit, .submit_container input {display: block; width: 100%!important;} #off_canvas .mod_search .submit {width: auto!important;} /* tabs */ .tabs.vertikal, .panes.vertikal, .tabs.vertikal_2, .panes.vertikal_2 {float: none;} .tabs.vertikal, .tabs.vertikal_2 {width: 100%;} .tabs.vertikal ul li a, .tabs.vertikal_2 ul li a {border: none; background: #efefef; margin-bottom: 1px;} .panes.vertikal, .panes.vertikal_2 {padding: 15px; width: 100%; border: 1px solid #ccc;} .tabs.horizontal ul li {float: none; display: block;} .tabs.horizontal ul li a {display: block; float: none; border: 0; background: #efefef; margin-bottom: 1px; margin: 0 0 1px 0;} .tabs.horizontal_clean li {width: 100%!important;} /* testimonials */ .testimonial_v1 {display: block;} .testimonial_v1 .image_container {display: block; text-align: center; width: 100%;} .testimonial_v1 .image_container img {margin: 0 auto; max-width: 100px;} /* extended text & bild custom element */ .ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ext_txtpic.col_right .ce_hyperlink {padding: 0;} .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_hyperlink {padding: 0;} .float_left .ext_txtpic_bild, .float_right .ext_txtpic_bild {width: 100%!important;} .col_left .ext_txtpic_text, .col_left .ext_txtpic_bild, .col_right .ext_txtpic_text, .col_right .ext_txtpic_bild {display: block!important; margin: 0!important; width: 100%!important;} .ext_txtpic_text, .ext_txtpic_bild, .ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_left .ce_textarea {padding: 0!important;} .ce_text-mit-bild-erweitert .txt_right * {text-align: left;} .ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild {margin-top: 20px!important;} .ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild {margin-bottom: 20px!important;} .ce_text-mit-bild-erweitert .ext_txtpic_bild {width: 100%!important; max-width: 100%!important;} .ce_text-mit-bild-erweitert .ext_txtpic_bild img {max-width: 100%; height: auto;} /* ce_gallery isotope */ .ce_gallery .isotope .isotope-item {margin-bottom: 10px;} /* portfolioliste */ .portfolioliste .teaser {display: none;} /* hide icons in footer */ #footer .ce_adressblock .adressblock_adresse:before, #footer .ce_adressblock .adressblock_tel:before, #footer .ce_adressblock .adressblock_fax:before, #footer .ce_adressblock .adressblock_email:before, #footer .ce_adressblock .adressblock_webadresse:before {display: none;} /* nachrichtenteaser */ .nachrichtenteaser_v3 h4 {margin-bottom: 5px;} .nachrichtenteaser_v3 .linkwrapper .subheadline {float: none; display: block;} .nachrichtenteaser_v3 .linkwrapper a {float: none;} /* nachrichtenliste */ .nachrichtenliste .comments, .nachrichtenliste .author, .nachrichtenliste .date {display: block;} .nachrichtenliste.smallview .two_third {padding-left: 1%;} .nachrichtenliste .date-wrapper {display: none;} /* nachrichtenleser */ .nachrichtenleser .date, .nachrichtenleser .author, .nachrichtenleser .comments {display: block; margin: 0; padding: 0;} .nachrichtenleser .info {margin-bottom: 10px;} /* portfolioliste */ .isotope.nopaddings .portfolioliste {margin-bottom: 0!important;} .filter li {display: block; margin: 3px 10px;} .filter li a {display: block;} /* pagination */ .pagination ul {width: 100%; float: none;} .pagination p {width: 100%; float: none;} .ce_blog .pagination {bottom: -75px;} /* pricetables */ .pricetable_3col .pricetable, .pricetable_4col .pricetable {float: none; width: 100%; margin: 0 0 15px 0;} .ce_preistabelle .link {padding: 0;} .ce_preistabelle .link a {margin-bottom: 0;} /* testimonial_slider_v2 */ .testimonial_slider_v2 .text, .testimonial_slider_v2 .autor {font-size: 1em;} /* bxslider */ .bx-wrapper .bx-pager.bx-default-pager a {height: 10px; width: 10px;} /* articlewrapper */ .articlewrapper.boxed, .articlewrapper.fullwidth_contentboxed > .inside {padding-left: 20px!important; padding-right: 20px!important;} /* css helper margins */ .margin-top10 {margin-top: 10px;} .margin-top20 {margin-top: 20px;} .margin-top30 {margin-top: 20px;} .margin-top40 {margin-top: 20px;} .margin-top50 {margin-top: 20px;} .margin-top60 {margin-top: 20px;} .margin-top70 {margin-top: 20px;} .margin-top80 {margin-top: 20px;} .margin-top90 {margin-top: 20px;} .margin-top100 {margin-top: 20px;} .margin-bottom10 {margin-bottom: 10px;} .margin-bottom20 {margin-bottom: 20px;} .margin-bottom30 {margin-bottom: 20px;} .margin-bottom40 {margin-bottom: 20px;} .margin-bottom50 {margin-bottom: 20px;} .margin-bottom60 {margin-bottom: 20px;} .margin-bottom70 {margin-bottom: 20px;} .margin-bottom80 {margin-bottom: 20px;} .margin-bottom90 {margin-bottom: 20px;} .margin-bottom100 {margin-bottom: 20px;} .phone_no {margin-top: 0;} .phone_no {margin-bottom: 0;} /* headlines */ h1 {font-size: 28px;} h2 {font-size: 23px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 15px;} /* fontsize classes */ .fontsize_xxxl {font-size: 26px; line-height: 1.8em;} .fontsize_xxl {font-size: 24px; line-height: 1.8em;} .fontsize_xl {font-size: 20px; line-height: 1.8em;} .fontsize_l {font-size: 20px; line-height: 1.8em;} .fontsize_m {font-size: 15px; line-height: 1.8em;} .fontsize_s {font-size: 13px; line-height: 1.8em;} } /* ============================================================================= * setting for browsers * ========================================================================== */ /* android background fixed bug */ body.android {background-attachment: scroll!important;} /* safari opacity hover bug */ body.safari * {-webkit-font-smoothing: antialiased;} /* safari remove input placeholder icon */ body.safari input[placeholder]:before {display: none;} /* IE input fields */ input::-ms-clear {display: none;} body.ie .checkbox_container input, body.ie .radio_container input {border: none;} body.ie #footer input:hover, body.ie input, body.ie #footer textarea {transition: none!important;} body.ie #footer input:focus, body.ie #footer textarea:focus {padding: 10px; margin: -1px;} /* IE9 bugs portfolioteaser V2 */ body.ie9 .portfolioteaser.version_2 .bx_caption {top: 0;} body.ie9 .portfolioliste .backside {display: none;}