/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Reset * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :reset */ * {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;} .jPanelMenu-panel *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} ol, ul {list-style: none;} table {border-spacing: 0;} body {height: 100%; -webkit-overflow-scrolling: touch; position: relative; font-size: 100%;} #shoulder, #main, #left, #right, #header, #containercover, #container, #containercover:before, #containercover:after, #wrapper, #main .inside .mod_article {-webkit-backface-visibility: hidden;} /* :defaults */ .inside{position:relative;text-align:left} .block{overflow:hidden} .clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both} .invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline} .custom{display:block;text-align:left} .custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} *+html #main{position:static} header,footer,nav,section,aside,article,figure,figcaption{display:block} #container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} #mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;} img {max-width: 100%; width: 100%; height: auto;} /* --chromeframe ------------------------------------------------- */ #chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Main Layout settings * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :general page-width settings */ #header .inside, #container .inside, #footer .inside {max-width: 1280px; margin: 0 auto;} /* :body */ body {color: #000000; background-color:#000000; overflow-x: hidden; font-family: "Helvetica neu", sans-serif; font-size: 0.875em; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body .jPanelMenu-panel {background: #FFF } /* :header */ #header {background-color: #FFFFFF; padding: 0 2%; } .home #header {background-color: #000000; } #header .inside {height: 165px; padding: 0; } #header .image_container {margin: 0;} /* :header ::logo */ #logo {width: 32%; position:absolute; bottom:0; left:0; } #logo img {width: 100%;} #logosign {padding-top:74px; float: right;} /* :wrapper */ #wrapper {position:relative; z-index:10; background-color: #fff;clear: both; } .home #wrapper {background-color: #000000;} /* :container */ #container {padding: 3% 2%; } .home #container .inside {padding: 5% 0; } /* :main */ /* :sidebar left */ body.sidebar_left #main {overflow: hidden; width:64%; float:right; position:relative; } body.sidebar_left #left {overflow: hidden; width:33%; float:left; position:relative; } body.sidebar_left #left .inside {padding-right: 8%; background: url(../img/sidebar_left.png) right top no-repeat; border-right: 1px solid #efefef; min-height: 600px; } /* :footer */ #footer {background-color: #000000; padding: 0 2%;} #footer .inside {padding:0;} #footerteaser {width: 100%; padding:2% 0 6% 0; border-bottom: 1px solid #C6C8CA;} #footerteaser .header{width: 40%; float: left; text-align: left; padding-bottom: 1%; color: #FFFFFF; font-size: 20px; font-size: 1.25rem} #footerteaser .logo {width: 40%; float: right; text-align: right; padding-bottom: 1%} #footerteaser .logo img {width: 12%;} #footercontent {width: 100%; margin:2% 0 10% 0;} #footagb {width: 100%; padding:2% 0 6% 0; border-top: 1px solid #C6C8CA; clear: both;} #footercontent .footblock {width: 20%; float: left; padding-right: 2%;} #footercontent .footblockimp {width: 23%; float: left; padding-bottom: 3%; padding-right: 2%;} #fusszeile {clear: both;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Font * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :headlines */ h1, h2, h3, h4, h5, h6 {padding: 0.3em 0; line-height: 1.1; margin-bottom: 0.1em; font-family: "Helvetica neu", sans-serif; color:#000000;} .ma h2 {color:#7A59A1;} h1 {font-size: 24px; font-size: 1.4rem; padding-top: 2%; font-weight: 300; margin-bottom: 0; color:#000000;font-weight: 400;} #footer h1 {border-bottom: 3px solid #697C86; font-size: 22px; font-size: 1.375rem;} #left h1 {padding: 0;} h2 {font-size: 24px; font-size: 1.5em; padding-top: 0; font-weight: 300; margin-top: 0.1em; } h2 span {padding-bottom: 4px;} h3 {font-size: 20px; font-size: 1.25rem; margin-bottom: 0; margin-top: 20px; font-weight: 300;} .dlh_googlemap h3 { margin-top: 0px;} h4 {font-size: 18px; font-size: 1.125em; padding:0; font-weight: 300; margin-top:0; width: 100%; padding-bottom: 0.4em;} h5 {font-size: 16px;} h6 {font-size: 13px;} /* :

