html, body { font-size: 17px; height: 100%; margin: 0; padding: 0; }
body {
    font-family: 'Gill Sans', Arial, sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 300;
    letter-spacing: .5px;
    color: #000; 
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #4aa330 26%, #4aa330 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 25%,#4aa330 26%,#4aa330 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 25%,#4aa330 26%,#4aa330 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4aa330',GradientType=0 );
}
@media(max-width: 1199px) {
    html, body { font-size: 15px; }
}
@media(max-width: 767px) {
    html, body { font-size: 14px; }
}
@media(max-width: 575px) {
    html, body { font-size: 14px; }
}
body[data-aos-delay],
body[data-aos-delay] section { overflow-x: hidden; }

body#ls,
body#startseite.ls {
	font-family: 'SemikolonPlus', Arial, sans-serif;
    line-height: 1.5;
}



/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/


/* bootstrap anpassungen */
@media(min-width: 1200px) {
    .container { max-width: 1400px; }    
}
.ie .img-fluid {
    width: 100%; max-width: 100%; height: auto;
}


/* ### Standard-Elemente ########################### */

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Gill Sans Bold', Arial, sans-serif;
    /*color: #001f47;*/
    color: #000;
    line-height: 1.05;
    font-size: 1rem;
}
#L2 h1, #L2 h2, #L2 h3, #L2 h4, #L2 h5, #L2 h6 {
	font-family: 'SemikolonPlusBold', Arial, sans-serif; 
    line-height: 1.5;
}
#L2 .kachelnav h4 {
  line-height: 1.5rem;
  font-weight: normal;
  font-size: 1.5rem;
}
div h2:first-child,
div h3:first-child,
div h4:first-child,
div h5:first-child,
div h6:first-child { margin-top: 0; }

h2 { font-size: 1.4rem }
h3 { font-size: 1.2rem }
h4, h5, h6 { font-size: 1rem; }
/*
@media(max-width: 767px) {
    h2 { font-size: 2rem }
    h3 { font-size: 1.8rem }
    h4 { font-size: 1.5rem }
    h5, h6 { font-size: 1.2rem; }
}
*/


b, strong { font-family: 'Gill Sans Bold', Arial, sans-serif; }
i, em { font-family: 'Gill Sans Italic', Arial, sans-serif; }
#L2 b, #L2 strong{
	font-family: 'SemikolonPlusBold', Arial, sans-serif;
}
#L2 em{
	font-family: 'SemikolonPlus', Arial, sans-serif;
	font-style: italic;
}

/* Links */
a,
a:focus, 
a:hover, 
a:active { outline: 0 !important; }

a { color: rgba(3,69,148,1); text-decoration: none; font-weight: 400; -webkit-transition: all .6s; transition: color .6s, background .6s; }
a:focus,
a:hover,
a:active { color: rgba(74,163,48,1); text-decoration: none; }


/* Buttons */
.btn { 
    margin-right: 12px;
    padding: 7px 14px 5px;
    -webkit-transition: all .6s;
            transition: all .6s;
    white-space: inherit;
            border-radius: 0px 0px 0px 0px;
       -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    
}
.btn-primary { background-color: rgba(3,69,148,1); border-color: rgba(3,69,148,1); color:#fff; min-width: 235px; }
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active { background-color: rgba(74,163,48,1); border-color: rgba(74,163,48,1); }

.btn-secondary { background-color: rgba(74,163,48,1); border-color: rgba(74,163,48,1); color:#fff; min-width: 235px; }
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active { background-color: rgba(3,69,148,1); border-color: rgba(3,69,148,1); }


/* Listen */
ul { padding: 0; padding-left: 1.2rem; }
#main li { list-style-image: url(images/li7_2_secondary.png); padding-left: 2px; }

table {}
th, td { vertical-align: top; }
th { font-size: 90%; font-weight: bold; }

.tablewrap { width: 100%; overflow: auto; }
.tablewrap::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.tablewrap::-webkit-scrollbar-thumb{ border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }


/* align-items */
.items-center {
      -webkit-box-align: center;
         -moz-box-align: center;
         -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
}
/* margin-bottom */
.margin-bottom-0   { margin-bottom:0px;  }
.margin-bottom-5   { margin-bottom:5px;  }
.margin-bottom-10  { margin-bottom:10px; }
.margin-bottom-15  { margin-bottom:15px; }
.margin-bottom-20  { margin-bottom:20px; }
.margin-bottom-30  { margin-bottom:30px; }
.margin-bottom-40  { margin-bottom:40px; }
.margin-bottom-50  { margin-bottom:50px; }
.margin-bottom-60  { margin-bottom:60px; }
.margin-bottom-80  { margin-bottom:80px; }
.margin-bottom-100 { margin-bottom:100px;}
.margin-bottom-120 { margin-bottom:120px;}

/* Section-Space */
.space-0.bottom-0 { margin-bottom: -1rem; }
.space-1 { padding-top: 1rem; padding-bottom: 0; }
.space-3 { padding-top: 3rem; padding-bottom: 2rem; }
.space-5 { padding-top: 5rem; padding-bottom: 4rem; }

.space-1.space-top { padding-bottom: 0; }
.space-3.space-top { padding-bottom: 0; }
.space-5.space-top { padding-bottom: 0; }

.space-1.space-bottom { padding-top: 0; }
.space-3.space-bottom { padding-top: 0; }
.space-5.space-bottom { padding-top: 0; }

.space-3.special-section-1 { padding-top: 1rem; padding-bottom: 0rem; }

/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
/* Section-Background */
.tc-bright h2, 
.tc-bright h3, 
.tc-bright h4, 
.tc-bright h5, 
.tc-bright h6, 
.tc-bright p, 
.tc-bright li, 
.tc-bright a  { color: #fff !important; }

.bg-primary   { background-color: rgba(3,69,148,1) !important; }
.bg-secondary { background-color: rgba(74,163,48,1) !important; }
.bg-white     { background-color: #fff; }
.bg-gray      { background-color: rgba(221, 221, 221, 0.5); }
.bg-darkgray  { background-color: rgba(221, 221, 221, 1); }
.bg-dark      { background-color: #012C3C; }

/* sonstige Hilfsklassen und CKEditor-Klassen */
span.marker { background: rgba(255,200,0,.4); }
span.txt-colored { color: #41838A; }

.text-green { color: #4aa330 }
.text-blue { color: #034594 }

a.download-pdf {  }
a.download-pdf:before { content: "\f1c1"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.2rem;}
li a.download-pdf:before { font-size: 1rem;}

a.phone:before  { content: "\f095"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mobile:before { content: "\f10b"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; }
a.mail:before   { content: "\f0e0"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; font-size: 1.1rem; width: 1.5em;
    text-align: center; display: inline-block; } /*\f003*/

.btn-full { display: block; width: 100%; min-width: inherit; text-align: center; margin-right: 0; }

.kleingedrucktes p { font-size: .8rem; font-weight: 300; }

p.intro { font-size: 1.2rem; font-weight: 400; }


/* ### Container-Elemente ########################### */
.noscript_warning {  }
/* wrapper */
.w1 {}
.w2 {}
.w3 {}





/* HEADER ########################### */
#header { background: #fff; position: relative; }
#headroom-spacer,
#header.headroom-header { height: 90px; }
#header.headroom-header { 
    -webkit-box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
       -moz-box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
            box-shadow: 0px 0px 15px -4px rgba(0,31,71,1);
}
#logo { z-index: 101; width: 122px; display: inline-block; position: absolute; top: 10px; right: 0px; }

.nav-open #header {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 201;
    overflow: hidden;
}

@media(max-width: 991px) { 
    #header {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 61px;
        overflow: hidden;
    }
    #headroom-spacer { height: 61px; }
    #logo { z-index: 100; }
}

/* BREADCRUMB-NAVI #################### */
#breadnav {  
    position: absolute; top: 55px; left: 100px; right: 40px; height: 35px;
    z-index: 100;
    background: #4aa330; 
    padding-right: 106px; 
    color: #fff;
    font-size: .9rem;
    line-height: 34px;
    font-weight: 400;
    -webkit-transition: all .6s; transition: color .6s, background .6s;
}
.nav-open #breadnav {display: none;}
/*
#breadnav:before{
  content: url(../../../../media/header_left03.png);
  
  top:-48px;
  left:-90px; 
  
}
*/
#breadnav:before{
    position: absolute;
    z-index: -1;
    content: url(../../../../media/sleiste2.svg);
    width: 152px;
    top: -55px;
    left:-95px;
}

#breadnav span.ssh { display: inline-block; margin-right: 4px; font-size: .9em }
#breadnav a {
    color: rgba(255,255,255,.75); padding: 0 9px 0 0;
}
#breadnav a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f054";
    margin-left: 9px;
    color: #fff;
}
#breadnav a:focus, #breadnav a:hover, #breadnav a:active { 
    color: #fff; 
}
#breadnav a:hover:after {
    content: "\f053";
}
@media(max-width: 991px) { 
    #breadnav { left: 0; padding-left: 15px;}
    #breadnav span.ssh { display: none; }
    #breadnav span { display: inline-block; display: none; }
    #breadnav:before { content: ''; }
}


