.elementor-31 .elementor-element.elementor-element-5d5a929{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-27035a79{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-27035a79:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-27035a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.restaurant-roemerhof.de/wp-content/uploads/2026/03/Banner.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31 .elementor-element.elementor-element-27035a79::before, .elementor-31 .elementor-element.elementor-element-27035a79 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-27035a79 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-27035a79 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-27035a79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-27035a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 0%, #00000000 20%);}.elementor-31 .elementor-element.elementor-element-7a055b94{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-20e5b20d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-6d3adb92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-6d3adb92.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-46673958{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider-separator{width:100%;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider{padding-block-start:12px;padding-block-end:12px;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider__text{color:var( --e-global-color-accent );font-family:"Lato", Sans-serif;font-size:14px;line-height:14px;letter-spacing:4%;}.elementor-31 .elementor-element.elementor-element-48946f1d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-21d5796f{text-align:center;}.elementor-31 .elementor-element.elementor-element-21d5796f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:120px;font-weight:600;line-height:120px;letter-spacing:-2%;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-6364e3bc{text-align:center;font-family:"Lato", Sans-serif;font-size:18px;line-height:18px;color:#9FA1A3;}.elementor-31 .elementor-element.elementor-element-6364e3bc p{margin-block-end:0px;}.elementor-31 .elementor-element.elementor-element-34a76d77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#916335;border-radius:40px 40px 40px 40px;}.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button{border-radius:40px 40px 40px 40px;}.elementor-31 .elementor-element.elementor-element-2cf9e5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-2cf9e5d.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-a496a97{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-31 .elementor-element.elementor-element-a496a97.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-38b5b80{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-d7ed3bc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-31 .elementor-element.elementor-element-d7ed3bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-34f2a44{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-34f2a44.e-con{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-37d30a3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-16da0ad.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon{font-size:30px;}.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon svg{height:30px;}.elementor-31 .elementor-element.elementor-element-0b77a48{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-749632f{width:auto;max-width:auto;text-align:center;}.elementor-31 .elementor-element.elementor-element-749632f.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-31 .elementor-element.elementor-element-749632f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;letter-spacing:-2%;color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-76303bb{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-9fa966b{width:var( --container-widget-width, 28em );max-width:28em;--container-widget-width:28em;--container-widget-flex-grow:0;text-align:end;font-family:"Lato", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-44c1b44{--display:flex;--gap:020px 0px;--row-gap:020px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-44c1b44.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-00dbad3{text-align:center;}.elementor-31 .elementor-element.elementor-element-00dbad3 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;letter-spacing:-2%;color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-c226a7f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-c226a7f.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-00d5f87{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-b287b71.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon{font-size:30px;}.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon svg{height:30px;}.elementor-31 .elementor-element.elementor-element-40b03f1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-db70e06{text-align:center;font-family:"Lato", Sans-serif;font-size:18px;line-height:150%;color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-9887812{--grid-columns:3;}.elementor-31 .elementor-element.elementor-element-8628200{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:060px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-ae5a64e{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-31 .elementor-element.elementor-element-ae5a64e.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-c473dac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-08116a0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-31 .elementor-element.elementor-element-08116a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-457e23f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-457e23f.e-con{--align-self:flex-start;}.elementor-31 .elementor-element.elementor-element-7407f5d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-c6380b5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon{font-size:30px;}.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon svg{height:30px;}.elementor-31 .elementor-element.elementor-element-6c98f3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-4d66ecc{width:auto;max-width:auto;text-align:center;}.elementor-31 .elementor-element.elementor-element-4d66ecc.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-31 .elementor-element.elementor-element-4d66ecc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;letter-spacing:-2%;color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-bb6525b{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-e765bce{width:var( --container-widget-width, 28em );max-width:28em;--container-widget-width:28em;--container-widget-flex-grow:0;text-align:end;font-family:"Lato", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-34ae040{--display:flex;--gap:020px 0px;--row-gap:020px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-34ae040.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-e42f51a{text-align:center;}.elementor-31 .elementor-element.elementor-element-e42f51a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:500;letter-spacing:-2%;color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-c389e1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-c389e1a.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-816a744{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-80b3cb8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon{font-size:30px;}.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon svg{height:30px;}.elementor-31 .elementor-element.elementor-element-8ada1d1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-775596e{text-align:center;font-family:"Lato", Sans-serif;font-size:18px;line-height:150%;color:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-ad78eab{--grid-columns:3;--load-more-button-align:center;}.elementor-31 .elementor-element.elementor-element-ad78eab .elementor-button{fill:var( --e-global-color-b8ecae1 );color:var( --e-global-color-b8ecae1 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-7a055b94{--gap:040px 040px;--row-gap:040px;--column-gap:040px;}.elementor-31 .elementor-element.elementor-element-20e5b20d{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-6d3adb92.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider-separator{width:100%;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider__text{font-size:12px;}.elementor-31 .elementor-element.elementor-element-48946f1d{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-21d5796f .elementor-heading-title{font-size:60px;line-height:100%;}.elementor-31 .elementor-element.elementor-element-6364e3bc{text-align:center;font-size:16px;}.elementor-31 .elementor-element.elementor-element-9887812{--grid-columns:2;}.elementor-31 .elementor-element.elementor-element-ad78eab{--grid-columns:2;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-7a055b94{--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-20e5b20d{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-31 .elementor-element.elementor-element-6d3adb92{--width:40%;--margin-top:0px;--margin-bottom:-35px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-46673958 .elementor-divider__text{font-size:10px;}.elementor-31 .elementor-element.elementor-element-48946f1d{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-31 .elementor-element.elementor-element-21d5796f{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-31 .elementor-element.elementor-element-21d5796f .elementor-heading-title{font-size:48px;line-height:48px;}.elementor-31 .elementor-element.elementor-element-6364e3bc{width:var( --container-widget-width, 90% );max-width:90%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;font-size:14px;}.elementor-31 .elementor-element.elementor-element-a496a97{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-31 .elementor-element.elementor-element-d7ed3bc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-34f2a44{--flex-wrap:nowrap;}.elementor-31 .elementor-element.elementor-element-9fa966b{text-align:center;}.elementor-31 .elementor-element.elementor-element-44c1b44{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-31 .elementor-element.elementor-element-00dbad3 .elementor-heading-title{font-size:32px;}.elementor-31 .elementor-element.elementor-element-c226a7f{--justify-content:center;}.elementor-31 .elementor-element.elementor-element-00d5f87{--width:32px;}.elementor-31 .elementor-element.elementor-element-b287b71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-b287b71.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon{font-size:24px;}.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon svg{height:24px;}.elementor-31 .elementor-element.elementor-element-40b03f1{--width:32px;}.elementor-31 .elementor-element.elementor-element-db70e06{font-size:16px;}.elementor-31 .elementor-element.elementor-element-9887812{--grid-columns:1;}.elementor-31 .elementor-element.elementor-element-8628200{--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-ae5a64e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-31 .elementor-element.elementor-element-08116a0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-31 .elementor-element.elementor-element-457e23f{--flex-wrap:nowrap;}.elementor-31 .elementor-element.elementor-element-e765bce{text-align:center;}.elementor-31 .elementor-element.elementor-element-34ae040{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-31 .elementor-element.elementor-element-e42f51a .elementor-heading-title{font-size:32px;}.elementor-31 .elementor-element.elementor-element-c389e1a{--justify-content:center;}.elementor-31 .elementor-element.elementor-element-816a744{--width:32px;}.elementor-31 .elementor-element.elementor-element-80b3cb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-80b3cb8.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon{font-size:24px;}.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon svg{height:24px;}.elementor-31 .elementor-element.elementor-element-8ada1d1{--width:32px;}.elementor-31 .elementor-element.elementor-element-775596e{font-size:16px;}.elementor-31 .elementor-element.elementor-element-ad78eab{--grid-columns:1;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-7a055b94{--content-width:90%;}.elementor-31 .elementor-element.elementor-element-6d3adb92{--width:10%;}.elementor-31 .elementor-element.elementor-element-a496a97{--width:80%;}.elementor-31 .elementor-element.elementor-element-d7ed3bc{--width:254.758;}.elementor-31 .elementor-element.elementor-element-34f2a44{--width:151px;}.elementor-31 .elementor-element.elementor-element-76303bb{--width:auto;}.elementor-31 .elementor-element.elementor-element-c226a7f{--width:151px;}.elementor-31 .elementor-element.elementor-element-8628200{--width:100%;}.elementor-31 .elementor-element.elementor-element-ae5a64e{--width:80%;}.elementor-31 .elementor-element.elementor-element-08116a0{--width:254.758;}.elementor-31 .elementor-element.elementor-element-457e23f{--width:151px;}.elementor-31 .elementor-element.elementor-element-bb6525b{--width:auto;}.elementor-31 .elementor-element.elementor-element-c389e1a{--width:151px;}}@media(max-width:1024px) and (min-width:768px){.elementor-31 .elementor-element.elementor-element-6d3adb92{--width:20%;}}/* Start custom CSS for button, class: .elementor-element-34a76d77 */.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button {
    overflow: hidden !important;
    position: relative;
    z-index: 1;
    border: 2px solid #916335 !important;
    background-color: #D4965F !important;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -150%; 
    width: 60px;
    height: 200%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 2;
    pointer-events: none;
}

.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button:hover::after {
    left: 150%;
}

.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button-content-wrapper {
    position: relative;
    z-index: 3 !important;
}

.elementor-31 .elementor-element.elementor-element-34a76d77 .elementor-button:hover {
    box-shadow: 0 0 10px rgba(145, 99, 53, 0.3) !important;
    border: 2px solid #916335 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27035a79 */.elementor-31 .elementor-element.elementor-element-27035a79 {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; 
    align-items: center !important;    
    padding: 20px !important;
}

@media (max-width: 767px) {
    .elementor-31 .elementor-element.elementor-element-27035a79 {
        min-height: 100dvh !important; 
        background-attachment: scroll !important; 
        background-size: cover !important;
        background-position: center center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37d30a3 */.elementor-31 .elementor-element.elementor-element-37d30a3 {
    /* Höhe der Trennlinie */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Der Gradient: von links nach rechts */
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%,   /* Weiß bei 0% mit 0% Deckkraft */
        #BED1E4 25%,               /* Dein Hellblau bei 25% */
        #7EA4C9 50%                /* Dein Akzentblau bei 50% */
    );
    
    /* Abstände entfernen, damit die 1px wirken */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-16da0ad *//* 1. Den äußeren Wrapper auf exakt 30x30px festlegen */
.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 auto !important; /* Zentriert das Icon im Spalten-Layout */
}

/* 2. Das Icon-Element selbst (der Kreis/Hintergrund) */
.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Das eigentliche SVG-Bild auf 100% der 30px zwingen */
.elementor-31 .elementor-element.elementor-element-16da0ad .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b77a48 */.elementor-31 .elementor-element.elementor-element-0b77a48 {
    /* Höhe der Trennlinie fixieren */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Invertierter Gradient: von rechts nach links auslaufend */
    /* Wir starten beim Icon (0%) mit dem dunklen Blau und enden rechts (100%) in Transparenz */
    background: linear-gradient(90deg, 
        #7EA4C9 50%,               /* Startet beim Icon mit deinem Akzentblau */
        #BED1E4 75%,               /* Geht über in das Hellblau bei 75% */
        rgba(255, 255, 255, 0) 100% /* Endet rechts in voller Transparenz bei 100% */
    );
    
    /* Abstände entfernen */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00d5f87 */.elementor-31 .elementor-element.elementor-element-00d5f87 {
    /* Höhe der Trennlinie */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Der Gradient: von links nach rechts */
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%,   /* Weiß bei 0% mit 0% Deckkraft */
        #BED1E4 25%,               /* Dein Hellblau bei 25% */
        #7EA4C9 50%                /* Dein Akzentblau bei 50% */
    );
    
    /* Abstände entfernen, damit die 1px wirken */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b287b71 *//* 1. Den äußeren Wrapper auf exakt 30x30px festlegen */
.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 auto !important; /* Zentriert das Icon im Spalten-Layout */
}

/* 2. Das Icon-Element selbst (der Kreis/Hintergrund) */
.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Das eigentliche SVG-Bild auf 100% der 30px zwingen */
.elementor-31 .elementor-element.elementor-element-b287b71 .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b03f1 */.elementor-31 .elementor-element.elementor-element-40b03f1 {
    /* Höhe der Trennlinie fixieren */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Invertierter Gradient: von rechts nach links auslaufend */
    /* Wir starten beim Icon (0%) mit dem dunklen Blau und enden rechts (100%) in Transparenz */
    background: linear-gradient(90deg, 
        #7EA4C9 50%,               /* Startet beim Icon mit deinem Akzentblau */
        #BED1E4 75%,               /* Geht über in das Hellblau bei 75% */
        rgba(255, 255, 255, 0) 100% /* Endet rechts in voller Transparenz bei 100% */
    );
    
    /* Abstände entfernen */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7407f5d */.elementor-31 .elementor-element.elementor-element-7407f5d {
    /* Höhe der Trennlinie */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Der Gradient: von links nach rechts */
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%,   /* Weiß bei 0% mit 0% Deckkraft */
        #BED1E4 25%,               /* Dein Hellblau bei 25% */
        #7EA4C9 50%                /* Dein Akzentblau bei 50% */
    );
    
    /* Abstände entfernen, damit die 1px wirken */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c6380b5 *//* 1. Den äußeren Wrapper auf exakt 30x30px festlegen */
.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 auto !important; /* Zentriert das Icon im Spalten-Layout */
}

/* 2. Das Icon-Element selbst (der Kreis/Hintergrund) */
.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Das eigentliche SVG-Bild auf 100% der 30px zwingen */
.elementor-31 .elementor-element.elementor-element-c6380b5 .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c98f3d */.elementor-31 .elementor-element.elementor-element-6c98f3d {
    /* Höhe der Trennlinie fixieren */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Invertierter Gradient: von rechts nach links auslaufend */
    /* Wir starten beim Icon (0%) mit dem dunklen Blau und enden rechts (100%) in Transparenz */
    background: linear-gradient(90deg, 
        #7EA4C9 50%,               /* Startet beim Icon mit deinem Akzentblau */
        #BED1E4 75%,               /* Geht über in das Hellblau bei 75% */
        rgba(255, 255, 255, 0) 100% /* Endet rechts in voller Transparenz bei 100% */
    );
    
    /* Abstände entfernen */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-816a744 */.elementor-31 .elementor-element.elementor-element-816a744 {
    /* Höhe der Trennlinie */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Der Gradient: von links nach rechts */
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%,   /* Weiß bei 0% mit 0% Deckkraft */
        #BED1E4 25%,               /* Dein Hellblau bei 25% */
        #7EA4C9 50%                /* Dein Akzentblau bei 50% */
    );
    
    /* Abstände entfernen, damit die 1px wirken */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-80b3cb8 *//* 1. Den äußeren Wrapper auf exakt 30x30px festlegen */
.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 auto !important; /* Zentriert das Icon im Spalten-Layout */
}

/* 2. Das Icon-Element selbst (der Kreis/Hintergrund) */
.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Das eigentliche SVG-Bild auf 100% der 30px zwingen */
.elementor-31 .elementor-element.elementor-element-80b3cb8 .elementor-icon svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ada1d1 */.elementor-31 .elementor-element.elementor-element-8ada1d1 {
    /* Höhe der Trennlinie fixieren */
    height: 1px; 
    min-height: 1px !important;
    max-height: 1px !important;
    
    /* Invertierter Gradient: von rechts nach links auslaufend */
    /* Wir starten beim Icon (0%) mit dem dunklen Blau und enden rechts (100%) in Transparenz */
    background: linear-gradient(90deg, 
        #7EA4C9 50%,               /* Startet beim Icon mit deinem Akzentblau */
        #BED1E4 75%,               /* Geht über in das Hellblau bei 75% */
        rgba(255, 255, 255, 0) 100% /* Endet rechts in voller Transparenz bei 100% */
    );
    
    /* Abstände entfernen */
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.restaurant-roemerhof.de/wp-content/uploads/2026/03/Lato-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.restaurant-roemerhof.de/wp-content/uploads/2026/02/PlayfairDisplay-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.restaurant-roemerhof.de/wp-content/uploads/2026/02/PlayfairDisplay-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */