/* 
	##############
	CSS welches in der stylesheet.min.css war 
	##############
	
*/

* {-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;} 

html {position:relative;}

.side_menu {z-index:9000;}

.side_menu_button > a, .qode_search_close > a {
    display: inline;
    font-size: 30px;
    height: 20px;
    padding: 0 12px;
    position: relative;
    width: 20px;
}


.bluebox > * {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../../../uploads/kacheln_blau2.jpg") !important;
    background-origin: padding-box !important;
    background-position: right top;
    background-repeat: repeat !important;
    background-size: 103% auto !important;
}


.side_menu a.close_side_menu {
    background-image: url("../img/icon-x.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    line-height: 13px;
    position: absolute;
    right: 25px;
    top: 29px;
    transition: all 0.5s ease 0s;
    width: 28px;
    z-index: 1000;
    background-size: 80% 80%;
    background-position:center center;
}

.header_top .container_inner .header-widget i, .header_top .container_inner .header-widget a {
	font-family: "Roboto",verdana !important;
}
.fa-phone:before, .fa-map-marker:before {font-family: FontAwesome !important;}
.fa-map-marker {position:relative;  text-indent: 5px;}
.fa-map-marker:before {left: -12px;position: absolute;}

section.side_menu .menu-side_menue-container ul#menu-side_menue {padding-top:40px;}
section.side_menu .menu-side_menue-container ul#menu-side_menue li.menu-item {float:left; clear:both;}
section.side_menu .menu-side_menue-container ul#menu-side_menue li.menu-item a {color:#fff; padding:12px 0 12px 25px; display: block;}
section.side_menu .menu-side_menue-container ul#menu-side_menue li.menu-item a:hover {color:#cccccc;}

/* icons */
#menu-side_menue li a:before {
	font-family: FontAwesome;
	text-indent: -40px;
	position: absolute;
	left: 25px;
    top: 10px;	
}

#menu-side_menue li#menu-item-107 a:before {content: "";} /*fa-university*/
#menu-side_menue li#menu-item-16976 a:before {content: "";} /*fa-home*/
#menu-side_menue li#menu-item-16992 a:before {content: ""; left: 30px;} /*fa-lock*/
#menu-side_menue li#menu-item-16991 a:before {content: "";} /*fa-plug*/
#menu-side_menue li#menu-item-16917 a:before {content: "";} /*fa-line-chart*/
#menu-side_menue li#menu-item-16894 a:before {content: "";} /*fa-user*/
#menu-side_menue li#menu-item-17293 a:before {content: "";} /*fa-comments*/

/* 170518 - 13:41 - Thomas Artmann */
#menu-side_menue li#menu-item-18584 a:before {content: "";} /*fa-briefcase*/

/* 170531 - 14:14 - Thomas Artmann *
#menu-side_menue li#menu-item-16917 a:before {content: "";} /*fa-line-chart*/

