/*
Theme Name: masterframe SEO
Theme URI: https://www.masterframe.de/
Template: elegant-pink  
Author: masterframe GmbH
Author URI: https://www.masterframe.de/
Description: Suchmaschinen optimiertes One-Page-Template.
Version: 1.0.0
Requires PHP: 7.2
Tested up to: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root{
    --primary-color:#ea3c53;
    --primary-font: 'Nunito Sans', sans-serif;
    --secondary-font: 'EB Garamond', serif;
}

.site{
    background: #FBFBFA;
}

body,
button,
input,
select,
textarea {
    font-family: var(--primary-font);
    font-size: 18px;
    line-height: 1.650em;
}

a{
    color: var(--primary-color);
}

a:hover,
a:focus{
    color: var(--primary-color);
}

.site-header .social-networks li a:hover,
.site-header .social-networks li a:focus{
    color: var(--primary-color);
}

.main-navigation ul li a{
    border-top: 1px solid transparent;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a,
.main-navigation ul li:focus > a,
.main-navigation ul .current_page_item > a,
.main-navigation ul .current_page_ancestor > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul .current-menu-ancestor > a{
    border-top-color: var(--primary-color);
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li:focus > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-menu-ancestor > a,
.main-navigation ul ul .current_page_item > a{
    color: var(--primary-color);
}

.slideshow .banner-text .category{
    font-size: 12px;
    line-height: 1.250em;
    font-family: var(--primary-font);
    margin: 0 0 10px;
}

.slideshow .banner-text .category a{
    background: var(--primary-color);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 100px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.slideshow .banner-text .category a:hover,
.slideshow .banner-text .category a:focus{
    text-decoration: none;
    background: #000;
}

.slideshow .banner-text .title{
    font-weight: 400;
    font-family: var(--secondary-font);
    text-transform: none;
}

.slideshow .banner-text .btn-readmore{
    font-family: var(--primary-font);
    background: var(--primary-color);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.slideshow .banner-text .btn-readmore:hover,
.slideshow .banner-text .btn-readmore:focus{
    background: #000;
}

.post .entry-meta,
.page .entry-meta{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#primary .post,
#primary .latest_post{
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
}

#primary .post:hover,
#primary .post:focus,
#primary .latest_post:hover,
#primary .latest_post:focus{
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
}

#primary .post .text-holder,
#primary .latest_post .text-holder{
    text-align: left;
    padding: 30px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
}

#primary .post:hover .text-holder,
#primary .post:focus .text-holder,
#primary .latest_post:hover .text-holder,
#primary .latest_post:focus .text-holder{
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

#primary .post .text-holder .category,
#primary .latest_post .text-holder .category{
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 1.250em;
    font-family: var(--primary-font);
}

#primary .post .text-holder .category a,
#primary .latest_post .text-holder .category a{
    background: var(--primary-color);
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 15px;
    display: inline-block;
    border-radius: 100px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .text-holder .category a:hover,
#primary .post .text-holder .category a:focus,
#primary .latest_post .text-holder .category a:hover,
#primary .latest_post .text-holder .category a:focus{
    text-decoration: none;
    background: #000;
}

#primary .post .text-holder .entry-header,
#primary .latest_post .text-holder .entry-header{
    padding: 0;
    margin: 0 0 10px;
}

#primary .post .text-holder .entry-header:after,
#primary .latest_post .text-holder .entry-header:after{
    display: none;
}

#primary .post .text-holder .entry-title,
#primary .latest_post .text-holder .entry-title{
    font-family: var(--secondary-font);
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
    line-height: 1.250em;
}

.single #primary .post .text-holder .entry-title,
#primary .page .text-holder .entry-title{
    font-size: 36px;
}

#primary .post .text-holder .entry-title a,
#primary .latest_post .text-holder .entry-title a{
    color: #1b1b1b;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .text-holder .entry-title a:hover,
#primary .post .text-holder .entry-title a:focus,
#primary .latest_post .text-holder .entry-title a:hover,
#primary .latest_post .text-holder .entry-title a:focus{
    color: var(--primary-color);
    text-decoration: none;
}

#primary .post .text-holder .btn-readmore,
#primary .latest_post .text-holder .btn-readmore{
    padding: 0 35px 0 0;
    line-height: 1.250em;
    background: none;
    color: var(--primary-color);
    position: relative;
    /*font-weight: 400;*/
}

