/* basic
----------------------------------------------------------------*/

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

body { font-size: 12rem; height: 100%; margin: 0; padding: 0; }

html {
    margin: 0;
    padding: 0;
    font-size: 1px;
}

@media only screen and (min-width : 1000px) {
  html { font-size: .1vw; }
}

@media only screen and (min-width : 1400px) {
  html { font-size: 1.4px; }
}


/* 1700rem */

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', "Verdana", sans-serif;
    font-size: 14rem;
    line-height: 1.625;
    color: #333;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

A, A:active {
    color: #28c;
    text-decoration: none;
}

A:hover {
    color: #3ad;
    text-decoration: underline;
}

b, strong { font-weight: 600 }

h1 {
    font-family: "Open Sans", "Verdana", sans-serif;
    font-size: 19rem;
    line-height: 14rem;
    color: #ba4f01;
    padding: 0rem;
    margin: 11rem 0rem 10rem 0rem;
    font-weight: 500;
}
h2 {
    font-size: 17rem;
    line-height: auto;
    padding: 0rem;
    margin: 0rem 0rem 5rem 0rem;
    color: #317256;
}
h3 {
    font-size: 16rem;
    line-height: auto;
    padding: 0rem;
    margin: 0rem 0rem 0rem 0rem;
    color: #317256;
}
hr {
    height: 1rem;
    background-color: #874;
    border: none;
}
p.date {
    position: relative;
    left: 580rem;
    width: 59rem;
    height: 34rem;
    font-family: Georgia;
    color: #5c452b;
    font-size: 16rem;
    background: #238;
    margin: -40rem 0rem 0rem 0rem;
    padding: 6rem 3rem 0rem 3rem;
    text-align: center;
    clear: both;
    background: url(/images/infobubble.gif) no-repeat;
}

p.error {
    padding: 20rem 0rem 0rem 110rem;
    width: 470rem;
    height: 80rem;
    background: url(/images/error.gif) no-repeat;
    font-family: Georgia;
    font-size: 24rem;
    line-height: auto;
    color: #fa4f01;
}

p.error span {
    color: #777;
    font-size: 18rem;
}

blockquote {
    font: 14rem/21rem 'Open Sans';
    font-weight: 100;
    margin: 22rem 64rem 24rem 17rem;
}

div.author {
    margin-top: -11rem;
    text-align: right;
    font-size: 12rem;
    color: #333;
}
.picCaption {
    font-size: 12rem;
    color: #888;
    width: 100%;
    font-style:italic;
    text-align: center;
}

/* basic layout
----------------------------------------------------------------*/
body {
    background-image: linear-gradient(#99a2a3,#99a2a3), linear-gradient(#b8bfc0,#b8bfc0);
    background-size: 100% 100rem, 100% 130rem;
    background-repeat: no-repeat;
    background-color: #a9b2b3;
}

#container {
    box-shadow: 0rem 0rem 30rem -7rem rgba(0, 0, 0, 0.2), 0rem 0rem 4rem 0rem rgba(0, 0, 0, 0.13);
    width: 800rem;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#header {
    height: 100rem;
    width: 800rem;
    background: url(/images/header_2x.jpg) no-repeat;
    background-size: cover;
    box-shadow: -1rem 0 0 rgba(0, 0, 0, 0.1) inset;
}

#header .headerlink {
    position: absolute;
    display: block;
    content: '';
    width: 800rem;
    height: 100rem;
    background: url(images/logo.svg) no-repeat 18rem/238rem;
}

/* Calendar
----------------------------------------------------------------*/
table.calendar {
  background: #f8f8dc;
  width: 100%;
  border-radius: 5rem;
  border-collapse: collapse;
  overflow: hidden;
  /* the same yellow but darker */
  box-shadow: 0 0 0 1px rgba(129, 112, 22, 0.25);
}

table.calendar .month {
  font-weight: 600;
}

table.calendar tr:nth-child(even) {
  background: rgba(255,255,255,0.5);
}

table.calendar td:nth-child(1) {
  padding-left: 7rem;
  width: 60rem;
}

table.calendar td:nth-child(2) {
  width: 100rem;
}

/* Menu
----------------------------------------------------------------*/
#menu {
    height: 30rem;
    width: 784rem;
    background: #decfc4;
    box-shadow:
       0 1px rgba(255, 255, 255, 0.4) inset,
       0 -1px rgba(0, 0, 0, 0.09) inset;
    font-family: 'Open Sans', 'Verdana', sans-serif;
    font-size: 14rem;
    padding: 0rem 8rem 0rem 8rem;
}

#menu ol {
    padding: 0px;
    margin: 0px;
}