/* NAVI ############################# */
#navtog { 
    position: absolute;  display: block; 
    top:2px; right: 130px; left: inherit; bottom: inherit;
    height: 55px; 
    z-index: 201; 
    background: rgba(255,255,255,0);
}
/* hamburger */
.hamburger { padding: 14px 11px;}
.hamburger-box { width: 31px; height: 19px; vertical-align: middle;}
.hamburger-label {
    font-size: .7rem; font-weight: 400;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    text-transform: uppercase;
}

#navtog .hamburger.is-active:hover, 
#navtog .hamburger:hover {
    opacity: 1;
}
.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before {
    height: 3px;
    width: 33px;
    color: #001f47;
}
.hamburger-inner:before {
    top: -8px;
}
.hamburger--collapse .hamburger-inner:after{
    top: -16px;
}
@media(max-width: 991px) { 
    #navtog { height: 50px; top:5px; right: 128; }
    .hamburger { padding: 11px; }
    .hamburger-box { width: 30px; height: 20px; }
    .hamburger-inner, 
    .hamburger-inner:after, 
    .hamburger-inner:before {
        width: 28px;
    }
    .hamburger-inner::before { top:-8px; }
    .hamburger-inner::after { top:-16px; }
    .hamburger--collapse .hamburger-inner::after { top: -16px; }
}
@media(max-width: 375px) {
    #navtog { right: calc(50% - 44px); }
} 
/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
#mainnav {  
    display: none; position: fixed; 
    top: 0; left: 0; bottom: 0; right: 0;  
    z-index: 100; 
    text-align: center; 
    background: rgba(255,255,255,1);
    background-size: cover;
    overflow-y: auto; 
    z-index: 200;
    
}
#mainnav .accordion { padding: 50px 0;  }
#mainnav .btn { font-size: 1.5rem; }
#mainnav h3 .btn { font-size: 2.6rem; }
#mainnav .btn-link { color: #1a0001; font-weight: 700;}
#mainnav .btn-link:focus,
#mainnav .btn-link:hover,
#mainnav .btn-link:active { color: #034594; text-decoration: none; }
#mainnav .btn-link.active,
#mainnav .btn-link[aria-expanded="true"] { color: #4aa330; text-decoration: none; }

#mainnav #mnavlogo { display: none; position: fixed; left: 100px; top:20px; }

@media(max-width: 991px) { 
    #mainnav { top:60px; height: calc(100% - 60px) !important; }
    .mainnav { padding-top: 50px; background: #fff; }
}
@media(max-width: 767px) { 
    #mainnav .btn { font-size: 1.2rem; }
    #mainnav h3 .btn { font-size: 2.5rem; }
}

#mnav-kachel { padding-left: 110px; padding-right: 110px; }
.mnav-kachel > div { height: 180px; padding: 15px; }

.mnav-kachel a h4 { color: inherit; margin-bottom: 0; padding: 5px 15px; font-family: 'Gill Sans', Arial, sans-serif; font-size: 1.75rem; font-weight: 400; hyphens: none; }
#L2 .mnav-kachel a h4 {
	font-family: 'SemikolonPlus', Arial, sans-serif;
}

.mnav-kachel .blau a { background: rgba(3,69,148,.2); color: #034594; }
.mnav-kachel .gruen a { background: rgba(74,163,48,.2); color: #4aa330}

.mnav-kachel .blau a:focus,
.mnav-kachel .blau a:hover,
.mnav-kachel .blau a:active,
.mnav-kachel .blau a.active { background: rgba(3,69,148,1); color: #fff; }
.mnav-kachel .gruen a:focus,
.mnav-kachel .gruen a:hover,
.mnav-kachel .gruen a:active,
.mnav-kachel .gruen a.active { background: rgba(74,163,48,1); color: #fff; }


@media(max-width: 1199px) {
    #mnav-kachel { padding-left: 45px; padding-right: 45px; padding-top: 45px; padding-bottom: 45px;}
    .mnav-kachel > div { height: 150px; }
}
@media(max-width: 767px) {
    .mnav-kachel a h4 { font-size: 1.5rem }
}
@media(max-width: 575px) {
    #mnav-kachel { padding-left: 0px; padding-right: 0px; }
    .mnav-kachel > div { height: auto; padding-top: 0; }
    .mnav-kachel > div > a { padding: 6px; }
}


/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
/* SUB-NAVI ############################# */
#sidenav { width: 100%; max-width: 333px; }
#sidenav ul { list-style: none; list-style-image: none; margin: 0;padding: 0;}
#sidenav ul li { margin: 0; }
#sidenav ul li ul { display: none; }
#sidenav ul li.active > ul, 
#sidenav ul li.current > ul { display: block; }
#sidenav ul li a { 
    display: block; position: relative;
    line-height: 1.3;
    padding: 18px 20px 17px 80px;
    color:#fff;
    background: rgba(3,69,148,.5);
}
.gruen #sidenav ul li a {
    background: rgba(74,163,48,.5) 
}
#sidenav ul li ul li a {
    padding: 8px 20px 8px 100px;
}
#sidenav ul li ul {
    background: rgba(3,69,148,.5);
    padding-bottom: 17px;
}
.gruen #sidenav ul li ul {
    background: rgba(74,163,48,.5);
}
#sidenav ul li.active,
.blau  #sidenav ul li.active,
.blau  #sidenav ul li.current { background: rgba(3,69,148,.3) }
.gruen #sidenav ul li.active,
.gruen #sidenav ul li.current { background: rgba(74,163,48,.3) }

