/* custom css definitions */
/* all custom changes in css should be made in this file. this includes
  changes regarding the bootstrap and brand design definitions. */

/* vivento colors */
* {
  color: #000000;
  font-family: TeleNeoWeb
}
a, h1, h2, h3, h4, h5, h6 {
  color: #245E80;
}
h1 {
  background-color: rgba(36,94,128, 0.85);
  color: #FFFFFF;
  padding: 10px;
  margin-bottom: 30px;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.0em;
  font-weight: 600;
}
h1, h2, h3 {
  font-weight: bold;
}
p {
  line-height: 140%;
}
a {
  transition: background-color 0.15s ease;
  text-decoration: none;
}
a:hover {
  color: #245E80;
  background-color: #eeeeee; 
}

html, body {
  height: 100%;
  min-height: 100%;
}

html {
  font-family: sans-serif;
}

body {
  font-family: TeleNeoWeb, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14pt;
}

/* page construct */
#page-wrapper {
  min-height: 100%;
  margin: 0 auto -50px;
  height: auto !important;
}


#page-header {
  padding-top: 25px;
}


/* content construct, if page image is active */
#content-wrapper {
  width: 80%;
  margin: auto;
  margin-top: 110px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.85);
}

#page-content-image img {
  width: 1296px;
  height: 432px;
  object-fit: cover;
}

@media (min-width: 481px) and (max-width: 767px) {
  #content-wrapper {
    width: 92%;
    margin-top: 80px;
  }
}

@media (max-width: 480px) {
  #content-wrapper {
    width: 100%;
    margin-top: 60px;
    padding: 0px;
  }
}

/* navigation */
.mod-menu.nav {
  margin-bottom: 20px;
}

/* com_contact overrides */
.table > :not(:first-child) {
	border-top-width: 1px;
	border-color: inherit;
}

/* main menu styles */
.mainmenu {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden; 
}

.mainmenu li {
  display: inline-block;
  white-space: nowrap;
}

.mainmenu li a, .mainmenu li span {
  display: inline;
  padding: 10px;
}

.mainmenu li.active a {
  font-weight: bold;
}


/* vivento footer and footer menu */
#page-footer {
  background-color: #245E80;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #7C7C7C;
  text-align: center;
}

#page-footer .container > p, #page-footer .container > ul {
  display: inline;
  
}

#page-footer ul {
  margin: 0px;
}

#page-footer ul li {
  display: inline;
  list-style-type: none;
  padding-left: 5px;
  padding-right: 5px;
}

#page-footer ul li a{
  display: inherit;
  color: #FFFFFF;
}

#page-footer a, #page-footer p {
  font-size: 0.7em;
  color: #C0C0C0;
}

/* bootstrap overrides */
.btn-primary {
	color: #fff;
	background-color: #245e80;
	border-color: #245e80;
}
.btn-primary:hover {
  color: #000000;
  background-color: #91b8d8;
  border-color: #91b8d8;
}


