@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-size:100%;
}

.container, .container-sm, .container-md, .container-lg, .container-xl {
  max-width: 1200px;
}

.navbar {
	padding-top:0;
}

.navbar-brand {
	padding-top:0;
}

.navbar-brand img {
	max-width: 12rem;
	margin-right: 5rem;
}

.navbar-shrinked .navbar-brand img {
	transition:.5s ease-in-out;
	max-width: 8rem;
	margin-right:9rem;
}

/* Navigation */

.navbar-user.small {
	font-size:90%;
	margin-top:5px;
}

.user-links li:first-child {
	background-color:#afcb08;
	border-radius:.25rem;
}

.nav-link,
.nav-link:visited {
	color:#1d1d1b;
	padding: .35rem 1rem;
}

.user-links li:first-child .nav-link,
.user-links li:first-child .nav-link:visited {
	color:#fff;
	font-weight:500;
}

.smartmenus,
.dropdown.d-none {
	margin-top:4.1rem;
}

.navbar-shrinked .smartmenus,
.navbar-shrinked .dropdown.d-none {
	transition:.5s ease-in-out;
	margin-top:2.1rem;
}

.smartmenus li {
	font-size:1.5rem;
	font-weight:300;
}

.smartmenus li ul li {
	font-size:1.2rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.navbar-light .navbar-nav .nav-link {
    color:#AFCB08;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #414B03;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #afcb08;
}

/* Slider */

.hero .flexslider .slides > div > a > div {
    position: absolute;
    top: auto;
    left:1.5rem;
    right: auto;
	bottom: 1.5rem;
}

.hero .flexslider .slides > div > a > div .container {
	padding-left:0;
	padding-right:0;
}

.hero .flexslider .caption {
    width: 16rem;
	height: 16rem;
	background:none;
	background-image: url(../Bilder/slider-caption-bg.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:auto 100%;
	margin-top:0;
	padding:0;
	text-align:center;
}

.hero .flexslider .caption .title {
	display:none;
}

.hero .flexslider .caption .description {
	font-size: 2em;
    font-weight: 300;
	line-height: 1.15em;
	padding:7.5rem 1rem .2em 1rem;
	color:#fff;
	text-shadow:1px 1px 0 #888;
}

/* Inhalte */

h1 {
	font-size: 2.5em;
	color: #839906;
	margin-bottom: 1.25em;
	font-weight: 300;
}

.h1-mb .subheadline {
    color: #1d1d1b;
	font-size:1.2rem;
}

.h2-mb {
    margin-bottom: .75rem;
}

h2 {
	font-size:1.4em;
	font-weight:500;
}

h3 {
	font-size:1.25em;
	font-weight:500;
	color:#afcb08;
}

h4 {
	font-size:1.1em;	
}

h6 {
	font-size:1.2rem;
}

a, a:visited {
	color:#afcb08;
}

a:hover {
	color:#839906;
}

.image a::before,
.main-content a[target="_blank"]::before {
	display:none;
}

.btn-primary,
.btn-primary:visited  {
	color: #fff;
	background-color:#afcb08;
	border-color:#afcb08;
}

.btn-primary:hover {
	background-color: #546204;
	border-color: #546204;;
}

.bg-primary,
.ce-icon-bg-color-primary {
	background-color: #839906 !important;
	color: #fff;
}

.bg-primary a,
.bg-primary a:visited {
	color: #EEFCA0;
}

.ce-icon-color-primary {
    fill: #afcb08;
    border-color:#afcb08;
    color:#afcb08;
}

.bg-secondary {
	background-color: #EFEFEF !important;
}

.bg-secondary .frame-type-textpic {
	border:1px solid #ddd;
	background-color:#fff;
}

.bg-secondary .frame-type-textpic:hover {
	background-color:#f2f2f2;
}

.bg-secondary .ce-bodytext {
	padding:0 10px;
}

.bg-secondary h2 {
	color:#afcb08;
}



.ce-icon-bg-color-secondary {
	background-color: #FAFDD7 !important;
	color: #fff;
}

.btn-secondary {
    color:#839906;
    background-color:#EFEFEF;
    border-color: #999;
}

.btn-secondary:hover {
    color: #fff;
}

.bg-light h3 {
	color:#1b1b1d;
	margin-bottom:.5rem;
}

.bg-lightgray h3 {
	font-size:1.5em;
	font-weight:400;
	color:#839906;
}

.bg-lightgray h3:after {
		border-bottom:2px solid #839906;
	border-bottom-width:50%;
}

.bg-lightgray .ce-icon-color-primary {
  fill: #839906;;
  color: #839906;;
}

/* Bildeffekte */

figure.effect picture {
	background:#839906;
  }

figure.effect-sarah img {
    opacity: 0.95;
  }
figure.effect-sarah:hover img {
      opacity: 0.15;
    }

figure.effect-sarah {
	margin-bottom:0;
}

figure.effect-sarah .overlay-effect {
    padding: 1.25rem;
}

figure.effect-sarah figcaption.effect {
  text-transform: none;
}
  
figure.effect-sarah h2 {
	font-size:1.25rem;
	font-weight:400;
	word-spacing: 0;
	background-color:#839906;
	padding: .25rem .5rem;
}

figure.effect-sarah .overlay-text {
  padding: .25em 0;
}

figure.effect-sarah .overlay-hover-text {
  padding:.5rem 0;
  font-size:.95rem;
}

figure.effect-sarah .overlay-hover-text a,
figure.effect-sarah .overlay-hover-text a:visited {
	color:#fff;
	font-weight:600;
}

figure.effect-sarah:hover h2 {
	transition:.35s ease-in-out;
	background:none;
	padding:.25rem 0;
}

/* Cards */

.flip-card-front .card-body {
  padding: 0 1.5rem .5rem 1.5rem;
}

.flip-card-front p {
	text-align:center;
	font-size:110%;
}

.flip-card-back .card-body {
  padding: 2rem 1.5rem ;
}

 
 /* News */
 
 .news-latest-item .img-thumbnail {
  padding: 0;
  background-color: #fff;
  border: 2px solid #fff;
 }
 
 /* Chronik */
 
#page_300 .news .card {
	margin-bottom:20px;
}
 
#page_300 .news .card img,
#page_300 .news .card .card-body time {
	 display:none;
 }

