html {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; color: #666;}
body {overflow-x: hidden !important; padding-top: 0 !important; position: static; color: #000; background-color: #fff; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; }

/* GENERAL */
h1, h2, h3, h4, h5, h6 {font-weight: 400; font-family: 'Source Sans Pro', sans-serif; }

/*h1 {display: inline-block; border-bottom: solid 5px #008c58; line-height: 1.1; margin-bottom: 0; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: .06em;}*/
h1 {font-size: 25px; text-transform: uppercase; font-weight: 400; color: #008c58;}
h2 {font-size: 25px; text-transform: uppercase; font-weight: 400; color: #008c58;}
h3 {font-size: 20px; text-transform: none; font-weight: 400; color: #008c58;}
h4 {font-size: 16px; }

p {color: #000; font-family: 'Source Sans Pro', sans-serif; }

.align-center {text-align: center;}

caption, .news .article .news-img-caption, .caption {font-size: 12px; line-height: 16px; font-style: italic; color: #666;}
img {max-width: 100%; height: auto;}
a {color: #008c58; -webkit-hyphens: auto; -moz-hypens: auto; hyphens: auto;}
a:hover {text-decoration: none;}
a:hover, a:focus {outline: none; outline-offset: 0; text-decoration: none; color: #ff7700;}
hr {border: 0; height: 1px; margin: 10px 0; width: 100%; background: #e5e5e5;}
*:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
*:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

label {font-size: 16px;}
select {height: 34px;}

.important {color: #008c58;}

blockquote {border-left: 5px solid #008c58; font-style: italic;}

iframe{
    border: none;
}

/* HEADER */
header {width: 100%; border-top: 10px solid #008c58; position: relative;}
.navbar-default {background-color: transparent;}
.navbar-header {min-height: 200px; width: 100%; background: url(images/background-header.png) no-repeat top right #fff;}
.home {width: 350px; position: relative; padding: 0px 0;top: 40px; margin: 0 !important; left: 70px;}

header .sponsor {max-width: 100px; float: right; top: 100px; position: relative; right: 20px;}
header .sponsor a {width: 100%; float: left;}

/* KE_SEARCH */
.tx-kesearch-pi1 {font-familiy: 'Source Sans Pro', sans-serif; font-size: 14px;}

.search-wrapper {float: right; padding: 12px; width: 250px; position: relative; top: 0; right: auto; left: 0;}
.tx-kesearch-pi1 .search-submit {width: auto; color: #fff; background-color: transparent; border: 0; float: left; height: 28px; width: 28px; font-size: 18px;}
.tx-kesearch-pi1 #search-input {height: 28px; float: left; width: calc(100% - 28px); font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #fff; background-color: transparent; color: #fff;}
.tx-kesearch-pi1 #search-input::-webkit-input-placeholder { color: #fff;}
.tx-kesearch-pi1 #search-input::-moz-placeholder {color: #fff;}
.tx-kesearch-pi1 #search-input:-ms-input-placeholder {color: #fff;}
.tx-kesearch-pi1 #search-input:-moz-placeholder {color: #fff;}

.content .tx-kesearch-pi1 #ke_search_sword {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #008c58; color: #008c58;}
.content .tx-kesearch-pi1 #kesearch_submit {color: #008c58; height: 40px; width: 40px; left: 220px; top: 0;}
.content .tx-kesearch-pi1 .search-wrapper {float: left;  max-width: 250px; position: relative; top: 0; right: auto; padding: 5px 0; left: 0;}
.content .tx-kesearch-pi1 img {width: auto;}
.content .tx-kesearch-pi1 #ke_search_sword::-webkit-input-placeholder { color: #008c58;}
.content .tx-kesearch-pi1 #ke_search_sword::-moz-placeholder {color: #008c58;}
.content .tx-kesearch-pi1 #ke_search_sword:-ms-input-placeholder {color: #008c58;}
.content .tx-kesearch-pi1 #ke_search_sword:-moz-placeholder {color: #008c58;}

#kesearch_results .result-list-item .result-number, #kesearch_results .result-list-item .result-title {font-size: 18px;}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {color: #ff7700;}

/*NAVIGATION*/
.navbar-collapse {padding: 0 50px; background-color: #008c58; }
.nav {margin: 0 !important;  width: calc(100% - 250px); float: left;}

.navbar ul.nav > li > a {color: #fff; font-size: 16px; font-weight: 400; text-transform: none; text-decoration: none; padding-left: 30px; padding-right: 30px; padding-top: 11px; padding-bottom: 16px;}
.navbar ul.nav > .homebutton > a {font-size: 30px;}

.navbar ul.nav > li > a:hover {border-top: 5px solid transparent; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #474747; color: #fff; border-top: 5px solid #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #474747; border-top: 5px solid #FF7700;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff; background-color: #474747;}
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {border-top: 5px solid #FF7700;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent; font-weight: 700; color: #008c58 !important;}

.navbar ul.dropdown-menu li a:hover {color:#008c58}

.navbar-affixed-top.affix { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.affix .navbar-header {min-height: 0; height: 0; display: none;}

.navbar-toggle {background-color:#008c58; border-color: #008c58; color: #fff;}

/* CONTENT */
#all {position: relative; background-image: url('images/Linienraster_grau.png'), url('images/background-all.jpg'); background-repeat: repeat, repeat; background-position: top left, top left; background-color: transparent; background-attachment: fixed, fixed !important;}
.content {position: relative; padding: 30px 15px 90px 15px; min-height: 800px;}
.row {position: relative; padding: 30px 0 30px 0;}
.content-inner { padding-top: 60px; padding-bottom: 30px;}

.content > div {float: left; clear: both; width: 100%;}

.content .row > div[class^="col-md-"] > div, .content .row > div[class*=" col-md-"] > div {background-color: #fff; float: left; width: 100%; padding-left: 30px; padding-right: 30px; clear: both;}
.content .row > div[class^="col-md-"] > div:first-of-type, .content .row > div[class*=" col-md-"] > div:first-of-type { padding-top: 30px;}
.content .row > div[class^="col-md-"] > div:last-of-type, .content .row > div[class*=" col-md-"] > div:last-of-type {padding-bottom:30px;}

.content-lightbox {position: relative; background-image: url('images/Linienraster_grau.png'), url('images/background-all.jpg'); background-repeat: repeat, repeat; background-position: top left, top left; background-color: transparent; background-attachment: fixed, fixed !important;}
.content-lightbox .container {max-width:750px; background-color: #fff; padding: 30px;}

/*.container .container div[class^="col-md-"], .container .container div[class*=" col-md-"] {padding: 0;}*/

/* DIVIDER */
.divider {position: relative;}
.divider hr {margin: 40px 0; float: left; width: 100%;}
.divider hr:before {content: " "; position: absolute; left: calc(50% - 25px); top: 15px; width: 50px; height: 50px; background: url('images/background-divider.jpg') no-repeat center center #fff;}

/*SLIDER */
.home-carousel {background-color: #008c58;}
.home-carousel img {width: auto; margin: 0 auto;}

/* BUTTONS + LINKS */
.btn {border-radius: 0; font-weight: 500; background-color: #f5f5f5; padding: 5px 30px; border: 1px solid #008c58; color: #008c58; text-transform: uppercase;}
.btn-primary {border-radius: 0; font-weight: 500; background-color: #f5f5f5; padding: 5px 30px; border: 1px solid #008c58; color: #008c58; text-transform: uppercase;}
.btn-primary a {color: #008c58;}
.btn:hover, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #008c58; color: #fff;}
.btn-primary:hover a, .btn-primary:active a, .btn-primary:focus a {color: #fff;}
.btn-more, .btn-text {font-weight: 700;}
.btn-more {text-shadow: none;}
.btn .glyphicon {color: #ff7700; padding: 0 3px;}

.btn-donation {background-color: #ff7700; color: #fff; border-color: #ff7700; margin: 0 auto 60px auto; padding: 15px 60px;}
.btn-donation:hover {border-color: #008c58; }

.morelink {font-size: 14px;}
.morelink .glyphicon {color: #008c58; font-size: 12px; padding: 0 5px 0 0;}

/*TWITTERBOX*/
.twitterbox {max-height: 400px; height: 400px; overflow-y: scroll;}

/* FORMS */
.form-control {border-radius: 0;}

/*FOOTER */
#footer {padding: 0 0 100px 0; float: left; width: 100%; background-color: #474747; position: relative;}
#footer * {color: #fff; position:relative;}
#footer .row {padding: 0;}

#footer .footermenu {text-align: center; margin: 50px 0;}
#footer .footermenu a {color: #fff; font-weight: 600;}
#footer .footermenu a:hover { color: #008c58; text-decoration: none;}

#footer .support-container .col-md-4 {padding: 0 30px 30px 30px;}

/* LISTS */
.csc-bulletlist {padding-left: 20px;}

/*COLOURED LISTELEMENT*/
.ce-bodytext ul, .news-related ul {padding-left: 10px;}
.ce-bodytext li, .news-related li {list-style-type: none; float: left; width: 100%; position: relative;}
.ce-bodytext .list-bullet {background-color: #008c58; margin: 6px; height: 10px; width: 10px; content: " "; position: relative; float: left;}
.news-related .list-bullet { background-color: #008c58; margin: 3px 6px; height: 10px; width: 10px; content: " "; position: absolute; float: left; left: 0;}
.ce-bodytext ul li ul li .list-bullet {  -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%; height: 7px; width: 7px; margin:8px;}
.news-related a {margin-left: 0px; position: relative; width: calc(100% - 40px); left: 20px; float: left;}

/*SOCIALMEDIA */
#footer .icon-container {position: relative; top: -30px;}
#footer .icon-container .socialmedia {background-color: #fff; height: 60px; width: 60px; line-height: 60px; margin: 0 5px; border-radius: 30px;  }
#footer .icon-container .socialmedia .fa {color: #8b8f93;}

#footer .icon-container .socialmedia:hover {background-color: #008c58; border-color: #008c58;}
#footer .icon-container .socialmedia:hover > i { color: #fff;}

/* POWERMAIL */
.tx-powermail .powermail_form_1 label {font-size: 14px;}
.tx-powermail .form-control {background-color: #008c58; color: #fff; min-height: 50px;}
.tx-powermail h3 {margin-bottom: 20px;}
.tx-powermail .container-fluid {padding: 0;}
.tx-powermail legend {display: none;}
.powermail_fieldwrap {margin-bottom: 10px;}

.tx-powermail .form-control:focus {background-color: #fff; border-color: #008c58; color: #008c58;}

.tx-powermail ::-webkit-input-placeholder { color: #fff;}
.tx-powermail ::-moz-placeholder {color: #fff;}
.tx-powermail :-ms-input-placeholder {color: #fff;}
.tx-powermail :-moz-placeholder {color: #fff;}

.tx-powermail .powermail_form_1 label {display: none;}
.tx-powermail .powermail_form_1 .col-sm-offset-2 {margin-left: 0;}

.content-lightbox h2, .content-lightbox h3 {text-align: center;}
.powermail_form_2 h2 {display: none;}
.powermail_form_2 .powermail_fieldwrap_type_text {margin-top: 50px; font-size: 20px; font-weight: 600; color: #008c58;}

.powermail_form_2 .powermail_fieldwrap_fotoerlaubnis .control-label,
.powermail_form_2 .powermail_fieldwrap_verpflegung .control-label,
.powermail_form_2 .powermail_fieldwrap_unterkunftnichtimpreisinbegriffen .control-label,
.powermail_form_2 .powermail_fieldwrap_bemerkungverpflegung .control-label,
.powermail_form_2 .powermail_fieldwrap_sprache .control-label,
.powermail_form_2 .powermail_fieldwrap_bersetzungssprache .control-label {color: #fff; font-size: 3px;}

.powermail_form_2 .powermail_fieldwrap_bersetzungssprache,
.powermail_form_2 .powermail_fieldwrap_bemerkungverpflegung {display: none;}

.powermail_form_2 .powermail_submit  {margin-top: 50px;}

.tx-powermail .powermail_fieldwrap.nolabel > label {display: block; visibility: hidden; max-height: 50px;}

.tx-powermail .powermail_fieldwrap_type_check .checkbox label {display: block;}

/* LOGIN */
.login {position: absolute; right: 15px; top: 25px;}

/* BORDER */
.border {border: 2px solid #e5e5e5; float: left; width: 100%; min-height: 250px;}

/* DOWNLOADLISTS */
.csc-uploads {margin: 0px 0; float: left; width: 100%; text-align: left;}
.csc-uploads li {padding: 0; margin: 0 0 10px 0 !important; display: flex;}
.csc-uploads li.li-odd .download-element-right {background-color: #eaeaea;}
.csc-uploads li.li-even .download-element-right {background-color: #f8f8f8;}
.csc-uploads li a {font-size: 16px; font-weight: 700; color: #666;}
.csc-uploads li img {float: left; width: auto; max-width: 100px; margin-right: 10px;}
ul.csc-uploads span.csc-uploads-fileName {text-decoration: none; float: left;}
ul.csc-uploads span.csc-uploads-fileName a {float: left; width: 100%; color: #ff7700; font-weight: 700; position: relative;}
ul.csc-uploads span.csc-uploads-fileName a:hover, .csc-uploads-fileName a:hover:after {}

.csc-uploads-fileSize {float: left; margin-top: -20px;}

.downloads {padding: 30px 0; float: left; width: 100%;}
.download-element {width: 100%; float: left; margin-bottom: 10px; display: flex; overflow: hidden; min-height: 100px;}
.download-element a {width: 100%; float: left; color: #666; display: flex;}
.download-element .download-element-left {width: 90px; float: left; margin-right: 10px; overflow: hidden;}
.download-element .download-image {width: 100%; overflow: hidden; float: left; position: relative;}
.download-element .download-image-inner {width: 100%; height: 100%; max-height: 120px; overflow: hidden; float: left; position: relative;}
.download-element .download-image img {width: 100%;}
.download-element .download-element-right {float: left; border-left: 5px solid #008c58; width: calc(100% - 100px); padding: 15px; position: relative;}
.download-element:nth-of-type(odd) .download-element-right {background-color: #eaeaea;}
.download-element:nth-of-type(even) .download-element-right {background-color: #f8f8f8;}
.download-element .download-name {max-width: calc(100% - 100px); float: left; position: relative; margin: 0;}
.download-element .download-description {max-width: calc(100% - 100px); float: left; position: relative; clear: left;}
.download-element .download-icon {float: right; width: 60px; height: 60px; background-color: #dddddd; margin: 5px; position: absolute; right: 15px;}
.download-element .download-icon .fa {font-size: 30px; padding: 13px; color: #fff;}
.download-element .download-icon:hover {background-color: #008c58;}

/* SPECIAL HEADLINE */
.headline-special {position: relative; float: left; width: 100%; margin: -50px 0 30px 0; text-align: center; display: flex;}
.headline-special .headline-special-background {padding: 10px 20px; background-color: #ff7700; position: relative; top: 0; margin: 0 auto; z-index: 900;}
.headline-special h4 {font-size: 25px; line-height: 1; font-family: 'Teko', sans-serif; font-weight: 700; padding: 0; color: #fff; position: relative; top: 0; text-align: center; margin: 0 auto;}

.headline-special-image { margin: -30px -30px 30px -30px; background: url('images/background-box.jpg') no-repeat 0 0 transparent; height: 180px; width: calc(100% + 60px); background-size: cover;}

/*ACCORDION*/
.panel-heading:hover {cursor: pointer;}

/*LINKICON*/
.linkicon {display: flex; align-items: center;}
.linkicon .fa {color: #008c58; padding: 0 5px 0 0;}
.linkicon .fa.icon-small {font-size: 14px;}
.linkicon .fa.icon-medium {font-size: 22px;}
.linkicon .fa.icon-large {font-size: 40px;}

.linkicon a {font-weight: 700; color: #008c58; text-transform: uppercase; font-size: 18px;}

/*TABS*/
.tabs .nav {float: none; width: 100%;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #008c58;}
.nav-justified {border-bottom: solid 1px #008c58;}

/* TABLES */
.table {font-size: 15px; border-bottom: 5px solid #d1ccc5;}
.table-coloured thead th {background-color: #008c58; color: #fff;}
.table-coloured tbody tr:nth-child(even) {background-color: #eaeaea; border-top: 1px solid #d1ccc5;}
.table-coloured tbody tr:nth-child(odd) {background-color: #f8f8f8; border-top: 1px solid #d1ccc5;}
.table-responsive { margin: 15px 0;}

/* FANCYBOX */
.fancybox-title-float-wrap .child {border-radius: 0px;}
.fancybox-close { cursor: pointer; height: 30px; position: absolute;right: -37px; top: 0px; width: 30px; z-index: 8040; background: url("images/button-close.png") no-repeat 0 0 transparent;}
.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}
.fancybox-next span {background-image: url("images/arrow-right.png"); right: -50px;}
.fancybox-prev span {background-image: url("images/arrow-left.png"); left: -55px;}

.fancybox-title-float-wrap .child {border-radius: 0px;}
.fancybox-nav span {visibility: visible; background-repeat: no-repeat; height: 50px; background-position: 7px 0px;}

.fancybox-overlay {background: transparent url("images/background-black-90.png") repeat scroll 0% 0% !important;}
.fancybox-skin {border-radius: 0 !important; box-shadow: none !important;}
.fancybox-close {background-image: url("images/icon-close.png") !important; height: 30px !important; width: 30px !important; right: 5px !important; top: 5px !important; background-size: cover !important;}

.content-lightbox {padding: 30px;}

iframe img {width: 100%;}

/*BACKGROUNDS & BANDEROLS */
.background-lightgrey {background-color: #eee;}
.background-darkgrey {background: #555; color: #fff;}
.background-blue {background: #008c58;}
.background-facetted {background: url('/fileadmin/media/images/dummy-images/texture-bw.png') center center repeat; border-top: solid 1px #999; border-bottom: solid 1px #999;}

/* PAGINATION */
.pagination {margin: 20px 0px !important;}
.pagination span .glyphicon {font-size: 12px;}
.pagination li a {border: 1px solid #008c58; color: #008c58; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.pagination li a:hover, .pagination li a:focus {background-color: #555; color: #fff;}
.pagination li.current a {background-color: #008c58; color: #fff;}
.page-navigation p {display: none;}

/*BOX IMAGE*/
.box-image .bg {background-color: #008c58;}

/*TEASER*/
.box-simple .icon {color: #008c58; border-color: #008c58;}
.box-simple .icon i {color: #008c58;}
.box-simple.box-dark .icon i {color: #fff;}
.box-simple.box-simple-green {background-color: #008c58; border-color: #008c58;}
.box-simple.box-simple-green .icon {color: #fff;}

/*COUNTER*/
.counter-wrapper {padding-top: 30px;}
.counter-wrapper .icon {color: #008c58; border-color: #008c58;}

/* IMAGEGALLERY */
.imagegallery {margin: 0; padding: 0; float: left; width: 100%;}
.imagegallery-header {padding: 30px 5px 5px 5px; float: left; width: 100%; color: #ff7700;}
.imagegallery-item {padding: 5px; width: 210px; height: 210px; float: left;}
.imagegallery-item-inner {border: 1px solid #efefef; padding: 3px; background-color: #fff; width: 100%; height: 100%;}
.imagegallery-item a {float: left; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.imagegallery-item img {float: left; width: 150%;}
.imagegallery-item .caption {padding: 5px; float: left; width: 100%; position: absolute; background-color: rgba(255,255,255,0.9); bottom: 0; font-weight: 400;}

/*TEAM MEMBER*/
.committee .team-member {min-height: 280px;}
.kuratorium .team-member {min-height: 195px;}
.team-member h3 a {color: #008c58;}

.employees .team-member { margin-bottom: 0;}

/* NEWS */
.news {float: left; width: 100%;}
.news h3 {font-size: 20px; text-transform: uppercase; font-weight: 700; }

.news-list-view .article {float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #000;}
.news-list-view .article:last-of-type {border: 0;}

.news-single .teaser-text {font-size: 16px;}
.news-single div[class^="col-md-"], .news-single div[class*=" col-md-"] {display: inline;}
.news-single .image {float: left; margin-bottom: 30px;}
.news-single .event-list-view-item {margin-bottom: 15px;}
.news-single .article .news-img-wrap img { width: 100%;}
.news-single .article .news-img-wrap {margin:0 0 15px 0; width: 100%;}
.news-single .news-related {float: left; width: 100%; border: 1px solid #008c58; margin: 0 0 30px 0;}
.news-single .news-related h4 {margin: 0 0 15px 0; text-align: center;}
.news-single .news-related-news-date {float: left; width: 100%; border: 0;}
.news-single .news-related .links {float: left; width: 100%; margin: 0; padding: 0;}
.news-single .news-related-wrap {margin-top: 0;}

.news .news-slider-view time {width: 100%; float: left;}

.news .news-career-view h3 {margin-top: 5px;}

.wsd .news-single time {display: none;}

.news .page-navigation ul li.current a {font-weight: 700; color: #000;}

/*BUGFIX FOR BR PROBLEM IN CKEDITOR*/
/*.news-text-wrap p + br {display: none;}*/

/* EVENTS */
.news-event-view {float: left; width: 100%; padding: 30px 0;}
.event-list-view-item {position: relative; display: table; margin-bottom: 5px; float: left; width: 100%; overflow: hidden;}
.event-list-view-item-left {display: table-cell; width: 110px; height: 105px; background-color: #008c58; color: #fff; padding: 15px; line-height: 1.1; float: left; border-right: 5px solid #fff;}
.event-list-view-item-left-date {font-size: 26px;}
.event-list-view-item-left-year {font-size: 14px;}
.event-list-view-item-left-time {font-size: 14px;}
.event-list-view-item-right {width: calc(100% - 110px); display: table-cell; float: left; border-left: 5px solid #eee; height: 105px; padding: 15px; color: #666;}
.event-list-view-item-right h3 {color: #666; font-size: 16px; margin: 5px 0;}
.event-list-view-item-right-inner {float: left; max-width: calc(100% - 100px);}
.event-list-view-item-right-button {float: right; width: 60px; height: 60px; background-color: #dddddd; margin: 5px;}
.event-list-view-item-right-button .glyphicon {font-size: 20px; padding: 20px; color: #fff;}
.event-list-view-item-right-button:hover {background-color: #008c58;}

.event-list-view-item:nth-of-type(odd) {background-color: #eaeaea;}
.event-list-view-item:nth-of-type(even) {background-color: #f8f8f8;}


/*COOKIE BANNER*/
.klaro .cookie-notice {background: #008c58 !important;  border-radius: 0 !important; max-width: 450px !important;}
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {border-radius: 0 !important;}
.klaro .cookie-modal .cm-modal {background: #008c58 !important; border-radius: 0 !important;}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {color: #fff !important;}
.klaro .cookie-modal .cm-modal .cm-header {border-bottom: 1px solid #fff !important;}
.klaro .cookie-modal .cm-modal .cm-footer {border-top: 1px solid #fff !important;}
.klaro .cookie-modal a {color: #ff7700 !important; text-decoration: underline !important;}
.klaro .cookie-notice .cm-btn,
.klaro .cookie-notice .cm-btn.cm-btn-info {background-color: transparent !important; border: 1px solid #fff !important; padding: 15px 30px !important;}
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-success {background-color: #ff7700 !important; border: 1px solid #ff7700 !important; padding: 15px 30px !important;}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {background-color: #ff7700 !important;}

/* SHARIFF */
.shariff {padding: 15px;}

/* FIX FUER INHALT */
.padding-x-15 {padding: 0 15px;}

.ce-gallery figcaption {font-size: 14px; opacity: 0.7;}

/*STARTSEITE DURCHGAENIGER BALKEN FUER MAIN TOPICS*/
/*.mainpage .content .default:nth-of-type(2) {background-color: #fff; margin-bottom: 30px;}*/
/*.mainpage .content .default:nth-of-type(2) .row {margin: 0; padding: 0;}*/
/*.mainpage .content .default:nth-of-type(2) .col-md-3 {padding: 0;}*/

/* NUR UEBERGANGSSEITE - KANN WIEDER WEG */
.constructionpage .content .default:first-of-type .row {border-top: 10px solid #008c58; background-color: #fff; margin: 0 0 15px 0;}
.constructionpage .content .default:first-of-type .row h2 {width: 700px; margin: 30px auto;}
.constructionpage .content .default:last-of-type .row .ce-textpic { background-color: #fff; min-height: 300px;}

/*VGWORT*/
.vgwort-marker {height: 1px; width: 1px;}

/*BROWSERSPEZIFISCHE FALLBACKS*/
* {outline: 0 none;}

/*RESPONSIVE*/
@media (min-width: 1920px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */
    #all {background-size: cover;}
    
  /* FOOTER */
}
@media (min-width: 1600px) {
  /* ALLGEMEIN */
    .container {width: 1500px;}

  /* HEADER */

  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 1600px) {
  /* ALLGEMEIN */

  /* HEADER */
    .navbar-collapse {padding: 0 15px;}
    .navbar ul.nav > li > a {padding-left: 15px; padding-right: 15px;}
    .navbar-nav > li:nth-of-type(3) .mega-dropdown-menu .submenu-header {margin-top:0;}
    
  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 1366px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 1300px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 1200px) {
  /* ALLGEMEIN */

  /* HEADER */
    .nav {width: 100%;}
    .navbar-collapse {padding: 0 15px;}
    .navbar ul.nav > li > a {padding-left: 10px; padding-right: 10px;}

  /* CONTENT */

  /* FOOTER */
}

@media (max-width: 1020px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 991px) {
  /* ALLGEMEIN */
    html, body {overflow-x: hidden;}

  /* HEADER */
    .nav {width: 100%;}
    .search-wrapper {width: 200px; position: absolute; right: 15px; left: auto; background-color: #008c58; top: auto !important; bottom: 0;}
    .affix .search-wrapper {display: none;}
    /*header .sponsor {max-width: 245px; top: 15px;}*/

  /* CONTENT */

  /* FOOTER */
}
@media (max-width: 768px) {
  /* ALLGEMEIN */

  /* HEADER */
    .navbar-header {min-height: 160px;}

    header > .container {width: 100%; padding: 0;}
    header > .container > .navbar-header {width: 100%; padding: 0; margin: 0;}

    .navbar > .container {padding: 0;}
    .navbar > .container > .navbar-header {margin: 0;}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #008c58;}
    .navbar ul.dropdown-menu li {background-color: #fff;}

    .search-wrapper {right: auto; left: -10px; bottom: 0; position: relative; float: left;}

    .home {width: 200px; top: 15px; left: 15px; position: absolute;}
    header .sponsor {top: 70px; max-width: 90px; right: 15px; position: absolute; float: left;}

  /* CONTENT */
    #all {background-attachment: fixed, fixed !important;}

    .content div[class^="col-md-"],
    .content div[class*=" col-md-"] {float: left; width: 100%; padding: 30px; clear: both;}

  /* FOOTER */
    
}

@media (max-width: 650px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */

}

@media (max-width: 600px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */

}

@media (max-width: 550px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */
    .content div[class^="col-md-"],
    .content div[class*=" col-md-"] {padding: 30px 15px;}

    .content .row > div[class^="col-md-"] > div,
    .content .row > div[class*=" col-md-"] > div {padding-left: 15px; padding-right: 15px;}

  /* FOOTER */

}

@media (max-width: 500px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */

}

@media (min-width: 1930px) {
  /* ALLGEMEIN */

  /* HEADER */

  /* CONTENT */

  /* FOOTER */

}

/*ANPASSUNGEN FUER MEGAMENU*/
.search-wrapper {top: 1px;}
.navbar-affixed-top .navbar-collapse {max-height: unset;}
.navbar-nav > li:nth-of-type(3) .mega-dropdown-menu .submenu-header { font-size: 20px; font-weight: 700; color: #008c58; padding-left: 20px; border-top: 0; margin-top: 200px;}
.navbar-nav > li:nth-of-type(3) .mega-dropdown-menu li.submenu-header:first-of-type { margin-top: 0px;}

@media (min-width: 992px) {
    .navbar-nav > li:nth-of-type(3) { position: initial; }
    .navbar-nav > li:nth-of-type(3) .dropdown-menu { left: 0; margin: 0 15px; max-width: calc(100% - 30px); }
    .navbar-nav > li:nth-of-type(3) .mega-dropdown-menu { position: absolute; padding: 30px 0; }
    .navbar-nav > li:nth-of-type(3) .dropdown-menu { width: 1500px; float: left;
        -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
        -webkit-column-width: 680px;
     -moz-column-width: 680px;
          column-width: 680px;}
    .navbar-nav > li:nth-of-type(3) .dropdown-menu li { border-top: solid 1px #eee; border-bottom: 0; }
    .navbar-nav > li:nth-of-type(3) .dropdown-menu li a { white-space: normal;}

}

@media (max-width: 991px) {
    .navbar-nav > li:nth-of-type(3) .dropdown-menu {width: 100%; column-count: 1;}
}