/*
* Custom CSS
* Place here your custom CSS. This will keep your custom css when there is a theme update.
*
*/
body, html{
font-size: 15px;
font-weight: normal;
}
.breadcrumb{
float: left;
width: 52%;
background: none;
padding: 0;
border-radius: 0;
color: #FFF;
margin-bottom: 0;
margin-top: 10px;
padding-left: 16px;
}
.breadcrumb .pfeil:after {
content: "";
background-image: url(images/pfeil-rechts_neg.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
display: inline-block;
position:relative;
width: 0.7em;
height: 0.9em;
top: 1px;
}
span.control_play{
display: inline-block !important;
}
.vjs-default-skin .vjs-big-play-button{
display: none !important;
}
#header .mobile_menu{
width: 8%;
margin-right: 4%;
}
#header .title-area.navbar-brand{
width: 81%;
}
.navbar .zp_search_extras + .title-area.navbar-brand{
width: 92%;
}
h3{
font-size: 1.2rem;
line-height: 1.3em;
}
h1, h2{
font-size: 1.75rem;
font-family: 'opensanssemibold';
line-height: 1.3em;
}
main h1, main h2, main h3, main h4{
color: #000;
}
main h4{
color: #005BAA;
}
h4{
font-size: 1.2rem;
line-height: 1.3em;
}
h5{
font-size: 1rem;
margin-top: 1em;
margin-bottom: 0.5em;
line-height: 1.3em;
font-family: 'opensanssemibold';
color: #000;
}
.content h3, .content h4{
margin-top: 0.6em;
margin-bottom: 0.3em;
}
section h1{
margin-left: auto;
margin-right: auto;
/*padding-left: 15px;
padding-right: 15px;*/
}
section > h1{
/*padding: 0 15px;*/
}
.archive h2{
display: none;
}
.post-type-heading h3{
color: hsl(216, 2%, 52%);
}
.info_image_section h2{
color: hsl(216, 2%, 52%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.zitat{
font-weight: bold;
}
.menu-item a span{
text-transform: uppercase;
}
.menu-item .menu-item a span{
text-transform: none;
}
.fa-search:before{
content: "";
background: url(images/suchen_m.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 1.8em;
height: 1.8em;
}
#header.navbar.navbar-fixed-top{
background: #002c53; /* Old browsers */
background: -moz-linear-gradient(left, #002c53 0%, #005baa 50%, #002c53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #002c53 0%,#005baa 50%,#002c53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #002c53 0%,#005baa 50%,#002c53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c53', endColorstr='#002c53',GradientType=1 ); /* IE6-9 */
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li{
clear:both;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li a{
letter-spacing: 0em;
line-height: 1em;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu li a{
text-align: left;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu li a{
padding: 10px 30px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary>li>a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary>li>a{
font-size: 1.4rem;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li.menu-item-home a::before,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li.menu-item-home a::before{
content: '';
width: 25px;
height: 25px;
display: inline-block;
background-image: url(/wp-content/themes/vanish/images/haus.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: 0%;
margin-top: -50%;
margin-right: 15px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu>li>a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu>li>a {
font-size: 1rem;
line-height: 1.3em;
text-align: left;
text-transform: capitalize;
padding: 0px;
margin-bottom: 7px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu>li:first-child,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu>li:first-child {
padding-top: 10px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu>li:last-child,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu>li:last-child{
padding-bottom: 10px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu{
overflow-y: unset;
}
.site-footer .container{
padding: 0 15px;
}
.footer-col{
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-col li{
padding: 0 15px;
}
.footer-col li:first-child{
padding-left: 0;
}
.footer-col li:last-child{
padding-right: 0;
}
.footer-col p{
margin-bottom: 1em;
}
.site-footer {
clear: both;
bottom: 0;
position: fixed;
width: 100%;
z-index: 1;
}
.site-footer .bottom-icons .fa{
line-height: 50px;
}
.sidebar .cat-item{
list-style-type: none;
}
.sidebar .cat-item ul{
margin-left: 2em;
}
.sidebar .widget{
margin-bottom: 0;
padding-top: 0;
}
.sidebar .widget:first-of-type{
padding-top: 20px;
}
.archive article.post{
width: auto;
padding-left: 0;
margin-bottom: 20px;
}
.archive article.post:last-of-type{
margin-bottom: 300px;
}
.content-sidebar div[style*="15px"] h1{
margin-left: -15px;
}
dl.gallery-item{
margin-bottom: 0;
}
.single-post .site-inner, .single-mitglied .site-inner {
margin-bottom: 450px;
padding-bottom: 0;
position: relative;
z-index: 2;
}
.zp_nav_wrapper.header_s,
.overlay_search_form.header_s{
top: 63px;
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
-o-transition: top 0.2s linear;
transition: top 0.2s linear;
}
.zp_nav_wrapper.header_h,
.overlay_search_form.header_h{
top: 83px;
-webkit-transition: top 0.2s linear;
-moz-transition: top 0.2s linear;
-o-transition: top 0.2s linear;
transition: top 0.2s linear;
}
.navbar-toggle{
float: inherit;
padding: 0 0;
}
.navbar-brand{
height: 33px;
}
.icon-bar-wrapper{
float: left;
margin-right: 16px;
padding-top: 9px;
color: #FFF;
position: relative;
}
.search_icon{
position: relative;
line-height: inherit;
}
.zp_search_extras i.fa.fa-search{
vertical-align: middle;
}
.icon-bar-title{
font-size: 1.2rem;
font-family: "opensans", sans-serif;
color: #FFF;
vertical-align: middle;
}
.header-image .site-header .title-area a{
background-size: cover;
text-indent: 9999px;
}
#header.navbar.navbar-fixed-top{
padding: 25px 0;
}
.caption-box h1{
display: none;
}
section div.section{
max-width: 1170px;
margin: auto;
}
.masonry_blog_item.blog_col12{
padding: 0;
}
.container-fluid{
padding-left: 0;
padding-right: 0;
}
.top.section_image{
margin-bottom: 0.5em;
}
.navbar-toggle .icon-bar-wrapper{
width: 27px;
}
.navbar-toggle .icon-bar{
width: 25px;
}
.nav_slide .navbar-toggle .icon-bar{
width: 22px;
}
.info_image_section .lead{
margin-bottom: 0;
font-size: 1em;
font-style: normal;
}
.mitglied .entry-meta{
display: none;
}
.mitglied .entry-header{
}
.mitglied #position{
font-size: 2rem;
}
.mitglied .entry-header h1{
margin: 0;
}
.column_wrapper.row{
margin-bottom: 0;
}
.column_wrapper.row, .zp_theme_slider + .section.container{
margin-top: 3em;
/*padding-bottom: 2em;*/
}
header + .column_wrapper.row{
margin-top: 0;
}
.zp_section_template .site-inner{
padding-bottom: 0.5em;
}
.masonry_blog_item h3{
height: 1.5em;
overflow: hidden;
}
.masonry_blog_item .readmore{
margin-top: 0;
}
.thumbnail{
line-height: inherit;
}
a.pfeil:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 0.6em;
height: 0.6em;
}
a.pfeil:hover:before {
background-image: url('data:image/svg+xml;utf8,');
}
.fa-angle-up:before{
content: "";
background-image: url("images/pfeil-rechts.svg");
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 0.6em;
height: 0.8em;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.fa-angle-down:before{
content: "";
background-image: url("images/pfeil-rechts_neg.svg");
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 0.6em;
height: 0.8em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.content a.no-before:before {
content: "";
width: 0;
height: 0;
}
a[href$=".pdf"]:not(.pfeil):before{
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 1em;
height: 0.8em;
}
a[href$=".pdf"]:not(.pfeil):hover:before{
background-image: url('data:image/svg+xml;utf8,');
}
.info_image_section a[href$=".pdf"]:not(.pfeil):before, .info_image_section a[href$=".pdf"]:not(.pfeil):hover:before{
display: none;
}
.info_image_section a[href$=".pdf"]:not(.pfeil).dload:before, .info_image_section a[href$=".pdf"]:not(.pfeil).dload:hover:before{
display: inline-block;
}
.caption-box > p a{
font-size: 0.7em;
}
.zp_single_content .container{
width: inherit;
}
.single-portfolio .caption-box h1{
display: block;
font-size: 2em;
}
.single-portfolio .caption-box {
text-align: center;
margin-top: 25%;
}
.portfolio_detail a{
color: #FFF;
}
.type-mitglied .media_container:after, .mitglied .zp_slider:after {
content: "";
border: none;
margin-top: -1px;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(0deg, #fff, #c0c8c9, #fff);
margin: 0;
display: block;
}
.single .type-mitglied .media_container:after{
display: none;
}
.section_wrapper header{
padding: 0;
}
.footer .tooltip{
display: none;
}
.info_image_section:after{
margin-top: 2em;
content: "";
border: none;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(0deg, #fff, #c0c8c9, #fff);
display: block;
}
.masonry_blog_item .thumbnail:after{
margin-top: 2em;
content: "";
border: none;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(0deg, #fff, #c0c8c9, #fff);
display: block;
}
.zp_mitglied_section .masonry_blog_item .thumbnail:after{
content: none;
}
.single-portfolio .site-inner{
padding-top: 3em;
}
/* ------ Accordion ------ */
.panel-group .panel{
margin-bottom: 30px;
position: relative;
}
.panel-default > .panel-heading{
background: #0055BA;
color: #FFF;
padding: 15px;
height: 100%;
}
.panel-collapse{
position: fixed;
background-color: rgba(255,255,255,0.8);
background-color: rgba(0,46,86,0.8);
z-index: 1040;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.panel-heading .panel-lead{
font-size: 1em;
font-family: 'opensanssemibold';
color: #FFF;
margin-bottom: 1em;
}
.panel-heading .panel-title{
font-size: 2em;
/*line-height: 32px;*/
margin: 0 0 0.5em;
color: #FFF;
font-family: 'opensanssemibold';
}
.panel-collapse .panel-bef-title{
font-size: 1em;
margin: 0 0 1em;
font-family: 'opensanssemibold';
}
.panel-collapse h2{
font-size: 2em;
/*line-height: 32px;*/
margin: 0 0 0.5em;
color: #0055BA;
font-family: 'opensanssemibold';
}
.panel-heading .panel-content{
color: #FFF;
}
.panel-heading .pfeil:before{
content: "";
background-image: url("images/pfeil-rechts_neg.svg");
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 0.6em;
height: 0.6em;
margin-right: 0.5em;
}
.panel-heading .pfeil{
color: #FFF;
margin-top: 2em;
}
.panel-collapse .x-close:before{
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 0.6em;
height: 0.6em;
margin-right: 0.5em;
}
.panel-collapse .x-close:hover:before{
content: "";
background-image: url('data:image/svg+xml;utf8,');
}
.panel-collapse .x-close {
color: #0055BA;
}
.panel-collapse .x-close:hover {
color: #989898;
}
.panel-default > .panel-heading + .panel-collapse .panel-body{
border: 1px solid #0055BA;
padding: 15px;
}
.panel-collapse.in .panel-body{
padding: 15px;
max-width: 600px;
margin: auto;
background: #FFF;
/*height: 100% !important;*/
margin-top: 10%;
}
.panel-collapse .panel-body{
padding: 15px;
max-width: 600px;
margin: auto;
background: #FFF;
margin-top: 10%;
}
.shariff ul.shariff-buttons{
display: flex;
}
.shariff li:last-of-type{
margin: 5px 0 5px 5px !important;
}
.shariff-trigger img{
height: 1.2em;
width: auto;
position: relative;
top:-0.15em;
}
.shariff{
padding-top: 1em;
text-align: right;
}
.shariff-text{
display: none !important;
}
.shariff .shariff-buttons.theme-white li{
width: auto;
}
.shariff .theme-white .shariff-button a{
border: 0 none;
width: 35px;
}
.shariff-trigger{
text-transform: uppercase;
color: #0055BA;
}
.shariff{
max-height: 2.5em;
overflow: hidden;
transition: max-height 0.15s ease-out;
}
.shariff.hover{
max-height: 5em;
transition: max-height 0.25s ease-in;
}
.shariff-icon path{
fill: #005BAA;
}
.shariff .shariff-icon svg{
padding: 7px 2px;
}
.site-footer{
line-height: 1.2em;
font-size: 0.85rem;
}
.zp_theme_slider{
margin-top: 0;
}
.masonry_blog_item.blog_col12 .thumbnail:after{
display: none;
}
.masonry_blog_item.blog_col12 .caption > h4{
font-size: 1.2rem;
text-transform: uppercase;
margin: 10px 0 0 0;
color: hsl(212, 100%, 31%);
font-family: 'opensanssemibold';
}
.masonry_blog_item.blog_col12 .caption > h3{
font-size: 1.75rem;
font-family: 'opensanssemibold';
}
.masonry_blog_item.blog_col12 .caption{
height: 220px;
}
.zp_mitglied_section .masonry_blog_item.blog_col12 .caption{
height: 152px;
}
.masonry_blog_item.blog_col12 .blog_meta{
padding: 0;
font-size: 1em;
text-transform: uppercase;
color: hsl(216, 2%, 52%);
}
.masonry_blog_item.blog_col12{
margin-bottom: 0;
}
.mitglied .media_container{
margin-bottom: 1em;
}
div.blog_section:not(.zp_mitglied_section) .masonry_blog_item.blog_col12 .thumbnail .media_container{
display: none;
}
div.blog_section:not(.zp_mitglied_section) .masonry_blog_item.blog_col12:first-of-type .thumbnail .media_container{
display: block;
}
.masonry_blog_item.blog_col12 .thumbnail .caption > h4{
margin-top: 0;
}
.masonry_blog_item.blog_col12 h3{
height: auto;
max-height: 2.6em;
overflow: hidden;
}
.zp_mitglied_section .masonry_blog_item.blog_col12{
margin-bottom: 30px;
}
.mitglied-position{
font-family: 'opensanssemibold';
font-size: 1.2rem;
color: hsl(212, 100%, 31%);
margin: 0 0 10px 0;
text-transform: uppercase;
}
#career{
font-size: 1.2rem;
}
.type-post .entry-meta{
display: none;
}
.mitglieder--list-name{
font-size: 1.2rem;
margin: 0;
}
.masonry_blog_item.blog_col12 .caption > h4.mitglieder--list-pos{
font-size: 1.2rem;
margin: 0;
text-transform: uppercase;
color: hsl(212, 100%, 31%);
}
.slider-mask{
display: none;
}
.content_wrapper.container{
padding-left: 15px;
padding-right: 15px;
}
.zp_single_content.entry-content.col-md-12{
padding-left: 0;
padding-right: 0;
}
#header .mobile_menu{
width: 8%
}
#header .navbar .zp_search_extras + .title-area.navbar-brand{
margin-left: 0;
width: 85%;
}
.masonry_blog_item.blog_col12:last-of-type{
margin-bottom: 3em;
}
article.portfolio{
padding-left: 15px;
padding-right: 15px;
}
.content_wrapper > *{
/*padding-left: 15px !important;
padding-right: 15px !important;*/
}
.content_wrapper h2, .content_wrapper h3{
color: #0055BA;
}
.wpcf7-form .form-row{
}
.wpcf7-form .form-row input, .wpcf7-form .form-row input:focus, .wpcf7-form .form-row input:hover, .mc4wp-form .form-row input, .mc4wp-form .form-row input:focus, .mc4wp-form .form-row input:hover {
border: none;
border-bottom: 1px solid #00BEDF;
padding: 0 0 4px;
border-radius: unset;
}
.wpcf7-form textarea {
border: none;
border-bottom: 1px solid #00BEDF;
padding: 0 0 4px;
border-radius: unset;
}
.wpcf7-form .form-row label:hover .labeltext, .mc4wp-form label:hover .labeltext, .wpcf7-form .form-row .labeltext.open, .mc4wp-form .labeltext.open{
top: 6px;
transition: top 0.25s ease;
}
.wpcf7-form .form-row .labeltext, .mc4wp-form .labeltext {
position:absolute;
top: 35px;
z-index: 1;
display:block;
transition: top 0.25s ease;
}
.wpcf7-form span, .mc4wp-form span, .mc4wp-form label{
color: #0055BA;
margin-top: 0;
}
.wpcf7-form input[type='radio'] .wpcf7-list-item-label{
font-family: "opensanssemibold", sans-serif;
}
.blue{
color: #0055BA;
}
.wpcf7-form textarea, .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="text"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], .wpcf7-form input[type="email"], .wpcf7-form input[type="number"], .wpcf7-form input[type="datetime"]{
margin: 10px 0 10px;
}
.mc4wp-form input[type="email"]{
margin:10px 0 10px;
}
.mc4wp-form input:-webkit-autofill {
background-color: #fff !important;
}
.wpcf7-checkbox span.wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item{
display: block;
line-height: 2em;
border-color: transparent;
margin: 0;
}
.wpcf7-radio span.wpcf7-list-item input{
border-color: transparent;
}
.wpcf7-textarea{
margin: 5px 0 10px;
}
.abs{
width: 100%;
height: 1rem;
}
.wpcf7-form input[type='radio']:after, .mc4wp-form input[type='radio']:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #FFFFFF;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #00BEDF;
}
.wpcf7-form input[type='radio']:checked:after, .mc4wp-form input[type='radio']:checked:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #00BEDF;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #FFF;
}
.wpcf7-form input[type='checkbox']:after {
width: 15px;
height: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #FFF;
content: '';
display: inline-block;
visibility: visible;
border: 1px solid #00BEDF;
}
.wpcf7-form input[type='checkbox']:checked:after {
width: 15px;
height: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #00BEDF;
content: '';
display: inline-block;
visibility: visible;
}
.wpcf7-form input[type='checkbox']{
border-color: #FFF;
}
.col-xs-12-off{
display: none;
}
.mc4wp-form input[type='radio']{
border-bottom: unset;
}
.mc4wp-form input[type='radio']:checked{
border: unset;
}
.mc4wp-form input[type='radio']{
background-color: transparent;
padding: 0;
width:0;
margin-right: 23px;
}
.mc4wp-form-fields{
position: relative;
}
#cookie_action_close_header {
background-color: hsl(212, 100%, 31%) !important;
border: none;
color: #fff !important;
font-size: 1rem;;
padding: 2px 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-ms-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#cookie_action_close_header:hover,
#cookie_action_close_header:focus,
#cookie_action_close_header:active {
background-color: #009fe3 !important;
color: #000 !important;
}
.caption-box .liner{
display: none;
}
.zp_single_portfolio_image .zp_single_arrow{
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 50%;
bottom: 58px;
font-size: 1.5em;
height: 60px;
line-height: 65px;
position: fixed;
right: 50px;
text-align: center;
text-decoration: none;
width: 60px;
z-index: 999;
}
.blog_shortcode .masonry_blog_item:last-of-type{
margin-bottom: 6em;
}
.pagination{
position: absolute;
z-index: 10;
bottom: 2em;
}
.pagination ul li > span.current{
background: #0055BA;
color: #FFF;
}
.pagination ul li > a:hover{
background: #00bedf;
}
/*parolen*/
.parole--ja p{
padding-left: 11em;
background-image: url("images/parole-ja.svg");
background-position: left top;
background-repeat: no-repeat;
line-height: 1.8em;
background-size: auto 1.8em;
}
.parole--nein p{
padding-left: 11em;
background-image: url("images/parole-nein.svg");
background-position: 0.1em top;
background-repeat: no-repeat;
line-height: 1.8em;
background-size: auto 1.8em;
}
#mla_gallery-1 .gallery-icon{
display: none;
}
.gallery-caption a{
display: block;
}
/*fullcontent66*/
.fullcontent66 .site-inner > .container{
width: 100%;
padding-right:0;
padding-left:0;
}
.fullcontent66 main{
float: none;
margin: auto;
width: 100%;
}
.fullcontent66 .section_wrapper-inner > .container{
width: 100%;
padding-left: 0;
padding-right: 0;
}
/*Blog sec columns 0 */
.blog_shortcode.normalblog .caption{
height: auto !important;
}
.normalblog h3{
margin-top: 0.3em;
}
.normalblog h4{
font-size: 1.2rem;
text-transform: uppercase;
margin: 10px 0;
color: hsl(212, 100%, 31%);
font-family: 'opensanssemibold';
}
.normalblog .media_container{
margin-bottom: 1em;
}
.normalblog .masonry_blog_item .caption p{
display: inline;
}
.masonry_blog_item .readmore{
display: inline-block;
}
.fullcontent66 .section_wrapper-inner{
padding: 0 15px;
margin: auto;
}
.fullcontent66 .section_wrapper-inner header div[style]{
margin: 0 !important;
}
.abs15{
padding: 0 15px;
}
.content_wrapper + .column_wrapper.row{
margin-top: -50px;
}
@media (max-width: 479px) {
#header .breadcrumb + .title-area.navbar-brand{
width: 29%;
}
}
@media (min-width: 480px) {
#header .title-area.navbar-brand{
width: 18%;
}
#header .zp_search_extras + .title-area.navbar-brand{
width: 85%;
}
.breadcrumb{
width: 63%;
}
.masonry_blog_item.blog_col12 .caption{
height: 200px;
}
#header .mobile_menu{
margin-right: 0;
}
}
@media (min-width: 768px) {
.zp_mitglied_section .masonry_blog_item.blog_col12 .thumbnail .media_container{
width: 50%;
float: left;
display: block;
}
.zp_mitglied_section .masonry_blog_item.blog_col12:first-of-type .blog_meta{
display: block;
}
.zp_mitglied_section .masonry_blog_item.blog_col12 .thumbnail .caption{
width: 50%;
float: left;
padding: 0 0 0 30px;
}
#header .title-area.navbar-brand{
width: 18%;
}
#header .zp_search_extras + .title-area.navbar-brand{
width: 85%;
}
.masonry_blog_item.blog_col12 .caption{
height: 170px;
}
section h1{
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.column_wrapper {
padding-left: 15px;
padding-right: 15px;
}
.zp_slider .caption-box{
font-size: 9px;
}
.site-inner, .home .site-inner, .search .site-inner{
padding: 45px 0;
}
.zp_theme_slider{
margin-top: -45px;
}
#header .zp_search_extras{
line-height: 2em;
position: relative;
}
.entry-title{
line-height: inherit;
}
.search-close{
top: unset !important;
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 50%;
bottom: 58px;
cursor: pointer;
font-size: 1.5em;
height: 60px;
line-height: 60px;
position: fixed;
right: 50px;
text-align: center;
text-decoration: none;
width: 60px;
z-index: 999;
}
.search-close .navbar-toggle{
top: 8px;
left: 15px;
}
/* ------------------------------------------------------------------------------- MAX WIDTH 992 ------------------------------------------- */
@media (max-width: 992px){
span.icon-bar-title {
display:none;
}
div.icon-bar-wrapper{
height: 30px;
}
}
/* ------------------------------------------------------------------------------- MIN WIDTH 768 ------------------------------------------- */
@media (min-width: 768px){
.column_wrapper {
max-width: 750px;
margin: auto;
padding-left: 0;
padding-right: 0;
}
.fullcontent66 .section_wrapper{
float: none;
margin: auto;
max-width: 750px;
}
.fullcontent66 .section_wrapper.is_fullslider{
max-width: 100%;
}
.fullcontent66 .section_wrapper-inner{
padding: 0 15px;
margin: auto;
}
.fullcontent66 .section_wrapper-inner header div[style]{
margin: 0 !important;
}
article.post, article.mitglied{
padding-right: 15px;
padding-left: 15px;
}
.search-content article.section{
padding-right: 15px;
padding-left: 15px;
}
.zp_slider .caption-box{
font-size: 10px;
}
section div.section{
max-width: 1200px;
/*padding: 0 15px;*/
}
section .portfolio_section{
padding: 0 15px;
}
#header .mobile_menu{
width: 8%
}
.portfolio_section{
max-width: 780px !important;
}
.zp_nav_wrapper > nav.navbar-collapse{
max-width: 815px;
}
}
/* ------------------------------------------------------------------------------- MAX WIDTH 768 ------------------------------------------- */
@media (max-width: 768px){
a.hover-line>span {
white-space: nowrap;
}
article{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.content_wrapper.container{
padding-left: 0;
padding-right: 0;
}
.breadcrumb span{
display: none;
}
.breadcrumb{
text-indent: -4000px;
}
.masonry_blog_item .thumbnail .caption{
/*padding: 15px;*/
}
.archive-description, .search .post-type-heading h3{
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px){
.zp_slider .caption-box{
font-size: 15px;
}
.navbar .zp_search_extras + .title-area.navbar-brand{
/*margin-left: 67%;*/
}
}
/* ------------------------------------------------------------------------------- MIN WIDTH 992 / MAX WIDTH 1199------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px){
.column_wrapper {
max-width: 970px;
margin: auto;
}
article.mitglied, .content_wrapper > *{
width: 75%;
margin: auto !important;
}
.fullcontent66 .section_wrapper{
float: none;
margin: auto;
max-width: 970px;
}
.fullcontent66 .section_wrapper.is_fullslider{
max-width: 100%;
}
.fullcontent66 .section_wrapper-inner{
padding: 0 15px;
margin: auto;
}
.fullcontent66 .section_wrapper-inner header div[style]{
margin: 0 !important;
}
article.post{
padding-left: 15px;
padding-right: 15px;
}
.abs15{
padding: 0 15px;
}
.zp_slider .caption-box{
font-size: 15px;
}
#header .mobile_menu{
line-height: 2em;
}
#header .mobile_menu{
width: 11%
}
#header .title-area.navbar-brand{
width: 82%;
}
#header .zp_search_extras + .title-area.navbar-brand{
width: 82%;
}
.portfolio_section{
max-width: 1000px !important;
}
#schlagworte .panel-heading{
font-size: 13px;
}
}
/* ------------------------------------------------------------------------------- MIN WIDTH 1024 ------------------------------------------- */
@media (min-width: 1025px){
#header .mobile_menu{
width: 11%
}
#header .title-area.navbar-brand{
width: 15%;
}
#header .zp_search_extras + .title-area.navbar-brand{
width: 82%;
}
li.menu-item-home span{
text-indent: 9999px;
}
.zp_nav_wrapper span.indicator{
display: none !important;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li:nth-child(2),
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li:nth-child(2){
flex: 1;
border-left: none;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li{
width: 18%;
flex: 1;
flex-grow: 1;
flex-shrink: 1;
border-left: 1px solid;
padding-left: 15px;
line-height: 1.3em;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li:first-child,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li:first-child{
flex: inherit;
width: 64px;
border-left: none;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary > li.menu-item-home a::before,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary > li.menu-item-home a::before{
content: '';
width: 25px;
height: 25px;
display: inline-block;
background-image: url(/wp-content/themes/vanish/images/haus_m.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: 2%;
margin-top: -50%;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li a{
text-align: left;
letter-spacing: 0em;
line-height: 1em;
padding: 0px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary>li>a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary>li>a{
font-size: 1.3rem !important;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li > ul.sub-menu,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li > ul.sub-menu {
display: flex !important;
flex-direction: column;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu {
margin-top: 15px;
padding-left: 0px;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu>li>a,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu>li>a {
font-size: 1rem;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu li>ul.sub-menu,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu li>ul.sub-menu {
margin-top: 0px;
padding-left: 10px;
}
.zp_theme_slider{
margin-top: -45px;
}
#header .mobile_menu, .zp_search_extras{
line-height: 1.9em;
}
.masonry_blog_item.blog_col12 .caption{
height: 190px;
}
.zp_nav_wrapper > nav.navbar-collapse{
max-width: 1200px;
}
.col-xs-12-off{
display: block;
}
}
/* ------------------------------------------------------------------------------- MAX WIDTH 1024 ------------------------------------------- */
@media (max-width: 1024px){
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu li span.indicator,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu li span.indicator{
display: none;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary>li>span.indicator,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary>li>span.indicator {
position: absolute;
left: 110%;
top: -10%;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu li ul.sub-menu,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu li ul.sub-menu {
display: flex !important;
flex-flow: column nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu-secondary li>ul.sub-menu li ul.sub-menu li,
.zp_nav_wrapper > nav.navbar-collapse ul.menu-primary li>ul.sub-menu li ul.sub-menu li{
width: 80%;
flex: 1;
flex-grow: 1;
flex-shrink: 1;
padding-left: 5px;
line-height: 1.3em;
}
.zp_nav_wrapper > nav.navbar-collapse ul.menu li{
width: 60%;
}
.navbar-nav > li{
clear:both;
}
#header .title-area.navbar-brand {
/*margin: 0 auto;*/
/*width: auto;*/
}
#header .mobile_menu{
line-height: 2em;
}
}
/* ------------------------------------------------------------------------------- MIN WIDTH 1200 ------------------------------------------- */
@media (min-width: 1200px){
.column_wrapper {
max-width: 1170px;
/*max-width: 1200px;*/
margin: auto;
}
.fullcontent66 .section_wrapper{
float: none;
margin: auto;
max-width: 1140px;
}
.fullcontent66 .section_wrapper.is_fullslider{
max-width: 100%;
}
.fullcontent66 .section_wrapper-inner{
width: 66%;
margin: auto;
}
.fullcontent66 .section_wrapper-inner header div[style]{
margin: 0 !important;
}
article.mitglied .content_wrapper > *{
width: 66%;
margin: auto !important;
}
article, .zp_mitglied_section .masonry_blog_shortcode, .search-results .archive-description, .search-results .post-type-heading, .blog_section .masonry_blog_shortcode, .search-no-results .post-type-heading, .search-no-results .archive-description {
width: 66%;
margin: auto;
}
section h1{
margin-left: auto;
margin-right: auto;
}
.portfolio_section{
max-width: 1200px !important;
}
.zp_nav_wrapper span.indicator{
display: none !important;
}
}
@media (max-width: 1199px){
span.icon-bar-title{
font-size: 16px;
}
}
/* -------------------------------------------------------------------------------
--------------------------------- SUCHE ------------------------------------------
------------------------------------------------------------------------------- */
.overlay_search_form {
background-color: #00519e;
top: 75px;
}
.search-close{
top: 95px;
}
/* ---------- 5th column bootrtrap ----- */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
.search_wrap_inner{
width: 100%;
max-width:750px;
padding: 0 15px;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
.search_wrap{
max-width: 970px;
}
.search_wrap_inner{
width: 72%;
padding: 0;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
.search_wrap{
max-width: 1130px;
}
.search_wrap_inner{
width: 66%;
padding: 0;
max-width: inherit;
}
}
@media (min-width: 768px) {
.special_wahlen .col-md-3, .special_wahlen .col-sm-6{
padding: 0;
margin: 0;
}
.wahlkreise svg{
width: 55%;
height: 55%;
}
}
.special_wahlen .col-md-3 img, .special_wahlen .col-sm-6 img{
padding: 0;
margin: 0;
}
.special_wahlen .column_wrapper{
padding-left: 15px;
padding-right: 15px;
}
.bg_blau, .bg_blau .site-inner, .bg_blau .section_wrapper{
background-color: rgb(0,81,158);
}
.special_wahlen.bg_blau h1, .bg_blau .content{
color: #FFF;
}
.special_wahlen h1{
color: rgb(0,81,158);
}
.wahlkreise{
text-align: center;
}
/* Wahlen SVG Hover */
svg a path{
fill: rgb(0,81,158);
transition: .6s fill;
}
svg a:hover path{
fill: rgb(255,255,255);
}
svg a g:nth-child(2) path, svg a g:nth-child(2) rect{
fill: rgb(255,255,255);
transition: .6s fill;
}
svg a:hover g:nth-child(2) path, svg a:hover g:nth-child(2) rect{
fill: rgb(0,81,158);
}
svg a.is--active path{
fill: rgb(255,255,255);
}
svg a.is--active g:nth-child(2) path, svg a.is--active g:nth-child(2) rect{
fill: rgb(0,81,158);
}
/*Standpunkte Riehen */
.standpunkte-riehen h1{
color: #0055ba;
}
.standpunkte-riehen h2{
color: #0055ba;
font-family: "opensans", sans-serif;
margin-top: 0;
line-height: 1em;
}
.standpunkte-riehen h3{
color: #00BEDF;
margin-bottom: 0;
margin-top: 1.6em;
font-size: 1.6rem;
}
.standpunkte-riehen .content{
color: #0055ba;
}
.menu-item a[href$=".pdf"]:not(.pfeil):before{
display: none;
}