#sidenav ul li ul li a { background: transparent; }
#sidenav ul li ul li.current a,
#sidenav ul li ul li a:focus, #sidenav ul li ul li a:hover, #sidenav ul li ul li a:active {
    color: #fff;
}
#sidenav ul li a:focus, #sidenav ul li a:hover, #sidenav ul li a:active,
#sidenav ul li.current > a { 
    background: rgba(3,69,148,1);
}
/*
.blau #sidenav ul li a, .blau #sidenav ul li ul { 
    background: rgba(3,69,148,.5); 
}*/
.blau #sidenav ul li a:focus, .blau #sidenav ul li a:hover, .blau #sidenav ul li a:active,
.blau #sidenav ul li.current > a { 
    background: rgba(3,69,148,1) 
}
/*
.gruen #sidenav ul li a, 
.gruen #sidenav ul li.active ul { 
    background: rgba(74,163,48,.5)  
}*/
.gruen #sidenav ul li a:focus, .gruen #sidenav ul li a:hover, .gruen #sidenav ul li a:active,
.gruen #sidenav ul li.current > a { 
    background: rgba(74,163,48,1) 
}
.gruen #sidenav ul li ul li a { 
    background: transparent; 
}

@media(max-width: 1199px) { 
    #sidenav ul li a { padding-left: 40px; }
    #sidenav ul li ul li a { padding-left: 60px; }
}

#subnav { width: 66.666%; }
#subnav ul { list-style: none; list-style-image: none; margin: 0;padding: 0;}
#subnav ul li { margin: 10px 0 0; list-style-image: none;}
#subnav ul li a { 
    display: block; position: relative;
    line-height: 1.3;
    padding: 5px 15px;
    color: #fff;
}
#subnav ul li a,
.gruen #subnav ul li a { background: rgba(74,163,48,1); }
.blau #subnav ul li a { background: rgba(3,69,148,1) ; }

#subnav ul li a:focus, #subnav ul li a:hover, #subnav ul li a:active,
.gruen #subnav ul li a:focus, .gruen #subnav ul li a:hover, .gruen #subnav ul li a:active { background: rgba(74,163,48,.5); }
.blau #subnav ul li a:focus, .blau #subnav ul li a:hover, .blau #subnav ul li a:active { background: rgba(3,69,148,.5) ; }

@media(max-width: 991px) { 
    #subnav { width: 100%; }
}

/* Auto-Hiding Navbar */
.headroom-header { 
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030; 
}
.headroom {
    /*will-change: transform;*/
    -webkit-transition: all 250ms linear;
       -moz-transition: all 250ms linear;
         -o-transition: all 250ms linear;
            transition: all 250ms linear;
}
.headroom--pinned {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    
}
.headroom--unpinned {
    -webkit-transform: translateY(-150%);
       -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
         -o-transform: translateY(-150%);
            transform: translateY(-150%);
}   
.headroom--bottom {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
}
/* Lang-Nav */
#langselect a.lang .flag {
	display: inline-block;
	height: 36px;
	width: 36px;
	text-align: right;
}
#langselect a.lang .flag img {
	vertical-align: middle;
	
}
#L1 #langselect {
  padding-right: 10px;
  background: rgba(255, 239, 0, 1);
}
#L1 #langselect a.lang .flag img {
	width: 100%; height: auto;
}
.header-langnav {
	position: absolute;
	top: 9px;
	right: 416px;
}
.mnav-langnav {
	padding: 1rem 45px 0;
	margin-bottom: -1rem;
}
/* Icon-Nav*/
#iconnav a i.fa { font-size: 26px; }
.mnav-topnav { padding: 0 45px; }
#iconnav { 
    position: absolute;  display: block; 
    top:8px; 
    right: 225px; 
    z-index: 201; 
}
#iconnav a {
    padding: 10px; line-height: 40px; color: #000; font-size: 26px;
}
#iconnav a.btn-paypal {
	line-height: 1;
	font-size: 1rem;
	margin-top: -11px;
	padding: 3px 20px;
	background: red;
	border: 1px solid red;
	color: #fff;
}
#iconnav a.btn-paypal:focus,
#iconnav a.btn-paypal:hover,
#iconnav a.btn-paypal:active {
	color: red;
	background: #fff;
}
.mnav-topnav #iconnav { margin-bottom: 1rem; }

/* Icons etc verschieben */
.header-topnav { display: block; }
.mnav-topnav { display: none; }
@media(max-width: 991px) {
    .header-topnav { display: none; }
    .mnav-topnav { display: block; }
} 
.header-langnav { display: block; }
.mnav-langnav { display: none; }
@media(max-width: 767px) {
	.header-langnav { display: none; }
	.mnav-langnav { display: block; }
}
@media(max-width: 399px) {
	#iconnav {right: inherit; }
	#iconnav a.some-link { padding: 10px 0;}
	#iconnav a.btn-paypal { }
} 
@media(max-width: 374px) {
	#iconnav a.some-link { display: none;}
	#iconnav a.btn-paypal { margin-top: 7px; }
} 
/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
/* Searchbox im Header */
.header-topnav #searchbox { 
    position: absolute;
    top: 60px;
    right: 138px;
    display: inline-block;
    height: 25px;
    z-index: 101;
    background: rgba(255,255,255,.7);
}
.mnav-topnav #searchbox {
    position: relative;
}

::-webkit-input-placeholder { color: #4aa330; }
::-webkit-placeholder { color: #4aa330; }
:-ms-input-placeholder { color: #4aa330; }
::-moz-placeholder { color: #4aa330; }
::placeholder { color: #4aa330; }

#searchbox input[type="text"] {
    background: none;
    cursor: pointer;
    font-size: 1rem;
    display: inline-block;
    border: none;
    color: #000;
    position: relative;
    top: 0;
    right: 0;
    z-index: 103;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
}
.header-topnav #searchbox input[type="text"] {
    width: 120px;
    padding: 2px 36px 0 5px;
}
.header-topnav #searchbox input[type="text"]:focus:hover {
  border-bottom: none;
}
.header-topnav #searchbox input[type="text"]:focus {
  width: 430px;
  z-index: 101;
  cursor: text;
}
.mnav-topnav #searchbox { background: rgba(74,163,48,.2); }
.mnav-topnav #searchbox input[type="text"] {
    width: 100%; 
    padding: 3px 36px 4px 5px;
}
#searchbox button {
    font-size: 1.15rem;
    width: 36px;
    display: inline-block;
    color:#4aa330;
    background: transparent;
    float: right;
    border: none;
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 102;
    cursor: pointer;
    opacity: 1;
    transition: color .4s ease;
}
#searchbox button:hover {
  color:#034594;
}
#searchbox button:focus {
    /*z-index: 1504;*/
}
.mnav-topnav #searchbox button {
    color: #fff;
    background: rgba(74,163,48,1);
    top: 0;
}
#searchbox .form-control:focus,
#searchbox .form-control:hover,
#searchbox .form-control:active,
#searchbox input[type="text"]:focus,
#searchbox input[type="text"]:hover,
#searchbox input[type="text"]:active,
#searchbox button:focus,
#searchbox button:hover,
#searchbox button:active {
    outline: none !important;
}

