@import url("ext_navigation.css");
@import url("ext_extensions.css");
@import url("ext_csc.css");
@import url("ext_veranstaltungen.css");
@import url("ext_personen.css");
@import url("ext_mobile.css");
@import url("ext_quiz.css");

/*************************************
*  Erzdiözese Salzburg
*  meindeindom.at
*  @copyright Glossy Works GmbH
**************************************/

html body {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #5d92c3;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  background: #dcf0f9;
}
html body.color-yellow {
  background: #feec7c !important;
}
html body.color-orange {
  background: #ffa14a !important;
}
html body.color-violet {
  background: #b772ff !important;
}
html body.color-pink {
  background: #ff5597 !important;
}
html body.color-green {
  background: #7ac043 !important;
}

html h1,
html h2,
html h3,
html h4,
html h1 a,
html h2 a,
html h3 a,
html h4 a {
  font-family: "Indie Flower";
  color: #5d92c3;
  padding-bottom: 6px;
  margin: 0 0 25px 0;
  background: url(../img/bg-headings.png) no-repeat left bottom;
}
html .indie {
  font-family: "Indie Flower";
}

html h1 {
  font-size: 28px;
  font-weight: bold;
}
html h2 {
  font-size: 25px;
  font-weight: bold;
}
html h3 {
  font-size: 16px;
  font-weight: bold;
  color: #8b2b12;
}
html h4 {
  font-size: 25px;
  color: #db1b96;
  margin: 20px 0;
}
html a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
a img {
  border: none;
}
html img {
  max-width: 100%;
  height: auto;
}
.only-mobile,
.header-background {
  display: none;
}
html .content-container a:active,
html .content-container a:focus,
html .content-container a:visited,
html .content-container a:hover,
html .content-container a {
  color: #5d92c3;
  font-weight: normal;
  text-decoration: none;
  padding-bottom: 43px;
  background: url(../img/bg-links.png) no-repeat right bottom;
}
html div .content-container a:hover {
  font-weight: bold;
}

/******************************
* General Layout Items
*******************************/
.main-container {
  position: relative;
  margin: 150px auto;
  background: url(../img/bg-content.jpg) repeat-y center top;
}
.header-row > #logo {
  position: absolute;
  z-index: 10;
  top: -110px;
  left: -110px;
  width: 100%;
  height: 291px;
}
#logo {
  position: relative;
  z-index: 200;
  height: 291px;
  background: url("../img/menu_neu_animiert.png") no-repeat scroll left top
    transparent;
}
#logo a {
  display: block;
  z-index: 500;
  width: 441px;
  height: 291px;
  color: transparent;
}
#domimage {
  position: absolute;
  z-index: 50;
  top: -110px;
  right: -80px;
  width: 274px;
  height: 254px;
  background: url("../img/bg-dom.png") no-repeat right top;
}

.content-row {
  position: relative;
  z-index: 15;
  margin-top: 110px;
}
div .content-container > section {
  min-height: 600px;
  padding: 0 30px;
  margin-top: 60px;
  background: url(../img/content-trennlinie.png) no-repeat bottom left;
}
.breadcrumbs-container {
  position: absolute;
  top: -110px;
  right: 15%;
}
.sticker {
  position: absolute;
  top: -80px;
  right: 200px;
  z-index: 2;
  width: 250px;
  height: 110px;
}
.color-yellow .sticker {
  background: url(../img/leben-im-dom.png) no-repeat right top;
}
.color-orange .sticker {
  background: url(../img/zeitreise.png) no-repeat right top;
}
.color-violet .sticker {
  background: url(../img/schaetze-im-dom.png) no-repeat right top;
}
.color-pink .sticker {
  background: url(../img/verstecktes-im-dom.png) no-repeat right top;
}
.color-green .sticker {
  background: url(../img/dom-aktiv.png) no-repeat right top;
}

@font-face {
  font-family: "Indie Flower";
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url("fonts/Indie_Flower/IndieFlower-Regular.ttf") format("truetype");
  font-display: swap;
}