/*  Default Styles
*/


/* latin + ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-ext_latin-300.woff2') format('woff2');
}

/* latin + ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-ext_latin-300.woff2') format('woff2');
}

/* latin + ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-ext_latin-regular.woff2') format('woff2');
}

/* latin + ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-ext_latin-italic.woff2') format('woff2');
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-ext_latin-700.woff2') format('woff2');
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-ext_latin-700italic.woff2') format('woff2');
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-ext_latin-900.woff2') format('woff2');
}


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-ext_latin-900italic.woff2') format('woff2');
}



/* latin-ext */
@font-face {
  font-family: 'PT Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-mono-v13-latin-ext_latin-regular.woff2') format('woff2');
}

/* latin */
@font-face {
  font-family: 'Vidaloka';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vidaloka-v18-latin-regular.woff2') format('woff2');
}


/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
   font-weight: 400;
   color: #111;
   line-height: 1.7;
   font-family: 'Lato', sans-serif;
}

a {
  color: #e25b78;
  text-decoration: none;
}

h1{
  font-family: 'Vidaloka', serif;
  line-height: 1.2;
}

h2, h3, h4, h5, h6 {
  font-family: 'Vidaloka', serif;
  line-height: 1.3;
}

h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}

.lead {
  font-family: 'Lato', sans-serif;
  color: #585858;
  font-weight: bold;
  font-size: inherit;
}

figure .caption{
  font-family: 'PT Mono', monospace;
  word-break: normal;
  font-size: 0.8em;
}

hr, .frame-ruler-before {
  border-top: 1px solid #ccc;
}


.frame-ruler-after{
  border-bottom: 1px solid #ccc;
}

time {
  font-size: 0.8em;
  color: #777;
}

header.affix {
  position:fixed;
  left:0;
  right:0;

}

header.affix.navbar {
  min-height:40px;
  transition: height 2s;
}

header.affix .navbar-brand {
  font-size: 30px;
  height:0;
  line-height:0px;
}

header.affix #mainnavigation {
  margin-top:5px;
}

#content {
  margin-bottom: 3em;
}

footer {
  letter-spacing: .08334rem;
  font-size: 0.85em;
  margin-bottom: 0;
}

footer .logo-brand {
    font-family: "Vidaloka";
    font-size: 2em;
    font-weight: 400;
    color: #111111;
    display: inline-block;
    text-transform: lowercase;
  letter-spacing: -1px;
}

footer .logo-brand a:hover{
  color: #db1858;
  text-decoration: none;
}

footer ul{
  padding-left: 0;
}

.footer-section-content{
  background: #FFF;
  color: #111;
  font-size: 0.85em;
  text-align: left;;
}

.footer-section-content h5{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  padding-top: 1.5em;
}

.footer-section-content a, .footer-section-meta a{
  color: #111;
}

.footer-section-content a:hover, .footer-section-meta a:hover{
  color: #111;
  text-decoration: underline;
}

.footer-section-meta{
  background: #f6f6f6;
  padding-top: 40px !important;
  color: #111;
  font-size: 0.85em;
  text-align: left;
  border-top: 5px solid #db1858;
}


footer .social-icons {
  display: flex;
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  justify-content: left;
}

footer .social-icon {
  width: 100%;
  height: 100%;
}

footer .social-icon {
  width: 20px;
  height: 20px;
  margin: 1em 15px 1.5em 0;
}

footer .instagram:hover{
  fill: #7232bd;
}

footer .facebook-square:hover{
  fill: #3b5998;
}

footer .pinterest:hover{
  fill: #bd081c;
}

footer .twitter-bird:hover{
  fill: #1da1f2;
}


@media (min-width: 992px) {
  .backendlayout-special_homepage .maincontent-wrap,
  .backendlayout-sub_start .maincontent-wrap,
  .backendlayout-special_article .maincontent-wrap,
  .backendlayout-article .maincontent-wrap,
  .backendlayout-article_noads .maincontent-wrap {
    width: calc(100% / 12 * 8);
  }
  .backendlayout-special_homepage .subcontent-wrap,
  .backendlayout-sub_start .subcontent-wrap,
  .backendlayout-special_article .subcontent-wrap,
  .backendlayout-article .subcontent-wrap,
  .backendlayout-article_noads .subcontent-wrap {
    width: calc(100% / 12 * 4);
  }
}