@media(max-width: 991px) {

}
@media(max-width: 575px) {
    .mnav-topnav { padding: 0px; }
    .mnav-topnav #searchbox { margin-bottom: 15px; }
	.mnav-langnav {
		padding: 0;
		margin-bottom: -1rem;
	}
}



/* MAIN ###########################*/

#main { min-height: 410px; background: #fff; padding: 2rem 80px 2rem 0; }

#main_content { background: #fff; }
#main_content.row { margin-left: 0; margin-right: 0; }
#main_content #aside { width: 24%; max-width: 24%; background: #fff; }
#main_content #main { width: 76%; max-width: 76%; }
#main_content #aside.col { padding-left: 0; padding-right: 20px; }
#main_content #main.col { padding-left: 20px; padding-right: 80px; }

/* Title-Image*/
#titleimage { position: relative; margin-top: -30px; width: 100%; }
#titleimage img { width: 100%; }
#titleimage h2.pagename { 
    position: absolute; bottom: 0; left: 0;
    margin: 0;
    padding: 30px 80px;
    font-family: 'Gill Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 2.6em;
    color: #fff;
    text-transform: uppercase;
    background: rgba(3,69,148,.7);
    min-width: 333px;
}
#L2 #titleimage h2.pagename {
	font-family: 'SemikolonPlus', Arial, sans-serif;
}

.gruen #titleimage h2.pagename { background: rgba(74,163,48,.7); }
.blau #titleimage h2.pagename { background: rgba(3,69,148,.7); }

@media(max-width: 1399px) { 
    #titleimage h2.pagename { font-size: 2.2em }
}
@media(max-width: 1199px) { 
    #main_content #main.col { padding-right: 40px; }
    #titleimage h2.pagename { font-size: 1.8em; padding: 20px 40px; } 
}
@media(max-width: 991px) {
    #titleimage { margin-top: 0; }
    #main_content #aside { display: none; }
    #main_content #main { width: 100%; max-width: 100%; }
    #main_content #main.col { padding-left: 40px; padding-right: 40px; }
}
@media(max-width: 767px) {
    
    #main_content #main.col { padding: 20px; }
    #titleimage h2.pagename { font-size: 1.4em; padding: 10px 20px; min-width: inherit;}
}
@media(max-width: 374px) {
    #main { min-height: 310px; }
    #titleimage h2.pagename { font-size: 1.2em; padding: 10px 20px; min-width: inherit;}
    
}

/* Footer-Top */
#footer_top { background: #4aa330; }
#footer_top .footer-top-content { padding-left: 80px; padding-right: 80px; }
#footer_top .footer-top-content,
#footer_top .footer-top-content p,
#footer_top .footer-top-content li,
#footer_top .footer-top-content h2,
#footer_top .footer-top-content h3,
#footer_top .footer-top-content h4 { color: #fff; }

#footer_top .footer-top-content .map_container,
#footer_top .footer-top-content .map_container p,
#footer_top .footer-top-content .map_container li,
#footer_top .footer-top-content .map_container h2,
#footer_top .footer-top-content .map_container h3,
#footer_top .footer-top-content .map_container h4 { color: #000; }
/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
/* FOOTER ###########################*/
#footer {
    background: #4aa330;
}
#footer .footer-content { 
    padding-left: 80px; padding-right: 80px; padding-top: .5rem; color: #fff; font-size: .9rem;
}
#footer .copyright-content { 
    padding-left: 80px; padding-right: 80px; padding-bottom: .5rem; 
}
#footer .footer-content p,
#footer .copyright-content p { margin-bottom: .4em;}
#footer a.top-link {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
} 
#footer a { color: #fff; display: inline-block; margin: 0 .5rem; position: relative;}
#footer .footer-content a { text-transform: uppercase; }
#footer .footer-content a:focus,
#footer .footer-content a:hover,
#footer .footer-content a:active { color: rgba(3,69,148,1) }

#footer .copyright-content { color: #fff; font-size: .8rem; }
#footer .copyright-content a:not(:last-child):after { 
    content: ''; 
    position: absolute;
    right: -0.75rem;
    top: 0;
    border: 1px solid #facc00;
    height: 100%;
}
#footer .copyright-content a:focus,
#footer .copyright-content a:hover,
#footer .copyright-content a:active { color: rgba(3,69,148,1) }

@media(min-width: 1500px) { 
    .row > .col-lg-8,
    .row > .col-xl-8 { padding-right: 50px; }
}
@media(max-width: 991px) {
    #footer_top .footer-top-content { padding-left: 40px; padding-right: 40px; }
    #footer .footer-content,
    #footer .copyright-content { padding-left: 40px; padding-right: 40px; }
}
@media(max-width: 575px) {
    #footer .footer-content,
    #footer .copyright-content  { padding-left: 20px; padding-right: 20px; }
}


/* SPECIAL ELEMENTS ###########################*/
label.control-label { font-size: 14px; margin-bottom: 1px; }
.forminfo {
    margin: 25px 0 15px; font-size: 80%;
}
.formcheckbox label input{
    margin-top: -5px;
}
.form-group { margin-bottom: 10px; }



