@charset "UTF-8";

/* Small Screens (Smart Phones, etc.) */ 

@media only screen and (max-width: 568px) {

html, body, p, input, textarea, select, table, panel {
/* font-weight: 300; */
}

#wrapper {
width: 96%;
min-width: 280px;
padding: 20px 0 0 0;
overflow: hidden;
}

#logo {
float: left;
margin: 0 0 20px 4%;
clear: both;
}

#contact_box {
display: none;
}

h1.wide { 
background: none;
float: left;
font-size: 1.7em;
font-weight: 600;
margin: 0 0 25px 0;
padding: 21px 0 20px 3%;
position: relative;
text-shadow: 0 1px 0 #FFFFFF;
width: 84% !important;
height: auto;
z-index: 500;
}

.tab_menu {
margin-top: 0 !important;
margin-left: 15px !important;
padding-bottom: 20px !important;
width: 84%;
}

.no_menu {
margin-top: 0 !important;
margin-left: 10px !important; /* 15px */
padding-bottom: 20px !important;
width: 84%;
}

.full {
width: 84%;
}

.subheadline {
margin-left: 15px;
color: #62686b; 
font-weight: 400; 
font-style: italic; 
font-size: 0.65em;
}

.no_sidebar {
width: 98% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

h2 {
font-size: 1.1em;
font-weight: 600;
}


/* Navigation */

div#navigation {
margin: 0;
width: 100%;
clear: both;
}

#navigation, #nav {
border-bottom: 0 none;
}

ul#main_menu {
color: #62686B;
list-style: none outside none;
margin: 0;
padding: 0;
}

ul#main_menu a {
font-size: 1.6em;
text-decoration: none;
}

li.main {
display: block;
float: left;
height: 40px;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}

li.main:hover {
background: #E3E3E3;
} 

li.main a {
color: #3F474A;
display: block;
height: 33px;
margin: 0;
padding-left: 5%;
width: auto;
border-bottom: 1px solid #ddd;
}

ul#main_menu:first-child {
border-top: 1px solid #ddd;
}

li.main a:hover, li.main a:active {
color: #3F474A;
background: #E3E3E3;
}

li.main a.current {
color: #FFFFFF;
background: #3F474A;
border: 0 !important;
}

ul#main_menu div {
display: none;
}

li.main div {
position: relative;
width: 100%;
height: 40px;
}

.submenu_active {
background: 0;
z-index: 1250;
}

.submenu_inactive {
display: none !important;
background: #E3E3E3;
z-index: 950;
}

div#submenu_about {
margin-left: 0;
margin-top: 135px;
}

div#submenu_services {
margin-left: 0;
margin-top: 95px;
}

div#submenu_contact {
margin-left: 0;
margin-top: 55px;
}

ul#main_menu li.hovering div { 
display: block !important;
z-index: 1000;
}

ul.sub {
display: inline;
color: #62686B;
list-style: none outside none;
margin: 0;
padding: 0;
font-size: 0.85em !important;
}

li.sub_item {
display: block;
float: left;
height: 27px;
margin-top: 10px;
width: 50%;
text-align: left;
background: 0;
}

li.m_sub {
width: 100% !important;
}

.submenu_active li.sub_item a {
font-weight: 400;
color: #c3c3c3;
height: 27px;
margin: -12px 0 0;
padding: 8px 22px 0;
width: auto;
background: #3f474a;
border-color: transparent;
}

.submenu_active li.sub_item a:hover, .submenu_active li.sub_item a:active {
color: #3F474A;
background: #E3E3E3;
}

.submenu_inactive {
display: none !important;
}

li.main a.sub_current {
color: #FFFFFF;
}

li.main a.sub_current:hover, li.main a.sub_current:active {
color: #3F474A;
}

.submenu_inactive li.sub_item a {
font-weight: 400;
color: #3f474a;
height: 30px;
margin: -10px 0 0;
padding: 8px 22px 2px;
width: auto;
}

.submenu_inactive li.sub_item a:hover, .submenu_inactive li.sub_item a:active {
color: #fff;
background: #3f474a;
}

#navigation br, #sub br, .divider br {
clear: both;
}



/* Tabs */

ul.tabs { 
float: left;
height: 40px;
list-style: none outside none;
margin: -30px 0 55px 0 !important;
padding: 0 0 60px; /* 0 0 60px */
position: relative;
width: 100%;
z-index: 650;
border-bottom: 1px solid #ddd;
}

ul.tabs li { 
background: none !important;
border-left: none !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #69C600;
display: block;
float: left;
text-align: left !important;
font-size: 1.1em !important;
height: 35px;
line-height: 2.1em;
margin: 0 0 10px 0 !important;
padding: 0;
position: relative;
}

ul.tabs li.tab_active { 
background: none !important;
border-bottom: 0 none currentColor;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #3F464A;
font-weight: 600;
padding: 0;
text-shadow: none !important;
margin-right: 10px;
}

