/*#header_after .inside {max-width: 100%; margin: 0 auto;}*/

/*     --page-width
------------------------------------------------- */
#top .inside, #header, #header .inside, #header_after .inside, #wrapper, #footer, #footer .inside, #container_before .inside, #bottom, #bottom .inside, #container-inside {max-width: 1280px; margin: 0 auto;}
#container-inside{max-width: 100%; margin: 0 auto;}
#container-inside .small {max-width: 1280px;margin: 0 auto;padding-left: 40px;padding-right: 40px;}




/*     --page-width layout_wide
------------------------------------------------- */
body.layout_wide #header, body.layout_wide #header_after, body.layout_wide #header_after .inside, body.layout_wide #wrapper, body.layout_wide #container_before, body.layout_wide #footer, body.layout_wide #bottom {max-width: 100%;}
body.layout_wide #top .inside {padding-left: 40px; padding-right: 40px;}

#container-inside {padding:0px!important}
#container-inside .inside{padding:0px!important}


/*     --Social Icons
------------------------------------------------- */
.socialicons{float:right;padding-right: 10px; padding-top: 22px;}
.socialicons .facebookicon{padding-right:20px;}

.socialicons .facebookicon, .socialicons .instagramicon{opacity: 0.5;}

.socialicons .facebookicon:hover, .socialicons .instagramicon:hover{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;
 }


/*     --Parallax
------------------------------------------------- */
.has-responsive-background-image.parallax{min-height:80vh !important;}
.parallax_text{font-size: 39px; padding-top: 50px; margin-bottom: 50px; padding-bottom: 0; font-weight: 400; color: #ffffff; margin-top:50px; background-color:#fff700;}


/* 

/* =============================================================================
 * color definition
 * ========================================================================== */
.color { color: #000000; }
.bg_color { background-color: #000000; }
#wrapper { border-top: 0px solid #000000; }
#container_before .inside:after { border-color: #000000 transparent transparent transparent; }
.ce_accordion .toggler:before { background-color: #000000; }
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], input.submit { background: #000000; }
.servicebox_7:hover { border-color: #000000; }
.panes { border-color: #000000 #ccc #ccc #ccc; }
.tabs ul li a.current { background-color: #000000; border-color: #000000; }
.servicebox_4:hover:before, .servicebox_6:hover img, .servicebox_5:hover .image_container { border: 3px solid #000000; }
.servicebox:hover { background: #000000; }
nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a.trail, nav#mainmenu ul ul li a.active, nav#mainmenu ul ul li.active a { background: #000000; color: #fff!important; }
#submenu a:hover, #submenu a.active { color: #000000; }
.more a { color: #fff; background-color: #000000; }
.pagination li a:hover { color: #000000; }
.pagination li span.current { background: #000000; color: white; }
.calltoaction { border-left: 4px solid #000000; }
.calltoaction a { background: #000000; color: #fff; }
.portfolioteaser li:hover .bx_caption, .portfolioliste:hover .caption { background: #000000; }
.tp-leftarrow.default, .tp-rightarrow.default { background: #000000; }
.servicebox_4:hover:before { background: #000000; color: #fff; }
#nav-open-btn:before { background: #000000; border: 2px solid #000000; }


/*     --body
------------------------------------------------- */
body {color: #181002;overflow-x: hidden;font-family: 'Ubuntu', sans-serif;font-size: 15px;line-height: 24px;}
body .jPanelMenu-panel, body { background: #f3f6f8 url(../../design/bg_bg_all.jpg)center top no-repeat; }

body strong{ font-family: 'Ubuntu', sans-serif; color: #191919; font-weight: 500; }

/*     --container
------------------------------------------------- */
#container-inside { overflow: hidden; padding: 15px 40px 40px 40px; border-bottom: 0px solid #000000; }
#container .inside {padding-top:10px!important;}
#container_before .inside { margin: 0 auto; min-height: 490px; overflow: hidden; padding: 15px 40px 40px 40px; position: relative; margin-bottom: 0px; }
#container_before { margin-bottom: 20px; }
/*     --Banners
------------------------------------------------- */
#container .inside .banner .image_container { margin: 20px 20px 20px 0px !important; width: auto !important; }
#container .inside .banner .image_container img { border: 1px solid #ddd; height: auto; width: auto; }
#container .inside .banner .image_container a:hover img { border: 1px solid #000000; }
/*     --Flickr
------------------------------------------------- */
#creditDiv {display: none!important; }
/*     --Award Logos
------------------------------------------------- */
.awardlogos img { max-width: 90%; width: auto; }
/*     --Contact Images
------------------------------------------------- */
.contactImages .image_container a img { border: 1px solid #ddd; }
.contactImages .image_container a:hover img { border: 1px solid #000000; }
.contactSelectors table .topzelle { height: 120px; }
/*     --Border Pic Image
------------------------------------------------- */
.borderpic .image_container{ border: 1px solid #ddd; }
/*     --ImageMap
------------------------------------------------- */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; }
/*     --Twitter Icon
------------------------------------------------- */
.pdf_link { border: 0px solid #000000; float: right; margin-right: 0px; }
.pdf_link img { width: auto !important; height: auto; }
/*     --Share Module
------------------------------------------------- */
.share {margin-left: auto;text-align: right; padding:0px; position:relative; z-index: 1; }
.share ul {list-style-type: none;}
.share li {display: inline; margin-left: 10px !important;}
/*     --container
------------------------------------------------- */
#container { position: relative; width: 100%; margin: 0; background-color: rgba(255, 255, 255, 0.9) !important;}
#container-inside { padding: 40px; overflow: hidden; }
/*     --container after // extended
------------------------------------------------- */
#container_after { display: block; position: relative; width: 100%; margin: 10px auto; max-width:1280px; border: 0px solid #d0d0d0; }
/*     --container before // teaser
------------------------------------------------- */
#container_before .inside { position: relative; margin: 0 auto; overflow: hidden; padding: 20px 40px 40px 40px; min-height: 490px; }
#container_before { position: relative; display: block; margin: 0 auto 31px auto; width: 100%; background: #fff; }
#container_before:before, #container_before:after { position: absolute; height: 100%; width: 73px; top: 0; content: ""; z-index: -1; display: block; }
#container_before:before { left: -73px; background: transparent url(../img/content_big-teaser-shadow-before.png) no-repeat; }
#container_before:after { right: -73px; background: transparent url(../img/content_big-teaser-shadow-after.png) no-repeat; }
#container_before .inside:after { position: absolute; top: 0px; left: 50%; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #d5533f transparent transparent transparent; }

/*     --container SHADOW not Before!// 
------------------------------------------------- */
#container .inside { position: relative; margin: 0 auto; overflow: hidden; padding: 20px 20px 20px 20px; min-height: 490px; background-color: rgba(255, 255, 255, 0) !important;}
#container {position: relative;display: block;margin: 0 auto 0px auto;width: 100%;}
#container:before, #container:after { position: absolute; height: 100%; width: 73px; top: 0; content: ""; z-index: -1; display: block; }
#container:before { left: -73px; background: transparent url(../img/content_big-teaser-shadow-before.png) no-repeat; }
#container:after { right: -73px; background: transparent url(../img/content_big-teaser-shadow-after.png) no-repeat; }
#container .padding40 {padding: 0 20px;}
#container .paddingright40 {padding-right: 40px;}
#container .paddingleft40 {padding-left: 40px;}

/*     --top
------------------------------------------------- */
#top { overflow: hidden; padding: 0px; margin: 0px; background: #000000; height: 4px; }
#top .greenbalken img { padding-left: 40px; margin: 0px; height: 40px; width: 175px }
/*     --footer
------------------------------------------------- */
#footer {background: #000000;padding:20px 0px 20px 0px;}
#footer .inside { background: #000000; padding: 4px 40px 4px 40px; text-align: left; color: #999999; font-size: 13px; line-height: 20px;}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-weight: bold;}
#footer ul {padding: 0;}
#footer li {border-bottom: 1px solid #ccc; margin-bottom: 8px; padding-bottom: 8px; list-style-type: none;}
#footer li:before {font-family: "icons"; content: "\2b"; display: inline-block; position: relative; margin-right: 10px;}

/*     --Hochgestellt SUP
------------------------------------------------- */
#container_before p sup { border: 0px solid #000; line-height: 7px; }
/*     --Tiefgestellt SUB
------------------------------------------------- */
#container_before p sub { border: 0px solid #000; line-height: 7px; }
/*     --Video Spacer
------------------------------------------------- */
.full.videospacer{margin:15px}
/*     --Pageflip
------------------------------------------------- */
.issuuembed span{display:none;}


/*     --header
------------------------------------------------- */
#header { background-repeat: repeat; position: relative; background-color: #fff; z-index: 50000; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 2px 7px rgba(0,0,0,.11); }

#header .inside { padding: 0 40px; }
#header .image_container { margin: 0; }
/*     --header SEARCH 
------------------------------------------------- */
#header .mod_search { float: right; }
#header .mod_search { margin-top: 17px; margin-left: 20px; }
#header .mod_search input { width: 200px; padding: 4px; border-width: 1px; border-color: #ddd; }
#header .mod_search .submit { height: 28px; }
#header .mod_search .text { height: 28px; }
.mod_search .formbody{display: flex;}

/*     --mod_search MAIN
------------------------------------------------- */
.mod_search .header { margin-top: 30px; }
.mod_search input { width: 100%; padding: 10px; order-width: 1px; border-color: #ddd; float: left; }

.mod_search .submit { height: 28px; }
.mod_search .text { height: 28px; }

.pagesearch .mod_search input{ width: 100%; padding: 10px; margin: 40px 0px 20px 0px; order-width: 1px; border-color: #ddd; float: left; }
.pagesearch .widget-submit{margin: 40px 0px 20px 0px; }

/*     --pagination
------------------------------------------------- */
.pagination li a, .pagination li span { background: none; display: block; margin-right: 1px; color: #000000; text-decoration: none; padding: 3px 10px; }
.pagination li span.current { background: #000000; color: #fff; }
.pagination li a:hover { color: #00a2bd; }
/*     --logo
------------------------------------------------- */
#logo { top: 40px; left: 0px; position: relative; }
#logo img { width: auto; height: 45px; }

/*     --Google Map Grey
------------------------------------------------- */
.map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

/*     --Navigation
------------------------------------------------- */
nav#mainmenu a { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; color: #888888; }
nav#mainmenu { overflow: visible!important; line-height: 0; float: right; }
nav#mainmenu ul { position: relative; display: inline-table; width: 100%; }
nav#mainmenu ul ul { width: auto; display: none; }
nav#mainmenu ul:after { content: ""; clear: both; display: block; }
nav#mainmenu ul li { float: left; }
nav#mainmenu ul li:hover > ul { display: block; }
nav#mainmenu ul li a { display: block; text-decoration: none; position: relative; line-height: 18px; min-height: inherit; font-family: 'Ubuntu', sans-serif; text-align: center; font-size: 21px; text-transform: none; float: none; background: url(../../design/nav_border.png)left top no-repeat; padding: 20px 15px 18px 15px; color: #6e6e6e; margin: 11px 0px 0px 0px; }
nav#mainmenu ul ul li a { text-transform: none; text-align: left; padding: 0 20px!important; line-height: 32px; color: #000000; font-family: 'Ubuntu', sans-serif; font-size: 13px; margin-top: 0px }
nav#mainmenu ul li > a:before { position: relative; width: 100%!important; line-height: 30px!important; font-size: 30px; vertical-align: middle; margin-right: 0; }
nav#mainmenu ul ul li > a:before { margin-right: 5px; }
nav#mainmenu ul li a.first { border-top: 0; }
nav#mainmenu ul li a:hover { color: #fff; }
nav#mainmenu ul ul { white-space: nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #505050; }
nav#mainmenu ul li.last ul { right: 0; }
nav#mainmenu ul ul li.last ul { right: inherit; }
nav#mainmenu ul ul li { float: none; position: relative; line-height: 32px; min-height: 0; }
nav#mainmenu ul ul li a:before { font-size: inherit; height: auto; line-height: 32px!important; width: 20px!important; padding-top: 0; }
nav#mainmenu ul ul li.last { border: 0; }
nav#mainmenu ul ul ul { position: absolute; left: 100%; top: 0; }
nav#mainmenu ul ul a.trail, nav#mainmenu ul ul a.active, nav#mainmenu ul ul a:hover { border: 0; }
nav#mainmenu .trail > span { color: #505050; }
nav#mainmenu ul a.trail, nav#mainmenu ul a.active, nav#mainmenu ul a:hover { background: #000000; color: #fff; border: 0px; }
nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a.trail, nav#mainmenu ul ul li a.active, nav#mainmenu ul ul li.active a { background: #000000; color: #fff; }
nav#mainmenu ul li a.last { background: url(../../design/nav_border.png)left top no-repeat, url(../../design/nav_border.png)right top no-repeat; }
nav#mainmenu ul li a.last:hover { color: #fff; background: #000000; }
nav#mainmenu ul li a.last.trail { color: #fff; background: #000000; }
nav#mainmenu ul li a.last.active { color: #fff; background: #000000; }
nav#mainmenu ul ul { white-space: nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #fff; border: 1px solid; border-color: #ddd; }

/* no_barrier */
nav#mainmenu ul li a:focus { color: #eeeeee; background: #000; }
#submenu a:focus{color: #eeeeee; background: #000;}
a:focus { text-decoration: underline; }
a.button:focus { color: #eee; background: #000; }
#container .inside .banner .image_container a:focus img { border: 1px solid #000000; }
#footer a:focus { color: #6e6e6e; text-decoration: underline; }
#logo a:focus img { border: 0px solid #000000; }

/* no_naviicons */
body.naviicons_hide #mainmenu li[class*="icon-"] a:before, body.naviicons_hide #mainmenu li[class*="icon-"] span:before { display: none; }
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] a:before, body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] span:before { display: inline-block; }
body.naviicons_hide nav#mainmenu ul li a { padding: 60px 12px 18px; }
/*     --subline in mainmenue
------------------------------------------------- */
body.navisubline_hide nav#mainmenu span { display: none; }
nav#mainmenu span { display: none; }

/*     --Links
------------------------------------------------- */
a:hover { color: #6e6e6e; text-decoration: none; }
a.button:hover { color: #000; text-decoration: none; }
a { color: #902f3f; text-decoration: none; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #6e6e6e; text-decoration: underline; }
.mod_breadcrumb a { color: #000000; text-decoration: none; position:relative; z-index: 2; }
.mod_breadcrumb { position: relative; color: #5E5E5E; font-size: 11px; margin-left: 0px !important; }
.countriestables a { color: #181002; text-decoration: none; }
.countriestables a:hover { color: #000000; }
/*     --submenu-sidebar
------------------------------------------------- */
#submenu { margin-bottom: 25px; }
#submenu a { display: block; padding: 4px; margin-bottom: 0px; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease; border-bottom: 1px solid; border-color: #efefef; }
#submenu li ul li { border: 0; }
#submenu ul ul { margin-left: 12px; }
#submenu ul ul li { padding: 0; }
#submenu a:hover, #submenu a.active { color: #fff; background: #000000; }
/*     --triangle
------------------------------------------------- */
nav#mainmenu li.submenu:hover a:after { background: #fff; border: 1px solid; border-color: #fff #fff #fff #fff; content: ''; display: block; width: 16px; height: 16px; position: absolute; bottom: -9px; left: 40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
nav#mainmenu li.submenu:hover ul a:after { display: none; }
/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { padding: 0.3em 0; line-height: 1.1; margin-bottom: 0.5em; font-family: 'Ubuntu', sans-serif; text-transform: none; color: #4d4f4f; font-weight: 400; }
h1 { font-size: 40px; padding-top: 0; margin-bottom: 0px; padding-bottom: 0; font-weight: 400; color: #902f3f; margin-top:50px; background-color:#f1f1f1; }
h2 { font-size: 32px; padding-top: 0; margin-bottom: 0px; padding-bottom: 0; font-weight: 400; color: #902f3f; margin-top:50px; margin-bottom:30px;ackground-color:#f1f1f1; }
/*h2 { font-size: 30px; margin-top: 0px; padding-top: 0; margin-bottom: 10px; font-weight: normal; color: #000000; }*/
h3 { font-size: 20px; font-weight: normal;  margin-top: 0px; padding-top: 20px;line-height: 1.8;}
.padding40 h3{ font-size: 20px; font-weight: normal;  margin-top: 0px; padding-top: 25px;}
h3.red {color: #000000; }
h4 { font-size: 16px; font-weight: normal;margin-top: 0px; padding-top: 10px!important; margin-bottom: 10px; }
h4.red {color: #000000; }
.red h4{color: #000000; }
h5 { font-size: 14px; font-weight: normal; }
h6 { font-size: 13px; font-weight: bold; }
.adress-block h3 { margin-top: 25px; }

.information {color: #181002;font-family: "Roboto",sans-serif;font-size: 10px;font-style: normal;line-height: 14px; margin-bottom: 0;}
/*     --layerslider-caption
------------------------------------------------- */
#header_after h2 { font-size: 42px; font-weight: 800; text-transform: none; font-family: 'Ubuntu'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0; color: #fff }
#header_after h3 { font-size: 26px; font-weight: 300; text-transform: none; color: #ccc }
#header_after p { font-size: 16px; font-weight: 500; color: #ccc; line-height: 25px; }
#header_after .light h2, #header_after .light h3, #header_after .light p { color: #fff; }
#header_after .tp-caption a { color: #fff; }
#header_after .tp-bannertimer { display: none; }
/*     --Information = Quellenangabe / Blaue Titel & Text
------------------------------------------------- */
.information { color: #181002; font-family: 'Ubuntu', sans-serif; font-size: 10px; font-style: normal; line-height: 14px; margin-bottom: 0px; }
address { color: #181002; font-family: 'Ubuntu', sans-serif; font-size: 10px; font-style: normal; line-height: 14px; margin-bottom: 0px; }
.blueTitel { color: #00a2bd; font-weight: bold; }
.blueText { color: #00a2bd; }
/*     --serviceboxes
------------------------------------------------- */
.servicebox { padding: 25px; text-align: center; background: #f8f8f8; position: relative; }
.servicebox.boxcol1 { background: #c4cdd6; }
.servicebox.boxcol2 { background: #f6e8d2; }
.servicebox.boxcol3 { background: #e3d7c5; }
.servicebox { padding: 25px; text-align: center; background: #f8f8f8; position: relative; }
.servicebox:hover, .servicebox[class^="icon-"]:hover:before, .servicebox[class*="icon-"]:hover:before { color: #fff; }
.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before { padding: 10%; font-size: 100px; margin: 0!important; color: #7F7F7F; }
.servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 { margin-bottom: 10px; padding: 0; }
.servicebox:hover h1, .servicebox:hover h2, .servicebox:hover h3, .servicebox:hover h4, .servicebox:hover h5, .servicebox:hover h6, .servicebox:hover h1 a, .servicebox:hover h2 a, .servicebox:hover h3 a, .servicebox:hover h4 a, .servicebox:hover h5 a, .servicebox:hover h6 a { color: #fff; }
.servicebox a { display: inline-block; padding: 5px 10px; }
.servicebox:hover a { background: #fff; }
.servicebox:hover { background: #000000; }
/*     --NORESIZE & TAble FOOTER Images
------------------------------------------------- */
#footer .noresize .image_container { margin: 0 !important; width: auto !important; }
#footer .noresize .image_container img { height: auto; width: auto; }
#footer table { border-bottom: 0px solid #E3E3E3; margin-bottom: 0px; width: 100%; }
#footer table td { border-top: 0px solid #E3E3E3; padding: 0.5em; text-align: left; }
#footer .leftSpaceAdress { margin-left: 125px; }
/*     --SEARCH
------------------------------------------------- */
#top .mod_search input { border-width: 1px; padding: 4px;}
input, select, textarea { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #F7F7F7; border: 3px solid #CCCCCC; color: #333333; line-height: 13px; margin: 0; padding: 5px; width: 100%; }



/*     --Akkordion
------------------------------------------------- */
.openaccordeon .image_container .noresize { margin: 0 !important; width: auto !important; }
.openaccordeon .image_container img { padding-left: 0px; padding-right: 0px; border: 0px solid #ddd; width: 100%; }
.openaccordeon { padding-left: 40px; padding-right: 40px; }
.ce_accordion { padding-left: 40px; padding-right: 40px; }
.ce_accordion .accordion { border: 0; background: none; padding: 0; }
.ce_accordion .accordion > div { padding: 0; padding-left: 35px; }
.ce_accordion .toggler { border-bottom: 1px solid #ddd; background: none; background-image: none; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 20px; padding: 8px 0; color: #505050; cursor: pointer; margin-bottom: 10px; margin-top: 10px; }
.ce_accordion .toggler:hover { background: 0; background-color: #f5f5f5; color: #000000; }
.ce_accordion .toggler:before { display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 400; font-size: 15px; color: white; line-height: 19px; height: 19px; width: 19px; text-align: center; text-decoration: inherit; border-radius: 25px; padding: 0; float: left; clear: both; margin-right: 15px; margin-top: 0px; content: '\2b'; }
.ce_accordion .toggler.active { content: '\2d'; background-color: #71879d color:#ffffff;
margin-bottom: 20px; }
.ce_accordion .toggler.active:before { content: '\2d'; background-color: #902f3f }
.ce_accordion .toggler:after { display: none; }
.ce_accordion .toggler:before { background-color: #902f3f; }
/*     --Downloads
------------------------------------------------- */
.ce_downloads li .size { display: none; }
/*#right .ce_downloads img { margin-right: 4px; position: absolute;vertical-align: middle;}
#right .ce_downloads a { display: block; margin-left: 30px;}*/
.ce_downloads img { margin-right: 4px; position: absolute;vertical-align: middle;}
.ce_downloads a { display: block; margin-left: 30px;}
/*     --BlockQuotes
------------------------------------------------- */
.blockquote-bg { padding-left: 0px; padding: 0px 20px 20px 0px; position: relative; font-family: 'Ubuntu', sans-serif; text-transform: none; color: #000000;line-height: 28px; font-size: 22px; margin-top: 0px; font-weight: 400;}
/*     --image_container
------------------------------------------------- */
.image_container { position: relative; padding: 0; margin-bottom: 10px; }
.image_container .caption { background: #ffffff; color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: 0; bottom: 0; width: auto!important; }
.image_container.float_right { float: right; width: 45%; padding: 0; margin-bottom: 3%; }
.image_container.float_left { float: left; width: 45%; padding: 0; margin-bottom: 3%; }
.image_container.float_right { margin-left: 5%; }
.image_container.float_left { margin-right: 5%; }
.image_container img { width: 100%; display: block; height: auto; }
#container .noresize .image_container { margin: 0!important; width: auto!important; border: 0px solid #000; }
#container .noresize .image_container img { width: auto; height: auto; }
#container_before .noresize .image_container { margin: 0!important; width: auto!important; }
#container_before .noresize .image_container img { width: auto; height: auto; margin-top: 20px; margin-bottom: 20px; }

/*     --Newslist
------------------------------------------------- */
.mod_newslist { display: true; }
.mod_newslist .button:hover{ color:#fff; background:#902f3f;}
.mod_newslist .button{ font-weight:300;}
.mod_newslist .nachrichtenliste{ margin-left:25px;}
/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser_entry .info { color: #919191; margin-bottom: 10px; }
/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container { margin-bottom: 20px; }
.nachrichtenleser .date { margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px; }
.nachrichtenleser .date:before { font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal; }
.nachrichtenleser .author { margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px; }
.nachrichtenleser .author:before { font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal; }
.nachrichtenleser .comments { margin-bottom: 10px; display: inline-block; font-size: 11px; padding: 1px 6px; }
.nachrichtenleser .comments:before { font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal; }
.nachrichtenleser .back { padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd; }
.nachrichtenleser .back a { font-size: 16px; text-transform: uppercase; }
.nachrichtenleser img { margin: 0 !important; width: auto !important; border: 0px solid #ddd; }
.mod_newsreader .back { margin-top: 20px; }
.mod_newsreader .back a{ padding-top: 20px; display:block;}
.mod_newsreader  h1 { margin-bottom: 20px; }
.mod_newsreader h3 { font-size: 24px; margin-top: 20px;}

/* =============================================================================
 * --forms
 * ========================================================================== */

/*     --hide br & Label
------------------------------------------------- */
form br { display: none; }
.ce_form label { margin-bottom: 10px; }
/*     --input-wrapper
------------------------------------------------- */
.input-wrapper { margin-bottom: 12px; position: relative; }
.input-wrapper * { width: 99.9%!important; margin-left: 0!important; }
.ce_form .full { width: 99.9%; }
/*     --fieldset+legend
------------------------------------------------- */
fieldset { border: 1px solid #ccc; padding: 0.5em; margin-bottom: 10px; }
legend { display: none; }
/*     --input, select, textarea
------------------------------------------------- */
.ce_form input, select, textarea { width: 99%; padding: 6px; margin: 2px; border: 1px solid #ccc; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 13px; margin-bottom: 5px; }
input[type="search"] { -webkit-appearance: none; border-radius: 0!important; }
.ce_form label { margin-left:0px;margin:10px 0px 0px 0px;}
.button, input[type="submit"], input.submit { color: #fff; }
select { height: 30px; padding: 4px; }
.ce_form select { width: 100%; }
textarea { height: 200px; min-height: 80px; margin-bottom: 10px; font-family: 'Ubuntu', sans-serif; font-size: 13px; line-height: 20px; }


/*     --radio-buttons
------------------------------------------------- */
.radio_container { margin-top: 25px; margin-bottom: 20px; width:360px;background: #F7F7F7;}
.radio_container legend span { margin-bottom: 5px; display: inline; }
.radio_container label { float: none; }
.radio_container input { width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none; }
.radio_container legend { display: block; overflow: hidden; }
.radio_container span { display: block; }
/*     --checkboxes
------------------------------------------------- */
.checkbox_container { margin-top: 25px; margin-bottom: 20px; width:360px;background: none; }
.checkbox_container legend span { margin-bottom: 5px; display: inline; }
.checkbox_container label { float: none; }
.checkbox_container input { width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none; }
.checkbox_container legend { display: block; overflow: hidden; }
.checkbox_container span { display: block; }
/*     --Captcha
------------------------------------------------- */
.captcha-container input { width: 25%; }
/*     --submit-button
------------------------------------------------- */
.ce_form .submit_container input { width: auto!important; padding-left: 20px; padding-right: 20px; }
.ce_form .submit { -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border: 0; cursor: pointer; margin-top: 0px; background: #000000; }
.ce_form .submit:hover { color: #fff; background: #424141;}
.ce_form .submit{
    color: #fff;
    margin-bottom:20px;
    height:30px;
    width:20%;
}
/*     --errors
------------------------------------------------- */
label.error { color: red; }
input.error { border: 1px solid red; }
p.error { color: red; clear: both; }
/*     --TITEL
------------------------------------------------- */
form h3 span { font-size: 20px; padding-top: 30px; padding-bottom: 30px; }


/*     --MARGINS & PADDINGS
------------------------------------------------- */
hr.divider_3 { margin: 50px 0px 40px 0px;}
.toggler { margin-bottom: 30px!important; }
#right hr { margin: 20px 0px 0px 0px; }

.paddingbottom  { margin-bottom: 30px!important; }
.paddingtop { margin-top: 30px!important; }

.paddingbottom-  { margin-bottom: -30px!important; }
.paddingtop- { margin-top: -30px!important; }

.paddingright {padding-right:80px;}

.paddingrightsmall {padding-right:40px;}

.angebot p{padding-right:80px;}


.angebot p a:hover{ color:#fff; background:#902f3f;}
.angebot p a{ font-weight:300;background:#ffffff; padding:8px; border: 1px solid #902f3f;}


.themenbild img {padding-right:20px;}

.themenbild a:hover img {opacity: 0.8; filter: alpha(opacity=80);}

.ce_text.blockquote-bg {padding: 0; margin: 0; margin-top: 20px;}


/*     --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul { margin-left: 15px; }
.mod_sitemap ul li { border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal; }
.mod_sitemap ul li ul li { border: 0; padding-bottom: 0px; margin-bottom: 3px; }
.mod_sitemap li:before { font-family: "icons"; content: '\25b8'; margin-right: 5px; color: #000000 }
.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: ''; }



/*     --Newsletter Subscription
------------------------------------------------- */
.sidebar_right .newslettersub { padding-right: 20px;}


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

/*     --small desktop
------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1280px) {
#top .inside, #header, #header .inside, #wrapper, #container-inside, #footer, #footer .inside, #container_before .inside, #header_after .inside, #bottom { max-width: 1100px; margin: 0 auto; }
#layerslider .text { margin-left: 30px!important; }
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p { max-width: 1100px; }
/*     --navigation
------------------------------------------------- */
       
body.naviicons_hide nav#mainmenu ul li a { padding: 60px 8px 17px; }
nav#mainmenu ul li a { display: block; text-decoration: none; position: relative; line-height: 14px; font-size: 18px; padding: 20px 10px 18px 10px; color: #000000; margin-top: 11px }
/*     --accordion
------------------------------------------------- */
.ce_accordion { padding-left: 60px; padding-right: 60px; }
/*     --layerslider-caption
------------------------------------------------- */
#header_after h2 { font-size: 32px; font-weight: 800; text-transform: uppercase; font-family: 'Ubuntu'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0; color: #fff }
#header_after h3 { font-size: 18px; font-weight: 300; text-transform: uppercase; color: #ccc }
/*     --headlines
------------------------------------------------- */

h1 { font-size: 32px; padding-top: 0; border-bottom: 0px solid #efefef; }
h2 { font-size: 26px; margin-bottom: 20px; border-bottom: 0px solid #efefef; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

h5 { font-size: 13px; }
h6 { font-size: 12px; }
/*     --Banners
------------------------------------------------- */


#container .inside .banner .image_container { margin: 10px 0px 10px 0px !important; width: auto !important; }
#container .inside .banner .image_container img { border: 1px solid #ddd; width: 100%; }
/*     --Contact Images
------------------------------------------------- */
.contactSelectors table .topzelle { height: 140px; }
/*     --BlockQuotes
------------------------------------------------- */
.blockquote-bg { top: 0px; padding-right: 10px; font-size: 20px;}

/*     --Industrie_Selector Box
------------------------------------------------- */
.industrie_selectors { margin-left: 10%; }
/*     --Industries Portfolio Icons
------------------------------------------------- */
.portfolioliste .image_container { margin-bottom: 0; padding: 0px 30px 0px 30px }
.portfolioliste .title a { font-family: 'Ubuntu', sans-serif; font-weight: normal; font-size: 16px; color: #aaa; }
.portfolioliste:hover .caption { padding: 15px 0 15px; border-color: #d0d0d0; color: #fff; background: #fff; }



    /*     --Container shadows
------------------------------------------------- */
#container_before:before, #container_before:after {display: none; }
#container:before, #container:after {display: none; }

}



/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 989px) {
body.sidebar_left #main,  body.sidebar_left #left,  body.sidebar_right #main,  body.sidebar_right #right,  body.sidebar_both #main,  body.sidebar_both #left,  body.sidebar_both #right { width: 100%; margin: 0; }
body.sidebar_left #main .inside,  body.sidebar_left #left .inside,  body.sidebar_right #main .inside,  body.sidebar_right #right .inside,  body.sidebar_both #main .inside,  body.sidebar_both #left .inside,  body.sidebar_both #right .inside { width: 100%; float: none; padding: 0; border: 0; margin: 0; background: none; min-height: 0; }
#right { margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd; }
#left { margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd; }

h1 { font-size: 32px; margin-top: 20px;}
	
/* top */
#top { display: none; }
/* teaser */
#container_before { border-left: 0; border-right: 0; height: auto; }
#container_before:before, #container_before:after { display: none; }
/* layerslider */
#layerslider .text { margin-left: 30px!important; }
/* container */
#container:before { width: 100%; }
/* portfolio */
.portfolioteaser .port-infos { position: relative; }
.portfolioteaser .port-infos h2 { font-size: 12px; display: block; background: #ededed; }
.portfolioliste .port-infos { position: relative; }
/* video button */
.mejs-overlay-button { display: none!important; }
/* menu + mobilemenu */
#mainmenu { display: none; }
#submenu { display: none; }
#nav-open-btn { display: block; margin: 25px 0px 5px 0px; }
#header_after h2 { font-size: 26px; }
#header_after h3 { font-size: 20px; }
#header_after p { font-size: 12px; line-height: 19px; }
/*  OWN  */

.mod_newslist .nachrichtenliste{ margin-left:0px;}
.nachrichtenleser img { margin: 0 !important; width:100%!important; height: auto !important; border: 0px solid #ddd; }


/*     --MARGINS & PADDINGS
------------------------------------------------- */
hr.divider_3 { margin: 20px 0px 10px 0px;}

.paddingbottom  { margin-bottom: 0px!important; }
.paddingtop { margin-top: 10px!important; }

.paddingbottom-  { margin-bottom: -30px!important; }
.paddingtop- { margin-top: -30px!important; }

.paddingright {padding-right:40px;}

.paddingrightsmall {padding-right:20px;}

.angebot p{padding-right:40px;}


.angebot p a:hover{ color:#fff; background:#902f3f;}
.angebot p a{ font-weight:300;background:#ffffff; padding:8px; border: 1px solid #902f3f;}



/*     --accordion
       ------------------------------------------------- */
.ce_accordion { padding-left: 10px; padding-right: 10px; }
.openaccordeon { padding-left: 0px; padding-right: 10px; }
/*     --logo
       ------------------------------------------------- */
#logo { top: 22px; left: 20px; position: absolute; }
#logo img { width: auto; height: 45px; }
/*     --header search
        ------------------------------------------------- */

#header .mod_search { display: none; }
/*     --Banners

        ------------------------------------------------- */
#container .inside .banner .image_container { margin: 5px 5px 5px 0px !important; width: auto !important; }
#container .inside .banner .image_container img { width: 100%; }
/*     --Contact Images
------------------------------------------------- */
.contactSelectors table .topzelle { height: 150px; }
/*     --BlockQuotes
------------------------------------------------- */

.blockquote-bg { padding-left: 0px; padding-right: 50px; }
.blockquote-bg p { line-height: 24px; font-size: 18px; }



  
#rs_search { width: 200px; }

/* tabs */
.tabs ul li { float: none; }
.tabs ul li a { float: none; display: block; }
	
	/*     --Share Buttons
------------------------------------------------- */
.share img{width:20px!important; height:auto;}
.socialicons{float:right;padding-right:20%; padding-top: 32px;}
}


/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* body */
body { padding: 0; }
/* wrapper */
#wrapper { width: 100%; }
/* sidebar */
body.sidebar_left #main,  body.sidebar_left #left,  body.sidebar_right #main,  body.sidebar_right #right,  body.sidebar_both #main,  body.sidebar_both #left,  body.sidebar_both #right { width: 100%; margin: 0; }
body.sidebar_left #main .inside,  body.sidebar_left #left .inside,  body.sidebar_right #main .inside,  body.sidebar_right #right .inside,  body.sidebar_both #main .inside,  body.sidebar_both #left .inside,  body.sidebar_both #right .inside { width: 100%; float: none; padding: 0; border: 0; margin: 0; background: none; min-height: 0; }
#right { margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd; }
#left { margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd; }
/* layerslider */
#layerslider .text { margin-left: 10px!important; }
.tp-rightarrow.default,  .tp-leftarrow.default { height: 45px; width: 30px; }
.tp-rightarrow.default:before,  .tp-leftarrow.default:before { font-size: 18px; margin-top: -14px; }
/* image_container */
.image_container { margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none; }
/* ce_text */
.ce_text { width: 100%; }
/* footer */
#footer .inside { text-align: center; padding: 40px 20px; }
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust: none; }
/* tables */
table { font-size: 9px; }
/* css-framework */
.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { width: 100%; margin: 0 0 15px 0; }
/* extension subcolumns */
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l { float: none; width: 100%; padding: 0; margin: 0; }
.subcr, .subcl, .subc { padding: 0!important; }
/* ce_gallery */
.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { margin-left: 4%!important; width: 48%; float: left!important; position: relative; clear: none!important; }
.ce_gallery .row2:nth-child(2n+1), .ce_gallery .row3:nth-child(2n+1), .ce_gallery .row4:nth-child(2n+1), .ce_gallery .row5:nth-child(2n+1), .ce_gallery .row6:nth-child(2n+1), .ce_gallery .row7:nth-child(2n+1), .ce_gallery .row8:nth-child(2n+1), .ce_gallery .row9:nth-child(2n+1), .ce_gallery .row10:nth-child(2n+1), .ce_gallery .row11:nth-child(2n+1), .ce_gallery .row12:nth-child(2n+1) { margin-left: 0!important; clear: left!important; }
/* mod_calendar */
.mod_calendar table { font-size: 7px; }
/* headlines */
h1 { font-size: 24px; margin-bottom: 15px; }
h2 { font-size: 20px; margin-bottom: 10px; }
h3 { font-size: 18px; margin-bottom: 10px; }
h4 { font-size: 16px; margin-bottom: 10px; }
h5 { font-size: 13px; margin-bottom: 10px; }
h6 { font-size: 12px; margin-bottom: 10px; }
h1 span { padding-bottom: 4px; }
/* top search */
#top .mod_search { display: none; }
/* mod_subscribe */
.mod_subscribe input { width: 100%; margin-bottom: 10px; }
/* mod_registration */
.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text { width: 100%; margin: 0; }
.mod_registration .captcha_text { margin: 5px 0 15px 0; }
.mod_registration p.error { margin-left: 0; }
/* forms */
form label { margin-bottom: 2px!important; }
form .captcha_text { line-height: 1em; }


/* video button */
.mejs-overlay-button { display: none!important; }
/* nachrichtenliste */
.nachrichtenliste { margin-bottom: 0; }
/* more button */

.more a { padding: 2px 5px; font-size: 80%; }
/* calltoaction */
.calltoaction a { position: relative; left: 0; top: 15px; margin-bottom: 10px; text-align: center; width: 100%; }
.calltoaction p { width: 100%; }
.calltoaction_2:after { right: 10px; }
.calltoaction_2 p { width: 80%; }
/* css class hide for mobile devices */
.mobile_hide { display: none; }
/* header_after ce_text */
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p { padding: 0 20px; }
/* tabs */
.tabs ul li { float: none; }
.tabs ul li a { float: none; display: block; }
/* bigtext */
.bigtext { font-size: 18px; line-height: 24px; }
/* headline  ontainer_before */

#container_before .inside h1 { font-size: 28px; }
/* container */
#container-inside { padding: 40px 20px; }
/* container_before */
#container_before .inside { padding: 40px 20px; }
/* header .inside  */
#header .inside { padding: 0 20px; }
/* logo-position  */
#logo { left: 20px; top: 20px; }
/* site-font-icon  */
.site-icons .row div { width: 100%!important; }
/* portfolio-filter  */
.filter { text-align: center; }
/* google maps height  */

#header_after iframe { max-height: 250px; }
#header_after h1 { font-size: 18px; }
#header_after h2 { font-size: 15px; }
#header_after h3 { display: none; }
#header_after p { display: none; }
/*  OWN  */

/*     --Nachrichten
------------------------------------------------- */
.nachrichtenleser .date {font-size: 13px;}
.nachrichtenleser .author {font-size: 13px;}

/*     --Share Buttons


------------------------------------------------- */
.share img{width:20px!important; height:auto;}

.socialicons{float:right;padding-right: 20%; padding-top: 32px;}


/*     --accordion
------------------------------------------------- */
.ce_accordion { padding-left: 0px; padding-right: 5px; }
.openaccordeon { padding-left: 0px; padding-right: 0px; }
/*     --logo
------------------------------------------------- */
#logo { top: 26px; left: 20px; position: absolute; }
#logo img { width: auto; height: 35px; }
/*     --banners
------------------------------------------------- */
#container .inside .banner .image_container img { width: 226px; margin-left: 0%; margin-bottom:20px; }
#auftragsarbeiten .image_container { margin-left: 0px !important; }
/*     --Contact Images
------------------------------------------------- */
.contactSelectors table .topzelle { height: 10px; }
/*     --BlockQuotes
------------------------------------------- */

.blockquote-bg { top: 0px; padding-left: 40px; padding-right: 40px; position: relative; }
.blockquote-bg p { line-height: 24px; font-size: 18px; }

/*     --footer
------------------------------------------------- */

#footer .last { clear: both; float: left; margin-top: 10px; }
#footer .inside { background: #000000; padding: 35px 40px 25px 40px; text-align: left; color: #999999; font-size: 13px; line-height: 20px; }


.two_third {padding-left:0px;}
	
.txtpic .image_container{margin-left:0px !important; margin-top:0px !important;}
	
}

/*     --phones Small
------------------------------------------------- */
@media only screen and (max-width: 480px) {
/*     --banners
------------------------------------------------- */
#container .inside .banner .image_container img { width: 80%; }
table#example { font-size: 4px; line-height: 12px; backgroung: #000; }
.blockquote-bg { top: 0px; padding-left: 40px; padding-right: 40px; position: relative; }

#rs_search { width: 200px; }
.two_third {padding-left:0px;}
}