#primary .post .text-holder .btn-readmore:after,
#primary .latest_post .text-holder .btn-readmore:after{
    content: "";
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="30" height="10" viewBox="0 0 30 10"><g id="arrow" transform="translate(-10)"><path fill="%23ea3c53" d="M24.5,44.974H46.613L44.866,40.5a34.908,34.908,0,0,0,9.634,5,34.908,34.908,0,0,0-9.634,5l1.746-4.474H24.5Z" transform="translate(-14.5 -40.5)"></path></g></svg>');
    background-repeat: no-repeat;
    width: 35px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -10px;
    opacity: 1;
    border: none;
    transition: ease 0.2s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#primary .post .text-holder .btn-readmore:hover:after,
#primary .post .text-holder .btn-readmore:focus:after,
#primary .latest_post .text-holder .btn-readmore:hover:after,
#primary .latest_post .text-holder .btn-readmore:focus:after{
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    transform: translate(10px,-50%);
}

#primary .post .entry-content,
#primary .page .entry-content{
    margin-top: 0;
}

#load-posts a{
    background: var(--primary-color);
    border-radius: 100px;
}

#load-posts a:hover,
#load-posts a:focus{
    background: #000;
}

.archive-title,
.search .page-header .page-title{
    font-weight: 400;
    text-transform: none;
    font-family: var(--secondary-font);
}

.error-holder h1{
    font-family: var(--secondary-font);
    color: var(--primary-color);
}

/*==================================
 Instagram-section style
 ==================================*/
.instagram-section {
    background: #fff;
    padding: 107px 0 0;
    position: relative;
}

.instagram-section .profile-link {
    font-size: 1.111em;
    line-height: 1.300em;
    text-align: center;
    margin: 0 0 30px;
    font-weight: 700;
    color: #000;
    position: absolute;
    top: 48px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.instagram-section .profile-link:hover,
.instagram-section .profile-link:focus {
    color: var(--primary-color);
    text-decoration: none;
}

.instagram-section .profile-link span.insta-icon {
    margin-right: 10px;
    display: inline-block;
}

.instagram-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.instagram-section ul li {
    float: left;
    width: 16.6667%;
    position: relative;
}

.instagram-section ul.photos-1 li{
    width: 100%;
}

.instagram-section ul.photos-2 li{
    width: 50%;
}

.instagram-section ul.photos-3 li{
    width: 33.333%;
}

.instagram-section ul.photos-4 li{
    width: 25%;
}

.instagram-section ul.photos-5 li{
    width: 20%;
}

.instagram-section ul li a {
    display: block;
}

.instagram-section ul li img {
    vertical-align: top;
    width: 100%;
    /*height: 320px;*/
    object-fit: cover;
}

.instagram-section ul li .instagram-meta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.instagram-section ul li .instagram-meta .like,
.instagram-section ul li .instagram-meta .comment{
    margin: 0 5px;
}

.instagram-section ul li:hover .instagram-meta,
.instagram-section ul li:focus .instagram-meta {
    opacity: 1;
}

.blossomthemes-email-newsletter-wrapper{
    padding: 80px 0;
}

.blossomthemes-email-newsletter-wrapper .text-holder{
    background: inherit;
    padding: 0 15px;
    max-width: 795px;
    width: 100%;
    margin: 0 auto 40px;
    text-align: center; 
}

.blossomthemes-email-newsletter-wrapper .text-holder h3{
    font-size: 40px;
    line-height: 1.25em;
    font-weight: 400;
    margin: 0 0 15px;
    font-family: var(--secondary-font);
}

.blossomthemes-email-newsletter-wrapper .text-holder span{
    color: rgba(0, 0, 0, 0.7);
}

.blossomthemes-email-newsletter-wrapper form{
    max-width: 795px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 1.250em;
}

.blossomthemes-email-newsletter-wrapper form label{
    position: absolute;
    bottom: 0;
    left: 0;
}

.blossomthemes-email-newsletter-wrapper form input[type="text"],
.blossomthemes-email-newsletter-wrapper form input[type="email"]{
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 20px 0 0;
}

.blossomthemes-email-newsletter-wrapper form input[type="submit"]{
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: var(--primary-color);
    cursor: pointer;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover,
.blossomthemes-email-newsletter-wrapper form input[type="submit"]:focus{
    background: #000;
}

.blossomthemes-email-newsletter-wrapper form label .check-mark{
    border-color: #000;
}

#secondary .widget .widget-title{
    font-family: var(--primary-font);
    color: #474747;
}

.widget ul{
    font-family: var(--primary-font);
    font-size: 16px;
}

.widget ul li a{
    color: #474747;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.widget ul li a:hover,
.widget ul li a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.widget .blossomthemes-email-newsletter-wrapper{
    padding: 30px;
}

.widget .blossomthemes-email-newsletter-wrapper .text-holder{
    margin-bottom: 25px;
    border-bottom: 0;
}

.widget .blossomthemes-email-newsletter-wrapper .text-holder h3{
    font-size: 25px;
    padding: 0;
}

.widget .blossomthemes-email-newsletter-wrapper .text-holder span{
    font-size: 15px;
}

.widget .blossomthemes-email-newsletter-wrapper form{
    flex-direction: column;
}

.widget .blossomthemes-email-newsletter-wrapper form input[type="text"],
.widget .blossomthemes-email-newsletter-wrapper form input[type="email"]{
    flex-basis: inherit;
    flex-grow: inherit;
    margin: 0 0 20px;
    width: 100%;
}

#secondary .widget_btif_instagram_widget ul li{
    width: 33.33% !important;
    height: 90px;
}

#secondary .widget_btif_instagram_widget ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget_media_gallery .gallery{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.widget_media_gallery .gallery .gallery-item{
    margin: 0 0 4px;
    padding: 0 2px;
    width: 33.333% !important;
}

