@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');

:root {
  --main-brand-color: #00679b;
  --secondary-brand-color: #49FF00;
  --main-dark-gy: #484848;
  --main-light-gy: #F5F5F5;
  --main-white: #ffffff;
  --main-txtTitel-color: #404040;
  --main-txtFeld-color: #404040;
  --main-txt-white: #ffffff;
  --alt-background: #EEEEEE;
  --body-mint: #c2d3cd;
}

.material-icons.lt-green { color: #5cb85c; }
.material-icons.red { color: #ff0000; }
.material-icons.grey { color: #D3D3D3; }

body {
  background-color: var(--alt-background);
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.Linkdisabled {
  color: currentColor;
  opacity: 0.5;
  text-decoration: none;
}

.fontButtons {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.text-header {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

.titel-textfelder {
  font-family: 'Roboto', sans-serif;
  color: var(--main-brand-color);
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.titel-leafletPopup {
  font-family: 'Roboto', sans-serif;
  color: var(--main-brand-color);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.text-leafletPopup {
  font-family: 'Roboto', sans-serif;
  color: var(--main-dark-gy);
  font-weight: 300;
  font-size: 12px;
}

.linkText-leafletPopup {
  font-family: 'Roboto', sans-serif;
  color: var(--main-dark-gy);
  font-weight: 500;
  font-size: 12px;
}

.text-textfelder {
  font-family: 'Roboto', sans-serif;
  color: var(--main-dark-gy);
  font-weight: 300;
  font-size: 14px;
}

.titel-footer {
  color: var(--main-brand-color);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.text-footer {
  color: var(--main-dark-gy);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.fontTable2 {
  font-family: 'Courier Prime', monospace;
  font-weight: 400;
  font-size: 12px;
}

.fontTableBold2 {
  font-family: 'Courier Prime', monospace;
  font-weight: 700;
  font-size: 12px;
}

.fontTable {
  color: var(--main-dark-gy);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.fontTableBold {
  color: var(--main-brand-color);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}



.imgResize {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.leftBorder{
 border-left: solid;
 border-color: var(--secondary-brand-color);
 border-width: 1px;
}

.topBorder{
 border-top: solid;
 border-color: var(--secondary-brand-color);
 border-width: 2px;
}

.pattern45{
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300679' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.patternMap {
  background-color: #f5f5f5;
  background-image: url("../img/patternMap.svg");
}

.bg-secondary {
  background-color: var(--seconadry-brand-color);
}

.bg-ltgrey {
  background-color: var(--main-light-gy);
}

.bg-dkgrey {
  background-color: var(--main-dark-gy);
}

.bg-white {
 background-color: #ffffff;

}

.bg-start {
  background: url("../img/vz400.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  }

.bg-architektur {
    background: url("../img/vz400.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }

.bg-bim {
  background: url("../img/building-chemical-condensation-2569839.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bg-contact {
  background: url("../img/OSI.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bg-industrie {
  background: url("../img/clouds-current-danger-433306.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bg-it {
  background: url("../img/eodc_vsc3_2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  }

.bg-primary-brand {
  background-color: #00679b;
}

.bg-primary-brand50 {
  background-color: rgba(0,103,155,0.7);
}

.font-white {
  color: #fff;
}

.bg-white-25 {
  background-color: rgba(255, 255, 255, 0.25);
}

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-85 {
  background-color: rgba(255, 255, 255, 0.85);
}

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-grey-100 {
  background-color: #CCCCCC;
}

.bg-gold-100 {
  background-color: #EFEF00;
}