@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

  body {
    margin: 0;
    height: 100vh;              /* gesamte Höhe nutzen */
    display: flex;              /* Flexbox aktivieren */
    justify-content: center;    /* horizontal zentrieren */
    align-items: center;        /* vertikal zentrieren */
	background-color: #3966a8;     
    font-family: Arial, sans-serif;
  }

  .wrap {
    background: #FFF;
    padding: 20px;
  }
  
  .img-inner-border {
    display: block;              /* entfernt Inline-Abstände */
    max-width: 100%;             /* responsiv */
    height: auto;
    box-shadow: inset 0 0 0 4px #fff; /* 4px weißer innerer Rand */
    /*border-radius: 6px;           optional: abgerundete Ecken */
  }

  .adresse {
  	font-family: Arial, Helvetica, sans-serif;
    text-align: left;           /* linksbündig */
    font-size: 12pt;
    color: white;
    letter-spacing: 1px;
    line-height: 1.6;           /* etwas mehr Zeilenabstand */
  }
  a.adresse:link,
  a.adresse:visited,
  a.adresse:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
}
 a.adresse:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #888;
	text-decoration: none;
	letter-spacing: 1px;
}

a[href^="tel"] {
  color: #888;
  text-decoration: none; /* wenn du die Unterstreichung auch weg haben willst */
}

a[href^="tel"]:hover,
a[href^="tel"]:active,
a[href^="tel"]:visited {
  color: #888;
  text-decoration: none; /* Unterstreichung weg */
}