/* LAYOUT ******************************************/

/*

Datenschutzerklärung DSGVO Insert

*/

#cookie_container {

position: fixed;

bottom: 0!important;

top:auto!important;

left: 0;

right: 0;

z-index: 999;

padding: 10px;

background-color: rgba(250,250,250,0.7)!important;

color: #000!important;

max-height: 100px!important;

border-top: 1px solid #000;

}

body {

font-family: 'open_sansregular', sans-serif;

font-size:16px;

}

#page-top {

margin-top:18px;

}

/* Header ******************************************/

header.mastheadnormal {padding-top:0px;}

.navbar-default {

position:fixed;

width:100%;

top:0;

background-color: #754A41;

border-color: #754A41;

border-radius: 0px;

z-index: 999;

box-shadow: 0px 3px 6px rgba(0,0,0,0.5);

}

.nav  li > a, a.navbar-brand {

font-family: "Montserrat", sans-serif;

font-size:1.1em;

font-style: normal;

font-weight: 700;

color:#fff!important;

text-transform: uppercase !important;

}

.nav  li > a:hover,  a.navbar-brand:hover {

color:#BC8118!important;

}


#framesitarnormal {

max-width: 790px;

margin: auto;

}

#headercontentsitar {

opacity:1;

/*margin-top:325px;*/

animation: contentanimation;

animation-duration: 3s;

animation-iteration-count: 1;

}

@keyframes contentanimation {

0%   {opacity:0;}

60%  {opacity:0;}

100%  {opacity:1;}

}

#framesitarquer {

max-width: 500px;

margin: 90px auto 0 auto;

}

div a.einstieg {

box-shadow: 1px 1px 3px rgba(0,0,0,0.4);

display:block;

margin: 24px 0px;

}

div a.einstieg:hover {

box-shadow: 2px 2px 5px rgba(0,0,0,0.6);

display:block;

margin: 24px 0px;

color:#754A41;

text-decoration:none;

}

div a.einstieg span {

display:block;

}

div a.einstieg img {

max-width:160px;

}

section {

min-height: 600px;

}

section.OnePage {

padding-top:80px;

}
/* Intern Administration

*************************************************/

div.internadmin {
  background-color: black;
  color: #fff;
  padding: 5px 15px;
}
/* Interne Navigation ****************************/



ul.internadmin {
  list-style-type: none;
}
ul.internadmin li {
  display:inline-block;
}
.share {
  margin: 30px 0;
}
.share span {
  margin: -33px 0 0 40px;
  position: absolute;
}

/* Abschnitt ThemeMaron ****************************/

.ThemeMaron {

background-color: #754A41;

color: #fff;

}

/* Abschnitt ThemeWhite ****************************/

.ThemeWhite {

background-color: #fff;

color: #333;

}

/* Abschnitt ThemeBlack ****************************/

.ThemeBlack {

background-color: #000;

color: #ccc;

}

/* Abschnitt ThemeYellow ***************************/

.ThemeYellow {

background-color: #BC8118;

color: #fff;

}

.ThemeYellow a span {

color: #fff;

}

h2.ThemeYellow {

color:#754A41;

}

/* Schwan *******************************************/

hr.star::after {

position: relative;

top: -.8em;

display: inline-block;

padding: 0 0.25em;

content: '\f005';

font-family: FontAwesome;

font-size: 2em;

text-align: center;

}

svg.schwan {

max-width:90px;

height:auto;

margin-top: 0px;

}

div.SchwanThemeMaron {

width: 100%;

text-align:center;

fill: #fff!important;

}

hr.SchwanThemeMaron {

width: 66%;

color: #fff;

background-color: #fff;

height: 5px;

margin-top:-25px;

border: none;

}

div.SchwanThemeYellow {

width: 100%;

text-align:center;

fill: #754A41!important;

}

hr.SchwanThemeYellow {

width: 66%;

color: #fff;

background-color: #754A41;

height: 5px;

margin-top:-25px;

border: none;

}

div.SchwanThemeBlack {

width: 100%;

text-align:center;

fill: #ccc!important;

}

hr.SchwanThemeBlack {

width: 66%;

color: #ccc;

background-color: #ccc;

height: 5px;

margin-top:-25px;

border: none;

}

div.SchwanThemeWhite, div.Schwan {

width: 100%;

text-align:center;

fill: #333!important;

}

hr.SchwanThemeWhite, hr.Schwan {

width: 66%;

color: #333;

background-color: #333;

height: 5px;

margin-top:-25px;

border: none;

}

hr.break {

width: 75%;

color: #333;

background-color: #333;

height: 5px;

margin: 48px auto;

}

section.OnePage div.content {

max-width: 800px;

width: 66%;

margin: 0 auto 12px auto;

}