footer .footer_top .socialbox.right a {color:#fff !important;}
footer .footer_top .socialbox.right a:hover {color:#acacac !important;}
.socialbox.right > div {float:right; width:auto; position:relative;}
.socialbox.right > * > div {float:left; width:auto;}
.socialbox.right > * > div ul {}
.socialbox.right > * > div ul li {float:left; clear:none; width:auto; padding: 0 15px 0 0;}


.side_menu.right {background-image: url("../../../uploads/side_logo.jpg") !important; background-repeat: no-repeat; background-position: left bottom 60px;}
.side_menu .widget {
    background-color: #009ce1;
    clear: both;
    float: left;
    height: auto;
    left: 0;
    margin: 0 -30px 46px;
    padding: 0 30px;
    position: relative;
    width: 100%;
}

#comments, .post_info, .blog_holder article .post_info {display:none;}
header.centered_logo .header_inner_right {float:right;}
.content .content_inner {margin-top:0 !important;}

.latest_post_holder p.excerpt {color:#000000;}
.latest_post_holder > ul > li {margin-bottom:30px;}

.container_inner.backlinkwrap {margin-bottom:30px;}

.topic, .topic.fixed, .vc_row.topic {
    position: fixed !important;
    width: auto;
    z-index:500;
    float:left;
    top: 235px;
    left:0;
}
.topic .bgblue {float:left; width:auto;}
.topic h3 {padding:10px 15px; width:100%; position:relative;}
.topic h3 > span {display:block;}

.topic.smalltopic h3 {font-size:10px;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


@media screen and (max-width: 1015px) {
	.section.topic {position: relative !important; left:auto; top:auto; float:left; clear:both; width:100%;}
}

@media screen and (max-width: 1000px) {
	.content .full_width_inner .vc_custom_1421239935659 { margin-top: 30px !important;}
	.side_menu.right {background-position: left bottom 60px;}
}

@media screen and (max-width: 768px) {
	.bluebox > * {
		background-position: right bottom;
	}
	
	
}

@media screen and (max-width: 600px) {
	.socialbox.right > div {float:left;}
	footer .footer_top .socialbox.right > * > div.first {margin-right:15px !important;}
	.vc_row-fluid.grid_section {padding: 0 0 5px 0 !important;}
	.topic, .topic.fixed, .vc_row.topic {
	    top: 258px;
	}
}

@media only screen and (max-width: 430px) {
       
       .side_menu_button, .shopping_cart_inner {
		    float: left;
		    height: 35px !important;
		    margin-top: 66px;
		    position: relative;
		    top: 45px;
		}
       
       .topic, .topic.fixed, .vc_row.topic {top: 207px;}
       
       
       .content_inner > .full_width {margin-top:30px;}
       
       
       body h1, body .title h1 {font-size:28px; line-height:34px;}
       body h2, body h2 a {font-size:24px; line-height:30px;}
}


/* 
	##############
	CSS im den Theme-Settings @ Backend @ Quode Options > General > Custom Code
	##############
	
*/

.cover_boxes ul li .box .box_content { top: 0; }
.cover_boxes ul li .box .qbutton { margin-top: 18px; }


#nav-menu-item-14860 li,
#nav-menu-item-14862 li,
#nav-menu-item-14864 li,
#nav-menu-item-14866 li,
#nav-menu-item-15100 li,
#nav-menu-item-15102 li,
#nav-menu-item-15176 li,
#nav-menu-item-15180 li,
#nav-menu-item-15185 li,
#nav-menu-item-15190 li,
#nav-menu-item-15195 li,
#nav-menu-item-15198 li,
#nav-menu-item-15404 li,
#nav-menu-item-15408 li,
#nav-menu-item-15406 li{
width: 280px;
}


.drop_down .second .inner .widget {
padding-bottom: 13px;
}

.drop_down .second .inner .widget a{
padding: 0px !important;
}

.carousel-inner h2 {
margin-bottom: 34px;
}

.carousel-inner .slider_content .text .qbutton {
margin-top: 39px;
}

.carousel-inner .item.dark .slider_content .text .qbutton,
.carousel-inner .item.light .slider_content .text .qbutton { 
    background-color: #000;    
    border-color: #000;
}

.carousel-inner .item.light .slider_content .text .qbutton.white {
     background-color: transparent;
}

.carousel-inner .item.dark .slider_content .text .qbutton.white:hover,
.carousel-inner .item.dark .slider_content .text .qbutton:hover,
.carousel-inner .item.light .slider_content .text .qbutton.white:hover,
.carousel-inner .item.light .slider_content .text .qbutton:hover {
background-color: #009ce1;
border-color: #009ce1 !important;
}

.carousel-inner .item.dark .slider_content .text .qbutton:hover,
.carousel-inner .item.light .slider_content .text .qbutton:hover { 
    color: #fff; 
}

.testimonials_holder .flex-direction-nav a:hover {
    background-color: #009ce1 ;
    border-color: #009ce1 ;
}

.contact_detail .contact_section > h4 {
display: none;
}

.blog_small_image h2,
.blog_small_image h2 a { font-size: 22px; }

.q_circles_holder:before {
border-top: 4px solid #F4F4F4;
}

div.footer_top h5 {
font-size: 22px;
}

.footer_bottom {
padding-top: 40px;
}

.blog_holder.masonry article .post_text .post_text_inner {
padding-left: 0;
}

.blog_holder.blog_small_image article:not(.format-quote):not(.format-link) .post_text .post_text_inner {
padding-left: 23px;
}

.blog_holder article.format-quote .post_text .post_text_inner, .blog_holder.masonry article.format-link .post_text .post_text_inner {
padding-left: 23px;
}

.blog_holder article.format-quote .post_text .post_title p, .blog_holder article.format-link .post_text .post_title p {
font-size: 19px;
}

.blog_holder article.format-quote .post_text .quote_author {
font-size: 19px;
}

.blog_load_more_button a {
background-color: transparent;
}

nav.popup_menu ul li a, nav.popup_menu ul li h6{
text-transform: none;
}

.contact_section .separator {
display: none;
}


#back_to_top:hover span {
background-color: #009ce1;
border-color: #009ce1;
}

#back_to_top:hover span i {
color: #ffffff;
}

#menu-side_menue li#menu-item-17113 a:before {
    content: "";
}

