/* ============================================================================= * 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; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* --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: #333333; text-decoration: none;} .ce_text p a:not(.button) {color: #333333;} 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;} strong {font-weight: bold;} /* --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;} /* --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: source-sans-pro, sans-serif; color: #333333; font-weight: 400; text-transform: uppercase;} h1 {font-size: 30px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 14px;} h5 {font-size: 14px;} h6 {font-size: 14px;} /* --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;} /* --articlewrapper ------------------------------------------------- */ body.aw_active #container-inside {padding: 0!important; max-width: 100%!important;} .articlewrapper.typ2 {background: #FFFFFF;} .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;} #wrap_kurzbeschreibung {padding:50px 0; margin-bottom: 10px; box-shadow: 0px 0px 6px rgba(127,127,127,0.39),0px 0px 6px rgba(127,127,127,0.39);} #wrap_kurzbeschreibung .ce_headline {font-weight: bold;} #wrap_kurzbeschreibung .ce_headline, #wrap_kurzbeschreibung .ce_text {text-align: center;} #wrap_kurzbeschreibung .ce_text {padding-top: 15px;} #wrap_kernkompetenzen {padding:50px 0 20px;} #wrap_kernkompetenzen .autogrid_wrapper {margin-bottom:30px;} #wrap_kernkompetenzen .ce_headline {text-align: center; margin-bottom: 50px;} #wrap_kernkompetenzen .servicebox_2[class^="icon-"]:hover:before, #wrap_kernkompetenzen .servicebox_2[class*="icon-"]:hover:before, #wrap_kernkompetenzen .servicebox_2:hover h4 {color: #fe0000;} #wrap_kernkompetenzen .autogrid_wrapper .inner, #impressum .autogrid_wrapper .inner {padding-left:12px;} #wrap_parallax-hintergrund-1 .ce_headline {position: relative;top: 160px; /*left: 10px;*/ width: 350px;padding: 10px 30px;background: #ffffff;} #wrap_parallax-hintergrund-2 .ce_headline {position: relative;top: 160px; /*left: 10px;*/ width: 350px;padding: 10px 30px;background: #ffffff;} /* #wrap_anfrage-start > .autogrid_wrapper {padding:50px 0;} */ #wrap_anfrage-start h6 {margin-top:50px; margin-bottom:0;} #wrap_anfrage-start #anfrage .ce_form {margin-top:2em;} #wrap_anfrage-start #aktuell {padding-left: 50px;} #wrap_anfrage-start #aktuell .ce_text-mit-bild-erweitert {padding: 2em 0; border-bottom: 1px solid #d7d7d7;} #wrap_erfolgsgeschichten {padding:50px 0;} #wrap_erfolgsgeschichten .customelement_layout_text_bild {margin-bottom: 75px;} #impressum .servicebox_2 {position: relative; padding-left: 60px; text-align: left!important;} #impressum .servicebox_2[class^="icon-"]:before, #impressum .servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #333333; position: absolute; left: 0; top: 0; line-height: 60px;} #impressum .servicebox_2[class^="icon-"]:hover:before, #impressum .servicebox_2[class*="icon-"]:hover:before {color: #fe0000;} #impressum .haftung {margin-top: 50px;} /* --body ------------------------------------------------- */ body {color: #333333; overflow-x: hidden; font-family: Arial, Helvetica Neue, Helvetica, sans-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;} #topbar .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);} /* --topbar ------------------------------------------------- */ #topbar { background: #333333; /* Old browsers */ background: -moz-linear-gradient(left, #333333 0%, #555555 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #333333 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #333333 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=1 ); /* IE6-9 */ } #topbar {position: relative; z-index: 5100; margin: 0 auto 0 auto; font-size: 15px!important; font-family: Arial, sans-serif!important; line-height: 54px!important; height: 54px; font-weight: bold; } #topbar 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;} #topbar .inside {padding: 0 40px;} #topbar, #topbar a {color: #fff;} #topbar #hotline {float: left; line-height: 54px;} #topbar #hotline span {margin-right: 50px;} #topbar i {font-size: 26px; vertical-align: top;} #topbar i[class^="icon-"]:before, #topbar i[class*="icon-"]:before {margin-right: 0.25em;} /* --logo ------------------------------------------------- */ /* .logo { width: 550px; height: 106px; display: inline-block; padding-top: 20px;} */ .logo { display: inline-block; padding-top: 40px;} .logo a {display: block; height: 100%; width: 100%;} .logo a img {max-width: 100%; width: 100%; padding-right: 20px;} .logo p {letter-spacing: 3px;font-weight: bold;text-transform: uppercase;font-stretch: ultra-condensed;font-size: 16px; margin: 0; padding-right: 20px;} /* --#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; box-shadow: 0 0px 5px rgba(0,0,0,0.3); border-top: 2px solid #FE0000; height: 175px;} #header .inside {padding: 0 40px; display: table; width: 100%;} #header .image_container {margin: 0;} #header .socials, #header .mod_sprachwechsler, #header .contentbox {display: none;} /* --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: #f8f8f8; 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 .tp-bannertimer {display: none;} .ce_revolutionslider video {width: 100%;} .ce_revolutionslider .tp-leftarrow {left: 20px!important;} .ce_revolutionslider .tp-rightarrow {right: 20px!important;} .ce_revolutionslider .tp-caption { padding: 0 10px; text-shadow: #333333 0.01em 0.01em 0.01em} .ce_revolutionslider .tp-bullets, .ce_revolutionslider .tp-bullets.hidebullets {opacity: 1!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;} .ce_revolutionslider .tp-bullets.simplebullets.square .bullet {width: 18px;height: 6px;border-color: #DEDEDE;background: #000000; opacity: 0.2;} .ce_revolutionslider .tp-bullets.simplebullets .bullet.selected {border-color: #999999; opacity: 0.5;} /* --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;} /* --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;} /* --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: #D7D7D7; */ font-size: 1em; border-bottom: 1px solid #fff;} #footer, #footer a {color: #333333;} #footer a:hover {text-decoration: underline;} #footer .inside {margin: 0 auto; padding: 40px 40px;} #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {font-weight: 400; color: #333333; text-transform: uppercase;} #footer h4 {font-size: 16px; font-stretch: condensed;} #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 .footer-nav {margin-top: 114px;} /* --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: #333333; font-size: 1em; color: #ffffff; } #bottom .inside {max-width: 1280px; margin: 0 auto; padding: 35px;} #bottom a:hover {text-decoration: underline;} #bottom .last a {padding: 0 5px;} #bottom .last a:last-child {padding-right: 0;} /* #bottom .contentbox .center {width:100%; text-align:center; border-bottom: 1px solid #ffffff; line-height:0.1em; margin:10px 0 20px;}*/ /* #bottom .contentbox .center span {background: #333333; padding: 0 2em;}*/ #bottom .contentbox .center:before, #bottom .contentbox .center:after { background-color: #fff; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } #bottom .contentbox .center:before { right: 2em; margin-left: -50%; } #bottom .contentbox .center:after { left: 2em; margin-right: -50%; } /* ============================================================================= * cookie-banner * ========================================================================== */ .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: #142427; color: rgb(255,255,255); z-index: 2000; padding: 15px 65px 15px 15px; -webkit-animation: fadeInUp 2000ms ease; animation: fadeInUp 2000ms ease; } .cookie-banner.close { display: none; } .cookie-banner-close { cursor: pointer; height: 30px; width: 30px; position: absolute; right: 15px; top: 50%; margin-top: -15px; } .cookie-banner-close:before, .cookie-banner-close:after { content: ''; background: rgba(255,255,255,0.9); height: 1px; width: 30px; z-index: 10; right: 0; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; position: absolute; } .cookie-banner-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cookie-banner p { margin-bottom: 0; text-align: center; } .cookie-banner a { color: #fff; font-weight: bold; } .mejs-overlay-button {display:none;} /* ============================================================================= * 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; padding-top: 73px;} 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: 12px; float: none; padding: 38px 0; margin-left: 15px; margin-right: 15px;text-transform: uppercase; letter-spacing: 1px;} 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 #FE0000;} 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 a.trail, nav.mainmenu ul li a.active {color: #FE0000 !important;} */ 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: #FE0000; 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.active a {background: #333333; 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%;} /* --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: #FE0000; background: #f8f8f8;} #submenu a.active.trail {background: inherit; color: #333333;} #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 {opacity: 0;} #off_canvas.pushy-open {opacity: 1;} #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: #fe0000; 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;} .pushy, #contentwrapper, .push {-webkit-perspective: inherit!important;} .pushy, #contentwrapper, .push {-webkit-backface-visibility:inherit!important;} /* ============================================================================= * features + contao modules * ========================================================================== */ /* --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;} /* --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;} /* --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: #333333; -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;} /* --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;} /* --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: #333333; color: #fff; 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 #333333!important; color: #333333!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;} /* --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;} .aktuelles .nachrichtenliste .image_container {padding: 0 6px;} .aktuelles .nachrichtenliste .image_container img {border: 1px solid #ccc;} .aktuelles .nachrichtenliste {margin: 0; padding: 2em 0;border-bottom: 1px solid #d7d7d7;} /* --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;} /* --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: 60px; text-align: left!important;} .servicebox_2[class^="icon-"]:before, .servicebox_2[class*="icon-"]:before {font-size: 45px; margin-right: 15px; color: #333333; position: absolute; left: 0; top: 0; line-height: 45px;} .servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {padding: 0; color: #333333; font-size: 17px; letter-spacing: 1px;} .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;} .home .servicebox_2 .iconbox_content { position: relative; min-height: 160px; padding-right: 10px; } .home .servicebox_2 .iconbox_content h4 a:hover, .home .iconbox_link p a:hover { color: #FF3C19; text-decoration: underline; } .home .servicebox_2 .iconbox_content h4 a, .home .iconbox_link p a {text-decoration: none;} /* 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: #333333; 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;} /* --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;} /* --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: 1280px; 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%;} /* --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: '';} /* --Google Map ------------------------------------------------- */ .googlemap-responsive { overflow:hidden; padding-bottom:25.25%; position:relative; height:0; } .googlemap-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } /* ============================================================================= * --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%;} /* --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 #D7D7D7; color: #333333; 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;} button[type="submit"], button.submit {color: #fff; background: #333333;} 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 ------------------------------------------------- */ .widget-submit button {width: auto!important;} .submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;} button[type="submit"], button.submit {padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #333333; color: #fff; cursor: pointer; } button[type="submit"], button.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;} button[type="submit"]:hover, button.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: 10%;} .ce_form .captcha-container label {width: 100%; display: block;} .ce_form .captcha_text {display: inline-block; margin-left: 10px;} /*.ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;} */ .ce_form .captcha-container {margin-bottom: 15px;} /* --footer form ------------------------------------------------- */ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {margin-bottom: 15px;} #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;} /* --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 * ========================================================================== */ /* * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files */ /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } */ /* --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;} /* top */ #topbar {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;} /* 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: 10px; position: absolute!important; */ width: 100%;} .logo a img {width: 400px;} /* headerimage headlines */ .headerimage h3 {font-size: 34px;} .headerimage h4 {font-size: 18px;} /* forms */ .ce_form .captcha {width: 20%;} /* 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;} /* 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;} /* Google Map */ .googlemap { display: none; } } /* --phones ------------------------------------------------- */ @media only screen and (max-width: 767px) { /* body */ body {padding: 0;} /* logo */ .logo { /* height: 85px; left: 10px; */ height: 100%; width: 100%;} .logo p { letter-spacing: 0px; font-size: 14px;} /* 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;} /* 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;} /* mod_breadcrumb */ .mod_breadcrumb {display: none;} /* ce_text */ #wrapper .ce_text {width: 100%;} /* footer */ #footer .inside {text-align: center; padding: 40px 20px;} #footer .footer-nav {margin: 0;} /* 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;} /* 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;} /* forms */ form label {margin-bottom: 2px!important;} form .captcha_text {line-height: 1em;} .ce_form .captcha {width: 15%;} .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;} #bottom .contentbox .center {font-size: 14px;} /* 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%;} /* ce_hyperlink */ .ce_hyperlink.right {text-align: center;} .ce_hyperlink.left {text-align: center;} /* 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;} /* headline container_before */ #container_before .inside h1 {font-size: 28px;} /* container */ #container-inside {padding: 20px 20px!important;} /* container_before */ #container_before .inside {padding: 20px 20px!important;} /* container_before */ #teaser_after .inside {padding: 20px!important;} /* header .inside */ #header .inside {padding: 0 20px;} #header .inside, body.blank #header .inside {height: 70px;} /* button */ .button, input[type="submit"], input.submit, .submit_container input {display: block; width: 100%!important;} #off_canvas .mod_search .submit {width: auto!important;} /* 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;}*/ /* Google Map */ .googlemap { 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;} /* pagination */ .pagination ul {width: 100%; float: none;} .pagination p {width: 100%; float: none;} .ce_blog .pagination {bottom: -75px;} /* articlewrapper */ .articlewrapper.boxed, .articlewrapper.fullwidth_contentboxed > .inside {padding-left: 20px!important; padding-right: 20px!important;} /* 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;} #wrap_anfrage-start #aktuell {padding-left: 0;} .home .servicebox_2 .iconbox_content {min-height: 100px;} } /* ============================================================================= * 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;} /* EuF Overlay */ .euf_overlay { z-index: 100; text-align: center; }