/* Back to Top */
a.back-to-top {
    display: none;
    position: absolute;
    top:-1px;
    right:8px;
    font-size: 1.5em; 
    line-height: 35px;
    width: 35px;
    text-align: center;
    color: #2a7cc0;
    background: #fff;
    opacity: .5;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
            border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #ddd;
}
a.back-to-top:focus,
a.back-to-top:hover,
a.back-to-top:active { color: #000; opacity: 1; }



.mfp-title span.copyright { display: block; font-size: 85%; opacity: .8; }

/* pagination */
.rex-nav-pagination { text-align: center; margin-bottom: 20px; }
.rex-nav-pagination .pagination,
.rex-nav-pagination .pagination-list { margin-bottom: 5px; padding-left: 0; list-style-image: none !important; }
.rex-nav-pagination .pagination-list li { display: inline-block; margin: 0 4px; }
.rex-nav-pagination .pagination-list li.rex-prev i,
.rex-nav-pagination .pagination-list li.rex-next i { font-weight: 700; font-size: 17px; }
.rex-nav-pagination .pagination-list li a { display: block; padding: 2px 6px; }
.rex-nav-pagination .pagination-list li.active a { font-weight: 600; color: #4aa330; }
#s391 .textcol { display: none; }

/* 
    ##############################################
    ##############################################
*/

/* MODULE */

/********** MODUL Einzelne Ueberschrift **********/
/* Headline*/
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline h1::after, .headline h2::after, .headline h3::after, .headline h4::after, .headline h5::after, .headline h6::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    background: #0070ba;
    background: -moz-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #0070ba), color-stop(54%, #00a3d4), color-stop(100%, #96c11f));
    background: -webkit-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -o-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: -ms-linear-gradient(left, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    background: linear-gradient(to right, #0070ba 0%, #00a3d4 54%, #96c11f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070ba', endColorstr='#96c11f', GradientType=1 );
}

.headline {
    margin: 2em 0px 0;
}
.headline .headline-inner {
    border-bottom: 1px dotted #58585a;
}
.headline .text-left .headline-inner { margin-left: -5px; }
.headline .text-right .headline-inner { margin-right: -5px; }
.headline:first-child{ margin-top: 0; }

.hl-small { font-weight: 300; font-size: 16px; color: #58585a; } 

/* Headline v2*/
.headline2 h1,
.headline2 h2,
.headline2 h3,
.headline2 h4,
.headline2 h5,
.headline2 h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline2 {
    margin: 2em 0px 0;
}
.headline2:first-child{ margin-top: 0; }

/* Headline v3*/
.headline3 h1,
.headline3 h2,
.headline3 h3,
.headline3 h4,
.headline3 h5,
.headline3 h6 {
    position: relative;
    display: inline-block;
    /*border-bottom: 2px solid #338dc9;*/
    /*padding-bottom: 10px;*/
    padding: 0 5px 10px;
    margin-bottom: 0px;  
}
.headline2 {
    margin: 2em 0px 0;
}
.headline2:first-child{ margin-top: 0; }
/********** MODUL Einzelne Ueberschrift **********/



/********** MODUL Text/Bild **********/
/*
.img-holder { margin-top: 6px; margin-bottom:10px ; }
.img-holder .img-circle { 
    border: 2px solid #b1b3b4;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
.center-block img { margin: 0 auto; }
.img-left { float: left; margin-right: 1em; }
.img-right { float: right; margin-left: 1em; }
.img-caption { 
    display: block; 
    font-size: 90%; 
    background: rgba(0,0,0,.1); 
    padding: 1px 5px; 
    line-height: 1.5em; 
}
.img-copyright { 
    display: block; 
    font-size: 11px; 
    padding: 0; 
    line-height: 13px; 
}
.txt-holder ul { overflow: hidden; }
.img-thumbnail {
    border-radius: 0;
    background: #EFEFEF;
}

@media(max-width: 768px) {
    .img-holder { margin-top: 0; }
    .img-left, .img-right { float: none; margin-left: 0; margin-right: 0; }
}
*/
/********** MODUL Text/Bild **********/



/********** MODUL Standardinhalt **********/
.img-zoom { position: relative; overflow: hidden; }
.img-zoom img { 
       -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}
.img-zoom:hover img {
       -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
/* figure-holder */
.img-intxt,
.img-txttop,
.img-txtbottom { padding-left: 0; padding-right: 0; }

.img-intxt {display: inline-block; margin-bottom: .3rem}
.img-intxt.img-left { float: left; margin-right: 1rem;}
.img-intxt.img-right { float: right; margin-left: 1rem;}
.img-intxt + p { margin-top: -3px; }
.img-intxt figure, 
.img-txtbottom figure { margin-bottom: 0; }

.img-txttop.img-center,
.img-txtbottom.img-center { text-align: center; } 
.img-txttop.img-right,
.img-txtbottom.img-right { text-align: right; } 
.img-txttop.img-left, 
.img-txttop.img-right,
.img-txtbottom.img-left, 
.img-txtbottom.img-right { float: none; margin-left: -15px; margin-right: -15px; }

figcaption { padding: 2px 4px; font-size: .8rem; text-align: left; }
figcaption span { display: block; }
figcaption span.img-copyright { display: block; font-size: .9em; line-height: inherit; }

figcaption { background: rgba(3,69,148,.1); }
.gruen figcaption {background: rgba(74,163,48,.1);}
figcaption, .gruen figcaption { background: #fff; }

.twocols { 
    -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
       -moz-column-count: 2; /* Old Firefox */
            column-count: 2;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
}

.gallery {}
.gallery-item { margin-bottom: 15px; }

@media(max-width: 767px) {
    .img-large.img-left,
    .img-large.img-right { float: none; margin-left: 0; margin-right: 0; }
    .twocols { 
        -webkit-column-count: inherit;
           -moz-column-count: inherit;
                column-count: inherit;
    }
}
@media(max-width: 575px) {
    .img-medium.img-left,
    .img-medium.img-right { float: none; margin-left: 0; margin-right: 0; }
}

/* Video-Plyr default-color #1aafff / rgb(26,175,255) */ 
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: rgba(26,175,255,1);
    color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: rgba(26,175,255,1);
    color: #fff
}
.plyr__control--overlaid {
    background: rgba(26,175,255,.8);
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    color: #fff;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: rgba(26,175,255,1);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: rgba(26,175,255,1);
}
.plyr--full-ui input[type=range] {
    color: rgba(26,175,255,1);
}
.plyr__control.plyr__tab-focus,
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(26,175,255,.5);
}
/********** MODUL Standardinhalt **********/


/*
blau: 034594 / rgba(3,69,148,1) 
grün: 4aa330 / rgba(74,163,48,1)
*/
/********** MODUL Abstand/Trennlinie **********/
.divider hr { 
    border-top: 1px solid rgba(3,69,148,.5); 
}
.gruen .divider hr { 
    border-top: 1px solid rgba(74,163,48,.5);
}
/********** MODUL Abstand/Trennlinie **********/



/********** MODUL Bilder-Navigation **********/
.img-nav > div > div { padding-top: 25px; }
.img-link { margin-bottom: 1rem; }
.img-link img {  
    /*
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
       -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
    */
}
.img-link a { display: block; overflow: hidden; position: relative; }
.img-link a h4 { color: #92c02a; }

.smaler .row { margin-left: -35px; margin-right: -35px; }
.smaler .img-links .col-content { padding: 0 20px; }

.img-link-v1 {}
.img-link-v1 a { display: block; overflow: hidden; position: relative; }
.img-link-v1 a h4 { color: #000111; }
.img-link-v1 figure { margin-bottom: 0; }
.img-link-v1 img {
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
            transition: all 0.6s;
}
.img-link-v1:hover img {
       -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.img-link-v1 .img-link-info {
    position: absolute; bottom: 0; left: 0; width: 100%;
    padding-top: .5rem;
    background: rgba(255,255,255,.8);
}
.img-link-v1 .img-link-info,
.img-link-v1 a .img-link-info h4,
.img-link-v1 a .img-link-info p {
    -webkit-transition: all ease-out 0.4s;
       -moz-transition: all ease-out 0.4s;
            transition: all ease-out 0.4s;
}
.img-link-v1:hover .img-link-info {
    padding-bottom: 1rem;
    background: rgba(255,255,255,.9);
}
.img-link-v1:hover a h4 { color: rgba(0,153,184,1); }
/********** MODUL Bilder-Navigation **********/



/********** MODUL Linkliste **********/
ul.linklist { margin-bottom: 0; }
ul.linklist li { 
    padding-bottom: 6px; 
    list-style-image: none !important; 
} 
ul.linklist li a { 
    line-height: 1.3em; 
    display: block; 
    padding-top: 4px;
}
ul.linklist .fa-li { font-size: 1.2em; }
.toggle-linklist { 
    cursor: pointer; 
    -webkit-transition: all .6s; 
    transition: all .6s; 
}
.toggle-linklist i { 
    font-size: 75%; 
    margin-left: 4px; 
}
.toggle-linklist:hover { color: rgba(188,207,0,1); }
/********** MODUL linkliste **********/



/********** MODUL TIMETABLE **********/
.timetable { display: table; width: 100%; line-height: 1.3em; /*border-bottom: 1px solid #92c02a;*/ }
.timetable .timetable-row { display: table-row; }
.timetable .timetable-cell { display: table-cell; padding: 8px 0; }
.timetable .new-day .timetable-cell { border-top: 1px solid #92c02a;  }
.timetable .timetable-cell i { color: #92c02a; }

.timetable .timetable-day { width: 140px; font-weight: 400; }

.timetable .timetable-time { width: 125px; padding-left: 5px; padding-right: 5px; color: #0070ba; font-weight: 400; }
.timetable .timetable-time span { padding-left: 5px; }

.timetable .timetable-desc p:last-child { margin-bottom: 0; }

.timetable-bg1 .timetable-time,
.timetable-bg1 .timetable-desc { background: rgba(110, 110, 110, 0.1); }
.timetable-bg2 .timetable-time,
.timetable-bg2 .timetable-desc { background: rgba(12, 114, 181, 0.2); }

@media(max-width: 767px) {
    .timetable .timetable-row,
    .timetable .timetable-cell { display: block; width: 100%; }
    .timetable .timetable-cell { padding: 0 0 8px; }
    .timetable .new-day { border-top: 1px solid #92c02a; }
    .timetable .new-day .timetable-cell { border-top: 0px none; }
    .timetable .timetable-day { padding-top: 8px; }
    .timetable .timetable-time { padding-left: 5px; }
    .timetable .timetable-desc { padding-left: 28px; }
}
/********** ENDE MODUL TIMETABLE **********/



/* Sitemap */
.sitemap { padding: 0 48px; margin-top: -15px; margin-bottom: 3em; }
.sitemap ul {padding: 0; list-style-type: none; }
.sitemap li { 
    position: relative; 
    margin:0px; 
    padding: 16px 0px 16px 10px; 
    border-left: 2px solid #0e327a; 
}
.sitemap li:last-child { padding-bottom: 0; }
.sitemap li:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  border-top: 2px solid #0e327a;
  background: #0e327a;
  width: 100%;
}
.sitemap li:after {
    content: '';
    position: absolute;
    top: 26px;
    left: -6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0e327a;
}
.sitemap li li:after {
    background: #92c02a;
}
.sitemap li li li:after {
    background: #fff;
    border: 3px solid #92c02a;
}
.sitemap > ul > li:first-child { padding-top: 30px; }
.sitemap > ul > li:first-child:before { top:45px; }
.sitemap > ul > li:first-child:after { top:41px; }
.sitemap a {
    position: relative;
    z-index: 10; 
    display: block; 
    margin-left: 15px;
    padding: 5px 15px; 
    border-left: 2px solid #0e327a; 
    background: #f4f4f4;
    color: #0e327a;
}
.sitemap li ul li { margin-left: 15px; padding-bottom: 0; }
.sitemap li ul li a { background: #f9f9f9; }
.sitemap li ul li ul { padding-bottom: 15px; }
@media(max-width: 575px) { 
    .sitemap { padding: 0; } 
}
/* SEO-Sitemap*/
#sitemap a.seositemapedit { 
    display: none; 
    position: absolute;
    right: 0;
    top: 4px;
    background: transparent;
    font-size: 13px; 
}
#sitemap ul { margin-bottom: 1rem; }
#sitemap ul li { margin-bottom: .5rem; position: relative; }

#sitemap ul li { font-size: 1.5rem }
#sitemap ul li ul li { font-size: 1.25rem }
#sitemap ul li ul li ul li { font-size: 1rem; list-style-image: url(images/li7_2_primary.png); }

#sitemap > ul > li { list-style-image: none; list-style-type: none; }
#sitemap ul li a { display: block; }
#sitemap ul li a:hover { background: rgba(0,0,0,.05); }
#sitemap > ul > li > a { background: rgba(0,0,0,.1); padding: 2px 5px; margin-bottom: .3rem;}

#seositemap ul li a {
  margin: 0 0 5px 0;
  padding: 2px 15px 2px 10px;
  font-size: 1.3em;
  color: #22365B;
  text-decoration: none;
}
#seositemap ul li a:before {
  font-family: "FontAwesome";
  margin: 0 5px 0 0;
  font-size: 1em;
  font-weight: bold;
  content: "";
}
#seositemap ul li a:hover {
  color: #000;
  background: rgba(0,0,0,.05);
}
#seositemap ul li:before {
  display: none;
}
#seositemap ul li ul li {
  padding-left: 20px;
}
#seositemap ul li ul li:first-child {
  padding-top: 10px;
}
#seositemap ul li ul li:last-child {
  margin-bottom: 10px;
}
#seositemap ul li ul li a {
  color: #000;
  font-size: 1em;
  text-decoration: none;
}
#seositemap ul li ul li a:before {
  font-size: 20px;
}
#seositemap a.seositemapedit {
  font-size: 12px;
  color: #000;
}
#seositemap a.seositemapedit:before {
  color: #000;
  font-size: 12px;
}
#seositemap a.seositemapedit:hover {
  color: #f00;
}
#seositemap a.seositemapedit:hover:before {
  color: #f00;
}
#seositemap span {
  display: inline-block;
  font-size: 12px;
  margin-left: 20px;
}
#seositemap span strong {
  font-weight: bold;
}
#seositemap .warning strong {
  font-family: verdana;
  font-size: 10px;
  color: #f00;
}