#menu-side_menue li#menu-item-18059 a:before {content: "";} /*fa-comments*/
#menu-side_menue li#menu-item-18298 a:before {content: "";} /*fa-university*/


a.qbutton {
color: rgb(255, 255, 255);
font-style: normal;
background-color: rgb(0, 156, 225);
margin-left: 70px;
}
p{color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;}
    .filter_holder ul li span,
    blockquote h5,
    .q_social_icon_holder i.simple_social,
    .header-widget.widget_nav_menu ul.menu li a,
    .side_menu a,
    .side_menu li,
    .side_menu span,
    .side_menu p,
    .side_menu .widget.widget_rss li a.rsswidget,
    .side_menu #wp-calendar caption,
    .side_menu #wp-calendar th, 
    .side_menu #wp-calendar td,
    aside .widget #lang_sel_list li a,
    aside .widget #lang_sel li a,
    aside .widget #lang_sel_click li a,
    section.side_menu #lang_sel_list li a,
    section.side_menu #lang_sel li a,
    section.side_menu #lang_sel_click li a,
    footer #lang_sel_list li a,
    footer #lang_sel li a,
    footer #lang_sel_click li a,
    footer #lang_sel_list.lang_sel_list_horizontal a,
    footer #lang_sel_list.lang_sel_list_vertical a,
    .side_menu #lang_sel_list.lang_sel_list_horizontal a,
    .side_menu #lang_sel_list.lang_sel_list_vertical a,
    #lang_sel_footer a{
    	color: #000000;    }
    .header_top #lang_sel > ul > li > a, 
    .header_top #lang_sel_click > ul > li> a,
    footer #lang_sel ul li a,
    footer #lang_sel ul ul a,
    footer #lang_sel_click ul li a,
    footer #lang_sel_click ul ul a,
    footer #lang_sel_click ul ul a span,
    section.side_menu #lang_sel ul li a,
    section.side_menu #lang_sel ul ul a,
    section.side_menu #lang_sel ul ul a:visited,
    section.side_menu #lang_sel_click > ul > li > a,
    section.side_menu #lang_sel_click ul ul a,
    section.side_menu #lang_sel_click ul ul a:visited{
    	color: #000000 !important;    }

.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top: 0px;
}


/*** RB 01/2015 ***/

.header-widget .fa-envelope-square:before {
  font-family: FontAwesome;
}

.header-widget .fa-envelope-square {
  margin-left:5px;
}

.header-widget .fa-envelope-square > a {
  padding-left:5px;
}

.side_menu_button > a:hover, .qode_search_close > a:hover {
font-size:32px;
}

.news-single-backlink a.qbutton {
  margin-left:0;
}

.bluebox .wpb_flexslider {margin-bottom:0;}

.bluebox .flex-direction-nav {display: none !important;}

/*** RB 01/2015 ***/


.topic {
    position: fixed !important;
    width: 190px;

}

.topic_2 {
    position: fixed !important;
    width: 210px;
}

.topic_3 {
    position: fixed !important;
    width: 120px;
}
/*Ansprechpartner*/
.ap_box {
height: 250px;
width:250px;
margin-left:-35px;
}

.ap_text{
padding-top:60px;
}

@media only screen and (min-width: 1000px) {
.ap_box {
height: 250px;
width:250px;
margin-left: 35px;
}
.ap_text{
padding-top:60px;
}
}

@media only screen and (min-width: 767) {
.ap_box {
height: 250px;
width:250px;
clear: both;
margin-left: 160px;
}
.ap_text{
padding-top:60px;
}
}

