@charset "utf-8";


/*fonts*/
@import url(https://fonts.googleapis.com/css?family=Muli:400,300);


/*html elements*/
* {box-sizing: border-box;}

html {height: 100%; font-size: 16px;}

header, section, footer, aside, nav, article {display: block;}

body {height: 100%; background: #fff no-repeat center; background-size: cover; background-attachment: fixed; color: #000; margin: 0; padding: 0; font-family: 'Muli', sans-serif; font-size: .9375rem; position: relative;}

@media (max-width: 906px) {
	body {background-image: none!important;}
}

table {border: none;}

td {border: none; font-size: inherit; vertical-align: top;}

a {text-decoration: none; outline: none; color: inherit;}

a:hover {text-decoration: none; outline: none; color: inherit;}

p a,td a,li a {text-decoration: underline; color: #777;}

h3 a {text-decoration: none;}

img {border: none;}

p {margin: 0 0 .75rem; padding: 0; min-height: 1rem; line-height: 135%;}

td,th {min-height: 1rem; line-height: 130%; border: none;}

form {margin: 0; padding: 0;}

input,textarea,select {font-family: 'Muli', sans-serif; font-size: .875rem;}

/*select {-webkit-appearance: none; -moz-appearance: none; border-radius: 0; background: url(/resources/images/iconSelectArrow.png) no-repeat right 21px center; background-size: 18px 11px;}*/

/*select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}*/

h1 {font-weight: 400; font-size: 2.5rem; line-height: 130%; margin: 0 0 1rem; padding: 0;}

h2 {font-weight: 400; font-size: 2rem; line-height: 130%; margin: 0 0 1rem; padding: 0;}

h3 {font-weight: 400; font-size: 1.625rem; line-height: 130%; margin: 0 0 1rem; padding: 0;}

h4 {font-weight: 400; font-size: 1.25rem; line-height: 130%; margin: 0; padding: 0;}

hr {background: #d6d2c5; margin: 0 0 10px 0; border: none; height: 1px; padding: 0;}

h1 + h3 {margin-top: -1rem;}


/*general styles*/
.clearfix:before, .clearfix:after {content: ""; display: table;}

.clearfix:after {clear: both;}

.clearfix {zoom: 1;}

.clearer {clear: both;}

.bold,p strong {}

.imgFloatRight {margin-left: 1.5rem; float: right; margin-bottom: .5rem;}

.imgFloatLeft {margin-right: 1.5rem; float: left; margin-bottom: .5rem;}

.imgCaption {display: block; text-align: center;}




::-webkit-input-placeholder {color: #fff;}

:-moz-placeholder {color: #fff; opacity: 1;}

::-moz-placeholder {color: #fff; opacity: 1;}

:-ms-input-placeholder {color: #fff;}

:placeholder-shown {color: #fff;}

/*.error::-webkit-input-placeholder {color: #f00;}

.error:-moz-placeholder {color: #f00; opacity: 1;}

.error::-moz-placeholder {color: #f00; opacity: 1;}

.error:-ms-input-placeholder {color: #f00;}

.error:placeholder-shown {color: #f00;}*/


.error {background: red!important;}

.errorP {border-left: 2px solid red;}

/*.label.error {border-left: 2px solid red;}*/




/*layout*/
.layoutMain {position: relative; min-height: 100%; overflow: hidden; padding: 8rem 20px 0; background: url(/resources/images/bgBody.png) repeat-y; opacity: .92;}

* html .layoutMain {height: 100%;}

.layoutMainInner {max-width: 855px;}

header {position: fixed; left: 0; top: 6px; width: 100%; z-index: 10000;}

.layoutHeaderInner {position: relative;}

.layoutLogo {position: absolute; left: 10px; top: 10px;}

.layoutLogo img {width: 106px; height: 60px; background: no-repeat center; background-size: contain; display: block;}

.layoutTranslator {float: right; margin-left: 20px; vertical-align: middle; margin-top: -4px;}
.layoutSearch {float: right; white-space: nowrap; margin-top: -5px;}

.layoutSearch form,.layoutSearch input {display: inline; vertical-align: middle;}

.layoutSearch input {border: none; height: 30px; background: #8e6515 url(/resources/images/iconLoupe.png) no-repeat right 5px center; background-size: 20px; color: #fff; padding: 0 5px; width: 160px; font-size: .9375rem;}

.layoutSearch input::-webkit-input-placeholder {color: #fff;}

.layoutSearch input:-moz-placeholder {color: #fff; opacity: 1;}

.layoutSearch input::-moz-placeholder {color: #fff; opacity: 1;}

.layoutSearch input:-ms-input-placeholder {color: #fff;}

.layoutSearch input:placeholder-shown {color: #fff;}

.layoutContent {width: 70%; float: left; margin-right: 5%;}

.layoutContent a.external {white-space: nowrap;}

/*.layoutContent a.external:before {content: '\00BB\0020';}*/

.layoutSidebar {width: 25%; float: left;}

.layoutSidebar img {max-width: 100%; height: auto;}

.layoutSpacer {height: 80px;}

footer {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;}


.templ2 .layoutContent {margin-left: 5%; margin-right: 0;}



.searchList li {margin-bottom: 20px;}

.searchList li h4 a {text-decoration: none; color: #8e6515;}

.searchList li h4 {}

/*accordion*/
.tinymcewysiwyg + .accordionItem {margin-top: 2rem;}

.accordionItem + .tinymcewysiwyg {margin-top: 2rem;}

.accordionItem {margin-bottom: 1rem;}

.accordionItem h3 {background: #737740 url(/resources/images/iconAccordionDown.png) no-repeat right 1rem center; background-size: 37px 16px; color: #fff; padding: 5px; font-size: 1.25rem; margin: 0; cursor: pointer;}

.accordionItem.active h3 {background-image: url(/resources/images/iconAccordionUp.png);}

.accordionText {display: none; border: 1px solid #737740; border-top: none; padding: 20px;}

.accordionText td {padding-right: .75rem;}

.accordionText td:last-child {padding-right: 0;}


/*article teaser*/
.articleTeaserItem {margin-bottom: .5rem; padding-bottom: .5rem;}

.articleTeaserItem.spacer {margin-top: 1.5rem;}

.articleTeaserItem h4 {color: #737740;}

.articleTeaserItem p {margin-bottom: 0;}

.articleTeaserType {border-bottom: 2px solid #8e6515; color: #8e6515; font-size: 1.125rem; padding: .25rem 0; margin-bottom: .5rem;}

.articleTeaserText a {color: #737740;}

.articleTeaserItem.mode2 .articleTeaserType {background: #737740;}

.articleTeaserItem.mode2 h4 {color: #8e6515;}


/*article*/
.articleItem {}

.articleContent {width: 70%; float: left;}

.articleSidebar {width: 25%; float: left; margin-right: 5%;}

.articleSidebar img {width: 100%; height: auto;}

.articleComments {padding-top: 1rem;}


.detailContent {width: 70%; float: left;}

.detailSidebar {width: 25%; float: left; margin-right: 5%;}

.detailSidebar img {width: 100%; height: auto;}


.archiveItem {margin-bottom: 2rem;}

.archiveType {font-weight: bold; color: #8e6515; font-size: 1rem;}

.archiveThemes {float: left; width: 70%;}

.archiveThemes p {line-height: 1.25rem;}

.archiveThemes p a {text-decoration: none; color: #000;}

.archiveThemes p a:hover {text-decoration: none; color: #737740; text-decoration: underline;}

.archiveImage {float: left; width: 25%; padding-right: 1rem; margin-right: 5%;}

.archiveImage img {width: 100%; height: auto;}






/*formulare*/
input[type="text"],select,textarea {height: 25px; padding: 0 10px; border: none; background: #737740; color: #fff;}

textarea {height: 8rem; width: 100%; max-width: 400px;}

fieldset {border: 2px solid #8e6515; border-radius: 0; background: transparent; padding: 15px 10px 10px; margin-bottom: 30px;}

legend {font-weight: 400; padding: 0 10px;}

label {margin-bottom: 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: top;}

label.col2 {display: inline-block; width: auto; margin-right: 20px;}

label > div:first-child {width: 30px;}

input[type="text"] + select {margin-left: 10px;}

select + a {margin-left: 10px; font-size: .8125rem;}

.formIssueContainer + .formIssueContainer {margin-top: 5px;}

.formLine {margin-bottom: 1rem; max-width: 400px;}

label > div > .formLine {max-width: 370px;}

.formLine input[type="text"] + input[type="text"] {margin-left: 1rem;}

.formLine input[type="text"] {width: 100%;}

.formLine input[type="text"].size2 {max-width: calc(50% - .5rem);}

.formLine input[type="text"].size4 {max-width: calc(80% - .5rem);}

.formLine input[type="text"].size5 {max-width: calc(20% - .5rem);}

.formLineSpacer {height: 1rem;}

input[type="submit"] {background: #8e6515; height: 25px; color: #fff; border: none; padding: 0 20px;}

input[type="submit"]:hover {background: #737740; cursor: pointer;}

.formSuccess,.formSuccessUnsubscribe,.formSuccessSubscribe {display: none; padding: 20px 0; font-size: 1.25rem; color: #d86b35;}

.formSuccess p,.formSuccessUnsubscribe p,.formSuccessSubscribe p {font-size: 1.25rem; color: #d86b35; font-weight: bold; }

.formSmall {font-size: 12px; padding-bottom: 10px;}

.formLine label a {text-decoration: underline;}



.squareLinkContainer {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 15px; padding-top: 5px;}

.squareLinkContainer.layout1 {width: 310px;}

.squareLinkContainer.layout2 {width: 465px;}

.squareLinkContainer a {width: 150px; margin: 0 5px 5px 0; height: 150px; display: block; background: #d86b35; color: #fff; text-align: center; position: relative; font-size: 1rem;}

.squareLinkContainer a:hover {background: #7f1a09;}

.squareLinkContainer a div {position: absolute; left: 0; top: 50%; right: 0; padding: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


/*main menu*/
nav.navMain {background: #fff; padding: 25px 20px 0 130px; height: 80px; border: 8px solid; border-width: 5px 0;}

nav.navMain ul {list-style-type: none; margin: 0; padding: 0;}

nav.navMain ul.level1 > li {display: inline-block; font-size: .9375rem; margin: 0; padding: 4px 4px 0; height: 24px; position: relative; line-height: 100%; border-radius: 4px;}

nav.navMain ul.level1 > li.spacer {padding: 0 3px;}

nav.navMain ul.level2 {opacity: 0; visibility: hidden; position: absolute; left: -1px; top: 21px; background: #fff; padding: 10px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; z-index: 2;}

nav.navMain ul.level2 li.spacer {display: none;}

nav.navMain ul.level2 > li {display: block; font-size: .9375rem; margin: 0; padding: 2px 5px; white-space: nowrap; margin-bottom: 5px;}

nav.navMain ul.level2 > li:last-child {margin-bottom: 0;}

nav.navMain ul.level1 > li:hover > ul {opacity: 1; visibility: visible;}

nav.navMain ul li.selected,nav.navMain ul li:hover {background: #ccc!important; color: #fff!important;}

nav.navMain ul li.spacer:hover {background: transparent!important; color: inherit!important;}

nav.navMain ul li.selected {border-right: 1px solid #fff!important;}

nav.navMain ul li a {color: inherit; text-decoration: none;}

@media (min-width: 641px) and (max-width: 1230px){
	nav.navMain {height: 100px;}

}


/*tabs*/
nav.navTabs {margin: 0 0 2rem; border-bottom: 1px solid #ccc;}

nav.navTabs ul {list-style-type: none; margin: 0; padding: 0;}

nav.navTabs li {display: inline-block;}

nav.navTabs li a {text-decoration: none; color: inherit; display: inline-block; font-size: .875rem; margin: 0 .5rem 0 0; padding: .5rem 1rem; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ccc; border-bottom: none; vertical-align: bottom;}

nav.navTabs li.major a {margin-right: 2rem;}

nav.navTabs li.selected > a,nav.navTabs li.active > a,nav.navTabs li:hover > a {background: #ccc; color: #fff;}


/*breadcrumps*/
nav.navBreadcrumps {margin: 0 0 2rem; border-bottom: 1px solid #ccc;}

nav.navBreadcrumps ul {list-style-type: none; margin: 0; padding: 0;}

nav.navBreadcrumps li {display: inline-block; font-size: .75rem; margin: 0 1rem 0 0; padding: 0;}

nav.navBreadcrumps li:before {content: "\00BB"; padding-right: .375rem;}

nav.navBreadcrumps li a {text-decoration: none;}


/*footer menu*/
nav.navFooter {padding: 5px 20px;}

nav.navFooter ul {list-style-type: none; margin: 0; padding: 0;}

nav.navFooter ul li {display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid #fff; color: #fff; font-size: .8125rem; vertical-align: middle;}

nav.navFooter ul li:last-child {border: none;}

nav.navFooter ul li a {color: inherit; text-decoration: none;}

nav.navFooter li.facebook img {margin-left: 20px; width: 20px; height: 20px; display: block; background: no-repeat; background-size: contain;}


/*roundabout*/
.roundabout-holder {list-style: none; padding: 0; margin: 0 auto; width: 590px; height: 520px;}
  
.roundabout-moveable-item {width: 280px; height: 430px; cursor: pointer; overflow: hidden; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;}

.roundabout-moveable-item a {text-decoration: none;}

.roundabout-moveable-item img {width: 100%;}   

.roundabout-in-focus {cursor: auto;}