#menu > ol > li {
    list-style: none;
    list-style-type: none;
    padding: 0rem;
    margin: 0rem;
    float: left;
    text-align: center;
    position: relative;
    transition: border 0.4s;
}
#menu > ol > li > a,
#menu > ol > li > a:active,
#menu > ol > li > a:visited,
#menu > ol > li > a:focus-visible {
    height: 26rem;
    padding-top: 4rem;
    padding-left: 25rem;
    padding-right: 25rem;
    text-align: center;
    text-decoration: none;
    color: #603f27;
    display: block;
    transition: background 0.4s, box-shadow 0.4s, color 0.4s;
    outline: none;
}
#menu > ol > li > a:hover,
#menu > ol > li.active > a {
    color: #a95213 !important;
    background: #e8ded6;
    box-shadow:
       0 1px rgba(255, 255, 255, 0.4) inset,
       0 -1px rgba(0, 0, 0, 0.12) inset;
}
#menu li:hover > .submenu {
  display: block;
}

/* Submenu
----------------------------------------------------------------*/

.submenu {
  display: none;
  position: absolute;
  width: 166rem;
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 13rem;
  line-height: 16rem;
  background: rgba(230, 230, 230, 0.98);
  border-radius: 0 0 10rem 10rem;
  box-shadow: 0 16rem 18rem 7rem rgba(0, 0, 0, 0.1), 0 20rem 40rem rgba(0, 0, 0, 0.2), 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  z-index: 2;
  top: 30rem;
  overflow: hidden;
  text-align: left;
  backdrop-filter: blur(3px);
}

.submenu li {
    float: none;
    list-style: none;
    margin: 0rem;
    padding: 0rem;
}
.submenu a,
.submenu a:focus-visible,
.submenu a:active {
    outline: none;
    color: #474747;
    display: block;
    width: 164rem;
    padding: 8rem 14rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: background 0.4s, border 0.4s, color 0.4s;
}
.submenu li:last-child a, #submenu li:last-child.active a {
    border-bottom: none !important;
}
.submenu a:hover,
.submenu li.active a {
    color: #da5050;
    text-decoration: none;
    background: rgba(255,255,255,0.3) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
}

/* Content
----------------------------------------------------------------*/
#content {
    position: relative;
    width: 780rem;
    padding: 10rem;
    background-color: #FFFFFF;
    flex-grow: 1;
}
#content_container_right {
    position: relative;
    /*left: 190rem;
    top: 0rem;*/
    float: right;
    width: 590rem;
}
#content_container_right .headline_image {
    width: 590rem;
    height: 160rem;
    border-radius: 10rem 10rem 0 0;
    background-size: cover !important;
}
#content_container_right .headline_image_small {
    width: 590rem;
    height: 80rem;
    border-radius: 10rem 10rem 0 0;
    background-size: cover !important;
}
#content_container_right .txt {
    width: 570rem;
    padding: 10rem;
    /* background: url(/images/content_background.jpg) no-repeat top right; */
}

/* Sidebar
----------------------------------------------------------------*/

#sidebar {
    position: relative;
    float: left;
    /*top: 10rem;
    left: 10rem;*/
    width: 180rem;
}

.current_header {
    background: #CFCFCF;
    color: black;
    font-weight: 100;
    width: 156rem;
    padding: 5rem 12rem;
    border-radius: 5rem 5rem 0rem 0rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18rem;
}
ul.current {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #DFDFDF;
    overflow: auto;
}
ul.current li {
    padding: 12rem 12rem;
    line-height: 1.37;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.current li.link {
  padding: 0;
}
ul.current li.link a {
  display: block;
  box-sizing: border;
  padding: 12rem 12rem;
  color: #474747;
  transition: background 0.4s, border 0.4s, color 0.4s;
}
ul.current li.link a:hover,
ul.current li.link a:active {
    color: #da5050;
    text-decoration: none;
    background: rgba(255,255,255,0.3);
}

/* footer
----------------------------------------------------------------*/
#footer{
    width: 700rem;
    padding: 50rem;
    color: white;
    font-size: 13rem;
    line-height: 16rem;
    font-weight: 100;
    background: url(/images/footer.jpg) repeat-x #7A7A7A;
}
#footer .linkbox {
    float: left;
    margin-right: 10rem;
    width: 31%;
}
#footer .linkbox p {
    font-size: 14rem;
    font-weight: bold;
    margin: 0rem 0rem 4rem 0rem;
}
#footer .copyright {
    font-size: 10rem;
    padding-left: 40rem;
    width: 100%;
    color: #dacdc1;
    text-align: left;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
    list-style: none;
    padding: 0rem;
    padding-left: 0rem;
    margin: 0rem;
}
#footer a, #footer a:active {
    color: white;
}
#footer a:hover {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
#footer_bottom{
    width: 800rem;
    height: 120rem;
    background: url(/images/footer_bild-2x.jpg) bottom;
    background-size: cover;
}

/* fixes
----------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.nullsize {
    line-height: 0rem;
    font-size: 0rem;
}


/* Alte styles */

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 2rem solid black;
    padding: 0rem 0rem;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10rem;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10rem;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10rem;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5rem; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5rem; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0rem !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0rem !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10rem !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10rem !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */