@font-face {
  font-family: 'DKJambo';
  src: url('../fonts/DKJambo.eot?#iefix') format('embedded-opentype'),  url('../fonts/DKJambo.otf')  format('opentype'),
       url('../fonts/DKJambo.woff') format('woff'), url('../fonts/DKJambo.ttf')  format('truetype'), url('../fonts/DKJambo.svg#DKJambo') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* patrick-hand-regular - latin */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/patrick-hand-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Patrick Hand'), local('PatrickHand-Regular'),
       url('../fonts/patrick-hand-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/patrick-hand-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/patrick-hand-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/patrick-hand-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/patrick-hand-v12-latin-regular.svg#PatrickHand') format('svg'); /* Legacy iOS */
}

html {
  font-size: 62.5%;
  line-height: 1.2;
}
body {
  background: #00947c;
  font-family: 'Patrick Hand', Arial, sans-serif;
  color: #FFF;
  text-align: center;
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}



/* ----------------------- Container ---------------------- */

#page {
  position: relative;
  z-index: 1;
  font-size: 175%;
}


header {
  position: relative;
  z-index: 10;
  height: 178px;
  background: url(gfx/header.png) bottom left repeat-x;
}


main {
  padding-top: 30px;
  background: #c5d76a;
  color: #00947c;
}
#home main {
  padding-top: 20px;
}

#content {
  position: relative;
  z-index: 1;
  padding: 40px;
  background: url(gfx/bg_content.png) top center no-repeat;
  max-width: 648px;
  margin: 30px auto -30px;
}
#home #content {
  margin-top: 0px;
  background: url(gfx/bg_content1.png) top center no-repeat;
}

footer {
  position: relative;
  z-index: 2;
  height: 63px;
  background: url(gfx/footer.png) top left repeat-x;
}


.small {
  font-size: 90%;
}
.smaller {
  font-size: 66%;
}


/* ----------------------- verschiedenes ---------------------- */



.fa, .cke_editable .fa {
  min-width: 25px;
  text-align: center;
  padding-right: 5px;
}


.align-left,
.text-left {
  text-align: left;
}
.align-center,
.text-center {
  text-align: center;
}
.align-right,
.text-right {
  text-align: right;
}
.align-justify,
.text-justify {
  text-align: justify;
}
.clear {
  clear: both;
}


main ul, .cke_editable ul, .contenttable {
  padding: 0;
  overflow: visible;
}
p {
  margin: 0 0 20px;
}
#datenschutz p {
  margin-bottom: 10px;
}

.ce-bodytext p:last-child {
  margin-bottom: 0;
}

blockquote {
  display: inline-block;
  background: #F8F8F8;
  border-radius: 10px;
  padding: 2% 4%;
  margin: 0 0 15px !important;
  font-style: italic;
  text-align: left;
}
h2.title:empty {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: normal;
  margin: 0;
  padding: 20px 0;
}
#datenschutz h2, #datenschutz h3 {
  padding-top: 0;
}

h1 {
  font-size: 200%;
  font-family: 'DKJambo', serif;
  padding: 40px 0;
  line-height: 1.2;
}
#home h1 {
  font-size: 150%;
  color: #e50075;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}
#home h1::before,
#home h1::after {
  content: '';
  display: block;
  width: 74px;
  height: 70px;
  background: url(gfx/blume1.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 25%;
  left: 10px;
}
#home h1::after {
  left: auto;
  right: 10px;
  top: 45%;
  width: 62px;
  height: 55px;
  background-image: url(gfx/blume2.png);
}

h1 span {
  display: block;
  padding-top: 15px;
}
h2 {
  font-size: 125%;
}
h3 {
  font-size: 110%;
  padding: 10px 0 30px;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 85%;
}

.jambo {
  font-family: 'DKJambo', serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

a {
  color: #00947c;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #00947c;
  text-decoration: underline;
}
a:active, a:focus {outline: none;}
a img { border: 0; }

a[href$='.pdf'], a[href$='.PDF'], a[href*='?file:'] {
  background: url(gfx/pdf.gif) 0 0 no-repeat;
  padding-left: 25px;
}
a[href$='.doc'], a[href$='.DOC'], a[href$='.docx'], a[href$='.DOCX'] {
  background: url(gfx/word.gif) 0 0 no-repeat;
  padding-left: 25px;
}
a[href$='.xls'], a[href$='.XLS'], a[href$='.xlsx'], a[href$='.XLSX'] {
  background: url(gfx/excel.gif) 0 0 no-repeat;
  padding-left: 25px;
}
.image a[href$='.pdf'],
.image a[href$='.PDF'] {
  background: none;
  padding-left: 0;
}

a.button {
  background: #777;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 20px;
  color: #FFF;
  text-align: center;
}
a.button:focus,
a.button:hover,
a.button.active {
  background: #222;
  text-decoration: none;
}
a.button .fa {
  min-width: 1px;
}
a.btn {
  font-size: inherit;
}

a.iframe {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
span.play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  background: url(data:image/png;base64,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) 0 0 no-repeat;
  opacity: 0.8;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}
a.iframe:hover span.play {
  opacity: 1;
}

*:focus {
  outline: 0;
}

ol, ul {
  padding-left: 0;
  margin: 0 0 15px;
}
ul, li {
  list-style: none;
}
.frame-type-text li, .ce-bodytext li, .ce-menu li, .news-single li, .cke_editable li {
  padding-left: 1em;
  text-indent: -.7em;
}
.frame-type-text li:before, .ce-bodytext li:before, .ce-menu li:before, .news-single li:before, .cke_editable li:before {
    content: "• ";
}

.ce-gallery figcaption {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0 0;
  margin-bottom: 15px;
  font-size: 1em;
}
table p {
  margin-bottom: 0;
}
.contenttable th, .cke_editable th,
.contenttable td, .cke_editable td {
  background: #FCFCFC;
  padding: 5px 10px;
  vertical-align: top;
  border: 2px solid #FFF;
}
.contenttable th, .cke_editable th {
  background: #EEE;
}
.contenttable tr:nth-child(even) td {
  background: #F5F5F5;
}

fieldset {
  border: 0;
}
label {
  font-weight: inherit;
}

select,
textarea,
input {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 100%;
  margin-bottom: 2%;
}
form textarea:focus,
form input[type="text"]:focus,
form select:focus {
  border-color: #777;
}

input[type="radio"] {
  width: 20px !important;
}
input[type="checkbox"] {
  width: 16px !important;
  position: relative !important;
}
.checkbox { margin-top: 0; }

input[type="submit"] {
  background: #c00;
  width: 70%;
  margin: 10px 0 0 20%;
  text-transform: uppercase;
  cursor: pointer;
  color: #FFF;
}
input[type="submit"]:hover {
  box-shadow: 0 0 5px #333;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}


@media (max-width: 767px) {
  #page {
    font-size: 150%;
  }
  header {
    height: 110px;
  }
  #home h1 {
    padding: 20px 0;
  }
  #home h1::before {
    width: 50px;
  }
  #home h1::after {
    width: 40px;
  }
}

@media (max-width: 400px) {
  #page {
    font-size: 140%;
  }
  h1 {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  h2 {
    font-size: 120%;
  }
  h2, h3 {
    padding-top: 0;
  }

  main {
    padding-top: 5px;
  }
  #content {
    margin-top: 10px;
  }  

}