body, p {
    font-family: tahoma,verdana,sans-serif;
    font-size: 1.1rem;
    line-height= 1.25;
   }


/*** Nav.bar ***/
.bg-dark, .card-panel-dark .card-header, .navbar-inverse, .navbar-inverse-transition, .navbar-inverse-transition.navbar-transition {
  /* background-color: #2b2b2b !important; */
    background-color: #636666 !important; 
    opacity: 0.95;
    }
    
/*** MIN-Widht  Logo ***/
@media (min-width:992px) {
        .navbar-mainnavigation .navbar-brand-image img {
        max-height:100%;
        }
    }

.dropdown-item:hover, nav-item:hover, .navbar-inverse .navbar-nav .nav-link:hover {
    color: #fff !important;
    background-color: #4faf98;
}   
.navbar-dark .navbar-nav .nav-link, .navbar-inverse .navbar-nav .nav-link, .navbar-inverse-transition .navbar-nav .nav-link, .navbar-inverse-transition.navbar-transition .navbar-nav .nav-link {
    /* color: #83a44e; */
    color: #fff;
    }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-inverse .navbar-nav .show > .nav-link, .navbar-inverse-transition .navbar-nav .show > .nav-link, .navbar-inverse-transition.navbar-transition .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse-transition .navbar-nav .active > .nav-link, .navbar-inverse-transition.navbar-transition .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-inverse .navbar-nav .nav-link.show, .navbar-inverse-transition .navbar-nav .nav-link.show, .navbar-inverse-transition.navbar-transition .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse-transition .navbar-nav .nav-link.active, .navbar-inverse-transition.navbar-transition .navbar-nav .nav-link.active {
    color: #4faf98;
    }
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
    background: #4faf98;
    height: auto;
    } 
.navbar-mainnavigation .navbar-nav > li.show > .nav-link::before, .navbar-mainnavigation .navbar-nav > li.active > .nav-link::before {
    opacity: 1;
}

/*** Cookie-Consens ***/
.cc-message {
    line-height: 1.3em;
    font-size: 1.0em;
    }

.cc-window.cc-floating {
    padding:2rem;
    max-width:380px;
    flex-direction:column
}

.cc-highlight .cc-btn:first-child {
  background-color: ;
  border-color: #4faf98;
}

.cc-highlight .cc-btn:first-child:hover {
  background-color: rgb(185, 178, 178);
}


/*** Input Form/Label ***/

label {
    display: inline-block;
    margin-right: 1%;
    vertical-align: top;
    height: auto;
    width: 28%;
    }
.custom-control-label {
    width: 100%;
    }   
label.custom-control-label > span {
    margin-left: 0.5%;
    }
.form-element-type-textarea .input {
    display: block;
    }
.form-control {
    display: inline-block;
    width: 69%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    } 
.form-check-list {
    display: inline-block;
    justify-content: space-between;
    width: 69%;
    }
    
/*** Slider ***/
@media (min-width:992px) {
    .frame-type-carousel_fullscreen > .frame-container {
        max-width: 5000px;
        min-width: 100%;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
        }

    .frame-type-carousel_fullscreen {
    padding-top: 0px;
    }
    .carousel {
    max-height: 500px;
    }   

    /*** News ***/
    .subcontent-wrap .row.news-list-item {
    display: inherit;
    border: 1px solid gray;
    margin-bottom: 5px;
    padding-bottom: 5px;
    }
    .news.news-single {
    display: inherit;
    overflow: hidden;
    }
    .news-single img {
    width: 100%;
    height: auto;
    }
}

/*** News-Slider ***/
/***.subcontent-wrap > .frame {
    background-color: #4faf98;
}***/
.section-column.subcontent-wrap {
    color: #fff;
}
.slick-dots li button::before {
    opacity: 1;
    color: #fff;
    }
.slick-dots li.slick-active button::before {
    opacity: 1;
    color: black;
}
.slick-prev::before, .slick-next::before {
    opacity: 1;
    color: #4faf98;
    }
.frame-background-primary {
    color: #fff;
    background-color: #4faf98;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.frame-background-primary a:not(.btn) {
/*color: #ffffff;*/
color: #000;
}
.slick-slide {
  background-color: #fff;
}



/**************************************/
/*** Element Tabs ***/
/**************************************/

.frame-inner ul {
 padding-left:0px;
}

.nav-tabs > .nav-item {
  border-top: 1px solid gray;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  border-radius: 5px;
  margin-right: 5px;
}


