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

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
:root{
--orange: rgb(246,111,0);
--violett: rgb(84,71,153);
--violett-hell: rgb(196,190,228);
--grau: #aaa;
}
#keyvisual {
background: rgb(196,190,228);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0, 0.15);
}
#slogan {
position: relative;
background: rgb(196,190,228);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0, 0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0, 0.15);
z-index: 100;
}
#slogan .custom p {
font-size: 1.25em;
color: rgb(84,71,153);
margin: 0;
}
.gridContainer {
background: rgb(255,255,255);
-webkit-box-shadow: 0px 0px 7px 0px rgba(140,107,186, 0.7);
box-shadow: 0px 0px 7px 0px rgba(140,107,186, 0.7);
}
/* Guestbook */

#phocaguestbook .pgtitle {
  font-size: 1em;
}
#phocaguestbook small {
  font-size: 1em;
  float: right;
  color: var(--grau);
}
#phocaguestbook blockquote {
  margin: 0.5em 0;
}
#phocaguestbook hr {
  display: none;
}
.controls input:nth-of-type(2) {
  display: none;
}

#phocaguestbook button {
  border: none;
  font-size: 1em;
  background: var(--orange);
  padding: 0.5em 1em;
  color: white;
}
#phocaguestbook button:active, #phocaguestbook button:hover {
  background: var(--violett);
}
#phocaguestbook input:focus, #phocaguestbook textarea:focus {
  outline: 1px solid var(--orange);
}
#phocaguestbook input, #phocaguestbook textarea {
  border: 1px solid var(--violett-hell);
  outline: none;
  font-size: 1em;
  padding: 0.5em 1em;
  width: 80%;
}

.control-group {
margin: 1em 0;
}
#phocaguestbook .btn-group {
  display: inline-block;
}


#rechts {
background: rgba(196,190,228, 0.4);
}
#rechts img {
  clear: both;
  float: right;
  margin: 0 0 1em 0%;
  display: block;
  max-width: 88px;
}

#rechts p {
color: rgb(84,71,153);
}
#rechts h3 {
  clear: both;
}
p.trennung {
-ms-hyphens: auto;
           -moz-hyphens: auto;
           -webkit-hyphens: auto;
           hyphens: auto;
}
.wf-icon-zoom-image svg {
 fill:  rgb(246,111,0);
  outline: 1px solid rgb(84,71,153);
  outline-offset: 2px;
  border-radius: 2px;
}
.wf-icon-zoom-image svg path {
  margin:0 5px 5px 0;
}
h1 {
font-weight: 400;
font-size: 1.5em;
margin-top: 1em;
}
#logo h1 {
color: rgb(246,111,0);
font-size: 2em;
line-height: 1.25em;
margin: 0.5em 0 0.5em 0;
}
h2 {
  font-weight: 700;
  font-size: 1.25em;
}
h3 {
  font-weight: 700;
  font-size: 1em;
}
#metanavigation li {
display: inline;
padding-left: 2em;
margin: 0;
}
#metanavigation ul, #navigation ul {
list-style: none;
padding: 0;
margin: 1em 0 0.5em 0;
}
#metanavigation a, #navigation a, a:hover {
color: rgb(140,107,186);
text-decoration: none;
}
#metanavigation  a:hover, #navigation a:hover {
color: rgb(77,77,77);
}
h2 a:visited {
}
.moduletable {
}
#footer, #footer a {
color: rgba(255,255,255,0.3);
}
/* Accordion */
.accordion-item {
  margin: 0 0 1.5em 0;
}
.accordion-header {
  margin: 0;
}
.accordion-button {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	text-align: inherit;
	font: inherit;
	border-radius: 0;
	appearance: none;
  color: rgb(246,111,0);
  }
     .accordion-button::before {
    content:'v';
    margin-right: 0.75em;
    color: rgb(145,45,1);
    } 
    .accordion-button.collapsed::before {
    content:'>';
    margin-right: 0.75em;
    }
    .accordion-collapse {
    margin-left: 1.3em;
    }
.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}