/*
Theme Name: QS
Description: QS theme
Author: urbsdc.com
Version: 999
Author URI: www.urbsdc.com
*/
@font-face {
    font-family: 'Libre Caslon Text';
	src:  url('tipos/LibreCaslonText-Regular.woff2') format('woff2'),
	src:  url('tipos/LibreCaslonText-Regular.eot') format('eot'),
	src:  url('tipos/LibreCaslonText-Regular.otf') format('otf'),
            url('tipos/LibreCaslonText-Regular.woff') format('woff');
	font-weight: normal;
  	font-style: normal;
}


html, body, div, applet, object, iframe, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, center, i, div, header, section, footer, h1, h2, h3, h4, h5, h6, p, a {border:0;outline:0; box-sizing: border-box; line-height: 1em; box-sizing: border-box}

*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-style: italic;}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
.cky-consent-container{visibility: visible!important;}
.cky-btn-revisit-wrapper{display: none!important}

a, .comoboton{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.grecaptcha-badge{display: none!important}
.maincolor{color: #f49f5c}
.maincolorbackground{background-color: #f49f5c}
.fondogris{background-color: #f2f0eb}
.fondoblanco{background-color: #ffffff}

html, body{overflow-x:hidden; position: relative}
.sinscroll{overflow:hidden}
.fondoblanco{background-color: white!important}
.conbordeinferior{padding-bottom: 20px!important; margin-bottom: 20px!important; border-bottom: 1px solid rgba(200,200,200,1)}
.altolinea0{line-height: 0}
.cursiva{font-style: italic;}
.negrita{font-weight: bold}
.breadcrumb{font-size: 12px}
.relative{position: relative}
.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.abaix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}
.textocentro{text-align: center}
.textoderecha{text-align: right}
.wp-block-embed__wrapper{gap: 0!important}
.bloque{display: block;}
.padding5{padding: 5px 10px 5px 10px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
.padding80{padding: 80px!important;}
.paddingleft10{padding-left: 10px;}
.paddingtop10{padding-top: 10px;}
.paddingtop80{padding-top: 80px;}
.paddingtop120{padding-top: 120px;}
.paddingbottom40{padding-bottom: 40px;}
.paddingbottom80{padding-bottom: 80px;}

.paddingtop40{padding-top: 40px;}
.paddingbottom20{padding-bottom: 20px;}
.marginbottom0{margin-bottom: 0px!important;}
.padding20left{padding-left: 20px!important}
.padding120right{padding-right: 120px!important}
.padding200200{padding: 20px 0px 20px 0px;}
.padding40{padding: 40px;}
.padding80{padding: 80px;}
.padding120{padding: 120px;}
.margintop20{margin-top: 20px!important;}
.margintop40{margin-top: 40px!important;}
.margintop80{margin-top: 80px!important;}
.margintop120{margin-top: 120px;}
.marginbottom20{margin-bottom: 20px!important;}
.marginbottom10{margin-bottom: 10px!important;}
.marginbottom40{margin-bottom: 40px!important;}
.marginbottom80{margin-bottom: 80px;}
.marginbottom120{margin-bottom: 120px!important;}
.oculto{display: none!important}
.eedee-gutenslider-nav{display: none!important}
.cky-btn-revisit-wrapper{display: none!important}
.flexat250{width: 50%}
.flexat2{width: 49%}
.flexat3{width: 31%}
.flexat4{width: 23.7%; margin-right: 1.6%;}
.flexat4:nth-child(4n+0){margin-right: 0%;}
.flexat5{width: 18%}
.flexat8{width: 11%}
.flexat23070:nth-child(1){width: 23.7%}
.flexat23070:nth-child(2){width: calc(100% - 23.7%)}
.flexat27030:nth-child(1){width: calc(100% - 23.7%)}
.flexat27030:nth-child(2){width: 23.7%}
.flexat12:nth-child(1){width: 30%}
.flexat12:nth-child(2){width: 70%}
.ancho50{max-width: 50%}
.ancho70{max-width: 70%}
.gap2{column-gap: 2%!important;}
.imagen100 img{width: 100%; height: auto;}

.estrecho{width: 1340px; margin: 0 auto;}
.estrecho2{width: 700px; margin: 0 auto;}
.banner{text-align: center!important;}
.wp-block-contact-form-7-contact-form-selector{width: 100%;}
.wp-block-contact-form-7-contact-form-selector input, .wp-block-contact-form-7-contact-form-selector textarea, .wp-block-contact-form-7-contact-form-selector select{width: 100%; padding: 12px; box-sizing: border-box; border: 0px solid white;background-color: #FFF; font-family: "Lato", serif; color: black}
.wp-block-contact-form-7-contact-form-selector input[type='checkbox']{width: 30px;}
.wp-block-contact-form-7-contact-form-selector textarea{min-height:100px}
.wpcf7-list-item{margin-left: 0!important}.wpcf7-not-valid-tip{display: none!important}
.wpcf7-submit{border: 0px solid #9e9592!important; font-family: "Lato", serif; color: rgba(32, 94, 122, 1); font-weight: 500; text-transform: uppercase; font-size: 13px; cursor: pointer; width: 100%; background-color: rgba(255,255,255, 1)!important;color: black}
.wpcf7-form label{font-size: 18px}

@keyframes headeranim111 { 0% { opacity: 0; bottom: 100px } 100% { opacity: 1; bottom: 20px } }
.down {animation: headeranim111 1s;position: fixed;bottom: 20px;right: 50%;width: 30px;height: 30px;background: url(img/down.svg) center center no-repeat;background-size: cover;z-index: 1000;margin-right: -15px;cursor: pointer;}

header{position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: rgba(255,255,255,0.9);border-bottom: 1px solid rgba(0,0,0,0)}
header.fijo{border-bottom: 1px solid rgba(200,200,200,1)}
.head1{padding: 10px 0px 10px 0px;}
.head1 .flexat > div{margin-left: 20px}
.head1 .flexat > div a{color: black; font-family: "Lato", serif; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400}
.head1 .flexat > div:nth-child(1) a:after{margin-left: 5px; display: inline-block; width: 15px; height: 15px; content: ''; background: url(img/calendar.svg) no-repeat; background-size: contain; vertical-align: top}
.head1 .flexat > div:nth-child(2) a:after{margin-left: 5px; display: inline-block; width: 15px; height: 15px; content: ''; background: url(img/mail.svg) no-repeat; background-size: contain; vertical-align: top}
.head1 .flexat > div:nth-child(3) span{margin-left: 5px; display: inline-block; width: 15px; height: 15px; content: ''; background: url(img/lupa.svg) no-repeat; background-size: contain; vertical-align: top}
header .head2{padding: 20px 0px 20px 0px}
header.fijo .head2{padding: 12px 0px 8px 0px}
.head2 .flexat > div:nth-child(1){width: 240px}
header .logo a{width: 225px; display: block; height: 81px; background: url('img/logo-qs.svg') left center no-repeat; background-size: contain; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; }
header.fijo .logo a{width: 79px; display: block; height: 60px; background: url('img/logo-qs.svg') left center no-repeat; background-size: cover; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; }
.head2 .flexat > div:nth-child(2){width: calc(100% - 240px); text-align: right; padding-top: 25px}
.mainmenu{display: inline-block; margin-right: 60px; vertical-align: middle}
.mainmenu li{margin-left: 20px; display: inline-block}
.mainmenu li:nth-child(1){margin-left: 0px}
.mainmenu li a{font-size: 17px;text-transform: uppercase;  font-family: "Lato", serif; font-weight: 300; color: black; text-decoration: none;border-bottom: 1px solid rgba(0,0,0,0) }
.mainmenu li a:hover, .mainmenu li.current-menu-item a, .mainmenu .current-category-ancestor a{border-bottom: 1px solid black}
.mainmenu li:after{display: inline-block; margin-left: 20px; content: '|'; font-size: 20px; font-family: "Lato", serif; font-weight: 300;color: black; }
.mainmenu li:last-child:after{display: none}
.menumobil {display: inline-block; vertical-align: middle; cursor: pointer; padding: 0; transition: opacity 0.5s ease-in-out; transition: background 0.1s ease-in-out;}
.menumobil > .bar1, .menumobil > .bar2, .menumobil > .bar3 {position: relative; width: 15px;height: 1px;background-color: rgba(0,0,0,1);transition: 0.4s;}
.bar2, .bar3{margin-top: 4px;}
.menumobil .change.bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 8px) ;transform: rotate(-45deg) translate(-4px, 0px) ;}
.menumobil .change.bar2{display: none}
.menumobil .change.bar3 { -webkit-transform: rotate(45deg) translate(-3px, -8px) ;transform: rotate(45deg) translate(-3px, -0px) ;}

.menumobil2 {display: block; cursor: pointer; position: absolute; right: 26px; top: 30px;}
.menumobil2 > .bar1, .menumobil2 > .bar3 {position: relative; width: 15px;height: 1px;background-color: rgba(0,0,0,1);transition: 0.4s;}
.menumobil2 .change.bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 8px) ;transform: rotate(-45deg) translate(-4px, 0px) ;}
.menumobil2 .change.bar3 { -webkit-transform: rotate(45deg) translate(-3px, -8px) ;transform: rotate(45deg) translate(-3px, -0px) ;}

.popupmenu{display: none;border: 1px solid black; position: fixed; z-index: 1001; top: 60px; right: 50%; margin-right: -700px; width: 1100px; height: auto; padding: 30px 60px 30px 80px; opacity: 1}
.fijo.popupmenu{top: 50px;}
.menu1up{padding-bottom: 20px; border-bottom: 1px solid black; margin-bottom: 20px}
.menu1up > .flexat4{padding-left: 20px; padding-right: 20px; border-right: 1px solid black; min-height: auto!important}
.menu1up > .flexat4:nth-child(4){border-right: 0px solid black}
.menu1up h3{font-size: 17px;text-transform: uppercase; font-weight: 600; font-family: "Lato", serif; color: black; text-decoration: none; margin-bottom: 40px}
.menu1up.mob h3{cursor: pointer;}
.menu1up li{margin-bottom: 10px}
.menu1up li a{font-family: "Lato", serif; font-weight: 300; font-size: 14px; text-decoration: none; color: black;}
.menu1up.mob ul{margin-top: 10px}
.menu2up > div:nth-child(1) li{margin-right: 30px; display: inline-block; vertical-align: middle}
.menu2up > div:nth-child(2){text-align: right}
.menu2up > div:nth-child(2) li{margin-left: 20px; display: inline-block; vertical-align: middle}
.menu2up li a{font-family: "Lato", serif; font-weight: 300; font-size: 14px; text-decoration: none; text-transform: uppercase; color: black;}


.menu2up > div:nth-child(2) li:nth-child(1) > a{text-indent: 9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/f.png) no-repeat; background-size: contain}
.menu2up > div:nth-child(2) li:nth-child(2) > a{text-indent: 9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/ig.png) no-repeat; background-size: contain}
.menu2up > div:nth-child(2) li:nth-child(3) > a{text-indent: 9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/y.png) no-repeat; background-size: contain}


