@charset "UTF-8";
/* Globale Einstellungen importieren */
/* Breitenangaben */
/* Minimale Breite des Viewports */
/* Maximale Breite des Vierports */
/* Farbangaben */
/* Hintergrundfarbe des Bodys */
/* Hintergrundfarbe des Bodys */
/* Mixins */
/* Schriften einbinden */
@font-face {
  font-family: Awesome;
  src: url(/fonts/awesome.ttf);
  format: "truetype";
}

@font-face {
  font-family: LatoHairline;
  src: url(/fonts/latohairline.ttf);
  format: "truetype";
}

@font-face {
  font-family: LatoLight;
  src: url(/fonts/latolight.ttf);
  format: "truetype";
}

@font-face {
  font-family: LatoRegular;
  src: url(/fonts/latoregular.ttf);
  format: "truetype";
}

@font-face {
  font-family: LatoBold;
  src: url(/fonts/latobold.ttf);
  format: "truetype";
}

@font-face {
  font-family: LatoItalic;
  src: url(/fonts/latoitalic.ttf);
  format: "truetype";
}

/* Allgemeines */
/* line 34, ../sass/global.scss */
body {
  margin: 0;
  padding: 0;
  font-family: LatoRegular,sans-serif;
  color: #5d5d5d;
  background-color: white;
}

/* line 40, ../sass/global.scss */
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 44, ../sass/global.scss */
p {
  margin: 0;
}

