/* 
Theme Name: Pier14
Theme URI: https://pier14.com/
Description:  Child-Theme von twentytwentytwo 
Author: >pier14< 
URI: >pier14.de< 
Template: twentytwentytwo
Version: 3.0 
Text Domain: pier14

*/ 




* { letter-spacing: 0.08em; font-weight: 400;} 

body strong { font-weight: 900;} 

.page-template-wp-custom-template-startseite-video { background-image: url('https://www.pier14.de/wp-content/uploads/2022/07/DSC00212-komp_3-scaled.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50% 100%;  }

/*Header*/ 
.header_pier {  padding:0!important; margin: 36px calc(-1 * var(--wp--custom--spacing--outer)) !important; min-height: 102px; position: relative;   }
.header_pier .header_abs { padding: 0!important; margin: 0 auto!important; min-height: 102px; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1820px;    }
body .pier14_logo { position: absolute; left: 50%; top:0; margin-left: -55px; margin-top: 0;  }
body .main_navi_rechts { margin-top: 0; }
.main_navi a { font-size: 14px; font-weight: 600; text-transform: uppercase; position: relative; }
.main_navi a span {  font-size: 14px; font-weight: 600; }
.main_navi a:before { content: "";  width: 0; height: 2px; background-color: #CAAE66; position:  absolute; bottom: -10px; left: 50%; transition: all 0.2s;   }
.main_navi a:hover:before, .startseite_header .main_navi a:hover:before, .main_navi .current-menu-item a:before {  width: calc(30px); transform: translateX(-50%);   }
.main_navi a:hover, .main_navi .current-menu-item a { color: #CAAE66; text-decoration: none!important; text-decoration-style: solid!important;   }

.second_navi a { font-size: 14px;  }
.second_navi a:hover { text-decoration: none; }
.startseite_header { margin-bottom: 70px; }
.startseite_header .wp-block-cover__gradient-background { mix-blend-mode: multiply;}
.startseite_header .header_pier  { position: absolute; top:0; left: 50%; transform: translateX(-50%); width: 100%; margin: 36px auto !important; z-index: 1; }
.startseite_header .main_navi a, .startseite_header .second_navi a { color: #fff; }
.startseite_header .main_navi a:before { background-color: #fff; }
.startseite_header .pier14_logo { background-image: url(https://www.pier14.de/wp-content/uploads/2022/03/pier14_logo_white.svg); background-repeat: no-repeat; background-position: 0 0; background-size: contain; width: 110px; height: 100px; }
.startseite_header .pier14_logo img { display: none; }
.startseite_header .current-menu-item a:before {  width: 0; }
.startseite_header h1 { letter-spacing: 8px;  }
.cover_header h1 { letter-spacing: 3px; }
.startseite_header .sub_text { margin: 0;  }
.cover_header h1 { font-weight: 900; margin: 4px 0 0 0; line-height: 48px; }

.wp-block-cover.startseite_header .wp-block-cover__inner-container { position: static; }

 body .wp-site-blocks > .wp-block-cover.startseite_header { height: 100vh; object-fit: cover; position: relative; left: 0px; top: 0px; z-index: 0;}

.navi_card { background-image: url(https://www.pier14.de/wp-content/uploads/2022/04/card_b.svg); background-repeat: no-repeat; padding-left: 34px!important; background-position: 0 3px; }
.navi_live { background-image: url(https://www.pier14.de/wp-content/uploads/2023/01/liveshopping.svg); background-repeat: no-repeat; padding-left: 34px!important; background-position: 0 3px; }
.navi_ort { background-image: url(https://www.pier14.de/wp-content/uploads/2022/04/ort_b.svg); background-repeat: no-repeat; padding-left: 25px!important; background-position: 0 3px; }
.startseite_header .navi_card {  background-image: url(https://www.pier14.de/wp-content/uploads/2022/04/card_w.svg); } 
.startseite_header .navi_live{  background-image: url(https://www.pier14.de/wp-content/uploads/2023/01/liveshopping_w.svg); } 
.startseite_header .navi_ort {  background-image: url(https://www.pier14.de/wp-content/uploads/2022/04/ort_w.svg); } 



.page .main_navi .second_navi_first { margin-top: 40px; }
.page .main_navi .second_navi { display: none;   }
.page .main_navi .second_navi a span { font-weight: 400;  } 

/*buttons*/ 

a.pier_button, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .pier_button.pier-newsletter-btn {  font-size: 14px; font-weight: 900; color: #CAAE66;  text-decoration: none;line-height: 16px; padding: 12px 32px;  border: 3px solid #CAAE66; text-transform: uppercase;  }
a.pier_button:hover, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover, .pier_button.pier-newsletter-btn {background-color: #CAAE66; color: #fff; text-decoration: none;  }
.pier_button.pier-newsletter-btn:hover {  background-color: transparent; cursor: pointer; color: #CAAE66; }



/* Abstand */

.trenner80 { margin-top: 80px!important; margin-bottom: 80px!important; }


/*SLIDER*/ 
body .storeslider_hl { margin: 80px 0 30px 0; padding-left: 300px; font-weight: 900; font-size: 35px;  text-transform: uppercase; }
.store-slider { text-align: center; padding-bottom: 120px; }
.store-slider-abs { position: relative; padding-top: 30px; margin-left: 300px;  }
.store-slider h3  { font-size: 30px; font-weight: 900; text-transform: uppercase; position: relative; margin: 60px 0 60px; }
.store-slider h3:after {  content: ""; width: 60px; height: 2px; position: absolute; bottom: -29px; left: 50%; margin-left: -30px; background-color: #CAAE66;    }
.store-slider div:nth-child(2n) img { margin-top: 60px; }
.store-slider img { width: 100%; height: auto; max-width: 550px;}
.store-slider p { line-height: 30px; margin-bottom: 40px; padding-left: 16px; padding-right: 16px;  }
.tns-controls button, .download:after { position: absolute; width: 120px; height: 120px; background-color: #fff; border: 0px solid #fff; border-radius: 50%; top:250px; z-index: 100; font-size: 40px; line-height: 40px; vertical-align: middle; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='44.5727' height='20.2713' viewBox='0 0 44.5727 20.2713'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23080f1a;%7D%3C/style%3E%3C/defs%3E%3Cpath id='b' class='c' d='M1.044,11.172H41.089l-7.208,7.225c-.0767,.0729-.1482,.1511-.214,.234-.2444,.3001-.289,.7159-.114,1.061,.2507,.5125,.8694,.7247,1.3818,.474,.1305-.0638,.2461-.1545,.3392-.266,2.9713-2.994,5.9483-5.9813,8.931-8.962,.0895-.0872,.1678-.1853,.233-.292,.249-.4433,.145-1.0012-.247-1.325-2.9226-2.93-5.8447-5.86-8.766-8.79-.2059-.2407-.4709-.4237-.769-.531h-.4c-.2637,.0849-.493,.2525-.654,.478-.2666,.4492-.1684,1.0255,.232,1.361,2.4134,2.42,4.8277,4.839,7.243,7.257H1.038C.4651,9.096,.0005,9.5601,0,10.133c0,.5738,.4652,1.039,1.039,1.039h.005Z'/%3E%3C/svg%3E"); background-position: 50% 50%; background-size: 50px auto; background-repeat: no-repeat; transition: all 0.4s;  }
.tns-controls button i { display: inline-block; opacity: 0; font-size: 10px; }
.tns-controls button:hover { transform: scale(0.9); }
.tns-controls [data-controls="next"] { right: 30px;   }
.tns-controls [data-controls="prev"] { left: 30px;  transform: rotate(-180deg);   }
.tns-controls [data-controls="prev"]:hover { transform: rotate(-180deg) scale(0.9);  }
.tns-controls button:disabled { display: none; }
.bild-slider-abs { position: relative; max-height: 760px; overflow: hidden;  }
.tns-nav {  position: absolute; text-align: center; bottom: 30px; z-index: 100; width: 100%;  }
.tns-nav button { height: 10px; width: 10px; border: 2px solid #fff; background-color: transparent; border-radius: 50%; margin-left: 8px; margin-right: 8px; padding: 0;    }
.tns-nav button.tns-nav-active { background-color: #fff; }
.bewertung-slider-abs .tns-nav button { border: 2px solid #020D1C; }
.bewertung-slider-abs .tns-nav button.tns-nav-active { background-color: #020D1C; }
.fullimg_div { position: relative; overflow: hidden;  max-height: 760px; }
.fullimg { object-fit: cover; width: 100%;  max-height: 760px; height: 100%;  }
.img_logo, .img_badge { position: absolute; text-align: center;   }
.img_badge { top:0; right: 50px; left: auto;  }
.img_logo { top:50%; left: 50%; transform: translate(-50%,-50%);  }
.img_logo img, .img_badge img { width: 50%; height: auto; }
.bewertung-slider-abs { padding: 90px 16px 120px 16px; width: 100%; max-width: 630px; text-align: center; position: relative; margin: auto; }
.b_star img { width: 190px; height: auto; margin: 16px auto;   }
.b_star {margin: 16px auto;   } 
.b_headline { font-size: 34px; line-height: 38px; margin: 10px 0 18px; }
.b_von { color: #d2d0cc; margin-top: 12px;  }
.b_von:before { content: "—";  }

/* Tabs */ 

.stores_tabs .wp-block-button__link { font-weight: 600; text-transform: uppercase; border-radius: 40px; font-size: 14px; border:2px solid #caae66!important; padding-left: 22px!important; padding-right: 22px!important;   }
.stores_tabs .wp-block-button__link:hover {  color: #CAAE66!important; background-color: transparent!important; }
.stores_tabs .active .wp-block-button__link {  background-color: #CAAE66!important; color: #fff!important; border:2px solid #caae66!important; }
.stores_tabs .active .wp-block-button__link:hover { color: #fff!important; }

/* Speisekarte */

body .speisekarte { color:#020D1C; margin-top: 80px;  margin-bottom: 80px;  }
.speisekarte .has-background-dim { display: none; }
.speisekarte_abs { background-color: #fff; color:#020D1C; margin:60px auto; width: 100%; max-width: 1200px; padding: 16px 0 32px; text-align: center;   }
.s_icon { background-image:url(https://www.pier14.de/wp-content/uploads/2022/04/speisekarte.svg); background-repeat: no-repeat; background-position: 51% 50%; margin: 80px auto 60px; height: 110px; }
.s_tabs {  text-align: center; margin: 20px 0 80px;  }
.s_tabs span { display: inline-block; cursor: pointer;  position: relative; font-size: 21px; font-weight: 900; text-transform: uppercase; margin: 0 10px; padding: 0 10px;  }
.s_tabs span:hover, .s_tabs span.active { color: #CAAE66;    }
.s_tabs span.active:before   { content: "";  width: 30px; height: 2px; background-color: #CAAE66; position:  absolute; bottom: -10px; left: 50%; margin-left: -15px;    } 

.s_speise, .s_wein {   width: 100%; max-width: 560px; text-align: center;  margin: 30px auto 30px; display: none;  }
.s_speise.active, .s_wein.active { display: block;}
.s_headline { font-size: 23px; font-weight: 900;  }
.s_block { padding: 20px 0; margin-bottom: 20px;}
.s_block:after { content: " "; display: block;  width: 8px; height: 8px; background-color: #CAAE66; border-radius: 50%; position: relative; left: 50%; margin-left: -4px; bottom: -30px;}
.s_speise .s_block:last-of-type:after, .s_wein .s_block:last-of-type:after { display: none; }
.pier_download { margin: 48px auto 48px; display: inline-block; }

/* Elemente */ 

h1 { font-weight: 900; }
h2 { font-weight: 700; }
body .wp-site-blocks .rest_abs {  z-index: 1; position: relative;  max-width: 1500px!important; margin: -200px auto 0 auto!important;  }


.store_info { margin-top: 140px!important;   }
.store_info .wp-block-columns {  max-width: 1200px; margin: 0 auto; }
.store_info p { font-size: 16px; color: var(--wp--preset--color--background)!important; }
.store_info p a{     color: var(--wp--preset--color--background); }
.hidden, .weg { display: none; }
.hidden_important, .weg_important {  display: none!important; }
.page-template-default .mehr_entdecken { position: relative;  padding: 0; cursor: pointer;}
.page-template-default .mehr_entdecken:after { position: absolute; display: block; content: ""; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 44%); width: 100%; height: 100%; mix-blend-mode: multiply; top:0; z-index: 2; pointer-events: none; }
.page-template-default .mehr_entdecken:hover:after { background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); } 
.page-template-default .mehr_entdecken figcaption { position: absolute; top:auto; bottom:20px; font-size: 16px; display: block; text-align: center; color:#fff; z-index: 3; width: 100%; pointer-events: none;  }
.mehr_entdecken figcaption strong { display: block; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.download figcaption strong, .download figcaption  { font-size: 14px; text-transform: uppercase; }
.download figcaption strong { display: block; text-transform: uppercase; } 
.download { position: relative; }
.download:after { background-color:rgba(255, 255, 255, 0.8); content:""; left:50%; top:50%; transform: translateY(-50%) translateX(-50%) rotate(90deg); pointer-events: none;  }
.download:hover:after { background-color:rgba(255, 255, 255, 1);} 
.mehr_entdecken a { display: block;  z-index: 1; padding: 0;   }
.page-template-default .mehr_entdecken img { margin: 0; display: inline;}
body .mehr_in { margin-top:140px; margin-bottom: 30px;   }
.mehr_in h3 { max-width: 600px; margin:3px auto 80px auto!important; }
.mehr_in_p { max-width: 650px; margin: -16px auto 70px!important; }
body .mehr_in .wp-block-columns {  margin:30px auto 20px auto!important; max-width: 1200px;  }
.tripadvisor_icon { background-image:url(https://www.pier14.de/wp-content/uploads/2022/04/tripadvisor.svg); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 35px; margin-top: 4px!important;  }

  
/*infoseiten*/
.page-template-wp-custom-template-infoseiten .newsletter_pier14_box { display: none; }
.page-template-wp-custom-template-infoseiten  #itkanzlei_txt_copyright a { display: none!important; }
.infoseiten { margin-top: 80px!important;}
.infoheader  { position: relative;  }
.infoheader h2 { text-transform: uppercase; font-size: 30px; margin-right: 40px; margin-top: 40px; margin-left: auto;   color: #CAAE66; text-align: right; position: sticky; top:20px; hyphens: auto; font-weight: 700; max-width: 600px; width: 100%;  }
.infotext { padding-top: 10px; }
.infotext h2 { font-size: 30px; }
.infotext h3 { font-size: 22px; }
.infotext h4 { font-size: 20px; }
.infotext .wp-block-post-content > * { margin-right: auto!important; margin-left: 40px!important;  }

.landingpage { max-width: 600px; background:rgba(255,255,255,0.9); width: 100%; margin: 30px auto; padding-top: 50px; backdrop-filter: blur(5px)}

/* BILDER Block */ 

.imageblock { max-width: 1500px!important; margin: 10px auto!important;  padding-top:80px; padding-bottom: 80px;  }
.wp-site-blocks .imageblock.alignfull { margin: 10px auto!important; padding-left: 0!important; padding-right: 0!important;  }
.imageblock .wp-block-image .alignleft, .imageblock .wp-block-image .alignright { margin-bottom: 15px; }

/*event block */ 
.wp-block-lazyblock-wann-events { padding: 20px 6px; }
.event_zeit { margin: 0 auto; max-width: 400px; width: 100%; }
.event_zeit_block { background-repeat:no-repeat; background-position: 0 50%; background-size: 20px auto;  padding: 10px 0 10px 40px; font-weight: 600;  }

.imageblock .wp-block-columns .wp-block-image figure, .imageblock .wp-block-columns .wp-block-image img { object-fit: cover; }

/*Cookie*/

.cookie-cook { max-width: 400px; width: 100%;  height: auto; margin:90px auto; position: relative; text-align: center; display: none; }
.cookie-cook_ot_bg { padding: 30px 12px; } 

/*404*/
.error404 { background-color: #f9f9f9; padding: 100px 0 100px; }

/*TEXT Block*/

.headlinetext.headlinetext_bild { padding-top: 10px; padding-bottom: 120px; }
body .headlinetext_bild img { margin-bottom: 32px; }
.headlinetext {margin: 10px auto; padding-top:80px; padding-bottom: 80px;  max-width: 540px;   }
.headlinetext .subheadline {text-transform: uppercase; font-size: 16px; font-weight: 700; }
.headline_strich_w, .headline_strich, .cover_header h1.headline_strich_w, .cover_header h1.headline_strich  { position: relative; padding-bottom: 0px; margin-bottom: 72px; }
body .headlinetext h2, body .headlinetext h1, body .headlinetext_2 h1, body .mehr_in h3 { font-size: 42px; font-weight: 900; text-transform: uppercase; position: relative; margin: 3px 0 60px;  }
.headlinetext h2:before, .headlinetext h1:before, .mehr_in h3:before, .headline_strich_w:before, .headline_strich:before {  content: ""; width: 60px; height: 2px; position: absolute; bottom: -29px; left: 50%; margin-left: -30px; background-color: #CAAE66; top:auto;    }
body .headline_strich_w:before { background-color: #fff; }
.headlinetext_p { line-height: 30px; }
.headlinetext .wp-block-buttons a { border: 3px solid #CAAE66; font-weight: 900; font-size: 14px; border-radius: 0;   padding: 8px 32px; text-transform: uppercase; }
.headlinetext .wp-block-buttons a:hover { background-color: #CAAE66; color: #fff!important;  }

.spalten2 { column-count: 2; column-gap: 90px; column-rule: 0px solid #000000; padding: 20px 0 60px; }
.spalten2 p { hyphens: auto; } 

/*opentable*/
.div_opentable { position: fixed; top:300px; right: 0;  transform: translateX(225px); z-index: 200; min-height: 308px; transition: all 0.4s; width: 224px; }
.div_opentable.open { transform: translateX(0); }
.icon_opentable { transform: rotate(-90deg); font-weight: 900;   position: absolute; top: 50%; left: -129px;  background-color: #fff; box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.16); line-height: 12px; vertical-align: middle; z-index: 1; padding: 16px 12px 16px 40px; margin-top: -20px; cursor: pointer; }
.open .icon_opentable {  background-color: #f1f2f4;  }
.opentable {   background-color: #f1f2f4; box-shadow: 12px 3px 12px 0px rgba(0,0,0,0.16);  z-index: 2; position: relative; }
.icon_opentable i:before { content: ""; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain;  background-image: url("data:image/svg+xml,%3Csvg id='bb7d8ae8-5f8d-494c-9347-455d3148d92d' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.932' height='24.5681' viewBox='0 0 27.932 24.5681'%3E%3Cdefs%3E%3Cstyle%3E.bc94aa61-f7b0-4e1d-8f6c-55ff60a8a182%7Bfill:none;%7D.e470b68e-8ea3-4bf5-8922-bb5eef730da4%7Bclip-path:url(%23ee7a5eb2-0a07-4ed1-be84-9d9b50b50c5f);%7D.be92caec-7f1e-482d-9d45-3954b36d2d7f%7Bfill:%23080f1a;%7D%3C/style%3E%3CclipPath id='ee7a5eb2-0a07-4ed1-be84-9d9b50b50c5f'%3E%3Crect class='bc94aa61-f7b0-4e1d-8f6c-55ff60a8a182' y='0.0116' width='27.932' height='24.549'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='b76655d4-8ef1-469e-813a-312833436c24' data-name='Gruppe 207'%3E%3Cg class='e470b68e-8ea3-4bf5-8922-bb5eef730da4'%3E%3Cg id='f1e39ab9-8906-494e-889b-7d2ade512287' data-name='Gruppe 207-2'%3E%3Cpath id='b1decab8-a214-4cc8-93ac-85b9035eacfe' data-name='Pfad 252' class='be92caec-7f1e-482d-9d45-3954b36d2d7f' d='M27.932,2.2466v21.707a.994.994,0,0,1-1.04.607c-4.262-.013-8.525-.007-12.788-.007H5.789a.808.808,0,0,1-.87-.74.8226.8226,0,0,1-.0006-.1216v-2.411H.882a.812.812,0,0,1-.818-.513.8.8,0,0,1,.237-.938,11.0491,11.0491,0,0,0,2.437-3.251,19.9729,19.9729,0,0,0,2.178-9.283c.01-1.59,0-3.181,0-4.771a.8089.8089,0,0,1,.885-.877h4.08V.8636A.818.818,0,1,1,11.5145.7725c.0014.0266.0016.0534.0005.08v.772h4.091V.8406a.817.817,0,1,1,1.634.007v.779h4.146V.8456a.817.817,0,0,1,1.634,0v.8h.324c1.181,0,2.363.016,3.544-.008a.981.981,0,0,1,1.04.607m-1.644,5.966H6.553a19.93,19.93,0,0,1-3.845,11.434H21.047c.894,0,.9,0,1.474-.7a17.9389,17.9389,0,0,0,3.763-10.734m-4.9-4.906H17.242v.781a.817.817,0,1,1-1.634,0V3.3006H11.516V4.08a.817.817,0,0,1-1.634.009V3.3H6.574v3.242H26.279V3.3036H23.023v.81a.817.817,0,0,1-1.633,0v-.808m4.9,12.654c-.021.005-.033.005-.036.01-.109.229-.213.461-.326.688a15.2149,15.2149,0,0,1-2.984,4.263,1.2392,1.2392,0,0,1-.925.37q-7.566-.0139-15.131-.006H6.575v1.622H26.283Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); margin-top: 8px; position: absolute; top: 5px; left: 10px; }

/*maps*/ 
.map_abs {  position: relative; margin-top: -26px; }
#map { height: 600px;    width: 100%;    z-index: 100; }
.mapkorrektur {    background-color: #fff;    width: 100%;    height: 20px;    position: absolute;    bottom: 0;   z-index: 101;}
#map.map_gross { height: 1000px;  }

.marker-cluster-small {
  background-color: #49afa5 !important;
}

.marker-cluster-small div {
  background-color: #1c9489 !important;
  color: #fff !important;
}

/* forms */ 

.wpforms-container select, .wpforms-container input { height: 46px; margin: 10px 0; padding: 5px 10px; line-height: 46px; vertical-align: middle; font-size: 18px; border:1px solid #020d1c; border-radius: 0;  }
.wpforms-container textarea { padding: 5px 10px; font-size: 18px; line-height: 26px; border:1px solid #020d1c; margin: 10px 0; }
.wpforms-container select:focus, .wpforms-container input:focus, .wpforms-container textarea:focus { outline: none; border-color: #CAAE66;} 
.wpforms-container .wpforms-submit-container { margin-top: 30px;}
.wpforms-container .pier_button.pier-newsletter-btn { max-width: 100%;}
.wpforms-container .iti { margin-top: 10px;}

/*footer*/ 

body footer.wp-block-template-part { margin-top: 90px;}
.newsletter_pier14_box .wp-block-columns, footer .footer_navi, footer .footer_navi>div { max-width: 1200px; width: 100%; margin: 0 auto;}
.newsletter_pier14_box { padding-top: 40px; padding-bottom: 40px;     background-repeat: no-repeat;    background-size: cover;    background-position-y: center; background-image:url(https://www.pier14.de/wp-content/uploads/2022/04/ostseeliebe_bg.jpg);  }
.newsletter_pier14_box .wp-block-columns { background-color: #fff; padding: 20px 16px; max-width: 1232px; }
.newsletter_pier14_box  p { padding-right: 30px; }
.header_nl { line-height: 37px; margin-bottom: 0;}
.pier-newsletter-container-input { border: 0px solid #fff; border-bottom: 1px solid #020D1C; font-size: 16px; font-weight: 400; max-width: 400px; width: 100%; background-color: transparent; line-height: 40px; margin-bottom: 22px; outline: 0;  padding: 2px 0; border-radius: 0;  }
.pier_button.pier-newsletter-btn { width: 100%; max-width: 400px; }
.input--hidden { display: none; }
.page-id-877 .newsletter_pier14_box { display: none; }

footer .footer_navi>div { align-items: flex-start; justify-content: space-between; }
.footer_navi .wp-block-image { margin-right: 6px;}
.footer_navi { padding: 100px 0; }
.auszeichnungen { width: 290px; gap:0!important; }
.auszeichnungen img { width: 90px; height: auto; }
.footer_headline, .wp-container-24 .footer_headline { display: block; font-weight: 600; width: 100%; margin: 16px 0!important; padding: 0; font-size: 15px; text-transform: uppercase;  }
.footer_social { border-top: 0px solid #EDEDED; padding-bottom: 40px; }
.navi_footer_box { max-width: 720px; width: 100%; }
.footer_navi  .wp-block-navigation__container { gap: 10px 0;  }
.footer_navi   a { font-size: 14px;  }
.footer_navi   li { width: 100%; }

/*editro */ 

.editor-styles-wrapper .wp-block-lazyblock-wann-events * { color: #000; }


@media (max-width: 1852px)  {

 .header_pier .header_abs  { padding-left: 16px!important; padding-right: 16px!important;   }

}


@media (max-width: 1300px)  {

 .wp-block-navigation__container  {gap: 20px;   }
 body .storeslider_hl  {  padding-left: 150px; }
	.store-slider-abs { margin-left: 150px; }
	.custom-logo { width: 90px; height: auto; }
	.startseite_header .pier14_logo { width: 90px; height: 83px; }
	body .pier14_logo { margin-left: -45px; }
	.header_pier { margin-top: 26px!important; margin-bottom: -10px!important; }
	.startseite_header .header_pier {  margin-top: 26px!important;  }
	.header_pier .header_abs { min-height: 94px; }
	.headlinetext_bild { padding-left: 20px; padding-right: 20px; }
	
}


@media (max-width: 1260px)  {

	.second_navi a, .main_navi a span  { font-size: 13px; }
	.main_navi a:before { height: 1px; }
	.navi_card { background-size: 20px 16px; }
	.navi_ort { background-size: 22px 16px; }
	.imageblock .wp-block-image .alignleft, .imageblock .wp-block-image .alignright { margin-left: 0; margin-right: 0;  }
	.restaurant_cover { min-height: 600px!important;  }
	.tns-controls button { width: 100px; height: 100px; background-size: 44px auto; }


}

@media (max-width: 1100px)  {

  .wp-block-navigation__container  {gap: 10px;   }
	.main_navi_rechts .wp-block-navigation__container  {gap: 20px;   }
	body .wp-site-blocks .rest_abs { margin: -150px calc(-1 * var(--wp--custom--spacing--outer)) 0 !important;	}
	body .headlinetext.headlinetext_bild h2 { font-size: 30px; } 
	.div_opentable { top: 180px }
}


@media (max-width: 1025px)  {

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ display: none; }
	.wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; }
	.main_navi a:before { display: none; }
	.wp-block-navigation .wp-block-navigation-item a:focus { text-decoration: none; font-weight: 900; }
	.main_navi_rechts { display: none; }
	.page .main_navi .second_navi {  display: inline-block;   }
	.img_badge img { width: 100%; max-width: 60px; }
	.wp-block-navigation__responsive-dialog a.wp-block-navigation-item__content { color: #020D1C;}
	.startseite_header .header_pier { left: 0; transform: translateX(0); height: 100%;    }
	.startseite_header .wp-block-navigation__responsive-container.is-menu-open { margin-top: -26px;}
  

}

@media (max-width:980px)  {
	
	 body .storeslider_hl  {  padding-left: calc(var(--wp--custom--spacing--outer)); }
	.store-slider-abs {margin-left: calc(var(--wp--custom--spacing--outer)); }
	.navi_footer_box { max-width: 100%;}
	.tns-controls button { width: 80px; height: 80px; background-size: 34px auto; }
	.tns-controls [data-controls="prev"] { left: -22px; }
	.tns-controls [data-controls="next"] { right: 0; }
	.store_info .wp-block-column { margin-bottom: 30px; }
		
}


@media (max-width: 860px)  {

	.fullimg_div, .bild-slider { height: 400px;  }
	.bild-slider { overflow: hidden; }
	.div_opentable { top: 260px; }
	.icon_opentable {  font-size: 14px; left: -112px;  }
	.fullimg { object-fit: cover; }
	.headlinetext, .imageblock { padding-top: 60px; padding-bottom: 60px; }
	.img_badge { right: auto; left: 10px;}
	
	
}

@media (max-width: 820px)  {

	.wp-block-columns.navi_footer_box>.wp-block-column:not(:only-child), .newsletter_pier14_box .wp-block-columns>.wp-block-column:not(:only-child) {  flex-basis: calc(100%)!important;  flex-grow: 0; margin-left: 0; margin-bottom: 30px;   }
	.pier_button.pier-newsletter-btn, .pier-newsletter-container-input { max-width: 100%; }
	.startseite_header h1 { font-size: 70px!important; }
	.startseite_header .sub_text { font-size: 22px!important;}
		
}

@media (max-width: 768px)  {

	.page-id-372 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child), .page-id-728 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) { flex-basis: calc(100% - var(--wp--style--block-gap, 2em)/2)!important; }
	.page-id-372 .wp-block-spacer, .page-id-728 .wp-block-spacer { display: none; }
	body .wp-site-blocks .rest_abs { margin-top: 0 !important;	}
	.restaurant_cover { min-height: 400px!important;  }
	.headlinetext_bild { padding-left: 12px; padding-right: 12px; }
	.img_logo img { width: 100%; max-width: 320px; }
	.b_headline { font-size: 30px; }
	.s_tabs span { font-size: 19px; }
	.s_headline { font-size: 21px; }
	.s_speise, .s_wein { padding-left: 8px; padding-right: 8px; width: calc(100% - 16px); }
	
}

@media (max-width: 660px)  {
	
	.spalten2 { column-count: 1; padding-bottom: 30px; }
	.stores_tabs .wp-block-button__link { font-size: 12px; padding: 6px 10px; }
	.stores_tabs { gap:15px!important; }
	.startseite_header h1 { letter-spacing: 4px; }
	.fullimg_div, .bild-slider { height: 360px;  }
	
}

@media (max-width: 599px)  {

	body, .b_text { font-size: 16px; }	
	.custom-logo { width: 70px; height: auto; }
	body .pier14_logo { margin-left: -35px; }
	.header_pier {  min-height: 80px; margin-top: 19px!important;  margin-bottom: -15px!important; }
	.header_pier .header_abs { min-height: 72px; }
	.headlinetext, .imageblock { padding-top: 40px; padding-bottom: 40px; }
	.imageblock .wp-block-spacer { display: none; }
	body .headlinetext h2, body .mehr_in h3, body .storeslider_hl, body .headlinetext.headlinetext_bild h2, body .headlinetext h1, body .headlinetext_2 h1 { font-size: 30px; line-height: 37px; }
	.headlinetext_p, .spalten2 p { line-height: 28px; }
	.spalten2 p { text-align: center; hyphens: none; }
	.bewertung-slider-abs { padding-left: 0; padding-right: 0; }
	.startseite_header h1 { font-size: 60px!important;}
	.startseite_header .sub_text { font-size: 20px!important;}
	.infoheader h2 { text-align: left;}
	.infotext .wp-block-post-content > * { margin-left: 0!important;}
	
}

@media (max-width: 520px)  { 

	.imageblock .wp-block-columns .wp-block-image figure, .imageblock .wp-block-columns .wp-block-image img {  width: 100%; height: auto!important;  }
	
	body .wp-block-columns .alignright, body .wp-block-columns .alignleft { margin-inline-start: 0;     margin-inline-end: 0; }
	.weg-mobile { display: none!important;}
	.pier_button.pier-newsletter-btn { padding:12px 10px; }
	.store_info, .restaurant_info { padding-top: 46px; padding-bottom: 30px;}
	 
	.wp-site-blocks, body > .is-root-container, .edit-post-visual-editor__post-title-wrapper, .wp-block-group.alignfull, .wp-block-group.has-background, .wp-block-cover.alignfull, .is-root-container .wp-block[data-align="full"] > .wp-block-group, .is-root-container .wp-block[data-align="full"] > .wp-block-cover {
    padding-left: 12px;
    padding-right: 12px;
}
	
	.wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align="full"], body .wp-site-blocks .rest_abs {
    margin-left: -12px!important;
    margin-right: -12px!important;
   
}
	

	.header_pier .header_abs {
    padding-left: 12px!important;
    padding-right: 12px!important;
}
	.header_pier { margin: 36px -12px!important;}
	
}


@media (max-width: 480px)  { 

	.startseite_header h1 { font-size: 50px!important; letter-spacing: 2px; }
	.startseite_header .sub_text { font-size: 16px!important;}
	
	 
}




@media (max-width:460px)  {

	.store-slider div:nth-child(2n) img { margin-top: 0; }
	.icon_opentable {  font-size: 12px; left: -102px;  }
	.s_tabs span { padding: 0; }
}

@media (max-width:390px)  {

	.s_tabs span, .s_headline  { font-size: 16px; }
	.startseite_header h1 { font-size: 45px!important;  }
}

@media (max-width:351px)  {

	.startseite_header h1 { font-size: 40px!important;  }
	.startseite_header .sub_text { font-size: 14px!important;}
}

@media (prefers-contrast: more) {

    a.pier_button, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .pier_button.pier-newsletter-btn {
        border: 3px solid #000;
        color: #fff!important;
        background-color: #000!important;
    }
    .stores_tabs .wp-block-button__link { border: 3px solid #000!important; }
    .stores_tabs .wp-block-button__link:hover {    color: #000 !important;    background-color: #fff !important; }
    body .stores_tabs .wp-block-button.active .wp-block-button__link {
        background-color: #fff !important;
        color: #000 !important;
        border: 2px solid #000 !important;
    }  
    .stores_tabs .active .wp-block-button__link:hover {
        color: #000 !important;
    }
    
    a.pier_button:hover, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {  background-color: #000; }
    
    a.pier_button:hover, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
        
        background-color: #fff!important; 
        color: #000!important;
    }
    
    a.pier_button, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .pier_button.pier-newsletter-btn { 
        border: 3px solid #000;
        color: #fff;
        background-color: #000;
    }
    
    .pier_button.pier-newsletter-btn:hover {
        border: 3px solid #000;
        color: #000;
    }
    
    .store_info img { filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(234deg) brightness(109%) contrast(101%); }
    
    .s_tabs span:hover, .s_tabs span.active {
        color: #000;
    }
    .s_block:after { background-color: #000; }
    .b_star img  { filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7469%) hue-rotate(195deg) brightness(106%) contrast(94%); }
    .b_von { color: #3B3B3B; }
    
    .has-primary-background-color { background-color: #000!important;  }
    

  }