/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#wrapper .mejs-container *,  #calroot, #theme-menu *, #theme-export, #theme-export * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
body {height: 100%; position: relative;}

/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --helper classes
------------------------------------------------- */
.center {text-align: center;}
.align_right {text-align: right;}
.hide {display: none;}

/*     --lightbox link height
------------------------------------------------- */
.image_container a {line-height: 0;}

/*     --lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "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;}

/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

a {color: #555; text-decoration: none;}
.ce_text p a:not(.button) {color: #3c3c3c;}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
.image_container img {max-width: 100%;}
code, pre {font-family: monospace;}
abbr {background: #efefef; border-bottom: 1px dashed; cursor: pointer;}

/*     --helper classes
------------------------------------------------- */
.bigtext {font-size: 3em; line-height: 1em; font-weight: 300;}
.center {text-align: center;}
.no_margins p {margin: 0;}
.color {color: #3c3c3c;}
.bg_color {background-color: #3c3c3c;}
.text_invert, .text_invert h1, .text_invert h2, .text_invert h3, .text_invert h4, .text_invert h5, .text_invert h6, .text_invert a {color: #fff;}
.aligncenter * {text-align: center;}

/*     --margin classes
------------------------------------------------- */
.margin-top10 {margin-top: 10px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-top60 {margin-top: 60px;}
.margin-top70 {margin-top: 70px;}
.margin-top80 {margin-top: 80px;}
.margin-top90 {margin-top: 90px;}
.margin-top100 {margin-top: 100px;}

.margin-bottom10 {margin-bottom: 10px;}
.margin-bottom20 {margin-bottom: 20px;}
.margin-bottom30 {margin-bottom: 30px;}
.margin-bottom40 {margin-bottom: 40px;}
.margin-bottom50 {margin-bottom: 50px;}
.margin-bottom60 {margin-bottom: 60px;}
.margin-bottom70 {margin-bottom: 70px;}
.margin-bottom80 {margin-bottom: 80px;}
.margin-bottom90 {margin-bottom: 90px;}
.margin-bottom100 {margin-bottom: 100px;}

/*     --fontsize classes
------------------------------------------------- */
.fontsize_xxxl {font-size: 100px; line-height: 1em;}
.fontsize_xxl {font-size: 45px; line-height: 60px;}
.fontsize_xl {font-size: 34px; line-height: 50px;}
.fontsize_l {font-size: 28px; line-height: 41px;}
.fontsize_m {font-size: 24px; line-height: 39px;}
.fontsize_s {font-size: 20px; line-height: 31px;}
.fontsize_xs {font-size: 14px; line-height: 22px;}
.fontsize_xxs {font-size: 11px; line-height: 22px;}
.fontsize_xxxs {font-size: 9px; line-height: 20px;}

/*     --border for ce_elements
------------------------------------------------- */
.border-top {border-top: 1px solid #ccc; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 0; line-height: 1.4em; margin-bottom: 0.5em; font-family: 'Raleway', sans-serif; color: #4d4f4f; font-weight: 400;}
h1 {font-size: 36px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

/*     --h1-h6 as divider
------------------------------------------------- */
.divider .ext_txtpic_headline h1:after, .divider .ext_txtpic_headline h2:after, .divider .ext_txtpic_headline h3:after, .divider .ext_txtpic_headline h4:after, .divider .ext_txtpic_headline h5:after, .divider .ext_txtpic_headline h6:after {content: ''; display: inline-block; height: 2px; background: #ccc; width: 65px; text-align: center; margin-bottom: 20px; margin-top: 15px;}
.divider span {display: block;}
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6 {margin-bottom: 0;}
.divider_2 .ext_txtpic_headline h1, .divider_2 .ext_txtpic_headline h2, .divider_2 .ext_txtpic_headline h3, .divider_2 .ext_txtpic_headline h4, .divider_2 .ext_txtpic_headline h5, .divider_2 .ext_txtpic_headline h6 {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVgAAAAHCAYAAABNw1XWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkI0RkVENTQzRjk0MTFFM0FFMjFFNTMxNkNENzhBQjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkI0RkVENTUzRjk0MTFFM0FFMjFFNTMxNkNENzhBQjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQjRGRUQ1MjNGOTQxMUUzQUUyMUU1MzE2Q0Q3OEFCOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQjRGRUQ1MzNGOTQxMUUzQUUyMUU1MzE2Q0Q3OEFCOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhTFZn8AAABCSURBVHja7Ni5DQAgDANAghifhppheXZIg7iTsoALK3L0MVcBIF07F2IAyFdFAKBgAZ5yJwIbLIAPFkDBAnxvCzAA9QwDyfsuRn0AAAAASUVORK5CYII=') repeat-x left 50%; line-height: 1.6em; border: 0;}
.divider_2 span {background: #f5f5f5; padding: 0 20px 0 0;}
.divider [class^="icon-"]:before, .divider_2 [class^="icon-"]:before {background: #fff; padding-right: 10px;}
.divider_3 .ext_txtpic_headline {border-bottom: 1px solid #efefef; margin-bottom: 20px;}
.divider_4 .ext_txtpic_headline {border-bottom: 2px solid #efefef; margin-bottom: 20px;}
.divider_5 .ext_txtpic_headline {border-bottom: 3px double #efefef; margin-bottom: 20px;}

/*     --subheadlines
------------------------------------------------- */
.subheadline_h1 {font-size: 18px; color: #acacac; line-height: 1.2em;}
.subheadline_h2 {font-size: 14px; color: #acacac; line-height: 1.2em;}
.subheadline_h3 {font-size: 14px; color: #acacac; line-height: 1.2em;}
.subheadline_h4 {font-size: 13px; color: #acacac; line-height: 1.2em;}
.subheadline_h5 {font-size: 12px; color: #acacac; line-height: 1.2em;}
.subheadline_h6 {font-size: 11px; color: #acacac; line-height: 1.2em;}

/*     --hr divider
------------------------------------------------- */
hr {width: 100%; clear: both;}
hr, hr.divider_1 {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px;}
hr.divider_2 {position: relative; height: 7px; line-height: 7px; border: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODIyQTlGM0MyNTg5Mjc5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNUM4QjREMkI1NUUxMUUyQjRFMDk1Qjc3NUNEREM5MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNUM4QjREMUI1NUUxMUUyQjRFMDk1Qjc3NUNEREM5MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMThBNkRFNERCNDlCNzI3RDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTgyMkE5RjNDMjU4OTI3OUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQI1BAAAAGklEQVR42mI6cODAfzBgAGIIhwEiAOQABBgAcpsYsYmEevYAAAAASUVORK5CYII='); border-radius: 7px; }
hr.divider_3 {position: relative; height: 11px; line-height: 11px; border: 0; background: url('data:image/png;base64,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') center top no-repeat; background-size: 100%;}
hr.divider_4 {position: relative; height: 11px; line-height: 11px; border: 0; background: url('data:image/png;base64,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') center top repeat-x;}

/*     --body
------------------------------------------------- */
body {color: #969696; overflow-x: hidden; font-family: 'Raleway', Georgia, serif; font-size: 14px; line-height: 22px; 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;}
#footer .inside, #container_before .inside, #teaser_after .inside, #bottom .inside, #container-inside {max-width: 980px; margin: 0;}

/*     --socials
------------------------------------------------- */
.socials {overflow: hidden; display: block;}
.socials a {color: #fff; display: inline-block; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.socials a:before {line-height: 40px; width: 40px; height: 40px; font-size: 14px; color: #969696; margin: 0 3px 0 0; background: rgba(255,255,255,0.1); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.socials a:hover:before {color: #fff!important;}

/*     --logo
------------------------------------------------- */
.logo {background-image: url(../../images/logo_KPR_400x120.png); background-repeat: no-repeat!important; background-size: 100%!important; background-position: center; width: 200px; height: 210px; display: block; margin-left: 50px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.logo a {display: block; height: 100%; width: 100%;}

/*     --contentwrapper
------------------------------------------------- */
#contentwrapper {margin-left: 300px;}

/*     --header
------------------------------------------------- */
#header {background-repeat: repeat; position: fixed; background-color: #303030; z-index: 5000; left: 0; top: 0; width: 300px; height: 100%; -webkit-backface-visibility: hidden; overflow-y: auto;} 
#header .inside {min-height: 100%; text-align: center; padding-bottom: 260px;}
#header .image_container {margin: 0;} 
#header .socials {position: absolute; left: 0; bottom: 100px; width: 100%; padding: 25px 50px; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#header .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;}
#header .socials a:first-child:before {margin-left: 0;}
#header .socials a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .mod_sprachwechsler {position: absolute; left: 0; bottom: 210px; width: 100%; text-align: left; padding: 0 50px;}
#header .mod_sprachwechsler li {text-align: center; display: inline-block; font-size: 14px; border-left: 1px solid #808080; padding: 0 11px; line-height: 16px;}
#header .mod_sprachwechsler li:first-child { padding-left: 0; border: 0;}
#header .mod_sprachwechsler li a {color: #808080; -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;}
#header .mod_sprachwechsler li a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .contentbox {position: absolute; bottom: 50px; left: 0; text-align: left; width: 100%; font-size: 12px; padding: 0 50px;}
#header .contentbox .float-left, #header .contentbox .float-right {float: none; text-align: center;}
#header .contentbox, #header .contentbox a {color: #808080;}
#header .contentbox 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;}
#header .contentbox a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
#header .slimScrollDiv, #header .headerwrapper {height: 100%!important;}

/*     --mobheader
------------------------------------------------- */
.mobheader {background: #303030; height: 50px; position: relative; display: none; width: 100%; left: 0; top: 0; z-index: 1000;}
.mobheader.mobopen {position: fixed;}

/* trigger */
#nav-open-btn {display: table-cell; vertical-align: middle; text-align: right; cursor: pointer; width: 35px; position: absolute; top: 50%; right: 20px; height: 35px; margin-top: -12px;}
#nav-open-btn .menu-btn-label {position: absolute; right: 100%; top: 50%; display: none; line-height: 18px; font-size: 18px; margin-top: -14px; margin-right: 25px;}

/* trigger animation */
.menu-btn-inside {transition: 0.3s; float: right;}
.menu-btn-inside .line {display: block; width: 35px; height: 1px; background: #fff; transition: 0.3s; position: relative;}
.menu-btn-inside .line:before, .menu-btn-inside .line:after {display: inline-block; width: 35px; height: 1px; background: #fff; transition: 0.3s; position: absolute; left: 0; content: '';}
.menu-btn-inside .line:before {top: 12px;}
.menu-btn-inside .line:after {bottom: -24px;}
.menu-btn.open .menu-btn-inside {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}
.menu-btn.open .menu-btn-inside .line {background: transparent;}
.menu-btn.open .menu-btn-inside .line:before, .menu-btn.open .menu-btn-inside .line:after {top: 0; width: 45px;}
.menu-btn.open .menu-btn-inside .line:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); top: 12px;}
.menu-btn.open .menu-btn-inside .line:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); top: 12px;}

/*     --header_after
------------------------------------------------- */
#header_after {display: block; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; z-index: 10;}
#header_after .inside {overflow: hidden!important;}
#header_after .image_container {margin: 0;}

/*     --headerimage
------------------------------------------------- */
.headerimage_content_wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.headerimage_content_outer {margin: 0 auto;max-width: 1280px;display: table; vertical-align: middle; height: 100%; width: 100%;}
.headerimage_content_inner {display: table-cell; vertical-align: middle; padding: 40px;}
.headerimage {line-height: 21px;}
.headerimage.mittig {text-align: center;}
.headerimage.rechts {text-align: right;}
.headerimage.hell, .headerimage.hell h3, .headerimage.hell h4 {color: #fff;}
.headerimage h3 {font-size: 42px; padding: 0; margin: 0;}
.headerimage h4 {font-size: 20px; padding: 0;}
.headerimage img {width: 100%;}

/*     --revolutionslider overwrite default styles
------------------------------------------------- */
.ce_revolutionslider * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.ce_revolutionslider p {margin: 0;}
.ce_revolutionslider ul {display: none;}
.ce_revolutionslider .image_container img {width: auto; height: auto;}
.ce_revolutionslider .image_container {margin-bottom: 0; width: auto; padding: 0; margin: 0; float: none;}
.ce_revolutionslider {background: #fff; position: relative;}
.ce_revolutionslider .tp-bannertimer {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOEEzQjEwNUM0NzcxMUUzQjQ3Q0YyRTlDRUQwRDhBRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOEEzQjEwNkM0NzcxMUUzQjQ3Q0YyRTlDRUQwRDhBRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBQzgwQjNFQzQ2QTExRTNCNDdDRjJFOUNFRDBEOEFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4QTNCMTA0QzQ3NzExRTNCNDdDRjJFOUNFRDBEOEFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FmUvlQAAABtJREFUeNpi+P//fwMTAxCgEQxACQZsEgABBgDs7QaLN50LOAAAAABJRU5ErkJggg==');}
.ce_revolutionslider video {width: 100%;}
.ce_revolutionslider .rs-container {width: 100%!important; left: 0!important;}
.ce_revolutionslider .tp-leftarrow {left: 0px!important;}
.ce_revolutionslider .tp-rightarrow {right: 0px!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.tp-thumbs {left: 50px!important; margin: 0!important; bottom: 50px!important;}

/*     --layerslider-classes
------------------------------------------------- */
.ce_revolutionslider .tp-caption {line-height: 1.3em;}
.ce_revolutionslider .fontsize18 {font-size: 18px;}
.ce_revolutionslider .fontsize20 {font-size: 20px;}
.ce_revolutionslider .fontsize22 {font-size: 22px;}
.ce_revolutionslider .fontsize24 {font-size: 24px;}
.ce_revolutionslider .fontsize26 {font-size: 26px;}
.ce_revolutionslider .fontsize28 {font-size: 28px;}
.ce_revolutionslider .fontsize30 {font-size: 30px;}
.ce_revolutionslider .fontsize32 {font-size: 32px;}
.ce_revolutionslider .fontsize34 {font-size: 34px;}
.ce_revolutionslider .fontsize36 {font-size: 36px;}
.ce_revolutionslider .fontsize38 {font-size: 38px;}
.ce_revolutionslider .fontsize40 {font-size: 40px;}
.ce_revolutionslider .fontsize42 {font-size: 42px;}
.ce_revolutionslider .fontsize44 {font-size: 44px;}
.ce_revolutionslider .fontsize46 {font-size: 46px;}
.ce_revolutionslider .fontsize48 {font-size: 48px;}
.ce_revolutionslider .fontsize50 {font-size: 50px;}
.ce_revolutionslider .fontsize52 {font-size: 52px;}
.ce_revolutionslider .fontsize54 {font-size: 54px;}
.ce_revolutionslider .fontsize56 {font-size: 56px;}
.ce_revolutionslider .fontsize58 {font-size: 58px;}
.ce_revolutionslider .fontsize60 {font-size: 60px;}
.ce_revolutionslider .fontsize62 {font-size: 62px;}
.ce_revolutionslider .fontsize64 {font-size: 64px;}
.ce_revolutionslider .fontsize66 {font-size: 66px;}
.ce_revolutionslider .fontsize68 {font-size: 68px;}
.ce_revolutionslider .fontsize70 {font-size: 70px;}
.ce_revolutionslider .fontsize72 {font-size: 72px;}
.ce_revolutionslider .fontsize74 {font-size: 74px;}
.ce_revolutionslider .fontsize76 {font-size: 76px;}
.ce_revolutionslider .fontsize78 {font-size: 78px;}
.ce_revolutionslider .fontsize80 {font-size: 80px;}
.ce_revolutionslider .fontsize82 {font-size: 82px;}
.ce_revolutionslider .fontsize84 {font-size: 84px;}
.ce_revolutionslider .fontsize86 {font-size: 86px;}
.ce_revolutionslider .fontsize88 {font-size: 88px;}
.ce_revolutionslider .fontsize90 {font-size: 90px;}
.ce_revolutionslider .fontsize92 {font-size: 92px;}
.ce_revolutionslider .fontsize94 {font-size: 94px;}
.ce_revolutionslider .fontsize96 {font-size: 96px;}
.ce_revolutionslider .fontsize98 {font-size: 98px;}
.ce_revolutionslider .fontsize100 {font-size: 100px;}
.ce_revolutionslider .white {color: #fff;}
.ce_revolutionslider .black-font {color: #333;}
.ce_revolutionslider .italic {font-style: italic; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400;}
.ce_revolutionslider .bold {font-weight: bold;}
.ce_revolutionslider .ce_hyperlink.button_bottom {top: auto!important; bottom: 30px!important;}
.ce_revolutionslider .ce_hyperlink.button_bottom a {background: transparent; position: relative; color: #393939; padding-bottom: 30px; letter-spacing: 3px;}
.ce_revolutionslider .ce_hyperlink.button_bottom a:after {width: 100%; font-family: "icons"; content: "\ea06"; display: inline-block; position: absolute; bottom: 0; left: 0;}
.ce_revolutionslider .ce_hyperlink.button_bottom a:hover {background: transparent!important; color: #393939;}

/*     --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;}

/*     --bxslider
------------------------------------------------- */
.bxslider {width: 0;}
.bx-wrapper {margin-bottom: 0; position: relative;}
.bx-wrapper .bx-viewport {border:0; left: 0; box-shadow: none; z-index: 200; background: transparent!important;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: none;}
.bx-wrapper .bx-controls {height: 100%!important; top: 50%; position: static; z-index: 100;}
.bx-wrapper .bx-controls-direction {position: absolute; top: -35px; right:0; width: 65px; overflow: hidden; height: 24px;}
.bx-wrapper .bx-controls-direction a:before {font-family: "icons"; font-size: 24px; line-height: 24px; max-height: 24px; width: inherit; display: inline-block; position: absolute; overflow: hidden; top: 50%; text-align: center; margin-top: -12px; color: #333;} 
.bx-wrapper .bx-controls-direction a.bx-next:before {content: "\ea04";}
.bx-wrapper .bx-controls-direction a.bx-prev:before {content: "\ea03";}
.bx-wrapper .bx-controls-direction a.bx-prev {float: left; background: #fff; left: 0; box-shadow: 5px 0 11px -5px rgba(0,0,0,0.5);}
.bx-wrapper .bx-controls-direction a.bx-next {float: right; background: rgba(0, 0, 0, 0.3); right: 0; background: #fff; box-shadow: -5px 0 11px -5px rgba(0,0,0,0.5);}
.bx-wrapper .bx-controls-direction a {text-indent: 0; margin-top: 0; width: 24px; height: 24px; margin: 0; opacity: 0.7;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {z-index: 1000; bottom: -60px;}
.bx-wrapper .bx-controls-direction a:hover {opacity: 0.9;}
.bx-wrapper .caption {display: none;}
.bx-wrapper .bx-controls-direction a {z-index: 1000;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #ccc; width: 40px; height: 5px; border-radius: 0!important; -webkit-border-radius: 0!important; box-shadow: none;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #3c3c3c;}

/*     --wrapper
------------------------------------------------- */
#wrapper {position:relative; z-index: 5;}
body.content_page #wrapper {border-top: 0;}

/*     --container
------------------------------------------------- */
#container {position: relative; width: 100%; margin: 0;}
#container-inside {overflow: hidden;}

/*     --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;}

/* =============================================================================
 * layouts
 * ========================================================================== */

/* padding-class */
body.padding #main .inside {padding: 50px;}

/* home */
body.home #container {background: transparent;}
body.home #container-inside {max-width: none; padding: 0;}
body.home .autogrid_wrapper {margin-left: 0; margin-right: 0;}
body.home .autogrid {padding-left: 0; padding-right: 0; margin-bottom: 0!important;}
body.home .tp-bannertimer {display: none!important;}

/* content-page-fullwidth */
body.content-page-fullwidth #container-inside {padding: 0; max-width: 100%;}

/* content-page-sidebar */
body.content-page-sidebar #left {position: fixed; left: 0; top: 0; width: 300px; height: 100%; background: #232323; margin-left: 300px;}
body.content-page-sidebar #left .inside {display: table; height: 100%; width: 100%;}
body.content-page-sidebar #left .inside .inner-wrapper {display: table-cell; vertical-align: middle; padding: 0 50px;}
body.content-page-sidebar #main {position: relative; margin-left: 300px; height: 100%;}
body.content-page-sidebar #container-inside {padding: 0; max-width: 100%;}


/* =============================================================================
 * menues
 * ========================================================================== */
nav.mainmenu {text-align: left;}
nav.mainmenu .level_1 ul {display: none;}
nav.mainmenu 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;}
nav.mainmenu a {z-index: 1; font-weight: 300; font-size: 18px; text-transform: uppercase; display: block; padding: 15px 10px 15px 50px; cursor: pointer; color: rgba(255,255,255,0.4); position: relative;}
nav.mainmenu a:hover, nav.mainmenu a.active, nav.mainmenu a.trail {background: rgba(0,0,0,0.2);}
nav.mainmenu .level_2 a:hover, nav.mainmenu .level_2 a.active, nav.mainmenu .level_2 a.trail {color: rgba(255,255,255,0.7); background: transparent;}
nav.mainmenu .level_2 {background: rgba(255,255,255,0.05);}
nav.mainmenu .level_2 {box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.7), inset 0 -8px 8px -8px rgba(0,0,0,0.2);}
nav.mainmenu .level_3 {background: rgba(255,255,255,0.03); box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.5), inset 0 -8px 8px -8px rgba(0,0,0,0.5);}
nav.mainmenu a span {font-size: 12px; display: block;}
nav.mainmenu .open_subnav {display: block; z-index: 100; position: absolute; right: 0; top: 0; height: 100%; width: 50px; background: transparent!important; cursor: pointer;}
nav.mainmenu ul ul .open_subnav {z-index: 110;}
nav.mainmenu ul ul ul .open_subnav {z-index: 120;}
nav.mainmenu ul ul ul ul .open_subnav {z-index: 130;}
nav.mainmenu a.submenu {cursor: pointer; padding-right: 50px;}
nav.mainmenu a.submenu:after {padding-left: 20px; content:'\ea37'; font-family: "icons"; padding-right: 20px; position: absolute; right: 0; font-size: 20px; line-height: 42px; top: 5px; bottom: 5px; border-left: 1px solid rgba(255,255,255,0.1);}
nav.mainmenu li {position: relative;}
nav.mainmenu li.open > a.submenu:after {content: '\ea38'; font-family: "icons"; }
nav.mainmenu .level_2 a {font-size: 13px;}

/* pushy */
.pushy-left{-webkit-transform: translate3d(-0,0,0); -moz-transform: translate3d(-0,0,0); -ms-transform: translate3d(-0,0,0); -o-transform: translate3d(-0,0,0); transform: translate3d(-0,0,0)}
.container-push, .push-push{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/* =============================================================================
 * features + contao modules
 * ========================================================================== */
 
 /*     --contao content slider
------------------------------------------------- */
.ce_sliderStart {padding-bottom: 50px;}
.ce_sliderStart .slider-control	{position:static!important; height:0!important;}
.ce_sliderStart .slider-control a {top: auto!important; opacity: 0.7; bottom: 0;}
.ce_sliderStart .slider-control a:hover {opacity: 1;}
.ce_sliderStart .slider-control .slider-menu {bottom: 2px; top: auto!important; font-family: Arial, sans-serif; left: auto; right: 100px; text-align: right;}
.ce_sliderStart .slider-menu b {margin: 0 2px!important;}
.ce_sliderStart {position: relative!important;}
.ce_sliderStart .slider-control .slider-next, .ce_sliderStart .slider-control .slider-prev {background: rgba(160, 160, 160, 0.5); right: 0; z-index: 100; width: 30px; height: 30px; color: rgba(0, 0, 0, 0); top: auto!important; left: auto!important;}
.ce_sliderStart .slider-control .slider-prev {right: 40px;}
.ce_sliderStart .slider-next:before {font-family: "icons"; content: "\ea08"; display: block; position: relative; font-size: 19px; line-height: 30px; text-align: center; color: #fff;}
.ce_sliderStart .slider-prev:before {font-family: "icons"; content: "\ea07"; display: block; position: relative; font-size: 19px; line-height: 30px; text-align: center; color: #fff;}
.ce_sliderStart .caption {display: none;}

/*     --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}

/*     --extended text & bild custom element
------------------------------------------------- */
.ce_text-mit-bild-erweitert .ext_txtpic {overflow: hidden;}
.ce_text-mit-bild-erweitert .float_left .ext_txtpic_bild {float: left; padding: 0; margin-right: 20px;}
.ce_text-mit-bild-erweitert .float_right .ext_txtpic_bild {float: right; padding: 0; margin-left: 20px;}
.ce_text-mit-bild-erweitert .float_right .image_container {float: right;}
.ce_text-mit-bild-erweitert .ext_txtpic.col_left {display: table;}
.ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild {display: table-cell; vertical-align: top;}
.ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild img {width: 100%; height: auto;}
.ce_text-mit-bild-erweitert .col_left .ext_txtpic_text {display: table-cell;  vertical-align: top;}
.ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_hyperlink {padding-left: 5%;}
.ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_left .ce_hyperlink {padding-left: 0;}
.ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild {display: table-cell;}
.ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild img {width: 100%; height: auto;}
.ce_text-mit-bild-erweitert .col_right .ext_txtpic_text {display: table-cell;}
.ce_text-mit-bild-erweitert .ext_txtpic.col_right .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_right .ce_hyperlink {padding-right: 5%;}
.ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ce_textarea, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .no_image .ext_txtpic.col_right .ce_hyperlink {padding-right: 0;}
.ce_text-mit-bild-erweitert .ext_ce_text_oben, .ce_text-mit-bild-erweitert .ext_ce_image_oben {vertical-align: top!important;}
.ce_text-mit-bild-erweitert .ext_ce_text_mittig, .ce_text-mit-bild-erweitert .ext_ce_image_mittig {vertical-align: middle!important;}
.ce_text-mit-bild-erweitert .ext_ce_text_unten, .ce_text-mit-bild-erweitert .ext_ce_image_unten {vertical-align: bottom!important;}
.ce_text-mit-bild-erweitert .headline_beside, .ce_text-mit-bild-erweitert .headline_beside h1, .ce_text-mit-bild-erweitert .headline_beside h2, .ce_text-mit-bild-erweitert .headline_beside h3, .ce_text-mit-bild-erweitert .headline_beside h4, .ce_text-mit-bild-erweitert .headline_beside h5, .ce_text-mit-bild-erweitert .headline_beside h6 {background: none!important; border: 0!important;}
.ce_text-mit-bild-erweitert .headline_beside [class^="icon-"]:before {padding-right: 0;}
.ce_text-mit-bild-erweitert .ext_ce_frame_1 .image_container {border: 1px solid #ccc;}
.ce_text-mit-bild-erweitert .ext_ce_frame_2 .image_container {border: 2px solid #ccc;}
.ce_text-mit-bild-erweitert .ext_ce_frame_3 .image_container {border: 1px dashed #ccc;}
.ce_text-mit-bild-erweitert .ext_ce_frame_4 .image_container {border: 2px dashed #ccc;}
.ce_text-mit-bild-erweitert .image_container {margin-bottom: 0;}
.ce_text-mit-bild-erweitert .ext_txtpic_bild {line-height: 0;}
.ce_text-mit-bild-erweitert .ext_txtpic_bild img {max-width: 100%; height: auto;}
.ce_text-mit-bild-erweitert .txt_right * {text-align: right;}
.ce_text-mit-bild-erweitert .txt_center * {text-align: center;}
.ce_text-mit-bild-erweitert .txt_center .image_container img {display: inline-block;}
.ce_text-mit-bild-erweitert .txt_center .image_container {line-height: 0;}
.ce_text-mit-bild-erweitert .headline_middle {text-align: center;}
.ce_text-mit-bild-erweitert .ce_hyperlink {margin-top: 30px;}

.ce_text-mit-bild-erweitert .bottom_center .ext_txtpic_bild, .ce_text-mit-bild-erweitert .top_center .ext_txtpic_bild {margin-left: auto; margin-right: auto; max-width: 100%; line-height: 0;}

/* CSS3 filter + effects */
.ext_txtpic_bild img, .ext_txtpic_bild img:hover {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.ext_ce_gray img, .ext_ce_gray_hover img {filter: Gray(); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} 
.ext_ce_gray_hover img:hover {filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);}
.ext_ce_opacity img {opacity: 0.8;}
.ext_ce_opacity img:hover {opacity: 1;}
.ext_ce_blur img {-webkit-filter: blur(5px); -moz-filter: blur(5px);}
.ext_ce_blur .image_container {padding: 10px;}
.ext_ce_blur img:hover {-webkit-filter: none; -moz-filter: none;}
.ext_ce_zoomin img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.ext_ce_zoomin img:hover {-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
.ext_ce_zoomout img {-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
.ext_ce_zoomout img:hover {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

/* CSS3 animation */
.ext_ce_effect_ltr .image_container, .ext_ce_effect_rtl .image_container, .ext_ce_effect_btt .image_container, .ext_ce_effect_ttb .image_container {opacity: 0;}
.ext_ce_effect_ltr .image_container {-webkit-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); -moz-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); -o-animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); animation: fadeimages-ltr 0.8s 1 cubic-bezier(1,0,0,1); opacity: 1;}
.ext_ce_effect_rtl .image_container {-webkit-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); -moz-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); -o-animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); animation: fadeimages-rtl 0.8s 1 cubic-bezier(1,0,0,1); opacity: 1;}
@-webkit-keyframes fadeimages-ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes fadeimages-ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes fadeimages-ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes fadeimages-ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes fadeimages-rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes fadeimages-rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes fadeimages-rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes fadeimages-rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}

/*     --table_simple
------------------------------------------------- */
table:not(.newsletter table) {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;}
table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;}
table td p {margin: 0;}
table th {text-align: left; padding: 0.5em;}

/*     --table_striped
------------------------------------------------- */
.table-striped tr.even {background: #f8f8f8;}

/*     --table_blank
------------------------------------------------- */
.table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 0;}

/*     --ce_imagebox
------------------------------------------------- */
.ce_imagebox a {position: relative; display: inline-block; height: 100%; width: 100%;}
.ce_imagebox:hover {opacity: 0.9;}
.ce_imagebox  {-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.ce_imagebox .imagebox_content {position: absolute; left: 0; bottom: 0; padding: 20px; line-height: 16px;}
.ce_imagebox .coverlay {width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0;}
.ce_imagebox .coverlay_light .coverlay {background: rgba(255,255,255,0.4); display: block}
.ce_imagebox .coverlay_dark .coverlay {background: rgba(0,0,0,0.4); display: block}
.ce_imagebox .fontcolor_light p {color: #fff;}
.ce_imagebox .fontcolor_light h4 {color: #fff;}
.ce_imagebox .fontcolor_dark .line {background: #393939;}
.ce_imagebox .image_container {margin: 0;}
.ce_imagebox .image_container img {width: 100%; max-width: none;}
.ce_imagebox:hover .grayscale img {filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);}
.ce_imagebox .grayscale img {filter: Gray(); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} 
.ce_imagebox .imagebox_inside {position: relative; line-height: 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:not(.iso_image) {max-width: none; width: 100%; display: block; height: auto;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;}

/* special classes for ce_gallery */
.ce_gallery.imageBorder li {border: 2px solid #ddd;}
.rounded-images img {border-radius: 500%;}

/*     --ce_gallery isotope 
------------------------------------------------- */
.ce_gallery .isotope .isotope-item {margin-bottom: 25px;}
.ce_gallery .iso_overlay {background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.ce_gallery .iso_overlay i {position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; display: block;}
.ce_gallery .iso_overlay i:before {font-size: 15px; color: #fff; width: 40px; height: 40px; line-height: 40px;}
.ce_gallery .iso_overlay .circle {border-radius: 100%; width: 30px; height: 30px; border: 1px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; display: block;}
.ce_gallery .item:hover a .iso_overlay .circle {opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5);  -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease;}
.ce_gallery .item a .iso_overlay {-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.ce_gallery .item:hover a .iso_overlay {opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.ce_gallery .iteminside {position: relative; display: block; -webkit-transform: translateZ(0);}
.ce_gallery.rounded-images .iso_overlay {border-radius: 100%;}

/*     --ce_image
------------------------------------------------- */
.ce_image.imageBorder {border: 1px solid #ddd;}

/*     --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px; overflow: hidden;}
.image_container .caption {background: rgba(255, 255, 255, 0.6); color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; left: 0; bottom: 0; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%; float: right;}
.image_container.float_left {margin-right: 5%; float: left;}
.image_container img {display: block; height: auto;}

/*     --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_textarea ul, .ce_text ol, .ce_list ol, .ce_textarea ol {margin-bottom: 15px; padding-left: 20px;}
.ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol {line-height: 1.8em;}
.ce_text ul li, .ce_list ul li, .ce_textarea ul li {list-style-type: disc; list-style-position: outside;}
.ce_text ol, .ce_list ol, .ce_textarea ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol, .ce_textarea ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol, .ce_textarea ol ol ol {list-style: lower-roman;}

/*     --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}

/*     --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}

/*     --content-box
------------------------------------------------- */
.content-box-a {background-color: #F9BBB9;	padding: 20px 20px 10px 20px; border-left: 4px solid #E0A7A6;}
.content-box-b {background-color: #C1FFCC;	padding: 20px 20px 10px 20px; border-left: 4px solid #AEE6B8;}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 30px 20px 20px 20px; background: #E0F1B5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; text-align: center; font-size: 16px;}
.content-box-e {padding: 30px 20px 20px 20px; background: #F5F6FC; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; text-align: center; font-size: 16px;}
.content-box-f {padding: 30px 20px 20px 20px; background: #FFF8F4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; text-align: center; font-size: 16px;}
.content-box-g {padding: 30px 20px 20px 20px; background: #FFFDF3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; text-align: center; font-size: 16px;}
.content-box-h {padding: 30px 20px 20px 20px; background: #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #444; text-align: center; font-size: 16px;}
.content-box-i {padding: 30px 20px 20px 20px; background: #333; color: #fff; text-align: center; font-size: 16px; font-weight: bold;}
.content-box-j {padding: 30px 20px 20px 20px; background: #F5F6FC; color: #4671A3; text-align: center; font-size: 16px; font-weight: bold; border: 1px dashed #9DADBF;}
.content-box-k {padding: 30px 20px 20px 20px; background: #FFFDF3; color: #C96D11; text-align: center; font-size: 16px; font-weight: bold; border: 1px solid #E6BF4A;}

/*     --list
------------------------------------------------- */
#wrapper .ce_list li[class^="icon-"]:before, #wrapper .ce_list li[class*="icon-"]:before {left: -1.4em; width: 1em; top: 0.5em;}

/*     --dropcaps
------------------------------------------------- */
.dropcap p:first-letter  {font-size: 36px; line-height: 36px; float: left; display:block; margin: 6px 7px 0 0; border-radius: 4px; background: #666666; color: #fff; padding: 2px 5px;}
.dropcap_2 p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1;}
.dropcap_3 p:first-letter  {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; border-radius: 99px; background: #666666; color: #fff; padding: 5px; text-align: center;}
.dropcap_4 p:first-letter  {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; background: #666666; color: #fff; padding: 5px; text-align: center;}

/*     --hyperlinks + buttons
------------------------------------------------- */
.ce_hyperlink.center {text-align: center;}
.ce_hyperlink.right {text-align: right;}
.ce_hyperlink {-webkit-transform: translateZ(0);}

.button:hover:before, .ce_hyperlink a:hover:before {-webkit-animation: rotateIn 500ms ease; -moz-animation: rotateIn 500ms ease; -ms-animation: rotateIn 500ms ease; animation: rotateIn 500ms ease;}
.button, .ce_hyperlink a, .servicebox_4 p a, .servicebox_5 p a, .servicebox_6 p a {font-weight: normal; padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #424242; 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 #555!important; color: #555!important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.ce_hyperlink.style2_dark a:hover {background: rgba(0,0,0,0.9)!important; opacity: 1!important; color: #fff!important;}

/*     --testimonial
-------------------------------------------------*/
.testimonial_v1 {display: table; vertical-align: top;}
.testimonial_v1 .image_container {display: table-cell; width: 20%;  vertical-align: top; min-width: 85px; margin-right: 20px;}
.testimonial_v1 .image_container img {border-radius: 100%; border: 1px solid #b7b7b7; width: 85%!important;}
.testimonial_v1 .testimonial_content {display: table-cell; vertical-align: top;}
.testimonial_v1 .testimonial_name {font-weight: bold;}
.testimonial_v1 .testimonial_firma {color: #919191;}
.testimonial_v1 a {color:#3c3c3c;}

/*     --testimonial_slider
-------------------------------------------------*/
.testimonial_slider .testimonial_text {border: 1px solid #e1e1e1; padding: 15px 15px 0 15px; position: relative; margin-bottom: 15px; background: #FCFCFC;}
.testimonial_slider .arrow {height:10px; width:10px; position: absolute; bottom:-6px; left:32px; margin-left:-5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid; border-color:  transparent #e1e1e1 #e1e1e1 transparent; background: #fcfcfc;}
.testimonial_slider img {border-radius: 100%; border: 1px solid #E1E1E1; max-width: inherit!important; width: 65px; height: 65px;}
.testimonial_slider .contentwrapper {display: table; vertical-align: middle;}
.testimonial_slider .contentwrapper img, .testimonial_info {display: table-cell; vertical-align: middle;}
.testimonial_slider .testimonial_info {padding-left: 20px;}
.testimonial_slider .testimonial_name {font-weight: bold;}
.testimonial_slider .zusatz {color: #919191;}
.testimonial_slider a {color:#3c3c3c;}

/*     --testimonial_slider v2 (simple)
-------------------------------------------------*/
.testimonial_slider_v2 {text-align: center;}
.testimonial_slider_v2 .text {font-size: 1.7em; line-height: 1.5em; font-style: italic;}
.testimonial_slider_v2 .text p:before {content: '"'; display: inline-block; margin-right: 5px;}
.testimonial_slider_v2 .text p:after {content: '"'; display: inline-block; margin-left: 5px;}
.testimonial_slider_v2 .autor {font-size: 1.2em;}
.testimonial_slider_v2 .bx-viewport {overflow: visible!important;}
.ce_testimonial-slider-simple {overflow: visible!important;}
.ce_testimonial-slider-simple .bx-wrapper .bx-controls {bottom: -45px; top: auto; position: relative;}

/*     --team
------------------------------------------------- */
.teambox h3 {font-size: 16px; text-transform: uppercase; letter-spacing: 2px;}
.teambox h3 span {display: block;}
.teambox h3:after {content:''; height: 2px; background: rgba(0,0,0,0.1); display: inline-block; width: 120px; text-align: center;}
.teambox .funktion {text-transform: uppercase; font-size: 11px; color: #848484; margin: 6px 0; font-weight: bold;}
.teambox .beschreibung, .teambox .tel, .teambox .email {font-size: 13px; line-height: 21px;}
.teambox .teambox_socials {margin-top: 25px;}
.teambox .teambox_socials a {color: #969696; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.teambox .teambox_socials a:hover {opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}

/*     --counter
------------------------------------------------- */
.ce_counter {text-align: center;}
.ce_counter i {font-size: 45px; margin: 0; line-height: 1em;}
.ce_counter i:before {margin: 0!important;}
.ce_counter .counterwrapper {font-size: 3em; font-weight: 500; line-height: 2em;}
.ce_counter .headline {font-size: 1.3em;}

/*     --ce_countdown
------------------------------------------------- */
.ce_countdown {font-size: 20px;}
.ce_countdown .countdown.center {text-align: center;}
.ce_countdown .countdown.right {text-align: right;}
.ce_countdown .countdown-section {margin-right: 25px;}
.ce_countdown .countdown-amount {margin-right: 4px; font-size: 40px; line-height: 40px;}

/*     --mod_newslist
------------------------------------------------- */
.mod_newslist {overflow: visible;}

/*     --nachrichtenliste default
------------------------------------------------- */
.nachrichtenliste {overflow: hidden; display: table;}
.nachrichtenliste .left_content {display: table-cell; background: #424242; text-align: center; position: relative;}
.nachrichtenliste .left_content_inside {width: 85px;}
.nachrichtenliste .left_content i:before {background: #f5f5f5; padding: 15px; border-radius: 100%; margin: 0;}
.nachrichtenliste .left_content i:after {position: absolute; right: 0; top: 60px; content: ''; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f5f5f5 transparent transparent;}
.nachrichtenliste .right_content {display: table-cell; padding: 25px 50px 25px 50px}
.nachrichtenliste .date {text-transform: uppercase; font-family: Arial, Verdana, sans-serif;}
.nachrichtenliste .date .day {display: inline-block; height: 45px; width: 45px; border-radius: 100%; line-height: 45px; margin-bottom: 5px; background: #333333; color: #fff; font-size: 15px;}
.nachrichtenliste .datewrapper {font-size: 11px;}
.nachrichtenliste .subheadline {border-left: 4px solid #3c3c3c; padding-left: 40px; margin-bottom: 25px;}
.nachrichtenliste .teaser {margin-bottom:12px; background: #fff; padding: 25px;}
.nachrichtenliste .comments {float: right; font-size: 0.7rem; text-transform: uppercase;}
.nachrichtenliste .comments a {color: rgba(0,0,0,0.4); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.nachrichtenliste .comments a:hover {color: rgba(0,0,0,4);}
.nachrichtenliste .autor {float: left; font-size: 0.7rem; text-transform: uppercase; color: rgba(0,0,0,0.4);}
.nachrichtenliste h3 {margin-bottom: 30px;}
.nachrichtenliste .image_container {margin-bottom: 0;}
.nachrichtenliste {width: 100%; table-layout: fixed;}
.nachrichtenliste .left_content {table-layout: fixed; width: 85px;}
.nachrichtenliste .right_content {table-layout: fixed;}


/*     --nachrichtenleser
------------------------------------------------- */
.mod_newsreader .ce_comments {padding: 50px; border-left: 85px solid #424242; max-width: 725px;}
.mod_newsreader .back {display: none;}
.nachrichtenreader {overflow: hidden; display: table;}
.nachrichtenreader .left_content {display: table-cell; min-width: 85px; width: 85px; background: #424242; text-align: center; position: relative; vertical-align: top;}
.nachrichtenreader .left_content i:before {background: #f5f5f5; padding: 15px; border-radius: 100%; margin: 0;}
.nachrichtenreader .left_content i:after {position: absolute; right: 0; top: 60px; content: ''; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f5f5f5 transparent transparent;}
.nachrichtenreader .right_content {display: table-cell; padding-left: 50px; padding-top: 50px; padding-right: 50px;}
.nachrichtenreader .left_content .comments {display: none;}
.nachrichtenreader .datewrapper {font-size: 11px;}
.nachrichtenreader .date {margin-top: 48px; text-transform: uppercase; font-family: Arial, Verdana, sans-serif;}
.nachrichtenreader .date .day {display: inline-block; height: 45px; width: 45px; border-radius: 100%; line-height: 45px; margin-bottom: 5px; background: #333333; color: #fff; font-size: 15px;}
.nachrichtenreader .subheadline {border-left: 4px solid #3c3c3c; padding-left: 40px; margin-bottom: 25px;}
.nachrichtenreader .teaser {margin: 25px 0;}
.nachrichtenreader .info {overflow: hidden; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); padding: 10px 0; margin: 20px 0; font-size: 11px; text-transform: uppercase;}
.nachrichtenreader .info .comments {float: right;}
.nachrichtenreader .info .author {float: left;}
.nachrichtenreader {width: 100%; table-layout: fixed;}
.nachrichtenreader .left_content {table-layout: fixed;}
.nachrichtenreader .right_content {table-layout: fixed;}

/*     --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}

/*     --ce_preistabelle
------------------------------------------------- */
.ce_preistabelle .pricetable {border: 1px solid #efefef;}
.ce_preistabelle .pricetable.hightlight {border: 1px solid #fefefe;}
.ce_preistabelle {text-align: center; overflow: visible; margin: 30px 0 55px 0;}
.ce_preistabelle .titel {font-weight: 300; font-size: 2.5em; color: #fff; background: #363839; padding: 35px 20px;}
.ce_preistabelle .preiswrapper {background: #3c3c3c; color: #fff; padding: 25px; opacity: 0.8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.ce_preistabelle .pricetable:hover .preiswrapper {opacity: 1; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease; -webkit-backface-visibility: hidden;}
.ce_preistabelle .preiswrapper .preis {font-size: 3em; line-height: 0.8em; font-weight: 700; margin-bottom: 10px;}
.ce_preistabelle .preiswrapper .preis span {font-size: 0.6em; vertical-align: top; line-height: 1em; margin-left: -1em;}
.ce_preistabelle .preiswrapper .preiszusatz {text-transform: uppercase; color: rgba(255,255,255,0.6); font-size: 0.8em;}
.ce_preistabelle ul li {border-bottom: 1px solid #efefef; line-height: 65px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.ce_preistabelle ul li:hover {background: #f8f8f8; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.ce_preistabelle ul li.durchgestrichen {text-decoration: line-through; color: rgba(0,0,0,0.4);}
.ce_preistabelle .leistungen {background: #fcfcfc;}
.ce_preistabelle .highlight {box-shadow: 0 0 10px rgba(0,0,0,0.5); position: relative; z-index: 1000; margin-top: -15px;}
.ce_preistabelle .highlight .preiswrapper {opacity: 1;}
.ce_preistabelle .titel .highlight_text {font-size: 0.3em; margin-left: 0.8em; font-weight: bold;}
.ce_preistabelle .link {background: #fcfcfc; padding: 20px 0;}
.ce_preistabelle i:before {width: 1em!important;}

/* col3 */
.pricetable_3col {overflow: visible;}
.pricetable_3col .pricetable {width: 33.33%; float: left;}

/* col4 */
.pricetable_4col .pricetable {width: 25%; float: left;}
.pricetable_4col .titel {font-size: 1.8em;}
.pricetable_4col .pricetable.table_1 {border-right: 1px solid #F0F0F0;}

/*     --login-form
------------------------------------------------- */
#main .mod_login table td, .mod_login table {border: 0;}
#main .mod_login {padding: 30px; border: 1px solid #ddd; background: #f9f9f9; max-width: 350px;}
#main .mod_login input {margin-bottom: 7px;}
#main .mod_login .checkbox_container {margin: 15px 0;}

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion .accordion {border: 0; background: none; padding: 0;}
.ce_accordion .accordion > div {padding: 0;}
.ce_accordion .toggler {border-top: 1px solid #E5E5E5; background: none; background-image: none; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 30px; padding: 7px 0; color: #505050; cursor: pointer;}
.ce_accordion .toggler:hover {color: rgba(0,0,0,0.8);}
.ce_accordion .toggler:before {display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 25px; height: 25px; width: 25px; text-align: center; text-decoration: inherit; border-radius: 25px; padding: 0; float: left; clear:both; margin-right: 15px; margin-top: 3px; content: '\2b';}
.ce_accordion .toggler.ui-state-active:before {content: '\2d';}
.ce_accordion .toggler:after {display: none;} 

/*     --pagination
------------------------------------------------- */
.pagination {clear: both; border-left: 85px solid #424242; padding-left: 50px; padding-bottom: 30px; padding-right: 50px; white-space: nowrap;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right; background: rgba(0,0,0,0.03); 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 {-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;}
.pagination li a, .pagination li span {background: rgba(0,0,0,0.03); display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px;}
.pagination li span.current, .pagination li a:hover {color: white; background: #303030;}
.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;}

/*     --supersized
------------------------------------------------- */
#supersized li {margin-left: 300px;}
.supersize-wrapper {position: relative;}
.supersize-wrapper .supersize-navi {position: fixed; right: 50px; bottom: 50px; padding-top: 45px;}
.supersize-wrapper #controls-wrapper {width: auto; left: auto; right: 0;}
.supersize-wrapper #progress-back {bottom: auto; top: 0;}
.supersize-wrapper #prevthumb:before, .supersize-wrapper #nextthumb:before {font-family: "icons"; content: "\ea07"; display: inline-block; position: absolute; line-height: 75px; font-size: 25px; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.3); left: 50%; margin-left: -6px;-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;}
.supersize-wrapper #nextthumb:before {content: "\ea08";}
.supersize-wrapper #prevthumb, .supersize-wrapper #nextthumb {position: static;}
.supersize-wrapper #prevthumb:hover:before {left: 20px;}
.supersize-wrapper #nextthumb:hover:before {left: 80px;}
.supersize-wrapper #prevthumb {margin-bottom: 10px;}
.supersize-wrapper #thumb-tray {position: absolute; height: 110px;}
.supersize-wrapper #slidecounter {color: #fff; font-size: 30px; float: none; width: 100%; margin: 0; text-align: center;}
.supersize-wrapper #pauseplay, .supersize-wrapper #tray-button {border: 0; background: transparent; cursor: pointer; text-shadow: #000 0 -1px 0;}
.supersize-wrapper #pauseplay:hover:before, .supersize-wrapper #tray-button:hover:before {color: rgba(255,255,255,0.9);}
.supersize-wrapper #pauseplay:before, .supersize-wrapper #tray-button:before {font-family: "icons"; content: "\eb63"; display: inline-block; position: relative; color: #fff; font-size: 18px;}
.supersize-wrapper #tray-button:before {content: "\e815";}
.supersize-wrapper #pauseplay.pause:before {content: "\2389";}
.supersize-wrapper #controls {position: static;}
.supersize-wrapper #controls-wrapper {position: static; background: transparent; border-top: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4); width: 100px; margin-bottom: 10px;}
.supersize-wrapper #controls-wrapper a {display: inline-block; padding: 10px;}
.supersize-wrapper #thumb-back, .supersize-wrapper #thumb-forward {bottom: 0;}
.supersize-wrapper #slidecaption {position: absolute; left: 50px; bottom: 50px; text-shadow: none; width: calc(100% - 250px);}
.supersize-wrapper #slidecaption h6 {color: #fff; background: #e42322 ; display: inline-block; padding: 15px 25px; font-size: 26px; margin-bottom: 15px; font-weight: 700;}
.supersize-wrapper #slidecaption p {color: #fff; font-size: 14px; line-height: 1.2em; margin-bottom: 0; font-weight: 700;}
.supersize-wrapper #slidecounter, .supersize-wrapper #slidecaption {font-family: 'Lato', Georgia, serif; font-weight: 700;}
.supersize-wrapper #controls-wrapper, .supersize-wrapper #slidecounter, .supersize-wrapper #prevthumb, .supersize-wrapper #nextthumb, .supersize-wrapper #progress-back {display: none!important;}
.supersize-wrapper.controls #controls-wrapper, .supersize-wrapper.slidecounter #slidecounter, .supersize-wrapper.thumbnails #prevthumb, .supersize-wrapper.thumbnails  #nextthumb, .supersize-wrapper.progress_bar #progress-back {display: block!important;}

/*     --serviceboxes */
------------------------------------------------- 
.servicebox {
	font-size: 14px;
	font-family: Lato;
	font-weight: 300;
}

.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {font-size: 3rem; margin-bottom: 15px; padding-top: 3px; padding-left: 2px;}
.servicebox h4 {font-size: 24px;}
.servicebox a {color: #C0C0C0; margin-top: 10px; 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;}
.servicebox a:hover {color: #3c3c3c; -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;}

.servicebox_2 {position: relative; padding-left: 50px; text-align: left!important;}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #3c3c3c; position: absolute; left: 0; top: 0; line-height: 35px;}
.servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {padding: 0; color: #3c3c3c;}
.servicebox_2 a {text-decoration: underline;}
.servicebox_2.iconright{text-align: right!important; padding-left: 0; padding-right: 70px;}
.servicebox_2.iconright:before, .servicebox_2.iconright .ce_image {left: auto; right: 0;}

/* image */
.servicebox_2 .ce_image {position: absolute; left: 0px; top: 0; width: 35px;}
.servicebox_2 .ce_image img {width: 35px!important; height: auto;}

.servicebox_3 {position: relative; padding-left: 4rem; text-align: left!important; font-size: 0.87rem; line-height: 1.8rem;}
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before {font-size: 20px; margin-right: 15px; margin-top: 5px; position: absolute; left: 0; top: 0; line-height: 20px; background: #3c3c3c; padding: 0.6rem; color: #fff; border-radius: 100%;}
.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;}

/* image */
.servicebox_3 .ce_image {position: absolute; left: 0px; top: 0; width: 60px;}
.servicebox_3 .ce_image img {width: 60px!important; height: auto; border-radius: 100%;}

.servicebox_4 {border-top: 3px double #393939; padding-top: 10px; text-align: left!important;}
.servicebox_4:before {display: none!important;}
.servicebox_4:hover {border-color: #3c3c3c;}
.servicebox_4 .ce_image {display: none;}

/*     --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: "\e929"; 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;} 

/*     --portfolioliste
-------------------------------------------------*/
.ce_portfolio {background: #f2f2f2;}
.isotope .block.one_fourth {width: 24.9%;}
.isotope .block.one_third {width: 33.3%;}
.isotope .portfolioliste_inside {margin: 0!important;}
.isotope .portfolioliste .frontside .image_container {margin: 0!important;}
.isotope, .isotope .mod_newslist {overflow: visible!important;}
.portfolio_wrapper {padding: 5px;}
.portfolio_wrapper.nopaddings {padding: 0;}
.portfolio_wrapper.nopaddings .portfolioliste {border: 0;}
.portfolioliste_inside {position: relative;  margin: 10px 0;}
.portfolioliste {padding-left: 0!important; padding-right: 0!important; border: 5px solid #f2f2f2; overflow: visible!important; list-style: none; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 21000px;}
.portfolioliste .frontside .image_container {margin-bottom: 0; margin-right: 1px;}
.portfolioliste .frontside .title {font-size: 17px; display: table-cell; vertical-align: middle; font-weight: 500;}
.portfolioliste .frontside .subline {color: #ababab; display: table-cell; vertical-align: middle; text-align: right;}
.portfolioliste .frontside .caption {width:100%; padding:19px 0 14px; background: #F6F6F6; display: table; vertical-align: middle; padding: 15px;}
.portfolioliste .frontside .image_container img {width: 100%; height: auto;}
.portfolioliste .backside {display: block; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg); padding: 20px; background-color: rgba(0,0,0,0.75); position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; color: #fff;}
.portfolioliste .backside a {height: 100%; display: block;}
.portfolioliste .backside .back_title {font-size: 20px; font-weight: 500; margin-bottom: 5px;}
.portfolioliste .teaser {line-height: 18px!important; display: none;}
.portfolioliste .backside .port_button a {font-weight: bold; color: #fff; border: 2px solid #fff; padding: 6px 12px;position: absolute; right: 20px; bottom: 20px; z-index: 10000; white-space: nowrap; font-size: 12px; text-transform: uppercase;}
.portfolioliste .backside .port_button a {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste .backside .port_button a:hover {background: rgba(255,255,255,0.4); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste .frontside, .portfolioliste .backside {-webkit-transform-style: preserve-3d; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transform-style: preserve-3d; -o-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.portfolioliste.port_overlay .backside {border: 1px solid rgba(0,0,0,0.3); opacity: 0; display: block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}
.portfolioliste.port_overlay img {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste.port_overlay .backside .content:before {content: ''; height: 4px; background: rgba(255,255,255,0.5); width: 0%; display: inline-block; margin-bottom: 5px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste.port_overlay .backside .content:after {content: ''; height: 1px; background: rgba(255,255,255,0.5); width: 0%; display: inline-block; margin-bottom: 5px; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste.port_overlay:hover .backside .content:before, .portfolioliste.port_overlay:hover .backside .content:after {width: 100%;}
.portfolioliste.port_overlay:hover .frontside {opacity: 1;}
.portfolioliste.port_overlay:hover img {-webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioliste.port_overlay:hover .backside {display: block; opacity: 1;}

/*     --portfolioliste pagination
-------------------------------------------------*/
.ce_portfolio .pagination {position: fixed; right: 30px; bottom: 30px; border: 0; padding: 0; z-index: 10000;}
.ce_portfolio .pagination li a, .ce_portfolio .pagination li span, .ce_portfolio .pagination p {background: rgba(255,255,255,0.9);}
.ce_portfolio .pagination li span.current, .ce_portfolio .pagination li a:hover {background: rgba(255,255,255,1); color: #393939;}
.ce_portfolio .pagination p {margin: 0;}

/*     --portfoliodetails
-------------------------------------------------*/
.ce_portfolio-details span {font-weight: bold; display: block;}
.ce_portfolio-details .kunde, .ce_portfolio-details .aufgabe, .ce_portfolio-details .verantwortlich {border-bottom: 1px solid #E0E3E6; padding-bottom: 10px; margin-bottom: 10px;}
.ce_portfolio-details .beschreibung {margin-top: 35px; margin-bottom: 25px;}
.ce_portfolio-details li {margin-bottom: 5px;}
.ce_portfolio-details .link {text-align: right; margin-top: 35px; border-top: 2px solid #E0E3E6; padding-top: 15px;}

/*     --portfoliofilter
------------------------------------------------- */
.filter {position:fixed; display: inline-block; text-align: left; right: 15px; top: 22px; z-index: 10000;}
.filter li a {display: block; color: #949494; line-height: 32px; padding: 0 20px; cursor: pointer;}
.filter li a.selected {background: #393939; color: #fff;}
.filter li a:hover {background: #393939; color: #fff;}
.filter.center {text-align: center;}
.filter.right {text-align: right;}
.filter ul {position: absolute; right: 0; top: 32px; display: none; background: rgba(255,255,255,0.9);}
.filter span {background: #fff; line-height: 32px; padding: 0 20px; display: inline-block; cursor: pointer; width: 99px; position: relative;}
.filter span:after { font-family: "icons"; content: "\ea09"; display: inline-block; position: absolute; right: 10px; top: 1px;}
.filter.filter_open ul {display: block;}
.filter.filter_open span:after {content: "\ea05";}

/*     --jquery tools - tabs
------------------------------------------------- */
.tabwrapper {overflow: hidden; margin-bottom: 35px;}

.tabs.horizontal, .panes.horizontal {float: none; overflow: hidden;}
.tabs.horizontal {margin-bottom: -1px;}
.panes.horizontal {background: #FCFCFC; padding: 20px; border: 1px solid #E1E1E1;}
.tabs.horizontal ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;}
.tabs.horizontal ul li {float: left; padding: 0; list-style: none;}
.tabs.horizontal ul li a {background: #fff; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 14px 30px 14px; position: relative; border: 1px solid #E1E1E1; color: #919191;}
.tabs.horizontal ul li a:hover {color: #666;}
.tabs.horizontal ul li a.current {background: #FCFCFC; border-bottom: 1px solid #FCFCFC; font-weight: bold;} 

.tabs.horizontal_clean ul {margin-bottom: 35px; overflow: hidden;}
.tabs.horizontal_clean li {float: left;}
.tabs.horizontal_clean li a {font-size: 16px; padding: 20px 0; text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; display: block;}
.tabs.horizontal_clean li:first-child a {border-left: 0;}
.tabs.horizontal_clean ul li a:hover, .tabs.horizontal_clean ul li a.current {background: #3c3c3c; color: #fff; font-weight: inherit;}
.tabs.horizontal_clean li.tab_two {width: 50%;}
.tabs.horizontal_clean li.tab_three {width: 33.33%;}
.tabs.horizontal_clean li.tab_fourth {width: 25%;}
.tabs.horizontal_clean li.tab_fifth {width: 20%;}
.tabs.horizontal_clean li.tab_sixth {width: 16.66%;}
.tabs.horizontal_clean li.tab_more_sixth a {padding-left: 20px; padding-right: 20px;}

.tabs.vertikal {width: 30%;}
.tabs.vertikal, .panes.vertikal {float: left;}
.panes.vertikal {padding-left: 20px; width: 70%;}
.tabs.vertikal ul li a, .tabs.vertical ul li {width:100%;}
.tabs.vertikal ul li a {display: block; padding: 12px 16px;}
.tabs.vertikal ul li a:hover, .tabs.vertikal ul li a.current {font-weight: bold;}
.panes.vertikal {box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);}
.tabs.vertikal ul li a {border-bottom: 1px solid #e1e1e1;}

.tabs.vertikal_2 {width: 30%; float: right}
.panes.vertikal_2 {float: left;}
.panes.vertikal_2 {padding-right: 20px; width: 70%;}
.tabs.vertikal_2 ul li a, .tabs.vertical ul li {width:100%;}
.tabs.vertikal_2 ul li a {display: block; padding: 12px 16px;}
.panes.vertikal_2 {box-shadow: 5px 0px 8px -4px rgba(0, 0, 0, 0.2);}
.tabs.vertikal_2 ul li a {border-bottom: 1px solid #e1e1e1;}

.tabs ul li a:hover, .tabs.vertikal ul li a.current, .tabs.vertikal_2 ul li a.current {font-weight: bold; position: relative; z-index: 100; background: rgba(255,255,255,0.7);}

/*     --jquery tools - tooltip
------------------------------------------------- */
.tooltip {display:none; background: #666666; padding: 5px; z-index: 100; margin-bottom: 15px; position: relative; color: #fff; max-width: 100px;}
.tooltip:after {background: #666666; border: 1px solid; border-color: #666666 transparent transparent #666666; content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

/*     --charts
------------------------------------------------- */
.customelement_layout_charts {text-align: center; position: relative;}
.customelement_layout_charts .chart {position: relative; height: 180px; margin-bottom: 15px;}
.customelement_layout_charts span.prozent {font-size: 2rem; position: absolute; top: 50%; left: 0; text-align: center; display: block; width: 100%; margin-top: -1rem; line-height: 2rem; color: #393939; font-weight: bold;}
.customelement_layout_charts .title {letter-spacing: 3px; text-transform: uppercase;}
.customelement_layout_charts .subline {font-size: 0.9em; font-style: italic;}
.customelement_layout_charts .text {color: rgba(0,0,0,0.5); line-height: 21px;}

/*     --parallax background
------------------------------------------------- */
.parallax-bg {background-attachment:fixed; background-position: 50% 0; background-size: cover; position: relative; overflow: hidden; min-height: 50px;}
.parallax-bg-inside {max-width: 1150px; margin: 0 auto; padding-top: 45px; padding-bottom: 45px;}
.parallax-bg.invert, .parallax-bg.invert .filter li a, .parallax-bg.invert h1, .parallax-bg.invert h2, .parallax-bg.invert h3, .parallax-bg.invert h4, .parallax-bg.invert h5, .parallax-bg.invert h6 {color: #fff!important;}
.parallax-bg.nopadding-top .parallax-bg-inside {padding-top: 0;}
.parallax-bg.nopadding-bottom .parallax-bg-inside {padding-bottom: 0;}
.parallax-bg .image_container {margin-bottom: 0;}
.parallax-bg .content_boxed {max-width: 1200px; margin-left: auto; margin-right: auto;}

/*     --backgroundvideo
------------------------------------------------- */
.backgroundvideo {background-size:cover;}
.backgroundvideo_content_wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.backgroundvideo_content_wrapper.youtube {position: relative; display: table;}
.backgroundvideo {position: relative; line-height: 0;}
.backgroundvideo p {line-height: 1.6em; font-size: 1.3em;}
.backgroundvideo.mittig {text-align: center;}
.backgroundvideo.rechts {text-align: right;}
.backgroundvideo.hell, .backgroundvideo.hell h1, .backgroundvideo.hell h2, .backgroundvideo.hell h3, .backgroundvideo.hell h4, .backgroundvideo.hell h5, .backgroundvideo.hell h6 {color: #fff!important;}
.backgroundvideo video {width: 100%;}
.backgroundvideo.overlay .backgroundvideo_content_wrapper {background: #3c3c3c; opacity: 0.8;}
.backgroundvideo .button {background: #76BFC0; margin-top: 25px;}
.backgroundvideo .mobile_poster {display: none;}
.backgroundvideo .content_boxed {display: table-cell; vertical-align: middle;}
.backgroundvideo_maxwidth {max-width: 1200px; margin-left: auto; margin-right: auto;}
.backgroundvideo .backgroundvideo_content_wrapper_inside {display: table; height: 100%; width: 100%;}
.backgroundvideo .youtube .backgroundvideo_content_wrapper_inside {display: table-cell; line-height: 24px;}
.backgroundvideo .backgroundvideo_content_wrapper_inner {display: table-cell; vertical-align: middle;}

/* backgroundvideo in slider */
#slider .backgroundvideo_content_inner {padding: 0;}

/* vidscroller */
#vidscroller {position: relative; width: 32px; height: 46px;  border: 2px solid #fff; border-radius: 15px; position: absolute; bottom: 30px; margin: 0 auto; left: 0; right: 0; z-index: 1000;}
#vidscroller .wheel {display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; margin-left: auto;  margin-right: auto; margin-top: 6px; left: 0; right: 0; -webkit-animation: mousewheel 1.7s infinite ease; animation: mousewheel 1.7s infinite ease;}
@keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}}
@-webkit-keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}}

/*     --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {display: none;}
.mod_subscribe input.submit:hover {opacity: 0.9;}

/*     --mod_calendar
------------------------------------------------- */
.mod_calendar table {border-bottom: 1px solid #B9BCBE;}
.mod_calendar td {padding: 1.5%}
.mod_calendar td.col_first {border-left: 1px solid #B9BCBE;}
.mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;}
.mod_calendar th.head {padding: 0;}
.mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;}
.mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;}
.mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;}
.mod_calendar th.current {text-align: center;}
.mod_calendar th.next {text-align: right;}
.mod_calendar th.previous {text-align: left;}
.mod_calendar th.label {text-align: center;}
.mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;}	
.mod_calendar td.empty, .mod_calendar td:hover {background: #fff;}
.mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;}
.mod_calendar td.today a {color: white !important;}
.mod_calendar th.current:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px;	left: 0; margin-right: 5px;}

/*     --mod_eventreader
------------------------------------------------- */
.mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}

/*     --mod_eventlist
------------------------------------------------- */
.mod_eventlist .event {margin-bottom: 25px;}
.mod_eventlist h2 {margin-bottom: 5px;}
.mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;}
.mod_eventlist p.time:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul {margin: 8px 0 20px 15px;}
.mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
.mod_sitemap li.submenu {font-weight: bold;}
.mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;}
.mod_sitemap li a:before {content: '';}

/*     --mod_faqlist
------------------------------------------------- */
.mod_faqpage {counter-reset: mod_faqpage;}
.mod_faqpage h2 {margin-bottom: 20px;}
.mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 2em; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #3c3c3c; border-radius: 3px; line-height: 2em;}
.mod_faqpage section {margin-bottom: 35px;}
.mod_faqpage .info {font-size: 11px;}
.mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.mod_faqpage .toplink {border-bottom: 1px solid #ddd;}
.mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_registration
------------------------------------------------- */
.mod_registration {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
.mod_registration label {width: 40%; float: left;}
.mod_registration input {width: 60%; float: left;}
.mod_registration .submit_container {width: 100%; margin-top: 0px;}
.mod_registration .submit_container input {width: 60%; float: right;}
.mod_registration .captcha_text {float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px;}
.mod_registration p.error {margin-left: 40%; clear: both;}

/*     --mod_search
------------------------------------------------- */
.mod_search input {width: 45%; float: left;}
.mod_search input[type="search"] {-webkit-appearance: none!important; padding-right: 0!important; border-radius: 0!important;}
.mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search .relevance {float: right; font-size: 12px;}
.mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons';  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em; text-align: center; content: '\e92a';}
.mod_search .submit {margin: 0; padding: 5px; display: inline-block; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7; cursor: pointer;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 39px;}
#container .mod_search form {overflow: hidden;}
#container .mod_search .text,
#container .mod_search .submit {height: 39px;}

/*     --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader #container, body.dark, body.dark .mod_nl_reader #container {background: #fff;}
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}

/*     --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}

/*     --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;}

/*     --gmap
------------------------------------------------- */
#gmap {height: 100vh!important;}


/* =============================================================================
 * --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 #E1E1E1; color: #333; background: #FCFCFC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 18px; border-radius: 0;}
input[type="search"] {-webkit-appearance: none; border-radius: 0!important;}
input[type="submit"], input.submit {color: #fff; background: #3c3c3c;}
select {height: 40px; padding: 8px;}
textarea {height: 200px; min-height: 80px;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline!important;}
.radio_container label {float: none;}
.radio_container input {width: 20px; padding: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 100%;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
.radio_container.horizontal span {display: inline-block; margin-right: 15px;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline!important;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
.checkbox_container.horizontal span {display: inline-block; margin-right: 15px;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;}
input[type="submit"], input.submit {padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px; background: #3c3c3c; color: #fff; cursor: pointer; }
input[type="submit"], input.submit {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
input[type="submit"]:hover, input.submit:hover {opacity: 0.9; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}

/*     --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%;}
.ce_form .captcha-container label {width: 100%; display: block;}
.ce_form .captcha_text {display: block; margin-top: 10px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;}

/*     --jquery tools - datepicker
------------------------------------------------- */
input.date {cursor: pointer; background-position: 95% center; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RjExM0E5RjA3RTMxMUUzQTIzNUVDNDkwQURCQjU2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RjExM0FBMDA3RTMxMUUzQTIzNUVDNDkwQURCQjU2OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlGMTEzQTlEMDdFMzExRTNBMjM1RUM0OTBBREJCNTY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlGMTEzQTlFMDdFMzExRTNBMjM1RUM0OTBBREJCNTY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S8AvwQAAAbdJREFUeNqUUk2rQVEUXfd0kkiShJKUj4GpgX/AgLGpgRH/QPgnRqY+Zoz8Eh9lQEShyDf3Wad3bu/1er3ert05+6617trnnG20221sNhvE43FzNBohkUhgPB4bpmmCYRjGN+y9Gn6/H+KNkWF2Oh2kUil0u12Yn6Ex/pwYOe8fKUwuFgvEYjGs12tMp1MEAgGEQiHlpENjwWAQ4XAYk8kE4nq94na7Yb/fo9VqYbfb4Xw+43Q6qZXJbxojlykJcFMulzGbzWCz2WC323kW5fp6vZBMJhGJROB0OhWXGqkde70eHA6HItPN4/FYrfIbMQb5TOn1epHP5/Gf4JklW2Hq6/8rdPvy+XxCi/v9PlarFVwuFwqFgiIOBgMsl0uUSiVLSI14PB5qwzWbzaJYLKqBYM3MZDK4XC5Wzc7Ilyzodr/fMZ/P1SWl02lV6zgej1ZNR2oERdqRj1+pVDAcDi0HCg6Hg1Xro4mvjsztdquIum40Gqqu1+uq1iaSb0ghJ6fZbMLtdiOXyymQUavVrJb1GdXksH8hBHw+H6rV6o+rJ1GvDHKpkRxctqOH+rf3/CqORqP4EGAAqhts6b9NH8cAAAAASUVORK5CYII=');}
#calroot {z-index:10000; margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 15px #666; -webkit-box-shadow:0 0 15px #666}
#calhead {padding:2px 0; height:22px}
#caltitle{font-size:14px; color:#515347; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd}
#calnext,#calprev {display:block; width:20px; height:20px; background:transparent url('data:image/gif;base64,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') no-repeat scroll center center; float:left; cursor:pointer;}
#calnext {background-image: url('data:image/gif;base64,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'); float:right}
#calnext.caldisabled,#calprev.caldisabled {visibility:hidden}
#caltitle select {font-size:10px}
#caldays {height:20px; border-bottom:1px solid #ddd}
#caldays span {display:block;float:left;width:28px;text-align:center}
#calweeks {background-color:#fff;margin-top:4px}
.calweek {clear:left;height:22px}
.calweek a {display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px}
.calfocus,.calweek a:hover {background-color:#ddd}
a.calsun {color:red}
a.caloff {color:#ccc}
a.caloff:hover {background-color:#f5f5fa}
a.caldisabled {background-color:#efefef!important; color:#ccc!important; cursor:default}
#calcurrent {background-color:#515347; color:#fff}
#caltoday {background-color:#333; color:#fff}

/*     --icon
------------------------------------------------- */
.input-wrapper:hover span i:before {-webkit-animation: rotateIn 500ms ease; -moz-animation: rotateIn 500ms ease; -ms-animation: rotateIn 500ms ease; animation: rotateIn 500ms ease;}
.input-wrapper-inside[class^="icon-"] span, .input-wrapper-inside[class*="icon-"] span {border-right: 0!important;}

/* =============================================================================
 * media-queries
 * ========================================================================== */


/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
	/* logo */
	.logo {height: 145px;}
	
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	/* charts */
	.customelement_layout_charts .chart {height: 135px;}
	.customelement_layout_charts .chart canvas {width: 135px!important; height: 135px!important;}
			
	/* ce_gallery isotope masonry */
	.ce_gallery .isotope .block.autogrid {width: 50%;}
	
	/* portfolioliste */
	.portfolioliste .teaser {display: none;}
	
	/* journal */
	.journal.block.one_third {width: 50%;}
	
	/* pricetables */
	.pricetable i {display: none;}
	
	/* teamboxes */
	.teambox_2 .funktion {position: static;}
	
	/* backgroundvideo */
	.backgroundvideo video {opacity: 0;}
	.backgroundvideo .mobile_poster {display: block; width: 100%; height: auto;}
	.backgroundvideo .mbYTP_wrapper {display: none;}
	.backgroundvideo {height: auto!important;}
	.backgroundvideo_content_wrapper.youtube {position: relative; left: 0; top: 0;}
	.backgroundvideo .content_boxed {padding-left: 20px; padding-right: 20px;}
	.backgroundvideo.ownvideo #vidscroller {display: none;}
	.backgroundvideo .backgroundvideo_content_wrapper {padding: 20px;}
	
	/* parallax-bg */
	.parallax-bg {background-attachment: scroll;}
	.parallax-bg .content_boxed {padding-left: 20px; padding-right: 20px;}
	
	/* hide parallax image element */
	.parallax_image {display: none!important;}
	
	/* layouts */
	body.content-page-sidebar #left {width: 275px;}
	body.content-page-sidebar #main {margin-left: 275px;}
	
	/* supersize gallery */
	.supersize-wrapper.controls #controls-wrapper #tray-button {display: none!important;}

}


/*     --phone
------------------------------------------------- */
@media only screen and (max-width: 767px), screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	/* header */
	#header {margin-top: 50px;  width: 100%; height: 0; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease;}
	#header.mobopen {height: 100%;}
	.mobheader {display: block;}
	#header .contentbox {bottom: 65px;}
	
	/* layouts */
	body.content-page-sidebar #left {position: static; width: 100%; margin-left: 0;}
	body.content-page-sidebar #left .inside .inner-wrapper {display: block; padding: 50px;}
	body.content-page-sidebar #main {margin-left: 0; height: auto;}
	body.content-page-sidebar #wrapper, body.content-page-sidebar #container, body.content-page-sidebar #container-inside, body.content-page-sidebar #main .inside {height: auto;}

	/* gmap */
	#gmap {height: 350px!important;}
	
	/* Die Filter */
	.filter {top: 62px;}
	.filtersite-headline {font-size: 28px; margin-right: 140px!important;}

	.image_container img {
    margin: auto;
	}
	
	/* ce_revolutionslider */
	.ce_revolutionslider .fullscreen {height: 100vh!important;}
	
	/* contentwrapper */
	#contentwrapper {margin-left: 0;}

	/* logo */
	.logo {height: 120px;}
	
	/* supersized */
	#supersized li {margin-left: 0px;}
	.supersize-wrapper #slidecaption p {font-size: 13px; line-height: 1.2em; width: 100%;}
	.supersize-wrapper #slidecaption h6 {font-size: 15px; padding: 5px;}
	.supersize-wrapper .supersize-navi {right: 20px; bottom: 20px;}
	/*.supersize-wrapper #slidecaption {display: none;}*/

	.supersize-wrapper #slidecaption {
		width: calc(100% - 155px);
		left: 25px;
	}

	
	/* wrapper */
	#wrapper {width: 100%;}

 	/* 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;}
 	
 	/* ce_portfolio */
 	.ce_portfolio .filter, .ce_portfolioliste-masonry .filter {top: 70px; right: 10px;}
 	.ce_portfolio .pagination p, .ce_portfolioliste-masonry .pagination p {display: none;}
 	.ce_portfolio .pagination, .ce_portfolioliste-masonry .pagination {right: 10px; bottom: 10px;}
 	.filter li a {padding: 0 5px;}
 	.ce_portfolio .item, .ce_portfolioliste-masonry .item {margin-bottom: 0;}
 	
 	/* ce_text */
 	#wrapper .ce_text {width: 100%;}

 	/* 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;}

  	/* mod_calendar */
  	.mod_calendar table {font-size: 7px;}	
  	 	
	/* search */
	.mod_search input {width: 100%;}
	#container .mod_search .submit {margin-top: 10px;}
	
	/* mod_subscribe */
	.mod_subscribe input {width: 100%!important; margin-bottom: 10px;}
		
	/* mod_registration */
	.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;}
	.mod_registration .captcha_text {margin: 5px 0 15px 0;}
	.mod_registration p.error {margin-left: 0;}
	
	/* forms */
	form label {margin-bottom: 2px!important;}
	form .captcha_text {line-height: 1em;}
	.checkbox_container.horizontal span,
	.radio_container.horizontal span {display: block;}
	
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	/* 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;}
	
	/* tabs */
	.tabs ul li {float: none;}
	.tabs ul li a {float: none; display: block; margin: 2px 0;}
	.tabs ul li a:hover, .tabs.vertikal ul li a.current, .tabs.vertikal_2 ul li a.current {background: #fafafa;}
	.tabs.horizontal_clean ul li {float: none; display: block;}
	.tabs.horizontal_clean ul li a, .tabs.horizontal_clean li:first-child a {border: 1px solid #f1f1f1;}
	.tabs.horizontal_clean li a {text-align: left; padding-left: 10px;}
	
	/* ce_counter */
	.ce_counter {margin-bottom: 15px;}
	.ce_counter .counterwrapper {line-height: 1.3em;}
	
	/* site-font-icon  */
	.site-icons .row div {width: 100%!important;}
	
	/* button  */
	.button, input[type="submit"], input.submit, .submit_container input {display: block; width: 100%!important;}
	
	/* tabs */
	.tabs.vertikal, .panes.vertikal, .tabs.vertikal_2, .panes.vertikal_2 {float: none;}
	.tabs.vertikal, .tabs.vertikal_2 {width: 100%;}
	.tabs.vertikal ul li a, .tabs.vertikal_2 ul li a {border: none; background: #efefef; margin-bottom: 1px;}
	.panes.vertikal, .panes.vertikal_2 {padding: 15px; width: 100%; border: 1px solid #ccc;}
	.tabs.horizontal ul li {float: none; display: block;}
	.tabs.horizontal ul li a {display: block; float: none; border: 0; background: #efefef; margin-bottom: 1px; margin: 0 0 1px 0;}
	.tabs.horizontal_clean li {width: 100%!important;}
	
	/* testimonials */
	.testimonial_v1 {display: block;}
	.testimonial_v1 .image_container {display: block; text-align: center; width: 100%;}
	.testimonial_v1 .image_container img {margin: 0 auto; max-width: 100px;}

	/* extended text & bild custom element */
	.ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ext_txtpic.col_right .ce_hyperlink {padding: 0;}
	.ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_hyperlink {padding: 0;}
	.float_left .ext_txtpic_bild, .float_right .ext_txtpic_bild {width: 100%!important;}
	.col_left .ext_txtpic_text, .col_left .ext_txtpic_bild, .col_right .ext_txtpic_text, .col_right .ext_txtpic_bild {display: block!important; margin: 0!important; width: 100%!important;}
	.ext_txtpic_text, .ext_txtpic_bild, .ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_left .ce_textarea {padding: 0!important;}
	.ce_text-mit-bild-erweitert .txt_right * {text-align: left;}
	.ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild {margin-top: 20px!important;}
	.ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild {margin-bottom: 20px!important;}
	.ce_text-mit-bild-erweitert .ext_txtpic_bild {width: 100%!important; max-width: 100%!important;}
	.ce_text-mit-bild-erweitert .ext_txtpic_bild img {max-width: 100%; height: auto;}
	
	/* ce_gallery isotope  */  
	.ce_gallery .isotope .isotope-item {margin-bottom: 10px;}
		 
	/* nachrichtenliste */
	.nachrichtenliste .right_content {padding: 30px;}
	.pagination {padding: 30px;}
	.nachrichtenliste .left_content i:after {top: 35px;}
	 
	/* nachrichtenleser */
	.nachrichtenreader .right_content {padding: 20px;}
	.mod_newsreader .ce_comments {padding: 20px;}
	
	/* portfolioliste */
	.isotope.nopaddings .portfolioliste {margin-bottom: 0!important;}
	.filter li {display: block; margin: 3px 10px;}
	.filter li a {display: block;}
	
	/* pagination */
	.pagination ul {width: 100%; float: none;}
	.pagination p {width: 100%; float: none;}
	.ce_journal .pagination {bottom: -75px;}
	 
	/* pricetables */
	.pricetable_3col .pricetable, .pricetable_4col .pricetable {float: none; width: 100%; margin: 0 0 15px 0;}
	.ce_preistabelle .link {padding: 0;}
	.ce_preistabelle .link a {margin-bottom: 0;}
		
	/* testimonial_slider_v2 */
	.testimonial_slider_v2 .text, .testimonial_slider_v2 .autor {font-size: 1em;}
	
	/* bxslider */
	.bx-wrapper .bx-pager.bx-default-pager a {height: 10px; width: 10px;}
	
	/* #linktotop */
	#linktotop {display: none;}
		
	/* css helper margins */
	.margin-top10 {margin-top: 10px;}
	.margin-top20 {margin-top: 20px;}
	.margin-top30 {margin-top: 20px;}
	.margin-top40 {margin-top: 20px;}
	.margin-top50 {margin-top: 20px;}
	.margin-top60 {margin-top: 20px;}
	.margin-top70 {margin-top: 20px;}
	.margin-top80 {margin-top: 20px;}
	.margin-top90 {margin-top: 20px;}
	.margin-top100 {margin-top: 20px;}
	
	.margin-bottom10 {margin-bottom: 10px;}
	.margin-bottom20 {margin-bottom: 20px;}
	.margin-bottom30 {margin-bottom: 20px;}
	.margin-bottom40 {margin-bottom: 20px;}
	.margin-bottom50 {margin-bottom: 20px;}
	.margin-bottom60 {margin-bottom: 20px;}
	.margin-bottom70 {margin-bottom: 20px;}
	.margin-bottom80 {margin-bottom: 20px;}
	.margin-bottom90 {margin-bottom: 20px;}
	.margin-bottom100 {margin-bottom: 20px;}
	
	.phone_no {margin-top: 0;}
	.phone_no {margin-bottom: 0;}
	
	/* headlines */
	h1 {font-size: 28px;}
	h2 {font-size: 23px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 15px;}
	
	/* fontsize classes */
	.fontsize_xxxl {font-size: 26px; line-height: 1.8em;}
	.fontsize_xxl {font-size: 24px; line-height: 1.8em;}
	.fontsize_xl {font-size: 20px; line-height: 1.8em;}
	.fontsize_l {font-size: 20px; line-height: 1.8em;}
	.fontsize_m {font-size: 15px; line-height: 1.8em;}
	.fontsize_s {font-size: 13px; line-height: 1.8em;}


}


/* =============================================================================
 * setting for browsers
 * ========================================================================== */

/* android background fixed bug */
body.android {background-attachment: scroll!important;}

/* safari opacity hover bug */
body.safari * {-webkit-font-smoothing: antialiased;}

/* safari remove input placeholder icon */
body.safari input[placeholder]:before {display: none;}

/* IE input fields */
input::-ms-clear {display: none;}
body.ie .checkbox_container input, body.ie .radio_container input {border: none;}

/* IE > 11 mainmenu replace font-icon arrow */
.ie9 nav.mainmenu a.submenu:after, .ie10 nav.mainmenu a.submenu:after {display: none;}
.ie9 nav.mainmenu a.submenu, .ie10 nav.mainmenu a.submenu {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjg3MkJDOUVCNUI0MTFFNDk5NENFRDk3MjJGNjhDMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg3MkJDOUZCNUI0MTFFNDk5NENFRDk3MjJGNjhDMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODcyQkM5Q0I1QjQxMUU0OTk0Q0VEOTcyMkY2OEMxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGODcyQkM5REI1QjQxMUU0OTk0Q0VEOTcyMkY2OEMxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkSYz3MAAACJSURBVHjaZM7BCoJAFIXhGXPlMlrk1jBBNyXi+z9BIKEtohaCi3wDQZj+C3dg0AOfDPechdY5dzHG5HhiMvucccM35lPq8Y4Vv2B4Qo0DiojPSwuLRgeSI1odSt6W35BHgaseFymQIdHbB4MfSyodbDOik0cUHHstwkx+KIk3pS9SzHiE5V+AAQCKUB0y6EkIpgAAAABJRU5ErkJggg==') 95% center no-repeat;}
.ie9 nav.mainmenu li.open > a.submenu, .ie10 nav.mainmenu li.open > a.submenu {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQxMjg0RDlCNUVEMTFFNDk5NENFRDk3MjJGNjhDMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQxMjg0REFCNUVEMTFFNDk5NENFRDk3MjJGNjhDMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODcyQkNBMEI1QjQxMUU0OTk0Q0VEOTcyMkY2OEMxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDEyODREOEI1RUQxMUU0OTk0Q0VEOTcyMkY2OEMxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJln5IAAAB+SURBVHjaYvz//z8DGjACYjEgfg7EF5ElWLAolIay5aA0XAMTkkJ9JIUMSBq00RVrIZn0DYivAPFPKF8JiNVhztAAYmWoxF8gPg/E74D4MxCbQw1UA8mBGKpICk9BFYLAGyA+A8SwENAEKb4JxL+B+BxUATJ4CbUJJH8NIMAA5pQcV9200cYAAAAASUVORK5CYII=');}