.widget_media_gallery .gallery .gallery-item img{
    vertical-align: top;
    width: 100%;
    height: 90px;
    object-fit: cover;
}

.widget_elegant_pink_featured_post .readmore:hover,
.widget_elegant_pink_featured_post .readmore:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.widget.widget_elegant_pink_recent_post .entry-header .entry-title,
.widget.widget_elegant_pink_popular_post .entry-header .entry-title{
    padding: 0;
    font-family: var(--primary-font);
}

.widget.widget_elegant_pink_recent_post .entry-header .entry-title a:hover,
.widget.widget_elegant_pink_popular_post .entry-header .entry-title a:hover,
.widget.widget_elegant_pink_recent_post .entry-header .entry-title a:focus,
.widget.widget_elegant_pink_popular_post .entry-header .entry-title a:focus{
    color: var(--primary-color);
}

#secondary .widget_elegant_pink_social_links ul li a:hover,
#secondary .widget_elegant_pink_social_links ul li a:focus{
    background: var(--primary-color);
}

.site-footer .widget .widget-title{
    font-family: var(--primary-font);
    color: #474747;
    font-size: 17px;
    line-height: 22px;
}

.site-footer .widget_btif_instagram_widget ul li{
    width: 33.33% !important;
    height: 90px;
}

.site-footer .widget_btif_instagram_widget ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-footer .widget_elegant_pink_social_links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 16px;
    line-height: 31px;
}

.site-footer .widget_elegant_pink_social_links ul li {
    float: left;
    margin-right: 3px;
    border-bottom: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
}

.site-footer .widget_elegant_pink_social_links ul li a {
    display: block;
    width: 31px;
    height: 31px;
    -webkit-border-radius: 100px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #1b1b1b;
}

.site-footer .widget_elegant_pink_social_links ul li a:hover,
.site-footer .widget_elegant_pink_social_links ul li a:focus{
    text-decoration: none;
    background: var(--primary-color);
}

.site-footer .site-info{
    margin: 40px 0;
}

.page #primary .page:hover,
.page #primary .page:focus,
.single #primary .post:hover,
.single #primary .post:focus{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.page #primary .page:hover .text-holder,
.page #primary .page:focus .text-holder,
.single #primary .post:hover .text-holder,
.single #primary .post:focus .text-holder{
    box-shadow: none;
}

.comment-form input[type="submit"]{
    font-family: var(--primary-font);
    background: var(--primary-color);
}

.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus{
    background: #000;
}

.post-navigation a{
    color: var(--primary-color);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
    font-family: var(--primary-font);
}

.comment-list .comment-author .fn{
    font-family: var(--primary-font);
    color: var(--primary-color);
}

.comment-list .commentmetadata a:hover,
.comment-list .commentmetadata a:focus{
    color: var(--primary-color);
}
.widget_calendar table a,
.widget_calendar .wp-calendar-nav a{
    background: var(--primary-color);
}