#page_300 .news .card-body .mb-4 {
	margin-bottom:0 !important;
}

#page_300 .news .card p {
	margin-bottom:0;
}

/* Spezial */

#c1880 .ce-header {
	padding:10px 15px;
	border:1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	background-color:#f2f2f2;
}

#c2088 {
	margin:.5rem 0;
}

#footer .small {
	font-size:95%;
}

#footer h4 {
	font-size:1.1rem;
}

#footer img {
	filter: grayscale(1);
}

#footer img:hover {
	filter: grayscale(0);
}

#c1766-c1 .col-xl-2 {
	padding-left:10px;
	padding-right:10px;
}

@media only screen and (max-width:1240px) {

.navbar-brand img {
	max-width: 10rem;
	margin-right: 3rem;
}

.navbar-shrinked .navbar-brand img {
	max-width: 7rem;
	margin-right:6rem;
}

.smartmenus,
.dropdown.d-none {
	margin-top:3.4rem;
}

.smartmenus li {
	font-size:1.35rem;
}

.smartmenus li ul li {
	font-size:1.15rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

/* Slider */


.hero .flexslider .caption {
    width: 14rem;
	height: 14rem;
}

.hero .flexslider .caption .description {
	font-size: 1.7em;
	line-height: 1.15em;
	padding:6rem 1rem .2em 1rem;
}

h1 {
	font-size: 2.25em;
	margin-bottom: 1em;
}

.h1-mb .subheadline {
	font-size:1.1rem;
}

.h2-mb {
    margin-bottom: .5rem;
}

h2 {
	font-size:1.35em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;	
}

h6 {
	font-size:1.15rem;
}


/* bildeffekte */

figure.effect-sarah .overlay-text {
  padding: .25em 0;
}

figure.effect-sarah .overlay-effect {
  padding: .5rem .75rem;
}

figure.effect-sarah h2 {
	font-size:1.2rem;
}

figure.effect-sarah .overlay-hover-text {
  font-size:.9rem;
}

}

@media only screen and (max-width:990px) {

.navbar {
  padding-top: 0.5rem;
}

/* bildeffekte */

figure.effect-sarah .overlay-text {
  padding:0;
}

figure.effect-sarah .overlay-effect {
  padding: 0 .5rem;
}

figure.effect-sarah h2 {
	font-size:1.05rem;
	letter-spacing:-.5px;
}

figure.effect-sarah .overlay-hover-text {
  font-size:.85rem;
  	letter-spacing:-.5px;
	line-height:1.1em;
}
	
}

@media only screen and (max-width:768px) {

/* Slider */

.hero .flexslider .slides > div > div {
    left:1.5rem;
	bottom: .5rem;
}

.hero .flexslider .caption {
    width: 11rem;
	height: 11rem;
}

.hero .flexslider .caption .description {
	font-size: 1.35em;
	padding:4.8rem 1rem .2em 1rem;
}

h1 {
	font-size:1.75em;
	margin-bottom: 1em;
}

/* bildeffekte */

figure.effect-sarah .overlay-text {
  padding:0;
}

figure.effect-sarah .overlay-effect {
  padding: 1.5rem 2.5rem;
}

figure.effect-sarah h2 {
	font-size:1.6rem;
	letter-spacing:0;
}

figure.effect-sarah .overlay-hover-text {
  font-size:1.1rem;
  	letter-spacing:0;
	line-height:1.25em;
}

.column-1.order-md-0, .column-1.order-md-1 {
	order:0;
}

.column-0.order-md-0, .column-0.order-md-1 {
	order:1;
}
	
}

@media only screen and (max-width:568px) {

h1 {
	font-size: 1.5em;
	margin-bottom: .5em;
}



h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:1em;	
}

h6 {
	font-size:1.1rem;
}


}

@media only screen and (max-width:480px) {

/* Slider */

.hero .flexslider .slides > div > div {
    left:1rem;
	bottom: .5rem;
}

.hero .flexslider .caption {
    width: 9rem;
	height: 9rem;
}

.hero .flexslider .caption .description {
	font-size: 1.1em;
	padding:4rem .5rem .2em .5rem;
}


/* bildeffekte */


figure.effect-sarah .overlay-effect {
  padding: 1rem 1.5rem;
}

figure.effect-sarah h2 {
	font-size:1.4rem;
}

figure.effect-sarah .overlay-hover-text {
  font-size:1.1rem;
}

}

@media only screen and (max-width:414px) {

/* bildeffekte */


figure.effect-sarah .overlay-effect {
  padding: 1rem 1rem;
}

figure.effect-sarah h2 {
	font-size:1.3rem;
}

figure.effect-sarah .overlay-hover-text {
  font-size:1rem;
}
}

@media only screen and (max-width:360px) {

/* bildeffekte */


figure.effect-sarah .overlay-effect {
  padding: .75rem 1rem;
}

figure.effect-sarah h2 {
	font-size:1.2rem;
}

figure.effect-sarah .overlay-hover-text {
  font-size:.95rem;
  line-height:1.15em;
}

}