/*! * Telekom Components v2.2.4 [2018-04-19] * Copyright 2014-2018 Deutsche Telekom AG */
@font-face {
	font-family: TeleIconUi;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/teleicon-ui.eot);
	src: url(../fonts/teleicon-ui.eot?#iefix) format("embedded-opentype"), url(../fonts/teleicon-ui.woff) format("woff"), url(../fonts/teleicon-ui.ttf) format("truetype"), url(../fonts/teleicon-ui.svg#teleicon-ui) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/telegroteskscreen-thin.eot);
	src: url(../fonts/telegroteskscreen-thin.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-thin.woff) format("woff"), url(../fonts/telegroteskscreen-thin.ttf) format("truetype"), url(../fonts/telegroteskscreen-thin.svg#telegroteskscreen-thin) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/telegroteskscreen-regular.eot);
	src: url(../fonts/telegroteskscreen-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-regular.woff) format("woff"), url(../fonts/telegroteskscreen-regular.ttf) format("truetype"), url(../fonts/telegroteskscreen-regular.svg#telegroteskscreen-regular) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: italic;
	font-weight: 400;
	src: url(../fonts/telegroteskscreen-regular-italic.eot);
	src: url(../fonts/telegroteskscreen-regular-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-regular-italic.woff) format("woff"), url(../fonts/telegroteskscreen-regular-italic.ttf) format("truetype"), url(../fonts/telegroteskscreen-regular-italic.svg#telegroteskscreen-regular-italic) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/telegroteskscreen-medium.eot);
	src: url(../fonts/telegroteskscreen-medium.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-medium.woff) format("woff"), url(../fonts/telegroteskscreen-medium.ttf) format("truetype"), url(../fonts/telegroteskscreen-medium.svg#telegroteskscreen-medium) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: italic;
	font-weight: 600;
	src: url(../fonts/telegroteskscreen-medium-italic.eot);
	src: url(../fonts/telegroteskscreen-medium-italic.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-medium-italic.woff) format("woff"), url(../fonts/telegroteskscreen-medium-italic.ttf) format("truetype"), url(../fonts/telegroteskscreen-medium-italic.svg#telegroteskscreen-medium-italic) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/telegroteskscreen-bold.eot);
	src: url(../fonts/telegroteskscreen-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-bold.woff) format("woff"), url(../fonts/telegroteskscreen-bold.ttf) format("truetype"), url(../fonts/telegroteskscreen-bold.svg#telegroteskscreen-bold) format("svg")
}
@font-face {
	font-family: TeleGroteskScreen;
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/telegroteskscreen-ultra.eot);
	src: url(../fonts/telegroteskscreen-ultra.eot?#iefix) format("embedded-opentype"), url(../fonts/telegroteskscreen-ultra.woff) format("woff"), url(../fonts/telegroteskscreen-ultra.ttf) format("truetype"), url(../fonts/telegroteskscreen-ultra.svg#telegroteskscreen-ultra) format("svg")
}


@font-face {
	font-family: TeleNeoWeb;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts2/TeleNeoWeb-Thin.eot);
	src: url(../fonts2/TeleNeoWeb-Thin.eot?#iefix) format("embedded-opentype"),
    url(../fonts2/TeleNeoWeb-Thin.woff) format("woff")
}
@font-face {
	font-family: TeleNeoWeb;
	font-style: normal;
	font-weight: 600;
	src: url(../fonts2/TeleNeoWeb-Regular.eot);
	src: url(../fonts2/TeleNeoWeb-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts2/TeleNeoWeb-Regular.woff) format("woff")
}
@font-face {
	font-family: TeleNeoWeb;
	font-style: bold;
	font-weight: 800;
	src: url(../fonts2/TeleNeoWeb-Bold.eot);
	src: url(../fonts2/TeleNeoWeb-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts2/TeleNeoWeb-Bold.woff) format("woff")
}


/*@font-face {
	font-family: TeleGroteskNext-Regular;
	font-display: swap;
	src: local("TeleGroteskNext-Regular"), url(../fonts2/telegrotesknext-regular.woff2) format("woff2"), url(../fonts2/telegrotesknext-regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: TeleGroteskNext-Bold;
	font-display: swap;
	src: local("TeleGroteskNext-Bold"), url(/blob/903422/e456cd42c2368cb4094384da5dc23bf5/telegrotesknext-bold.woff2) format("woff2"), url(/blob/903424/472d594a314bcd680887a6c4c98577d1/telegrotesknext-bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: TeleGroteskNext-Thin;
	font-display: swap;
	src: local("TeleGroteskNext-Thin"), url(/blob/903426/fa4c5727299eca2e756392204b38c7fa/telegrotesknext-thin.woff2) format("woff2"), url(/blob/903428/6a53226124cc7acfa95d88352757a191/telegrotesknext-thin.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: TeleGroteskNext-Ultra;
	font-display: swap;
	src: local("TeleGroteskNext-Ultra"), url(/blob/903430/a045c7a4291f0f663c6fd4a4ef0d49a1/telegrotesknext-ultra.woff2) format("woff2"), url(/blob/903432/2e2b956b7c9be1c1491f4e1e99f80a27/telegrotesknext-ultra.woff) format("woff");
	font-weight: 400;
	font-style: normal
}*/


@font-face {
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/teleicon-outline.eot");
  src: url("../fonts/teleicon-outline.eot?#iefix") format("embedded-opentype"), url("../fonts/teleicon-outline.woff") format("woff"), url("../fonts/teleicon-outline.ttf") format("truetype"), url("../fonts/teleicon-outline.svg#teleicon-outline") format("svg");
}
@font-face {
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/teleicon-solid.eot");
  src: url("../fonts/teleicon-solid.eot?#iefix") format("embedded-opentype"), url("../fonts/teleicon-solid.woff") format("woff"), url("../fonts/teleicon-solid.ttf") format("truetype"), url("../fonts/teleicon-solid.svg#teleicon-solid") format("svg");
}
.icon {
  position: relative;
  bottom: 4px;
  padding-right: 8px;
  vertical-align: middle;
  display: inline-block;
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-solid {
  font-weight: 700;
}

.icon-large {
  font-size: 36px;
}

.icon-warning:before {
  content: '\21';
}

.icon-navigation-up:before {
  content: '\22';
}

.icon-navigation-down:before {
  content: '\24';
}

.icon-navigation-left:before {
  content: '\25';
}

.icon-export:before {
  content: '\26';
}

.icon-import:before {
  content: '\28';
}

.icon-scroll-left:before {
  content: '\29';
}

.icon-favorites:before {
  content: '\2a';
}

.icon-add:before {
  content: '\2b';
}

.icon-decrease:before {
  content: '\2d';
}

.icon-record:before {
  content: '\3b';
}

.icon-scroll-right:before {
  content: '\2f';
}

.icon-tile-view:before {
  content: '\30';
}

.icon-skip-to-start:before {
  content: '\31';
}

.icon-previous:before {
  content: '\32';
}

.icon-rewind:before {
  content: '\33';
}

.icon-play:before {
  content: '\34';
}

.icon-pause:before {
  content: '\35';
}

.icon-stop:before {
  content: '\36';
}

.icon-fast-forward:before {
  content: '\37';
}

.icon-next:before {
  content: '\38';
}

.icon-skip-to-end:before {
  content: '\39';
}

.icon-more:before {
  content: '\3a';
}

.icon-help_2:before {
  content: '\3c';
}

.icon-list-view:before {
  content: '\3d';
}

.icon-information_2:before {
  content: '\3e';
}

.icon-help:before {
  content: '\3f';
}

.icon-calendar:before {
  content: '\41';
}

.icon-shopping-cart:before {
  content: '\42';
}

.icon-copy:before {
  content: '\43';
}

.icon-move-to-trash:before {
  content: '\44';
}

.icon-tablet-pc:before {
  content: '\45';
}

.icon-folder:before {
  content: '\46';
}

.icon-filter:before {
  content: '\47';
}

.icon-login:before {
  content: '\48';
}

.icon-comment:before {
  content: '\49';
}

.icon-start-call:before {
  content: '\4a';
}

.icon-speaker-off:before {
  content: '\4b';
}

.icon-lock:before {
  content: '\4c';
}

.icon-microphone-socket:before {
  content: '\4d';
}

.icon-ringtone-off:before {
  content: '\4e';
}

.icon-clock:before {
  content: '\4f';
}

.icon-add-to-watchlist:before {
  content: '\50';
}

.icon-computer:before {
  content: '\51';
}

.icon-iptv:before {
  content: '\52';
}

.icon-settings:before {
  content: '\53';
}

.icon-digits:before {
  content: '\54';
}

.icon-my-profile:before {
  content: '\55';
}

.icon-confirm:before {
  content: '\56';
}

.icon-smartphone:before {
  content: '\57';
}

.icon-cancel:before {
  content: '\58';
}

.icon-cloud:before {
  content: '\59';
}

.icon-zoom-out:before {
  content: '\5a';
}

.icon-attachment:before {
  content: '\61';
}

.icon-bookmark:before {
  content: '\62';
}

.icon-context-menu:before {
  content: '\63';
}

.icon-download:before {
  content: '\64';
}

.icon-edit:before {
  content: '\65';
}

.icon-file:before {
  content: '\66';
}

.icon-reload:before {
  content: '\67';
}

.icon-home:before {
  content: '\68';
}

.icon-information:before {
  content: '\69';
}

.icon-end-call:before {
  content: '\6a';
}

.icon-speaker-on:before {
  content: '\6b';
}

.icon-link:before {
  content: '\6c';
}

.icon-message:before {
  content: '\6d';
}

.icon-ringtone-on:before {
  content: '\6e';
}

.icon-loading-indicator:before {
  content: '\6f';
}

.icon-print:before {
  content: '\70';
}

.icon-search:before {
  content: '\71';
}

.icon-reply:before {
  content: '\72';
}

.icon-synchronize:before {
  content: '\73';
}

.icon-telekom-1T1:before {
  content: '\74';
}

.icon-upload:before {
  content: '\75';
}

.icon-success:before {
  content: '\76';
}

.icon-forward:before {
  content: '\77';
}

.icon-error:before {
  content: '\78';
}

.icon-share:before {
  content: '\79';
}

.icon-zoom-in:before {
  content: '\7a';
}

.icon-navigation-right:before {
  content: '\a7';
}

.icon-maximize:before {
  content: '\dc';
}

.icon-cover-view:before {
  content: '\df';
}

.icon-warning_2:before {
  content: '\e4';
}

.icon-minimize:before {
  content: '\fc';
}

.icon-frame {
  width: 48px;
  height: 48px;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
.icon-frame:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.icon-frame > .icon {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}