/*
Theme Name: Stockholm
Theme URI: http://demo.select-themes.com/stockholm
Description: Stockholm Theme
Tags: agency, business, ajax, portfolio, blog, shop, multi-purpose, clean, elegant, white, photography, modern, fullscreen, stylish, design
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 3.5
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
body {
-moz-osx-font-smoothing: grayscale; } .wpgmp_meta_data {
display: none;
} p, p:last-child {
color: #333333;
font-family: "Crimson Text",serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
margin-bottom: 25px;
}
.zeile-farbe-2 p{color:#ffffff }
.title h1 { background-color: #f18700;
color: #ffffff;
display: table;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 3px;
padding: 0 8px;
text-transform: uppercase;
}
.title_holder .subtitle { background-color: #f18700;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 36px;
font-style: italic;
font-weight: 600;
line-height: 1.3em;
padding: 0 8px;
}
.wp-caption.alignleft {
margin: 0 20px 0 0;
} .carousel-inner h2.q_slide_title{
background-color: #f18700;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 48px ;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 20px;
padding: 0 8px;
text-transform: uppercase;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height:1.3 !important;
}
#qode-aktuelles-blog .carousel-inner h2.q_slide_title{font-size: 40px ;} .carousel .carousel-inner h2 span {
font-size: inherit !important;
line-height: inherit !important;
}
.carousel-inner h3.q_slide_text { color: #ffffff;
font-family: "Crimson Text",serif;
font-size: 18px;
font-weight: 600 !important;
line-height: 1.1 !important;
margin-top: 20px;
max-width: 700px;
}
.slide_buttons_holder a.qbutton{ background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
font-family: inherit;
font-size: 16px;
font-style: italic;
font-weight: 800;
letter-spacing: 0;
text-transform: none;
}
.carousel-indicators {
bottom: 40px;}
.carousel-indicators li {
margin: 0 6px;
height: 15px;
width: 15px;
}
.carousel-control .prev_nav, .carousel-control .next_nav {border:none; font-size:50px}
.carousel-control .prev_nav:hover, .carousel-control .next_nav:hover {
background-color: transparent;
border: none;
color: #f18700;
}
.carousel-inner .slider_content .slide_anchor_holder {
text-align: center;
}
.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
border: 2px solid #ffffff;
border-radius: 30px;
color: #ffffff;
font-size: 55px;
padding: 0 2px;
} .wpb_wrapper h5 {
border-bottom: 1px solid #666666;
color: #333333;
font-size: 18px;
margin-bottom: 20px !important;
}
.zitat-farbe-1 p, .zitat-farbe-1 p:last-child { border-left: 2px solid #f18700;
color: #f18700;
font-family: "Roboto Condensed",sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin-left: 10%;
margin-bottom:25px;
padding-left: 15px;
width: 70%;
}
.zitat-farbe-2 p, .zitat-farbe-2 p:last-child { background-color: #f18700;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 300;
line-height: 30px;
margin-bottom:25px;
padding: 0 10px !important;
width: 70%;
box-decoration-break:clone;
-webkit-box-decoration-break: clone;
}
.legende,
.legende p,
p.wp-caption-text,
.wpb_single_image .vc_figure-caption {
color: #333333;
font-family:inherit;
font-size: 13px;
margin-top: 0.2em;
line-height: 1.2em;
}
.zeile-downloads a:hover{color:#333333}
.zeile-downloads li, .zeile-links li {
display: block;
list-style-position: outside;
list-style-type: none;
margin-bottom: 15px;
margin-left: 2.5em;
font-family: "Crimson Text",serif;
font-size: 18px;
font-weight: 500;
}
.zeile-downloads li::before, .zeile-links li::before{
color:#F18700;
font-size:30px;
font-family: "ElegantIcons";
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: none;
vertical-align:top;
display:inline-block;
margin-left: -1.3em; width: 1.3em;
}
.zeile-downloads li::before{
content: "\e03a";
}
.zeile-links li::before{
content: "\e03e";
} header.sticky {background-color:rgba(255,255,255,1)}
header.sticky .header_bottom {
background-color: #ffffff !important;
box-shadow: 0 6px 4px rgba(0, 0, 0, 0.15);
}
header.sticky .header_bottom nav.main_menu > ul > li > a,
header.sticky .header_bottom nav.main_menu > ul > li > a.current span { color:#333333}
.q_logo {top:31% }
header.sticky .header_bottom .q_logo img {padding-top:17px} header.sticky .header_bottom .q_logo img {
box-shadow: none;
padding-top: 13px;
}
nav.main_menu > ul > li.active > a span {
border-bottom:3px solid #f18700
}
.header-widget.widget_nav_menu ul.menu li a { border-right: 1px solid #ffffff;
color: #ffffff;
display: inline;
padding: 0 10px;
}
.header_top { position: relative;
z-index: 200;
}
.header_bottom {
position: relative;
z-index: 100;
}
.header_top .right .inner {padding-top:25px; padding-right:25px}  nav.main_menu.right { float: right;
left: auto;
position: absolute;
right: 0;
} .title_outer.with_image .title  .title_subtitle_holder,
.title_outer .has_fixed_background.title  .title_subtitle_holder,
.title_outer .has_background.title  .title_subtitle_holder { display: table-cell;
vertical-align: bottom;
width: 100%;
padding-bottom:45px
}  .height-280-grey {min-height:280px; background-color:#eaeaea}
.home .quote-frontpage { height: 276px;
min-height: 276px;
}
.height-280-blue {
min-height:280px;
max-height:280px;
background-color:#016e96;
padding-top: 10px;
}
.height-280-green {
background-color: #afca0b;
margin-left: 20px;
max-height: 300px;
max-width: 91%; min-height: 300px;
overflow: hidden;
padding-top: 20px;
}
.height-335-transp {
min-height:335px;
max-height:335px;
overflow:hidden;
margin-bottom:40px !important
}
.zeile-transp {margin-bottom:60px !important}
.zeile-farbe-1 {margin-bottom:60px !important; padding-bottom:40px; padding-top:40px; background-color:#f18700 ;}
.zeile-farbe-2 {margin-bottom:60px !important; padding-bottom:40px; padding-top:40px; background-color:#016e97 ;}
.zeile-downloads {margin-bottom:30px !important}
.zeile-ende{margin-bottom:60px }
.start-twitter {
background-color:#f2f2f2;
padding-top:25px;
max-height:335px;
overflow-y:scroll;
}
.etikett p{
background-color: #f18700;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.3em;
margin-left: -15px;
padding: 0 8px;
text-transform: uppercase;
}
.height-280-blue .qbutton{margin: 25px 10px 0 0; }
.height-280-blue h2, .height-280-green h2 {color: #ffffff;
font-family: "Roboto Condensed";
font-style: italic;
font-weight: 600;
letter-spacing: 0;
line-height: 1.2em;
margin-bottom: 20px;
text-transform: uppercase;
}
.height-280-blue h2 {padding-left: 15px;padding-top: 30px;}
.height-280-green h2 {padding-left: 0;}
.hover_image {
height: 100%;
} .q_image_with_text_over .shader {
background-color: rgba(57, 57, 57, 0.4);
}
.q_image_with_text_over .front_holder,
.q_image_with_text_over:hover .front_holder,
.q_image_with_text_over .back_holder {
opacity: 1;
padding: 25px 0 0 0 ;
}
.q_image_with_text_over .front_holder_inner2 { display: table-cell;
position: relative;
vertical-align: top;
}
.q_image_with_text_over .back_holder_inner2 { display: table-cell;
position: relative;
vertical-align: bottom;
}
.q_image_with_text_over h4.front_title { background-color: #f18700;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.3em;
padding: 0 8px;
text-transform: uppercase;
}
.q_image_with_text_over h2 {font-style:italic; font-size:30px; line-height:40px; padding: 25px 45px 25px 25px}
.q_image_with_text_over h2 a, .q_image_with_text_over h2 a:hover{color:#ffffff} .teaser-stories {
height:335px;
max-height:335px;
overflow:hidden;
}
.teaser-stories-bild {
position:relative;
top:0;
left:0;
z-index:100
} .teaser-stories-text{
position:absolute;
bottom:35px;
left:35px;
z-index:200
}
.teaser-stories .etikett p{
position:absolute;
top:25px;
left:30px;
z-index:300
}  h3.q_slide_subtitle{ background-color: #f18700;
color: #ffffff;
display: table;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 3px;
padding: 0 8px;
text-transform: uppercase;
}
.projects_masonry_holder.masonry_extended {
margin-top: 0;
} .projects_holder article .image_holder .text_holder, .projects_masonry_holder article .image_holder .text_holder, .portfolio_slides .image_holder .text_holder {opacity:1} .projects_holder.v2 article .image_holder .text_holder, .projects_holder.v3 article .image_holder .text_holder, .portfolio_slides .image_holder .text_holder {
padding: 0;
}
.projects_holder.hover_text article .project_category, .portfolio_slides .project_category, .projects_masonry_holder .project_category { background-color: #f18700;
color: #ffffff;
display: table;
font-family: "Roboto Condensed",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
margin-top: 25px;
padding: 0 6px;
text-transform: uppercase;
}
.project_category span:first-child {display:none }
.projects_holder.hover_text article .portfolio_title, .projects_masonry_holder article .portfolio_title, .portfolio_slides .portfolio_title {
bottom: 5px;
color: #ffffff;
display: block;
font-family: "Roboto Condensed",sans-serif;
font-size: 28px;
font-style: italic;
font-weight: 600;
letter-spacing: 0;
margin: auto 0 15px;
padding-left: 25px;
position: absolute;
text-transform: none;
}
.portfolio_shader{ }
.projects_holder .image_holder::after {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0 ;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}  .portfolio_navigation {
padding: 0 0 50px;
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_button  {
display: none;
}
.portfolio_navigation a {
color: #ffffff;
background-color: #f18700;
display: block;
text-align: center;
width: 157px;
padding: 0 8px;
font-size: 18px;
font-style: normal;
font-weight: 400;
border:1px solid #f18700
}
.portfolio_navigation a:hover {
color: #f18700;
background-color: transparent;
}
.portfolio_navigation .arrow_carrot-right::before{
content: "Nächste Story >";
font-family: "Roboto Condensed",sans-serif;
line-height: 25px;
text-transform: uppercase;
} .filter_outer {
text-align: center;
margin: 0 0 12px;
}
.latest_post_overlay .icon_plus,
.post_overlay .icon_plus{ display:none
}
.filter_holder ul li.filter_title span {
color: #333333;
font-family: "Roboto Condensed";
font-size: 15px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
}
.filter_holder ul li:not(.filter_title) span {
color: #333333;
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
}
.blog_holder.masonry  .post_text {position:absolute; bottom:10px; left:20px}
.blog_holder.masonry article .post_info,
.latest_post_text .latest_post_categories a,
.latest_post_text .post_info_section a,
.post_text .category ul li a { border-bottom: 1px solid #f18700;
color: #ffffff;
display: inline;
font-family: "Crimson Text";
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0 0 5px;
}
.post_text .category ul {
display: block !important;
margin-top: -7px;
}
.blog_holder.masonry article:not(.format-quote):not(.format-link) h4, .blog_holder.masonry_full_width article:not(.format-quote):not(.format-link) h4, .latest_post_holder .latest_post_title, .blog_holder.masonry article h4,
article {
height:auto;
}
article {
min-height: 318px;
}
.blog_holder.masonry .post_text {
position: absolute;
left: 20px;
}
.blog_holder.masonry  .category-zahl-des-tages .post_text {
left: 0;
}
.latest_post_text h4{
font-family: "Roboto Condensed",sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 700;
letter-spacing: 0;
line-height:22px;
margin: 0;
text-transform: none;
margin:0
}
.load_more a, .blog_load_more_button a {
background-color: #ffffff;
border: 1px solid #333333;
color: #333333;
font-family: inherit;
font-size: 15px;
font-style: italic;
font-weight: 800;
letter-spacing: 0;
text-transform: none;
}
.load_more a:hover, .blog_load_more_button a:hover {
color: #F18700;
}
.load_more a::before, .blog_load_more_button a::before {
content: "\"";
display:inline-block;
color:#333333;
padding-right:15px;
font-family: "ElegantIcons";
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 1;
text-transform: none;
}
.load_more a:hover::before, .blog_load_more_button a:hover::before {
color:#F18700;
} .latest_post_holder.boxes > ul > li .latest_post {
background-color: rgba(0, 0, 0, 0);
padding: 15px;
position: absolute;
bottom: 10px;
} .blog_holder article:not(.format-link):not(.format-quote) .post_text .post_text_inner {
padding: 0;
}
.blog_holder article .post_info, .blog_holder article .post_info a {
color: #333333;
font-family: "Crimson Text",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 25px;
font-style:normal;
margin-bottom: 0;
}
.blog_holder.blog_single article .post_info {
margin-bottom: 0;
}
span.post_category span:first-child{display:none} .blog_single.blog_holder article .post_text .post_social {
margin: 0;
}
.blog_single .social_share_list_holder ul li i {
color: #999999;
}
.blog_holder article .post_info > span::before {
content: "|";
}
.blog_holder article h2 {
margin: 0 0 22px;
}
.blog_holder article h2 span{ display: none;
}
.title_subtitle_holder_inner {
max-width: 700px;
}
.single .title_subtitle_holder_inner h1 { background-color: #f18700;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 34px;
font-style: italic;
font-weight: 600;
line-height: 1.3em;
padding: 0 8px;
text-transform: none;
} h2 {
color: #333333;
font-family: "Roboto Condensed";
font-size: 25px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 30px;
margin-bottom: 20px;
text-transform: none;
}
.zeile-farbe-2 h2 {
color: #ffffff;
font-style: italic;
}
h3 {
color: #333333;
font-family: "Roboto Condensed";
font-size: 22px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 5px;
text-transform: none;
} aside.sidebar .widget {
margin: 0 0 40px;
}
aside.sidebar .widget h4 { background-color: #f18700;
color: #ffffff;
display: table;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.3em;
margin-bottom: 10px;
padding: 0 8px;
text-transform: uppercase;
}
aside.sidebar .widget a {
color: #333333;
}
aside.sidebar .widget a:hover {
color: #999999;
}
aside.sidebar .widget_rotatingtweets_widget,
aside.sidebar #text-4 { background-color:#f2f2f2;
padding-top:25px;
max-height:350px;
overflow-y:scroll;
}
aside.sidebar .fts-twitter-full-width a {color:#006c9a}
aside.sidebar .widget_rotatingtweets_widget .rotatingtweets {padding:25px}
aside.sidebar #text-5 { background-color:#afca0b;
padding-top:25px;
}
aside.sidebar #text-5 .textwidget{ padding: 0 25px 5px 25px
}
aside.sidebar h2 { color: #ffffff;
font-family: "Roboto Condensed";
font-style: italic;
font-weight: 600;
letter-spacing: 0;
line-height: 30px;
text-transform: uppercase;
} ul#menu-footer_nav_1 li {
font-family: "Roboto Condensed";
font-size: 15px;
font-weight: 500;
padding: 0;
text-transform: uppercase;
}
ul#menu-footer_nav_2 {
font-family: "Roboto Condensed";
font-size: 15px;
font-weight: 300;
padding: 0;
text-transform: none;
}
footer .footer_top i.social_icon {color:#ffffff;size:25px} div#text-2, div#text-3 {text-align:right}
footer .q_social_icon_holder {
margin: 0 21px 21px 0 !important;
}
footer .q_social_icon_holder:last-child {
margin-right: 2px !important;
}
#back_to_top > span {
color: #262626;
height: 56px;
line-height: 66px;
width: 36px;
}
#back_to_top > span {
font-size: 30px;
padding-right: 2px;
} .q_tabs.horizontal.left .tabs-nav li a:first-child { color: #333333;
font-family: "Roboto Condensed";
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
line-height: 25px;
text-transform: none;
height: inherit;
background-color:transparent;
}
.q_tabs .tabs-nav {
border-bottom: 3px solid #cccccc;
width: 100%;
}
.q_tabs .tabs-nav li {
border-bottom: 0;
margin: 0;
overflow: hidden;
padding-right: 1.8em;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0.8em;
}
.q_tabs .tabs-nav li.active {
border-bottom: 3px solid #F18700;
font-weight: 600;
}
.q_tabs.horizontal.left .tabs-nav li.active a:first-child {
font-weight:600
} .fullscreen_search_holder .search_submit {
color: #666666;
}
.search .blog_holder article .post_image,
.search .blog_holder article .post_image > a,
.search .blog_holder article .post_image img {
display: none
}
.search .blog_holder article h2, .search h2 a  {
color: #F18700;
margin: 0 0 5px;
}
.search h2:hover, .search h2 a:hover {
color: #666666;
}
.search .post_content { color: #333333;
font-family: "Crimson Text",serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
@media screen and (min-width: 1280px) {
.search .blog_holder  {width:70%}
} .yarpp-thumbnails-horizontal {width:100%}
.yarpp-thumbnails-horizontal .yarpp-thumbnail::after { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: 0 none;
display: block;
float: left;
height: auto;
margin: 5px 1% 0 0;
overflow: hidden;
position: relative;
vertical-align: top;
width: 24%;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
height: auto;
margin: 0;
width: 100%;
}
.yarpp-thumbnail-default > img {
height: auto;
width: auto;
min-height: auto;
min-width: auto;
}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { bottom: 10px;
display: block;
font-size: 16px;
line-height: 1.4em;
margin: 0 10px;
position: absolute;
text-decoration: inherit;
width: 90%;
z-index: 1000;
font-family: Roboto Condensed,sans-serif;
font-style: italic;
font-weight: 700;
letter-spacing: 0;
line-height: 22px;
color:#ffffff;
text-transform: none;
}
div.yarpp-related h3{ background-color: #f18700;
color: #ffffff;
display: inline;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.3em;
padding: 0 8px;
text-transform: uppercase;
position: relative;
top: 60px;
z-index: 3000;
}
#number_of_the_day .yarpp-related{display:none } @media only screen and (max-width : 980px),
only screen and (max-device-width : 980px){
.yarpp-thumbnails-horizontal .yarpp-thumbnail {width: 49%;}
}
@media only screen and (max-width : 360px),
only screen and (max-device-width : 360px){
.yarpp-thumbnails-horizontal .yarpp-thumbnail  {width: 99%;}
div.yarpp-related h3{top:0}
}  .flexslider .flex-next, .portfolio_slider .caroufredsel-next, .full_width .section_inner .portfolio_slider .caroufredsel-next {
right: 0;
}
.flexslider .flex-prev, .portfolio_slider .caroufredsel-prev, .full_width .section_inner .portfolio_slider .caroufredsel-prev {
left: 0;
}
.flexslider, .portfolio_slider {
background-color: transparent;
}
.galerie-280 .flexslider .slides img, .galerie-280 .portfolio_slider .portfolio_slides img, .galerie-280 .qode_carousels .slides img {
display: block;
max-height: 280px;
width: auto;
height: auto;
max-width: 100%;
}
.445-breit {
width:445px !important;
max-width:445px !important;
overflow:hidden !important;
background-color:#cccccc
}
.galerie-335 .flexslider .slides img, .galerie-335.portfolio_slider .portfolio_slides img, .galerie-335.qode_carousels .slides img {
display: block;
max-height: 335px;
width: auto;
height: auto;
max-width: 100%;
}
.galerie-335x447 .flexslider .slides img, .galerie-335x447.portfolio_slider .portfolio_slides img, .galerie-335x447.qode_carousels .slides img {
display: block;
max-height: 335px;
width: auto;
height: auto;
max-width: 100%;
}
.galerie-335x447 {
width:447px;
max-width:100%;
}
.flex-direction-nav a, .caroufredsel-direction-nav a,
.qode_carousel_prev.caroufredsel-navigation-item.caroufredsel-prev,
.qode_carousel_next.caroufredsel-next.caroufredsel-navigation-item {
background-color: transparent;
color: #f18700;
font-size: 60px;
height: 60px;
line-height: 60px;
width: 60px;
}
.flex-direction-nav a:active, .flex-direction-nav a:focus, .flex-direction-nav a:hover,
.flexslider:hover .flex-direction-nav a:hover,
a.qode_carousel_prev.caroufredsel-navigation-item.caroufredsel-prev:hover,
a.qode_carousel_next.caroufredsel-next.caroufredsel-navigation-item:hover{
background-color: transparent;
color: #333333;
} .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev, .full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev{left:0}
.qode_carousels .caroufredsel-direction-nav .qode_carousel_next, .full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {right:6px}  nav.mobile_menu ul li a, nav.mobile_menu ul li h4 {
color: #333333;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
}
nav.mobile_menu ul li li a, nav.mobile_menu ul li li h4 {
text-transform: none;
} @media all and (max-width: 980px)  {
header .q_logo img.sticky { display:block !important;
opacity: 1;
}
header .q_logo img.normal {
opacity: 0 !important;
display:none
}
.start-twitter {
max-height: 235px;
} .height-335-transp {max-height:235px; height:235px; min-height:235px}
.teaser-stories-text {
top: 65px;
}
.height-280-blue h2, .height-280-green h2 {
font-size: 22px !important;
}
.height-280-green h2 {
padding-top: 10px;
}
@media screen and (min-width: 460px) and (max-width:767px)  {
.teaser-zahl-des-tages  .vc_column-inner {
margin-top: 35px;
padding-left: 0;
padding-right: 0;
}
.height-280-green {
margin-left: 0;
margin-top: 55px;
max-width: 100%;
}
.height-280-green h2 {
padding-left: 15px;
}
.height-280-green .qbutton   {
margin-left: 15px;
}
} } @media screen and (max-width: 460px)  {
.carousel-indicators { bottom: 5px;
}
.carousel-inner h2.q_slide_title,
.title_holder .subtitle  { font-size: 28px;
}
#qode-aktuelles-blog .carousel-inner h2.q_slide_title { font-size: 25px;
}
h3.q_slide_subtitle,
.title h1{ font-size:15px
}
.carousel .carousel-inner h3 span { font-size: 1em;
line-height: 1.3em;
}
.single .title_subtitle_holder_inner h1 { font-size: 20px;
}
.single .title_subtitle_holder_inner h1::before {
font-size: 15px;
margin-bottom: 1px;
padding: 0 3px;
}
.height-280-grey, .height-280-blue  { margin-bottom: 25px;
}
.height-280-green {
margin-left: auto;
max-height: 300px;
max-width: 100%;
padding-top: 20px;
margin-top: 20px;
width: 100%;
}
.wpb_content_element.wpb_single_image img {
margin-top: 25px;
}
.zitat-farbe-1 {
margin-top:25px
}
.zitat-farbe-2 {
margin-bottom:25px !important
}
.zitat-farbe-1 p, .zitat-farbe-1 p:last-child {
margin-bottom: 0;
margin-left: 0;
padding-left: 15px;
width: 100%;
}
.zitat-farbe-2 p, .zitat-farbe-2 p:last-child {
margin-left: 0;
padding-left: 15px;
width: 100%;
}
.zeile-downloads {
margin-top: 30px;
}
.kontaktdaten {
float:left;
width:65%
}
.kontaktdaten {
float:left;
width:65%
}
.kontaktdaten p,.kontaktdaten p:last-child{
overflow-wrap: break-word;
}
.portrait {
float: left;
width: 35%;
}
.portrait .wpb_content_element.wpb_single_image img {
margin-top: 0;
}
.filter_holder ul li { float: none;
display:inline
}
.filter_holder ul li.filter_title {
text-align: center;
display:block;
} .footer_top, .footer_top.footer_top_full {
padding-bottom: 0;
}
.two_columns_50_50  .column1,
.two_columns_50_50  .column2 {
float: left;
margin:0
}
.two_columns_50_50  .column1 {
width: 40%;
}
.two_columns_50_50  .column2 {
width: 60%;
}
.two_columns_50_50  .column1 .qode_column.column1,
.two_columns_50_50  .column2 .qode_column.column2
{clear:both; width:100%; margin: 0 0 5px;}
ul#menu-footer_nav_1 li,
ul#menu-footer_nav_2 {
font-size: 13px;
}
footer .q_social_icon_holder {
margin: 0 17px 0 0 !important;
}
}    .gm-style .gm-style-iw {
font-weight: 300;
font-size: 16px;
font-family: crimson text;
}
.geotags_link {
font-family: roboto condensed;
font-size: 18px;
font-style: italic;
font-weight: 600;
margin-bottom: 15px;
}
.post_body .wpgmp_map img, .wpgmp_featured_image {
max-width: 180px;
}
.wpgmp_meta_data {
margin-top: 20px;
}
.post_body p {
max-width: 85%;
}  .content .content_inner > .full_width > .full_width_inner {
padding-top: 0px !important;
} .pre _title {
display: block;
background-color: #f18700;
padding: 2px 10px;
width: 12%;
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 2px;
} .form_captcha {
margin-bottom: 25px;
}
.form_radio {
margin-bottom: 25px;
}
.form_radio span{
font-size: 16px;
padding-right: 10px;
padding-bottom: 10px;
color: #8d8d8d;
}
@media only screen and (min-width: 700px) {
.wpcf7-form .form_fields p {
width: 44%;
display: inline-block;
}
.wpcf7-form .form_fields p:nth-child(odd) {
padding-right: 5%;
}
.wpcf7-form .form_fields p:nth-child(even) {
padding-left: 5%;
}
}
input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz {
font-size: 16px;
line-height: 20px;
color: #111;
font-family: "Roboto Condensed";
border-bottom: 1px solid #999;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
position: relative;
top: -1px;
}
.form_button {
margin-bottom: 50px;
} .caption {
float: right;
margin-top: 5px;
font-size: 12px;
} .social_share_list_holder {
display: inline-block;
}
.additional_social {
display: inline-block;
margin-bottom: -24px;
}
.additional_social .q_social_icon_holder {
margin: 0px 0 -10px 0 !important;
}
.additional_social ul {
list-style-type: none;
display: inline-block;
list-style: none;
}
.additional_social ul li{
display: inline-block;
margin: 10px 12px 0 0;
vertical-align: middle;
}
.additional_social .q_social_icon_holder.normal_social .simple_social, .q_social_icon_holder.normal_social.with_link .simple_social{
color: #999999;
}
.additional_social_link:hover{
color: #999999 !important;
} .mobile_menu_button {
float: right;
margin: 0px;
}
.mobile_menu_button span {
font-size: 25px;
}
.fullscreen_search_holder .fullscreen_search_close {
top: 8%;
right: 3%;
}
.side_menu_button .search_button {
display: none;
}
@media only screen and (max-width: 1000px) {
.left .inner, .right .inner {
display: none;
}
.logo_wrapper {
height: 50px;
left: -5%;
}
.q_logo a {
left: 0%;
}
}
@media only screen and (max-width: 360px) {
.logo_wrapper {
left: -12%;
}
} .boxes_image:after {
position: absolute;
content:"";
height:100%;
width:100%;
top:0;
left:0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);
}
.latest_post_text .latest_post_categories a, .latest_post_text .post_info_section a {
border-bottom: none;
}
.latest_post_holder > ul {
min-height: 200px;
}
.latest_post_holder.boxes .boxes_image {
overflow: visible;
}
.latest_post_holder.boxes .boxes_image a img {
display: block;
}
.latest_post_text .latest_post_categories a:after {
content: "";
display: block;
width: 20px;
height: 2px;
background-color: #f18700;
margin-bottom: 5px;
}
.quote-frontpage {
background-color: #006c99;
padding: 40px 20px;
text-align: center;
}
.quote-frontpage .inner {
position: relative;
}
.quote-frontpage .inner h3{
color: #fff;
font-size: 96px;
font-style: italic;
line-height: 1.1 em;
margin: 30px;
}
.quote-frontpage .inner h4{
color: #fff;
font-size: 17px;
padding: 10px;
line-height: 1.4em;
font-style: normal;
}
.quote-frontpage .inner p{
color: #fff;
font-size: 16px;
line-height: 18px;
padding: 0px 20px;
text-align: center;
font-style: normal;
}
.number-holder p {
margin-bottom: 0px;
} .portfolio_jg_image_link:after {
position: absolute;
content:"";
height:100%;
width:100%;
top:0;
left:0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);
}  nav.main_menu {
margin-top: 20px;
}
nav.main_menu > ul > li > a {
line-height: 50px;
padding: 0px 16px;
}
.header-widget {
z-index: 1000;
} header.sticky .header_bottom .q_logo img {
padding-top: 13px; }
.sticky nav.main_menu {
margin-top: 0px;
margin-right: 1.2%;
}
header.sticky .header_bottom nav.main_menu > ul > li > a {
font-size: 17px;
}
header.sticky .header_bottom nav.main_menu > ul > li > a:hover {
color: #f68b1e;
}
.sticky nav.main_menu > ul > li.active > a span {
color: #333;
}
li.narrow .second .inner ul {
padding: 10px 0 10px;
}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h4 {
font-size: 16px;
color: #333333;
line-height: 25px;
} .quote-container {
text-align: center;
}
.blog_holder .quote-container .post_text {
left: 0px;
top: 0px;
}
.blog_holder.masonry article.format-quote .post_text_inner h3{
font-size: 70px;
font-style: italic;
color: #fff;
line-height: 1;
}
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_title h3 a{
color: #000;
}
.blog_holder article.format-quote .post_text .post_text_inner:hover .quote_author {
color: #fff;
}
.blog_holder.masonry article.format-quote .post_text_inner .quote_author {
font-size: 16px;
line-height: 1.1em;
}
.quote-container .post_info p{
font-size: 13px;
line-height: 16px;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.quote-container .post_text .post_text_inner .quote_author {
text-transform: uppercase;
color: #fff;
}
.category ul {
display: inline;
}
.category ul li {
display: inline;
list-style-type: none;
} .blog_holder.masonry article.format-quote .post_text_inner .quote_author {
color: #fff;
}
.blog_holder.masonry article.format-quote .post_text .post_text_inner {
padding: 10px 15px 0px;
height: 264px;
margin: 0;
} .page-template-blog-masonry article {
background-color:#eaeaea; height:230px; max-height:230px; overflow:hidden
}
.blog_holder.masonry article .post_image {
width: 100%;
height: 100%;
}
.blog_holder article .post_image img {
display: initial;
max-width: none;
}
.post_image:after {
position: absolute;
content:"";
height:100%;
width:100%;
top:0;
left:0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.4) 55%,rgba(0,0,0,0.7) 75%,rgba(0,0,0,1) 92%);
}
.blog_holder article .post_image>a {
overflow: hidden;
height: 100%;
}
.blog_holder article .post_info>span:before {
display: none;
}
.blog_holder.masonry article .post_info{
border-bottom: none;
}
.masonry .post_text .category ul li a{
border-bottom: none;
line-height: 10px;
}
.masonry .post_text .category ul li a:after {
content: "";
display: block;
width: 20px;
height: 2px;
background-color: #f18700;
margin-bottom: 5px;
} .portfolio_social {
margin-bottom: 25px;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 190px;
height: 190px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 190px;
height: 190px;
}
.category-zahl-des-tages {
height: 200px;
} @media (min-width: 1000px) {
.blog_holder.masonry article { }
}
@media (min-width: 1200px) {
.category-zahl-des-tages .post_text_inner {
height: 206px;
}
.category-zahl-des-tages {
height: auto;
}
.blog_holder.masonry article.format-quote .post_text .post_text_inner {
padding: 10px 15px 0px;
height: 305px;
}
}
.juicer-feed .j-paginate {
border: 2px solid #fff !important;
color: #ffffff !important;
}