/* Theme Name: Bifang Theme URI: http://www.bifang.ch Author: Digisol GmbH, Manuel Näf, www.digisol.ch Description: Layout für Bifang Wohn- und Pflegezentrum Wohlen Version: 1.0 License: All Rights reserved! License URI: http://www.digisol.ch/ Tags: bifang Text Domain: bifang */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,800'); /* Body */ body { margin:0px; padding:0px; border:0px; background-color: #FFFFFF; border-top-style: solid; } /* Everything */ * { font-family: "Open Sans"; color:#000000; font-weight: 300; } strong, strong span { font-weight: 400; } .justify { text-align: justify; } /* Text */ p, h1, h2, h3, h4, h5 { margin:0px; padding: 0px; } h1, h2 { text-transform: uppercase; } #content ul, .content ol { padding: 0px; } #content li { list-style: none; } #content li { background-repeat: no-repeat; } a, a:link, a:visited { color: #000000; text-decoration: none; } a:active, a:hover { color: #000000; text-decoration: none; } #content a, #content a:visited { text-decoration: none; border-bottom: 1px dotted #888888; text-decoration: none; } #content a:active, #content a:hover { text-decoration: none; border-bottom: 1px solid #000000; } #content a img { border-bottom: 0px; } /* .ngg-galleryoverview a, .ngg-albumoverview a { border-bottom: 0px !important; } */ .bestellformular, .newsletterformular { padding: 30px; background-color: #FBFBFB; border: 1px solid #bab1a6; } .jobs_container { overflow: auto; } .jobs tr td { border-bottom: 1px solid #bab1a6 !important; } .jobs tr:first-child td { color: #3c3c3c; font-weight: 600 !important; text-transform: uppercase; border-top: 0px !important; } .jobs tr td:nth-child(4) { text-align: right; } .jobs tr:nth-child(even) {background: #FBFBFB; } .jobs tr { cursor: pointer; } .jobs tr:first-child { cursor: default; } .jobs tr:hover { background-color: #F0F0F0; } .jobs tr:first-child:hover { background-color: #ffffff; } .jobs tr td:first-child { padding-left: 0px; } .keine_stellen_frei { font-weight: 600 !important; color: #3c3c3c; } .tabelle_container { overflow: auto; } .tabelle tr td { border-bottom: 1px solid #CCCCCC; } .tabelle tr td:last-child { padding-right: 0px !important; } .tabelle tr:last-child td { border-bottom: 0px; } .tabelle tr:first-child td { border-top: 1px solid #CCCCCC; } .tabelle tr:nth-child(odd) { background: #FBFBFB; } .tabelle tr:hover { background-color: #F0F0F0; } .description tr:nth-child(even) { background: #FBFBFB; } .description tr:nth-child(odd) { background: transparent; } .description tr:first-child td { font-weight: 600; color: #3c3c3c; text-transform: uppercase; border-top: 0px; } .description tr:first-child { background-color: transparent; } .geschichte_container { margin: -1px 0px 0px 0px !important; } .geschichte tr td:last-child { width: auto; } .wichtige_adressen tr td:nth-child(4), .wichtige_adressen tr td:nth-child(5) { text-align: center; } .wichtige_adressen td, .ansprechpartner td { vertical-align: middle; } .ansprechpartner tr td:nth-child(6) { text-align: center; } #zimmer_vollpension_haus_8, #zimmer_vollpension_haus_8a { width: 30px !important; } #zimmer_vollpension_haus_8 { margin-bottom: 10px !important; } /* Bankverbindung Page Contact */ .kontakt_bankverbindung { margin-bottom: -10px; } /* Image border */ .img-rahmen { border: 1px solid #CCCCCC !important; /* -webkit-box-shadow:inset 0px 0px 0px 1px #CCC; */ /* -moz-box-shadow:inset 0px 0px 0px 1px #CCC; */ /* box-shadow:inset 0px 0px 0px 1px #CCC; */ } /* Zebra Grid */ #content .geschichte_container > div > div:nth-child(even) > div { background: #FFFFFF; } #content .geschichte_container > div > div:nth-child(odd) > div { background: #F0F0F0; } #content .geschichte { margin:-1px 0px 0px 0px !important; padding:5px !important; border:0px solid #c19b12; } /* Grid settings */ .panel-grid { margin-bottom:0px !important; } .alignleft { float: left; } .order_checkbox { margin-bottom: 10px; } .order_checkbox_distance { height: 20px; } .mitarbeiter { margin-left: -15px; margin-right: -15px; } .mitarbeiter > div { margin-bottom: 30px; } #mitarbeiter_window { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255, 255, 255, 0.96); z-index: 10000; } #mitarbeiter_inner { position: relative; margin-left:auto; margin-right:auto; background-color: #77b238; border: 1px solid #3c3c3c; } #mitarbeiter_inner .close { position: absolute; background-image: url(images/close.png); background-repeat: no-repeat; background-position: 0px 0px; opacity: 1; } #mitarbeiter_inner .image { width: 75%; position: absolute; top:0px; left: 0px; bottom: 0px; overflow: hidden; background-color: #ffffff; } #mitarbeiter_inner .text { width: 25%; position: absolute; top:0px; right: 0px; bottom: 0px; color: #FFFFFF; font-weight: 400; overflow-y: auto; } #mitarbeiter_inner .text a { color: #FFFFFF; font-weight: 400; text-decoration: underline; } .mitarbeiter_inner_name { color: #FFFFFF; font-weight: 700; } .mitarbeiter_inner_funktion { color: #FFFFFF; } .mitarbeiter_inner_tel { color: #FFFFFF; font-weight: 400; } .mitarbeiter_inner_mail { color: #FFFFFF; font-weight: 400; } .mitarbeiter_inner_slogan { color: #FFFFFF; font-weight: 300; } .mitarbeiter_name { font-weight: 600; color: #3c3c3c; } .link_mitarbeiter { text-decoration: none !important; } /***********************************************************************/ #header { position: relative; margin-left: auto; margin-right: auto; } #hits { position:relative; height: 0px; margin-left: auto; margin-right: auto; } #contactbar, #contactbar_canvas { position: absolute; z-index: 2; } #hot_news, #hot_news_xs { position: absolute; } #hot_news *, #hot_news_xs * { color: red !important; font-weight: bold; } #contactbar_canvas { background-image: none; z-index: 1; } #contactbar_text { position: absolute; color: #FFFFFF; } #contactbar_divider { color: #FFFFFF; font-weight: 300; } #contactbar_text a { color: #FFFFFF; text-decoration: none; } #contactbar_text a:hover { text-decoration: underline; } #infobar { position: absolute; left: 0px; top: 0px; background-color: rgba(119, 178, 56, 0.70); z-index: 1; } #infobar_text { position: absolute; left: 0px; right: 0px; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-weight: 700; } #logo { position: absolute; left: 0px; background-image: url('images/logo_bg.png'); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; } #scale { position: absolute; } #scale { right: 0px; z-index: 2 } #scale_minus, #scale_plus { font-weight: 600; color: #b9bbb8; text-decoration: none; } #scale_minus:hover, #scale_plus:hover { color: #000000; text-decoration: none; } #service { position: absolute; left: 0px; } .phone { float: left; background-image: url('images/phone_p.png'); background-repeat: no-repeat; } .phone p { position: absolute; font-family: "Open Sans"; font-weight: 600; color: #FFFFFF; } .is_phone a { color: #FFFFFF !important; text-decoration: none !important; } .is_phone:hover { background-image: url('images/phone_a.png'); } .mail { float: left; background-image: url('images/mail_p.png'); background-repeat: no-repeat; } .mail:hover { background-image: url('images/mail_a.png'); } #servicenavigation { float: left; } #servicenavigation ul { list-style-type: none; padding: 0px; } #servicenavigation li { float: left; } #servicenavigation a { color: #bab1a6; font-weight: 400; } #servicenavigation a:hover, #servicenavigation .sel { color: #e62b27; } #main_menu { position: absolute; } #slider { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #FFFFFF; } #virus_info { position: absolute; z-index: 3; right: 0px; top: 0px; } #virus_info img { width: 100%; } #newsticker { position: absolute; z-index: 2; right: 0px; top: 0px; height: 0px; left: 0px; overflow: hidden; display: none; } #newsticker p { position: relative; color: #FFFFFF; font-weight: 600; text-shadow: 1px 1px 1px rgba(20, 20, 20, 1); height: 22px; } #special_info { position: absolute; z-index: 3; right: 0px; background: rgba(119, 178, 56, 0.9); color: #FFFFFF; font-weight: 600; } #expand { position: absolute; z-index: 2; } #expand img { opacity: 0.8; } .expand_over { opacity: 1 !important; } .expand_inverted { transform: rotate(180deg); } /* Content */ #content { position:relative; margin-left: auto; margin-right: auto; } .special { background-color: #F0F0F0; padding: 30px; } /* .special * { text-align: left !important; } */ #rings_top { position: absolute; right: 0px; z-index: 2; } #rings_bottom { position: absolute; right: 0px; z-index: 2; } h1 { font-weight: 500; color: #3c3c3c; text-transform: uppercase; } h2 { font-weight: 500; color: #3c3c3c; } ul { margin-bottom: 0px; } .content_title { display: inline-block; margin-bottom: 0px; font-weight: 600; color: #77b238; } .content_subtitle, .content_subtitle strong { display: inline-block; margin-bottom: 0px; font-weight: 400; color: #c7d41a; } .content_subtitle strong { font-weight: 800; } #content hr { border-top: 1px solid #bab1a6;} .news_container, .marktnews_container { } .news, .marktnews { position: relative; background-color: #fdfdfd; background-image: url('images/stripes_marktnews.png'); border: 0px solid #fbfbfb; cursor: pointer; } .news:hover, .marktnews:hover { background-color: #F6F6F6; } .news_image, .marktnews_image { float: left; } .news_content, .marktnews_content { text-align: justify; width: auto; color: #3c3c3c; } .news_content p, .marktnews_content p { text-align: justify; } .news_date, .marknews_date { font-weight: 600; color: #3c3c3c; } .h2_title_link { font-weight: 700; color: #e62b27 !important; text-decoration: none !important; } .news h2, .marktnews h2 { text-align: left; color: #e62b27; } .berufsbildungplus { width: 15%; height: auto; margin-right: 20px; margin-bottom: 20px; } .zackstark { width: 15%; height: auto; margin-right: 20px; margin-bottom: 20px; } /* Logo / Partner Container */ .logo_container { text-align:center; vertical-align:middle; padding:15px 15px; border:0px solid #cccccc; margin-bottom:10px; } .logo_container_bg { background-color:#FFFFFF; border-radius: 0px; } .logo_container_inner { position:relative; width:100%; height:100%; } .logo_container img { max-height:100%; max-width:100%; margin:auto; position: absolute; top:0; left:0; bottom:0; right:0; } .logo { max-height:100%; max-width:100%; margin:auto; position: absolute; top:0; left:0; bottom:0; right:0; } /* Footer */ #foot_canvas { position: absolute; background-color: #FFFFFF; } #footer { position: relative; } #footer_inner { margin-left: auto; margin-right: auto; } #footer_inner .row div:nth-child(2) td { text-align: left } #karte img { border: 1px solid transparent; } #karte img:hover { border: 1px solid #77b238; } #footer_inner a, #footer_inner a:visited { text-decoration: none; border-bottom: 1px dotted #888888; text-decoration: none; } #footer_inner a:active, #footer_inner a:hover { text-decoration: none; border-bottom: 1px solid #000000; } #footer_inner a img { border-bottom: 0px; } #footer_inner a img:hover { border-bottom-width: 1px; } /***********************************************************************/ #main_menu > ul > li > a { color: #767a74; font-weight: 600; } #main_menu .navbar-nav > li > a { text-transform: uppercase; } #main_menu .navbar { min-height: 0px; border: 0px; } /* Selected Menu */ #main_menu .sel { color: #77b238 !important; border-bottom: 4px solid #77b238; } /* First Menu */ /* Focus and active behaviour */ #main_menu .nav > li > a:hover, #main_menu .nav .open > a, #main_menu .nav .open > a:hover, #main_menu .nav .open > a:focus, #main_menu .nav > li > a:focus { background-color: transparent !important; color: #77b238; border-bottom: 4px solid #77b238; } /* Set Border */ #main_menu > ul > li { border-right-style: solid; border-right-color: #e7e7e7; } #main_menu > ul > li:last-child { border-right: 0px; } /* Position of Link*/ #main_menu > ul > li > a { position:relative; } /* Background */ #main_menu .dropdown-menu { background-color: rgba(0, 0, 0, 0.75); border: 0px; box-shadow: none; border-radius:0px; } /* Sub Menu */ #main_menu > ul > li > ul > li > a { font-weight: 400; color: #FFFFFF; } /* Focus and active behaviour */ #main_menu .nav > li > ul > li > a:hover, #main_menu .nav > li > ul > li > a:focus { font-weight: 400; background: none; color: #77b238; } #main_menu .nav > li > ul > li .sel { color: #77b238 !important; font-weight: 400; border-bottom: 0px; } #menu_top_bar_1 .nav > li > ul > li > a.sel { font-weight: 600; } /*********************************************************************** Color schemes Further schemes see /parts/colors.php ************************************************************************/ /* Green */ #menu_top_bar_1 .nav > li:nth-child(1) > a.sel, #menu_top_bar_1 .nav > li:nth-child(1) > a.active, #menu_top_bar_1 .nav > li:nth-child(1).open > a { background-color: #77b238 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(1) > ul > li > a.sel { color: #77b238 !important; } #menu_top_bar_1 .nav > li:nth-child(3) > a.sel, #menu_top_bar_1 .nav > li:nth-child(3) > a.active, #menu_top_bar_1 .nav > li:nth-child(3).open > a { background-color: #77b238 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(3) > ul > li > a.sel { color: #77b238 !important; } /* Red */ #main_menu .nav > li:nth-child(2) > a:hover, #main_menu .nav > li:nth-child(2) > a.sel, #main_menu .nav > li:nth-child(2).open > a, #main_menu .nav > li:nth-child(2).open > a:hover, #main_menu .nav > li:nth-child(2).open > a:focus, #main_menu .nav > li:nth-child(2) > a:focus { color: #a40528 !important; border-bottom-color: #a40528; } #main_menu .nav > li:nth-child(2) > ul > li > a:hover, #main_menu .nav > li:nth-child(2) > ul > li > a:focus, #main_menu .nav > li:nth-child(2) > ul > li > a.sel { color: #ff6a7c !important; } #menu_top_bar_1 .nav > li:nth-child(2) > a.sel, #menu_top_bar_1 .nav > li:nth-child(2) > a.active, #menu_top_bar_1 .nav > li:nth-child(2).open > a { background-color: #a40528 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(2) > ul > li > a.sel { color: #a40528 !important; } /* Yellow */ #main_menu .nav > li:nth-child(4) > a:hover, #main_menu .nav > li:nth-child(4) > a.sel, #main_menu .nav > li:nth-child(4).open > a, #main_menu .nav > li:nth-child(4).open > a:hover, #main_menu .nav > li:nth-child(4).open > a:focus, #main_menu .nav > li:nth-child(4) > a:focus { color: #fdc748 !important; border-bottom-color: #fdc748; } #main_menu .nav > li:nth-child(4) > ul > li > a:hover, #main_menu .nav > li:nth-child(4) > ul > li > a:focus, #main_menu .nav > li:nth-child(4) > ul > li > a.sel { color: #fdc748 !important; } #menu_top_bar_1 .nav > li:nth-child(4) > a.sel, #menu_top_bar_1 .nav > li:nth-child(4) > a.active, #menu_top_bar_1 .nav > li:nth-child(4).open > a { background-color: #fdc748 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(4) > ul > li > a.sel { color: #fdc748 !important; } /* Brown */ #main_menu .nav > li:nth-child(5) > a:hover, #main_menu .nav > li:nth-child(5) > a.sel, #main_menu .nav > li:nth-child(5).open > a, #main_menu .nav > li:nth-child(5).open > a:hover, #main_menu .nav > li:nth-child(5).open > a:focus, #main_menu .nav > li:nth-child(5) > a:focus { color: #5a2a00 !important; border-bottom-color: #5a2a00; } #main_menu .nav > li:nth-child(5) > ul > li > a:hover, #main_menu .nav > li:nth-child(5) > ul > li > a:focus, #main_menu .nav > li:nth-child(5) > ul > li > a.sel { color: #d89153 !important; } #menu_top_bar_1 .nav > li:nth-child(5) > a.sel, #menu_top_bar_1 .nav > li:nth-child(5) > a.active, #menu_top_bar_1 .nav > li:nth-child(5).open > a { background-color: #5a2a00 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(5) > ul > li > a.sel { color: #5a2a00 !important; } /* Blue */ #main_menu .nav > li:nth-child(6) > a:hover, #main_menu .nav > li:nth-child(6) > a.sel, #main_menu .nav > li:nth-child(6).open > a, #main_menu .nav > li:nth-child(6).open > a:hover, #main_menu .nav > li:nth-child(6).open > a:focus, #main_menu .nav > li:nth-child(6) > a:focus { color: #212d39 !important; border-bottom-color: #212d39; } #main_menu .nav > li:nth-child(6) > ul > li > a:hover, #main_menu .nav > li:nth-child(6) > ul > li > a:focus, #main_menu .nav > li:nth-child(6) > ul > li > a.sel { color: #bc8657 !important; } #menu_top_bar_1 .nav > li:nth-child(6) > a.sel, #menu_top_bar_1 .nav > li:nth-child(6) > a.active, #menu_top_bar_1 .nav > li:nth-child(6).open > a { background-color: #212d39 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(6) > ul > li > a.sel { color: #212d39 !important; } /* Grey */ #main_menu .nav > li:nth-child(7) > a:hover, #main_menu .nav > li:nth-child(7) > a.sel, #main_menu .nav > li:nth-child(7).open > a, #main_menu .nav > li:nth-child(7).open > a:hover, #main_menu .nav > li:nth-child(7).open > a:focus, #main_menu .nav > li:nth-child(7) > a:focus { color: #757a73 !important; border-bottom-color: #757a73; } #main_menu .nav > li:nth-child(7) > ul > li > a:hover, #main_menu .nav > li:nth-child(7) > ul > li > a:focus, #main_menu .nav > li:nth-child(7) > ul > li > a.sel { color: #b2b3b2 !important; } #menu_top_bar_1 .nav > li:nth-child(7) > a.sel, #menu_top_bar_1 .nav > li:nth-child(7) > a.active, #menu_top_bar_1 .nav > li:nth-child(7).open > a { background-color: #757a73 !important; color: #FFFFFF !important; } #menu_top_bar_1 .nav > li:nth-child(7) > ul > li > a.sel { color: #757a73 !important; } /*********************************************************************** METASLIDER PLUGIN ************************************************************************/ .flexslider .slides img { width:auto !important } .flex-viewport { overflow:visible !important} .metaslider { max-width:none !important; } .flex-control-nav { z-index: 2; font-size: 0px !important; } .flex-control-paging li a { background: rgba(255,255,255,1) !important; box-shadow: none !important; } .flex-control-paging li a.flex-active { background: rgba(0,0,0,1) !important; } .flex-direction-nav { display:none; } .flex-direction-nav a { transition: none !important; } .flex-prev { transform: rotate(90deg); left: -500px !important; } .flex-next { transform: rotate(-90deg); right: -500px !important; } .flex-prev, .flex-next { opacity:0.8 !important; } .flex-prev:hover, .flex-next:hover { opacity:1 !important; } .slider_show_direction_nav { display:block } /* #startseite_slider .metaslider { display:none };*/ .flex-control-nav { text-align: left !important; } .flex-control-nav li { margin: 0px !important; } /*********************************************************************** Play button / Video Preview Image ************************************************************************/ .play_container { display: inline-block; position: relative; } .play_image { max-width: 100%; } .play_button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.9; } /*********************************************************************** Forms ************************************************************************/ /* Put Cursor over Label Text */ span .wpcf7-list-item-label { cursor:default; } #contact_form .row { margin-bottom: 8px; } #contact_form [class*='col-'] { padding-right:0; padding-left:0; } #contact_form label { margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; border:0px; font-weight: 300; } #contact_form input, #contact_form select, #contact_form textarea { font-size: 16px; background-color:#e7e5e4; border:0px; width:100%; margin:0px 0px 0px 0px; height:34px; padding: 0px 4px 0px 4px; } #contact_form input[type=checkbox] { width: 19px; height: 16px; position: relative; top: 2px; left: 0px; } #contact_form input[type=radio] { width: 13px; height: 13px; line-height:18px; margin-right:3px; background-color:transparent; float:none; } #contact_form .membership { display: table; background-color:#e7e5e4; padding:5px 10px 5px 0px; } #contact_form .membership span.wpcf7-list-item { display: block; } #contact_form .anmeldetyp > span > span { display: block !important; margin-bottom: 6px !important; } /* General Settings */ .wpcf7-submit { font-size: 16px; background-color:#77b238 !important; border:0px; margin-top:20px !important; margin-bottom:10px !important; height:46px !important; padding: 0px 22px 0px 22px; color:#FFFFFF; font-weight:bold; } .wpcf7-submit:hover { background-color: #000000 !important; } #contact_form select { } #contact_form textarea { padding: 4px; height:150px; } #contact_form #comment { height:100px; } /* Don't show Textfield Error Messages */ #contact_form .wpcf7-not-valid-tip { display:none; } /* Mark wrong Fields */ #contact_form .wpcf7-not-valid { background-color:#fe6775; } div.wpcf7-validation-errors { font-weight:bold; margin:10px 0px 0px 0px !important; border:0px !important; color:#FFFFFF !important; background-color:#a40528 !important; padding:10px !important; width:100% !important; } div.wpcf7-mail-sent-ok { font-weight:bold; margin:10px 0px 0px 0px !important; border:0px !important; color:#000000 !important; background-color:#ced8a5 !important; padding:10px !important; width:100% !important; } .radio_spacer { height:10px; font-size:0px; } .formbreak { clear:both; } .wpcf7-submit { width: auto !important; padding-left: 46px !important; padding-right: 46px !important; float: right !important; } /*********************************************************************** Corrections ************************************************************************/ /* Bootstrap - no Gutter */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /* Bootstrap - no outer Gutter */ .no-outer-gutter { margin-left:-15px; margin-right:-15px; } /* Google Maps move up */ .gmaps { position:relative; top:-3px;} .mejs-currenttime, .mejs-duration { color: #FFF; top: -7px; position: relative; } .mejs-horizontal-volume-slider { border-bottom: 0px !important; } /*********************************************************************** Special ************************************************************************/ @media (min-width: 460px) and (max-width: 767px) { } @media (max-width: 459px) { #mitarbeiter_inner .text { position:relative !important; } } /*********************************************************************** Collapseomatic ************************************************************************/ .collapseomatic { padding: 10px 0px 10px 0px !important; border-bottom: 1px solid #999; cursor:pointer; outline: none !important; background-image: url(/wp-content/themes/bifang/images/collapse_arrow_right.png); background-repeat: no-repeat; background-size: 16px 16px; background-position: right 0px top 14px; } .collapseomatic { font-weight: 400; } .colomat-close { border-bottom: 0; background-image: url(/wp-content/themes/bifang/images/collapse_arrow_down.png); } .collapseomatic_content { border-bottom: 1px solid #999; padding-bottom: 10px; } /*********************************************************************** xs ************************************************************************/ @media (max-width: 767px) { .device-xs { visibility: visible; } .device-sm { visibility: hidden; } .device-md { visibility: hidden; } .device-lg { visibility: hidden; } body { border-top-width: 2px; } * { font-size: 12px; line-height: 19px; } .geschichte > div { margin-bottom: 0px !important; } .bestellformular, .newsletterformular { padding: 15px; } #content li { padding-left: 15px; background-position: 2px 6px; background-size: 7px 7px; } .justify { text-align: left !important; } .order_checkbox { margin-bottom: 20px; } .order_checkbox_distance { height: 5px; } .service_symbol { width: 50px; margin-top:18px; margin-bottom: 4px; } .panel-grid-cell:first-child .service_symbol { margin-top:0px !important; } .mitarbeiter_name { font-size: 18px; line-height: 23px; margin-top: 5px; margin-bottom: 2px; } .mitarbeiter_funktion { margin-bottom: 7px; } .mitarbeiter_phone { margin-bottom: 6px; } #mitarbeiter_inner { width: 84%; height: auto; top: auto; background-color: #3c3c3c; } #mitarbeiter_inner .image { position:relative; right: 0px; bottom: auto; width: 100%; background-color: none !important; } #mitarbeiter_inner .close { top:-21px; right: -21px; background-size: 42px 42px; width: 42px; height: 42px; } #mitarbeiter_inner .text { left:0px; top: auto; width:100%; padding: 0px 0px; line-height: 16px; bottom: 0px; background-color: rgba(255, 255, 255, 0.85); } .mitarbeiter_inner_name { display: none; } .mitarbeiter_inner_funktion { display: none; } .mitarbeiter_inner_tel { display: none; } .mitarbeiter_inner_mail { display: none; } .mitarbeiter_inner_slogan { color: #000000; padding: 8px; font-weight: 400; } .mitarbeiter_inner_slogan_name { display: inline-block !important; font-weight: 600; } .randlos > div { margin-bottom: 0px !important; } .sow-google-map-canvas { height: 360px !important; } .widget_sow-google-map { width: 95%; margin-right: 5%; } .navbar { margin-bottom:0px; border:0px; } .navbar-header { background:#ffffff; height:100px; } .navbar-nav { margin-top:0px; border-top:1px solid #cdd7a5; } .navbar-collapse { border:0px; } .navbar-default { border:0px; background-color: #ffffff; } .navbar-toggle { float:left !important; left:11px !important; border:0px solid #000000; left:2px; top:43px;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#ffffff; } .navbar-brand { position: absolute; right:15px; top:8px; padding: 0px; } .navbar-brand img { width:154px; } .navbar-brand-text-1 { position: absolute; right:15px; top:60px; font-size: 10px; } .navbar-brand-text-2 { position: absolute; right:15px; top:76px; font-size: 10px; } .navbar-toggle .icon-bar { border-radius:0px; margin-bottom:6px; height:3px; width:24px; margin-left:3px; background-color:#c7d41a !important; } .navbar-toggle .icon-bar-dot { position:relative; display:inline-block; top:-8px; left:-18px; height:7px; width:7px; background-color:#c7d41a; } .navbar-default .navbar-nav a, .navbar-default .navbar-text { color:#3c3c3c !important; text-decoration:none; font-size: 16px; font-weight: 400; } nav.div > ul > li > a { text-transform: uppercase !important; font-weight: 600 !important; } .navbar-default .navbar-nav > li > a { border-bottom:1px solid #cdd7a5; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-color:#ffffff; } /* Active Submenu */ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #77b238; } .navbar-default .sel { } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding-top:10px; padding-bottom:10px; } .dropdown-menu a { white-space:normal !important; } .navbar-brand-slogan { position:absolute; top:62px; right:15px; } .navbar-brand-slogan a { text-decoration:none; color:#000000; font-size:15px; line-height:18px; } #phones { position:absolute; left:17px; top:2px; } #phones a { text-decoration:none; color:#000000; font-size:17px; } #phones img { position:relative; top:-2px; } #phones div { display:inline; margin-right:15px; } /* Header */ #header { width: 585px; height: 130px; } #hits { width: 585px; } #logo { top: 22px; } #logo img { width: 90px; } #service { top: 22px; height: 37px; } .phone { position: absolute; top: 9px; left: 15px; float: none; width: 35px; overflow:hidden; height: 35px; background-size: 35px; background-position: 0px 0px; } .phone p { left:42px; top:9px; font-size: 13px; } .mail { position: absolute; top: 9px; left: 60px; float: none; width: 35px; height: 35px; margin-left: 2px; background-size: 35px; background-position: 0px 0px; } #servicenavigation { height: 37px; margin-left: 4px; } #servicenavigation ul { height: 37px; margin: 10px 0px 0px 0px; } #servicenavigation li { margin-left: 22px; } #main_menu { left: -8px; bottom: 26px; } #main_menu .navbar-nav > li > .dropdown-menu { margin-top:26px; } #main_menu .dropdown-menu { padding: 14px 12px; margin-left: 8px; min-width: 102px; } #main_menu > ul > li > ul > li > a { font-size: 13px; } #slider { max-width: 740px; height: 205px; border: 0px; } #hits { background-color: #F3F3F3; width: 100%; height: auto; padding: 7px 15px; text-align: center; } #virus_info { width: 130px; height: 130px; } #newsticker { right: 140px; top: 12px; height: 22px; left: 15px; } #special_info { font-size: 12px; bottom: 0px; padding: 12px; } #expand { left: 15px; bottom: 15px; display: none; } #hot_news_xs { left: 63px; top: 56px; } #hot_news_xs * { font-size: 12px; line-height: 15px !important; } /* Content */ #content { width: 100%; padding: 0px 15px; margin-top: 40px; margin-bottom: 52px; } .tabelle tr td { padding: 3px 9px 3px 0px; } .geschichte tr td:first-child { width: 80px; } .wichtige_adressen img, .ansprechpartner img { width: 34px; } #rings_top { top:-107px; width: 320px; right: 0px; } #rings_bottom { top:-40px; width: 320px; right: 0px; } h1 { font-size: 24px; line-height: 29px; margin-bottom: 16px; } h2 { font-size: 18px; line-height: 22px; margin-bottom: 16px; } .content_title { font-size: 30px; line-height: 34px; margin-right: 21px; } .content_subtitle, .content_subtitle strong { font-size: 19px; line-height: 22px; } #content hr { margin-top: 12px; margin-bottom: 40px; } .news_container { } .news, .marktnews { margin-bottom: 24px; } .news_image, .marktnews_image { width: 33%; height: 82px; margin-right: 0px; } .news_content, .marktnews_content { padding-bottom: 6px; padding-right: 10px; margin-left: 36%; font-size: 12px; line-height: 17px; } .news_date, .marktnews_date { font-size: 12px; padding: 6px 0px 3px 0px; } .h2_title_link { font-size: 17px; } .news h2, .marktnews h2 { margin-bottom: 5px; } .logo_container { height:68px; } .berufsbildungplus { width: 25%; } .mejs-time-float { width: 37px !important; height: 26px !important; } .play_button { width: 72px; height: 72px; } /* Footer */ #footer { } #footer_inner { width: 100%; padding: 75px 0px 0px 0px; } #footer_inner > div > div.row > div:nth-child(1), #footer_inner > div > div.row > div:nth-child(3) { padding-top: 1px; } #footer_inner * { font-size: 12px; } #footer_inner > div > div.row > div:nth-child(3) { padding-top: 20px; } #footer_inner table tr:nth-child(3) td, #footer_inner table tr:nth-child(4) td { padding-top:10px; } .bus_spacer { display: block; height: 10px; } .gallery { left:0px; } .gallery_thumbnail, .ngg-album-compact { width:50% !important; margin:0px 2% 11px 0px !important; padding:0px !important; } .ngg-gallery-thumbnail { margin-bottom: 10px; } } /*********************************************************************** sm ************************************************************************/ @media (min-width: 768px) and (max-width: 991px) { .device-xs { visibility: hidden; } .device-sm { visibility: visible; } .device-md { visibility: hidden; } .device-lg { visibility: hidden; } body { border-top-width: 2px; } * { font-size: 12px; line-height: 19px; } .bestellformular, .newsletterformular { margin-left:15px; padding: 15px; } .service_symbol { width: 60px; margin-bottom: 18px; } #content li { padding-left: 15px; background-position: 2px 6px; background-size: 7px 7px; } .mitarbeiter_name { font-size: 18px; line-height: 23px; margin-top: 8px; margin-bottom: 2px; } .mitarbeiter_funktion { margin-bottom: 6px; } .mitarbeiter_phone { margin-bottom: 5px; } #mitarbeiter_inner { width: 640px; height: 253px; } #mitarbeiter_inner .image { width: 70%; } #mitarbeiter_inner .close { top:-15px; right: -15px; background-size: 30px 30px; width: 30px; height: 30px; } #mitarbeiter_inner .text { width: 30%; padding: 12px 12px; line-height: 17px; } .mitarbeiter_inner_name { font-size: 16px; line-height: 21px; margin-top: 5px; margin-bottom: 3px; } .mitarbeiter_inner_funktion { margin-bottom: 20px; } .mitarbeiter_inner_tel { margin-bottom: 5px; } .mitarbeiter_inner_mail { margin-bottom: 20px; } /* Main Menu */ #main_menu > ul > li > a { font-size: 11px; } #main_menu .navbar-nav > li > a { padding: 0px 6px 1px 6px !important; } #main_menu > ul > li { height: 18px !important; border-right: 1px solid #e7e7e7; } /* First Menu */ /* Set Border */ #main_menu > ul > li { height:11px; } /* Position of Link*/ #main_menu > ul > li > a { top:-9px; } /* Sub Menu */ #main_menu > ul > li > ul > li > a { font-size: 11px; min-width: 32px; } /* Focus and active behaviour */ #main_menu .navbar-nav > li > .dropdown-menu { margin-top:26px; } #main_menu .dropdown-menu > li > a { padding: 3px 7px; } #main_menu .dropdown-menu { padding: 14px 12px; margin-left: 8px; min-width: 102px; } /* Header */ #header { width: 585px; height: 80px; } #hits { width: 585px; } #contactbar, #contactbar_canvas { right: -42px; top: -4px; width: 413px; height: 42px; } #contactbar_text { left: 104px; top: 4px; } #contactbar_divider { padding-left: 8px; padding-right: 8px; font-size: 20px; } #contactbar_text a { font-weight: 600; } #hot_news { left: 144px; top: 7px; } #hot_news * { font-size: 10px; line-height: 13px !important; } #infobar { width: 146px; height: 221px; top: 100px; } #infobar_text { bottom: 50px; padding: 16px; font-size: 13px; line-height: 22px; } #logo { top: 15px; background-size: 146px 146px; width: 146px; height: 146px; border: 0px solid #995501 } #logo img { margin-left: 28px; margin-top: 5px; width: 91px; } #scale { top: 31px; } #scale_minus { font-size: 11px; margin-right: 4px; } #scale_plus { font-size: 22px; } #service { top: 22px; height: 37px; } .phone { width: 157px; height: 37px; background-color: #3c3c3c; background-size: 21px; background-position: 18px 7px; } .phone p { left:54px; top:9px; font-size: 13px; } .mail { width: 55px; height: 37px; margin-left: 2px; background-size: 21px; background-position: 18px 7px; } #servicenavigation { height: 37px; margin-left: 4px; } #servicenavigation ul { height: 37px; margin: 10px 0px 0px 0px; } #servicenavigation li { margin-left: 22px; } #main_menu { right: -16px; bottom: 5px; } #main_menu .sel { border-bottom-width: 3px; } #main_menu .navbar-nav > li > .dropdown-menu { margin-top:5px; } #main_menu .dropdown-menu { padding: 10px; margin-left: 0px; min-width: 128px; } #main_menu > ul > li > ul > li > a { font-size: 12px; } #slider { max-width: 740px; height: 241px; } .flex-control-nav { bottom: 10px !important; margin: 0px !important; padding: 0px 14px !important; } .flex-control-paging li a { padding: 1px !important; margin: 0 3px !important; width: 7px !important; height: 7px !important; } .flex-direction-nav a { width: 30px !important; height: 30px !important; } .flexslider:hover .flex-prev { left: 20px !important; } .flexslider:hover .flex-next { right: 20px !important; } .flex-prev, .flex-next { background-size: 30px 30px !important; } #virus_info { width: 124px; height: 124px; } #newsticker { right: 132px; top: 12px; height: 22px; left: 247px; } #special_info { font-size: 12px; bottom: 70px; padding: 12px; } #expand { right: 20px; bottom: 20px; } #expand img { width: 30px; height: 30px; } .expand_inverted { width: 30px; height: 30px; } /* Content */ #content { width: 585px; margin-top: 32px; margin-bottom: 52px; } .tabelle tr td { padding: 3px 9px 3px 0px; } .geschichte tr td:first-child { width: 80px; } .wichtige_adressen img, .ansprechpartner img { width: 21px; } #rings_top { top:-112px; width: 390px; right: -10px; } #rings_bottom { top:-32px; width: 390px; right: -10px; } h1 { font-size: 22px; line-height: 27px; margin-bottom: 16px; } h2 { font-size: 18px; line-height: 22px; margin-bottom: 16px; } .content_title { font-size: 26px; line-height: 30px; margin-right: 21px; } .content_subtitle, .content_subtitle strong { font-size: 19px; line-height: 34px; } #content hr { margin-top: 12px; margin-bottom: 40px; } .news_container, .marktnews_container { } .news, .marktnews { margin-bottom: 24px; } .news_image, .marktnews_image { width: 175px; height: 82px; margin-right: 24px; } .news_content, .marktnews_content { padding-bottom: 6px; padding-right: 24px; margin-left: 205px; font-size: 12px; line-height: 17px; } .news_date, .marktnews_date { font-size: 12px; padding: 6px 0px 3px 0px; } .h2_title_link { font-size: 17px; } .news h2, .marktnews h2 { margin-bottom: 5px; } .logo_container { height:55px; padding: 5px 5px; } .berufsbildungplus { width: 22%; } .mejs-time-float { width: 37px !important; height: 26px !important; } .play_button { width: 48px; height: 48px; } /* Footer */ #footer { } #footer_inner { width: 615px; padding: 55px 0px 0px 0px; } #footer_inner > div > div.row > div:nth-child(3) { padding-top: 18px; } #footer_inner .row div:nth-child(2) table { width: auto; float: right } #footer_inner * { font-size: 11px; } .ngg-album-compact { width:33.333% !important; } .gallery_thumbnail { width:23%; margin:0px 2% 11px 0px; padding:0px; } .ngg-gallery-thumbnail { margin-bottom: 10px; } .special * { text-align: left !important; } .home_veranstaltungen tr td:first-child { display: none; } } /*********************************************************************** md ************************************************************************/ @media (min-width: 992px) and (max-width: 1539px) { .device-xs { visibility: hidden; } .device-sm { visibility: hidden; } .device-md { visibility: visible; } .device-lg { visibility: hidden; } body { border-top-width: 3px; } * { font-size: 14px; line-height: 22px; } .bestellformular, .newsletterformular { margin-left:30px; } #content li { padding-left: 17px; background-position: 2px 7px; background-size: 8px 8px; } .maillink, .faxlink, .phonelink, .maillink2, .phonelink2, .wwwlink { padding-left: 27px; background-position: 0px 2px; background-size: 16px 16px; width: 20px; height: 20px; } .service_symbol { width: 70px; margin-bottom: 20px; } .mitarbeiter_name { font-size: 20px; line-height: 25px; margin-top: 9px; margin-bottom: 2px; } .mitarbeiter_funktion { margin-bottom: 7px; } .mitarbeiter_phone { margin-bottom: 1px; } #mitarbeiter_inner { width: 880px; height: 347px; } #mitarbeiter_inner .image { width: 70%; } #mitarbeiter_inner .close { top:-18px; right: -18px; background-size: 36px 36px; width: 36px; height: 36px; } #mitarbeiter_inner .text { width: 30%; padding: 20px 20px; line-height: 21px; } .mitarbeiter_inner_name { font-size: 22px; line-height: 27px; margin-top: 9px; margin-bottom: 4px; } .mitarbeiter_inner_funktion { margin-bottom: 27px; } .mitarbeiter_inner_mail { margin-bottom: 27px; } .mitarbeiter_inner_slogan { font-size: 16px; line-height: 22px; position: absolute; bottom: 0px; right: 0px; width: 100%; padding:20px 20px 40px 20px; } /* Main Menu */ #main_menu > ul > li > a { font-size: 15px; } #main_menu .navbar-nav > li > a { padding: 7px 10px !important; } #main_menu > ul > li { height: 23px !important; border-right-width: 2px; } /* First Menu */ /* Set Border */ #main_menu > ul > li { height:14px; } /* Position of Link*/ #main_menu > ul > li > a { top:-11px; } /* Sub Menu */ #main_menu > ul > li > ul > li > a { font-size: 14px; min-width: 40px; } /* Focus and active behaviour */ #main_menu .navbar-nav > li > .dropdown-menu { margin-top:33px; } #main_menu .dropdown-menu > li > a { padding: 4px 9px; } #main_menu .dropdown-menu { padding: 18px 15px; margin-left: 10px; min-width: 128px; } /* Header */ #header { width: 880px; height: 110px; } #hits { width: 880px; } #contactbar, #contactbar_canvas { right: -38px; top: -4px; width: 501px; height: 51px; } #contactbar_text { left: 124px; top: 5px; } #contactbar_divider { padding-left: 9px; padding-right: 9px; font-size: 23px; } #contactbar_text a { font-weight: 600; } #hot_news { left: 198px; top: 9px; } #hot_news * { font-size: 13px; line-height: 16px !important; } #infobar { width: 200px; height: 358px; top: 110px; } #infobar_text { bottom: 72px; padding: 23px; font-size: 18px; line-height: 28px; } #logo { top: 1px; background-size: 200px 200px; width: 200px; height: 200px; border: 0px solid #995501 } #logo img { margin-left: 45px; margin-top: 34px; width: 112px; } #scale { top: 31px; } #scale_minus { font-size: 14px; margin-right: 4px; } #scale_plus { font-size: 24px; } #service { top: 24px; height: 41px; } .phone { width: 176px; height: 41px; background-color: #3c3c3c; background-size: 23px; background-position: 21px 8px; } .phone p { left:61px; top:10px; font-size: 14px; } .mail { width: 62px; height: 41px; margin-left: 2px; background-size: 23px; background-position: 21px 8px; } #servicenavigation { height: 41px; margin-left: 5px; } #servicenavigation ul { height: 41px; margin: 10px 0px 0px 0px; } #servicenavigation li { margin-left: 24px; } #main_menu { right: -16px; bottom: 12px; } #main_menu .navbar-nav > li > .dropdown-menu { margin-top:12px; } #main_menu .dropdown-menu { padding: 16px 13px; margin-left: 0px; min-width: 115px; } #main_menu > ul > li > ul > li > a { font-size: 14px; } #slider { max-width: 1102px; height: 358px; } .flex-control-nav { bottom: 24px !important; margin: 0px !important; padding: 0px 19px !important; } .flex-control-paging li a { padding: 5px !important; margin: 0 4px !important; } .flex-direction-nav a { width: 40px !important; height: 40px !important; } .flexslider:hover .flex-prev { left: 20px !important; } .flexslider:hover .flex-next { right: 20px !important; } .flex-prev, .flex-next { background-size: 40px 40px !important; } #virus_info { width: 160px; height: 160px; } #newsticker { right: 186px; top: 12px; height: 22px; left: 391px; } #special_info { font-size: 16px; bottom: 80px; padding: 16px; } #expand { right: 20px; bottom: 20px; } #expand img { width: 40px; height: 40px; } /* Content */ #content { width: 880px; margin-top: 45px; margin-bottom: 59px; } .tabelle tr td { padding: 4px 10px 4px 0px; } .geschichte tr td:first-child { width: 96px; } .wichtige_adressen img, .ansprechpartner img { width: 24px; } #rings_top { top:-168px; width: 590px; right: -10px; } #rings_bottom { top:-46px; width: 590px; right: -10px; } h1 { font-size: 27px; line-height: 32px; margin-bottom: 18px; } h2 { font-size: 20px; line-height: 24px; margin-bottom: 18px; } .content_title { font-size: 34px; line-height: 38px; margin-right: 23px; } .content_subtitle, .content_subtitle strong { font-size: 22px; line-height: 38px; } #content hr { margin-top: 14px; margin-bottom: 45px; } .news_container, .marktnews_container { } .news, .marktnews { margin-bottom: 27px; } .news_image, .marktnews_image { width: 273px; height: 127px; margin-right: 27px; } .news_content, .marktnews_content { padding-bottom: 10px; padding-right: 27px; margin-left: 303px; font-size: 14px; line-height: 19px; } .news_date, .marktnews_date { font-size: 14px; padding: 9px 0px 3px 0px; } .h2_title_link { font-size: 20px; } .news h2, .marktnews h2 { margin-bottom: 6px; } .logo_container { height:60px; } .mejs-time-float { width: 42px !important; height: 26px !important; } .berufsbildungplus { width: 20%; } .play_button { width: 64px; height: 64px; } /* Footer */ #footer { } #footer_inner { width: 910px; padding: 65px 0px 0px 0px; } #footer_inner > div > div.row > div:nth-child(1), #footer_inner > div > div.row > div:nth-child(3) { padding-top: 3px; } #footer_inner .row div:nth-child(2) table { width: auto; float: right } #footer_inner * { font-size: 12px; } .ngg-album-compact { width:33.333% !important; } .gallery_thumbnail { width:23%; margin:0px 2% 11px 0px; padding:0px; } .ngg-gallery-thumbnail { margin-bottom: 10px; } } /*********************************************************************** lg ************************************************************************/ @media (min-width: 1540px) { .device-xs { visibility: hidden; } .device-sm { visibility: hidden; } .device-md { visibility: hidden; } .device-lg { visibility: visible; } body { border-top-width: 4px; } * { font-size: 16px; line-height: 24px; } .bestellformular, .newsletterformular { margin-left:30px; } #content li { padding-left: 18px; background-position: 2px 8px; background-size: 9px 9px; } .maillink, .faxlink, .phonelink, .maillink2, .phonelink2, .wwwlink { padding-left: 30px; background-position: 0px 5px; background-size: 18px 18px; width: 20px; height: 20px; } .service_symbol { width: 76px; margin-bottom: 24px; } .mitarbeiter_name { font-size: 20px; line-height: 25px; margin-top: 10px; margin-bottom: 2px; } .mitarbeiter_funktion { margin-bottom: 8px; } .mitarbeiter_phone { margin-bottom: 2px; } #mitarbeiter_inner { width: 1170px; height: 494px; } #mitarbeiter_inner .close { top:-21px; right: -21px; background-size: 42px 42px; width: 42px; height: 42px; } #mitarbeiter_inner .text { padding: 85px 27px; line-height: 23px; } .mitarbeiter_inner_name { font-size: 24px; line-height: 29px; margin-top: 10px; margin-bottom: 5px; } .mitarbeiter_inner_funktion { margin-bottom: 30px; } .mitarbeiter_inner_mail { margin-bottom: 30px; } .mitarbeiter_inner_slogan { font-size: 18px; line-height: 26px; position: absolute; bottom: 0px; right: 0px; width: 100%; padding:27px 27px 54px 27px; } /* Main Menu */ #main_menu > ul > li > a { font-size: 16px; } #main_menu .navbar-nav > li > a { padding: 7px 0px !important; margin-right: 15px; margin-left: 15px; } #main_menu > ul > li { height: 23px !important; border-right-width: 2px; } /* First Menu */ /* Set Border */ #main_menu > ul > li { height:14px; } /* Position of Link*/ #main_menu > ul > li > a { top:-11px; } /* Sub Menu */ #main_menu > ul > li > ul > li > a { font-size: 14px; min-width: 40px; } #main_menu > ul > li > ul > li { margin-bottom: 7px; } /* Focus and active behaviour */ #main_menu .navbar-nav > li > .dropdown-menu { margin-top:33px; } #main_menu .dropdown-menu > li > a { padding: 4px 9px; } #main_menu .dropdown-menu { padding: 18px 15px; margin-left: 10px; min-width: 128px; } /* Header */ #header { width: 1170px; height: 125px; } #hits { width: 1170px; } #contactbar, #contactbar_canvas { right: -42px; top: -4px; width: 590px; height: 60px; } #contactbar_text { left: 154px; top: 7px; } #contactbar_divider { padding-left: 14px; padding-right: 14px; font-size: 26px; } #contactbar_text a { font-weight: 600; } #hot_news { left: 248px; top: 10px; } #hot_news * { font-size: 15px; line-height: 18px !important; } #infobar { width: 246px; height: 485px; top: 125px; } #infobar_text { bottom: 82px; padding: 26px; font-size: 24px; line-height: 36px; } #logo { top: 1px; background-size: 246px 246px; width: 246px; height: 246px; border: 0px solid #995501 } #logo img { margin-left: 52px; margin-top: 28px; width: 144px; } #scale { top: 31px; } #scale_minus { font-size: 16px; margin-right: 4px; } #scale_plus { font-size: 28px; } #service { top: 27px; height: 46px; } .phone { width: 196px; height: 46px; background-color: #3c3c3c; background-size: 26px; background-position: 23px 9px; } .phone p { left:68px; top:11px; font-size: 16px; } .mail { width: 69px; height: 46px; margin-left: 2px; background-size: 26px; background-position: 23px 9px; } #servicenavigation { height: 46px; margin-left: 5px; } #servicenavigation ul { height: 46px; margin: 11px 0px 0px 0px; } #servicenavigation li { margin-left: 27px; } #main_menu { right: -16px; bottom: 12px; } #main_menu .navbar-nav > li > .dropdown-menu { margin-top:12px; } #main_menu .dropdown-menu { padding: 20px; margin-left: 15px; min-width: 128px; } #main_menu > ul > li > ul > li > a { font-size: 16px; } #slider { max-width: 1491px; height: 485px; } .flex-control-nav { bottom: 24px !important; margin: 0px !important; padding: 0px 26px !important; } .flex-control-paging li a { padding: 7px !important; margin: 0 4px !important; } .flex-direction-nav a { width: 45px !important; height: 45px !important; } .flexslider:hover .flex-prev { left: 24px !important; } .flexslider:hover .flex-next { right: 24px !important; } .flex-prev, .flex-next { background-size: 45px 45px !important; } #virus_info { width: 200px; height: 200px; } #newsticker { right: 233px; top: 12px; height: 22px; left: 644px; } #special_info { font-size: 18px; bottom: 90px; padding: 20px; } #expand { right: 24px; bottom: 24px; } #expand img { width: 45px; height: 45px; } /* Content */ #content { width: 1170px; margin-top: 0px; margin-bottom: 65px; } .tabelle tr td { padding: 5px 10px 5px 0px; } .geschichte tr td:first-child { width: 110px; } .wichtige_adressen img, .ansprechpartner img { width: 25px; } #rings_top { top:-162px; right: -10px; } #rings_bottom { top:0px; right: -10px; } h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; } h2 { font-size: 22px; line-height: 27px; margin-bottom: 20px; } .content_title { font-size: 38px; line-height: 42px; margin-right: 26px; margin-top: 66px; } .content_subtitle, .content_subtitle strong { font-size: 24px; line-height: 42px; } #content hr { margin-top: 15px; margin-bottom: 50px; } .news_container, .marktnews_container { } .news, .marktnews { margin-bottom: 30px; } .news_image, .marktnews_image { width: 370px; height: 173px; margin-right: 30px; } .news_content, .marktnews_content { padding-bottom: 20px; padding-right: 30px; } .news_content, .marktnews_content { margin-left: 400px; font-size: 15px; line-height: 21px; } .news_date, .marktnews_date { font-size: 15px; padding: 20px 0px 9px 0px; } .h2_title_link { font-size: 22px; } .news h2, .marktnews h2 { margin-bottom: 10px; } .logo_container { height:70px; } .mejs-time-float { width: 48px !important; height: 28px !important; } .play_button { width: 72px; height: 72px; } /* Footer */ #footer { } #footer_inner { width: 1200px; padding: 85px 0px 0px 0px; } #footer_inner > div > div.row > div:nth-child(1), #footer_inner > div > div.row > div:nth-child(3) { padding-top: 14px; } #footer_inner .row div:nth-child(2) table { width: auto; float: right; } .ngg-album-compact { width:33.333% !important; } .ngg-gallery-thumbnail { margin-bottom: 10px; float: none !important; } } /*********************************************************************** Remove Focus from Links ************************************************************************/ a:hover, a:active, a:focus { outline:0 !important; } /*********************************************************************** Gallery ************************************************************************/ .ngg-clear { clear: both; } .ngg-galleryoverview { position: relative; margin-left: -5px; margin-right: -5px; width: auto !important; } .ngg-gallery-thumbnail { margin-right: 0px !important; padding-left: 5px; padding-right: 5px; } .ngg-gallery-thumbnail img { border:0px !important; background-color:transparent !important; margin:0px !important; padding:0px !important; } .ngg-gallery-thumbnail-box { width:33.333% !important; float: left !important; } .ngg-gallery-thumbnail-box img { width: 100%; height: auto; } /* xs */ @media (max-width: 767px) { .ngg-gallery-thumbnail-box { width:50% !important; } } /* sm */ @media (min-width: 768px) and (max-width: 991px) { .ngg-gallery-thumbnail-box { width:50% !important; } } #swipebox-bottom-bar { opacity: 0.5 !important } /* If only 1 Image available */ .single-gallery .ngg-gallery-thumbnail-box { width:100% !important; } /* Gallery Album */ .ngg-albumoverview { position: relative; margin-left: -5px; margin-right: -5px; width: auto !important; } .ngg-album-compactbox { margin-right: 0px !important; padding-left: 5px !important; padding-right: 5px !important; height: auto !important; width: 100% !important; background: none !important; } .ngg-album-compactbox img { border:0px !important; background-color:transparent !important; margin:0px !important; padding:0px !important; } .ngg-album-link { width: 100%; } .ngg-album-compact { float: left !important; } .ngg-album-compact img { width: 100% !important; height: auto !important; } .ngg-album-compactbox .Thumb { width: 100%; height: auto !important; } .ngg-album-compact h4 { width: 100% !important; } .ngg-album-compact h4, .ngg-album-compact p { padding-left: 8px !important; padding-right: 8px !important; } #swipebox-overlay { background-color: rgba(0, 0, 0, 0.90) !important; } /*********************************************************************** Google Maps ************************************************************************/ .themeblvd-gmap { margin-bottom: 2px; } .themeblvd-gmap * { font-size: 12px !important; line-height: 12px !important; }