/* alexandria-300 - latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/alexandria-v1-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alexandria-v1-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alexandria-v1-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alexandria-v1-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alexandria-v1-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alexandria-v1-latin-300.svg#Alexandria') format('svg'); /* Legacy iOS */
}

/* alexandria-regular - latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alexandria-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alexandria-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alexandria-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alexandria-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alexandria-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alexandria-v1-latin-regular.svg#Alexandria') format('svg'); /* Legacy iOS */
}

/* alexandria-500 - latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/alexandria-v1-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alexandria-v1-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alexandria-v1-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alexandria-v1-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alexandria-v1-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alexandria-v1-latin-500.svg#Alexandria') format('svg'); /* Legacy iOS */
}

/* alexandria-800 - latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/alexandria-v1-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alexandria-v1-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alexandria-v1-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alexandria-v1-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alexandria-v1-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alexandria-v1-latin-800.svg#Alexandria') format('svg'); /* Legacy iOS */
}


body{font-family: 'Alexandria', sans-serif;font-size:16px;color:#393939}

a.nav_style {color:#fff;text-decoration:none;}
a.nav_style_active {color:#fff;text-decoration:none;border-bottom:solid 3px #fff;}
a.nav_style_mobile {text-align:left!important;color:#000;font-size:20px;text-decoration:none;line-height:2em;}

.nav_back {background:#193153;}
.pic_back {background:#f1f1f1;}
.claim_size {font-size:160%;font-weight:500;}
.leistungen_back {background:#f1f1f1;}
.kundenstimmen_back {background:#193153;color:#fff}
.footer_back {background:#193153;color:#fff}
.start_section_header {font-size:160%;font-weight:500;}

.display_table {display:table;}
.vertical_bottom {display:table-cell;vertical-align:bottom;}

.google-maps {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;border:0;}

@media screen and (min-width: 640px) {
.google-maps {position: relative;padding-bottom: 22.91666666666667%;height: 0;overflow: hidden;}
}

.form_font {font-size:14px;font-weight:300;}

.more_button {
  font-size: 100%;
	display:inline-block; 
  font-weight: 300;
  text-align: center;
  padding: .8em;
  border-radius: 6px !important;
  border: none;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none !important;
  color: #fff;
  background-color: #193153;
	cursor:pointer;
}


.more_button a{
   color: #fff;
 }


.uk-sticky-fixed {
opacity:0.7;
}





.desktop_nav {
  display: none;
}
.mobile_nav {
  display: block;
  text-align: right;
  padding-bottom: 1em;

}

.menu_bar {
  margin: 0;
  color: #11588c;
}


@media (min-width: 640px) {
  ul.footer_links {
    padding-left: 0;
  }
  .desktop_nav {
    display: none;
  }
  .mobile_nav {
    display: block;
  }
	}

@media (min-width: 1025px) {
  ul.footer_links {
    padding-left: 0;
  }
  .desktop_nav {
    display: block;
  }
  .mobile_nav {
    display: none;
  }
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .desktop_nav {
    display: none;
  }
  .mobile_nav {
    display: block;
  }
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .desktop_nav {
    display: none;
  }
  .mobile_nav {
    display: block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .desktop_nav {
    display: none;
  }
  .mobile_nav {
    display: block;
  }
	}
	
	@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .desktop_nav {
    display: none;
  }
  .mobile_nav {
    display: block;
  }
	}
	
	.flex_columns {
  flex: 33.33%;
}

.columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}


.partner_box {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.mapsmessage {}

.fullwidth {width:100%;height:auto;}




/* =========================
   Weihnachts-Modal + Snow
   ========================= */

.xmas-overlay[hidden] { display: none !important; }

.xmas-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.xmas-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(25,49,83,.62);
}

.xmas-snow{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1; /* über dem Backdrop, unter dem Modal */
}

/* Modal zentrieren */
.xmas-modal{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;

  width: min(560px, calc(100% - 32px));
  border-radius: 18px;

  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  box-shadow:
    0 20px 60px rgba(0,0,0,.35),
    0 2px 0 rgba(255,255,255,.55) inset;

  padding: 26px 24px 22px;
  outline: none;
}

/* Close-Button oben rechts */
.xmas-close{
  position: absolute;
  top: 10px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: rgba(0,0,0,.08);
  cursor: pointer;
  font-size: 26px;
  line-height: 40px;
}

.xmas-close:hover{ background: rgba(0,0,0,.12); }

.xmas-content{ text-align: center; }

.xmas-title{
  margin: 2px 0 10px;
  font-size: 28px;
  letter-spacing: .2px;
}

.xmas-text{
  margin: 0 0 18px;
  font-size: 18px;
}

.xmas-actions{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.xmas-btn{
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 15px;
  font-weight: 600;

  color: #fff;
  background: #c23a2b; /* festlich */
  box-shadow: 0 10px 20px rgba(194,58,43,.28);
}

.xmas-btn:hover{ filter: brightness(1.05); }
.xmas-btn:active{ transform: translateY(1px); }

.xmas-hint{
  margin: 14px 0 0;
  font-size: 12px;
  opacity: .7;
}

/* Optional: sanfte Animation beim Erscheinen */
@media (prefers-reduced-motion: no-preference){
  .xmas-modal{
    animation: xmas-pop .22s ease-out;
  }
  @keyframes xmas-pop{
    from{ transform: translate(-50%,-50%) scale(.96); opacity: 0; }
    to{ transform: translate(-50%,-50%) scale(1); opacity: 1; }
  }
}

/* Modal darf überstehende Deko zeigen */
.xmas-modal{
  overflow: visible;
}

/* Deko liegt hinter dem Inhalt, aber über dem Backdrop */
.xmas-deco{
  position: absolute;
  pointer-events: none;
  z-index: 0;
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.22));
}

/* Inhalt über Deko */
.xmas-content{
  position: relative;
  z-index: 1;
}

/* Close-Button bleibt ganz oben klickbar */
.xmas-close{
  z-index: 2;
}

/* Tannenzweig: oben links, ragt raus */
.xmas-deco-branch{
  top: -62px;
  left: -72px;
  transform: rotate(-8deg);
  opacity: .98;
}

/* Kugel: unten rechts, ragt raus */
.xmas-deco-ornament{
  right: -106px;
  bottom: -108px;
  transform: rotate(12deg);
  opacity: .99;
}

/* Responsive: auf kleinen Screens etwas kleiner, damit es nicht drückt */
@media (max-width: 420px){
  .xmas-deco-branch svg{ width: 180px; height: 115px; }
  .xmas-deco-ornament svg{ width: 140px; height: 140px; }
  .xmas-deco-branch{ top: -52px; left: -58px; }
  .xmas-deco-ornament{ right: -44px; bottom: -44px; }
}