.no_tabs { 
display: block;
float: left;
width: 100%;
height: 1px;
margin: -15px 0 55px 0 !important;
border-bottom: 1px solid #ddd;
}



/* Default Text */

.default_text {
font-size: 1.1em; /* 0.8em */
line-height: 1.2em;
}

.default_text img {
width: 95%;
height: auto;
}



/* Theme Area */

div.theme_area, div.theme_area_404 {
margin-bottom: 0 !important;
padding: 3% 0 0 0 !important; /* 14/135px 0 0 0 */
height: 100%; /* 175px */
background: #62686b;
}

div.theme_area_smaller {
margin-bottom: 0 !important;
padding: 135px 0 0 0;
height: 110px;
background: #62686b;
}

#theme_area_start {
padding: 3% 0 0 0 !important;
}

div.theme_area img {
margin-bottom: 0;
padding: 0 !important;
height: auto !important;
}

div.theme_area, div.theme_area_404, 
#map_canvas, #map_canvas_static, 
.shadow_container_theme, .shadow_container_theme_darker, 
#main_image {
height: auto !important;
}


/* Theme Area Teaser Box */

div.teaser_box, div.teaser_box_smaller {
display: none;
}

div.teaser_box h1 {
font-size: 1.6em;
margin-top: 12px;
padding-top: 6px;
}

.teaser_box_row_2 {
font-size: 0.9em;
margin-top: -3px;
padding-bottom: 3px;
width: 95%;
}

div.teaser_box {
display: none;
}



/* About */

#about_home {
float: left;
position: relative;
width: 91%;
padding: 0 5% 2px 5%; 
margin: 0 0 20px 0;
}

.about_h {
text-align: center;
padding: 0 10px;
font-size: 1.3em !important;
line-height: 1.35em;
}


.about_text, .news_teaser {
font-size: 1.1em !important;
line-height: 1.4em;
/* letter-spacing:-0.04em; */
}

.about_text_mobile_links {
line-height: 1.6em !important;
}


/* Smaller */

ul.list_smaller_grey {
font-size: 0.85em;
}


/* Connect */

.connect_startpage, .connect_subpages {
padding-bottom: 0;
}
.connect_startpage {
margin-bottom: 0;
}
.connect_subpages {
margin-left: 0;
margin-bottom: 20px;
}
.connect_startpage p, .connect_subpages p {
margin-left: -18px;
}

.connect_h_startpage, .connect_h_subpages {
font-size: 1.2em;
line-height: 1.3em;
margin: 10px 10px 12px -40px;
}
.connect_h_startpage {

}
.connect_h_subpages {
padding-left: 15px;
}

.connect_text, .connect_list {
font-size: 1.05em; 
padding-left: 0;
}


/* Home */

#carousel {
display: none;
}

.office_view {
margin-top: -10px;
margin-bottom: 8px;
}

.home_empty {
margin-top: -10px;
margin-bottom: 8px;
height: 20px;
}

.office_view a {
font-size: 0.85em;
}

.office_view_img {
/* margin-top: 11px; */
}

.home_features {
width: 100%;
height: 95px;
margin-bottom: 10px;
}

.home_features:hover {
background: #f7f7f7;
}

.home_features p {
font-size: 0.9em;
height: auto;
max-width: 300px;
clear: both;
}

.home_features_images {
display: none;
}

.home_features_text {
width: 94%;
padding: 0 3%;
margin-top: -8px;
}

.home_features_text a {
font-size: 1.05em;
float: left;
}

.block {
margin-bottom: 10px;
}


/* Footer */

#footer {
height: 180px; /* new */ /* 140px */
margin: 0 auto 0 -60px !important;
padding: 0 60px 7px;
/* full page:
height: 170px;
margin: -10px auto auto -60px;
padding: 10px 60px 7px;
*/
width: 100%;
z-index: 2000;
}

#footer a {
text-decoration: none;
color: #777777;
}

#footer a:hover, #footer a:active {
text-decoration:none;
color: #ABABAE;
}

#footer_logo {
margin-left: -2px;
display: none; /* new */
}

#footer_links {
width: 95%;
height: 160px; /* new */ /* 120px */
margin: 0 auto;
padding: 0 42px;
position: relative;
}

.footer_col_1, .footer_col_2, .footer_col_3, .footer_col_4, .footer_col_5 {
height: 0;
}

.footer_list {
font-size: 0.75em;
line-height: 1.35em; /* new */ /* 1.7em */
list-style-type: none;
margin-left: 0;
}

.footer_col_4 .footer_list { /* new */
line-height: 1.9em;
}

.footer_list .phone_number { /* new */
line-height: 2.5em;
}

.footer_list .email_address { /* new */
line-height: 1.9em;
}

#footer_address {
height: 0;
margin-left: -75px; /* new */ /* -15px */
font-size: 120%; /* new */
}

#footer_about_us, #footer_services, #footer_services {
display: none;
}

#footer_contact {
height: 0;
padding-left: 120px !important; /* new */ /* 135px */
font-size: 120%; /* new */
}