.nav-tabs > .nav-item > a:hover {
  background-color: #4faf98 !important;
  color: #fff !important;
}

.nav-tabs > .nav-tabs a:hover,
.nav-tabs > .nav-link.active a:hover {
  text-decoration: none;
}

.tab-content {
  border: 1px solid grey;
  margin-top: -40px;
  padding-top: 20px;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  border-radius: 5px;
  background-color: #fff;
/***  box-shadow: 10px 20px 30px grey; ***/
}

.tab-content ul {
  padding-left: 12px;
  }
  
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #4faf98 !important;
}



/*** News ***/

/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 3px 12px 5px 0;
	background: #fff;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.news .article .news-img-wrap img {
	float: left;
	height: auto;
	width: auto;
}

.news .article .teaser-text {
	margin: 0 0 10px 0;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* News: category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/*** News-list View ***/
@media (min-width: 768px) {
.news-list-item {
    display: inline-flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid gray;
    padding-top: 1%;
    padding-bottom: 1%;
}
  /* .col-md-9 { */
.news-list-item > .col-md-9 {
    margin-top: auto;
    margin-bottom: auto;
  } 
.news-list-item > .col-md-3 {
    max-width: 25%;
    justify-content: center;
    align-items: center;
    display: flex;
    } 

.news-list-item > .col-md-9 > .btn-default {
 color:#fff;
 background-color:#4faf98;
 border-color:#fff
    }

.news-list-item > .col-md-9 > .btn-default:hover {
    background-color: grey;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.0rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.6rem;
  }
  h4, .h4 {
    font-size: 1.4rem;
  }
  h5, .h5 {
    font-size: 1.3rem;
  }
  h6, .h6 {
    font-size: 1.105rem;
  }
}
.news-single > .article > .row > .col-md-8 > .btn.btn-default {
  background-color: #4faf98;
  color: #fff;
    }

.news-single > .article > .row > .col-md-8 > .btn.btn-default:hover {
  background-color: grey;
    }
}

.news-list-item {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid gray;
}


/* News: single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

/*** SF Event Registration ***/



.event-registration-label, .event-list-label {
    width: 20% !important;
    }

.tx-sf-event-mgt form.registration label {
    width: 20% !important;
    margin-right: 0px;
}

.event-registration-row input {
  width: 50%;
}



/*** Footer ***/

.section {
  margin-bottom: 2%;
}


.footer-section-meta {
    display: none;
}
.footer-section-content a:not(.btn) {
  color: #4faf98;
  text-decoration: none;
}
.footer-section-content a:not(.btn):hover, .footer-section-content a:not(.btn):focus {
  color: #fff;
}

.footer-section-content ul {
 color:#4faf98;
 list-style-type: none;
}


/*** Button HTML ***/
.work-frame {
  background-color: #4faf98;
  border-radius: 6px;
  width: 80%;
  display: inline-block;
  margin-left: 10%;
}
.work-frame:hover {
  background-color: grey;
}
.work {
    color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;  
  padding: 5%;
}
.work a:hover {
  color: #fff;
  text-decoration: none;
}

/*** Index Search ***/

.search {
  margin-right: 0px;
  margin-left: auto;
}
.search-form {
  color: #fff;
  padding-left: 2%;
  width: 67%;
  margin-right: 2%;
}


/*** Links ***/

#page-content p a[href^="/"],
#page-content p a[href^="#"] {
 background:url(/fileadmin/config/logos/open_green.svg) top left no-repeat;
 padding-left:1.5em;
 background-size:1.2em;
}

p a[href^="http"] { background:url(/fileadmin/config/logos/open_green.svg) top left no-repeat;
 padding-left:1.5em;
 background-size:1.2em;
}
p a[href^="/fileadmin"],  li a[href^="/fileadmin"] {
 background:url(/fileadmin/config/logos/cloud-download_green.svg) top left no-repeat !important;
 padding-left:1.5em !important;
 background-size:1.2em !important;
}
a[href^="mailto:"] {
 background:url(/fileadmin/config/logos/email_green.svg) top left no-repeat;
 padding-left:1.5em;
 background-size:1.2em;
}
/*
a[href^="/"].card.slick-link {
 background:none !important;
 padding-left:0 !important;
}
/*.nav-item a,
.image a,
a.accordion-title-link {
 background-image:none !important;
}*/

span.uploads-filename {
    font-size: 1.2rem;
}