.ap-section .ap-image-section .img-responsive {width: 100%;}
/*.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {pointer-events: none;}*/

.container-fluid.neg-mb-map {margin-bottom: -89px;}
.container-fluid {overflow: hidden; padding-right: 0; padding-left: 0;}

.header-mt {margin-top: -50px;}
.model-page .header-mt {margin-top: 0;}

body {font-size: 16px; font-weight: 200; color: #333;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 300; font-family:  "Open Sans",sans-serif;}
h2 {font-size: 23px;}
b, optgroup, strong {font-weight: 600;}
a, a:active {color: #89BA17;}
a:focus, a:hover {color: #003056;}
p {margin: 0 0 20px;}
.headline h2, .headline h3, .headline h4 {border-bottom: 2px solid #003056; padding-bottom: 10px;}


.ap-offset-row .container-fluid {padding-right: 0; padding-left: 0;}/* !!! wichtig damit z.B. die fullwidth Google-Map keine horizontale Scrollbar erzeugt. Das zur Klasse Container-Fluid global hinzuzuf�gen */

.hide-dummy {display: none;}
.clear {clear: both;}

/* ################# Top-Logo ######################## */
.toplinks i {position: relative; top: 1px; font-size: 20px; margin-left: 3px;}

.top-logo .img-responsive {display: inline-block; 

}
.isfixed .top-logo .img-responsive {max-width: 170px;}

/* ################# Header & Nav ######################## */

.neg-mt {margin-top: -30px;}
.area-head .ap-colored-row {background: #003056; color: #fff; text-align: right; padding-top: 10px; padding-bottom: 10px;} 
.toplinks a, .toplinks a:hover {color: #fff; text-decoration: none;}
.ap-header .nav>li>a {text-transform: none;}
.ap-header .nav .dropdown-menu>li.active>a:focus, .ap-header .nav .dropdown-menu>li.active>a:hover {color: #89BA17;}
.ap-header .nav-toggle {background-color: transparent; width: 45px;}
.ap-header .nav-toggle.active {background: transparent;}
.ap-header .nav-toggle span::after, .ap-header .nav-toggle span::before {height: 2px; background-color: #555;}
.ap-header .nav-toggle span {height: 2px; background: #555;}
.ap-header .nav-toggle:hover {background: #fff;}

/* ################# Images ######################## */

.ap-image-section {position: relative; margin-bottom: 25px;}
.img-lotse .image-info.text-box {position: absolute; font-size: 14px; color: #fff; bottom: 0; text-align: left; font-weight: 300; background: rgba(17, 17, 17, 0.5); padding: 0px 10px 10px; width: 100%;}
.one-line .img-lotse .image-info.text-box {height: 36px;}
.img-lotse .image-info.text-box p {margin: 0;}
.bild .col-sm-4 .ap-image-section {margin-bottom: 0;}
.no-img img {display: none;} /* Optionale Zusatzklasse um Bilder auszublenden z.B. horizontale Newsliste V3 */
.same-height .ap-image-section img {margin-bottom: 10px;} /* Abstand Bild zur Headline */

/* ################# Boxen, Buttons, Rows ######################## */
.btn:active, .btn:focus {color: inherit;}
.box {padding: 25px 35px; border-radius: 3px;}
.box .headline {border-bottom: 1px solid #ccc; margin-bottom: 25px;}
.box h2, .box h3, .ap-panel .box h2, .ap-panel .box h3 {margin-bottom: 10px; padding-bottom: 0;  border-bottom: 0; padding-top: 0; background: none; font-weight: 300; font-size: 22px;}
.box .headline h2, .box .headline h3  {margin: 0; padding-bottom: 7px; border-bottom: 0;}
.icons {text-align: center;}
.icons .ap-section .ap-image-section .img-responsive {width: auto; max-width: 45%; display: inline-block; margin-top: 20px;}
.box .btn, .box .btn:hover {background-color: transparent; border: 1px solid #555; color: #555;}
.blau a:hover {color: #eee;}
.box.blau .btn {background-color: transparent; border: 1px solid #fff; color: #fff;}
.btn-home .btn {margin-top: 0;}
.btn {font-size: 17px; background-color: transparent; border: 1px solid #003056; color: #003056; font-weight: 200;}
.btn:after {content: " »";}
.btn.btn-sm {padding: 8px 12px;}
.btn:hover {border-color: #89BA17; background-color: #89BA17; color: #fff;}
.input-group-btn .btn {background: #999;}
.ap-iconbox {background-color: #89BA17; border-radius: 3px;}
.ap-iconbox h3 {font-weight: 200; font-size: 28px; margin-top: 15px;}
.ap-iconbox i.icon-box {font-size: 45px;}
.ap-iconbox.fb  {background-color: #4267b2;}
.lotse .ap-iconbox {background-color: #89BA17;}
.lotse .ap-iconbox:hover {background-color: #003056;}
.lotse .ap-iconbox :not(a):not(span) {color: #fff;}

.lotse .ap-iconbox h3 {font-weight: 400; font-size: 16px;}

.blue {background-color: #003056; color: #fff;}
.green {background-color: #89BA17; color: #fff;}

.ap-colored-row {padding-top: 55px; padding-bottom: 30px;}
.ap-colored-row, .box.blau, .box.blau :not(a):not(span) {background-color: #003056; color: #ddd;}
.ap-colored-row.green {background-color: #89BA17; color: #eee;}
.ap-colored-row.green h2 {color: #eee;}
.ap-colored-row h2, .box.blau h2 {color: #ddd;}
.ap-colored-row .btn, .ap-colored-row.green .btn  {color: #fff; padding: 12px 20px; background-color: transparent; border-color: #fff; font-weight: 200; font-size: 18px; margin: 20px 0px;}
.row.ap-section {margin-left: 0; margin-right: 0;}


/* ################# Parallax ######################## */

.headline-parallax {margin-bottom: 40px; text-align: left;}
.headline-parallax h2 {color: #eee; font-size: 35px; padding-left: 45px;}
.links-laverna {margin-top: 50px; padding-left: 25px;}
.links-laverna .btn.btn-sm  {background-color: transparent; border: 1px solid #fff; color: #fff; padding: 10px 9px;}


.parallaxBg {padding: 140px 0 !important}


.parallaxBg h2, .parallaxBg .ap-plain p, .parallaxBg .link a {background: rgba(17, 17, 17, 0.5);
    color: #fff;
    padding: 10px 20px;
    display: inline-block;}
.parallaxBg .ap-section {max-width: 60%;
    /* text-align: center; */
    margin: 0 auto;}
.ap-colored-row.parallaxBg .btn {margin: 0;}
.parallaxBg .ap-plain p {margin: 0 0 10px;}
.parallaxBg .link a {border: 0;}

/* ################# Search ######################## */

.ap-searchresultlist a {color: #003056;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    border-color:#89BA17; background-color: #89BA17;}
.pagination>li>a:hover {border-color: #003056; background: #003056;}
.ap-search .input-group-btn .btn {padding-bottom: 8px; color: #fff; background: #003056; }
#searchContentHeader .btn { color: #fff; background: #003056; }
.ap-searchresultlist {padding: 7px 0 0;}
.ap-search .list-append-position {margin-top: 25px;}
#searchButtonHeader .search {padding: 10px 0; border-bottom: 0 !important; background-color: #999 !important; color: #fff !important; margin-left: 15px;}
.ap-header .nav #searchButtonHeader .search { line-height: 19px; padding: 9px 15px;}
.ap-header .nav .search-open {top: 53px; border: 0 !important;}
.ap-search .input-group-btn .btn {padding-top: 10px; padding-bottom: 10px;}
#default-formatter-search-form .form-control {
    height: 40px;} /* Input-Felder auf der Suchseite angepasst */

/* ################# Slider ######################## */

.caption {top: 75% !important; left: 17% !important;}
.slider .caption h2, .slider .caption h3 { font-weight: 300; display: inline-block; color: #fff !important; font-size: 38px; background-color: #333 !important; opacity: 0.7; padding: 10px 20px;}
.slider .caption h3 {display: block; font-size: 27px;}
.tp-leftarrow.default {background-image: url(../_system/large_left.png);}
.tp-rightarrow.default {background-image: url(../_system/large_right.png);}
.slider .caption.copyright {left: 0 !important; top: 97.5% !important;}

/* ################# Breadcrumb ######################## */
.breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb a.hover, .breadcrumbs .breadcrumb li a:hover, .breadcrumbs .breadcrumb li.active {color: #fff; font-size: 15px;}
.breadcrumb>li+li:before {color: #fff; font-size: 20px; padding: 0 1px; content: " »";}
.breadcrumbs {padding: 20px 0; border-bottom: 0; background: #003056; margin-bottom: 50px;}
.breadcrumb>li+li:before {color: #fff;}
.breadcrumbs h1.pull-left {text-align: left !important;}
.breadcrumbs .pull-left, .breadcrumbs .pull-right {float: none !important;}
.breadcrumbs h1 {color: #fff; font-size: 26px; line-height: 26px; margin-top: 0; margin-bottom: 8px;}
.breadcrumb {padding: 0;}
.breadcrumbs .breadcrumb {line-height: 18px;}


/* ################# Kontaktbox ######################## */

.ap-contact .title {font-style: normal; margin-top: 0px; margin-bottom: 20px;}
.list-contact a {color: #003056;}
.list-contact .ap-contact {padding: 10px 0 20px;border-bottom: 1px solid #bbb;}
.ap-contact img {border: 1px solid #fff;}
.ap-contact.box.blau .headline {margin-bottom: 30px;}
.ap-contact .image-outer-box {float: left; max-width: 200px; margin-bottom: 10px;}
.ap-contact .text-box {display: table-cell;} /* Modifikation Bild in Kontaktbox */
.ap-contact .note p {margin-bottom: 0;}

.contact-vertical .title {font-style: normal; font-size: 17px; margin-bottom: 15px;}
.contact-vertical .text-box { padding: 20px; background: #eee; margin-top: -14px;}


/* ################# Linksequence ######################## */
.ap-linksequence li {padding: 3px 0;}
.ap-linksequence.lotse h3 {margin: 30px 0 25px; font-size: 26px;}
.ap-linksequence.lotse ul {display: flex; flex-flow: row wrap;}
.ap-linksequence.lotse li {padding: 20px; background: #89BA17; display: inline-block; width: 31%; margin: 0px 15px 15px 0px; text-align: center; border-radius: 3px;}
.ap-linksequence.lotse li:hover {background: #003056;}
.ap-linksequence.lotse .ap-icon-label { display: block; margin: 5px 0px;}
.ap-linksequence.lotse .fa {font-size: 28px; color: #fff;}
.ap-linksequence.lotse li a {color: #fff;}
.ap-linksequence.lotse li a:hover {text-decoration: none;}

/* ################# Blog  & Filter ######################## */

.ap-teaser .btn.teaser-btn {padding: 5px 16px;}
.a-wrapper a {color: #89BA17;}
.ap-tiling-list .ap-list-tile .teaser-body .btn {display: none;}
.ap-tiling-list .ap-list-tile .teaser-body .teaser-text {padding-bottom: 0;}
.ap-tiling-list a.teaser-head  {color: #333;}
.ap-tiling-list a.teaser-head:hover  {text-decoration: none; color: #89BA17;}
.ap-tiling-list .ap-list-tile .teaser-body h2 { font-weight: 400; min-height: auto; margin-top: 15px;  line-height: 21px;}
.ap-tiling-list .teaser-head {font-size: 20px;}
.row-news-index .ap-list-content .ap-list-link a.btn {display: block;}


.ap-list-archive .filterbox {padding: 7px; border: 1px solid #003056;}
.ap-list-archive .filterbox.search, .filterbox.search .sky-form { padding: 0;}
.ap-list-archive .filterbox.search .sky-form .input input {height: 50px; border: 0;}
.ap-list-archive .filterbox.search .sky-form .icon-prepend {border: 0; left: 18px; top: 10px; color: #003056; }
.ap-list-archive .filterbox.search  .sky-form .input .icon-prepend+input { padding-left: 50px;}
.ap-list-archive .filterbox.categories ul {margin-left: 17px; padding-bottom: 10px;}
.ap-list-archive .filterbox.categories ul li .li-entry {padding: 0; background-color: transparent; font-size: 14px;}
.ap-list-archive .filterbox.categories ul li .li-entry:hover {background-color: transparent;}
.ap-list-archive .filterbox .btn.li-label:focus {color: #003056;}


.ap-blog-header .col-xs-1, .ap-blog-header .col-xs-2, .ap-blog-header .float-sm-right, .ap-blog-header .detail-author, .ap-blog-header .detail-category {display: none;}
.ap-blog-header .headline {margin-bottom: -5px;}
.ap-blog-header .detail-date h5 { background: #eee; padding: 4px 15px; display: inline-block; font-weight: 200;   margin-bottom: 20px;}
.ap-detail-page i.detail-icon, .ap-paragraph i.detail-icon {border: 0; color: #89BA17;}
.ap-detail-page .col-md-4.pull-left {float: none!important; width: 100%; margin-bottom: 30px;}
.ap-detail-page>.ap-paragraph>.row>.col-md-8 {width: 100%;}

.ap-tile p.teaser-date {margin: -3px 0 10px;}


/* ################# Events ######################## */
.events-all .ap-compact .btn.teaser-btn {display: none;}
.row-events .ap-compact .btn.teaser-btn {font-size: 17px; margin-top: 10px;}
.row-events .ap-compact .teaser-head {font-size: 23px; line-height: 28px;}
.row-events .ap-compact.ap-teaser {margin-bottom: 20px;}

.calendar-sheet {border: 1px solid #f7f8f8; border-radius: 3px; box-shadow: none;}
.calendar-sheet:before {border-top: none;}
.calendar-sheet:before {margin: 0; border-bottom: 20px solid #89BA17;}
.calendar-sheet {background: #fafafa; border: 1px solid #d1d1d1;}
.calendar-sheet h3 {color: #89BA17;}


.ap-event-header .col-xs-1, .ap-event-header .col-xs-2, .ap-event-header .location {display: none;}

.ap-event-header .headline {margin-bottom: -5px; border-bottom: 1px solid #eee;}

.ap-event-header .detail-date h4 {padding: 8px 15px; background: #eee; display: inline-block;}



/* ################# Claims ######################## */

.claim h2 {text-align: center; font-weight: 300;  font-size: 26px;  margin: 0 0 20px; position: relative; z-index: 1;  color: #fff;}
/*.claim h2:before {border-top: 1px solid #fff; content: ""; margin: 0 auto; position: absolute;  top: 15px;  left: 0; bottom: 0;  width: 20%; z-index: -1; }
.claim h2:after {border-top: 1px solid #fff; content: ""; margin: 0 auto; position: absolute;  top: 15px;  right: 0; bottom: 0;  width: 20%; z-index: -1; }*/
.claim h2 span {background: #003056; padding: 0 20px;} 
.green.claim h2 {background: #89BA17;}
.claim p {text-align: center; font-size: 19px; font-weight: 200; color: #fff;}
.claim .link {text-align: center; color: #fff;}

.container .jumbotron {padding: 30px 30px 15px;}
.jumbotron p {font-size: 17px;}

.claim .ap-plain {    border-top: 1px solid #fff; width: 90%; margin: 0 auto;}
.claim .text.ap-plain {width: 100%; border-top: 0;}
.claim .ap-plain {text-align: center;}
.claim h2 {background: #003056; padding: 0 60px; display: inline-block; top: -17px;}
.ap-colored-row.claim {padding-top: 70px;} 


/* ################# Accordion ######################## */

/*.ap-accordion .col-xs-12, .ap-accordion .col-sm-6, .ap-accordion .col-md-6 {padding-left: 0; padding-right: 0;} */
.element-spacer {margin: 45px 0 !important;}
.panel-title {padding: 2px 0; background: #eee; font-weight: 300; font-size: 20px; font-family: 'Open Sans', sans-serif; }
.ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed:hover, .ap-panel.panel-group .panel-heading .panel-title a:hover {color: #003056;}
.panel-title, .ap-panel.panel-group .panel-heading .panel-title a, .ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed {background: #fff;}
.panel {border: none;}
.panel, .panel-group .panel {box-shadow: none;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: none;}
.ap-panel.panel-group .panel-heading {padding: 10px 0; border-bottom: 1px solid #555;}
.ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed:hover, .ap-panel.panel-group .panel-heading .panel-title a:hover {background: none;}
.panel-heading a:before {content: "\f106"; font-family: FontAwesome;}
.panel-heading a.collapsed:before {content: "\f107"; font-family: FontAwesome;}
.ap-panel.panel-group .panel-heading .panel-title a>span {display: inline-flex; padding: 0px 15px 2px;}
.accordion-toggle {display: inline-flex;}
.ap-panel h2 {font-weight: 400; font-size: 19px;}
.ap-accordion .ap-contact.twocol .col-xs-12 {padding-left: 15px; padding-right: 15px;}

.pswp {z-index: 110500;}


/* ################# Sidebar ######################## */

.spacer-sidebar .ap-section .ap-image-section .img-responsive {width: auto;}
.sidebar-nav {border: 0; box-shadow: none;}
.sidebar-nav li.currentpage {background: transparent;}
.sidebar-nav li>ul li a {padding-left: 16px;}
.sidebar-nav li > ul > li > ul li a {padding-left: 17px; font-size: 14px;}
.sidebar-nav li > ul > li > ul li a:before {font: normal normal normal 14px/1 FontAwesome; content: "\f101"; margin-right: 5px;}
ul.sidebar-nav li a::before {content: "\f101"; font: 14px/1 FontAwesome; margin-right: 5px;}
.sidebar-nav>li>ul.collapse.in {background:#eee; padding: 15px 0 10px;}
.sidebar-nav li a {display: inline-flex;}
ul.sidebar-nav li a {font-size: 18px; padding-left: 2px;}
ul.sidebar-nav li a:before {font: normal normal normal 14px/1 FontAwesome; content:"\f101"; margin-right: 5px; padding-top: 6px;} 
ul.sidebar-nav ul li a:before { content:""; margin-right: 0;}  
.sidebar-nav li ul li {border-top: 0;}
.sidebar-nav li ul a {border-top: none; padding: 0px 0px 4px 16px; font-size: 16px;}
.sidebar-nav li ul {margin-bottom: 0;}
.sidebar-nav>li.active, .sidebar-nav>li.active:hover, .sidebar-nav li {background: transparent;}
ul.sidebar-nav li .list-group-item.active .active a, .sidebar-nav li.currentpage:hover>a {color: #003056;}
.sidebar-nav li a:hover { background: transparent; color: #89BA17;}
.sidebar-nav li.currentpage:hover {border-color: #dddddf; background: transparent;}
.sidebar-nav li.currentpage>a {background: transparent; color: #003056;}
.no-menu .ap-sidebar-nav {display: none;} /* Sidebar Param an Modelgroup um die seitliche Navi bei Bedarf auszublenden */

/* ################# Carousel ######################## */

.owl-carousel .item .owl-desc {color: #555 !important; background: #eeeef0; padding: 20px; font-size: 14px; min-height: 80px; margin: 10px 0 5px; font-weight: 200;}
.owl-carousel .item .owl-link {padding: 7px 10px;  background: #89BA17; }
.owl-carousel .item .owl-link a {color: #fff !important; font-size: 14px; width: 100%; display: block; }
.owl-carousel .item .owl-link a:hover {text-decoration: none;}
.owl-carousel .item .owl-link a:after {content: " »";}
.owl-theme .owl-nav {text-align: right; margin-top: 20px;}
.owl-carousel .owl-nav .owl-next {font-size: 15px; padding: 6px 15px; background-color: transparent; border: 1px solid #003056; color: #003056; border-radius: 0; margin: 0;}
.owl-carousel .owl-nav .owl-next:hover {background: #89BA17;  border: 1px solid #89BA17;}
.owl-carousel .owl-nav .owl-prev {display: none;}

/* ################# Bild mit farbl. abgesetzem Text ######################## */
.img-mb.ap-section>.text {
    padding: 15px 20px 5px;
    background-color: #ddd;
}
.img-mb .ap-image-section {margin-bottom: 15px;}
.img-mb .link .btn {width: 100%; border: 1px solid #ddd; border-top: 0;}
.same-height .img-mb .link {position: relative;}


/* ################# Sitemap ######################## */

.ap-sitemap li.top a {padding: 10px 10px; margin-top: 15px; background-color: #ddd; color: #444;}
.ap-sitemap li.top li a {margin-top: 5px; background-color: #fff; color: #444;}
.ap-sitemap li.top a.nav-toggle:after {top: 10px;}
.ap-sitemap li.top>ul>li>ul li a {padding-left: 30px;}
.ap-sitemap li.top li a:hover {background-color: #89BA17;}

/* ################# Formular ######################## */

.sky-form {padding: 30px; border-radius: 4px; border: 1px solid #eee;}
.sky-form fieldset { padding:0;  }
.sky-form h2 {margin-top: 50px; padding: 2px 15px; font-size: 18px; background: #89BA17; border-radius: 4px; color: #fff;}
.sky-form footer {padding: 0px; margin-top: 30px;}
.sky-form [id^='webformconfirmvalues'] footer {margin-top: -10px;}
.sky-form header { color: #fff;   margin-bottom: 15px;   font-size: 16px;  background: #003056; font-weight: 400; padding: 10px 20px; border-radius: 4px;}
.sky-form .button {background: #89BA17;}   
   
/* ################# Google-Map ######################## */

.karte-grau .mapwindow {filter: grayscale(80%);} 
.ap-google-map .mapbuttons .btn:focus {color: #003056}

/* ################# Footer ######################## */

.area-foot {margin-top: 50px; background: #fff;}
.area-foot .ap-colored-row {background: #003056; padding: 45px 0 25px;}
.footer-logos h2 {color: #444 !important;}
.area-foot :not(a):not(span):not(.btn), .area-foot a:not(.btn), .area-foot a:not(.btn):hover, .area-foot :not(a):not(span):not(.btn) {color: #ddd;}
.area-foot .headline {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.area-foot h3 {border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 12px;}
.area-foot h2 {font-size: 20px;  margin-bottom: 10px; padding-bottom: 0;  border-bottom: 0; padding-top: 0; background: none;}
.area-foot h3  {font-size: 20px;}
.area-foot .headline h2 {margin: 0; padding-bottom: 7px; border-bottom: 0;}
.area-foot .btn.btn-sm {border-color: #eee; background-color: #eee; color: #333; margin-top: 10px;}
.ap-social li a:not(.btn) {background-color: #eee;}

.area-foot .ap-contact .text-box h3 {border-bottom: 0; font-size: 16px; font-weight: 400; padding-bottom: 0; margin-bottom: 0;}
.area-foot .ap-linksequence a {display: inline-flex;}

.area-foot .subfoot {background: #001d33; border-top: none; padding: 12px 0 12px;}
.area-foot .subfoot :not(a):not(span), .area-foot .subfoot a:not(.btn), .area-foot .subfoot a:not(.btn):hover {font-size: 15px; color: #ddd;}
.footer-bottom-right {text-align: right;} /* EBK-Logo im Sub-Footer rechts stehend */

/* ################# Topcontrol ######################## */

#topcontrol {background: #003056; border: 1px solid #fff;}
#topcontrol:hover {background-color: #003056;}



/* ################# Media-Queries ######################## */



@media (max-width: 767px) {
.toplinks i {position: relative; top: 2px; font-size: 20px; margin-left: 3px;}
.ap-tile {width: calc(50% - 0px);}
.ap-tiling-list .ap-teaser { padding-right: 25px;}
	
	.footer-bottom-right {
		text-align: left;
		margin-top: 20px;} 
	.slider .caption {display: none;}
	.ap-linksequence.lotse li { width: 100%; margin: 0px 0px 20px 0px;}
	.area-foot h3 {margin-top: 30px;}
	.area-foot .headline h2 {margin-top: 20px;}
	.ap-social .headline h2 {margin-top: 0;}
	.icons .ap-section .ap-image-section .img-responsive {max-width: 20%;}
	.headline-parallax h2 {font-size: 26px; line-height: 28px; padding-left: 0; text-align: center;}

	
}

@media (max-width: 496px) {
.ap-tiling-list .ap-teaser {
    padding-right: 0;}
.ap-tile { width: calc(100% - 0px);}
	.ap-header .nav-toggle {width: 36px;}
	.toplinks {font-size: 14px !important;}
	.mapbuttons .btn {display: block; width: 100%;}
	.links-laverna .btn.btn-sm {font-size: 15px;}
	
}
@media (max-width: 580px) {
	.claim h2:before, .claim h2:after {border-top: 0;}
	.claim h2 span {padding: 0;}
}


@media (min-width: 768px) {
h2 {font-size: 28px;}
.ap-tiling-list .ap-teaser { padding-right: 25px;}
.row-news-index .ap-list-content .list-append-position {display: inline-block;}
.row-news-index .ap-list-pagination {float: left; margin-right: 20px;}

.row-news-index .ap-list-content .ap-list-link {margin-top: 0;}
.row-news-index .ap-list-content .ap-list-link a.btn {display: inline-block;}

.claim h2 { font-size: 30px; }
.claim p {font-size: 22px;}


}

@media (max-width: 991px) {
.links-laverna .btn.btn-sm {margin-bottom: 10px;}
.links-laverna {margin-top: 20px; padding-left: 0;}
.claim h2:before, .claim h2:after {width: 15%;}
.breadcrumbs h1 {margin-bottom: 0;}
.breadcrumbs { padding: 15px 0;}
.footer-bottom-right {
		text-align: left;
		margin-top: 10px;} 
.ap-header .nav>li.open>.dropdown-menu {
    max-height: 4000px;}

}

@media (min-width: 992px) {

	.ap-header .head-navbar {
	 border-bottom: 0;} /* Navigation n�her an Breadcrumb gezogen */
	
	.ap-header .nav>li.dropdown>a::after {right: 0px; line-height: 25px; display: none;} /*Nav erste Ebene Icons neu positioniert */
	
	.ap-header .nav>li>a, .ap-header .nav>li.active>a {font-size: 18px; padding: 9px 15px; font-weight: 300; border-bottom: 0;  background-color: #89BA17; color: #fff;  margin-left: 10px; font-family: "Open Sans",sans-serif;}
	
	.ap-header .navbar-nav {margin-top: -35px; padding-bottom: 25px;}
	.ap-header .nav>li.active:hover>a, .ap-header .nav>li:hover>a {border-bottom: 0; margin-bottom: 0; background-color: #999; color: #fff;}
	
	.ap-header .nav .dropdown-menu>li>a:focus, .ap-header .nav .dropdown-menu>li>a:hover,  {background-color: #999; color: #fff;}
	.ap-header .nav>li>a:focus { background-color: #999; color: #fff;}
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #999; border-color: #999;}
	
	
	.ap-header .nav .dropdown-menu {border-top: 0; border-bottom: 0; box-shadow: 0 6px 12px rgba(0,0,0,.3); margin-top: 2px; margin-left: 10px; min-width: 210px;}
	.ap-header .nav .dropdown-menu>li>a:focus, .ap-header .nav .dropdown-menu>li>a:hover {background-color: #f5f5f5; color: #89BA17;}
	.ap-header .nav .dropdown-menu li a {font-size: 15px;}
	.ap-header .nav .dropdown-menu .dropdown-submenu>.dropdown-menu {margin-top: 1px;}
	
	
	
	
	.ap-header .nav .dropdown-menu {margin-top: 2px;}
.ap-header .nav>li>a {margin-bottom: -2px;}
.ap-header .nav>li a, .ap-header .nav>li a:hover {margin-bottom: 0;}
.area-body.sidebar-padding>.container>.ap-grid-wrapper>.row>.col-md-4 {padding-left: 20px;}
	.links-laverna {padding-left: 24px;}
	.tile-md-4 {width: calc(25% - 0px);}
	.all-news .tile-md-4 {width: calc(33% - 0px);}
	
	


.claim h2 { font-size: 40px; }
.claim p {font-size: 25px;}

.parallaxBg h2 {font-size: 36px; line-height: 40px;}
.parallaxBg .ap-plain p {font-size: 18px;}

}


@media (min-width: 1200px){
.all-news .tile-lg-3 { width: calc(33.33333% - 0px);}
.ap-header .navbar-nav {margin-top: -45px;}
.ap-header .nav>li>a, .ap-header .nav>li.active>a {font-size: 19px;}
.area-foot h2, .area-foot h3 {font-size: 23px; }
}





@media (max-width: 1200px) {
	.breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb a.hover, .breadcrumbs .breadcrumb li a:hover, .breadcrumbs .breadcrumb li.active {font-size: 16px;}
	.breadcrumbs h1 {font-size: 19px;}
	.caption {top: 75% !important; left: 5% !important;}
	.slider .caption h2, .slider .caption h3 {font-size: 32px; background-color: #333 !important; opacity: 0.7; padding: 10px 20px;}
	.slider .caption h3 {font-size: 24px;}
	.top-logo .img-responsive {max-width: 170px;}
}

@media (max-width: 991px) {
	.top-logo {margin-bottom: 15px; margin-top: -5px; max-width: 150px;}	
	 .ap-header .nav-toggle {top: -55px;}
	 .ap-header .head-toggle {height: 1px;}
	.ap-header .nav>li>a {padding: 10px 15px;}
	.ap-header .nav>li>a, .ap-header .nav>li.active>a {font-size: 18px; border-bottom: 1px solid #fff; background-color: #89BA17; color: #fff; font-weight: 200;}
	.ap-header .nav>li.active>a:focus, .ap-header .nav>li.open>a:focus, .ap-header .nav>li>a:focus,.ap-header .nav>li.active>a:active, .ap-header .nav>li.open>a:active, .ap-header .nav>li>a:active, .ap-header .nav>li.active>a:hover, .ap-header .nav>li.open>a:hover, .ap-header .nav>li>a:hover {border-color: #fff; background: #89BA17; color: #fff;}
	.ap-header .nav .dropdown-menu>li>a:hover {color: #555;}
	.ap-header .nav .dropdown-menu>li a {font-size: 15px;}
	.ap-header .nav>li.active>a, .ap-header .nav>li.active>a:focus {background: #89BA17; color: #fff;}
	
	.caption {top: 75% !important; left: 5% !important;}

	.slider .caption h2, .slider .caption h3 {font-size: 30px; background-color: #333 !important; opacity: 0.7; padding: 10px 20px;}
	.slider .caption h3 {font-size: 22px;}
	.sidebar-nav {display: none;}
	}
	
	@media print {
  a[href]:after {
    content: none !important;
  }
}