/* ======================================================== */
/* Suchergebnisse */
.search_it-info { margin-top: 1rem; font-size: 1.2rem; }
.search_it-info em { 
    display: inline-block;
    padding: 0 .5em;
    font-weight: 400; 
    font-style: normal;
    background: rgba(255,200,0,.2);
}
.search_it-title a { display: block; }
.search_it-url { display: block; color: gray; font-weight: 300; font-size: 85%; margin-top: -2px; line-height: 1.3em; }
.hit { background: rgba(255,200,0,.2); }
.search_it-teaser .hit { font-weight: 400; }
.search_it-title { margin-bottom: .5em; }
.search_it-teaser { margin-bottom: 1.5em; }


/* ======================================================== */
/* Facts-Counter */
.facts {}
.facts-hl { margin-bottom: 2.4rem }
.counter-holder {border: 1px solid transparent; border-left-color:#909696 }
.facts [class*=col-]:last-child .counter-holder { border-right-color: #909696 }
.counter { padding: 1.5rem 1.5rem 1.5rem; text-align: center; }
.counter i.fa {
    border: 1px solid #facc00;
    border-radius: 50%;
    width: 100px;
    font-size: 44px;
    font-weight: 300;
    line-height: 95px;
    background-color: #facc00;
    color: #001f47;
}
.counter .num-counter { font-size: 4rem; font-weight: 700; color: #001f47; margin-bottom: 0.5rem;}
.counter .info { font-weight: 400; margin-bottom: 0;}
@media (max-width: 767px) {
    .counter { padding: 1.5rem 0 0;  }
    .counter .info { margin-bottom: 1.5rem;}
    .counter-holder { border-color: transparent; border-top-color: #909696 }
    .facts [class*=col-]:last-child .counter-holder { border-right-color: transparent;  border-bottom-color: #909696 }
}

/* ======================================================== */
/* SM-Sharing */
div.backlink, div.sm-sharing { display: inline-block; float: left; }

.events .sm-sharing,
.news .sm-sharing { position: relative; width: calc(100% - 255px);}

.news .news-date { display: none; }

.event-liste > h2 { margin-bottom: 2rem; }
.event-addlink > div { padding: 0 10px; }

.sm-sharing > span,
.sm-sharing > span { 
    position: absolute; 
    top: 0px; left: 15px;
    line-height: 39px;
    font-size: .8rem;
    font-weight: 700;
    opacity: .5
}
.shariff ul li { position: relative; }
.events .shariff ul li:first-child,
.news .shariff ul li:first-child { overflow: visible; }

.events .shariff ul li:first-child:before,
.news .shariff ul li:first-child:before {
    position: absolute;
    content: "\f064"; font: normal normal normal 17px/1 FontAwesome;
    left: -40px;
    top: 9px;
    width: 25px; height: 25px;
    color: rgba(0,0,0,.2);
}
@media (max-width: 767px) {
    .events .sm-sharing,
    .news .sm-sharing { display: block; margin-top: 1rem; width: 100%;}
}
@media (max-width: 575px) {
    .event-addlink > div { padding: 0; }
}
@media (max-width: 475px) {
    .sm-sharing > span {
        left:15px;
        line-height: 58px;
    }
    .shariff li .fab, 
    .shariff li .far, 
    .shariff li .fas {
        width: 40px;
        line-height: 40px;
        font-size: 25px !important;
    }
    .shariff li, 
    .shariff li a {
        height: 40px;
    }
    .shariff .orientation-horizontal li {
        width: 40px;
    }
}



/********** MODUL SPONSORENLOGOS **********/
.sponsorlogos { padding-left: 15px; padding-right: 15px; margin: 0 auto; max-width: 1100px; }
.sponsorlogos img { max-width: 100%; height: auto; }
.sponsorlogos a:focus { outline: 0 none; }

.sponsorlogos .sponsorlogo {
    box-sizing: border-box; 
    display: inline-block; 
    padding: 5px; 
}

.sponsorlogo > a.logo-link,.sponsorlogo > span {
    display: block; padding: 10px; 
    background-color: #fff;
    border: 1px solid #efefef;
            border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    transition: 0.5s ease;
    text-align: center;
}
.sponsorlogo > a.logo-link:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.logos-only .sponsorlogo > a.logo-link:hover,
.logos-with-desc-overlay .sponsorlogo > a.logo-link:hover { border-color: #666; }

.sponsortypeinfo { font-size: 65%; }

/* ======================================================== */
/* logos mit beschreibung */
.logos-with-desc { margin-left: 0; margin-right: 0; }
.logos-with-desc { display: table; }
.logos-with-desc img {
    max-width: inherit; 
}
.logos-with-desc .sponsorimg {
    display: table-cell; padding: 0 2em 1em 0;
}
.logos-with-desc .sponsorinfo {
    display: table-cell; vertical-align: top;
}
.sponsorinfo a.logo-link {
    display: block; padding: .5em 0;
}
@media (max-width: 767px) {
    .logos-with-desc { display: block; }
    .sponsorlogos.logos-with-desc img { max-width: 100%; }
    .logos-with-desc .sponsorimg {
        display: block; width: 100%; padding: 0 0 1em 0;
    }
    .logos-with-desc .sponsorinfo {
        display: block; width: 100%;
    }
}

/* logos mit beschreibung matchmaking */
.logos-with-desc-mm { margin-left: 0; margin-right: 0; }
.logos-with-desc-mm { display: table; width: 100%; }
.logos-with-desc-mm img {
    max-width: inherit; 
}
.sponsorlogos.logos-with-desc-mm .sponsorlogo { padding: 0; border-bottom: 1px dotted #ccc; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.no-desc { display: none; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.first_class { font-size: 18px; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.premium_business,
.sponsorlogos.logos-with-desc-mm .sponsorlogo.business_class { font-size: 16.5px; }
.sponsorlogos.logos-with-desc-mm .sponsorlogo.economy_class { font-size: 15px; }
.logos-with-desc-mm .sponsorimg {
    display: table-cell; padding: 0 0 1em; min-width: 202px; text-align: right;
}
.logos-with-desc-mm .sponsorinfo {
    display: table-cell; vertical-align: middle; padding-left: 2em;
}
.logos-with-desc-mm .sponsorinfo a.logo-link {
    display: block; padding: .5em 0;
}
@media (max-width: 767px) {
    .logos-with-desc-mm { display: block; }
    .sponsorlogos.logos-with-desc-mm img { max-width: 100%; }
    .logos-with-desc-mm .sponsorimg {
        display: block; width: 100%; padding: 0; text-align: left;
    }
    .logos-with-desc-mm .sponsorinfo {
        display: block; width: 100%; padding: 0 0 1em 0;
    }
}

/* ======================================================== */
/* bootstrap modal-overlys */
.sponsorlogos .modal .sponsor-modal { display: table; width: 100%; }
.sponsorlogos .modal .sponsorimg {
    display: inline-block;
    padding: 0 0 1em 2em;
    float: right;
}
.sponsorlogos .modal .sponsordesc {
    padding: 0 0 .5em;
}
.sponsorlogos .modal h4.modal-title {
    font-weight: 600;
}
.sponsorlogos .modal h6.companyUrl {
    font-size: 16px; font-weight: 600;
    margin-bottom: 0;
}

/* #s84 .sponsorlogos { margin-top: -20px; } */

/*===============================================================*/
/*sponsor box*/
.sponsorlogos .sponsorlogo.sponsorlogo_120x90_box{
	vertical-align: top;
}

.logos-only-box .sponsorlogoholder{
	display: block; padding: 4px; 
    border: 1px solid #efefef;
            border-radius: 0px 0px 6px 6px;
       -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    transition: 0.5s ease;
    text-align: center;
	display:table-cell;
	vertical-align:middle;
	border-top: 3px solid #efefef;
}

.logos-only-box .first_class .sponsorlogoholder{
	border-color:#d29545;
}
.logos-only-box .premium_business .sponsorlogoholder,
.logos-only-box .business_class .sponsorlogoholder{
	border-color:#89898f;
}
.logos-only-box .economy_class .sponsorlogoholder{
	border-color:#ce6f50;
}
.logos-only-box .firstEl {
	margin-left:15px;
}
.logos-only-box .first_class.firstEl {
	margin-left:0px;
}


.logos-only-box .sponsorlogoholder:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.logos-only-box .sponsorlogo_70_52 .sponsorlogoholder:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border-color: #0070ba;
}
.logos-only-box .sponsorlogo.sponsorlogo_70_52 > a.logo-link:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.sponsorlogos .sponsorlogo.first_class_sponsor .sponsorlogoholder img{
	width:100%;
	max-width:120px;
}

.sponsorlogos.logos-only-box .sponsorlogo_70_52 .sponsorlogoholder  {
    width: 80px; height: 64px;
} 

/*.sponsorlogos .sponsorlogo.business_class_sponsor .sponsorlogoholder img{
	width:66%;
}

.sponsorlogos .sponsorlogo.economy_class_sponsor .sponsorlogoholder img{
	width:50%;
}*/

@media (max-width: 767px) {
    .logos-only-box .firstEl {margin-left:0px;}
}


/* ======================================================== */
/* Logos pro Zeile */
/* xs => < 544px */
@media (max-width: 543px) {
    .lpr-xs-1 .sponsorlogo { width: 100%; }
    .lpr-xs-2 .sponsorlogo { width: 50%; }
    .lpr-xs-3 .sponsorlogo { width: 33.3%; }
    .lpr-xs-4 .sponsorlogo { width: 25%; }
}

/* sm => >= 544px */
@media (min-width: 544px) {
    .lpr-sm-1 .sponsorlogo { width: 100%; }
    .lpr-sm-2 .sponsorlogo { width: 50%; }
    .lpr-sm-3 .sponsorlogo { width: 33.3%; }
    .lpr-sm-4 .sponsorlogo { width: 25%; }
    .lpr-sm-5 .sponsorlogo { width: 20%; }
    .lpr-sm-6 .sponsorlogo { width: 16.6%; }
}

/* md => >= 768px */
@media (min-width: 768px) {
    .lpr-md-1 .sponsorlogo { width: 100%; }
    .lpr-md-2 .sponsorlogo { width: 50%; }
    .lpr-md-3 .sponsorlogo { width: 33.3%; }
    .lpr-md-4 .sponsorlogo { width: 25%; }
    .lpr-md-5 .sponsorlogo { width: 20%; }
    .lpr-md-6 .sponsorlogo { width: 16.6%; }    
}

/* lg => >= 992px */
@media (min-width: 992px) {
    .lpr-lg-1 .sponsorlogo { width: 100%; }
    .lpr-lg-2 .sponsorlogo { width: 50%; }
    .lpr-lg-3 .sponsorlogo { width: 33.3%; }
    .lpr-lg-4 .sponsorlogo { width: 25%; }
    .lpr-lg-5 .sponsorlogo { width: 20%; }
    .lpr-lg-6 .sponsorlogo { width: 16.6%; }     
}

/* xl => >= 1200px */
@media (min-width: 1200px) {
    .lpr-xl-1 .sponsorlogo { width: 100%; }
    .lpr-xl-2 .sponsorlogo { width: 50%; }
    .lpr-xl-3 .sponsorlogo { width: 33.3%; }
    .lpr-xl-4 .sponsorlogo { width: 25%; }
    .lpr-xl-5 .sponsorlogo { width: 20%; }
    .lpr-xl-6 .sponsorlogo { width: 16.6%; }     
}
/********** ENDE MODUL SPONSORENLOGOS **********/
.logos-with-desc-overlay .sponsorlogo > a.logo-link:hover { border-color: #92c02a; }


/* ======================================================== */
/* bootstrap carousel */
.carousel-caption { bottom: inherit; top: 50px; }
.carousel-caption h3 { color: #fff; font-size: 250%; }
.carousel-caption p { line-height: 1em; font-size: 110% }
.carousel-caption p span.desc { display: inline-block; padding: 5px 15px; font-weight: 400; background: rgba(33, 36, 97,.65); }
.carousel-caption p span.b2 {  }
@media (max-width: 992px) {
    .carousel-caption { top: 20px; }
    .carousel-caption h3 { font-size: 200%; }
    .carousel-caption p span.b2 { display: block; }
}
@media (max-width: 767px) {
    .carousel-caption { top: 0px; }
    .carousel-caption h3 { font-size: 95%; margin-bottom: 10px; }
    .carousel-caption p  { font-size: 80%; margin-bottom: 0; margin-left: -15%; margin-right: -15%; }
}
@media (max-width: 350px) {
    .carousel-caption { padding-top: 13px; }
    .carousel-caption p  { font-size: 75%; }
}

/* Standard-Content für alle Seiten */
.std-content {}




/* PROGRAMM */
.psect-time { color:#0070ba; }
.psect-time:before { content: "\f072"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;}
p.psect-time { margin-bottom: 0px; }
table.psect {
    width: 100%; border-collapse: collapse;
    border-left:1px solid #58585A;
    background: rgba(127, 127, 127, 0.04);
    position: relative;
}
table.psect::before {
    content: '';
    width: 30%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    background: #58585A;
    
    background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
}
table.psect::after {
    content: '';
    width: 20%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #58585A;
    
    background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
}
table.psect.psect-break::before {
    width: 30%;
}
table.psect.psect-break::after {
    width: 100%;
}

table.psect td { vertical-align: top; padding: 10px; }

table.psect { background: rgba(127, 127, 127, 0.04) }
table.psect.psect-break { background: transparent; }

table.psect h2,
table.psect h3 { margin-top: 0; }
table.psect.psect-break h3 { margin-bottom: 0; }

/*2 cols*/
table.psect.psect-2-col td {
    width: 50%; 
}
.table.psect.psect-2-col td:first-child{ padding-right: 15px; }
.table.psect.psect-2-col td:last-child{ padding-left: 15px; }

@media (max-width: 575px) {
    table.psect.psect-2-col.psect-xs-1-col td {
        display: block;
        width: 100%; 
        position: relative;
        padding: 10px;
    }
    table.psect.psect-2-col.psect-xs-1-col td:last-child:before{
        content: '';
        width: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 1px;
        background: #58585A;
        
        background: -moz-linear-gradient(left, rgba(88,88,90,1) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(88,88,90,1) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58585a', endColorstr='#00000000',GradientType=1 );
    }
    table.psect.psect-2-col.psect-xs-1-col td:last-child:after{
        content: 'parallel';
        position: absolute;
        left: 55px;
        top: -13px;
        font-size: 12px;
    }
    
}

/* yForm Formulare */
.yform { margin-bottom: 1rem; }

/* Login-Formular */
.loginform .input-group-addon {
    padding:6px 12px;
    font-size:1rem;
    font-weight:400;
    line-height:1;
    color:#324050;
    text-align:center;
    background-color:#eee;
    border:1px solid #ced4da;
    border-radius:0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    white-space: nowrap;
}
.loginform .input-group-addon .fa { align-self: center; }
.loginform .btn { margin-top: 1rem; }


/* Ansprechpartner */
.asp { margin-bottom: 2rem;}
.asp-data .name,
.asp-data .funktion,
.asp-data .info { margin-bottom: .1rem; }
.asp-img img { margin-bottom: .5em; }
@media (max-width: 575px) {
    .asps .asp { margin-bottom: 4rem;}
    .asps .asp:last-child { margin-bottom: 2rem; }
    .asps .dummy-img { display: none; }
}






.special-section-1 { padding-left: 10px; padding-right: 10px; }
.special-section-1 > .row { margin-bottom: 1rem }

.map-holder {  margin-left: -15px; margin-right: -15px; border-top: 5px solid rgba(74,163,48,1) }
.embed-responsive-bs::before {
    padding-top: 22%;
}



.event-teaser, 
.news-teaser { margin-bottom: 2rem; cursor: pointer; }
.event-teaser .event-date,
.news-teaser .news-date { font-size: .8em; margin-bottom: .5rem; }
.event-teaser .event-more,
.news-teaser .news-more { font-weight: bold; font-family: 'Gill Sans Bold', Arial, sans-serif; }
.event-teaser:hover a,
.news-teaser:hover a { color:rgba(74,163,48,1);  }
#L2 .event-teaser .event-more,
#L2 .news-teaser .news-more {
	font-family: 'SemikolonPlusBold', Arial, sans-serif;
}