/* =============================================================================
* reset & defaults
* ========================================================================== */
/* --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;}
.jPanelMenu-panel *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#wrapper .mejs-container * {-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%; -webkit-overflow-scrolling: touch; position: relative;}
#header_after, #main, #left, #right, #header, #container_before, #container, #container_before:before, #container_before:after, #wrapper, #main .inside .mod_article {-webkit-backface-visibility: hidden;}
/* --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}
/* --helper classes
------------------------------------------------- */
.center {text-align: center;}
.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: "020"; display: block; height: 0; clear: both; visibility: hidden;}
/* --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}
/* =============================================================================
* columns for better content separation -responsive
* ========================================================================== */
.full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;}
.one_half {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;}
.one_third {overflow: hidden; margin-left: 20%; width:20%; float:left; position:relative;}
.two_third {overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;}
.one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
.two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;}
.three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;}
.one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;}
.two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;}
.three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;}
.four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;}
.mod_article div.one_half:first-child, .mod_article div.one_third:first-child, .mod_article div.two_third:first-child, .mod_article div.one_fourth:first-child, .mod_article div.two_fourth:first-child, .mod_article div.three_fourth:first-child, .mod_article div.one_fifth:first-child, .mod_article div.two_fifth:first-child, .mod_article div.three_fifth:first-child, .mod_article div.four_fifth:first-child,
.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {margin-left: 0!important; clear: left;}
/* =============================================================================
* general styles & page setup
* ========================================================================== */
a {color: #555; text-decoration: none;}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img {width: 100%;}
code, pre {font-family: monospace;}
.bigtext {font-size: 21px; line-height: 30px; font-weight: 200;}
.center {text-align: center;}
abbr {background: #efefef; border-bottom: 1px dashed; cursor: pointer;}
.no_margins p {margin: 0;}
.color {color: #d5533f;}
.bg_color {background-color: #d5533f;}
/* --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.3em 0; line-height: 1.1; margin-bottom: 0.5em; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #4d4f4f;}
h1 {font-size: 35px; padding-top: 0; font-weight: 300; border-bottom: 3px solid #efefef;}
h2 {font-size: 22px; margin-bottom: 30px; border-bottom: 1px solid #efefef;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
h2 span {padding-bottom: 4px;}
/* --h1-h6 as divider
------------------------------------------------- */
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider {background: url(../img/title-bg.png) repeat left center; line-height: 1.4em; margin-bottom: 10px; border: 0;}
.divider span {background: #fff; padding-right: 10px;}
.divider_2 h1, .divider_2 h2, .divider_2 h3, .divider_2 h4, .divider_2 h5, .divider_2 h6, h1.divider_2, h2.divider_2, h3.divider_2, h4.divider_2, h5.divider_2, h6.divider_2 {background: url(../img/divider_4.png) repeat-x left 59%; line-height: 1.6em; margin-bottom: 30px; border: 0;}
.divider_2 span {background: #fff; padding: 0 10px 0 0;}
/* --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; margin: 25px 0;}
hr.divider_2 {position: relative;margin: 40px 0;height: 7px;line-height: 7px;border: 0;background: url(../img/divider_2.png); border-radius: 7px; }
hr.divider_3 {position: relative;margin: 0px 0;height: 5px;line-height: 5px;border: 0;background: url(../img/divider_3.png) center top no-repeat; background-size: 100%;}
hr.divider_4 {position: relative;margin: 40px 0;height: 11px;line-height: 11px;border: 0;background: url(../img/divider_4.png) center top repeat-x;}
/* --body
------------------------------------------------- */
body {color: #555; overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px;}
body .jPanelMenu-panel, body {background: #F3F3F3 url(../img/bg_default.png)}
/* --page-width
------------------------------------------------- */
#top .inside, #header, #header .inside, #header_after .inside, #wrapper, #footer, #footer .inside, #container_before .inside, #bottom, #bottom .inside, #container-inside {max-width: 1280px; margin: 0 auto;}
/* --page-width layout_wide
------------------------------------------------- */
body.layout_wide #header, body.layout_wide #header_after, body.layout_wide #header_after .inside, body.layout_wide #wrapper, body.layout_wide #container_before, body.layout_wide #footer, body.layout_wide #bottom {max-width: 100%;}
body.layout_wide #top .inside {padding-left: 40px; padding-right: 40px;}
/* --body classes for hide elements
------------------------------------------------- */
body.socials_hide .socials, body.langswitch_hide .sprachwechsler, body.top_hide #top, body.hotline_hide #hotline, body.search_hide #top .mod_search, body.search_hide #jPanelMenu-menu .mod_search {display: none;}
/* --top
------------------------------------------------- */
#top {overflow: hidden; padding: 5px 0; background: rgba(255, 255, 255, 0.9); margin-bottom: 10px; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#top .socials {float: left; margin-top: 1px; margin-right: 15px;}
#top .mod_search {float: right;}
#top .socials a:before {line-height: 29px; width: 29px; height: 29px; font-size: 11px;}
#top .mod_search {margin-top: 3px; margin-left: 20px;}
#top .mod_search input {width: 150px; padding: 6px; border-width: 1px;}
#top .mod_search .submit {height: 28px;}
#top .mod_search .text {height: 28px;}
#top #hotline {float: right; line-height: 32px;}
#top #hotline:before {font-family: "icons"; content: "\eccc"; display: inline-block; position: relative; margin-right: 10px;}
#smallnavi { z-index:650; }
#smallnavi ul {
list-style:none;
float:right;
}
#smallnavi li {
list-style:none;
float:left;
padding-left:10px;
}
#smallnavi li a,
#smallnavi li span {
padding-right:10px;
font-size: 0.9em;
color: #666;
border-right: 1px solid #666;
text-transform:uppercase;
}
#smallnavi li a.last,
#smallnavi li span.last { border-right: none; }
#smallnavi li.last {
padding-right:0px;
margin-right:0;
}
/* --sprachwechsler
------------------------------------------------- */
.sprachwechsler {float: left;}
.sprachwechsler a {margin-right: 5px; line-height: 30px; padding-right: 8px; border-right: 1px solid #ccc;}
.sprachwechsler a:last-child {border: 0;}
.sprachwechsler a:hover {text-decoration: underline;}
/* --logo
------------------------------------------------- */
#logo {top: 8px; left: 40px; position: absolute;}
#logo img {width: auto; height: 70px;}
@media (max-width: 1280px) and (min-width: 973px) {
#logo img {
display: none !important;
}
}
/* --header
------------------------------------------------- */
#header {background-repeat: repeat; position: relative; background-color: #fff; z-index: 50000; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#header .inside {padding: 0 40px;}
#header .image_container {margin: 0;}
/* --header_after
------------------------------------------------- */
#header_after {display: block; margin-left: auto; margin-right: auto; overflow: hidden;}
#header_after .inside {overflow: hidden!important; line-height: 0;}
#header_after .ce_text {position: absolute; left: 0; top: 30%; width: 100%;}
#header_after .ce_text h1 {font-weight: 400; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
#header_after .ce_text strong {font-weight: 800;}
#header_after .image_container {margin: 0;}
/* --header_after text
------------------------------------------------- */
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p {padding: 0 40px; max-width: 1280px; margin-left: auto; margin-right: auto;}
/* --layerslider
------------------------------------------------- */
#layerslider ul {display: none;}
.tp-rightarrow.default {background: rgba(160, 160, 160, 0.8); right: 0!important; border-radius: 3px 0 0 3px; z-index: 100; width: 50px; height: 70px;}
.tp-rightarrow.default:before {font-family: "icons"; content: "\e94b"; display: block; position: relative; margin-right: 5px; font-size: 30px; line-height: 30px; margin-top: -12px; top: 50%; text-align: center; color: #fff;}
.tp-leftarrow.default {background: rgba(160, 160, 160, 0.8); left: 0!important; border-radius: 0 3px 3px 0; z-index: 100; width: 50px; height: 70px;}
.tp-leftarrow.default:before {font-family: "icons"; content: "\e94c"; display: block; position: relative; margin-right: 5px; font-size: 30px; line-height: 30px; margin-top: -12px; top: 50%; text-align: center; color: #fff;}
.tp-bannershadow, .tp-bannertimer {display: none;}
body.layout_wide #header_after #layerslider {max-height: 470px!important; position: relative;}
/* --layerslider-caption
------------------------------------------------- */
#header_after h2 {font-size: 42px; font-weight: 100; color: #888; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
#header_after h3 {font-size: 26px; font-weight: 300; text-transform: uppercase;}
#header_after p {font-size: 16px; font-weight: 500; color: #888; line-height: 25px;}
#header_after .light h2, #header_after .light h3, #header_after .light p {color: #fff;}
#header_after .tp-caption a {color: #fff;}
/* tablets */
@media only screen and (max-width: 989px) {
#header_after h2 {font-size: 26px;}
#header_after h3 {font-size: 20px;}
#header_after p {font-size: 12px; line-height: 19px;}
}
/* phone */
@media only screen and (max-width: 767px) {
#header_after h1 {font-size: 18px;}
#header_after h2 {font-size: 15px;}
#header_after h3 {display: none;}
#header_after p {display: none;}
}
/* --layerslider-arrows
------------------------------------------------- */
.tp-leftarrow.default, .tp-rightarrow.default {background: #d5533f;}
/* --bxslider
------------------------------------------------- */
.bx-wrapper {margin-bottom: 0; position: relative;}
.bx-wrapper .bx-viewport {background: #fff; border:0; left: 0; box-shadow: none;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: none;}
.bx-wrapper .bx-controls {height: 100%!important; top: 50%;}
.bx-wrapper .bx-controls-direction {position: absolute; top: -53px; right:0; width: 70px; background: #fff; padding-left: 10px; overflow: hidden; height: 24px;}
.bx-wrapper .bx-controls-direction a:before {color: #fff; font-family: "icons"; font-size: 24px; line-height: 24px; max-height: 24px; width: inherit; display: inline-block; position: absolute; overflow: hidden; top: 40%; text-align: center; margin-top: -9px;}
.bx-wrapper .bx-controls-direction a.bx-next:before {content: "\e75e";}
.bx-wrapper .bx-controls-direction a.bx-prev:before {content: "\e75d";}
.bx-wrapper .bx-controls-direction a.bx-prev {float: left; background: #ccc; left: 0; margin-left: 8px;}
.bx-wrapper .bx-controls-direction a.bx-next {float: right; background: #ccc; right: 0;}
.bx-wrapper .bx-controls-direction a {position: relative; text-indent: 0; top: 0; margin-top: 0; width: 24px; height: 24px; margin: 0;}
/* --bxslider in gallery
------------------------------------------------- */
.ce_gallery .bx-controls-direction {position: static; height: auto; width: auto; padding: 0;}
.ce_gallery .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px;}
.ce_gallery .bx-controls-direction a:before {color: #c4c4c4;}
.ce_gallery .bx-controls-direction a.bx-prev, .ce_gallery .bx-controls-direction a.bx-next {background: transparent;}
/* --socials
------------------------------------------------- */
.socials p {font-size: 18px; font-weight: 200; margin-bottom: 0;}
.socials a {display: inline-block; text-align: center; margin: 0 2px; margin-bottom: 5px; color: #fff;}
.socials a:before {color: #fff;}
.soc_facebook:before {font-family: "icons"; content: '\66'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_facebook:before {background-color: #315B99;}
.soc_twitter:before {font-family: "icons"; content: '\54'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_twitter:before {background-color: #0172D1;}
.soc_linkedin:before {font-family: "icons"; content: '\e9f4'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_linkedin:before {background-color: #005886;}
.soc_youtube:before {font-family: "icons"; content: '\55'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_youtube:before {background-color: #962521;}
.soc_vimeo:before {font-family: "icons"; content: '\56'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_vimeo:before {background-color: #42BBFF;}
.soc_xing:before {font-family: "icons"; content: '\58'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_xing:before {background-color: #026466;}
.soc_google:before {font-family: "icons"; content: '\47'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_google:before {background-color: #B93425;}
/* --mod_breadcrumb
------------------------------------------------- */
.mod_breadcrumb {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 4px 0; color: #5e5e5e; font-size: 11px; margin-bottom: 25px;}
.mod_breadcrumb li {display: inline-block; margin-right: 5px;}
.mod_breadcrumb li:before {font-family: "icons"; content: '\ea08'; margin-right: 5px;}
.mod_breadcrumb a {color: #5e5e5e;}
/* --wrapper
------------------------------------------------- */
#wrapper {position:relative; z-index:10; border-top: 15px solid #d5533f;}
/* --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: 40px; min-height: 490px;}
#container_before .inside h1 {text-align: center; border: 0; font-size: 39px; line-height: normal; margin: 0; text-align: center;}
#container_before .hyperlink {text-align: center;}
#container_before {position: relative; display: block; margin: 0 auto 31px auto; width: 100%; background: #fff;}
#container_before:before, #container_before:after { position: absolute; height: 100%; width: 73px; top: 0; content: ""; z-index: -1; display: block; }
#container_before:before {left: -73px;background: transparent url(../img/content_big-teaser-shadow-before.png) no-repeat;}
#container_before:after {right: -73px; background: transparent url(../img/content_big-teaser-shadow-after.png) no-repeat;}
#container_before .inside:after {position: absolute; top: 0px; left: 50%; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #d5533f transparent transparent transparent;}
/* =============================================================================
* sidebars
* ========================================================================== */
/* --sidebar_left
------------------------------------------------- */
body.sidebar_left #main {overflow: hidden; width:75%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:20%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 18%; background: url(../img/sidebar_left.png) right top no-repeat; min-height: 460px;}
/* --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 18%; background: url(../img/sidebar_right.png) left top no-repeat; padding-bottom: 45px; min-height: 460px;}
/* --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;}
body.sidebar_both #right .inside {padding-left: 18%; background: url(../img/sidebar_right.png) left top no-repeat; min-height: 460px;}
body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #left .inside {padding-right: 18%; background: url(../img/sidebar_left.png) right top no-repeat; min-height: 460px;}
/* =============================================================================
* footer
* ========================================================================== */
#footer {background: #F8F8F8;}
#footer .inside {margin: 0 auto; padding: 40px;}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-weight: bold;}
#footer ul {padding: 0;}
#footer li {border-bottom: 1px solid #ccc; 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;}
/* =============================================================================
* bottom, copyright
* ========================================================================== */
#bottom {background: #A0A0A0; color: #fff;}
#bottom .inside {max-width: 1280px; margin: 0 auto; padding: 20px 40px;}
#bottom a {color: inherit;}
#bottom a:hover {color: #fff;}
#bottom .last a {padding: 0 5px;}
#bottom .last a:last-child {padding-right: 0;}
/* =============================================================================
* menues
* ========================================================================== */
/* --mainmenue
------------------------------------------------- */
nav#mainmenu a {-webkit-transition: All 0.25s ease;-moz-transition: All 0.25s ease;-o-transition: All 0.25s ease;-ms-transition: All 0.25s ease;transition: All 0.25s ease; color: #888888;}
nav#mainmenu {overflow: visible!important; line-height: 0; float: right; margin-right: 0px;}
nav#mainmenu ul {position: relative; display: inline-table; width: 100%;}
nav#mainmenu ul ul {width: auto; display: none;}
nav#mainmenu ul:after {content: ""; clear: both; display: block;}
nav#mainmenu ul li {float: left;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px; min-height: inherit; text-align: center; font-size: 14px; text-transform: uppercase; float: none; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 20px 5px;}
nav#mainmenu ul li > a:before {position: relative; width: 100%!important; line-height: 30px!important; font-size: 30px; vertical-align: middle; margin-right: 0;}
nav#mainmenu ul ul li > a:before {margin-right: 5px;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul li a:hover {color: #888888;}
nav#mainmenu ul ul {white-space:nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #505050;}
nav#mainmenu ul li.last ul {right: 0;}
nav#mainmenu ul ul li.last ul {right: inherit;}
nav#mainmenu ul ul li {float: none; position: relative; line-height: 32px; min-height: 0;}
nav#mainmenu ul ul li a{text-transform: none; text-align: left; border: 0; padding: 0 20px!important; line-height: 32px; color: #fff; font-size: 12px;}
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 ul a.trail, nav#mainmenu ul ul a.active, nav#mainmenu ul ul a:hover {border: 0;}
nav#mainmenu .trail > span {color: #505050;}
nav#mainmenu ul a.trail, nav#mainmenu ul a.active, nav#mainmenu ul a:hover {border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #F3F3F3;}
nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a.trail, nav#mainmenu ul ul li a.active, nav#mainmenu ul ul li.active a {background: #d5533f; color: #fff;}
/* no_naviicons */
body.naviicons_hide #mainmenu li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu li[class*="icon-"] span:before {display: none;}
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] span:before {display: inline-block;}
body.naviicons_hide nav#mainmenu ul li a {padding: 36px 15px;}
/* --subline in mainmenue
------------------------------------------------- */
nav#mainmenu span {font-size: 10px; text-transform: none; display: block; white-space:normal; line-height: normal; color: #999999; font-family: Arial, sans-serif;}
body.navisubline_hide nav#mainmenu span {display: none;}
/* --submenu-sidebar
------------------------------------------------- */
#submenu {margin-bottom: 25px;}
#submenu a {display: block; padding: 4px; 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: 12px;}
#submenu ul ul li {padding: 0;}
#submenu a:hover, #submenu a.active {color: #d5533f; background: #f8f8f8;}
/* --triangle
------------------------------------------------- */
nav#mainmenu li.submenu:hover a:after {background: #505050; border: 1px solid; border-color: #fff #CECDCA #CECDCA #fff; content: ''; display: block; width: 16px; height: 16px; position: absolute; bottom: -9px; left: 40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
nav#mainmenu li.submenu:hover ul a:after{display: none;}
/* =============================================================================
* mobile menu off canvas
* ========================================================================== */
#off_canvas {display: none;}
#jPanelMenu-menu {display: none; z-index: -1; width: 0; position: absolute; background: #333; z-index: 1; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-box-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222;}
#jPanelMenu-menu a {color: #fff; padding: 8px 4px; display: block; border-bottom: 1px solid #1a1a1a;}
#jPanelMenu-menu a span {display: none;}
#jPanelMenu-menu a:before {z-index: 100;}
#jPanelMenu-menu a:hover, #jPanelMenu-menu a.active {background: #4b4b4b;}
#jPanelMenu-menu ul ul a {padding-left: 20px;}
#jPanelMenu-menu ul ul ul a {padding-left: 30px;}
#jPanelMenu-menu ul ul ul ul a {padding-left: 40px;}
#jPanelMenu-menu .socials {padding: 5px 0; border-bottom: 1px solid #1a1a1a; text-align: center; background: #4b4b4b; -webkit-box-shadow: inset 0px -3px 4px 0px #333; -moz-box-shadow: inset 0px -3px 4px 0px #333; box-shadow: inset 0px -3px 4px 0px #333;}
#jPanelMenu-menu .socials a {display: inline-block; border: 0; padding: 3px;}
#nav-open-btn {display: none; position: relative; float: right; z-index: 100; margin-top: 25px;}
#nav-open-btn:before {font-family: "icons"; content: '\2630'; color: #fff; font-size: 20px; line-height: 20px; width: 100%; text-align: center; display: block; background: #d5533f; border: 2px solid #ab3e2e; padding: 6px; border-radius: 8px; width: 20px;}
#jPanelMenu-menu form {text-align: center;}
#jPanelMenu-menu form button {}
#jPanelMenu-menu form input {width: 83%!important; border: 0;}
#jPanelMenu-menu .mod_search {border-bottom: 1px solid #3c3c3c; margin-bottom: 5px; padding: 10px; background: #1a1a1a;}
#jPanelMenu-menu .sprachwechsler {float: none; padding: 0; border: 0; margin: 0;}
#jPanelMenu-menu .sprachwechsler a {background: #4B4B4B; border-right: 0; margin: 0; padding: 0px 4px;}
#jPanelMenu-menu .sprachwechsler a:before {font-family: "icons"; content: "\21b3"; display: inline-block; position: relative; margin-right: 5px;}
#jPanelMenu-menu .mod_search .submit {height: 33px;}
/* =============================================================================
* features + contao modules
* ========================================================================== */
/* --contao content slider
------------------------------------------------- */
.slider-control {position:static; height:0;}
.slider-control a {top: 50%; opacity: 0.7;}
.slider-control a:hover {opacity: 1;}
.slider-prev {background: url(../img/arrow-prev.png) left top no-repeat; text-indent: -9999em; display: block; width: 32px; height: 32px;}
.slider-next {background: url(../img/arrow-next.png) left top no-repeat; text-indent: -9999em; display: block; width: 32px; height: 32px;}
.slider-menu {bottom: 0; top: auto!important; font-family: Arial, sans-serif;}
.slider-menu b {margin: 0 2px;}
.content-slider {margin: 0 40px;}
.ce_sliderStart {position: relative;}
/* --contao content slider in header_after
------------------------------------------------- */
#header_after .content-slider {margin: 0;}
#header_after .slider-control .slider-prev {left: 15px;}
#header_after .slider-control .slider-next {right: 15px;}
#header_after .slider-menu {bottom: 20px;}
/* --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}
/* --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 {margin-bottom: 10px; width: 100%;}
table td {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_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 {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.image-border img {border: 1px solid #ddd;}
.rounded-images img {border-radius: 500%;}
/* --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #ffffff; color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; bottom: 0; width: auto!important;}
/*.image_container .caption {background: #ffffff; color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: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%;}
.image_container.float_left {margin-right: 5%;}
.image_container img {width: 100%; display: block; height: auto;}
#container .noresize .image_container {margin: 0!important; width: auto!important}
#container .noresize .image_container img {width: auto; height: auto;}
/* --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px; padding-left: 20px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.5em;}
.ce_text ul li, .ce_list ul li {list-style-type: disc; list-style-position: outside;}
.ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list 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 img {margin-right: 2px;}
/* --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-d p:before {font-family: "icons"; content: "\2139"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.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-e p:before {font-family: "icons"; content: "\261e"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.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-f p:before {font-family: "icons"; content: "\2731"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.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-g p:before {font-family: "icons"; content: "\e8b8"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.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-h p:before {font-family: "icons"; content: "\e89c"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-i {padding: 30px 20px 20px 20px; background: #333; color: #fff; text-align: center; font-size: 16px; font-weight: bold;}
.content-box-i p:before {font-family: "icons"; content: "\f099"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.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;}
/* --calltoaction-box
------------------------------------------------- */
.calltoaction {background: url(../img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-left: 4px solid #d5533f;}
.calltoaction strong {font-size: 17px; margin-bottom: 10px; display: block;}
.calltoaction p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction a {display: block; padding: 8px 15px; position: absolute; right: 15px; top: 30%; text-shadow: none; background: #d5533f; color: #fff;}
.calltoaction_2 {background: url(../img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-top: 5px solid #444;}
.calltoaction_2 strong {font-size: 17px; margin-bottom: 10px; display: block;}
.calltoaction_2 p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction_2:after {font-family: "icons"; content: "\e9e8"; display: inline-block; position: absolute; margin-right: 5px; font-size: 55px; line-height: 55px; right: 35px; top: 20%;}
/* --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 + forms submit buttons
------------------------------------------------- */
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], input.submit {color: #fff; font-weight: bold; padding: ; text-align: center; display: inline-block; margin-bottom: 4px;}
/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 18px; font-size: 15px; line-height: 33px; vertical-align: middle;}
/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}
/* icons */
.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;}
/* --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 20px; background-color: #F8F8F8;}
.testimonial:after {position: absolute; bottom: -10px; right: 0; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #F8F8F8 transparent transparent transparent;}
.testimonial_2 {text-align: center;}
.testimonial_2 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important; box-shadow: 0 0 3px rgba(0,0,0,.5)}
.testimonial_2 p {font-size: 16px;}
.testimonial_3 img {width: auto!important; border-radius: 500px;}
.testimonial_3 .image_container {margin: 0!important; width: auto!important; padding-right: 20px;}
.testimonial_3 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important;}
.testimonial_3 p {margin-left: 110px;}
/* --team
------------------------------------------------- */
.teambox .caption {font-size: 17px; width: 100%!important; border-left: 4px solid #ddd; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8}
.teambox .image_container {border: 1px solid #ddd;}
.teambox p {margin-bottom: 5px;}
.teambox_2 {text-align: center;}
.teambox_2 img {-webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;}
.teambox_2 a[target="_blank"]:before {display: none!important;}
.teambox_3 a[target="_blank"]:before {display: none!important;}
.teambox_3 {text-align: center; padding: 20px; 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;}
.teambox_3 em {text-transform: uppercase; font-weight: 300; font-size: 18px; font-style: normal;}
.teambox_3:hover {background: #F9F9F9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 6px; }
/* --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 35px; overflow: hidden; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}
.nachrichtenliste .info {color: #999; margin-top: 10px;}
.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: 0px 0 0 0;}
.nachrichtenliste .date-wrapper {background: #efefef; text-align: center;}
.nachrichtenliste .date-wrapper .day {font-size: 20px; padding: 5px; font-weight: bold;}
.nachrichtenliste .month {padding: 5px; color: #fff;}
/* --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser_entry .info {color: #919191; margin-bottom: 10px;}
/* --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px; 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; font-size: 11px; padding: 1px 6px;}
.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;}
/* --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
/* --login-form
------------------------------------------------- */
.mod_login table td, .mod_login table {border: 0;}
.mod_login {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
/* --ce_accordion
------------------------------------------------- */
.ce_accordion .accordion {border: 0; background: none; padding: 0;}
.ce_accordion .accordion > div {padding: 0;}
.ce_accordion .toggler {border-bottom: 1px solid #b9bcbe; background: none; background-image: none; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 30px; padding: 8px 0; color: #505050; cursor: pointer; margin-bottom: 10px;}
.ce_accordion .toggler:hover {background: 0;}
.ce_accordion .toggler:before {display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 400; font-size: 20px; color: white; 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'; background-color: #d5533f;}
.ce_accordion .toggler.active:before {content: '\2d';}
.ce_accordion .toggler:after {display: none;}
/* --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before,
.pagination li a:before {content: '';}
.pagination li a,
.pagination li span {background: none; display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px;}
.pagination li span.current {background: #d5533f; color: white;}
.pagination li a:hover {color: #d5533f;}
/* --serviceboxes
------------------------------------------------- */
.servicebox {padding: 25px; text-align: center; background: #f8f8f8; position: relative;}
.servicebox:hover,
.servicebox[class^="icon-"]:hover:before,
.servicebox[class*="icon-"]:hover:before {color: #fff;}
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #7F7F7F;}
.servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;}
.servicebox:hover h1, .servicebox:hover h2, .servicebox:hover h3, .servicebox:hover h4, .servicebox:hover h5, .servicebox:hover h6, .servicebox:hover h1 a, .servicebox:hover h2 a, .servicebox:hover h3 a, .servicebox:hover h4 a, .servicebox:hover h5 a, .servicebox:hover h6 a {color: #fff;}
.servicebox a {display: inline-block; padding: 5px 10px;}
.servicebox:hover a {background: #fff;}
.servicebox:hover {background: #d5533f;}
.servicebox_2 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #7F7F7F; 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;}
.servicebox_2 a {text-decoration: underline;}
.servicebox_3 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before {font-size: 25px; margin-right: 15px; position: absolute; left: 0; top: 0; line-height: 25px; background: #555; border-radius: 99px; padding: 6px; 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_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: 65px; 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:hover {background: #F9F9F9;}
.servicebox_4 h3 {padding: 10px 0 0 0; margin-bottom: 10px;}
.servicebox_4 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_4 p {font-family: Arial, Helvetica, sans-serif;}
.servicebox_4 a {margin: 0; background: #d5533f;}
.servicebox_4:hover:before {border: 3px solid #d5533f;}
.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 a {margin: 0;}
.servicebox_5 a {background: #d5533f;}
.servicebox_5:hover .image_container {border: 3px solid #d5533f;}
.servicebox_6 {text-align: center; padding: 15px; margin-bottom: 0px; 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 a {margin: 0; background: #d5533f;}
.servicebox_6:hover img {border: 3px solid #d5533f;}
.servicebox_7 {border-top: 5px solid #F8F8F8; padding-top: 10px; text-align: left!important;}
.servicebox_7 a:before {font-family: "icons"; content: "\e8c6"; display: inline-block; position: relative; margin-right: 5px;}
.servicebox_7:hover {border-color: #d5533f;}
.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;}
/* colors */
.servicebox_8.color-1 {background: #2D539D;}
.servicebox_8.color-2 {background: #F9A027;}
.servicebox_8.color-3 {background: #FB6451;}
.servicebox_8.color-4 {background: #a00057;}
/* --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
------------------------------------------------- */
.portfolioteaser .plus-icon {opacity:0; top: 0%; left:50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); border-radius: 50%; position: absolute; clear: both; z-index: 1; -moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.portfolioteaser .plus-icon:before {font-family: "icons"; content: "\2b"; display: block; position: relative; font-size: 20px; line-height: 20px; top: 50%; margin-top: -10px; text-align: center; color: #fff;}
.portfolioteaser li:hover .plus-icon {opacity:1; top: 37%; left:50%; display: inline-block; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}
.portfolioteaser .bx_image {overflow: hidden;}
.portfolioteaser .bx_caption {background: #f6f6f6; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05); border-radius: 0 0 3px 3px; padding: 20px; text-align: center;}
.portfolioteaser .bx_caption .title {font-size: 17px;}
.portfolioteaser .bx_caption .title a {color: #4d4f4f;}
.portfolioteaser .bx_caption .subline {color: #ababab;}
.portfolioteaser li:hover .bx_caption .title a, .portfolioteaser li:hover .bx_caption .subline {color: #fff;}
.portfolioteaser li:hover img {-webkit-filter: grayscale(0);}
.portfolioteaser li img {-webkit-filter: grayscale(100%);}
.portfolioteaser li:hover .bx_caption {background: #d5533f;}
/* --portfolioliste
------------------------------------------------- */
.portfolioliste a, .portfolioliste .caption, .portfolioliste img {
-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.portfolioliste {margin-top: 50px; overflow: visible;}
.portfolioliste .image_container {margin-bottom: 0;}
.portfolioliste .title {font-size: 17px;}
.portfolioliste .subline {color: #ababab;}
.portfolioliste .caption {text-align:center; float:left; width:100%; padding:19px 0 14px; border-bottom:1px solid #E9E9E9; background: #F6F6F6;}
.portfolioliste:hover img {margin-top: -20px;}
.portfolioliste:hover .caption {padding: 29px 0 24px; border-color:#d0d0d0; color: #fff; background: #d5533f;}
.portfolioliste:hover .subline {color: #fff;}
.portfolioliste:hover a {color: #fff;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_fourth:nth-child(4n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_half:nth-child(2n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
/* --portfoliofilter
------------------------------------------------- */
.filter {overflow: hidden; margin-left: 0; width:100%; position:relative; display: inline-block; text-align: right;}
.filter li {display: inline-block;}
.filter li a {margin-right: 5px; font-weight: bold; padding: 4px 10px; display: inline-block; margin-bottom: 10px;}
.filter li.active a {background: #DDDDDD;}
.filter li a:hover {text-decoration: underline;}
.filter li.active a { position: relative; background: #efefef; border: 2px solid #cccccc; }
.filter li.active a:after, .filter li.active a:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.filter li.active a:after { border-color: rgba(239, 239, 239, 0); border-top-color: #efefef; border-width: 5px; left: 50%; margin-left: -5px; }
.filter li.active a:before { border-color: rgba(204, 204, 204, 0); border-top-color: #cccccc; border-width: 8px; left: 50%; margin-left: -8px; }
/* --jquery tools - tabs
------------------------------------------------- */
.panes {clear: both; background: none repeat scroll 0 0 #fcfcfc; border-style: solid; border-width: 3px 1px 1px; display: block; color: #888; padding: 25px 20px; margin-bottom: 20px;}
.tabs ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;}
.tabs ul li.active, .tabs ul li.active a:hover {border-radius: 8px 8px 0 0; background-color: white; border-bottom: 1px solid white;}
.tabs ul li {float: left; padding: 0; list-style: none;}
.tabs ul li a {background: #e8e8e8; border: 1px solid #ddd; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 3px 15px 1px; position: relative;}
.tabs ul li a.current {color: #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);}
/* --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe {background: #f0f0f0; padding: 5%; border: 0;}
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {width: 100%; display: block;}
/* --mod_subscribe in sidebar
------------------------------------------------- */
#left .mod_subscribe, #right .mod_subscribe {padding: 5%;}
#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: 4px; padding: 0; font-weight: normal;}
#left .mod_subscribe label, #right .mod_subscribe label {margin-bottom: 10px;}
/* --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-left: 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: 7%; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #ddd;}
.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;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 39px;}
#container .mod_search form {overflow: hidden;}
#container .mod_search .text {font-size: 14px;}
#container .mod_search .submit {height: 42px;width: 42px;}
/* --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: 10; border: 0!important;text-align: center}
/* --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%!important; 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: 3px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 13px;}
input[type="search"] {-webkit-appearance: none; border-radius: 0!important;}
.button, input[type="submit"], input.submit {color: #fff; background: #d5533f;}
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;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
/* --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
/* --submit-button
------------------------------------------------- */
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;}
/* --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}
/* --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;}
/* --footer form
------------------------------------------------- */
#footer input, #footer textarea {font-family: inherit; border: 1px solid #E0E0E0; background: #fff; -webkit-box-shadow: none; box-shadow: none;}
#footer textarea {height: 86px;}
#footer .submit_container {margin-top: 0;}
#footer input.submit {font-weight:normal; text-transform: uppercase; float: right; background: #A0A0A0; text-shadow:none;}
/* =============================================================================
* background-presets
* ========================================================================== */
/* background-image */
body.bg1 .jPanelMenu-panel, body.bg1 {background-image: url(../img/backgrounds/bg_1.png)}
body.bg2 .jPanelMenu-panel, body.bg2 {background-image: url(../img/backgrounds/bg_2.png)}
body.bg3 .jPanelMenu-panel, body.bg3 {background-image: url(../img/backgrounds/bg_3.png)}
body.bg4 .jPanelMenu-panel, body.bg4 {background-image: url(../img/backgrounds/bg_4.png)}
body.bg5 .jPanelMenu-panel, body.bg5 {background-image: url(../img/backgrounds/bg_5.png)}
body.bg6 .jPanelMenu-panel, body.bg6 {background-image: url(../img/backgrounds/bg_6.png)}
body.bg7 .jPanelMenu-panel, body.bg7 {background-image: url(../img/backgrounds/bg_7.png)}
body.bg8 .jPanelMenu-panel, body.bg8 {background-image: url(../img/backgrounds/bg_8.png)}
body.bg9 .jPanelMenu-panel, body.bg9 {background-image: url(../img/backgrounds/bg_9.png)}
body.bg10 .jPanelMenu-panel, body.bg10 {background-image: url(../img/backgrounds/bg_10.png)}
body.bg11 .jPanelMenu-panel, body.bg11 {background-image: url(../img/backgrounds/bg_11.png)}
body.bg12 .jPanelMenu-panel, body.bg12 {background-image: url(../img/backgrounds/bg_12.png)}
body.bg13 .jPanelMenu-panel, body.bg13 {background-image: url(../img/backgrounds/bg_13.png)}
body.bg14 .jPanelMenu-panel, body.bg14 {background-image: url(../img/backgrounds/bg_14.png)}
body.bg15 .jPanelMenu-panel, body.bg15 {background-image: url(../img/backgrounds/bg_15.png)}
body.bg16 .jPanelMenu-panel, body.bg16 {background-image: url(../img/backgrounds/bg_16.png)}
body.bg17 .jPanelMenu-panel, body.bg17 {background-image: url(../img/backgrounds/bg_17.png)}
body.bg18 .jPanelMenu-panel, body.bg18 {background-image: url(../img/backgrounds/bg_18.png)}
body.bg19 .jPanelMenu-panel, body.bg19 {background-image: url(../img/backgrounds/bg_19.png)}
body.bg20 .jPanelMenu-panel, body.bg20 {background-image: url(../img/backgrounds/bg_20.png)}
body.bg21 .jPanelMenu-panel, body.bg21 {background-image: url(../img/backgrounds/bg_21.png)}
body.bg22 .jPanelMenu-panel, body.bg22 {background-image: url(../img/backgrounds/bg_22.png)}
body.bg23 .jPanelMenu-panel, body.bg23 {background-image: url(../img/backgrounds/bg_23.png)}
body.bg24 .jPanelMenu-panel, body.bg24 {background-image: url(../img/backgrounds/bg_24.png)}
body.bg25 .jPanelMenu-panel, body.bg25 {background-image: url(../img/backgrounds/bg_25.png)}
body.bg26 .jPanelMenu-panel, body.bg26 {background-image: url(../img/backgrounds/bg_26.png)}
body.bg27 .jPanelMenu-panel, body.bg27 {background-image: url(../img/backgrounds/bg_27.png)}
body.bg28 .jPanelMenu-panel, body.bg28 {background-image: url(../img/backgrounds/bg_28.png)}
body.bg29 .jPanelMenu-panel, body.bg29 {background-image: url(../img/backgrounds/bg_29.png)}
body.bg30 .jPanelMenu-panel, body.bg30 {background-image: url(../img/backgrounds/bg_30.png)}
body.bg31 .jPanelMenu-panel, body.bg31 {background-image: url(../img/backgrounds/bg_31.png)}
body.bg32 .jPanelMenu-panel, body.bg32 {background-image: url(../img/backgrounds/bg_32.png)}
body.bg33 .jPanelMenu-panel, body.bg33 {background-image: url(../img/backgrounds/bg_33.png)}
body.bg34 .jPanelMenu-panel, body.bg34 {background-image: url(../img/backgrounds/bg_34.png)}
body.bg35 .jPanelMenu-panel, body.bg35 {background-image: url(../img/backgrounds/bg_35.png)}
body.bg36 .jPanelMenu-panel, body.bg36 {background-image: url(../img/backgrounds/bg_36.png)}
body.bg37 .jPanelMenu-panel, body.bg37 {background-image: url(../img/backgrounds/bg_37.png)}
body.bg38 .jPanelMenu-panel, body.bg38 {background-image: url(../img/backgrounds/bg_38.png)}
body.bg39 .jPanelMenu-panel, body.bg39 {background-image: url(../img/backgrounds/bg_39.png)}
body.bg40 .jPanelMenu-panel, body.bg40 {background-image: url(../img/backgrounds/bg_40.png)}
/* =============================================================================
* media-queries
* ========================================================================== */
/* --small desktop
------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1280px){
#top .inside, #header, #header .inside, #wrapper, #container-inside, #footer, #footer .inside, #container_before .inside, #header_after .inside, #bottom {max-width: 1000px; margin: 0 auto;}
#layerslider .text {margin-left: 30px!important;}
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p {max-width: 1000px;}
}
/* --tablets
------------------------------------------------- */
@media only screen and (max-width: 989px) {
/* top */
#top {display: none;}
/* teaser */
#container_before {border-left: 0; border-right: 0; height: auto;}
#container_before:before,#container_before:after {display: none;}
/* layerslider */
#layerslider .text {margin-left: 30px!important;}
/* container */
#container:before {width: 100%;}
/* 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;}
/* menu + mobilemenu */
#mainmenu {display: none;}
/*#submenu {display: none;}*/
#nav-open-btn {display: block;}
}
/* --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* body */
body {padding: 0;}
/* 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 #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; background: none; min-height: 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;}
/* layerslider */
#layerslider .text {margin-left: 10px!important;}
.tp-rightarrow.default,
.tp-leftarrow.default {height: 45px; width: 30px;}
.tp-rightarrow.default:before,
.tp-leftarrow.default:before {font-size: 18px; margin-top: -14px;}
/* image_container */
.image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
/* ce_text */
.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;}
/* 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;}
/* mod_calendar */
.mod_calendar table {font-size: 7px;}
/* headlines */
h1 {font-size: 24px; margin-bottom: 15px;}
h2 {font-size: 20px; margin-bottom: 10px;}
h3 {font-size: 18px; margin-bottom: 10px;}
h4 {font-size: 16px; margin-bottom: 10px;}
h5 {font-size: 13px; margin-bottom: 10px;}
h6 {font-size: 12px; margin-bottom: 10px;}
h1 span {padding-bottom: 4px;}
/* top search */
#top .mod_search {display: none;}
/* mod_subscribe */
.mod_subscribe input {width: 100%; 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;}
/* footer content */
#footer .submit_container {text-align: center;margin-top: -15px;}
#footer input.submit {float: none; }
#footer [class^="icon-"]:before, #footer [class*="icon-"]:before {display: none!important;}
#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;}
/* nachrichtenliste */
.nachrichtenliste {margin-bottom: 0;}
/* more button */
.more a {padding: 2px 5px; font-size: 80%;}
/* calltoaction */
.calltoaction a {position: relative; left: 0; top: 15px; margin-bottom: 10px; text-align: center; width: 100%;}
.calltoaction p {width: 100%;}
.calltoaction_2:after {right: 10px;}
.calltoaction_2 p {width: 80%;}
/* css class hide for mobile devices */
.mobile_hide {display: none;}
/* header_after ce_text */
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p {padding: 0 20px;}
/* tabs */
.tabs ul li {float: none;}
.tabs ul li a {float: none; display: block;}
/* bigtext */
.bigtext {font-size: 18px; line-height: 24px;}
/* headline ontainer_before */
#container_before .inside h1 {font-size: 28px;}
/* container */
#container-inside {padding: 40px 20px;}
/* container_before */
#container_before .inside {padding: 40px 20px;}
/* header .inside */
#header .inside {padding: 0 20px;}
/* logo-position */
#logo {left: 20px; top: 20px;}
/* site-font-icon */
.site-icons .row div {width: 100%!important;}
/* portfolio-filter */
.filter {text-align: center;}
/* google maps height */
#header_after iframe {max-height: 250px;}
}
/* =============================================================================
* font-icons
* ========================================================================== */
@font-face {font-family: 'icons'; src: url("../font/icons.eot"); src: url("../font/icons.eot?#iefix") format('embedded-opentype'), url("../font/icons.woff") format('woff'), url("../font/icons.ttf") format('truetype'), url("../font/icons.svg#icons") format('svg'); font-weight: normal; font-style: normal;}
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important; margin-right: 0px!important;}
/* --icons
------------------------------------------------- */
i[class^="icon-"]:before,
i[class*="icon-"]:before,
.mod_navigation li[class^="icon-"] a:before,
.mod_navigation li[class*="icon-"] a:before,
.mod_navigation li[class^="icon-"] span:before,
.mod_navigation li[class*="icon-"] span:before,
.ce_headline[class^="icon-"]:before,
.ce_headline[class*="icon-"]:before,
.button[class^="icon-"]:before,
.button[class*="icon-"]:before,
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before,
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before,
.servicebox_8[class^="icon-"]:before,
.servicebox_8[class*="icon-"]:before,
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before,
.servicebox_4[class^="icon-"]:before,
.servicebox_4[class*="icon-"]:before,
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before,
.testimonial_4 a[class^="icon-"]:before,
.testimonial_4 a[class*="icon-"]:before{
font-family: 'icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.5em;
text-align: center;
line-height: 1em;
}
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before {content:'';}
.ce_list[class^="icon-"] li,
.ce_list[class*="icon-"] li {list-style-type: none; position: relative;}
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before {position: absolute; left: -25px; width: 25px; top: 3px;}
.ce_list[class^="icon-"] ul,
.ce_list[class*="icon-"] ul {padding-left: 20px;}
/* --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.i-code {display: none;}
.site-icons .row div {float: left; width: 25%;}
.site-icons .row {overflow: hidden;}
/* --iconbox
------------------------------------------------- */
.iconbox p {margin: 0;}
.iconbox[class^="icon-"]:before, .iconbox[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 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: 1.5em; margin-bottom: 0;}
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important;margin-right:0!important; }
#nojava {
width:100%;
padding:1px 0;
background:#ff0000;
color:#ffffff;
font-weight:normal;
position:absolute;
top:0;
text-align:center;
}