/*
Theme Name: anita
Theme URI: http://rpd.net/
Author: RpunktDESIGN - mp
Author URI: http://rpunktdesign.de/
Description: This theme was handcrafted with love for Anita Kämpf. Responsive with Bootstrap and Unyson Framework for easy content change.
Version: 1.0
*/
html, body { width:100%;  overflow-x:hidden; }
body {
    position: relative;
    color: #8A8A8A;
    font-family: 'ralewayregular', sans-serif;
    font-size: 16px;
    line-height: 160%;
}

p {margin: 20px 0;}

/*TYPOGRAPHY*/
@font-face {
    font-family: 'playfair_displaybold';
    src: url('assets/f0nts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('assets/f0nts/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('assets/f0nts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('assets/f0nts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('assets/f0nts/raleway-bold-webfont.woff2') format('woff2'),
         url('assets/f0nts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium_italic';
    src: url('assets/f0nts/raleway-mediumitalic-webfont.woff2') format('woff2'),
         url('assets/f0nts/raleway-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('assets/f0nts/raleway-regular-webfont.woff2') format('woff2'),
         url('assets/f0nts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('assets/f0nts/OpenSans/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/f0nts/OpenSans/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('assets/f0nts/OpenSans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/f0nts/OpenSans/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-600 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('assets/f0nts/OpenSans/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/f0nts/OpenSans/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('assets/f0nts/OpenSans/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/f0nts/OpenSans/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-800 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local(''),
         url('assets/f0nts/OpenSans/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/f0nts/OpenSans/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  @font-face {
    font-family: 'Open Sans Condensed';
    src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedBold.woff2') format('woff2'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: local('Open Sans Condensed Light'), local('OpenSans-CondensedLight'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedLight.woff2') format('woff2'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: local('Open Sans Condensed Light Italic'), local('OpenSans-CondensedLightItalic'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedLightItalic.woff2') format('woff2'),
        url('assets/f0nts/OpenSansCondensed/OpenSans-CondensedLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Serif';
    src: local('Droid Serif'), local('DroidSerif'),
        url('assets/f0nts/DroidSerif/DroidSerif.woff2') format('woff2'),
        url('assets/f0nts/DroidSerif/DroidSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Serif';
    src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'),
        url('assets/f0nts/DroidSerif/DroidSerif-BoldItalic.woff2') format('woff2'),
        url('assets/f0nts/DroidSerif/DroidSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Serif';
    src: local('Droid Serif Italic'), local('DroidSerif-Italic'),
        url('assets/f0nts/DroidSerif/DroidSerif-Italic.woff2') format('woff2'),
        url('assets/f0nts/DroidSerif/DroidSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Droid Serif';
    src: local('Droid Serif Bold'), local('DroidSerif-Bold'),
        url('assets/f0nts/DroidSerif/DroidSerif-Bold.woff2') format('woff2'),
        url('assets/f0nts/DroidSerif/DroidSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

b, strong {
    font-family: 'ralewaybold', sans-serif;
    font-weight: normal;
}

/* LINKS */
a {
    color: #000;
    font-size: 16px;
}

/* Headlines */

h2 {
    color: #DCC896;
    font-family: 'playfair_displayregular', serif;
    font-weight: normal;
    font-size: 60px;
    margin: 40px 0 20px 0;
}
h2:before {
    content: "";
    position: relative;
    display: block;
    height: 56px;
    width: 1px;
    background: #DCC896;
    margin-left: 50%;
    top: -20px;
}
h3 {
    color: #000;
    font-family: 'playfair_displaybold', serif;
    font-size: 36px;
    font-weight: normal;
    margin: 0 auto;
}
h4 {
    font-size: 28px;
    color: #DCC896;
    font-family: 'playfair_displayregular', serif;
    font-weight: normal;
    margin: 40px 0;
}
footer h4 {
    color: #000;
    font-size: 22px;
    margin: 10px 0;
}
h2 b, h3 b, h4 b, h5 b,
h2 strong, h3 strong, h4 strong, h5 strong {
    font-family: 'playfair_displaybold';
    font-weight: normal;
}

/* NAVIGATION */
#menu-oberes-menue li:after {
    content: "/";
    color: #000;
    font-weight: 300;
    font-size: 24px;
    display: inline-block;
}
#menu-oberes-menue li:last-child:after {content: "";padding: 0;}
#menu-oberes-menue li > a {display: inline-block;font-weight: normal; font-family: 'playfair_displayregular', serif;color: #000;font-size: 26px;}
#menu-oberes-menue li > a:hover, #menu-oberes-menue li > a:active, #menu-oberes-menue li > a:focus {
    display: inline-block;
    background: transparent;
    color: #EFE6CF;
    font-weight: normal;
}
#menu-oberes-menue li.active > a {
    color: #DCC896;
}

.navbar.bgc {
    background: rgba(255,255,255,.8)
}
/* HEADER */
#logo {
    display: block;
    width: 100%;
    max-width: 230px;
    float: right;
    position: relative;
}
#logo img {
    width: 100%;
    height: auto;
    position: absolute;
    top: -176px;
}
#logo span {
    text-indent: -5000px;
    display: block;
}

/* Wordpress GRID */
.fw-main-row  {
    padding: 20px 0;
}

/* SECTIONS */
#portfolio {
    margin-bottom: 0;
    padding-bottom: 0;
}
#portfolio .fw-col-xs-12 {padding: 0;}
#cta {margin-bottom: 40px;}
#cta .fw-container .fw-col-sm-6 {text-align: center;}
/* MISC */
.container.holder {height: 1px;}
section {margin: 0 auto;}
section[style] {
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

table {
    margin: 0 auto;
    /*color: #000;*/
}
table td {padding: 20px;font-size: 16px; line-height: 140%;}

/* Button */
.chosen-container.chosen-drop {
    position: relative;
}
body button.fs-btn {
    background: #fff;
    font-family: 'ralewayregular', sans-serif;
    font-weight: normal;
    padding: 10px 40px;
    margin: 6px;
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
}
body button.fs-btn.on {
    background: #DCC896;
}
body button.fs-btn:hover {
    background: #efe6cf;
}
body button.fs-btn.on:hover {
    background: #efe6cf;
}
body button.fs-btn:focus {outline: none;}

/* GALLERY */
.gallery {
    margin: 0 auto;
    text-align: center;
}
.gallery figure.gallery-item {
    display: inline-block;
    border: 1px solid #ddca99;
    max-width: 260px;
    max-height: 152px;
    overflow: hidden;
    margin: 12px;
}



 /*Button Left - Send*/
.fw-btn.fw-btn-1, input[type="submit"] {
    width: 100%;
    font-family: 'playfair_displayregular';
    font-weight: normal;
    max-width: 555px;
    height: 100px;
    background-color: #F8F6F1;
    font-size: 24px;
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #464646;
    line-height: 3.5;
}
.fw-btn.fw-btn-1 {margin-bottom: 10px;}
.fw-btn.fw-btn-1:hover,
.fw-btn.fw-btn-1:active,
.fw-btn.fw-btn-1:focus {
    background-color: #efe6cf;
    color: #464646;
    -webkit-box-shadow: none;
            box-shadow: none;
}

 /*Button right*/
.fw-btn.fw-btn-1.fw-btn-black {
    font-family: 'playfair_displayregular';
    font-weight: normal;
    background-color: #EFE6CF;
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #464646;
}
.fw-btn.fw-btn-1.fw-btn-black:hover,
.fw-btn.fw-btn-1:active,
.fw-btn.fw-btn-1:focus {
    background-color: #F8F6F1;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.button:active, .button.is-checked, .button:hover {
    background-color: #DCC896;
    padding: 10px 30px;
}
.button-group .button {
    padding: 10px 30px;
}

/* SLIDER */
body .ms-parent-id-1 > .master-slider {background: transparent;}
body .ms-skin-light-6 .ms-bullet {
    border: none;
    width: 14px;
    height: 14px;
}
body .ms-skin-light-6 .ms-bullet-selected {
    background: #DCC896;
}

body .ms-skin-light-6 .ms-nav-next,
body .ms-skin-light-6 .ms-nav-prev {
    border: none;
    height: 145px;
    background: transparent url(assets/img/light-skin-6.png);
    border-radius: 0;
}
body .ms-skin-light-6 .ms-nav-next, body .ms-skin-light-6 .ms-nav-prev {top: 42%;}
body .ms-skin-light-6 .ms-nav-prev {
    background-position: -50px -50px
}
body .ms-skin-light-6 .ms-nav-next {
    background-position: -35px -534px;
}
body .ms-skin-light-6 .ms-nav-prev:hover {
    background-position: -50px -292px;
}
body .ms-skin-light-6 .ms-nav-next:hover {
    background-position: -35px -776px;
}
body .ms-skin-light-6 .ms-nav-next:hover,
body .ms-skin-light-6 .ms-nav-prev:hover {background-color: transparent;}

/* Portfolio GRID */
body div.gridfx, body div.gridfx-1 div.gridfx-items-wrap,
body div.gridfx-1 div.gridfx-items {
    background: #f8f6f1;
}
body .gridfx-items.isotope {max-width: 1144px;}
body div.gridfx-1 div.gridfx-item-container {border: none;}
body div.gridfx-1 div.gridfx-load-more span {
    background: #EFE6CF;
    text-transform: lowercase;
    color: #464646;
    font-size: 18px;
    font-family: 'ralewayregular';
}
body div.gridfx-1 div.gridfx-shadow {
    -webkit-box-shadow: none;
        box-shadow: none;
}
body div.gridfx-1 div.gridfx-load-more span:hover {
    background: #DCC896;
}
body .navigate-content {margin-top: 0;}
body div.gridfx-item-more {display: none !important;}
body div.gridfx-sort {padding-top: 0;}
body .gridfx-layer.gridfx-hide.gridfx-ctrls {display: none !important;}
body .overlay.gridfx-layer.gridfx-hide.gridfx-transp {display: none !important;}

body .theGridSKUI {margin-bottom: 0;}

/*ESSENTIAL GRID*/
body .esg-overflowtrick {
    max-width: 1140px;
    margin: 0 auto;
}
body .esg-filter-wrapper {margin-bottom: 30px;}

/*div[data-isvideo="true"] {display: none;}*/


.skGridContainer {
    margin-bottom: 40px;
    max-width: 1140px;
    margin: 0 auto;
}
body a.skLoadMoreLink,
body .flat-light .esg-navigationbutton {
    width: 100%;
    max-height: 100px;
    max-width: 555px;
    background: #dcc896;
    /*font-family: 'ralewayregular';*/
    /*font-family: 'playfair_displaybold';*/
    font-family: 'playfair_displayregular';
    text-transform: lowercase;
    color: #464646;
    font-size: 24px;
    border: none;
    padding: 30px 15px;
    border-radius: 0;
    font-weight: normal;
}
body .esg-loadmore-wrapper {margin-top: 80px; margin-bottom: 80px;}
body .flat-light .esg-navigationbutton:hover {
    background: #EFE6CF;
}
body .loadMoreContainer {
    margin-bottom: -20px;
    margin-top: 40px;
}
body .grFilterList {
    text-align: center !important;
}

body .grFilterList li a, body .flat-light .esg-filterbutton {
    border: none;
    background: #fff;
    text-transform: lowercase;
    color: #464646;
    padding: 10px 30px;
    margin-left: 1px;
    margin-right: 10px;
    border-radius: 0;
    line-height: 2;
    font-family: 'ralewayregular';
}
body .flat-light .esg-filterbutton.selected {
    background: #dcc896;
    color: #464646;
}
body .flat-light .esg-filterbutton:hover {
    background: #EFE6CF;
    color: #464646;
}
/*body .grAllButton {display: none !important;visibility: hidden;}*/


/* FORM */
.form-control {
    border: none;
    min-height: 48px;
    -webkit-border-radius: 0;
            border-radius: 0;
}
.form-group {
    margin-bottom: 16px;
    line-height: .8;
}
.form-group input {
    font-family: 'ralewaymedium_italic', serif;
}
.form-group textarea {
    padding-top: 16px;
    min-height: 304px;
    font-family: 'ralewaymedium_italic', serif;
}

input[type="submit"] {
    background: #efe6cf;
    width: 100%;
    height: 60px;
    font-family: 'ralewaybold';
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 2;
    color: #DCC896;
    margin-top: 15px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
input[type="submit"].btn-primary:hover,
input[type="submit"].btn-primary:active,
input[type="submit"].btn-primary:focus {
    background: #DCC896;
    color: #efe6cf;
}
.info-req {
    font-size: 15px;
    color: #dcc896;
    font-style: italic;
    margin-left: 15px;
}

/* FOOTER */
footer {
    background: #EFE6CF;
    width: 100%;
    padding: 0 0 20px;
    margin: 0;
}
footer h2 {font-size: 32px;}
footer h3 {font-size: 26px;}
footer .btn {
    /*background: #fff url(assets/img/toggle_btn.png) -16px -81px no-repeat;*/
    background: transparent;
    display: block;
    /*width: 37px;*/
    height: 37px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    /*text-indent: -5000px;*/
}
footer .btn:focus, footer .btn:active {
    outline: 0 !important;
    /*background: #fff url(assets/img/toggle_btn.png)-16px -81px no-repeat;*/
}
footer .btn[aria-expanded="false"],
footer .btn.collapsed {
    background-position: -15px -15px;
}
footer #copright {text-align: center;}
footer table {margin: 10px 0; font-size: 16px;color: #000;}

.video {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,.1);
    top: 0;left: 0;
}
iframe {
   border: 0px solid transparent;
}

 /* THICKBOX */
#TB_window, #TB_window, #TB_title {
    background: transparent;
}
.tb-close-icon {
    background: #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2px 2px 8px #000;
    top: 13px;
    right: -12px;
}
.tb-close-icon:before {
    color: #666;
}
#TB_closeWindowButton:focus .tb-close-icon {
    box-shadow: 2px 2px 8px #000;
    color: #666;
}
body .fancybox-skin {border-radius: 0;}
#TB_title .screen-reader-text {text-indent: -5000px;display: block;}
#TB_iframeContent {border: 12px solid #fff;}
#TB_closeWindowButton:active {outline: 0 !important}
.fancybox-overlay {z-index: 1000000000 !important;}
/* MEDIA QUERYS */

@media screen and (min-width : 1025px) {
    input[type="submit"] {
        width: 300px;
    }
    .gallery {text-align: left;}
}
@media screen and (max-width: 1024px) {
    #about div.fw-col-xs-12.fw-col-sm-8 {width: 100%;}
    #about a {font-size: 18px;}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
    #main_menu {background: rgba(255,255,255,.9); margin: 0 auto;padding-right: 0;}
    #main_menu .nav > li {display: inline-block;}
    #menu-oberes-menue li > a {font-size: 14px; padding: 10px;}
    #logo {max-width: 100px;}
    #logo img {top: -86px;}
    .img-circle {width: 290px;height: 290px;}
    h2 {font-size: 42px;}
    .master-slider-parent {margin-top: 55px;}
    section[style] { min-height: 300px !important; }
    section#anita_logo {background-position-x: -352px;}
    section#anita_tanken {background-position-x: -152px;}
    /*.col-lg-12 {padding-right: 0;}*/
    .text-right {text-align: center;}
    body .flat-light .esg-navigationbutton {
        padding: 30px 15px;
        height: 100px;
    }
}
@media screen and (max-width: 414px) {
    body {overflow: hidden;}
    .gallery figure.gallery-item {max-width: 120px;max-height: 100px;}
    .gallery figure.gallery-item img {height: auto;}
    body div.gridfx-bar {margin: 0;}
    body button.fs-btn {padding: 10px 32px}
    table td {font-size: 15px;}
    /*.col-lg-12 {padding-right: 15px;}*/

}

/* ======================================== Youtube Video Modal */
.youtube-wrapper{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    overflow:hidden;
}
.youtube-wrapper .iframe{
    height: 315px;
    width:420px;
}
.youtube-wrapper .youtube {
    width: 100%;
    justify-content: space-around;
    padding-bottom: 56.25%;
    height: 0;
    background-color: #000000;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    display: block;
}
.youtube-wrapper .youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    max-height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    filter: blur(5px);
    transform: scale(1.1);
}
.youtube-wrapper .youtube img {
    filter: blur(5px);
}
.youtube-wrapper .youtube img,
.youtube-wrapper .youtube iframe,{
    position: absolute;
}
.youtube-wrapper .youtube iframe {
    height: 451px;
    width: 803px;
    top: 0;
    left: 0;
}
.youtube-wrapper .box-overlay{
    color: #fff;
    background-color: #dcc896;
    border-radius: 6px;
    text-align: center;
    margin:0;
    padding: 0 35px;
}
.youtube-wrapper .box-overlay a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.youtube-wrapper .box-overlay a:hover {
    text-decoration: none;
}
.youtube-wrapper .box-container{
    position: absolute;
    top: 50%;
    left:50%;
    box-shadow: 0 0 30px rgba( 0,0,0,1 );
    transform: translate3d( -50%, -50%, 0 )perspective(1px);
    background-color: #dcc896;
    z-index: 1;
    margin: 0;
    display: block;
    padding: 55px 0 22px 0;
}
.youtube-wrapper .box-header{
    color:#fff;
    text-align:center;
    box-sizing:border-box;
    margin-bottom: 10px;
    padding: 1px;
    line-height: 0px;
}
.youtube-wrapper .box-header p{
    padding: 10px;
    margin: 0;
}
.youtube-wrapper button{
    color: #fff;
    box-shadow: none;
    border: 0;
    padding: 5px 10px;
    margin: 0 0 12px 0;
    cursor: pointer;
    background-color: rgba(255,255,255,.3);
    font-weight: 200;
}
@media (max-width: 576px) {

    .youtube-wrapper .box-overlay {
        font-size: 12px;
        line-height: 1.2;
        padding: 0 15px;
    }
}
@media (max-width: 400px) {

    .youtube-wrapper .box-overlay,
    .youtube-wrapper .box-container {
        font-size: 3vw;
    }
}