/*!
Theme Name: Palermo Blu
Theme URI: http://underscores.me/
Author: Henning
Author URI: https://www.palermo-blu.com
Description: The Palermo Blu Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: palermo-blu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Palermo Blu is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/* ====================== CSS Body Classes for Customizing Themes ======================== */
/* https://developer.wordpress.org/reference/functions/body_class/ */
/* https://www.wpbeginner.com/wp-themes/wordpress-body-class-101-tips-and-tricks-for-theme-designers/ */
/*
.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}
*/
/* Palermo Blu uses *
/*
body.error404
body.home
body.page
body.search
body.single <<< single post
body.heroless <<< own via custom field {"page-type":"heroless"} used in legal pages
*/
/* =============================== Main Break Points =============================== */
/*
Heros:
* Smartphone: 420 x 175
* Tablet: 770 x 320
* Desktop: 1440 x 600
@media (min-width:420px) and (max-width:768px) {
}
@media (min-width:769px) {
}
*/
/* =============================== Color Definition =============================== */
/* --cogxxx: graphics color */
/* --cobxxx: background color */
/* --cotxxx: text color */
/* */
:root{
/* Original PB logo - only for reference purposes */
--cogLogCircle:#26adce; /* circle */
--cogLogSpotInP:#7be1fd; /* spot inside P */
--cogLogP:#ff0000; /* P */
/* Main backgrounds */
--cobScreen:#ffffff; /* screen */
--cobFootWidget:#dddddd; /* footer widget */
/* Main borders */
--corLightRGB: 255,255,255; /* light */
--corDarkRGB: 0,0,0; /* dark */
/* Main navigation */
--cobMainNavLnk:#E5F8FF; /* link background #ffebe5 #e8f7fb #fdeece ffebe5 */
--cotMainNavLnk:#273452; /* link */
--cotMainNavHov:#e92802; /* hover */
--cotMainNavVis:#e92802; /* visited */
--cogMainNavHam:#26adce; /* hamburger strokes */
--cogMainNavHamHov:#e92802; /* hamburger strokes hover */
/* Header */
--cotH1:#dc3a00; /* h1 */
--cotH2:#007fa5; /* h2 */
--cotH3:#007fa5; /* h3 */
/* Author */
--cotAuthor:#273452;
--cotAutLnk:#0b89c2;
--cotAutHov:#f5ab0b;
/* Main boxes */
--cobMaiBox:#f5ab0b; /* background, blue:#6bc4ee(107,196,238), orange:#f4b70b(244,183,11) */
--cobMaiBoxRGB: 245,171,11;
--cotMaiBox:#ffffff; /* text */
--cotMaiBoxLnk:#0b89c2; /* link, red:#e92802 #c03404 */
--cobMaiPanMsg:#ffe4af; /* panorama cookie message */
--cobMaiBoxStaRGB: 101,149,50; /* background stazione */
/* Info boxes */
--cobInfBox:#f1ede8; /* background, light blue:#eef9fe sand:#efe8e0 */
--cotInfBox:#273452; /* text */
--cotInfBoxLnk:#2c93c2; /* link #6bc4ee */
--cotInfBoxMsg:#038014; /* message (green) */
--cotInfBoxH2:#273452; /* h2 */
/* Price tables */
--cobPrcTabHead:#6bc4ee; /* header background */
--cobPrcTabStrp:#d2deec; /* stripes background */
/* Palazzi boxes */
--cobPlzBox:#fff3ee; /* background, light pink:#ffe3e3 */
/* Magellano */
--cobMagOcc:#ffbfb2; /* legend: occupied */
--cobMagNav:#96deff; /* blue navigation bar */
--cobMagMon:#e5f7ff; /* header table month */
--cobMagWee:#f2fbff; /* header table week/days */
--cobMagReB:#96deff; /* reservation button */
/* Search inputs */
--cobMainNavSrcMain:#ffffff; /* main search background */
--cobMainNavSrcSlit:#ffffff; /* search slit background color */
--cogManNavSrcSlitBrd:#26adce; /* search slit border */
--cogMainNavSrcSlitBrdHov:#e92802; /* search slit border hover */
--cotMainNavSrcStr:#273452; /* search string */
--cobMainNavSrcBut:#26adce; /* search button background */
--cobMainNavSrcButHov:#e92802; /* search button background hover */
/* Search results */
--cotSresTit:#499ec4; /* title */
--cotSresUrl:#038014; /* URL */
--cotSresHov:#e92802; /* hover */
--cotSresDes:#273452; /* description */
/* Cookie popup */
--cobCokButInf:#6bc4ee; /* background button "info" */
--cobCokButOK:#038014; /* background button "OK" */
/* Sub-footer */
--cobSubFoot:#333333; /* background */
--cotSubFoot:#ffffff; /* text */
}
/* =============================== Color Definition - Dark =============================== */
/* Win: Zahnrad > Personalization > Colors > Choose your color: User > Standard App Mode: Light/Dark */
/* Mac: */
@media(prefers-color-scheme:dark){
:root{
/* Main backgrounds */
--cobScreen:#333333; /* screen */
--cobFootWidget:#666666; /* footer widget */
/* Main borders */
--corLightRGB: 100,100,100; /* light */
--corDarkRGB: 255,255,255; /* dark */
/* Main navigation */
--cotMainNavLnk:#273452; /* link */
/* Author */
--cotAuthor:#ffffff;
--cotAutLnk:#0b89c2;
--cotAutHov:#f5ab0b;
/* Search inputs */
--cobMainNavSrcMain:#555555; /* main search background */
--cobMainNavSrcSlit:#666666; /* search slit background color */
--cotMainNavSrcStr:#eeeeee; /* search string */
/* Search results */
--cotSresDes:#eeeeee; /* description */
/* Sub-footer */
--cobSubFoot:#333333; /* background */
}
.custom-logo{content:url("/de/wp-content/uploads/sites/2/2019/09/logo-palermo-blu-dark.png")}
}
/* =============================== Hero Level 1 =============================== */
/* ---------------------- Homepage ---------------------- */
body.lang-de.cont-palermo .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-yachthafen-la-cala-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-palermo .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-yachthafen-la-cala-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-palermo .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-yachthafen-la-cala-hdesk.jpg) no-repeat center top}}
body.lang-en.cont-palermo .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-marina-la-cala-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-en.cont-palermo .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-marina-la-cala-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-en.cont-palermo .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-marina-la-cala-hdesk.jpg) no-repeat center top}}
body.lang-it.cont-palermo .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-marina-la-cala-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-it.cont-palermo .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-marina-la-cala-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-it.cont-palermo .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-marina-la-cala-hdesk.jpg) no-repeat center top}}
/* ---------------------- Ferienwohnungen ---------------------- */
body.lang-de.cont-lettings .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/01/palermo-ferienwohnungen-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-lettings .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/01/palermo-ferienwohnungen-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-lettings .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/01/palermo-ferienwohnungen-hdesk.jpg) no-repeat center top}}
body.lang-en.cont-lettings .entry-header{background:url(/en/wp-content/uploads/sites/3/2020/04/palermo-holiday-lettings-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-en.cont-lettings .entry-header{background:url(/en/wp-content/uploads/sites/3/2020/04/palermo-holiday-lettings-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-en.cont-lettings .entry-header{background:url(/en/wp-content/uploads/sites/3/2020/04/palermo-holiday-lettings-hdesk.jpg) no-repeat center top}}
body.lang-it.cont-lettings .entry-header{background:url(/it/wp-content/uploads/sites/4/2020/04/palermo-case-vacanza-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-it.cont-lettings .entry-header{background:url(/it/wp-content/uploads/sites/4/2020/04/palermo-case-vacanze-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-it.cont-lettings .entry-header{background:url(/it/wp-content/uploads/sites/4/2020/04/palermo-case-vacanze-hdesk.jpg) no-repeat center top}}
/* ---------------------- Karten ---------------------- */
body.lang-de.cont-maps .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-karten-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-maps .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-karten-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-maps .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-karten-hdesk.jpg) no-repeat center top}}
/* ---------------------- Sehenswürdigkeiten ---------------------- */
body.lang-de.cont-tosee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-sehenswuerdigkeiten-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-tosee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-sehenswuerdigkeiten-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-tosee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-sehenswuerdigkeiten-hdesk.jpg) no-repeat center top}}
/* ---------------------- Geschichten ---------------------- */
body.lang-de.cont-story .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-geschichten-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-story .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-geschichten-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-story .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-geschichten-hdesk.jpg) no-repeat center top}}
/* ---------------------- Tipps ---------------------- */
body.lang-de.cont-tips .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-tipps-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-tips .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-tipps-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-tips .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-tipps-hdesk.jpg) no-repeat center top}}
/* ---------------------- ALT ALT Entdecken ALT ALT ---------------------- */
body.lang-en.cont-discover .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-en.cont-discover .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-en.cont-discover .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-hdesk.jpg) no-repeat center top}}
body.lang-it.cont-discover .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-it.cont-discover .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-it.cont-discover .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-hdesk.jpg) no-repeat center top}}
/* =============================== Hero Level 2 - Geschichten =============================== */
/* ---------------------- Street Food ---------------------- */
body.lang-de.cont-stfood .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-street-food-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-stfood .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-street-food-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-stfood .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-street-food-hdesk.jpg) no-repeat center top}}
/* ---------------------- Beati Paoli ---------------------- */
body.lang-de.cont-paoli .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-beati-paoli-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-paoli .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-beati-paoli-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-paoli .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-beati-paoli-hdesk.jpg) no-repeat center top}}
/* ---------------------- Das Paradies der Erde ---------------------- */
body.lang-de.cont-parad .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cuba-arabische-gaerten-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-parad .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cuba-arabische-gaerten-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-parad .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cuba-arabische-gaerten-hdesk.jpg) no-repeat center top}}
/* ---------------------- Das widerspenstige Kreuz ---------------------- */
body.lang-de.cont-kreuz .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-instituto-cervantes-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-kreuz .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-instituto-cervantes-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-kreuz .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-instituto-cervantes-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der Conte di Cagliostro ---------------------- */
body.lang-de.cont-stapl .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-conte-di-cagliostro-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-stapl .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-conte-di-cagliostro-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-stapl .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-conte-di-cagliostro-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der Sultan von Palermo ---------------------- */
body.lang-de.cont-sultan .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-weltkarte-tabula-rogeriana-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-sultan .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-weltkarte-tabula-rogeriana-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-sultan .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-weltkarte-tabula-rogeriana-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der unsichtbare Baron ---------------------- */
body.lang-de.cont-baron .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-grand-hotel-et-des-palmes-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-baron .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-grand-hotel-et-des-palmes-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-baron .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-grand-hotel-et-des-palmes-hdesk.jpg) no-repeat center top}}
/* ---------------------- Die Cassata Siciliana ---------------------- */
body.lang-de.cont-cassata .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cassata-siciliana-fussgaengerzone-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-cassata .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cassata-siciliana-fussgaengerzone-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-cassata .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-cassata-siciliana-fussgaengerzone-hdesk.jpg) no-repeat center top}}
/* ---------------------- Die Giftmischerin ---------------------- */
body.lang-de.cont-gift .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-palazzo-delle-finanze-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-gift .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-palazzo-delle-finanze-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-gift .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-palazzo-delle-finanze-hdesk.jpg) no-repeat center top}}
/* ---------------------- Die Rückkehr des Caravaggio ---------------------- */
body.lang-de.cont-carav .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-caravaggio-christi-geburt-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-carav .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-caravaggio-christi-geburt-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-carav .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-caravaggio-christi-geburt-hdesk.jpg) no-repeat center top}}
/* ---------------------- Die sieben Feen ---------------------- */
body.lang-de.cont-feen .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-piazzetta-sette-fate-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-feen .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-piazzetta-sette-fate-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-feen .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-piazzetta-sette-fate-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der König als Pirat ---------------------- */
body.lang-de.cont-pirat .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-quattro-canti-via-maqueda-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-pirat .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-quattro-canti-via-maqueda-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-pirat .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-quattro-canti-via-maqueda-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der Herr mit der Schlange ---------------------- */
body.lang-de.cont-genius .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-villa-giulia-genius-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-genius .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-villa-giulia-genius-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-genius .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-villa-giulia-genius-hdesk.jpg) no-repeat center top}}
/* ---------------------- Liebe zwischen zwei Toren ---------------------- */
body.lang-de.cont-liebe .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-porta-nuova-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-liebe .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-porta-nuova-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-liebe .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-porta-nuova-hdesk.jpg) no-repeat center top}}
/* ---------------------- Rosalia besiegt die Pest ---------------------- */
body.lang-de.cont-rosal .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-statue-santa-rosalia-wallfahrstkirche-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-rosal .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-statue-santa-rosalia-wallfahrstkirche-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-rosal .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-statue-santa-rosalia-wallfahrstkirche-hdesk.jpg) no-repeat center top}}
/* ---------------------- Schnee auch im Sommer ---------------------- */
body.lang-de.cont-schnee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-vicolo-della-neve-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-schnee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-vicolo-della-neve-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-schnee .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-vicolo-della-neve-hdesk.jpg) no-repeat center top}}
/* ---------------------- Der Mohrenkopf ---------------------- */
body.lang-de.cont-mohr .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-mohrenkopf-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-mohr .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-mohrenkopf-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-mohr .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-mohrenkopf-hdesk.jpg) no-repeat center top}}
/* =============================== Hero Level 2 - Sehenswürdigkeiten =============================== */
/* ---------------------- Panoramas ---------------------- */
body.lang-de.cont-panos .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-panoramas-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-panos .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-panoramas-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-panos .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-panoramas-hdesk.jpg) no-repeat center top}}
/* ---------------------- Fussgängerzonen ---------------------- */
body.lang-de.cont-pedar .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-fussgaengerzonen-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-pedar .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-fussgaengerzonen-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-pedar .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/11/palermo-fussgaengerzonen-hdesk.jpg) no-repeat center top}}
/* ---------------------- Altstadt ---------------------- */
body.lang-de.cont-oldtown .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-zu-fuss-entdecken-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-oldtown .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-zu-fuss-entdecken-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-oldtown .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-zu-fuss-entdecken-hdesk.jpg) no-repeat center top}}
/* ---------------------- Aussichtspunkte ---------------------- */
body.lang-de.cont-views .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-aussichtspunkte-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-views .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-aussichtspunkte-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-views .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-aussichtspunkte-hdesk.jpg) no-repeat center top}}
/* ---------------------- Meer ---------------------- */
body.lang-de.cont-sea .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-meer-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-sea .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-meer-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-sea .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-meer-hdesk.jpg) no-repeat center top}}
/* ---------------------- Parks ---------------------- */
body.lang-de.cont-parks .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-parks-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-parks .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-parks-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-parks .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-parks-hdesk.jpg) no-repeat center top}}
/* ---------------------- Springbrunnen ---------------------- */
body.lang-de.cont-spring .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-springbrunnen-wasserspiele-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-spring .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-springbrunnen-wasserspiele-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-spring .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-springbrunnen-wasserspiele-hdesk.jpg) no-repeat center top}}
/* ---------------------- Museen ---------------------- */
body.lang-de.cont-museum .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-museen-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-museum .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-museen-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-museum .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-museen-hdesk.jpg) no-repeat center top}}
/* ---------------------- Kirchen ---------------------- */
body.lang-de.cont-church .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-kirchen-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-church .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-kirchen-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-church .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-kirchen-hdesk.jpg) no-repeat center top}}
/* =============================== Hero Level 2 - Tipps =============================== */
/* ---------------------- Frühstück ---------------------- */
body.lang-de.cont-breakf .entry-header{background:url(/de/wp-content/uploads/sites/2/2021/05/palermo-fruehstueck-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-breakf .entry-header{background:url(/de/wp-content/uploads/sites/2/2021/05/palermo-fruehstueck-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-breakf .entry-header{background:url(/de/wp-content/uploads/sites/2/2021/05/palermo-fruehstueck-hdesk.jpg) no-repeat center top}}
/* ---------------------- Ãœberwintern ---------------------- */
body.lang-de.cont-winter .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-ueberwintern-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-winter .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-ueberwintern-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-winter .entry-header{background:url(/de/wp-content/uploads/sites/2/2019/09/palermo-ueberwintern-hdesk.jpg) no-repeat center top}}
body.lang-en.cont-winter .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-winter-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-en.cont-winter .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-winter-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-en.cont-winter .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-winter-hdesk.jpg) no-repeat center top}}
body.lang-it.cont-winter .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-inverno-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-it.cont-winter .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-inverno-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-it.cont-winter .entry-header{background:url(/it/wp-content/uploads/sites/4/2020/04/palermo-inverno-hdesk.jpg) no-repeat center top}}
/* ---------------------- Bus und Bahn ---------------------- */
body.lang-de.cont-bustrain .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-bus-bahn-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-bustrain .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-bus-bahn-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-bustrain .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-bus-bahn-hdesk.jpg) no-repeat center top}}
/* ---------------------- Downloads ---------------------- */
body.lang-de.cont-down .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-downloads-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-de.cont-down .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-downloads-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-de.cont-down .entry-header{background:url(/de/wp-content/uploads/sites/2/2020/07/palermo-downloads-hdesk.jpg) no-repeat center top}}
/* ---------------------- ALT ALT Zu Fuss ALT ALT ---------------------- */
body.lang-en.cont-discover-foot .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-on-foot-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-en.cont-discover-foot .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-on-foot-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-en.cont-discover-foot .entry-header{background:url(/en/wp-content/uploads/sites/3/2019/09/palermo-discover-on-foot-hdesk.jpg) no-repeat center top}}
body.lang-it.cont-discover-foot .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-a-piedi-hphon.jpg) no-repeat center top}
@media (min-width:420px) and (max-width:768px) {body.lang-it.cont-discover-foot .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-a-piedi-htabl.jpg) no-repeat center top}}
@media (min-width:769px) {body.lang-it.cont-discover-foot .entry-header{background:url(/it/wp-content/uploads/sites/4/2019/09/palermo-scoprire-a-piedi-hdesk.jpg) no-repeat center top}}
/* =============================== Spacers ===============================
https://developer.mozilla.org/en-US/docs/Web/CSS/calc
Spez: Nested calc() with CSS Variables */
.h1one{--hei-double:0px}
.h1two{--hei-double:35px}
.matoM10{margin-top:-10px!important}
.mato0{margin-top:0!important}
.mato5{margin-top:5px!important}
.mato20{margin-top:20px!important}
.mato30{margin-top:30px!important}
.mato40{margin-top:40px!important}
.mabo5{margin-bottom:5px!important}
.mabo10{margin-bottom:10px!important}
.mabo20{margin-bottom:20px!important}
.mabo30{margin-bottom:30px!important}
.mabo40{margin-bottom:40px!important}
.mabo50{margin-bottom:50px!important}
.mabo60{margin-bottom:60px!important}
/* =============================== Font Modifiers =============================== */
.fosi21{font-size:21px!important}
/* =============================== body =============================== */
/* https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f */
body{margin:0;padding:0;overflow-y:auto;overflow-x:hidden} /*hidden avoids overall scrollbar*/
body{background:var(--cobScreen)}
body{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}
body{-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%} /* prevent auto text enlargement */
body{text-rendering:optimizeSpeed}/* https://www.selbstaendig-im-netz.de/webdesign/7-css-tricks-fuer-eure-website/ */
html{scroll-behavior:smooth;-webkit-touch-callout:none}/* dito */
/* =============================== basics =============================== */
footer,figure,figcaption,nav,section,body,h1,h2,h3{margin:0;padding:0}
h1,h2,h3,strong{font-weight:600}
img{border-style:none}
p{font-size:16px;line-height:22px}
a{font-weight:600;text-decoration:none}
a:hover{cursor:pointer}
.wp-block-image img{height:auto} /* muss seit WP 5.5 expliziet gesetzt werden, damit die Bildhöhe Veränderungen der Breite folgt */
/* =============================== helper =============================== */
.pb-display-none{display:none!important}
.pb-display-block{display:block!important}
/* ============================== <header> ============================= */
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
.site-header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:20px 20px 20px 20px}
/* -------- logo ------- */
.custom-logo-link img{vertical-align:top}
/* -------- navigation ------- */
.main-navigation{display:flex;justify-content:flex-end} /* ;align-items:center ;border:1px solid green */
.main-navigation ul{display:none} /* mobile first: menu links off and button on */
/* disable standard button */
.main-navigation button{padding:0;margin:0;border:none;background:transparent}
/* hamburger svg injected by men.js into <button></button> */
.main-navigation button svg{margin:3px 7px 0 13px;width:24px;height:25px;cursor:pointer;stroke:var(--cogMainNavHam)}
.main-navigation button:hover svg{stroke:var(--cogMainNavHamHov)}
/* search icon svg injected by men.js into placeholder in header.php */
#pb-icosearch{margin:4px 0 0 2px;width:24px;height:25px;background:transparent}
#pb-icosearch svg{width:24px;height:25px;cursor:pointer;stroke:var(--cogMainNavHam);animation:keyOpa0108 1s}
#pb-icosearch:hover svg{stroke:var(--cogMainNavHamHov)}
/* search form */
.main-navigation form{display:none}
.main-navigation form .screen-reader-text{display:none}
.main-navigation form{position:absolute;z-index:1000;top:15px;right:10px;padding:18px 30px 20px 30px;border-radius:10px;box-shadow:0 0 30px 0 #aaa;background:var(--cobMainNavSrcMain)}
.main-navigation .search-field{border:1px solid var(--cogManNavSrcSlitBrd);border-radius:5px}
.main-navigation .search-field:hover{border-color:var(--cogMainNavSrcSlitBrdHov)}
.main-navigation .search-submit{padding:4px 10px;border:none;border-radius:5px;background:var(--cobMainNavSrcBut)}
.main-navigation .search-submit:hover{background:var(--cobMainNavSrcButHov)}
.main-navigation form > label > input{color:var(--cotMainNavSrcStr);background:var(--cobMainNavSrcSlit)}
.main-navigation form > input{color:#fff}
.main-navigation ul{list-style-type:none;}
.main-navigation a{color:var(--cotMainNavLnk)}
.main-navigation a:hover{color:var(--cotMainNavHov)}
@media screen and (min-width:450px) {/* menu on desktop or tablet */
.main-navigation ul{display:flex;justify-content:flex-end;flex-wrap:wrap;max-height:26px;margin:0;padding:0;overflow:hidden}
.main-navigation li{padding:3px 5px 4px 5px;margin:5px 3px 0 5px;font-weight:600;font-size:14px;line-height:14px;background-color:var(--cobMainNavLnk);border-radius:3px} /*;border-radius:5px*/
}
/* injected by men.js on click on menu button */
.pb-prim-men-pop{position:fixed;z-index:1000;top:20px;right:20px}
.pb-prim-men-pop ul{display:flex;flex-direction:column;align-items:flex-start;max-height:none;padding:10px 40px 30px 30px;border-radius:10px;box-shadow:0 0 30px 0 #666;background:#fff}
.pb-prim-men-pop li{margin-top:20px;font-size:16px;background:none}
/* injected by men.js on click on menu link */
a.pb-curr-path{color:var(--cotMainNavVis)}
/* =========================== Content - .entry-content =============================== */
/* https://yoksel.github.io/flex-cheatsheet/ */
/* https://www.smashingmagazine.com/2018/08/flexbox-alignment/ */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container */
/* general */
body.page .entry-content{display:flex;flex-direction:column;align-items:center}
body.page .entry-content p{margin:5px 0 5px 0}
body.page .entry-content > ul{margin:0;padding-left:20px}
body.page .entry-content ul{margin:0;padding-left:20px}
body.page .entry-content li{padding:0;margin:10px 0 10px 0}
body.page .entry-content a,body.page .entry-content a:visited{font-weight:600}
body.page .entry-content img{border-radius:10px;border:solid 1px rgba(var(--corDarkRGB),0.1)}
body.page .entry-content .imrnd img{border:none}
/* max-width:419px */
body.page .entry-content{padding-top:190px}
@media (min-width:420px) and (max-width:768px) {
body.page .entry-content{padding-top:170px}
}
@media (min-width:769px) {
body.page .entry-content{padding-top:0}
body.page .entry-content > ul{margin:0;padding-left:20px;width:364px!important}
}
/* ========================= search results page ===================== */
.posts-navigation{display:none}
body.search .content-area{width:90%;max-width:600px;margin:0 auto}
body.search .pb-search-title a{color:var(--cotSresTit)}
body.search .pb-search-permalink a{color:var(--cotSresUrl)}
body.search .pb-search-description{color:var(--cotSresDes);font-size:14px;margin-top:3px}
body.search .pb-search-titperm:hover a{color:var(--cotSresHov)}
body.search .pb-search-title a{font-weight:600}
body.search .pb-search-permalink a{font-weight:500}
body.search .pb-search-description{font-weight:400}
body.search .pb-search-form{margin:20px 0 40px 0}
body.search .pb-search-form form{text-align:center}
body.search .pb-search-form .screen-reader-text{display:none}
body.search .pb-search-form .search-field{padding:5px;border:1px solid var(--cogManNavSrcSlitBrd);border-radius:5px}
body.search .pb-search-form .search-field:hover{border-color:var(--cogMainNavSrcSlitBrdHov)}
body.search .pb-search-form .search-submit{padding:8px 12px;border:none;border-radius:5px;background:var(--cobMainNavSrcBut)}
body.search .pb-search-form .search-submit:hover{background:var(--cobMainNavSrcButHov)}
body.search .pb-search-form form > label > input{color:var(--cotMainNavSrcStr);background:var(--cobMainNavSrcSlit)}
body.search .pb-search-form form > input{color:#fff}
body.search .pb-search-tryagain{text-align:center;color:var(--cotSresDes)}
/* responsive */
body.search .pb-search-title{font-size:15px;margin-top:10px}
body.search .pb-search-permalink{font-size:12px}
@media (min-width:420px) and (max-width:768px) {
body.search .pb-search-title{font-size:16px;margin-top:15px}
body.search .pb-search-permalink{font-size:13px}
}
@media (min-width:769px) {
body.search .pb-search-title{font-size:17px;margin-top:20px}
body.search .pb-search-permalink{font-size:14px}
}
/* ========================= 404 page ===================== */
body.error404 .content-area{width:90%;max-width:600px;margin:40px auto 0 auto;text-align:center;color:var(--cotSresDes)}
body.error404 .pb-search-form{margin:30px 0 100px 0}
body.error404 .pb-search-form form{text-align:center}
body.error404 .pb-search-form .screen-reader-text{display:none}
body.error404 .pb-search-form .search-field{padding:5px;border:1px solid var(--cogManNavSrcSlitBrd);border-radius:5px}
body.error404 .pb-search-form .search-field:hover{border-color:var(--cogMainNavSrcSlitBrdHov)}
body.error404 .pb-search-form .search-submit{padding:8px 12px;border:none;border-radius:5px;background:var(--cobMainNavSrcBut)}
body.error404 .pb-search-form .search-submit:hover{background:var(--cobMainNavSrcButHov)}
body.error404 .pb-search-form form > label > input{color:var(--cotMainNavSrcStr);background:var(--cobMainNavSrcSlit)}
body.error404 .pb-search-form form > input{color:#fff}
/* ==================== Language Selection ================== */
body.lansel .site{background:white}
body.lansel .site-header,body.lansel .entry-header,body.lansel .main-navigation{display:none}
body.lansel .content-area{width:90%;max-width:600px;margin:0 auto;color:var(--cotInfBox)}
body.lansel .entry-content{padding:0!important;margin-bottom:100px}
body.lansel img{margin-top:40px;border-style:none!important;border-radius:0!important}
body.lansel h4{font-size:17px;font-weight:600;margin:80px 0 0 0}
body.lansel a{font-weight:600;color:var(--cotInfBoxLnk)}
body.lansel ul.lan-wrp{list-style-type:none;text-align:center;margin:30px 0 300px -35px}
body.lansel li{margin-bottom:20px}
/* ==================== Legal Pages ================== */
body.legal .entry-content{display:flex;flex-direction:column;align-items:flex-start}
body.legal .content-area{width:90%;max-width:600px;margin:0 auto;color:var(--cotInfBox)}
body.legal h3{font-size:18px;margin:35px 0 0 0}
body.legal a,body.legal a:visited{font-weight:600;color:var(--cotInfBoxLnk)}
/* ============================ Cookie popup ============================ */
.cokWrap{visibility:hidden;opacity:0;z-index:1000;position:fixed;width:280px;padding:10px;background:#fff;color:#666;border-radius:5px}
.cokWrap{bottom:10px;right:10px;box-shadow:0 0 10px 0 #666;transition:opacity 0.3s}
.popHead{text-align:center;margin:-10px -10px 10px -10px;border-radius:5px 5px 0 0;background:#666}
.popHead h3{padding:10px 0;margin:0;font-weight:600;font-size:18px;color:#fff}
.popST{overflow-y:auto!important;overflow-x:hidden!important;text-align:center}
.popST p{margin:0 5px 3px 5px;font-size:15px}
.butCof{display:inline-block;margin:5px;box-shadow:0 0 3px 0 #c8c8c8;cursor:pointer}
.butCof{padding:5px;color:#fff;border-radius:5px}
.butCof{width:100px;text-align:center;cursor:pointer;transition:color 0.3s,font-weight 0.3s}
.butCof:hover{color:var(--cotMainNavHov)!important;font-weight:600}
.bgSpaYes{background:#8ec751!important}
.bgSpaNo {background:#DAB025!important} /*D1B12E*/
.bgSpaInf{background:#37aded!important}
.bgSpaDon{background:#8ec751!important}
/* info popup */
.popIF{overflow-y:auto!important;overflow-x:hidden!important;text-align:left}
.popIF p{margin:0 5px 3px 5px;font-size:14px}
.popIF a{font-weight:700;color:var(--cotLink)}
.popIF a:hover{color:var(--cotMainNavHov)!important}
.popIF table{border-collapse:separate;border-spacing:0 10px}
.popIF td{border:none;font-size:14px}
.popIF td:first-child{opacity:60%}
.popIF td:nth-child(2){padding:0 0 3px 5px}
#ibCokDone{display:block;margin:10px auto}
/* click handler "cookie settings"
.cokWrap .popCokIF{font-weight:600;color:var(--cotLink);cursor:pointer}
.cokWrap .popCokIF:hover{color:var(--cotMainNavHov)!important}
*/
/*
.cokWrap table{border-collapse:collapse;width:100%;border:none}
#ibCokDone{display:flex;flex-direction:row;justify-content:center}
https://lokesh-coder.github.io/pretty-checkbox/
https://freefrontend.com/css-checkboxes/
https://uicookies.com/css-checkbox/
https://www.cssscript.com/pretty-checkbox-replacement-css/
https://codepen.io/_ahmed_ab/pen/kkxXKq
https://colorlib.com/wp/bootstrap-checkbox/
*/
/* ============================ YouTube/Panoramas ============================ */
.imyut figcaption,.impan figcaption{font-size:13px;text-align:center}
.imyut iframe,.impan iframe{border-radius:10px}
/* click handler "cookie settings" */
.imyut figcaption .popCokIF,.impan figcaption .popCokIF{cursor:pointer;font-weight:600;color:var(--cotMaiBoxLnk)} /*color:var(--cotLink)!important*/
/* --- only YoutTube --- */
.imyut{position:relative}
.imyut div{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:100px;height:82px;z-index:999;cursor:pointer}
/* --- only Panoramas --- */
.impan{position:relative}
.impan figcaption{padding:5px 0;border-radius:5px;background:var(--cobMaiPanMsg)}
.impan div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;z-index:999;cursor:pointer}
@media (min-width:601px) {
.impan{max-width:600px}
}
/*.wp-block-image{border:3px solid green!important}
.impan{display:flex;justify-content:center;align-items:center}
*/
/* ==================== Head Boxs (h1, subtitle, teaser, byline) ================== */
.site-content{position:relative}
/* ---------------------- h1 + subtitle h2 ---------------------- */
/*
.h1one{--hei-double:0}
.h1two{--hei-double:35px}
*/
body.withhero h1{color:var(--cotMaiBox)}
body.withhero .entry-header{padding-top:1px;margin-top:-1px}
body.withhero .entry-title{position:absolute;text-align:left;border-radius:10px;border:solid 1px rgba(var(--corLightRGB),0.2);background:rgba(var(--cobMaiBoxRGB),0.9)} /* background:var(--cobMaiBox) */
body.withhero .entry-content > h2:nth-of-type(1){position:absolute;text-align:left;color:var(--cotMaiBox)}
/* responsive */
body.withhero h1{font-size:18px;white-space:nowrap}
body.withhero .entry-header{height:175px} /* hero (background image requires explicit heigth) */
body.withhero .entry-title{top:160px;left:10px;width:250px;padding:10px 15px 45px 20px} /* h1 box: padding-bottom = Abstand Unterkante h1 zu Unterkante Box. Bricht h1 also um, ist die Box höher */
body.withhero .entry-content > h2:nth-of-type(1){top:200px;left:30px;width:250px;font-size:14px}
@media (min-width:420px) and (max-width:768px) {
body.withhero h1{font-size:20px;white-space:nowrap}
body.withhero .entry-header{height:320px}
body.withhero .entry-title{top:300px;left:calc(15% - 40px);width:300px;padding:15px 15px 50px 25px} /* h1 box: padding-bottom = Abstand Unterkante h1 zu Unterkante Box. Bricht h1 also um, ist die Box höher */
body.withhero .entry-content > h2:nth-of-type(1){top:350px;left:calc(15% - 15px);width:300px;font-size:16px}
}
@media (min-width:769px) {
body.withhero h1{font-size:26px;white-space:normal}
body.withhero .entry-header{height:600px}
body.withhero .entry-title{top:550px;left:calc(50% - 400px);width:300px;padding:25px 20px 80px 30px} /* h1 box: padding-bottom = Abstand Unterkante h1 zu Unterkante Box. Bricht h1 also um, ist die Box höher */
body.withhero .entry-content > h2:nth-of-type(1){top:calc(625px + var(--hei-double));left:calc(50% - 370px);width:300px;font-size:18px}
}
/* ---------------------- Teaser p ---------------------- */
body.withhero .entry-content > p:nth-of-type(1),body.withhero .entry-content > ul:nth-of-type(1){position:absolute;margin:0;border-radius:10px;color:var(--cotMaiBox);background:rgba(var(--cobMaiBoxRGB),0.9);border:solid 1px rgba(var(--corLightRGB),0.2)}
body.withhero .entry-content > ul li{margin:0 0 5px 10px}
body.withhero .entry-content > p a,body.withhero .entry-content > p a:visited,body.withhero .entry-content > ul li a,body.withhero .entry-content > ul li a:visited{font-weight:600;color:var(--cotMaiBoxLnk)}
/* responsive */
body.withhero .entry-content > p:nth-of-type(1),body.withhero .entry-content > ul:nth-of-type(1){top:260px;right:10px;width:250px;padding:15px 15px 20px 25px}
@media (min-width:420px) and (max-width:768px) {
body.withhero .entry-content > p:nth-of-type(1),body.withhero .entry-content > ul:nth-of-type(1){top:420px;right:calc(15% - 40px);width:300px;padding:20px 30px 25px 30px}
}
@media (min-width:769px) {
body.withhero .entry-content > p:nth-of-type(1),body.withhero .entry-content > ul:nth-of-type(1){top:550px;right:calc(50% - 400px);width:300px;padding:20px 30px 25px 30px}
}
/* -------- byline --------- */
.sk-autwrp { margin-top:70px }
.sk-autwrp .wp-block-group__inner-container { display:flex; justify-content:center; align-items:center }
.sk-autim img { width:40px; height:40px; border:none!important }
.sk-autim a:hover { filter:brightness(60%); transition:filter 0.2s }
.sk-autex p { margin-left:10px!important; color:var(--cotAuthor) }
.sk-autex a { color:var(--cotAutLnk) }
.sk-autex a:hover { color:var(--cotAutHov); transition:filter 0.2s }
/* =========================== Content - Main Boxes =============================== */
/* general */
.mbc-wrp figure{margin:0 0 5px 0}
.mbc-wrp .wp-block-group__inner-container{display:flex;flex-direction:column}
.mbc-wrp .wp-block-group{align-self:flex-end;max-width:500px;border-radius:10px;background:rgba(var(--cobMaiBoxRGB),0.8)} /* text box */
.mbc-wrp h2,.mbc-wrp h3,.mbc-wrp p,.mbc-wrp li{color:var(--cotMaiBox)}
.mbc-wrp h2,.mbc-wrp h3{margin:5px 0 5px 0}
.mbc-wrp a,.mbc-wrp a:visited{color:var(--cotMaiBoxLnk)}
.mbc-wrp .bg-green{background:rgba(var(--cobMaiBoxStaRGB),0.7)}
/* max-width:419px */
.mbc-wrp{width:95%;margin-top:50px}
.mbc-wrp .wp-block-group{padding:10px 15px 10px 15px}
.mbc-wrp h2{font-size:18px}
.mbc-wrp h3{font-size:16px}
@media (min-width:420px) and (max-width:600px) {
.mbc-wrp .wp-block-group{padding:10px 20px 15px 20px}
.mbc-wrp{max-width:600px;margin-top:60px}
.mbc-wrp h2{font-size:20px}
.mbc-wrp h3{font-size:18px}
}
@media (min-width:601px) {
.mbc-wrp{max-width:900px;margin-top:70px}
.mbc-wrp .wp-block-group{padding:15px 30px 20px 30px}/* margin-top:-20px; */
.mbc-wrp h2{font-size:22px}
.mbc-wrp h3{font-size:18px}
}
/* =========================== Content - Info Box Wrapper =============================== */
/* --------------------- Bild immer zentriert ---------------------- */
/* general */
.ibc-wrp .wp-block-group__inner-container{display:flex;flex-direction:column;align-items:center}
.ibc-wrp .wp-block-image{margin:15px 0 10px 0}
.ibc-wrp{border-radius:10px;background:var(--cobInfBox)}
.ibc-wrp h2,.ibc-wrp h3{color:var(--cotInfBoxH2)}
.ibc-wrp p,.ibc-wrp li{color:var(--cotInfBox)}
.ibc-wrp a,.ibc-wrp a:visited{color:var(--cotInfBoxLnk)}
.ibc-wrp .ull{align-self:flex-start} /* left align ul */
.ibc-wrp .imfbg img{height:107px;width:200px} /* Facebook Group logo */
.ibc-wrp .faq-qus{font-weight:600}
.ibc-wrp .faq-anw{font-style:italic}
.ibc-wrp.bg-orange{background:rgba(var(--cobMaiBoxRGB),0.8)}
.ibc-wrp.bg-orange h2,.ibc-wrp.bg-orange h3,.ibc-wrp.bg-orange p,.ibc-wrp.bg-orange li{color:var(--cotMaiBox)}
/* max-width:419px */
.ibc-wrp .wp-block-group__inner-container{padding:10px 15px 10px 15px}
.ibc-wrp{width:95%;margin-top:50px}
.ibc-wrp h2{font-size:20px}
.ibc-wrp .imsqu,.ibc-wrp .imrnd img{height:100px;width:100px}
.ibc-wrp .faq-qus{margin:30px 10px 0 15px!important}
.ibc-wrp .faq-anw{margin:5px 10px 0 15px!important}
@media (min-width:420px) and (max-width:768px) {
.ibc-wrp .wp-block-group__inner-container{padding:10px 20px 15px 20px}
.ibc-wrp{max-width:600px;margin-top:60px}
.ibc-wrp h2{font-size:22px}
.ibc-wrp .imsqu,.ibc-wrp .imrnd img{height:125px;width:125px}
.ibc-wrp .faq-qus{margin:30px 15px 0 20px!important}
.ibc-wrp .faq-anw{margin:5px 15px 0 20px!important}
}
@media (min-width:769px) {
.ibc-wrp .wp-block-group__inner-container{padding:15px 30px 20px 30px}
.ibc-wrp{width:600px;margin-top:70px}
.ibc-wrp h2{font-size:24px}
.ibc-wrp .imsqu,.ibc-wrp .imrnd img{height:155px;width:155px}
.ibc-wrp .faq-qus{margin:30px 15px 0 20px!important}
.ibc-wrp .faq-anw{margin:5px 15px 0 20px!important}
}
/* -------- Sicily Place --------- */
.ibc-wrp .sk-logo a:hover { filter:brightness(60%); transition:filter 0.2s }
.ibc-wrp .sk-text .wp-block-group__inner-container { padding:0px 40px 20px 40px!important }
.ibc-wrp .sk-but { margin-top:20px }
.ibc-wrp .sk-but a { color:#fff!important; background:#f78d1d; background:linear-gradient(to bottom right, #FBB036, #F36F0E); border-radius:5px; user-select:none }
.ibc-wrp .sk-but a:hover { filter:brightness(60%); transition:filter 0.2s }
/*
.wp-image-1187, .wp-block-image { border: 1px solid blue }
.ibc-wrp .sk-text { padding:-10px 40px 20px 40px; border: 1px solid red }
.wp-block-group .sk-text { padding:-10px 40px 20px 40px; border: 1px solid red }
*/
/* -------- Phone: alles zentriert | Sonst: Bild links, Text rechts --------- */
/*.iblr-wrp > .wp-block-group__inner-container{border:1px solid red}*/ /* outer "inner-container" only */
/*.iblr-wrp .wp-block-group{border:1px solid green}*/ /* text box wrapper */
/*.iblr-wrp .wp-block-group .wp-block-group__inner-container{background:#aaa}*/ /* text box */
/* general */
.iblr-wrp{border-radius:10px;background:var(--cobInfBox)}
.iblr-wrp.lr-192 .wp-block-image{height:192px;width:192px}
.iblr-wrp.lr-192 img{height:192px;width:192px}
.iblr-wrp h2,.ibc-wrp h3{color:var(--cotInfBoxH2)}
.iblr-wrp p{color:var(--cotInfBox)}
.iblr-wrp li{color:var(--cotInfBox)}
.iblr-wrp a,.ibc-wrp a:visited{color:var(--cotInfBoxLnk)}
/* max-width:419px */
.iblr-wrp > .wp-block-group__inner-container{padding:20px 15px 10px 15px}
.iblr-wrp .wp-block-group__inner-container{display:flex;flex-direction:column;align-items:center} /* all "inner-container" */
.iblr-wrp{width:95%;margin-top:50px}
.iblr-wrp h2{font-size:20px}
.iblr-wrp h3{font-size:18px}
.iblr-wrp.lr-ast .wp-block-image{width:95%}
@media (min-width:420px) and (max-width:768px) {
.iblr-wrp > .wp-block-group__inner-container{padding:20px 20px 15px 20px}
.iblr-wrp.lr-ast .wp-block-image{width:95%;max-width:382px}
.iblr-wrp{max-width:600px;margin-top:60px}
.iblr-wrp h2{font-size:22px}
.iblr-wrp h3{font-size:20px}
}
@media (min-width:769px) {
.iblr-wrp > .wp-block-group__inner-container{display:flex;flex-direction:row;align-items:flex-start;padding:25px 20px 15px 30px} /* only the outer "inner-container" ;border:1px solid red */
.iblr-wrp .wp-block-group{flex:1;margin-left:25px} /* text box wrapper */
.iblr-wrp .wp-block-group .wp-block-group__inner-container{display:flex;flex-direction:column;align-items:flex-start} /* text box */
.iblr-wrp.lr-ast .wp-block-image,.iblr-wrp.lr-ast img{height:573px;width:382px}
.iblr-wrp{margin-top:70px}
.iblr-wrp.lr-192{width:600px}
.iblr-wrp.lr-ast{max-width:900px}
.iblr-wrp h2{font-size:24px;margin:-5px 0 5px 0}
.iblr-wrp h3{font-size:20px;margin:-5px 0 5px 0}
/*
.iblr-wrp ul{margin:0 0 0 -20px!important;padding:0!important;background:red}
.iblr-wrp li{padding:0!important;margin:10px 0 10px 0!important}
*/
}
/* ========================== Content - Special Boxes ======================== */
/* ---------------------- Overview Map ---------------------- */
.group-ovmap{width:100%;max-width:900px}
.group-ovmap{margin-bottom:-50px}
.group-ovmap svg .hots{opacity:0;stroke:#000;cursor:pointer}
/* ---------------------- Appartment Photos ---------------------- */
.group-apphotos figure{text-align:center;margin:30px auto!important}
.group-apphotos img{height:100%;border-radius:10px;border:solid 1px rgba(var(--corDarkRGB),0.1)!important}
/* ---------------------- Please ask ---------------------- */
.group-ask{width:95%;border:1px solid var(--cobPrcTabHead);border-radius:10px}
.group-ask p{color:var(--cotInfBox)}
.group-ask a{color:var(--cotInfBoxLnk)}
.group-ask .nf-element{border-radius:5px!important}
.group-ask .nf-response-msg{color:var(--cotInfBoxMsg)!important;width:80%;text-align:center;margin:0 auto;font-weight:500}
.group-ask input[type=button]{background:var(--cobMagReB)!important;color:#333!important;font-weight:600}
.group-ask input[type=button]:hover{background:var(--coLrt)!important}
.group-ask h2{padding-top:25px;color:var(--cotInfBoxH2);text-align:center}
#nf-label-field-5,#nf-label-field-6{font-weight:600;font-size:11pt}
#nf-label-field-7{font-weight:normal;font-size:10pt}
/*#nf-label-field-7 a{font-weight:600;color:var(--cotMaiBoxLnk)}*/
/* responsive */
.group-ask{margin:80px auto 0 auto}
.group-ask .wp-block-group__inner-container{padding:0 10px 0 10px}
.group-ask h2{font-size:20px}
@media (min-width:420px) and (max-width:768px) {
.group-ask{max-width:600px;margin-top:90px}
.group-ask .wp-block-group__inner-container{padding:0 20px 0 20px}
.group-ask h2{font-size:22px}
}
@media (min-width:769px) {
.group-ask{width:600px;margin-top:100px}
.group-ask .wp-block-group__inner-container{padding:0 30px 0 30px}
.group-ask h2{font-size:24px}
}
/* ========================== Content - Link to Solemar ======================== */
/*.but-book-sosi{margin:0 auto!important}*/
.but-book-sosi .wp-block-button a{margin:20px 0;padding:10px 20px 13px 20px;background:var(--cobMagReB);color:#333!important;font-weight:600;font-size:16px;line-height:16px;border-radius:7px}
/* ========================== Content - Magellano ======================== */
/* click handler "cookie settings" */
.mag-sub-cok .popCokIF{cursor:pointer;font-weight:600;color:var(--cotMaiBoxLnk)}
/* ---------------------- Magellano Box ---------------------- */
/*
.mage p,.mage ul{align-self:flex-start}
.mage h2{margin-bottom:10px}
*/
/*
.group-magellano{width:95%;padding-bottom:35px;border-radius:10px;background:var(--cobInfBox)}
.group-magellano figure{text-align:center;margin:10px auto!important}
.group-magellano img{border:none!important}
.group-magellano h2{width:95%;padding-top:25px;color:var(--cotInfBoxH2);text-align:center}
.group-magellano p{margin:0 auto;color:var(--cotInfBox)}
.group-magellano a,.group-magellano a:visited{font-weight:600;color:var(--cotInfBoxLnk)}
* responsive *
.group-magellano{margin:80px auto 0 auto}
.group-magellano img{height:100px;width:100px}
.group-magellano h2{font-size:20px}
.group-magellano ul{margin:0 10px 0 15px}
.group-magellano li{margin:9px 0 9px -20px}
.group-magellano p{margin:20px 10px 0 15px}
@media (min-width:420px) and (max-width:768px) {
.group-magellano{max-width:600px;margin-top:90px}
.group-magellano img{height:125px;width:125px}
.group-magellano h2{font-size:22px}
.group-magellano ul{margin:0 15px 0 20px}
.group-magellano li{margin:9px 0 9px 0}
.group-magellano p{margin:20px 15px 0 20px}
}
@media (min-width:769px) {
.group-magellano{width:600px;margin-top:100px}
.group-magellano img{height:155px;width:155px}
.group-magellano h2{font-size:24px}
.group-magellano ul{margin:0 20px 0 30px}
.group-magellano li{margin:9px 0 9px 10px}
.group-magellano p{margin:20px 20px 0 30px}
}
*/
/* ---------------------- Magellano Calendar ---------------------- */
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
/*
.magLeg{display:flex;justify-content:center;margin:40px 0 40px 0;border-radius:7px;}
.magDis,.magTwo,.magNot{display:flex;align-items:center;height:37px;margin:0 20px 0 0}
.magLeg i{display:inline-block;width:35px;height:25px;background:#fff;border:1px solid #aaa;border-radius:3px}
.magLeg span{margin-left:7px}
.magTwo i{cursor:not-allowed;background-image:repeating-linear-gradient( 135deg, var(--cobMagOcc) 0px, var(--cobMagOcc) 10%, #fff 10%, #fff 20% );}
.magNot i{background:var(--cobMagOcc)}
@media (max-width: 589px){
.magLeg{flex-direction:column;padding-left:40px}
}
#calendar{width:95%;min-height:1064px}
#calendar select{color:black}
.ml-calendarWrapper{max-width:420px;margin:0 auto;padding:0 10px}
#calendar .top-row{background:var(--cobMagNav);padding-bottom:5px;border-radius:5px}
#calendar .ml-calendar-month,#calendar .ml-calendar-year{margin:15px 10px 2px 10px;font-size:16px;font-weight:600;color:#666}
#calendar .prevMonth,#calendar .nextMonth{visibility:hidden}
#calendar .prevMonth:after,#calendar .nextMonth:after{visibility:visible;display:block;margin-top:-16px;font-weight:bold;font-size:26px;color:#888;background:#fff;border:1px solid #ccc;border-radius:3px}
#calendar .prevMonth:after{content:"â—„";left:0}
#calendar .nextMonth:after{content:"â–º";right:0}
*/
/*
#calendar .prevMonth{}
#calendar .nextMonth{}
#calendar .ml-row{color:black;font-size:16px;font-weight:normal}
*/
/*
#calendar .tableWrapper{margin-top:20px}
#calendar .month-name{font-size:16px;font-weight:600;padding:7px;color:#555;background:var(--cobMagMon);border-top-left-radius:7px;border-top-right-radius:10px}
#calendar .day-name{font-size:12px;font-weight:normal;padding:7px}
#calendar .day-week{color:#333;background:var(--cobMagWee)}
#calendar .day-week td:first-child{border-bottom-left-radius:10px}
#calendar .day-week td:last-child{border-bottom-right-radius:10px}
#calendar .ml-calendar tbody tr:first-child{border-top:3px solid white}
#calendar .ml-bottom-row{margin-top:20px;margin-bottom:40px}
#calendar .ml-checkin,#calendar .ml-checkout,#calendar .ml-calendar-durata,#calendar .ml-calendar-pax{font-weight:600}
#calendar .ml-confirm-booking{margin:20px 0;padding:10px 20px 13px 20px;background:var(--cobMagReB);color:#333!important;font-weight:600;font-size:16px;line-height:16px;border-radius:7px}
#calendar .msgArea{margin-top:20px;padding:10px 20px 13px 20px;color:#ff6a4c;font-weight:600;font-size:16px;text-align:center;line-height:16px;border-radius:7px}
*/
/* ============================ footer - widget (aside) =========================== */
.widget-area{margin-top:100px;background:var(--cobFootWidget)}
.pb-footer-widgets{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto}
.pb-footer-widgets .widget_text{padding:0 10px}
.pb-footer-widgets h2{display:none}
.pb-footer-widgets ul{list-style:none;margin:0;padding-left:0}
.pb-footer-widgets a{font-weight:600;color:var(--cotMainNavLnk)!important}
.pb-footer-widgets a:hover{color:var(--cotMainNavHov)!important}
.pb-footer-widgets a strong{font-weight:700}
/* click handler "cookie start" */
.pb-footer-widgets .popCokST{font-weight:600;cursor:pointer}
.pb-footer-widgets .popCokST:hover{color:var(--cotMainNavHov)!important}
.pb-footer-widgets .widget_search .screen-reader-text{display:none}
.pb-footer-widgets .widget_search .search-field{border:1px solid var(--cogManNavSrcSlitBrd);border-radius:5px}
.pb-footer-widgets .widget_search .search-field:hover{border-color:var(--cogMainNavSrcSlitBrdHov)}
.pb-footer-widgets .widget_search .search-submit{border:none;border-radius:5px;background:var(--cobMainNavSrcBut)}
.pb-footer-widgets .widget_search .search-submit:hover{background:var(--cobMainNavSrcButHov)}
.pb-footer-widgets .widget_search form > label > input{color:var(--cotMainNavLnk);background:var(--cobMainNavSrcSlit)}
.pb-footer-widgets .widget_search form > input{color:#fff}
/* responsive */
.pb-footer-widgets{padding:10px 10px}
.pb-footer-widgets li{font-size:13px;margin-bottom:7px}
.pb-footer-widgets .widget_search{text-align:center}
.pb-footer-widgets .widget_search .search-field{padding:3px;width:130px}
.pb-footer-widgets .widget_search .search-submit{margin-top:5px;padding:4px 8px}
@media (min-width:420px) and (max-width:768px) {
.pb-footer-widgets{padding:15px 20px}
.pb-footer-widgets li{font-size:14px;margin-bottom:7px}
.pb-footer-widgets .widget_search .search-field{padding:5px}
.pb-footer-widgets .widget_search .search-submit{padding:8px 12px}
.pb-footer-widgets .widget_search .search-field{padding:3px;width:140px}
.pb-footer-widgets .widget_search .search-submit{margin-top:5px;padding:4px 8px}
}
@media (min-width:769px) {
.pb-footer-widgets{padding:20px 30px}
.pb-footer-widgets li{font-size:15px;margin-bottom:7px}
.pb-footer-widgets .widget_search .search-field{padding:5px}
.pb-footer-widgets .widget_search .search-submit{padding:8px 12px}
}
/* ============================ footer - copyright bar ============================ */
.site-footer{margin-bottom:500px;padding:20px 0 30px 0;background:var(--cobSubFoot);text-align:center}
.site-footer .site-info{color:var(--cotSubFoot)}
.site-footer .pb-date-publ{margin-top:15px;font-size:11px;font-style:italic;color:var(--cotSubFoot)}
.site-footer .pb-date-upda{margin-top:7px;font-size:11px;font-style:italic;color:var(--cotSubFoot)}
/* ============================ keyframes definition ============================ */
/* https://www.w3schools.com/css/css3_animations.asp */
/* https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes4 */
/* @rules always at the end */
@keyframes keyOpa0109{0%{opacity:0} 100%{opacity:1}}