@media only screen and (min-width: 600) {
.ap_box {
height: 250px;
width:250px;
margin-left: 75px;
}
.ap_text{
padding-top:60px;
}
}

.iphone_wrapper {
top:8px;
}


@media only screen and (max-width: 430px) {
       .side_menu_button, .shopping_cart_inner {height:35px !important; margin-top:110px; float:left;}

}

div.wpcf7-response-output::before {
    color: #009ce1;
    display: inline-block;
    font-family: "FontAwesome",sans-serif;
    height: 20px;
    left: 25px;
    position: absolute;
    width: 20px;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #ffffff;
}
div.wpcf7-response-output {
    border: 0 none;
    color: #009ce1;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: 0;
    margin-right: 0;
    padding: 17px 30px 17px 55px;
    position: relative;
    text-transform: uppercase;
}

.header_top {
    border-bottom: 1px solid #009ce1;
    height:60px;
}

.fon_mail {
font-size:17px;
margin-top: 15px;
}

.header-widget.widget_nav_menu {
    font-size: 17px;
    margin-top:15px;
}

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

.header-widget.widget_nav_menu {
    font-size: 17px;
    margin-top:10px;
    display:none }

.fon_mail {
font-size:17px;
margin-top:20px;
display:none;
}
.icon_con {
font-size:30px;
margin-top: 12px;}

.fa-map-marker::before {
    left: 0px;
    position: relative;
    left: 0;position: relative;
}
.header-widget .fa-envelope-square {
    margin-left: 5px;
    margin-right: 5px;
}

}

@media only screen and (min-width: 999px) {
.icon_con {
font-size:0px;
display:none !important
}
.icon_head {
top:0px;
}
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
    background-image: url("img/plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: thin solid;
    display: block;
    height: 41px;
    width: 41px;
}
@media only screen and (max-width: 768px) {
.text_wil{
display:none;
}

}
a.qbutton {
    background-color: #009ce1;
    color: #ffffff;
    font-style: normal;
    margin-left: 0;
}
.qbutton, .load_more a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .qbutton.small {
    padding: 0 5px;
}

@media only screen and (min-width: 678px) {
.zertifi  {margin-left:140px;}
}

.hidden {
display: none !important;}

.iphone_wrapper {
    text-align: center !important;
    top: 56px;
}
.latest_post_holder.boxes .boxes_image {
    border: 0.1px solid;
    border-color: #c1c1c1;
    overflow: hidden;
}



/* 05/2017 */
.blog_holder article .post_image, .blog_holder article .post_image img, .blog_holder article .post_image > a {
    width:100%;
}

.postid-18409 .blog_holder article .post_image img {
    width:auto;
}
.postid-18409 .blog_holder .post_image {
    text-align:center;
}

.postid-18409 .blog_holder .post_image img {
    display:inline-block; 
    margin: 0 auto;
    position:relative;
}

/* 170524 - Thomas Artmann */
/* Anpassungen der Seite "Aktuelles" *
.q_masonry_blog .post.type-post.status-publish.format-video.has-post-thumbnail.hentry .q_masonry_blog_post_text, 
.q_masonry_blog .post.type-post.status-publish.format-standard.has-post-thumbnail.hentry .q_masonry_blog_post_text {
    height: 204px !important;
    min-height: 204px !important;
    max-height: 204px !important;
}
.q_masonry_blog .post.type-post.status-publish.format-video.has-post-thumbnail.hentry .q_masonry_blog_post_image, 
.q_masonry_blog .post.type-post.status-publish.format-standard.has-post-thumbnail.hentry .q_masonry_blog_post_image {
    height: 196px !important;
    min-height: 196px !important;
    max-height: 196px !important;
}
.q_masonry_blog .post.type-post.status-publish.format-video.has-post-thumbnail.hentry .q_masonry_blog_post_text .q_masonry_blog_post_info, 
.q_masonry_blog .post.type-post.status-publish.format-standard.has-post-thumbnail.hentry .q_masonry_blog_post_text .q_masonry_blog_post_info {
    position: relative;
    bottom: 0px;
}

.page-id-17290 .full_width .q_masonry_blog article {
    float:left; position:relative !important; left:auto !important; top:auto !important; min-height:400px;
}

.page-id-17290 .q_masonry_blog article h5 {
    min-height:87px;
}*/