.elementor-53 .elementor-element.elementor-element-e5b74f6{--display:flex;}.elementor-53 .elementor-element.elementor-element-73fc941{--spacer-size:95px;}.elementor-53 .elementor-element.elementor-element-fd98a52{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-100px;--padding-bottom:-100px;--padding-left:-100px;--padding-right:-100px;}.elementor-53 .elementor-element.elementor-element-fd98a52.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-53 .elementor-element.elementor-element-e467cc1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-53 .elementor-element.elementor-element-a9d4000{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-340px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-a9d4000.e-con{--align-self:flex-start;}.elementor-53 .elementor-element.elementor-element-6fa0a9a > .elementor-widget-container{margin:0px 0px 0px -120px;border-style:none;}.elementor-53 .elementor-element.elementor-element-6fa0a9a img{opacity:1;}.elementor-53 .elementor-element.elementor-element-c3400ff > .elementor-widget-container{margin:0px 0px 0px -200px;}.elementor-53 .elementor-element.elementor-element-0698486 > .elementor-widget-container{--e-transform-rotateZ:18deg;margin:50px 0px 0px 50px;}.elementor-53 .elementor-element.elementor-element-646e9b3{--display:flex;--min-height:0px;--margin-top:-12px;--margin-bottom:-12px;--margin-left:-12px;--margin-right:-12px;--padding-top:-8px;--padding-bottom:-8px;--padding-left:-8px;--padding-right:-8px;}.elementor-53 .elementor-element.elementor-element-1e4a195{--display:flex;}.elementor-53 .elementor-element.elementor-element-a06d3b4{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-180px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-388efd7{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;border-style:none;--border-style:none;}.elementor-53 .elementor-element.elementor-element-f53398c .elementor-icon-wrapper{text-align:center;}.elementor-53 .elementor-element.elementor-element-f53398c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-f53398c.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-f53398c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-f53398c.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-f53398c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-9e6fd0f .elementor-icon-wrapper{text-align:center;}.elementor-53 .elementor-element.elementor-element-9e6fd0f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-9e6fd0f.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-9e6fd0f.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-9e6fd0f.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-9e6fd0f.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-6d4c533 .elementor-icon-wrapper{text-align:center;}.elementor-53 .elementor-element.elementor-element-6d4c533.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-6d4c533.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-6d4c533.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-6d4c533.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-6d4c533.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-47f101e .elementor-icon-wrapper{text-align:center;}.elementor-53 .elementor-element.elementor-element-47f101e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-47f101e.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-47f101e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-47f101e.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-47f101e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-b85af4c .elementor-icon-wrapper{text-align:center;}.elementor-53 .elementor-element.elementor-element-b85af4c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-b85af4c.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-b85af4c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-b85af4c.elementor-view-framed .elementor-icon, .elementor-53 .elementor-element.elementor-element-b85af4c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}body.elementor-page-53{margin:100px 200px 100px 200px;}@media(max-width:1024px){.elementor-53 .elementor-element.elementor-element-e467cc1{--grid-auto-flow:row;}.elementor-53 .elementor-element.elementor-element-a9d4000{--grid-auto-flow:row;}.elementor-53 .elementor-element.elementor-element-388efd7{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-e467cc1{--width:100%;}.elementor-53 .elementor-element.elementor-element-a9d4000{--width:100%;}.elementor-53 .elementor-element.elementor-element-646e9b3{--content-width:1600px;}.elementor-53 .elementor-element.elementor-element-388efd7{--content-width:500px;}}@media(max-width:767px){.elementor-53 .elementor-element.elementor-element-e467cc1{--width:500px;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-53 .elementor-element.elementor-element-e467cc1.e-con{--align-self:center;}.elementor-53 .elementor-element.elementor-element-a9d4000{--width:500px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-53 .elementor-element.elementor-element-a9d4000.e-con{--align-self:center;}.elementor-53 .elementor-element.elementor-element-6fa0a9a > .elementor-widget-container{margin:-134px -134px -134px -134px;}.elementor-53 .elementor-element.elementor-element-6fa0a9a img{width:36%;}.elementor-53 .elementor-element.elementor-element-c3400ff > .elementor-widget-container{margin:30px 0px 0px -2px;}.elementor-53 .elementor-element.elementor-element-c3400ff img{width:33%;}.elementor-53 .elementor-element.elementor-element-0698486 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-53 .elementor-element.elementor-element-0698486 img{width:35%;}.elementor-53 .elementor-element.elementor-element-a06d3b4{--margin-top:0px;--margin-bottom:0px;--margin-left:-92px;--margin-right:0px;}.elementor-53 .elementor-element.elementor-element-388efd7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}body.elementor-page-53{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-6fa0a9a *//* Container des Bildes */
.npc-box {
  position: relative; /* Wichtig für absolute Positionierung der Elemente */
  display: inline-block;
}

/* Nametag über dem Bild */
.npc-box::before {
  content: "Bauamt"; /* Dein Text */
  position: absolute;
  top: -20px;
  left: 43%;
  transform: translateX(-50%);
  font-family: 'Press Start 2P', monospace;
  font-size: 14px;
  color: white;
  background-color: rgba(0,0,0,0.4);
  padding: 2px 6px;
  border-radius: 2px;
  pointer-events: none;
  white-space: nowrap;
}

/* Hover-Effekt auf Bild */
.npc-box img {
  transition: filter 0.3s ease;
}

.npc-box:hover img {
  filter: brightness(1.3) drop-shadow(0 0 15px rgba(255,255,255,0.7));
}

/* Info-Box rechts vom Bild - CSS only */
.npc-box::after {
  content: "Grundstück beantragen\A Hausverschiebung beantragen\A Spieler zu Grundstück hinzufügen";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  white-space: pre; /* wichtig für Zeilenumbrüche */
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 10px 15px;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: 18px;
}


/* Info-Box nur beim Hover einblenden */
.npc-box:hover::after {
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3400ff *//* Container des Bildes */
.npc-box2 {
  position: relative; /* wichtig für absolute Positionierung der Info-Box */
  display: inline-block;
}

/* Nametag über dem Bild */
.npc-box2::before {
  content: "Verwaltung";
  position: absolute;
  top: -30px;
  left: 32%;
  transform: translateX(-50%);
  font-family: 'Press Start 2P', monospace;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2px 6px;
  text-align: center;
  pointer-events: none;
  white-space: nowrap;
  border-radius: 2px;
}

/* Hover-Effekt auf Bild */
.npc-box2 img {
  transition: filter 0.3s ease;
}

.npc-box2:hover img {
  filter: brightness(1.3) drop-shadow(0 0 15px rgba(255,255,255,0.7));
}

/* Info-Box rechts vom Bild - CSS only */
.npc-box2::after {
  content: "Titeländerung\A Eigenen Ortsnamen ändern\A Stadtnamen vorschlagen\A Bürgermeisterkandidatur\A Serverregel Vorschlag\A Plugin Vorschlag";
  position: absolute;
  top: 50%;
  left: 40%; /* Abstand zum Bild anpassen */
  transform: translateY(-50%);
  white-space: pre; /* Zeilenumbrüche werden angezeigt */
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 10px 15px;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: 18px;
}

/* Info-Box nur beim Hover einblenden */
.npc-box2:hover::after {
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0698486 *//* Container des Bildes */
.npc-box3 {
  position: relative;
  display: inline-block;
}

/* Nametag über dem Bild */
.npc-box3::before {
  content: "Wahlurne"; /* Überschrift oben über dem Bild, kannst du ändern */
  position: absolute;
  top: 80px;
  left: 70%;
  transform: translateX(-50%);
  font-family: 'Press Start 2P', monospace;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2px 6px;
  text-align: center;
  pointer-events: none;
  white-space: nowrap;
  border-radius: 2px;
}

/* Hover-Effekt auf Bild */
.npc-box3 img {
  transition: filter 0.3s ease;
}

.npc-box3:hover img {
  filter: brightness(1.3) drop-shadow(0 0 15px rgba(255,255,255,0.7));
}

/* Info-Box rechts vom Bild - CSS only */
.npc-box3::after {
  content: "An einer Wahl teilnehmen!"; /* Dein Text hier */
  position: absolute;
  top: 50%;
  left: 10%; /* Abstand zum Bild anpassen */
  transform: translateY(-50%);
  white-space: pre; 
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 10px 15px;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: 18px;
}

/* Info-Box nur beim Hover einblenden */
.npc-box3:hover::after {
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a06d3b4 */#offcanvas-menu {
  position: fixed;
  top: 0;
  left: -250px; /* Startposition außerhalb des Bildschirms */
  width: 250px;
  height: 100%;
  background: transparent;
  transition: left 0.3s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

#offcanvas-menu.open {
  left: 0; /* Wenn das Menü geöffnet ist, erscheint es */
}/* End custom CSS */
/* Start custom CSS */#spalte-1, #spalte-2, #spalte-3 {
  cursor: pointer;
}/* End custom CSS */