*/ p {margin-bottom: 15px; font-size: 14px; font-size: 0.875rem; line-height: 1.25em; color:#000000; } #footer p {font-size: 14px; font-size:0.875rem; line-height: 1.5em; color: #C6C8CA; } p.fussnote {font-size: 14px; font-size: 0.875rem;} blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;} blockquote p {line-height: 22px;} /* : */ a {color: #5b5b5b; text-decoration: none; font-family: "Helvetica neu", sans-serif;} .ma a {color:#7A59A1;} #logo a {font-size: 64px; font-size: 4rem; color: #000000; letter-spacing: 3px;} #logo a span {font-size: 18px; font-size: 1.125rem; padding-left: 5px; } #footer a {color: #C6C8CA; text-decoration: underline;} .image_container a {line-height: 0;} figure a:hover {opacity: 0.8;-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; } /* :404 page */ #page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;} #page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;} #page-404 p a {text-transform: none; margin: 0;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Listen * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ .ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px;} .ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.6em; font-size: 14px; font-size: 0.875rem;} .ce_text.checksquare li, .ce_list.checksquare li{line-height: 2em; font-size: 20px; font-size: 1.25rem;} .ce_text ul li, .ce_list ul li {list-style-type: none; list-style-position: outside;} .ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;} .ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;} .ce_text ol ol ol, .ce_list ol ol ol {list-style: lower-roman;} #main ul li::before {font-family: 'FontAwesome'; content: '\f105'; display: inline-block; margin-left: -0.8em; width: 0.8em; font-size: 16px; font-size: 1rem; } #main ul li ul li::before {font-family: 'FontAwesome'; content: '\-'; display: inline-block; margin-left: -0.8em; width: 0.8em; font-size: 12px; font-size: 0.75rem; } #main .checksquare ul li::before {font-family: 'FontAwesome'; content: '\f046'; color: #AED200;} #main ul li ul li, #main ul li {padding-left: 0.8em;} #footer ul li::before {font-family: 'FontAwesome'; content: '\f105'; display: inline-block; margin-left: -0.8em; width: 0.8em; font-size: 16px; font-size: 1rem; color:#C6C8CA; } #footer ul li {padding-left: 1em; color:#C6C8CA; } /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Sonderklassen * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :helper */ .center {text-align: center;} .hide {display: none;} .day {width: 75px; display: inline-block;} .fa {width: 35px; display: inline-block;} .lan {font-size: 14px; font-size: 0.875rem; padding-top: 20px;} .float_left {float: left;} .float_right {float: right;} .caption {font-size: 15px; font-size: 0.875rem; color: #000000;padding-bottom: 24px;} .topline {padding-top: 2.6em; border-top: 1px dotted #CCC;} .infobox {padding-bottom: 2.2em;} .promobox {border-radius: 15px; background-color:#AED200; color: #FFF; padding:20px 20px 15px 20px; margin: 1em 0 4em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .promobox h1 {color: #FFF; } .promobox a {font-size: 16px; font-size: 1rem; font-weight: bold; background-color: #FFF; padding: 3px 4px;} .linkbox {border-radius: 15px; border:3px solid #AED200; padding:30px 20px 10px 50px; margin: 1em 0 4em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .linkbox a {font-size: 24px; font-size: 1.5rem; font-weight: bold;} .linkbox a::before {font-family: 'FontAwesome'; content: '\f0a4'; display: inline-block; margin-left: -1.3em; width: 1.3em; font-size: 24px; font-size: 1.5rem;} /* :grid */ .full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;} .one_half {overflow: hidden; margin-left: 2%; width:49%; float:left; position:relative;} .one_third {overflow: hidden; margin-left: 2%; width:32%; float:left; position:relative;} .two_third {overflow: hidden; margin-left: 2%; width:65%; float:left; position:relative;} .one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;} .two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;} .three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;} .one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;} .two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;} .three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;} .four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;} .mod_article div.one_half:first-child, .mod_article div.one_third:first-child, .mod_article div.two_third:first-child, .mod_article div.one_fourth:first-child, .mod_article div.two_fourth:first-child, .mod_article div.three_fourth:first-child, .mod_article div.one_fifth:first-child, .mod_article div.two_fifth:first-child, .mod_article div.three_fifth:first-child, .mod_article div.four_fifth:first-child, .full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {margin-left: 0!important; clear: left; } .one_third.first {width:32%;} .one_third.top {margin-top: 0%} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * TVerdanalen * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* --table_simple ------------------------------------------------- */ table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;} table td {border-top: solid 1px #E3E3E3; padding: 0.5em; } table td p {margin: 0;} table th {text-align: left; padding: 0.5em;} /* --table_striped ------------------------------------------------- */ .table-striped tr.even {background: #f8f8f8;} /* --table_blank ------------------------------------------------- */ .table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 0;} /* --table_extended ------------------------------------------------- */ .table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;} .table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;} .table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;} .table-extended table th.col_first {text-align: left;} .table-extended table tr.odd td {background: #f6f6f6;} .table-extended table td.col_first {text-align: left; border-left: 0;} .table-extended table .row_last td {border-bottom: 0;} .table-extended table td:hover {background: #ddd!important;} .table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Module * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :mod ::navigation :::mainmenu */ 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: #000000; margin-left: 3px; } .home nav#mainmenu a {color: #C6C8CA;} nav#mainmenu {overflow: visible!important; line-height: 0; padding-left: 8%; position:absolute; bottom:0; right:0;} nav#mainmenu ul {position: relative; display: inline-table; width: 100%; opacity: .99; } nav#mainmenu ul a.trail, nav#mainmenu ul a.active, nav#mainmenu ul a:hover { color:#666; } nav#mainmenu ul a.trail.manav, nav#mainmenu ul a.active.manav, nav#mainmenu ul a.manav:hover { color:#FFF; background: #7A59A1;} nav#mainmenu ul ul {width: auto; display: none;} nav#mainmenu ul:after {content: ""; clear: both; display: block;} nav#mainmenu ul li {float: left; } nav#mainmenu ul li:hover > ul {display: block;} nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px; min-height: inherit; text-align: center; font-size: 20px; size: 1.25rem; float: none; padding: 0 0 0 50px;} 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: #676767;} nav#mainmenu ul ul {white-space:nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #FFF; -webkit-box-shadow:0 2px 6px rgba(30, 30, 30,0.3);box-shadow:0 2px 6px rgba(30, 30, 30,0.3);} nav#mainmenu ul li.last ul {right: 0;} nav#mainmenu ul ul li.last ul {right: inherit;} nav#mainmenu ul ul li {float: none; position: relative; line-height: 32px; min-height: 0;} nav#mainmenu ul ul li a{text-transform: none; text-align: left; border: 0; padding: 0 30px!important; line-height: 48px; font-size: 18px; font-size: 1.125rem; color: #7E9199; background: #FFF; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } 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: 0px;} nav#mainmenu .trail > span {color: #7E9199;} 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: #FFF; color: #B94620;} nav#mainmenu span {font-size: 10px; text-transform: none; display: block; white-space:normal; line-height: normal; color: #999999;} body.navisubline_hide nav#mainmenu span {display: none;} /* :mod ::navigation :::mainmenu ::::triangle */ nav#mainmenu li.submenu:hover a:after {background: #B94620; border: 0; content: ''; display: block; width: 16px; height: 16px; position: absolute; bottom: -12px; 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;} /* 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: none;} /* :mod ::navigation :::mobilemenue */ #off_canvas {opacity: 0;} #off_canvas.pushy-open {opacity: 1;} #off_canvas {background: #333; font-weight: normal;} #off_canvas a {color: #c4c4c4; padding: 8px 4px 8px 10px; display: block; font-size: 13px;} #off_canvas.pushy a {border-top: 0;} #off_canvas a span {display: none;} #off_canvas a:before {z-index: 100;} #off_canvas a:hover, #off_canvas a.active {background: #4b4b4b;} #off_canvas ul ul a {padding-left: 20px;} #off_canvas ul ul ul a {padding-left: 30px;} #off_canvas ul ul ul ul a {padding-left: 40px;} #off_canvas .socials {padding: 5px 0; text-align: center; background: #4b4b4b; -webkit-box-shadow: inset 0px -1px 3px 0px #333; -moz-box-shadow: inset 0px -1px 3px 0px #333; box-shadow: inset 0px -1px 3px 0px #333;} #off_canvas .socials a {display: inline-block; border: 0; padding: 3px;} #nav-open-btn {display: none; vertical-align: middle;} #nav-open-btn:before {font-family: "icons"; content: '\2630'; color: #fff; font-size: 20px; line-height: 23px; width: 23px; text-align: center; display: table-cell; background: #000000; padding: 6px; } #off_canvas form {text-align: center;} #off_canvas form button {} #off_canvas form input {width: 83%!important; border: 0; height: 33px;} #off_canvas .mod_search {border-bottom: 1px solid #3c3c3c; margin-bottom: 5px; padding: 10px; background: #1a1a1a;} #off_canvas .sprachwechsler {float: none; padding: 0; border: 0; margin: 0;} #off_canvas .sprachwechsler a {background: #4B4B4B; border-right: 0; margin: 0; padding: 7px 12px;} #off_canvas .sprachwechsler span {display: none;} #off_canvas .sprachwechsler img {margin-right: 5px;} #off_canvas .mod_search .submit {height: 33px;} .pushy, #contentwrapper, .push {-webkit-perspective: inherit!important;} .pushy, #contentwrapper, .push {-webkit-backface-visibility:inherit!important;} /* onepagenav */ #off_canvas #onepagenav {float: none;} #off_canvas #onepagenav nav.mainmenu {display: block!important;} #off_canvas #onepagenav nav.mainmenu ul {float: none;} #off_canvas #onepagenav nav.mainmenu ul li {float: none;} #off_canvas #onepagenav nav.mainmenu ul li a {padding: 20px 14px;} #off_canvas #onepagenav a:hover, #off_canvas #onepagenav nav.mainmenu ul li.current a {background: #4b4b4b; color: #fff;} #off_canvas #onepagenav a:after {display: none;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Inhaltselemente CONTAO * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :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;} /* :ce_downloads */ .ce_text.linie, .ce_headline.linie {border-top: 1px solid #efefef; padding-top: 15px;} .ce_text.center {text-align: center;} /* :ce_text */ /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< hi1 * Inhaltselemente CONTENT DELIVERY * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hi1 */ /* :jquery tools ::tabs */ .panes {clear: both; display: block; color: #FFF; padding: 25px 20px; margin-bottom: 20px;} .tabs ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;} .tabs ul li.active, .tabs ul li.active a:hover {border-radius: 8px 8px 0 0; background-color: white; border-bottom: 1px solid white;} .tabs ul li {float: left; padding: 0; list-style: none;} .tabs ul li a {background: #EB6A28; border-bottom: 1px solid #FFF; border-right: 1px solid #EB6A28; border-left: 1px solid #EB6A28; float: left; line-height: 30px; margin: 0; overflow: hidden; padding: 23px; position: relative; color: #FFF; font-size: 18px;} .tabs ul li a.current {color: #fff; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #EB6A28;} /* :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);} /* :googlemap */ .dlh_googlemap input {border: 1px solid #ccc;} #backtogalerie {text-align: center;font-size: 20px;font-size: 1.25rem;} #backtogalerie a {color: #FFFFFF; background-color: #000000;} #backtogalerie .fa {width: 24px;} /* ============================================================================= * media-queries * ========================================================================== */ /* --tablets ------------------------------------------------- */ @media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* body */ #contentwrapper {padding-top: 0!important;} /* header */ #header {position: static!important;} body.onepage #header {position: fixed!important; width: 100%; top: 0;} #stickyheader {display: none;} /* top */ #top {display: none!important;} /* teaser */ #container_before {border-left: 0; border-right: 0; height: auto;} #container_before:before,#container_before:after {display: none;} /* container */ .slidersite #container-inside {padding: 20px 0!important;} .slidersite #container-inside .ce_text {padding: 5%!important;} /* wrapper */ #wrapper {width: 100%;} #wrapper .ce_text {width: 90%;} /* sublines */ [class*="subheadline_"] {margin-top: 0px;} /* stickyheader */ #stickyheader {display: none!important} /* headerimage headlines */ .headerimage h3 {font-size: 34px;} .headerimage h4 {font-size: 18px;} /* container-inside */ } /* --phones ------------------------------------------------- */ @media only screen and (max-width: 767px) { /* body */ body {padding: 0;} /* logo */ #logo {padding-top: 15px; padding-right: 0; width: 100%; text-align: right; right: 0; top: 0; } #logo img {width: 50%; padding:0 10% 0 0; margin-left: 0;} #logo a {font-size: 24px; font-size: 1.5rem; color: #555; letter-spacing: 3px;} #logo a span {font-size: 12px; font-size: 0.75rem; letter-spacing: normal;} #logosign {padding-top: 2%;} /* wrapper */ #wrapper {width: 100%;} /* container */ #container {padding: 0;} /* sidebar */ body.sidebar_left #main, body.sidebar_left #left, body.sidebar_right #main, body.sidebar_right #right, body.sidebar_both #main, body.sidebar_both #left, body.sidebar_both #right {width: 100%; margin: 0;} body.sidebar_left #left, body.sidebar_right #right, body.sidebar_both #left, body.sidebar_both #right {box-shadow: none;} body.sidebar_left #main .inside, body.sidebar_left #left .inside, body.sidebar_right #main .inside, body.sidebar_right #right .inside, body.sidebar_both #main .inside, body.sidebar_both #left .inside, body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0;} #right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;} #left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;} /* menu + mobilemenu */ #header nav#mainmenu {display: none!important;} #submenu {display: none;} #nav-open-btn {display: table-cell; position: relative; z-index: 500000; padding-top: 15px;} /* image_container */ .image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;} /* container_before - rootpath */ .content_page #container_before {display: none;} /* ce_text */ #wrapper .ce_text {width: 90%;} /* footer */ #footer .inside {text-align: center; padding: 40px 20px;} #footercontent .footblock {width: 100%; float: left;} #footercontent .footblockimp {width:100%; float: left; padding-bottom: 3%;} #footerteaser .logo img {width: 20%;} #footerteaser {width: 100%; padding:2% 0 10% 0; border-bottom: 1px solid #C6C8CA; } #footercontent { margin:4% 0 10% 0;} /* disable webkit text size adjust (for iPhone) */ html {-webkit-text-size-adjust: none;} /* tables */ table {font-size: 9px;} /* css-framework */ .full, .one_half, .one_third, .one_third.first, .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;} #footer .ce_text {margin-bottom: 0px;} /* video button */ .mejs-overlay-button {display: none!important;} /* ce_adressblock button */ #footer .ce_adressblock .adressblock_adresse, #footer .ce_adressblock .adressblock_tel, #footer .ce_adressblock .adressblock_fax, #footer .ce_adressblock .adressblock_email, #footer .ce_adressblock .adressblock_webadresse {padding-left: 0;} /* nachrichtenliste */ .nachrichtenliste {margin-bottom: 0;} /* css helper class hide for mobile devices */ .mobile_hide, .mobile_hide_img img {display: none!important;} /* header_after ce_text */ #header_after .ce_text.headertext {padding: 0 20px;} /* tabs */ .tabs ul li {float: none;} .tabs ul li a {float: none; display: block; margin: 2px 0;} .tabs ul li a:hover, .tabs.vertikal ul li a.current, .tabs.vertikal_2 ul li a.current {background: #fafafa;} .tabs.horizontal_clean ul li {float: none; display: block;} .tabs.horizontal_clean ul li a, .tabs.horizontal_clean li:first-child a {border: 1px solid #f1f1f1;} .tabs.horizontal_clean li a {text-align: left; padding-left: 10px;} /* bigtext */ .bigtext {font-size: 18px; line-height: 24px;} /* headline container_before */ #container_before .inside h1 {font-size: 28px;} /* container */ #container-inside {padding: 0 20px;} .slidersite #container-inside .ce_text {padding: 5%!important;} /* container_before */ #container_before .inside {padding: 20px!important;} /* container_before */ #teaser_after .inside {padding: 20px!important;} /* ce_counter */ .ce_counter {margin-bottom: 15px;} .ce_counter .counterwrapper {line-height: 1.3em;} /* header .inside */ #header {padding: 0 ;} #header .inside, body.blank #header .inside {height: 95px;} body.onepage #headeroffset {height: 95px;} /* site-font-icon */ .site-icons .row div {width: 100%!important;} /* button */ .button, input[type="submit"], input.submit, .submit_container input {display: block; width: 100%!important;} #off_canvas .mod_search .submit {width: auto!important;} /* tabs */ .tabs.vertikal, .panes.vertikal, .tabs.vertikal_2, .panes.vertikal_2 {float: none;} .tabs.vertikal, .tabs.vertikal_2 {width: 100%;} .tabs.vertikal ul li a, .tabs.vertikal_2 ul li a {border: none; background: #efefef; margin-bottom: 1px;} .panes.vertikal, .panes.vertikal_2 {padding: 15px; width: 100%; border: 1px solid #ccc;} .tabs.horizontal ul li {float: none; display: block;} .tabs.horizontal ul li a {display: block; float: none; border: 0; background: #efefef; margin-bottom: 1px; margin: 0 0 1px 0;} .tabs.horizontal_clean li {width: 100%!important;} /* testimonials */ .testimonial_v1 {display: block;} .testimonial_v1 .image_container {display: block; text-align: center; width: 100%;} .testimonial_v1 .image_container img {margin: 0 auto; max-width: 100px;} /* extended text & bild custom element */ .ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_right .ext_txtpic_text .ext_txtpic_headline, .ext_txtpic.col_right .ce_hyperlink {padding: 0;} .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_textarea, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ext_txtpic_text .ext_txtpic_headline, .ce_text-mit-bild-erweitert .ext_txtpic.col_left .ce_hyperlink {padding: 0;} .float_left .ext_txtpic_bild, .float_right .ext_txtpic_bild {width: 100%!important;} .col_left .ext_txtpic_text, .col_left .ext_txtpic_bild, .col_right .ext_txtpic_text, .col_right .ext_txtpic_bild {display: block!important; margin: 0!important; width: 100%!important;} .ext_txtpic_text, .ext_txtpic_bild, .ext_txtpic.col_right .ce_textarea, .ext_txtpic.col_left .ce_textarea {padding: 0!important;} .ce_text-mit-bild-erweitert .txt_right * {text-align: left;} .ce_text-mit-bild-erweitert .col_right .ext_txtpic_bild {margin-top: 20px!important;} .ce_text-mit-bild-erweitert .col_left .ext_txtpic_bild {margin-bottom: 20px!important;} .ce_text-mit-bild-erweitert .ext_txtpic_bild {width: 100%!important; max-width: 100%!important;} .ce_text-mit-bild-erweitert .ext_txtpic_bild img {max-width: 100%; height: auto;} /* ce_gallery isotope */ .ce_gallery .isotope .isotope-item {margin-bottom: 10px;} /* portfolioliste */ .portfolioliste .teaser {display: none;} /* hide icons in footer */ #footer .ce_adressblock .adressblock_adresse:before, #footer .ce_adressblock .adressblock_tel:before, #footer .ce_adressblock .adressblock_fax:before, #footer .ce_adressblock .adressblock_email:before, #footer .ce_adressblock .adressblock_webadresse:before {display: none;} /* nachrichtenteaser */ .nachrichtenteaser_v3 h4 {margin-bottom: 5px;} .nachrichtenteaser_v3 .linkwrapper .subheadline {float: none; display: block;} .nachrichtenteaser_v3 .linkwrapper a {float: none;} /* nachrichtenliste */ .nachrichtenliste .comments, .nachrichtenliste .author, .nachrichtenliste .date {display: block;} .nachrichtenliste.smallview .two_third {padding-left: 1%;} .nachrichtenliste .date-wrapper {display: none;} /* nachrichtenleser */ .nachrichtenleser .date, .nachrichtenleser .author, .nachrichtenleser .comments {display: block; margin: 0; padding: 0;} .nachrichtenleser .info {margin-bottom: 10px;} /* portfolioliste */ .isotope.nopaddings .portfolioliste {margin-bottom: 0!important;} .filter li {display: block; margin: 3px 10px;} .filter li a {display: block;} /* pagination */ .pagination ul {width: 100%; float: none;} .pagination p {width: 100%; float: none;} .ce_blog .pagination {bottom: -75px;} /* pricetables */ .pricetable_3col .pricetable, .pricetable_4col .pricetable {float: none; width: 100%; margin: 0 0 15px 0;} .ce_preistVerdanale .link {padding: 0;} .ce_preistVerdanale .link a {margin-bottom: 0;} /* testimonial_slider_v2 */ .testimonial_slider_v2 .text, .testimonial_slider_v2 .autor {font-size: 1em;} /* bxslider */ .bx-wrapper .bx-pager.bx-default-pager a {height: 10px; width: 10px;} /* articlewrapper */ .articlewrapper.boxed, .articlewrapper.fullwidth_contentboxed > .inside {padding-left: 20px!important; padding-right: 20px!important;} } /* ============================================================================= * setting for browsers * ========================================================================== */ /* android background fixed bug */ body.android {background-attachment: scroll!important;} /* safari opacity hover bug */ body.safari * {-webkit-font-smoothing: antialiased;} /* safari remove input placeholder icon */ body.safari input[placeholder]:before {display: none;} /* IE input fields */ input::-ms-clear {display: none;} body.ie .checkbox_container input, body.ie .radio_container input {border: none;} body.ie #footer input:hover, body.ie input, body.ie #footer textarea {transition: none!important;} body.ie #footer input:focus, body.ie #footer textarea:focus {padding: 10px; margin: -1px;} /* IE9 bugs portfolioteaser V2 */ body.ie9 .portfolioteaser.version_2 .bx_caption {top: 0;} body.ie9 .portfolioliste .backside {display: none;}