/*homepage*/
h5{font-family: "Lato", serif; font-weight: 300; font-size: 12px; text-transform: uppercase;margin-bottom: 20px}
h4{font-family: "Lato", serif; font-weight: 300; font-size: 15px; padding: 30px 30px 0px 30px}
h3{font-size: 17px; font-weight: 400; font-family: "Libre Caslon Text"!important; line-height: 1.4em}
h2{font-size: 28px; line-height: 1.2em; font-weight: 300; text-transform: uppercase; font-family: "Lato", serif; border-bottom: 1px solid black; margin-bottom: 20px; padding-bottom: 12px;}

.page, #tribe-events-pg-template{padding-top: 160px}
.featured > div:nth-child(1){padding: 80px; position: absolute; z-index: 1; top: 50%; left: 60px; z-index: 2}
.featured h2{font-weight: 300!important; font-size: 58px!important;font-family: "Libre Caslon Display", serif!important;line-height: 1.2em!important; border-bottom: 0px solid white!important; margin-bottom: 40px; text-align: center}

.featured1{height: 600px;}
.featured1 > .content{position: absolute;  top: 0%; left: 60px; z-index: 2; height: 100%;display: inline-flex;justify-content: flex-start;align-items: center;}
.featured1 .content > div{width: 70%;}
.featured1 h2, .featured1 h3, .featured1 h5, .featured1 h4{color: white;}
.featured1 h4{line-height: 1.3em; font-size: 24px; font-style: italic}
.featured1 h3{font-size: 58px; line-height: 1em; font-family: "Libre Caslon Display", serif}
.featured1 > div h5{margin-bottom: 40px}
.featured1 > .fondo{overflow: hidden; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0;}
.featured1 > .fondo img{object-fit: cover; width: 100%; height: 100%; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.featured1:hover > .fondo img{transform: scale(1.05,1.05)}
.featured1 a{position: absolute; z-index: 2; top: 0%; left: 0px; width: 100%; height: 100%}

.follow img{width: 95%; margin-top: 30px; margin-bottom: 30px;  height: auto}
.follow a{color:  black;}
.conhover{cursor: pointer}
.conhover > .img{overflow: hidden; width: 100%; height: 420px; margin-bottom: 20px}
.conhover > .img img{object-fit: cover; width: 100%; height: 100%;  -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.conhover:hover > .img > img{transform: scale(1.05,1.05)}

.aufdieohren img{width: 100%; height: auto}
.digitalstory{width: 100%; padding: 40px 0px 40px 0px; background-color: #f2f0eb; margin: 80px 0px 60px 0px}
.digitalstory h3 {font-size: 50px;max-width: 100%;font-family: "Libre Caslon Display", serif}
.digitalstory a, .aufdieohren a{position: absolute; top: 0; left:0; width: 100%; height: 100%}
.digitalstory img{max-width: 300px; height: auto}

.flexat4{min-height: 350px; margin-bottom: 40px}
.featured1 > div a, .conhover a, .amzahnderzeit a, .abs{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.aufdieohren h3{font-size: 30px; max-width: 74%; margin-left: 13%; font-family: "Libre Caslon Display", serif}
.amzahnderzeit .country{font-size: 42px; font-family: "Libre Caslon Text"!important; font-weight: 300}
.amzahnderzeit h3{font-size: 30px; }
.amzahnderzeit > div{border-bottom: 1px solid black; margin-bottom: 20px; padding-bottom: 10px}
.amzahnderzeit > div:last-child{border-bottom: 0px solid black;}
.amzahnderzeit .flexat23070:nth-child(1){width: 23.7%}
.amzahnderzeit .flexat23070:nth-child(1) img{width: 100%; height: auto!important}
.amzahnderzeit .flexat23070:nth-child(2){width: calc(90% - 23.7%); padding-left: 1.6%;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }

.amzahnderzeit > .relative:hover > .flexat23070:nth-child(2){padding-left: 3.6%}

.doblealto, .doblealto img{height: 800px!important}


.newsletter{width: 1200px; margin: 0 auto; margin-top: 40px; margin-bottom: 60px}
.newsletter .wp-block-column{padding: 40px 80px 40px 80px}
.newsletter .wp-block-column:nth-child(2) {border-left: 1px solid white}
.newsletter h3{font-family: "Libre Caslon Display", serif; font-weight: 300; font-size: 36px;}
.newsletter p{font-family: "Lato", serif; font-weight: 400; line-height: 1.4em; font-size: 16px;}
.newsletter .wpcf7-form-control-wrap{display: inline-block; width: 80%;}
.newsletter .wpcf7-submit{display: inline-block; width: 20%;}
.wpcf7-spinner{display: none}

.newsletter2{width: 100%; padding: 20px; background-color: #f2f0eb; box-sizing: border-box;}
.newsletter2 .wp-block-columns{width: 1000px; margin: 0 auto}
.newsletter2 .wp-block-columns > .wp-block-column:nth-child(1){width: 80%;}
.newsletter2 .wp-block-columns > .wp-block-column:nth-child(2){width: 20%}
.newsletter2 p{margin-bottom: 0!important; font-size: 14px!important}
.newsletter2 .wp-block-button__link{background-color: #f49f5c!important; border: 1px solid #f49f5c!important; border-radius: 0px!important; margin-bottom: 0; padding: 10px 20px 10px 20px; text-decoration: none;font-size: 14px!important; }

.detail .wpcf7-form-control-wrap{display: inline-block; width: 49%; }
.detail .imagengrande img{width: 100%; height: auto}
.detail .wpcf7-submit{display: inline-block; width: 50%; background-color: #f49f5c!important; border: 1px solid #f49f5c!important}
.detail .wpcf7-form-control-wrap .wpcf7-email{border: 1px solid grey}
.detail .wp-block-contact-form-7-contact-form-selector{width: 100%}
.detail .wpcf7-form p:nth-child(2) .wpcf7-form-control-wrap{width: 100%;}
.detail .wpcf7-form p:nth-child(2) .wpcf7-form-control-wrap .wpcf7-list-item-label{padding-left: 40px;display: block;margin-top: -25px; line-height: 1.4em}
.detail .wpcf7-form p:nth-child(2) .wpcf7-form-control-wrap .wpcf7-list-item-label strong{font-weight: bold}
/*categories*/
.filters{text-align: center; margin-bottom: 60px; margin-top: 40px}
.filters .filtra{display: inline-block; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid rgba(0,0,0,0);}
.filters .filtra a{font-family: "Lato", serif; font-weight: 300; line-height: 1.2em; font-size: 12px; text-transform: uppercase; cursor: pointer;text-decoration: none;color: black;}
.filters .filtra:hover, .filters .filtra.apretat{border-bottom: 1px solid rgba(0,0,0,1)}
.postlist{margin-bottom: 60px}

.p19 h2{font-family: "Lato", serif!important; font-style: italic; font-size: 24px!important}


/*single*/
.detail{padding-top: 200px}
.detail .intro > div:nth-child(1){ padding-right: 120px}
.breadcrumb, #breadcrumb, .breadcrumb a{font-size: 12px; font-family: "Lato", serif; font-weight: 300; color: black; text-decoration: none}
.addtoany_share{display: none!important}
.detail h5{font-family: "Lato", serif; font-weight: 300; font-size: 12px; text-transform: uppercase;margin-bottom: 40px}
.detail h1{font-size: 58px; font-weight: 300; font-family: "Libre Caslon Display", serif; }
.detail h4{font-family: "Lato", serif; font-weight: 300; font-size: 15px; padding: 0}
.detail h3{font-size: 22px; font-weight: 300; font-family: "Libre Caslon Text"!important; line-height: 1.2em}
.detail .wp-block-quote p{font-size: 36px; font-weight: 300; font-family: "Libre Caslon Display", serif; line-height: 1.2em}
.next h3{font-size: 20px; font-weight: 400; font-family: "Libre Caslon Text"!important; line-height: 1.2em}
.detail h2{font-size: 31px; font-weight: 300; font-family: "Libre Caslon Text"!important; line-height: 1.2em; border-bottom: 0px solid white; text-transform: none!important}
.next h2{text-transform: none!important}
.detail .intro h2{font-size: 24px; text-transform: none!important; font-style: italic; max-width: 74%; margin-left: 13%; font-family: "Lato", serif; border-bottom: 0px solid white; font-weight: 300; line-height: 1.3em}
.detail p{font-size: 19px; font-family: "Lato", serif; line-height: 1.6em; margin-bottom: 20px; font-weight: 300; color: black; text-decoration: none}
.detail a{font-size: 19px; font-family: "Lato", serif; line-height: 1.6em; margin-bottom: 20px; font-weight: 300; color: black; text-decoration: underline}
.detail ul{list-style-type: disc; margin-bottom: 20px; padding-left: 20px}
.detail li{font-size: 15px; font-family: "Lato", serif; line-height: 1.4em; margin-bottom: 5px; font-weight: 300}
.detail .wp-block-image.size-full, .detail .wp-block-image.size-full img{width: 100%}
.detail .wp-element-caption{font-size: 12px; font-family: "Lato", serif; font-weight: 300}
.detail .wp-block-button__link{background-color: white; border: 1px solid black; border-radius: 5px; margin-bottom: 0; padding: 5px 20px 5px 20px; text-decoration: none }
.next h5{margin-bottom: 20px!important;}
.p21 .contextgrande p{font-size: 17px!important}

.detailmagazine h1{font-size: 58px; font-weight: 300; font-family: "Libre Caslon Display", serif;}
.detailmagazine h2{font-size: 24px;text-transform: none !important;font-style: italic;max-width: 74%;margin-left: 13%;font-family: "Lato", serif;border-bottom: 0px solid white;font-weight: 300;line-height: 1.3em;}

.c11 h2{font-style: italic}

/*footer*/
footer{text-align: center}
footer:before{display: block; width: 1340px; height: 1px; background-color: black; margin: 0 auto; content: ''; margin-bottom: 40px}
footer .menu-footer{}
footer .mainmenufooter li{margin-left: 20px; display: inline-block}
footer .mainmenufooter li:nth-child(1){margin-left: 0px}
footer .mainmenufooter li a{font-size: 17px;text-transform: uppercase; font-weight: 100; font-family: "Lato", serif; font-weight: 300; color: black; text-decoration: none }
footer .mainmenufooter li:after{display: inline-block; margin-left: 20px; content: '|'; font-size: 20px; font-family: "Lato", serif; font-weight: 300;color: black; }
footer .mainmenufooter li:last-child:after{display: none}
footer .socialmenufooter li{margin-left: 20px; display: inline-block}
footer .socialmenufooter li:nth-child(1){margin-left: 0px}
footer .socialmenufooter li:nth-child(1) > a{text-indent: -9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/f.png) no-repeat; background-size: contain}
footer .socialmenufooter li:nth-child(2) > a{text-indent: -9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/ig.png) no-repeat; background-size: contain}
footer .socialmenufooter li:nth-child(3) > a{text-indent: -9999px; display: block;width: 25px; height: 25px; content: ''; background: url(img/y.png) no-repeat; background-size: contain}
footer #menu-footer li{margin-left: 20px; display: inline-block}
footer #menu-footer li:nth-child(1){margin-left: 0px}
footer #menu-footer li a{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: "Lato", serif; font-weight: 300; color: black; text-decoration: none }
.footerdown{padding: 10px; text-align: center; font-size: 12px; font-family: "Lato", serif; font-weight: 300; margin-top: 30px}
#breadcrumbs span a, #breadcrumbs span{font-size: 12px!important; text-decoration: none;line-height: 12px;}
#breadcrumbs span a:hover{text-decoration: underline}

.banvertical{position: absolute;right: 20px;}
.banvertical.fijo{position: fixed;bottom: 20px; right: 20px;top: auto!important;}
.banvertical.fijo2{position: absolute;bottom: auto; right: 20px; top: auto;}

.textpages{padding-bottom: 80px}
.textpages .t{font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid grey; margin-bottom: 10px; position: relative; cursor:pointer}
.textpages .t:after{content:'+'; display: block; position: absolute; right: 0; font-size: 20px; top: 0}
.textpages .t.apretat:after{content:'-'; display: block; position: absolute; right: 0; font-size: 20px; top: 0}
.textpages .d{display: none}
.textpages .d.apretat{display: block}
.textpages h4{font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px}
.textpages h3{font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px}
.textpages h2{font-size: 24px; font-weight: bold; margin-top: 40px; margin-bottom: 0px}
.textpages p, .textpages a{font-size: 14px; margin-bottom: 10px}
.textpages ul{padding-left: 30px; list-style-type: disc; margin-bottom: 20px}
.breadcrumb_last{display: none!important}

.dasneuste h4{line-height: 1.2em!important}

.p17 > h1.wp-block-heading, .p17 > h5.wp-block-heading{width: 700px; margin: 0 auto}
.p17 h2{width: 700px; margin: 0 auto; font-size: 17px !important; font-style: italic; font-weight: 300!important; line-height: 1.6em!important;font-family: "Lato", serif!important;}
.tribe-common .tribe-common-l-container{padding-right: 0!important; padding-left: 0!important}
.p17 .tribe-compatibility-container, .p17 .tribe-events{width: 700px!important; margin: 0 auto; margin-bottom: 60px}
.tribe-events-widget-events-list__header{display: none!important}
.p17 .tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message{justify-content: center;}
.tribe-events-widget-events-list__event-header, .tribe-events-calendar-list__event-header, .tribe-events-header.tribe-events-header--has-event-search{position: relative!important;top: auto!important;left: auto!important; width: auto!important;z-index: 0!important; background-color: rgba(0,0,0,0)!important}
.tribe-events-back{display: none!important}
.tribe-events-meta-group a{color: black!important}

.tribe-events-calendar-list__event-date-tag-daynum, .tribe-events-calendar-list__event-title-link{font-family: "Lato", serif!important; font-weight: 600!important; font-size: 20px!important}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border, .tribe-common .tribe-common-c-btn-border{border:1px solid #f49f5c!important; color: #f49f5c!important}
.tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover{border:1px solid #f49f5c; background-color: #f49f5c!important; color: white!important}
.tribe-events-back a{font-size: 12px !important; font-weight: 400}
#tribe-events-content{width: 700px!important;margin: 0 auto!important;}
.tribe-events-event-image{margin-bottom: 20px!important}
.tribe-events-event-meta:before{width: 700px!important;margin: 0 auto!important;}

.tribe-events-single-event-title {font-size: 58px;font-weight: 300; line-height: 1.2em; font-family: "Libre Caslon Display", serif;}
.tribe-events-single-section, .tribe-events-nav-pagination, .tribe-event-date-start{font-family: "Lato", serif;line-height: 1.6em;}
.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul{font-size: 19px;font-family: "Lato", serif;line-height: 1.6em;margin-bottom: 20px;font-weight: 300;color: black;}

.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden{display: block!important; visibility: visible!important}
.tribe-events-calendar-list__event-description p{font-size: 15px!important; margin-top: 10px; line-height: 18px}

.formsearch{cursor: pointer;}
.formsearch form{display: none; margin-right: 10px}
.formsearch form.apretat{display: inline-block;}
.formsearch form #s{border: 0px solid white; border-bottom: 1px solid black; background-color: rgba(0,0,0,0); }
.formsearch form #searchsubmit{text-transform: uppercase;font-size: 11px;border: 0px solid white;padding: 0px 10px 0px 10px; cursor: pointer; background:  none!important}

.res{margin-bottom: 20px;margin-top: 20px;font-family: "Lato", serif;line-height: 1.6em;}

.cmplz-cookiebanner .cmplz-title{font-family: "Libre Caslon Text"!important; font-size: 18px!important}
.cmplz-body p{font-family: "Lato", serif; font-size: 12px!important}


/*banners new*/
.banner1{width: 100%; margin: 0 auto;}
.banner1.estrecho2{width: 970px}
.swiper-button-next, .swiper-button-prev{background-color: rgba(255, 255, 255, 0.5);border-radius: 40px;height: 27px;margin-top: -13px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 12px; color: black;}
.swiper-pagination-bullet-active-main{background: black}

@media screen 
and (max-width : 1400px) 
and (min-width : 1024px)
{
    .estrecho {width: 964px;margin: 0 auto;}
    .featured1 {height: 500px;}
    .featured1 .content > div {width: 50%;}
    .featured1 h3 {font-size: 50px;}
    .conhover > .img{height: 285px}
    .newsletter {width: 100%;}
    .popupmenu{top: 55px;margin-right: -482px;width: 964px;}
    .banvertical{display: none}

    .banner1, .banner1.estrecho2{width: 964px; margin: 0 auto; margin-bottom: 20px}
}


@media screen 
and (max-width : 1023px) 
and (min-width : 782px)
{
    .estrecho {width: calc(100% - 40px);margin: 0 auto;}
    .featured1 {height: 350px;}
    .featured1 .content > div {width: 80%;}
    .featured1 h3, .digitalstory h3, .amzahnderzeit .country, .detail h1 {font-size: 40px;}
    .conhover > .img{height: 220px}
    .newsletter {width: 100%;}
    .featured1 h4{font-size: 20px}
    h3 {font-size: 18px;}
    .aufdieohren h3{max-width: 100%;margin-left: 0%;}
    .newsletter .wp-block-column {padding: 20px;}
    footer #menu-footer li {margin-left: 10px;}
    footer #menu-footer li a {font-size: 12px;}
    .detail .intro > div:nth-child(1) { padding-right: 20px;}
    .detail .intro h2 {font-size: 20px;max-width: 100%;margin-left: 0%;}
    .mainmenu li{margin-left: 15px;}
    .mainmenu li a {font-size: 14px;}
    .mainmenu li:after{margin-left: 15px;}
    .p21 p {font-size: 15px!important;}
    .flexat4{min-height: auto}
    .popupmenu{top: 55px;margin-right: -372px;width: 744px; padding: 30px}
    .menu2up > div:nth-child(1) li {margin-right: 20px;}
    .detail iframe{height: 400px!important}
    .banvertical{display: none}
    .newsletter2 .wp-block-columns{width: 100%}

    .banner1, .banner1.estrecho2{width: calc(100% - 40px); margin: 0 auto; margin-bottom: 20px}
}

@media screen 
and (max-width : 781px) 
{
    .newsletter2 .wp-block-columns{width: 100%; text-align: center}
    .newsletter2 .wp-block-columns .wp-block-buttons{display: inline-flex!important;}
    .detail iframe{height: 250px!important}
    .banvertical{display: none}
    .estrecho, .estrecho2 {width: calc(100% - 40px);margin: 0 auto;}
    .featured1 {height: auto;}
    .featured1 .content > div {width: 100%;}
    .featured1 h3, .digitalstory h3, .amzahnderzeit .country {font-size: 24px;}
    .detail h1{font-size: 36px}
    .conhover > .img{height: 220px}
    .newsletter {width: 100%;}
    .featured1 h4{font-size: 20px}
    h3 {font-size: 18px;}
    .aufdieohren h3{max-width: 100%;margin-left: 0%;}
    .newsletter .wp-block-column {padding: 20px;}
    footer #menu-footer li {margin-left: 10px;}
    footer #menu-footer li a {font-size: 12px;}
    .detail .intro > div:nth-child(1) {padding-right: 0px; margin-bottom: 0!important}
    .detail .intro h2 {font-size: 16px;max-width: 100%;margin-left: 0%;}
    .mainmenu li{margin-left: 15px;}
    .mainmenu li a {font-size: 14px;}
    .mainmenu li:after{margin-left: 15px;}
    .p21 p {font-size: 15px!important;}
    .flexat4{min-height: auto}
    .mainmenu{display: none}
    header .logo a, header.fijo .logo a {width: 130px;height: 48px;}
    header .head2 {padding: 10px 0px 2px 0px;}
    header.fijo {border-bottom: 0px solid rgba(200, 200, 200, 1);}
    .page, .detail {padding-top: 110px;}
    .head2 .flexat > div:nth-child(2){padding-top: 15px}
    .flexat4:nth-child(2n+0) {margin-right: 0%;}
    .flexat4{width: 47.7%; margin-bottom: 20px}
    .conhover > .img {height: auto;margin-bottom: 10px; }
    h5{margin-bottom: 10px;}
    .featured1 {height: auto;display: inline-flex;flex-wrap: wrap;width: calc(100% - 40px); margin-left: 20px;margin-bottom: 20px;}
    .featured1 > .content{position: relative; order: 2; left: 0; width: 100%;height: auto;display: block; margin-top: 20px}
    .featured1 > .fondo {position: relative; order: 1;}
    .featured1 h2, .featured1 h3, .featured1 h5, .featured1 h4 {color: black;}
    .featured1 h4 {font-size: 16px; margin-top: 10px}
    .featured1 > div h5 {margin-bottom: 10px;}
    h4{padding: 0;}
    .aufdieohren h3 {font-size: 20px;}
    .margintop40 {margin-top: 20px !important;}
    .margintop80 {margin-top: 40px !important;}
    .flexat2 {width: 100%;}
    .digitalstory img{width: 100%; height: auto}
    .flexat2:nth-child(1){margin-bottom: 40px}
    .amzahnderzeit h3 {font-size: 17px;}
    .amzahnderzeit .flexat23070:nth-child(1){width: 50%}
    .amzahnderzeit .flexat23070:nth-child(2){width: 50%; padding-left: 20px}
    .newsletter .wp-block-columns {gap: 0;}
    .newsletter .wp-block-column:nth-child(2) {border-left: 0px solid white;}
    .newsletter h3{font-size: 30px;}
    .doblealto, .doblealto img {height: auto!important;}
    footer .mainmenufooter li {margin-left: 10px;}
    footer .mainmenufooter li a{font-size: 14px;}
    footer .mainmenufooter li:after{margin-left: 10px;font-size: 15px;}
    .filters {margin-bottom: 30px;margin-top: 20px;}
    .filters .filtra{margin-bottom: 10px}
    .flexat27030:nth-child(2){width: 100%}
    #breadcrumbs{line-height: 17px;margin-bottom: 0;}
    .breadcrumb{width: 100%!important; margin-bottom: 0px!important;line-height: 10px;}
    .breadcrumb span, .breadcrumb a{line-height: 10px;}
    .breadcrumb a{margin-bottom: 0!important}
    .detail p, .detail a{font-size: 16px}
    .detail h2{font-size: 20px!important}
    .menumobil2{display: none}
    .popupmenu{position: fixed; width: calc(100% - 40px); padding: 20px; top: 100px;right: 20px;margin-right: 0; z-index: 100}
    .menu1up > .flexat4 {width: 100%;padding-left: 0;padding-right: 0;border-right: 0px solid black;min-height: auto !important; margin-right: 0; text-align: right}
    .menu1up h3{margin-bottom: 0px}
    .menu1up li {margin-bottom: 5px;}
    .menu1up ul{display: none}
    .menu2up .flexat27030:nth-child(1){width: 100%; margin-bottom: 5px}
    .menu2up .flexat27030:nth-child(1) li{display: block; margin-right: 0; text-align: right; margin-bottom: 10px}
    .menu2up .flexat27030:nth-child(2){width: 100%;}
    .digitalstory img{max-width: 100%; height: auto}


    .banner1, .banner1.estrecho2{width: calc(100% - 40px); margin: 0 auto; margin-bottom: 20px}
    .gap0{gap: 20px!important;}

    .p17>h1.wp-block-heading, .p17>h5.wp-block-heading, .p17 h2, .p17 .tribe-compatibility-container, .p17 .tribe-events, #tribe-events-content{width: 100%!important;}
    .tribe-events-event-image img{width: 100%!important; height: auto!important}
    footer img{height: auto!important;}
}