@media only screen and (max-width: 1024px){
    .mobile-main-navigation ul li a:hover,
    .mobile-main-navigation ul li a:focus,
    .mobile-main-navigation ul li:hover > a,
    .mobile-main-navigation ul li:focus > a,
    .mobile-main-navigation ul .current-menu-item > a,
    .mobile-main-navigation ul .current-menu-ancestor > a,
    .mobile-main-navigation ul .current_page_item > a,
    .mobile-main-navigation ul .current_page_ancestor > a{
        color: var(--primary-color);
    }

    .mobile-menu .social-networks li a{
        border-color: var(--primary-color);
    }

    .mobile-menu .social-networks li a:hover,
    .mobile-menu .social-networks li a:focus{
        background: var(--primary-color);
    }
}

@media only screen and (max-width: 767px){
    .instagram-section ul li{
        width: 50% !important;
    }

    .instagram-section ul li img{
        height: inherit;
    }

    .slideshow .owl-theme .owl-nav .owl-next{
        top: 20%;
        right: 10px;
    }

    .slideshow .owl-theme .owl-nav .owl-prev{
        top: 20%;
        left: 10px;
    }
}





/* masterframe */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;900&display=swap');


body{
  font-size: 14px;
  line-height: 1.650em;
}

html, body, body.page, .wf-container > * {
    font: normal 300 15px / 27px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 300;
    font-stretch: normal;
    font-size: 15px;
    line-height: 27px;
    font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #666666;
}

body,
html,
a,
p,
div,
td,
span{
	
  	font-family: 'Roboto', sans-serif;
 
}
.site-header .site-branding .site-title{
  font-weight: 300;
    letter-spacing: 0.03em;
    font-size: 5em;
    line-height: 80px;
    margin: 0 0 20px 0;
  
}
h1, h2, h3, h4, h5, h6{
  font-style: normal;
    font-weight: 300;
  margin:2em 0 1em 0;
}
h2{
    font-size: 44px;
    line-height: 54px;
}
h2.h2start{
  margin:0 0 1em 0;
}

.site-header .site-branding{
  text-align:left;
}

.site {
    background: #fff;
}

div.header-t{
	display:none;
}
#masthead{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  z-index:3;
}
.nav{
  border-top:0px solid #fff;
  position: fixed;
    width: 100%;
    background: #fff;
    z-index: 3;
  top:120px;
}
#menuspalte{
  position:fixed;
}
#websitecontent{
  margin:0 0 0 20%;
}
#content {
    padding: 180px 0 63px;
  border-bottom: 0px solid #ededed;
}

#menuspalte ul{
  list-style:none;
  padding:0;
  margin: 33px 0 0 0;
}
#menuspalte ul li{
  max-width:200px;
  line-height:1em;
  padding: 0 0 20px 0;
}

#menuspalte ul li a{
  font-weight:300;
  line-height: 1.2em;
  color: #818181;
}
.main-navigation ul{
  text-transform:initial;
  font-weight:300;
}
.main-navigation ul li a, 
.main-navigation ul .current_page_item a, 
.main-navigation ul li>a{
  	border-top: 0px solid #fff;
  	padding: 0;
  	border-bottom: 1px solid #fff;
  margin:0 30px;
}

.main-navigation ul li a:hover, 
.main-navigation ul .current_page_item a, 
.main-navigation ul li:hover>a{
  	border-top: 0px solid #fff;
  	border-bottom: 1px solid #868278;
}

.widget ul.footer_ul{
  list-style-type:disc;
  margin:0 0 0 50px;
}
.widget ul li{
  border-bottom: 0px solid #f4f2f3;
    padding-bottom: 0px;
    margin-bottom: 0px;
  margin:0 30px 0 20px;
  float:left;
  color: #dbdbdb;
  font-size:0.8em;
}
.widget ul li:last-child {
  margin:0 0 0 20px;
}

.widget ul li:hover{
  color: #a0a0a0;
}

.site-footer .site-info{
  text-align:left;
  padding:0 0 0 35px;
}
div.site-info span,
.site-footer .site-info a,
.widget ul li a {
  color: #cccccc;
}
.site-footer .site-info a:hover,
.widget ul li a:hover {
  color: #a0a0a0;
}
.site-footer .site-info span{
  border-left: 1px solid #cccccc;
}

div#page > div.container:last-child {
  background:#fcfafb;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
}
footer.site-footer > div.row{
  margin-left:0;
  margin-right:0;
}


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

  .elementor-element-populated{
    margin:0 !important;
  }
  .gallery-item{
    padding:0 0 20px 0 !important;
  }
  .gallery {
      margin: 0 !important;
  }

  
}