#go_to_homepage {
display: none;
}


.small_screen_hide {
display: none;
}

.small_screen_hide_map {
display: none;
}

.small_screen_show {
display: inline;
}

.small_screen_show_map {
display: inline-block;
}

.small_screen_smaller {
font-size: 0.95em;
}

.small_screen_bigger {
font-size: 1.05em;
}

.small_screen_morespacing {
letter-spacing: 0.05em;
}

.footer_logo {
width: 36px;
height: 36px;
float: left;
margin: 2px 0 0 5%;
}



/* Misc */

.block,
.block_34,
.block_13,
.block_23,
.block_12_left,
.block_12_right {
width: 94%;
padding: 0 3%;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background: none;
z-index: 1500;
}

.news_page {
padding-right: 0;
}

.sidebar_contact_address, .sidebar_link, .sidebar_link_directions, 
.sidebar_image, .sidebar_map_thumb { 
display: none;
}

.address_mobile {
display: block;
position: relative;
margin: 10px 0 10px 0;
padding: 14px;
width: 93%;
height: 100%;
background-color: #f0f0f0;
font-weight: 400;
font-size: 1.2em;
line-height: 1.3em;
}

p {
font-size: 0.85em;
line-height: 1.4em;
}

p.teaser {
font-size: 0.75em;
line-height: 1.3em;
}

ul.list_general {
font-size: 0.85em;
}

p.text_grey { 
padding: 10px 5%;
width: 91%;
}

.img_12 {
margin-bottom: 20px;
}


/* Contact Form */

#contact_mobile { 
width: 170%;
margin-left: -10%;
margin-top: 30px;
padding-top: 0;
}

.fieldset_contact, .fieldset_directions { 
margin-left: -15px; /* -15px */
/* width: 89%; */ /* 89% */
}

.label_contact, .label_directions { 
float: left;
font-size: 0.85em;
width: 100%;
position: relative;
}

.textarea_form {
width: 99%;
}

.textarea_form, .textfield {
width: 88%;
}

#zip {
width: 24%;
margin-right: 4%;
}

#location {
width: 58%;
margin-right:-6px;
}

.field_contact, .field_directions, .message {
width: 100%; /* 83% (91%) */
}

.button {
margin-left: 15px;
/* padding-right: 30px !important;
width: 102%;
text-align: center; */
}

.send {
/* margin-right: 80px !important;
margin-left: auto !important;
margin-right: auto !important; */
}



.team_img {
width: 200px;
margin: 10px 0 0 0;
}

.partner {
margin: 0 0 30px 0;
background: #fff;
min-height: 90px;
padding: 0;
width: 120%;
}

.team_img_partner {
width: 175px;
margin: 0 0 20px 0;
float: left
}

.partner p {
width: 84%;
}

ul#ref {
margin-top: -40px;
}

.social {
width: 150px;
background: none;
}

#mobile_ref_h1 {
padding-left: 15px !important;
padding-bottom: 25px;
}

#fancybox_overlay {
display: none !important;
}


#uplink {
/* margin-right: 25px; */
}

#uplink img {
width: 48px;
height: 48px;
}


/* DSGVO Cookie Consent */

#dsgvo_wrapper {
height: 233px;
width: 100%;
margin: 0;
}
#dsgvo_reminder {
width: 100%;
}
#dsgvo_left {
width: 100%;
padding: 29px 26px 18px 26px;
}​​
#dsgvo_right {

}​​
.dsgvo_reminder_closer {
margin: 18px 18px auto 0;
padding:  8px 12px;
}


} /* End Media Query */

@media screen and (max-width: 568px) and (orientation:landscape) {
#dsgvo_wrapper {

}
}

@media only screen and (max-width: 320px) {

/* DSGVO Cookie Consent */

#dsgvo_wrapper {
height: 253px;
width: 100%;
}
#dsgvo_reminder {
width: 100%;
}
#dsgvo_left {
width: 100%;
}​​
#dsgvo_right {

}​​
.dsgvo_reminder_closer {

}

} /* End Media Query */


/* Landscape Mode */
@media screen and (orientation:landscape) {
div.theme_area img {
margin-bottom: -5px !important;
}
.default_text {
line-height: 1.25em;
}
}

/* Landscape Mode old Browser */
@media screen and (min-width: 321px) and (max-width: 568px) {
div.theme_area img {
margin-bottom: -5px !important;
}
.default_text {
line-height: 1.25em;
}
}

/* Portrait Mode */
@media screen and (orientation:portrait) {
ul.tabs.more_tabs { 
/* height: 80px; */
}
.small_screen_portrait_hide { 
display: none;
}
.small_screen_portrait_show { 
display: inline;
}
}

/* Portrait Mode old Browser */
@media screen and (max-width: 320px) {
ul.tabs.more_tabs { 
/* height: 80px; */
}
.small_screen_portrait_hide { 
display: none;
}
.small_screen_portrait_show { 
display: inline;
}
}