/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* lobster-regular - latin */
@font-face {
  font-display: optional;
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/esv-theme/fonts/lobster-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lobster Regular'), local('Lobster-Regular'),
       url('../../files/esv-theme/fonts/lobster-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/esv-theme/fonts/lobster-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/esv-theme/fonts/lobster-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/esv-theme/fonts/lobster-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/esv-theme/fonts/lobster-v23-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-display: optional;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-display: optional;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-display: optional;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/esv-theme/fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* ==========================================================================
   CSS ESV
   © Jan Hormanns
   ========================================================================== */
/* ------------------------- Kalibrierung und Allgemein ------------------------- */
html,
button,
input,
select,
textarea {
  color: #494949; }

html {
  height: 100%;
  font-size: 1em;
  line-height: 1.5;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* Prevent iOS text size adjust after orientation change */ }

* {
  padding: 0;
  margin: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Changing box-model */

/* ------------------------- Typografie ------------------------- */
body {
  height: 100%;
  font-family: "Source Sans Pro", Lucida Sans Unicode, Lucida Grande, sans-serif;
  color: #494949;
  background-color: #fff; }

a {
  text-decoration: none;
  background: transparent;
  /* Remove the gray background color from active links in IE 10. */
  border: none; }

a:link {
  color: #0080c8; }

a:visited {
  color: #0080c8; }

a:hover,
a:focus {
  color: #0c5b91;
  cursor: pointer;
  -webkit-transition: color ease .3s;
  -o-transition: color ease .3s;
  -moz-transition: color ease .3s;
  -ms-transition: color ease .3s;
  transition: color ease .3s; }

a:active {
  color: #0c5b91; }

h1 {
  margin: 0 0 0.8em 0;
  font-family: "Lobster", Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 300;
  color: #494949; }

h2 {
  margin: 0 0 0.8em 0;
  font-family: "Lobster", Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-size: 20px;
  font-size: 1.375rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 300;
  color: #494949; }

h3 {
  margin: 0 0 0.6em 0;
  font-size: 17px;
  font-size: 1.063rem;
  line-height: 20px;
  line-height: 1.250rem;
  font-weight: 700;
  color: #494949;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

b, strong {
  font-weight: 700; }

p {
  margin: 0 0 0.8em; }

p:last-of-type {
  margin: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #b2b8c3;
  margin: 1.5em 0;
  padding: 0; }

.invisible {
  /* Skip-Links ausblenden */
  display: inline;
  position: absolute;
  top: -2000px;
  right: -2000px;
  width: 0px;
  height: 0px;
  visibility: hidden;
  overflow: hidden; }

.nobreak {
  display: inline-block; }

/* ============================== LAYOUT ============================= */
#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

/* ----------------- Header ----------------- */
header {
  background-color: #fff;
  width: 100%;
  overflow: hidden; }

#title-bar {
  position: relative;
  background-color: #fff;
  width: 90%;
  max-width: 900px;
  height: 90px;
  margin: 0 auto;
  overflow: hidden; }

#title-bar .logo {
  float: left;
  margin: 20px 0 0 0;
  width: 53px;
  height: 45px; }

.esv-lettering {
  display: inline-block;
  float: left;
  margin: 27px 0 0 10px;
  font-family: "Lobster", Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-weight: 300;
  font-size: 1.188em;
  line-height: 0.9em;
  color: #0c5b91; }
  .esv-lettering .esv-claim {
    font-family: "Source Sans Pro", Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 13px;
    font-size: 0.813rem; }

.esv-banner {
  overflow: hidden; }

.esv-banner img {
  width: 100%;
  min-width: 500px;
  height: auto; }

/* ----------------- Content ----------------- */
#main {
  width: 100%;
  overflow: hidden; }

#main .mod_article a {
  text-decoration: underline; }

.ce_text {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 2.3em;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 400;
  color: #494949; }

.ce_text img {
  width: 100%;
  max-width: 610px;
  height: auto; }

.text-small {
  font-size: 0.875em;
  line-height: 1.250em; }

.text-smaller {
  font-size: 0.75em;
  line-height: 1.250em; }

h1.icon-article {
  margin-top: 2px; }

h1.h1-center {
  width: 90%;
  max-width: 900px;
  margin: 0 auto 1em;
  text-align: center; }

img.icon-article {
  float: left;
  position: relative;
  top: -7px;
  width: 40px;
  height: 40px;
  margin-right: 0.6em; }

.background-grey {
  background-color: #ebecf0; }

.background-blue {
    background-color: #0080c8;
}

#main .background-blue .ce_text { color: #fff; }

/* Maps */
.google-maps {
  width: 100%;
  height: 250px;
  margin: 1em 0 1.5em; }

/* Accordion */
.ce_accordion {
  position: relative;
  background-color: #ebecf0;
  padding: 0 0.6em 0 2.6em;
  margin-bottom: 0.4em; }

.ce_accordion + h1 {
  margin-top: 1.5em; }

.ce_accordion:last-of-type {
  margin-bottom: 2.3em; }

.ce_accordion .toggler {
  font-weight: 700;
  padding: 0.8em 0 0.9em;
  color: #0080c8;
  font-size: 1em;
  line-height: 1em;
  cursor: pointer; }

.ce_accordion .toggler-light {
  margin-right: 0.4em;
  font-weight: 300; }

.ce_accordion .toggler::before {
  position: absolute;
  top: 0.7em;
  left: 0.6em;
  height: 24px;
  width: 24px;
  margin-right: 0.5em;
  content: url(../../files/esv-theme/img/arrow-retro-right-blue.svg);
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.ce_accordion .toggler.active::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.ce_accordion .toggler:hover,
.ce_accordion .toggler:focus {
  color: #0c5b91;
  cursor: pointer;
  outline: none;
  -webkit-transition: color ease .3s;
  -o-transition: color ease .3s;
  -moz-transition: color ease .3s;
  -ms-transition: color ease .3s;
  transition: color ease .3s; }

.ce_accordion .accordion {
  padding: 0 0 1em; }

/* News, Übersicht */
.mod_newsarchive .layout_latest,
.mod_newslist .layout_latest {
  background-image: url("../../files/esv-theme/img/line-dotted.gif");
  background-repeat: repeat-x;
  background-position: top; }

.mod_newsarchive .layout_latest {
  padding-top: 1em; }

.mod_newsarchive h2 {
  padding-top: 0; }

.mod_newsarchive .teaser p {
  margin: 0; }

.mod_newsarchive .info {
  margin: 0 0 0.3em; }

.mod_newsarchive .layout_latest .more {
  padding-bottom: 0.2em; }

.mod_newslist .layout_latest {
  padding: 0.8em 0; }

.mod_newslist a,
.mod_newsarchive a {
  text-decoration: none !important; }

.mod_newslist,
.mod_newslist h2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  text-transform: none; }

.mod_newslist p,
.mod_newslist h2 {
  margin: 0;
  padding: 0; }

.mod_newslist .teaser,
.mod_newslist .teaser p,
.mod_newslist .more {
  display: inline; }

/* News, Artikel */
.mod_newsreader {
  position: relative; }

.mod_newsreader h1 {
  width: 85%; }

.mod_newsreader .back,
.mod_newsreader .back-list {
  position: absolute;
  top: 5px;
  right: 0; }

.mod_newsreader .back a,
.mod_newsreader .back-list a {
  display: inline-block;
  padding-left: 5px;
  margin-top: 0;
  vertical-align: top;
  line-height: 18px; }

.mod_newsreader .back:before,
.mod_newsreader .back-list:before {
  content: url("../../files/esv-theme/img/arrow-left-line-cyan.svg"); }

/* ----------------- Footer ----------------- */
footer {
  display: block;
  width: 100%;
  background-color: #0c5b91;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 19px;
  line-height: 1.1875rem;
  overflow: hidden; }

#footer-container {
  display: block;
  width: 100%;
  background-color: #38a7e3;
  overflow: hidden; }

.footer-inner-container {
  width: 90%;
  max-width: 900px;
  margin: 0 auto; }

footer a {
  color: #fff !important; }

footer a:hover,
footer a:focus {
  color: #0c5b91 !important; }

.footer-addr {
  width: 100%;
  margin: 1.8em 0; }

footer ul {
  margin: 1.8em 0 2em;
  padding: 0;
  text-transform: uppercase; }

footer ul li {
  display: inline;
  list-style: none; }

footer ul li a,
footer ul li .active {
  padding: 10px 0.7em; }

footer ul li:first-child a,
footer ul li:first-child .active {
    padding-left: 0;
}

footer .active {
  color: #0c5b91;
  font-weight: 700; }

#back-top {
  width: 100%;
  margin: 20px 0 80px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase; }

#back-top a {
  display: inline-block;
  margin: 0 auto;
  padding: 10px; }

#back-top a:hover,
#back-top a:focus {
  color: #38a7e3 !important; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ============================== SMALL (Tablet Portrait) ============================= */
@media only screen and (min-width: 550px) {
  h1 {
    margin: 0 0 0.8em 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem; }

  #title-bar {
    height: 100px; }

  #title-bar .logo {
    margin: 20px 0 0 0;
    width: 72px;
    height: 60px; }

  .esv-lettering {
    margin: 28px 0 0 25px;
    font-size: 1.625em;
    line-height: 0.8em; }
    .esv-lettering .esv-claim {
      font-size: 16px;
      font-size: 1rem; } }
/* ============================== MEDIUM (Tablet) ============================= */
@media only screen and (min-width: 770px) {
  h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0 0 0.6em 0; }

  h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0 0 0.8em 0; }

  #title-bar {
    width: 80%;
    max-width: 900px;
    height: 130px; }

  #title-bar .logo {
    margin: 22px 0 0 0;
    width: 107px;
    height: 90px; }

  .esv-lettering {
    margin: 39px 0 0 35px;
    font-size: 2.25em;
    line-height: 0.8em; }
    .esv-lettering .esv-claim {
      font-size: 20px;
      font-size: 1.250rem; }

  #wrapper {
    min-height: 100%; }

  /* Footer nach unten */
  /* ----------------- MEDIUM Content ----------------- */
  #main {
    position: relative;
    padding: 0 0 120px 0; }

  /* Raum für Footer */
  #main .mod_article {
    display: block; }

  .ce_text {
    width: 80%;
    font-size: 1.250em;
    line-height: 1.625em;
    font-weight: 300;
    color: ##494949; }

  .text-small {
    font-size: 0.8em;
    line-height: 1.3em;
    font-weight: 400;
    color: #494949; }

  h1.icon-article {
    margin-top: 6px; }

  h1.h1-center {
    width: 80%; }

  img.icon-article {
    top: -6px;
    width: 50px;
    height: 50px;
    margin-right: 0.6em; }

  /* Accordion */
  .ce_accordion {
    padding: 0 1em 0 3em; }

  .ce_accordion .toggler {
    font-size: 1.1em;
    line-height: 1.1em; }

  .ce_accordion:last-of-type {
    margin-bottom: 3.5em; }

  .ce_accordion .toggler::before {
    top: 0.8em;
    left: 1em; }

  /* ----------------- MEDIUM Footer ----------------- */
  footer {
    position: absolute;
    /* Footer nach unten */
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem; }

  .footer-inner-container {
    width: 80%; }

  footer ul {
    float: right;
    margin: 2.5em 0 4em 2em; }

  .footer-addr {
    float: left;
    width: auto;
    margin: 2.5em 2em 4em 0; }

  footer hr {
    display: none; }

  #back-top {
    display: none; }

  /* Top-Link ausblenden */ }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:after {
  visibility: hidden;
  content: "";
  display: table;
  clear: both; }

/*# sourceMappingURL=main.css.map */