/* line 46, ../sass/global.scss */
th {
  padding: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

/* line 51, ../sass/global.scss */
td {
  padding: 0;
  vertical-align: top;
}

/* line 54, ../sass/global.scss */
a {
  outline: none;
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
}

/* Header, Footer und Inhaltsbereich */
/* line 63, ../sass/global.scss */
header {
  background-color: #537092;
}

/* line 65, ../sass/global.scss */
header > h1 {
  margin: 0 auto;
  max-width: 960px;
  min-width: 960px;
  padding-top: 24px;
  padding-bottom: 18px;
}

/* line 69, ../sass/global.scss */
header > nav > ul {
  margin: 0 auto;
  max-width: 960px;
  min-width: 960px;
  padding-bottom: 16px;
}

/* line 72, ../sass/global.scss */
header > nav > ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 74, ../sass/global.scss */
header > nav > ul > li {
  float: left;
}

/* line 76, ../sass/global.scss */
header > nav > ul > li > a {
  display: block;
  margin-right: 1px;
  padding: 6px 12px;
  color: white;
  font-size: 18px;
  font-family: LatoLight;
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 84, ../sass/global.scss */
header > nav > ul.verlag > li.verlag > a {
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 86, ../sass/global.scss */
header > nav > ul.dasoertliche > li.dasoertliche > a {
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 88, ../sass/global.scss */
header > nav > ul.adressbuecher > li.adressbuecher > a {
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 90, ../sass/global.scss */
header > nav > ul.weitere > li.weitere > a {
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 92, ../sass/global.scss */
header > nav > ul > li > ul {
  position: absolute;
  display: none;
}

/* line 95, ../sass/global.scss */
header > nav > ul > li:hover > ul {
  display: block;
}

/* line 97, ../sass/global.scss */
header > nav > ul > li > ul {
  padding-top: 1px;
}

/* line 99, ../sass/global.scss */
header > nav > ul > li > ul > li > a {
  display: block;
  border-bottom: 1px solid #9aaec6;
  padding: 4px 12px;
  min-width: 160px;
  font-size: 16px;
  background-color: #7994b3;
  font-family: LatoLight;
  color: white;
}

/* line 108, ../sass/global.scss */
header > nav > ul > li > ul > li:first-child > a {
  padding-top: 6px;
}

/* line 110, ../sass/global.scss */
header > nav > ul > li > ul > li:last-child > a {
  padding-bottom: 6px;
  border-bottom: none;
}

/* line 113, ../sass/global.scss */
header > nav > ul > li > ul > li > a:hover {
  background-color: #869eba;
}

/* line 115, ../sass/global.scss */
footer {
  font-family: LatoLight;
  background-color: #537092;
  color: white;
}

/* line 119, ../sass/global.scss */
#content {
  margin: 0 auto;
  max-width: 960px;
  min-width: 960px;
}

/* Sektionen und Artikel */
/* line 124, ../sass/global.scss */
section {
  padding: 32px 0;
}

/* line 126, ../sass/global.scss */
section:after, article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 128, ../sass/global.scss */
section article {
  margin: 0 auto;
  max-width: 960px;
  min-width: 960px;
}

/* line 130, ../sass/global.scss */
section article div.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 132, ../sass/global.scss */
section article p {
  margin-bottom: 1em;
}

/* line 134, ../sass/global.scss */
section article p:last-child {
  margin-bottom: 0;
}

/* Zweispaltige Artkel - gleiche Breite  */
/* line 139, ../sass/global.scss */
section article.colums-2 div.row {
  float: left;
  width: 48%;
}

/* line 142, ../sass/global.scss */
section article.colums-2 div.row:first-child {
  margin-right: 4%;
}

/* Zweispaltige Artikel - links 1/3 Breite rechts 2/3 Breite  */
/* line 147, ../sass/global.scss */
section article.colums-2-12 div.row {
  float: left;
}

/* line 149, ../sass/global.scss */
section article.colums-2-12 div.row:first-child {
  margin-right: 4%;
  width: 32%;
}

/* line 152, ../sass/global.scss */
section article.colums-2-12 div.row:last-child {
  width: 64%;
}

/* Zweispaltige Artikel - links 1/4 Breite rechts 3/4 Breite  */
/* line 157, ../sass/global.scss */
section article.colums-2-13 div.row {
  float: left;
}

/* line 159, ../sass/global.scss */
section article.colums-2-13 div.row:first-child {
  margin-right: 4%;
  width: 23%;
}

/* line 162, ../sass/global.scss */
section article.colums-2-13 div.row:last-child {
  width: 73%;
}

/* Zweispaltige Artikel -  links 2/3 Breite rechts 1/3 Breite  */
/* line 167, ../sass/global.scss */
section article.colums-2-21 div.row {
  float: left;
}

/* line 169, ../sass/global.scss */
section article.colums-2-21 div.row:first-child {
  margin-right: 4%;
  width: 64%;
}

/* line 172, ../sass/global.scss */
section article.colums-2-21 div.row:last-child {
  width: 32%;
}

/* Zweispaltige Artikel -  links 3/4 Breite rechts 1/4 Breite  */
/* line 176, ../sass/global.scss */
section article.colums-2-31 div.row {
  float: left;
}

/* line 178, ../sass/global.scss */
section article.colums-2-31 div.row:first-child {
  margin-right: 4%;
  width: 73%;
}

/* line 181, ../sass/global.scss */
section article.colums-2-31 div.row:last-child {
  width: 23%;
}

/* Dreispaltige Artikel - gleiche Breite  */
/* line 186, ../sass/global.scss */
section article.colums-3 div.row {
  float: left;
  margin-right: 3.5%;
  width: 31%;
}

/* line 190, ../sass/global.scss */
section article.colums-3 div.row:last-child {
  margin-right: 0;
}

/* Vierspaltige Artikel  - gleiche Breite */
/* line 195, ../sass/global.scss */
section article.colums-4 div.row {
  float: left;
  margin-right: 4%;
  width: 22%;
}

/* line 199, ../sass/global.scss */
section article.colums-4 div.row:last-child {
  margin-right: 0;
}

/* Formatierungn für Texte */
/* line 204, ../sass/global.scss */
h2 {
  margin: 0 auto;
  max-width: 960px;
  min-width: 960px;
  margin-bottom: 0.8em;
  font-size: 26px;
  font-weight: normal;
  color: #537092;
}

/* line 210, ../sass/global.scss */
h3 {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 20px;
  font-weight: normal;
  color: #537092;
}

/* line 216, ../sass/global.scss */
.smallsize {
  font-size: 15px;
  margin-bottom: 1em;
}

/* line 219, ../sass/global.scss */
.normalsize {
  font-size: 18px;
  margin-bottom: 1em;
}

/* line 222, ../sass/global.scss */
.bigsize {
  font-size: 24px;
  margin-bottom: 1em;
}

/* line 225, ../sass/global.scss */
.megasize {
  font-size: 32px;
  margin-bottom: 1em;
}

/* line 228, ../sass/global.scss */
.bluetext {
  color: #537092;
}

/* line 230, ../sass/global.scss */
.underlined {
  text-decoration: underline;
}

/* line 232, ../sass/global.scss */
.bildtext {
  margin-top: 6px;
  font-size: 14px;
}

/* line 235, ../sass/global.scss */
.werbeinfo {
  margin-top: 4px;
  font-size: 14px;
}

/* line 238, ../sass/global.scss */
.block {
  text-align: justify;
}

/* line 240, ../sass/global.scss */
.center {
  text-align: center;
}

/* line 242, ../sass/global.scss */
.bold {
  font-family: LatoBold;
}

/* line 244, ../sass/global.scss */
.italic {
  font-family: LatoItalic;
}

/* Texte in Spalten */
/* line 251, ../sass/global.scss */
.columntext-2,
.columntext-3,
.columntext-4 {
  column-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
}

/* line 255, ../sass/global.scss */
.columntext-2 {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}

/* line 259, ../sass/global.scss */
.columntext-3 {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
}

/* line 263, ../sass/global.scss */
.columntext-4 {
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
}

/* Formatierungen für Bilder */
/* line 270, ../sass/global.scss */
img {
  border: none;
}

/* line 272, ../sass/global.scss */
img.block {
  display: block;
}

/* line 274, ../sass/global.scss */
img.push {
  margin-bottom: 1em;
}

/* line 276, ../sass/global.scss */
img.pushpush {
  margin-bottom: 2em;
}

/* line 278, ../sass/global.scss */
img.pushpushpush {
  margin-bottom: 3em;
}

/* line 280, ../sass/global.scss */
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 284, ../sass/global.scss */
img.fluid {
  max-width: 100%;
}

/* line 286, ../sass/global.scss */
img.leftfloat {
  margin-right: 1em;
  float: left;
}

/* line 289, ../sass/global.scss */
img.rightfloat {
  margin-left: 1em;
  float: right;
}

/* Themenlinks */
/* line 295, ../sass/global.scss */
ul.category {
  margin-top: 1em;
}

/* line 297, ../sass/global.scss */
ul.category li {
  margin-right: 2em;
  float: left;
}

/* line 300, ../sass/global.scss */
ul.category > li > a {
  color: #537092;
  font-size: 17px;
}

/* Kontaktformular */
/* line 306, ../sass/global.scss */
form.kontakt {
  width: 100%;
}

/* line 308, ../sass/global.scss */
form.kontakt label {
  display: block;
  margin-bottom: 2px;
  font-family: LatoRegular;
  color: #537092;
}

/* line 314, ../sass/global.scss */
form.kontakt input[type="text"],
form.kontakt textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-bottom: 12px;
  padding: 2px 6px;
  width: 100%;
  border: 1px solid #a4a4a4;
  background-color: #fafafa;
  color: #7d7d7d;
  font-size: 16px;
}

/* line 324, ../sass/global.scss */
form.kontakt input[type="submit"] {
  padding: 8px 16px;
  background-color: #5a7a9f;
  color: white;
  border: none;
  font-family: LatoLight;
  font-size: 16px;
}

/* line 331, ../sass/global.scss */
form.kontakt input[type="submit"]:hover {
  background-color: #6684a8;
}

/* Darstellungen der Werbearten im Adressbuch und Das Örtliche */
/* line 336, ../sass/global.scss */
div.werbeart div.beschreibung {
  float: left;
  width: 65%;
}

/* line 339, ../sass/global.scss */
div.werbeart div.beispiele {
  margin-left: 65%;
  padding-left: 32px;
}

/* line 342, ../sass/global.scss */
div.werbeart div.beispiele img {
  display: block;
  margin-bottom: 8px;
  max-width: 100%;
}

/* line 346, ../sass/global.scss */
div.werbeart div.beispiele p.werbeinfo {
  margin-bottom: 16px;
  font-size: 15px;
}

/* line 349, ../sass/global.scss */
div.werbeart ul li {
  border-left: 8px solid #6684a8;
  padding-left: 16px;
  margin-bottom: 4px;
}

/* Liste für den direkten Sprung zu Swiper-Slides */
/* line 356, ../sass/global.scss */
ul.swiperJumpList li {
  padding: 8px 8px;
  margin-bottom: 1px;
  background-color: #8099b7;
  font-size: 17px;
  color: white;
  cursor: pointer;
}

/* Adressbuch Reprints */
/* line 366, ../sass/global.scss */
div.coverliste a {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
}

/* line 370, ../sass/global.scss */
div.coverliste a img {
  width: 200px;
  height: 295px;
}

/* line 373, ../sass/global.scss */
div.coverliste a:after {
  display: block;
  font-size: 14px;
  content: attr(title);
}

/* Detailseite zum Adressbuch */
/* line 382, ../sass/global.scss */
article.adressbuch-detail h4,
article.adressbuch-detail ul,
article.adressbuch-detail p {
  margin: 0;
  padding: 8px 12px;
  color: #3c3c3c;
}

/* line 387, ../sass/global.scss */
article.adressbuch-detail ul,
article.adressbuch-detail p {
  margin-bottom: 1em;
}

/* line 389, ../sass/global.scss */
article.adressbuch-detail p {
  height: 3.5em;
}

/* line 391, ../sass/global.scss */
article.adressbuch-detail h4.behoerdenteil {
  background-color: #a7b8cd;
}

/* line 393, ../sass/global.scss */
article.adressbuch-detail ul.behoerdenteil {
  background-color: #d4dde7;
}

/* line 395, ../sass/global.scss */
article.adressbuch-detail h4.behoerdenteil {
  background-color: #a7b8cd;
}

/* line 397, ../sass/global.scss */
article.adressbuch-detail ul.behoerdenteil {
  background-color: #d4dde7;
}

/* line 399, ../sass/global.scss */
article.adressbuch-detail h4.firmenteil {
  background-color: #ff5bb4;
}

/* line 401, ../sass/global.scss */
article.adressbuch-detail p.firmenteil {
  background-color: #ffcce7;
}

/* line 403, ../sass/global.scss */
article.adressbuch-detail h4.branchenteil {
  background-color: #ffdf33;
}

/* line 405, ../sass/global.scss */
article.adressbuch-detail p.branchenteil {
  background-color: #fff4b8;
}

/* line 407, ../sass/global.scss */
article.adressbuch-detail h4.strassenteil {
  background-color: #a6a6a6;
}

/* line 409, ../sass/global.scss */
article.adressbuch-detail p.strassenteil {
  background-color: #d9d9d9;
}

/* line 411, ../sass/global.scss */
article.adressbuch-detail h4.einwohnerteil {
  background-color: #bfbfbf;
}

/* line 413, ../sass/global.scss */
article.adressbuch-detail p.einwohnerteil {
  background-color: #e6e6e6;
}

/* line 415, ../sass/global.scss */
article.adressbuch-detail h4.gesundheitswesen {
  background-color: #00d200;
}

/* line 417, ../sass/global.scss */
article.adressbuch-detail ul.gesundheitswesen {
  background-color: #9aff9a;
}

/* line 419, ../sass/global.scss */
article.adressbuch-detail h4.zusatzinfo {
  background-color: #ff4d4d;
}

/* line 421, ../sass/global.scss */
article.adressbuch-detail ul.zusatzinfo {
  background-color: #ffa9a9;
}