/*  CLS Optimierung*/

/*
@media (min-width: 770px){
  #BB{
    display: block !important;
    min-height: 250px;  
  }
}

@media (max-width: 575px){
  #BB{
    display: block !important;
    min-height: 50px;  
  }
}


@media (min-width: 770px){
  #LB{
    display: block !important;
    min-height: 90px;  
  }
}
*/


/* = Links
-----------------------------------------------------*/

.internal-link, .external-link, .download-link{
  color: #111;
  background-image: linear-gradient(180deg,#ffced9,#ffced9);
  background-repeat: no-repeat;
  background-position: 2px bottom;
  background-size: 100% 6px;
}

.internal-link:hover, .external-link:hover, .download-link:hover {
     color: #111;
     background-image: linear-gradient(180deg,#ffced9,#ffced9);
     background-repeat: no-repeat;
     background-position: 2px bottom;
     background-size: 100% 16px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
     transition: all .2s;
}

.media-heading .uploads-filename {
  font-family: 'Lato', sans-serif;
  font-size: 0.6em;
  font-weight: bold;
}

.media-heading .uploads-fileicon {
  font-size: 0.8em;
}

/* = frames & btns
-----------------------------------------------------*/

.scroll-top {
  z-index: 998;
  bottom: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  opacity: .8;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 50%;
  background-color: #555;
  filter: drop-shadow(0 2px 4px rgba(34,36,38,.35));
}

div.csc-item h2 {
  font-size: 1.2em;
  color:#999;
}

.frame-background-light{
  color: #111;
  background-color: #f6f6f6;
}


@media (max-width: 576px) {
    .frame-background-light, .frame-background-primary, .frame-background-dark, .frame-background-secondary, hr, .frame-ruler-before{
        margin-left: -20px;
        margin-right: -20px;
    }
}

.frame-background-dark a:not(.btn), .frame-background-primary a:not(.btn) {
  color: #FFF;
  text-decoration: underline;
}

.frame-background-dark a:not(.btn):hover {
  color: #FFF;
}

.frame-background-secondary{
  background-color: #cee5e8;
  color: inherit;
}

.frame-background-secondary a:not(.btn), .frame-background-light a:not(.btn){
  text-decoration: underline;
  color: #111111;
}

.frame-background-light a.external-link {
  text-decoration: none;
}

.frame-background-secondary a:not(.btn):hover, .frame-background-light a:not(.btn):hover{
  color: #111111;
}

.frame-background-secondary h2 a{
  background-image: none;
}

.frame-background-secondary h2 a:hover{
  background-image: none;
}

.frame-background-dark.frame-has-backgroundimage p, .frame-background-dark.frame-has-backgroundimage h1, .frame-background-dark.frame-has-backgroundimage a{
  text-shadow: black 0.1em 0.1em 0.2em;
  text-shadow: -1px 2px #111;
}

.frame-background-dark.frame-has-backgroundimage .btn-default, .frame-background-dark.frame-has-backgroundimage .btn-primary{
  text-shadow: none;
}

.frame-background-light.frame-has-backgroundimage p, .frame-background-light.frame-has-backgroundimage h1, .frame-background-light.frame-has-backgroundimage a{
  text-shadow: white 0.1em 0.1em 0.8em;
}

.frame-background-light.frame-has-backgroundimage .btn-primary{
  text-shadow: none;
}

.frame-has-backgroundimage{
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.frame-has-backgroundimage .frame-container{
  padding-top: 4em;
  padding-bottom: 3em;
  padding-left: 3em;
  padding-right: 3em;
    width: 100% !important;
  max-width: 100% !important;
    background: linear-gradient(-180deg,hsla(0,0%,7%,.0) 40%,hsla(0,0%,7%,.3));
}

.btn {
  white-space: normal;
}

.btn-default, .btn-primary {
  letter-spacing: .08334rem;
  font-size: 0.75em;
  border-radius: 2px;
}

.btn-primary {
  background-image: linear-gradient(236deg, #db1858, #c4154f);
}

.btn-primary:hover {
  background: #8d0f39;
  transition: all .3s ease-in-out 0s;
}

.socialshare a{
  background: #111;
}


.frame-extra{
  border: 1px solid #111;
  border-radius: 4px;
  box-shadow: 1px 2px #111;   
  margin-top: 1em; 
  margin-bottom: 1em;
  background: #FFF;
  padding: 20px;
}

.tx-pwteaser-pi1 .frame-extra .thumbnail{
  margin-bottom: 20px;
}


.tx-pwteaser-pi1 .frame-extra{
  padding-bottom: 0;
}

/*

blockquote{
  letter-spacing: .08334rem;
  text-align: center;
  border: 0;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 2.5em;
}

blockquote::before {
  content: "„";
  font-family: Vidaloka, Freight,Georgia,Times,Serif;
  font-size: 100px;
  line-height: 1.3em;
}

blockquote p{
  font-weight: 600;
  font-size: 20px;
  margin-top: 1em;
  text-transform: uppercase;
}

blockquote footer{
  color: #111;
  margin-bottom: 1em;
}

*/

/* = Abstände frame-space
-----------------------------------------------------*/

.textpic-above figure, .textmedia-above figure{
  margin-bottom: 2.5em;
}

/*

.frame-space-after-none {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

@media (min-width: 768px) {
    .frame-space-after-none {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

@media (min-width: 992px) {
    .frame-space-after-none {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }
}

.maincontent-wrap, .subcontent-wrap {
    margin-top: -1em;
}

@media (min-width: 768px) {
  .maincontent-wrap, .subcontent-wrap {
    margin-top: -2em;
  }
}

@media (min-width: 992px) {
  .maincontent-wrap, .subcontent-wrap {
    margin-top: -3em;
  }
}

.main-section {
    margin-top: -0.5em;
}

@media (min-width: 768px) {
  .main-section {
    margin-top: -1.5em;
  }
}

@media (min-width: 992px) {
  .main-section {
    margin-top: -2.5em;
  }
}


*/


/* = Breadcrumb
-----------------------------------------------------*/
.breadcrumb-section, .breadcrumb {
  background: #FFF;
  border-bottom: 0px;
  margin-top: 1em;
  margin-bottom: 0;
}

.breadcrumb > li > a{
  border: 1px solid #111;
  border-radius: 2px;
  padding: 5px 8px;
  color: #111;
  letter-spacing: .08334rem;
  font-size: 0.5em;
  background: #FFF;
}

.breadcrumb > li > a:hover{
  background: #111;
  color: #FFF;
  transition: all .3s ease-in-out 0s;
}

@media (min-width: 768px) {
  .breadcrumb > li > a { 
    font-size:0.7em;
  }
}

.breadcrumb > li + li::before {
    content: "";
}

/* = Content Menus (Lists)
-----------------------------------------------------*/

.frame-type-menu_section ul, .frame-type-menu_abstract ul, .frame-type-menu_categorized_pages ul, .frame-type-menu_pages ul, .frame-type-menu_subpages ul, .frame-type-menu_recently_updated ul, .frame-type-menu_related_pages ul, .frame-type-menu_section_pages ul, .frame-type-menu_sitemap_pages ul{
  list-style-type: none;
}

.frame-type-menu_pages ul{
  padding-left: 0;
}

.frame-type-menu_pages ul li a, .frame-type-menu_subpages  ul li a {
    color: #111;
    border: 1px solid #ffced9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  border-radius: 4px;
    font-weight: 600;
    font-size: 0.9em;
    line-height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 10px;
    padding: 6px 15px 5px 60px;
    min-height: 45px;
    position: relative;
    text-decoration: none !important;
  transition: all .5s ease-out;
}

.frame-type-menu_pages ul li a:before, .frame-type-menu_subpages  ul li a:before{
  background-color: #ffced9;
    background-image: url(/fileadmin/ext/bootstrap_package/Resources/Public/Images/Icons/Ionicons/chevron-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    display: block;
    width: 45px;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    content: "";

  }

.frame-type-menu_pages ul li a:hover, .frame-type-menu_subpages  ul li a:hover{
  background-color: #ffced9;
  }

.frame-type-menu_section ul{
  list-style-type: decimal;
  font-weight: bold;
}

.frame-type-menu_section ul li a{
  font-weight: normal;
}

.frame-type-menu_section ul li a:hover{
  color: rgb(219, 24, 88);
}



/* = Section Index

.frame-type-menu_section ul li a{
  color: #111;
  font-weight: 400;
  background-image: linear-gradient(180deg,#ffced9,#ffced9);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: 100% 3px;
}

.frame-type-menu_section ul li{
  margin-bottom: 10px;
}

.frame-type-menu_section ul li a:hover{
  background-image: linear-gradient(180deg,#f098ab,#f098ab);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: 100% 3px;
}

-----------------------------------------------------*/

/* = Formulare
-----------------------------------------------------*/

.form-element h2{
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}

.custom-control.custom-radio {
    padding: 10px 0 0 20px;
}

.custom-control-input {
    margin-top: 8px !important;
}

/* = Teaser
-----------------------------------------------------*/

.thumbnail{
  border: none;
  padding: 0;
  margin-bottom: 40px;
  background: transparent;
}

.pw-caption{
  padding-top: 0.5em;
  padding-bottom: 1.5em;
}

.pw-meta {
  font-size: 0.7em;
  color: #999;
  letter-spacing: .08334rem;
  line-height: 2em;
  word-spacing: normal;
  text-transform: uppercase;
}

.tx-pwteaser-pi1 .thumbnail{
 color: #111;
}

.collection p{
  font-size: 0.9em;
  line-height: 1.3;

  font-family: 'Lato', sans-serif;
  font-weight: 600;
  padding: 10px 5px;
}

.collection:hover  {
 color: #db1858;
 transition: color .3s ease-in-out;
}

.collection .thumbnail{
  margin-bottom: 0;
}

.pw_submenu {
  font-size: 13px;
  line-height: 1rem;
  display: inline-block;
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .08334rem;"
}

.pw_submenu a{
  color: #111;
  background-image: linear-gradient(180deg,#db1858,#db1858);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: 100% 0;
}

.pw_submenu a:hover{
  background-image: linear-gradient(180deg,#db1858,#db1858);
     background-repeat: no-repeat;
     background-position: 0px bottom;
     background-size: 100% 1px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
     transition: all .2s;
}

.section {
    padding-top: 0em;
    padding-bottom: 0em;
}

.f3-widget-paginator {
  display: inline-block;
}

.f3-widget-paginator > li {
  display: inline;
}

.f3-widget-paginator > li > a, .f3-widget-paginator > li > span {
    position: relative;

    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #111;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.f3-widget-paginator > li.current > span {
  color: #ddd;
}



/* HEADER & LOGO & MAINNAVIGATION end*/

/* CAROUSEL */

@media (min-width: 1200px) {
    h1.awesome, .h1.awesome {
    line-height: 1.2;
 }
}

.carousel-header,.carousel-subheader{

  text-shadow: -1px 2px #111;
  -webkit-text-fill-color: rgba(255,255,255, 1);
  letter-spacing: -1px;
}

h5.awesome, .h5.awesome {
    font-weight: 600;
 }

.valign > .vcontainer {

    vertical-align: bottom;
    padding-bottom: 1em;

}

.valign {
   width: 100% !important;
   background: linear-gradient(-180deg,hsla(0,0%,7%,0) 40%,hsla(0,0%,7%,.5));
}

.carousel-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 768px) {
.valign{
  padding-left: 20px;
  padding-right: 20px;
}
}

@media (min-width: 768px) {
.carousel-text-inner{
  width: 65% !important;
}
}

@media (min-width: 992px) {.carousel-text-inner{
  width: 40% !important;
}
}


/* CAROUSEL end*/

/* SEARCH */

#mainnavigation .search-button {
  cursor:pointer;
  color:#111;
}

.active.search-modal {
  width: auto;
  height: auto;
  overflow: inherit;
  opacity: 1;
}

.search-modal.active {
  background-color: rgba(0,0,0,.9);
  width: 100%;
  height: 100%;
  z-index: 5999997;
}


.search-modal {
  position: fixed;
  top: 0;
  left: 0;
}
.search-modal {
  z-index: -1;
}
.search-modal {
  transition: opacity .3s ease-in-out;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.search-modal .search-modal-inner {
  display: none;
}

.search-modal.active .search-modal-inner {
  display: block;
}

.search-modal-autosuggest-list {
    font-family: Lato, LKFonda,Arial,Sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    line-height: 2.6rem;
    margin-top: .9375rem;
    padding-left: 1.25rem;
    text-transform: uppercase;
}

.search-modal-autosuggest-list {
    list-style: none;
    text-decoration: none;
}

.search-modal-inner {
  padding: 1.25rem;
  margin: 0 auto;
  margin-top: 25px;

}

.search-modal-inner .search-modal-close-button {
  color: #fff;
}
.search-modal-inner .search-modal-close-button {
  cursor: pointer;
  float: right;
}
.sidepanel-close-button, .search-modal-inner .search-modal-close-button, .full-item-title, .full-item-parent-link, .story-breaker-title, .curated-breaker-title, .curated-breaker-item .item-title, .collection-breaker-item .item-title, .newsletter-links a, .newsletter-submit, .footer a {
  transition: color .3s ease-in-out;
  text-decoration: none;
}
.sidepanel-close-button, .search-modal-inner .search-modal-close-button, .full-item-title, .full-item-parent-link, .story-breaker-title, .curated-breaker-title, .curated-breaker-item .item-title, .collection-breaker-item .item-title, .newsletter-links a, .newsletter-submit, .footer a {
  transition: color .3s ease-in-out;
  text-decoration: none;
}

.search-modal-form {
  margin: 0 auto;
  clear: both;
}

input[type=search].search-input {
  -webkit-appearance: none;
  border-radius: 0;
}

.search-modal-form .search-input, .search-modal-form .search-input::placeholder {
  font-family: Vidaloka, Freight,Georgia,Times,Serif;
  font-size: 2.875rem;
  line-height: 1;
  background: transparent;
  border: 0;
  color: #fff;
  padding: .625rem .625rem 0 0;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-modal-form .search-input, .search-modal-form .search-input::-webkit-input-placeholder {
  font-family: Vidaloka, Freight,Georgia,Times,Serif;
  font-size: 2.875rem;
  line-height: 1;
  background: transparent;
  border: 0;
  color: #fff;
  padding: .625rem .625rem 0 0;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

.search-input, .search-input::placeholder {
  font-family: Vidaloka, Freight,Georgia,Times,Serif;
  font-size: 2.875rem;
  line-height: 1;
  color: #000;
  padding: .625rem .625rem 0 0;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-input, .search-input::-webkit-input-placeholder {
  font-family: Vidaloka, Freight,Georgia,Times,Serif;
  font-size: 2.875rem;
  line-height: 1;
  color: #000;
  padding: .625rem .625rem 0 0;
  text-transform: lowercase;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-input {
  background: transparent;
  border: 0;
  outline: none;
  padding: 0;
  width: 100%;
}

.search-modal-form .search-label {
  font-family: Lato, LKFonda,Arial,Sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  margin-top: .625rem;
  padding-top: .625rem;
  border-top: .063rem dotted #fff;
}
.search-label {
  font-family: Lato, LKFonda,Arial,Sans-serif;
  font-size: .875rem;
  line-height: 1.4;
  border-top: .063rem dotted #000;
  color: #000;
  margin-top: .625rem;
  padding: .625rem 0;
}
.search-label {
  display: inline-block;
  width: 100%;
}

.search-modal-autosuggest-list {
    line-height: 3.125rem;
}

#kesearch_results .result-list-item{
  margin: 60px 0 60px 0 !important;
}

.tx-kesearch-pi1 {
  font-family: Lato, LKFonda,Arial,Sans-serif !important;
}

#kesearch_results .result-list-item .result-teaser, #kesearch_results .result-list-item .result-title a{
  color: #111 !important;
}

#kesearch_results .result-list-item .result-number, #kesearch_results .result-list-item .result-title{
  font-family: Vidaloka, Georgia,serif !important;
  font-size: 1.5em !important;
  line-height: 1em !important;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit{
  color: #999 !important;
  font-weight: normal !important;
}



/* SEARCH END */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    body {font-size: 1em;}

  .search-modal-inner {
    padding: 1.875rem;
  }

  .search-modal-form .search-input, .search-modal-form .search-input::placeholder {
    font-size: 3.25rem;
    line-height: 1;
  }

  .search-modal-form .search-input, .search-modal-form .search-input::-webkit-input-placeholder {
    font-size: 3.25rem;
    line-height: 1;
  }

  .search-input, .search-input::placeholder {
    font-size: 3.25rem;
    line-height: 1;
  }

  .search-input, .search-input::-webkit-input-placeholder {
    font-size: 3.25rem;
    line-height: 1;
  }

  .search-modal-autosuggest-list {
      line-height: 3.575rem;
  }

  .search-modal-autosuggest-list {
      font-size: 1.5rem;
      line-height: 1.4;
  }

} /* end media min-width 576px */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  body {font-size:1.1em;}

  h1 {font-size: 2.8em;}


  .search-modal-inner {
    padding: 2.8125rem;
  }



  .section {
      padding-top: 0em;
      padding-bottom: 0em;
  }
 } /* end media min-width 768px */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  body {font-size:1.1em;}
  h1 {font-size: 3em;}

  .search-modal-form .search-input, .search-modal-form .search-input::placeholder {  font-size: 3.75rem;  line-height: 1;
  }

  .search-modal-form .search-input, .search-modal-form .search-input::-webkit-input-placeholder {
    font-size: 3.75rem;
    line-height: 1;
  }

  .search-input, .search-input::placeholder {
    font-size: 3.75rem;
    line-height: 1;
  }

  .search-input, .search-input::-webkit-input-placeholder {
    font-size: 3.75rem;
    line-height: 1;
  }

  .section {
      padding-top: 0em;
      padding-bottom: 0em;
  }

  #mainnavigation {
    margin-top:20px;
  }

  #mainnavigation .search-button {
    cursor:pointer;
    color:#111;
  }

  #mainnavigation .navbar-nav {
    margin-left: 0;
  }
  .container .navbar-header {
    margin-left:auto;
    margin-right:auto;
    width:190px;
  }

  .navbar-header {
    float:none;
  }

  .navbar-main {
  float: none;
  display:inline-block;
  }


  .navbar-mainnavigation .navbar-collapse {
    justify-content: space-between;
  }

  .navbar-mainnavigation .navbar-nav > li {
    text-transform: uppercase;

  }

  .navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
    color: #111;
  }

#mainnavigation, .dropdown-menu > li > a{
  font-size: 13px;
  font-family: "Lato";
  font-weight: 300;
  letter-spacing: .08334rem;
  display: inline-block;
}

.dropdown-menu {
  padding: 22px;
  border: 1px solid #f4f4f4;
  box-shadow: none;
}

.dropdown-menu > li > a {
  line-height: 2;
  padding: 3px 0px;
}

.navbar-mainnavigation .dropdown-item.active, .navbar-mainnavigation .dropdown-item:hover, .navbar-mainnavigation .dropdown-item:focus {
  background-image: linear-gradient(180deg,#f1c6ca,#f1c6ca);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: 100% 2px;
  background-color: #FFF;
  color:#111;
}

.search-modal-inner {
  width:1060px;
}

}
/**end media min-width 992px */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .container, .frame-container {max-width: 1020px;}

  /*.frame-container {width: 1020px;}*/

  .section {
       padding-top: 0em;
       padding-bottom: 0em;
  }


} /**end media min-width 1200px */