/* SideBarNavigation ****************************/

nav.secondary {}

nav.secondary ul {

list-style-type:none;

padding-left:0;

}

nav.secondary ul li {

margin-bottom:12px;

}

nav.secondary ul li a {

font-family:open_sanssemibold;

text-decoration:none;

color:#754A41;

font-size:1em;

line-height:1.2em;

display:block;

}

nav.secondary ul li a:hover, nav.secondary ul li a.current, nav.secondary ul li a.section {

color:#f00;

}

/* 3thd nav */

nav h3 {

margin-bottom: 24px;

}

nav > ul > li.section > ul.navc {

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

margin: 12px 0px 0px 12px;

padding-top: 12px;

}

/* Intern Navigation

*************************************************/

li.First {

  list-style-type: none;

  margin-left: -17px;

}

/* Content **************************************/

article img.center {

width:auto;

float: none;

margin-left: auto;

margin-right: auto;

display: block;

margin-bottom: 10px;

clear: both;

}

article img.leftAlone {

width:auto;

float: none;

margin-left: 0px;

margin-right: 10px;

display: block;

margin-bottom: 10px;

clear: both;

}

article img.right {

width:auto;

float: right;

margin-left: 10px;

margin-right: 0px;

margin-bottom: 10px;

}

div.typography {width:100%;}

/* Stile für die Gallerie */

.carousel {

position: relative;

margin: 60px auto;

}

.carousel-control.left, .carousel-control.right {

background-image:none;

}

.DynLegend {

font-size: 0.95em;

}

/* FORM ****************************************/

form {

max-width:500px;

margin:auto;

}

input, button, select, textarea {

font-family: inherit;

font-size: inherit;

line-height: inherit;

padding: 6px;

}

#Form_ContactForm_Adresse_Holder {

display: none;

}

.btn:hover, .btn:focus, .btn.focus {

color: #ccc;

text-decoration: none;

}

/* Video iframe ********************************/

iframe {

width:100%;

max-width:560px;

}

div.poster {

display: flex;

justify-content: center;

flex-wrap:wrap;

align-content: flex-start;



}

div.poster img {

max-width:200px;

max-height: 112px;

width:100%;

margin:12px;

border: 1px solid #333;

}

/* Audio ****************************************/

.audiocontent {

border-bottom: 1px solid #754A41;

margin-bottom: 20px !important;

}

.holdertitle {

position: absolute;

font-size: 3em;

text-align: center;

width: 298px;

line-height: 1em;

}

.video-js {

color: #fff;

background-color: transparent;

}

/* Form *****************************************/

form input, form textarea {

width:100%;

}

/* FORM Hack *************************************/

a.btn, button, input[type="submit"], .Actions .action {

background-color:#754A41;

color: #fff;

cursor:pointer;

}

a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {

background: #643A31;

color: #fff;

}

input:invalid, textarea:invalid {

border-radius: 1px;

-moz-box-shadow: 0px 0px 5px #754A41;

-webkit-box-shadow: 0px 0px 5px #754A41;

box-shadow: 0px 0px 5px #754A41;

}

/* Login Remember */

input[type="checkbox"], input[type="radio"] {

box-sizing: border-box;

padding: 0;

width: 20px;

margin: 16px 0px 0px -22px;

}

#MemberLoginForm_LoginForm_Remember_Holder {

margin-left:20px;

}

#MemberLoginForm_LoginForm_Remember_Holder.field.checkbox label.right {

color:red;color:#dedede;font-size:0px;

}

#MemberLoginForm_LoginForm_Remember_Holder.field.checkbox label.right:after {

color:#283E81;

font-size:14px;

content:' Logindaten im Browser hinterlegen!';

}

#ForgotPassword {

display:none;

}

/* Calendar *************************************/

div#event-calendar-events p.dates {

color:#333;

}

li.vevent > div > a > h4 > span {

font-size:60%;

}

.attention {

color: red;

position: absolute;

rotate: -5Deg;

background-color: rgba(255,255,255,0.3);

border-top: 1px solid red;

border-bottom: 1px solid red;

margin-top: 20px;

}

/* Footer ***************************************/

footer {

padding-top: 5rem;

margin-top: 0;

padding-bottom: 5rem;

background-color: #754A41;

color: #fff;

box-shadow: 0px -3px 6px rgba(0,0,0,0.5);

}

footer li.links {

display:block;

}

footer li.links span {

font-size:1.3em;

color:#fff;

}

footer li.links a {

font-size:1.5em;

color:#fff;

text-decoration:none;

}

footer li.links a:hover, footer li.links a:hover span {

color:#f00;

}

footer li.links img {

width:30px;

}