/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../Fonts/open-sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../Fonts/open-sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../Fonts/open-sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../Fonts/open-sans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../Fonts/open-sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../Fonts/open-sans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../Fonts/open-sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../Fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../Fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../Fonts/open-sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../Fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../Fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../Fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}




/* Chrome, Safari, Opera */
@-webkit-keyframes fill {
    0% {top: 30%;}
    50% {top: 0%;}
    100% {top: 30%;}
}

/* Standard syntax */
@keyframes fill {
    0% {top: 200px;}
    50% {top: 10%;}
    100% {top: 200px;}
}

html{
    overflow-x: hidden;
    min-width: 320px;
}
body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    min-width: 320px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 600;
    margin: 0;
    line-height: 1.1667em;
}

h3 {
    font-size: 18px;
}

a {
    color:#0084BE;
}
a,
a:active,
a:focus,
a:visited,
a:hover{
    outline: none;
    text-decoration: none;
    -webkit-transition: 0.5s ;
    -moz-transition: 0.5s ;
    -ms-transition: 0.5s ;
    -o-transition: 0.5s ;
    transition: 0.5s ;
}
.csc-default ul,
.csc-default ol{
    padding-top: 5px;
}
.highlight{
    /*background-color:#f2da4c;*/
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Img/ffe242gelb_alpha90.png");
    background-repeat: repeat;
    /*background-color: rgba(255,226,66,0.9);*/
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    color:#000;
    display: inline;
    padding: 0 14px;
    font-weight:normal;
}
.titel_link{
    font-weight:300;
    border-bottom:1px solid #dcdcdc;
    margin-bottom:30px;
    font-family: 'Open Sans', sans-serif;
}
.titel_link a:hover{
    text-decoration:none;
}
a.pfeil{
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/pfeil.png") no-repeat right center;
    padding-right:17px;
    font-weight:bold;

}




/*##########################################
### Header
##########################################*/

/* Styling the navigation */
.header-links{
    float:right;
}
.metaNav{
    float:right;
    margin-top:7px;
    margin-right:-15px;
}
.metaNav ul li a{
    font-size:14px;
    color:#000;
    /*filter:     Alpha(opacity=60);*/
    /*opacity:    0.6;*/
    /*moz-opacity:    0.6;*/
}
.homelink {
    display: block;
    float: left;
    text-indent: -9999px;
}
.spendenbuttonwrap{
    float:right;
    color:#fff;
    border: 1px solid #C81450;
    font-size:16px;
    /*
    padding: 0 0 0 13px;
    background:url("/typo3conf/ext/ig_project/Resources/Public/Img/Spendenbutton_i.gif") no-repeat center right #be3131;
    */
    background: #C81450;
    margin-top:16px;
    cursor: pointer;
    display: block;
    width: inherit;
}
.spendenbuttonwrap a{
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
}
.spendenbutton{
    float:left;
    clear:both;
    color:#fff;
    border: 1px solid #C81450;
    font-size:16px;
    /* background:url("/typo3conf/ext/ig_project/Resources/Public/Img/Spendenbutton_i.gif") no-repeat center right #be3131; */
    background: #C81450;
    cursor: pointer;
    padding-bottom: 7px;
    padding-top: 3px;
    width: 83.7%;
    display: block;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -ms-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.spendenbutton:hover{
    color: #C81450;
    border: 1px solid #C81450;
    /* background:url("/typo3conf/ext/ig_project/Resources/Public/Img/Spendenbutton_i.gif") no-repeat center right #fff;
    padding: 5px 47px 5px 13px; */
    background: #fff;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -ms-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.spendenbutton:hover a{
    color: #C81450;
}
.searchbutton,
.lupe{
    float:right;
    border:0;
    padding:0;
    background:url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/lupe_blau.svg") no-repeat center center #fff;
    background-size: 100%;
    margin:16px 60px 0 4px ;
    height:34px;
    width:34px;
}
.lupe{
    cursor: pointer;
}

/*#############################################################
# ke_search
#############################################################*/
.searchform{
    float: right;
    width: 30%;
}
.searchform > form{
    /*overflow: hidden;*/
}
.search-menu > button.collapsed,
.header-links .searchform .submitbutt input{
    float:right;
    border:0;
    padding:0;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/lupe_blau.svg") no-repeat center top #fff;
    background-color: rgba(0,0,0,0);
    background-size: 100%;
    height:34px;
    width:34px;
    font-size: 0;
    line-height: 0;
}
.header-links .searchform .kesearchbox{
    margin: 0 0 ;
}
.header-links .searchform .searchbox:first-child{
    float: left;
    width: 78%;
}
.header-links .searchform .searchbox:first-child input{
    height: 34px;
}
.header-links .searchform .searchbox:nth-child(2){
    float: right;
}
.header-links .searchform .searchbox:first-child{
    display: none;
}
/*.searchbox-sword{*/
/*display: none;*/
/*}*/

.indexedsearchbox{
    top: 19px;
}
.searchbutton{
    background:none;
}
.mainNav{
    float:right;
    margin-top:6px;
}
.navbar-nav{
    float:right;
}
.mainNav > div > ul > li > a{
    font-size:24px;
    color:#000;
    padding-right: 32px;
    padding-left:32px;
}
.mainNav > ul > li.active > a{
    color:#0084BE;
}
.mainNav ul.ebene1 > li:hover .ebene2{
    position: absolute;
}
.mainNav ul.ebene1 > li .teaserwrap{
    display: none;
    position: absolute;
    width: 100%;
}
.searchbox-sword{
    display: none;
}

/*##########################################
### Content
##########################################*/

/*Slider*/
.mainTeaserWrapper{
    background:#e5e5e5;
    margin-bottom: 70px;
}
.mainTeaserWrapper .container{
    padding:0;
    width:110%;
    margin-left:-5%;
}
.bx-wrapper{
    margin-bottom:0;
}
.bx-wrapper .bx-viewport{
    box-shadow:none;
    border:0;
}
/* für Content-Elemente */
.container .bx-wrapper{
    margin-bottom: 30px;
}
.mainTeaserWrapper .slider-description{
    height: 100%;
    left: 5%;
    position: absolute;
    top: 0;
    width: 90%;
}
.mainTeaserWrapper .slider-description h1{
    /* background-color: #f2da4c; */
    bottom: 10%;
    box-decoration-break: clone;
    color: #000;
    display: inline;
    font-weight: normal;
    line-height: 1.3em;
    padding: 0 14px;
    position: absolute;
    width: 400px;

    width: 100%;
    max-width: 400px;
}

.mainTeaserWrapper .slider-description h1 a{
    /*color: #0084BE*/
}

.bx-wrapper img{
    height:auto;
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#0084BE;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background:#b1dbff;
}

/*Teaser*/
.teaser{
    position:relative;
    max-height: 200px;
    overflow:hidden;
}
.teaser h3{
    position:absolute;
    top:60%;
    left:3px;
    max-width:90%;
}
.teaser img{
    width:100%;
    height:auto;
}
.mainTeaserWrapper .container.regionalgruppe{
    margin-top: -56px;
}
.mainTeaserWrapper .container.regionalgruppe img{
    width: 100%;
    height: auto;
}


/*Startseite*/

#container .row > div{
    /*padding-top: 35px;*/
}

.startseite .startseite.untererteil .col-md-4 h3{
    padding-bottom: 10px;
    line-height: 30px;
}
.startseite .startseite.untererteil .col-md-4 p{
    font-size: 18px;
}
.startseite .startseite.untererteil .col-md-4 img{
    margin-right: 30px;
}

.dreispalter{
    margin-bottom:60px;
}

/*News*/
#container .news .news-author,
#container .news .news-email,
#container .news .article p a
{
    font-size: 18px;
}
#container .news .news-author{
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
    line-height: 1.33em;
    margin-bottom: 4px;
    font-size: 18px;
}
.news-single p.news-author{
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
}
.news .article{
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #ddd;
    position:relative;
    margin-bottom:20px;
    /*margin-top: 38px;*/
    min-height: 100px;
}
.article .news-linkwrap{
    float: left;
}
.article .news-linkwrap .more{
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -ms-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}


.news .article:last-child{
    /*border: none;*/
    padding-bottom: 40px;
}
.news .article:hover{
    border-bottom: 1px solid #ddd;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -ms-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.news .article h3, .news .article h3 a {
    color:#111111;
    font-size:18px;
    font-weight: 500;
    line-height:1.33em;
    margin-bottom:4px;
}
.news .article p a {
    color:#0084BE;
    font-size: 24px;
    font-weight: bold;
}

.news h3 a:hover{
    text-decoration:none;
}
.news p{
    font-size:18px;
    line-height:1.35em;
    font-weight: 300;
    margin: 0 0 28px;
}
.news p.news-list-date{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
}

.news .article .news-inhalt{
    width:75%;
    float:left;
}
.news .article  a.more {
    background-color: #fff;
    color: #0084BE;
    border: 1px solid #0084BE;
    padding:5px 13px 6px 12px;
    position:absolute;
    bottom:19px;
    right:5px;
    font-size:16px;
    font-weight:600;
}
.news .article  a.more:hover {
    background-color: #0084BE;
    color: #fff;
}
.news .mediatype{
    float: none;
    margin-right: 23px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.news .article .header h1{
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 28px;
}
.news .article .header h2{
    font-size:24px;
    line-height:32px;
    margin-bottom: 34px;
}
.news .article .header h3{
    font-size:24px;
}
.news .page-navigation > p{
    display: none;
}
.news .page-navigation {
    width: 400px;
    margin: 0 auto;
}
.news .page-navigation .f3-widget-paginator{
    width: 100%;
    float: left;
    padding: 62px 0px;
}


.news .news-list-view .page-navigation:first-child{
    display: none;
}
.news .page-navigation .f3-widget-paginator li {
    height: 34px;
    min-width: 34px;
    font-size: 24px;
    text-align: center;
    line-height: normal;
    margin:0 4px;
}
.news .page-navigation .f3-widget-paginator li a {
    /*margin: 0 auto;*/
    color: black;
}

.news .page-navigation .f3-widget-paginator li.current {
    color: white;
    margin: 0 auto;
    background-color: #0084BE;
}
.news .page-navigation .f3-widget-paginator li.previous a,
.news .page-navigation .f3-widget-paginator li.next a {
    width: 100%;
    height: 100%;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/cal_pagination.svg") no-repeat center ;
    background-size: 50% 50%;
}
.news .page-navigation .f3-widget-paginator li.next a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position-y: 8px;
}
.news-single .news-text-wrap img{
    display:none;
}
.news-single .facebook{
    display:none;
}
.news-single .article .news-img-wrap{
    width:100%;
    /*max-height:450px;*/

    margin-bottom:40px;
}
.news .article .news-img-wrap a{
    background:none;
    padding:0;
    border:0;
    text-align:center;
    background:#dcdcdc;
}
/*Date Menu*/
.news-menu-view a{
    font-size:18px;padding:8px;
    color:#000;
}
.news-menu-view a:hover{
    color:#2a6496;
}
.news-menu-view a.active{
    color:#2a6496;
}
.news-menu-view a:first-child{
    padding-left:0;
}
.news-menu-view{
    border-bottom: 1px solid #b1dbff;
    border-top: 1px solid #b1dbff;
    padding:5px 0;
    margin:10px 0;
}
/*Bilder*/
.news-img-wrap .outer, .news-img-wrap .outer .mediaelement-image, .news-img-wrap .outer .mediaelement-image a{
    width:100%;
    height:auto;
}
.news .article .news-img-wrap .mediaelement-image img{
    max-width:100%;
}
/*breadcrumb*/
.breadcrumb{
    background:#E5F2F8;
    border-top: none;
    padding:0;
    margin-bottom:60px;
    display: none;
}

.breadcrumb ul { list-style-type: none; padding-left:0; }
.breadcrumb ul li{
    float:left;
    font-size:14px;
    background:url("/typo3conf/ext/ig_project/Resources/Public/Img/breadcrumb_pfeil.png") no-repeat left center;
    padding:7px 14px 9px 33px;
    display:inline-block;
    color:#0084BE;
}
.breadcrumb li a{
    font-weight:bold;
}
.breadcrumb li:first-child{
    background:none;
    padding-left:0;
}


.akkordeon-wrap {
    width: 100%;
}
.akkordeon-wrap a.weiterlesen {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/acc_bgline_grey.png") repeat scroll 0 65% rgba(0, 0, 0, 0);
    display: block;
    margin-bottom: 35px;
    text-align: center;
}
.akkordeon-wrap a.weiterlesen span {
    color: #0084BE;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0 30px 0 20px;
    text-transform: none;
    text-decoration: none;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/acc_open_blue.png") no-repeat scroll 90% 55% #ffffff;
}
.akkordeon-wrap a.weiterlesen.open span {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/acc_close_blue.png") no-repeat scroll 93% 55% #ffffff;
}
.akkordeon-wrap a.weiterlesen span:after {
    font-size: 5px;
    position: absolute;
    right: 12px;
    top: 6px;
}
.akkordeon-wrap a.weiterlesen.open span:after {
    top: 7px;
}
.akkordeon-wrap .akkordeon-full  {
    overflow: hidden;
}
.akkordeon-wrap,
.contbox-wrap {
    font-size: 18px;
}
.onecol h2 {
    border-bottom: 1px solid #dcdcdc;
    font-size: 30px;
    font-weight: lighter;
    margin: 15px auto 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 63%;
}
.container.onecol {
    width: 1140px;
}
#container {
    margin: auto;
}
.contbox-dl {
    width: 100%;
}
.contbox-dl,
.contbox-dl a {
    display: inline-flex;
}
.contbox-dl span {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/dlicon_gfbv.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 28px;
    padding-left: 36px;
}
.contbox-pic {
    float: left;
    padding-right: 30px;
}
.contbox-wrap {
    padding-bottom: 15px;
    padding-top: 15px;
}
.contbox-wrap,
.akkordeon-wrap {
    margin: auto;
    width: 63%;
}
.contbox-wrap h3 {
    padding-bottom: 25px;
}
.fullwidth {
    width: 100%;
}
.fullwidth h3 {
    margin: auto;
    padding-bottom: 25px;
    width: 63%;
}
.contbox-padding {
    padding-left: 9%;
    padding-right: 16%;
}
.contbox-text {
    padding-left: 13%;
    padding-right: 1%;
}
.contactbox-wrap {
    background-color: #E5F2F8;
    font-size: 18px;
    margin: auto auto 40px;
    padding: 15px 25px;
    width: 63%;
}
.contactbox-content h3 {
    color: #0084BE;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 10px;
}
.contactbox-content a {
    color: #0084BE;
    font-weight: bold;
}
.bighead-content {
    font-size: 48px;
    margin: auto;
    text-align: center;
    width: 85%;
}
/*Sitemap for categories*/
ul.csc-menu-categorized-pages{
    padding: 10px 0 0 0;
    float: left;
    width: 100%;
    margin-top: 5px;
}
ul.csc-menu-categorized-pages{
    border-top: 1px solid #0084BE;
}
ul.csc-menu-categorized-pages li {
    width: 33%;
    float: left;
    list-style: none;
    font-size: 22px;
}


/*ul.csc-menu-categorized-pages li a {*/
/*background: url("/typo3conf/ext/ig_project/Resources/Public/Img/pfeil.png") no-repeat right center;*/
/*}*/

ul.csc-menu {
    padding-left: 10px;
}
ul.csc-menu li {
    list-style: none;
    padding-left: 10px;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 8px;
    padding-bottom: 5px;
    width: 100%;
}
ul.csc-menu li::before {
    content: "";
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/arrow_blue_2.svg") no-repeat;
    float: left;
    height: 20px;
    width: 20px;
    left: 0px;
    top: 0px;
}
ul.csc-menu li:hover::before {
    content: "";
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/arrow_blue_hover_2.svg") no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}
.zweispalter h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3%;
    margin-top: 3%;
}
/*##########################################
### Footer
##########################################*/
/*footer top*/
footer{
    width: 100%;
    background-color: #66B5D8;
    float: left;
}
.footer-top{
    background-color: #66B5D8;
    height: 100%;
    min-height: 306px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap{
    /*padding-top: 30px;*/
    padding: 30px 15px 10px 15px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .nav.title{
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 10px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-footer li{
    float: left;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 100%;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-footer li:hover a{
    color: #2a6496;
    background-color: transparent;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-footer li a{
    color: #fff;
    padding: 3px 0;
    font-size: 16px;
    font-weight: 600;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-footer li a::after{
    /*content: url(/typo3conf/ext/ig_project/Resources/Public/Img/link_arrow_right.png);*/
    float: right;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a::before{
    padding-right: 5px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Facebook"]::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/facebook_white.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Facebook"]:hover::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/facebook_blue.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Twitter"]::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/twitter_white.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Twitter"]:hover::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/twitter_blue.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="YouTube"]::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/youtube_white.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="YouTube"]:hover::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/youtube_blue.svg");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Instagram"]::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/instagram_normal.png");
    float: left;
    min-width: 20px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .navbar-social .navbar-footer li a[title="Instagram"]:hover::before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/instagram_hover.png");
    float: left;
    min-width: 20px;
}


.footer-top .footer-top-wrap .footer-top-innerwrap .company{
    /*text-align: center;*/
    border-top: 1px solid white;
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}
.footer-top .footer-top-wrap .footer-top-innerwrap a:hover.company {
    color: #2a6496;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .company:before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/fverein.svg");
    float: left;
    width: 25px;
    height: 25px;
    padding-right: 5px;
}
.footer-top .footer-top-wrap .footer-top-innerwrap .company:hover:before{
    content: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/fverein_blue.svg");
    float: left;
    width: 25px;
    height: 25px;
    padding-right: 5px;
}

/*footer bottom*/
.footer-bot{
    height: 100%;
    min-height: 68px;
    background-color: #0084BE;
    padding: 0 5px;
}
.footer-bot .footer-bot-wrap {
    height: 100%;
}
.footer-bot .footer-bot-wrap .footer-bot-innerwrap{
    height: 100%;
    min-height: 68px;
    padding-top: 25px;
}

.footer-bot #kontodaten span{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    text-align: center;
}

.footer-bot #spendenbauchbinde{
    margin-top: -3px;
    padding-top: 20px;
}
.footer-bot #spendenbauchbinde {
    margin: 0 auto;
    width: 310px;
    float: none;
}

.footer-bot #spendenbauchbinde input{
    width: 82px;
    height: 34px;
    float: left;
    margin-right: 13px;
}
.footer-bot #spendenbauchbinde input[placeholder]{
    text-align: right;
    color: #0084BE;
    font-size: 18px;
    padding-right: 5px;
    border: none;
}
.footer-bot #spendenbauchbinde #spendenbuttonfooter{
    width: 100px;
    height: 34px;
    float: left;
    background-color: #C81450;
    color: #fff;
    text-align: center;
}
.footer-bot #spendenbauchbinde #spendenbuttonfooter span{
    padding-top: 6px;
    float: left;
    text-align: center;
    width: 100%;
}
.footer_indexed-wrap {

}
.footer_searchfield {
    float: left;
}
.footer_searchbutton {
    float: right;
}
.footer_searchbox-button {
    cursor: pointer;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/lupe_white.svg") no-repeat scroll center center / 100% auto rgba(0,0,0,0);
    border: 0 none;
    float: right;
    height: 34px;
    width: 34px;
    margin: 0;
    padding: 0;
}
.footer_newsletter-button {
    cursor: pointer;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/mail.svg") no-repeat scroll center center / 100% auto rgba(0,0,0,0);
    border: 0 none;
    float: right;
    height: 34px;
    width: 34px;
    margin: 0;
    padding: 0;
}
.footer_contact-button {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/contact.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 34px;
    margin: 10px 0 0;
    padding: 0;
    width: 34px;
}
.footer_phone-button {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/handy.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 34px;
    margin: 10px 0 0;
    padding: 0;
    width: 34px;
}
input.footer_input {
    border: medium none;
    color: #A6A6A6;
    font-size: 16px;
    height: 34px;
    padding-left: 16px;
}
.main_searchbox {
    margin-bottom: 34px;
}
.main_newsletter,
.main_email_address {
    margin-bottom: 15px;
}
.main_email_address,
.main_email_address a,
.main_phone {
    color: #fff;
    font-size: 38px;
}
.main_phone {
    font-weight: lighter;
}
.contact-service-footer {
    position: absolute;
    right: 0;
    display: none;
}
/*##########################################
### Sonstiges und zu faul zum Einordnen
##########################################*/

.clfx {
    clear: both;
}

input.standard-input {
    cursor: auto;
    border: 1px solid #0084BE;
    color: #68b9ff;
    padding-left: 3%;
    font-size: 16px;
    height: 50px;
    margin-bottom: 25px;
    width: 100%;
}
input.standard-button {
    background-color: #0084BE;
    border: medium none;
    color: #fff;
    cursor: pointer;
    margin: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 30%;
}


/*form*/
.formitem select,
.formitem input,
.formitem textarea {
    border: 1px solid #0084BE;
    color: #0084BE;
    padding-left: 3%;
    font-size: 16px;
    height: 50px;
    margin-bottom: 5px;
    width: 100%;
}
.formitem input[type="checkbox"],
.formitem input[type="radio"]{
    height: auto;
    width: auto;
    float: left;
}

.formitem .powermail_submit{
    background-color: #0084BE;
    border: medium none;
    color: #ffffff;
    padding: 5px 30px;
    width: auto;
}

.powermail_confirmation form input{
    border: 1px solid #0084BE;
    color: #0084BE;
    padding-left: 3%;
    font-size: 16px;
    height: 50px;
    margin-bottom: 5px;
    width: 100%;
}
.powermail_confirmation .powermail_confirmation_form,
.powermail_confirmation .powermail_confirmation_submit{
    background-color: #0084BE;
    border: medium none;
    color: #ffffff;
    padding: 5px 30px;
    width: auto;
    float: left;
}
.powermail_confirmation .powermail_confirmation_submit {
    margin-left: 15px;
}
.formitem .powermail_country {
    width: 100%;
}
.formitem input[type="checkbox"] + label,
.formitem input[type="radio"] + label{
    padding-left: 5px;
}
.formitem textarea {
    height: 150px;
}
input.powermail_field[disabled]{
    display: none;
}
.formlabel,
.controls input {
    margin-top: 25px;
}
.formlabel {
    color: #0084BE;
}
.forminput .error {
    color: #C81450;
    font-weight: bold;
}
select.error,
textarea.error,
input.error{
    border: 1px solid #C81450;
}
.formitem {
    /*margin-bottom: 20px;*/
    /*margin-top: 15px;*/
}

.formitem select, .formitem input, .formitem textarea, .formitem._content {
    margin-bottom: 25px;
}
.formitem._radio input{
    margin-bottom: 0px;
}
.formitem._radio .powermail_radio_inner{
    margin-bottom: 15px;
}
.formitem._radio .powermail_radio_inner label{
    margin-top:3px;
}

.forminput input.error,
.forminput textarea.error,
.forminput select.error {
    color: #0084BE;
}
.forminput textarea {
    padding-top: 10px;
}
.contactform {
    margin-bottom: 5%;
    margin-top: 3%;
}
input.contactsend {
    background-color: #0084BE;
    border: medium none;
    color: #fff;
    cursor: pointer;
}



.cssPopup {
    float: right;
    position: relative;
    z-index: 0;
    display: none;
}
.cssPopup:hover {
    background-color: transparent;
    z-index: 50;

}
.cssPopup span {
    background-color: #fff;
    border: 3px solid #C81450;
    color: black;
    padding: 25px 2px 2px 25px;
    position: absolute;
    visibility: hidden;
    width: 423px;
}
.cssPopup span img {
    border-width: 0;
    padding: 2px;
    width: 50px;
    height: auto;
}
.cssPopup:hover span {
    visibility: visible;
    top: 35px;
    left: -388px;
}

.spendeninfo {

}
.spendeninfo h3 {
    font-size: 20px;
}
.spendeninfo label {
    width: 40%;
}
.spendeninfo p {
    line-height: 1;
    margin-bottom: 15px;
}
.spendeninfo a {
    font-weight: 600;
    line-height: 1.6;
    position: relative;
    top: 10px;
    color: black;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}.breadcrumb
 .spendeninfo img {
     float: right;
 }
.spendeninfo_links {
    float: left;
}

.spendeninfo_links a{
    color: #0084BE;
    text-align: left;
}


.shariff{
    margin:15px 0 15px 0;
}



/*########################
### Sprachmenu
########################*/

.metaNav .nav-lang > li{
    padding: 10px 5px;
    color: #000;
}
.metaNav .nav-lang > li > a{
    padding: 0 0;
    color: #0084BE;
    font-weight: bold;
}
.metaNav .nav-lang > li.active{
    text-decoration: underline;
}
.metaNav .nav-lang > li.na{
    opacity: 0.6;
}

.metaNav > .tx-srlanguagemenu{
    float: right;
}
.metaNav .tx-srlanguagemenu-links > div{
    float: left;
    padding: 10px 5px;
    color: #000;
}

.metaNav .tx-srlanguagemenu-links > div:after{
    content: "|";
    padding-left: 5px;
}
.metaNav .tx-srlanguagemenu-links > div:last-child:after{

    content: "";
}
.metaNav .tx-srlanguagemenu-links > div.active > a{
    padding: 0 0;
    color: #0084BE;
    font-weight: bold;
}
.metaNav .tx-srlanguagemenu-links > div.CUR a{
    text-decoration: none;
}
.metaNav .tx-srlanguagemenu-links > div.NO > a{
    font-weight: 300;
    color: #A6A6A6;
}
/*########################
### Spendenteaser Startseite
########################*/
.spendenteaserwrap{
    width: 100%;
    margin-bottom: 75px;
    background: #E5F2F8;
}
@media (min-width: 768px) {
    .spendenteaserwrap {
        float: left;
    }
}
.spendenteaser{
    width: 100%;
    max-width: 1300px;
    height: 272px;
    margin: 0 auto;
}

.spendenteaser .teasertext{
    float: right;
    width: 100%;
}
.spendenteaser .teaserInnerWrap{
    float: right;
    width: 100%;
    padding: 25px 15px;
}
.spendenteaser .teasertext .headline,
.spendenteaser .teasertext .text{
    float: left;
    width: 100%;
}
.spendenteaser .teasertext .headline{
    font-weight: bold;
    font-size: 24px;
}
.spendenteaser .teasertext .text{
    font-size: 18px;

}
.spendenteaser .teasertext {
    margin-bottom: 25px;
}
.spendenteaser #spendenbuttonteaser span {
    padding-top: 6px;
    float: left;
    text-align: center;
    width: 100%;
}
.footer-bot #spendenbauchbinde #spendenbuttonfooter{
    border:none;
    margin-right: 0px;
}
#spendenbauchbinde #spendenbuttonfooter,
.spendenteaser #spendenbuttonteaser {
    width: 100px;
    height: 34px;
    float: left;
    background-color: #C81450;
    color: #fff;
    text-align: center;
    width: 142px;

    transition: 0.35s;
}
#spendenbauchbinde #spendenbuttonfooter:hover,
.spendenteaser #spendenbuttonteaser:hover{
    background: #fff;
    transition: 0.35s;
}
#spendenbauchbinde #spendenbuttonfooter:hover,
.spendenteaser #spendenbuttonteaser:hover span{
    color: #C81450;
}

.tx-dce-pi1 .teaser.yellow-teaser{
    height: 100%;
    width: auto;
    max-height: 330px;
    overflow: hidden;
    margin-bottom: 25px;
}
.tx-dce-pi1 .teaser.yellow-teaser h3{
    /*
    float: left;
    padding: 10px 10px;
    color: black;
    background: #f6da47;
    bottom: 0;
    top: auto;
    font-size: 36px;
    */
    line-height: 1.4;
    margin: 0 0 20px 15px;
    background-color: rgba(255,226,66,0.9);
    bottom: 6%;
    top: inherit;
    padding: 10px 15px;
}
.tx-dce-pi1 .teaser.yellow-teaser a.highlight{
    background: none;
}
/*.tx-dce-pi1 .teaser.yellow-teaser img{*/
/*height: 100%;*/
/*width: auto;*/
/*}*/
/*########################
### OneCol Layout
########################*/
.onecol .titel_link {
    border-bottom: 1px solid #dcdcdc;
    font-size: 30px;
    font-weight: lighter;
    margin: 15px auto 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 63%;
    display: none;
}

/*
dreispalter
*/
.dreispalter-dce  .item{
    margin-bottom: 45px;
}
.dreispalter-dce .text{
    font-weight: 300;
    float: left;
    width: 100%;
}
.dreispalter-dce .text h3{
    padding: 30px 0;
}
.dreispalter-dce .image{
    max-width: 360px;
    width: 100%;
    max-height: 293px;
    min-height: 293px;
    float: left;
    overflow: hidden;
}
.dreispalter-dce .image a,
.dreispalter-dce .image img{
    width: inherit;
    float: left;
    height: 100%;
    width: auto;
    max-height: 293px;
}
.row.dreispalter img{
    width: 100%;
}

.dreispalter-dce .image .hover{
    float: left;
    position: relative;
    width: 360px;
    height: 293px;
    margin-top: -999px;
    transition: margin-top 0.5s ease-in-out, background-color 0.5s;
}
.dreispalter-dce .image:hover .hover{
    margin-top: -293px;
    transition: margin-top 0.5s ease-in-out, background-color 0.5s;
}
/*
vierspalter
*/
.vierspalter-dce{
    padding-top: 50px;
}
.vierspalter-dce .item{
    margin-bottom: 45px;
}
.vierspalter-dce .text{
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: center;
}
.vierspalter-dce .text h3{
    padding: 30px 0;
}
.vierspalter-dce .image{
    width: 265px;
    max-height: 214px;
    min-height: 214px;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}
.vierspalter-dce .image a,
.vierspalter-dce .image img{
    width: inherit;
    float: left;
}
.vierspalter-dce .image .hover{
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -600px;
    transition: margin-top 0.5s ease-in-out, background-color 0.5s;
}
.vierspalter-dce .image:hover .hover{
    margin-top: -295px;
    transition: margin-top 0.5s ease-in-out, background-color 0.5s;
}

/*
* div.kesearchbox
*/
body div.kesearchbox{
    height: auto;
}
body .searchform{
    height: auto;
}
span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt,
span.resetbutt a:hover, span.submitbutt input:hover, input.kesGreyButt:hover, span.kesGreyButt:hover{
    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    -ms-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}




/*body:after{*/
/*content: "CSS-in-Bearbeitung: Bereich: Unterseite Subnavi";*/
/*color: red;*/
/*position: absolute;*/
/*top: 0px;*/
/*left: 40%;*/
/*font-size: 20px;*/
/*height: 100px;*/
/*z-index: 10000;*/
/*}*/


/**************************************************
*** Sonstiges
***************************************************/
#contactform ._html:first-child h3{
    padding-top: 0px;
}
#contactform h3{
    /*padding-top: 25px;*/
    /*padding-bottom: 5px;*/
}
#contactform{
    margin-top: 0px;
}
#contactform .abstand{
    padding-top: 35px;
}

#container::after{

}

/* ********/

ul.nav > li > a {
    font-weight: 300;
}

div.mainTeaserWrapper {
    background: #E5F2F8;
}

.bx-wrapper .bx-pager {
    padding-bottom: 4px;
}

* {
    outline: none;
}

div.footer_searchfield > a {
    font-weight: 300;
}
@media only screen and (min-width: 1200px) {
    .mainNav {
        padding-left: 50px;
    }
}

.internal-link {
    font-weight: bold;
}

div.dreispalter-dce > div.item > div.text > a {
    font-weight: bold;
}



/* CSC-Styles */

/* Headers */
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

/* Captions */
figcaption.csc-textpic-caption { display: table-caption; }
.csc-textpic-caption { text-align: left; caption-side: bottom; }
div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
div.csc-textpic-right div.csc-textpic-text { clear: right; }

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
div.csc-textpic-left div.csc-textpic-text { clear: left; }

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

/* File Links */
ul.csc-uploads { padding: 0; }
ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
ul.csc-uploads span { display: block; }
ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

/* Table background colors: */

table.contenttable-color-1 { background-color: #EDEBF1; }
table.contenttable-color-2 { background-color: #F5FFAA; }
table.contenttable-color-240 { background-color: black; }
table.contenttable-color-241 { background-color: white; }
table.contenttable-color-242 { background-color: #333333; }
table.contenttable-color-243 { background-color: gray; }
table.contenttable-color-244 { background-color: silver; }


/* Clearer */
.tx-kesearch-pi1 .clearer {
    display: block;
    height: 1px;
    line-height: 1px;
    clear: both;
}

/* formElements */
.tx-kesearch-pi1 form{
    border:0 none;
    margin: 0 0 20px 0;
}
.tx-kesearch-pi1 .kesearch_searchbox {
    border:none;
}
.tx-kesearch-pi1 input[type="text"],
.tx-kesearch-pi1 select,
.tx-kesearch-pi1 textarea{
    padding: 0.3em 0.3em 0.3em 0.4em;
    background: white;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #2b2b2b;
    font-size: 12px;
}
.tx-kesearch-pi1 input[type="text"]:focus,
.tx-kesearch-pi1 input[type="text"]:hover,
.tx-kesearch-pi1 select:focus,
.tx-kesearch-pi1 select:hover,
.tx-kesearch-pi1 textarea:focus,
.tx-kesearch-pi1 textarea:hover{
    box-shadow: 0 0 3px #bbbbbb;
    border: 1px solid #b2b2b2;
    color: #000;
}

/* Buttons */
span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt{
    background: none repeat scroll 0 0 #0084BE;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0.3em 0.9em;
    text-decoration: none;
}
li.checkboxButtonSubmit span,
span.submitbutt input,
input.kesGreyButt[type="submit"]{
    font-family: Verdana;
    font-weight: bold;
}
span.resetbutt a:hover,
span.submitbutt input:hover,
input.kesGreyButt:hover,
span.kesGreyButt:hover{
    background: none repeat scroll 0 0 #0084BE;
}
span.kesGreyButt a{
    text-decoration: none;
    color:#0D8897;
    text-shadow: 0px 1px 0px #ffffff;
}
span.kesGreyButt a:hover{
    text-decoration: none;
    color:#000;
    text-shadow: 0px -1px 0px #ffffff;
}
/* buttFixes */
#kesearch_filters .list li.checkboxButton,
#kesearch_filters .list li.checkboxButtonSubmit{
    text-decoration: none !important;
    padding-bottom: 5px;
}
#kesearch_filters .list li.checkboxButtonSubmit{ margin-bottom: 1px;}
#kesearch_filters .list li.checkboxButtonSubmit{ padding-bottom: 0;}

/* SearchBox */
div.kesearchbox{
    position: relative;
    height: 35px;
    margin: 0 0 10px 0;
}
#ke_search_sword {
    position: absolute;
    top: 1px;
    width: 220px;
    height: auto;
    padding: 8px 40px 7px 9px;
    margin: 0;
    display: inline;
}
#kesearch_submit{
    position: absolute;
    top: 3px;
    left: 237px;
    height: 28px;
    width: 28px;
    border: 0 none;
    padding: 0;
}
#kesearch_submit:focus,
#kesearch_submit:hover{
    box-shadow: 0 0 0 white;
    border: 0 none;
    cursor: pointer;
}

/* Filters */
#kesearch_filters div.textlinks{ margin:0 0 20px 0; }
#kesearch_filters select {
    width: 150px;
    margin: 0 0 10px 0;
}
#kesearch_filters .list {
    margin-bottom: 10px;
}
#kesearch_filters .list .head {
    background: url("img/filterHeadBG.gif");
    display:block;
    border: 1px solid #CFCFCF;
    padding: 5px;
}
#kesearch_filters .list .head img {
    margin: 0 5px;
    position: relative;
    top: -2px;
}
#kesearch_filters .list ul {
    padding: 10px;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-top: 0 none;
    list-style-type:none;
}
#kesearch_filters .list ul.expanded { display:block; }
#kesearch_filters .list ul.closed { display:none; }
#kesearch_filters .list li {
    display:block;
    list-style-type:none;
    margin:0 0 10px 0;
    font-size:12px;
    line-height:16px;
    color: #0D8897;
    text-decoration: underline;
}
#kesearch_filters .list li a{
    color: #0D8897;
    text-decoration: underline;
}
#kesearch_filters .list li:hover,
#kesearch_filters .list li a:hover{
    text-decoration: none;
    color: #0D8897;
    cursor: pointer;
}
#kesearch_filters .list li.selected { font-weight: bold; }
#kesearch_filters .list li.parent0,
#kesearch_filters .list li.level0 { margin-left: 14px; }
#kesearch_filters .list li.parent1,
#kesearch_filters .list li.level1 { margin-left: 21px; }
#kesearch_filters .list li.parent2,
#kesearch_filters .list li.level2 { margin-left: 28px; }
#kesearch_filters .list li.parent3,
#kesearch_filters .list li.level3 { margin-left: 35px; }
#kesearch_filters .list li.parent0,
#kesearch_filters .list li.parent1,
#kesearch_filters .list li.parent2,
#kesearch_filters .list li.parent3 {
    font-weight: bold;
    list-style-image: url("img/list-bullet-cat.gif");
    list-style-position: outside;
}

/* Checkboxes */
#kesearch_filters .list ul.checkboxList{ padding-bottom: 1px; }
#kesearch_filters .list li.optionCheckBox {
    float: left;
    width: 200px;
    text-decoration: none;
    margin-bottom: 4px;
}
#kesearch_filters .list li.optionCheckBox input[type="checkbox"]{
    float: left;
    margin: 0 5px 0 0;
}
#kesearch_filters .list li.clearer {
    font-size: 0;
    line-height: 0;
    float: none;
    margin: 0 !important;
}
#kesearch_filters label{
    display:block;
    font-weight:bold;
    font-size:11px;
    color: #353535;
    margin:0 0 4px 0;
}
#kesearch_filters .list li.region {
    font-weight: bold;
    margin-top: 5px;
}
#kesearch_filters .list li.noclick { cursor: default !important; }
#kesearch_filters .list li.country { margin-left: 7px; }

/* SPECIAL CSS CLASS */
#kesearch_filters .small {
    display:block;
    height: 65px;
    max-height: 65px;
    overflow-y: auto;
    overflow-x: hidden;
}
#kesearch_filters .larger {
    display:block;
    height: 130px;
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* multiselectPage */
.tx-kesearch-pi1 .multiselect .multi-option {
    float: left;
    width: 200px;
    margin: 0 0 5px 0;
}
.tx-kesearch-pi1 .multiselect .multi-option input[type="checkbox"]{
    float: left;
    margin: 0 5px 0 0;
}
.tx-kesearch-pi1 .multiselect label {
    font-weight: normal;
    font-size:12px;
    padding: 0 10px 0 0;
    float: left;
}
.tx-kesearch-pi1 .multiselect .multiselectButtons{ padding: 10px 0 0 0; }
.tx-kesearch-pi1 .multiselect .last { /* ???? */ }

/* Results */
#kesearch_num_results{
    font-size: 12px;
    padding: 0 0 5px 0;
}

#kesearch_results .result-list-item{
    margin: 0 0 20px 0;
    padding: 0 0px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-page { }
.tx-kesearch-pi1 #kesearch_results .result-list-item-type-tt_news { }

.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    float:left;
    margin-top:2px;
    margin-right:5px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #2a6496;
    font-weight: bold;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info {
    font-size: 80%;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar {
    border: 1px solid #D3D3D3;
    display: block;
    float: right;
    height: 10px;
    width: 48px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar .score {
    background-color: #0084BE;
    display: block;
    height: 10px;
    margin: -1px 0 0 -1px;
}

/* Query time */
.tx-kesearch-pi1 #kesearch_query_time {
    font-style: italic;
    text-align: center;
    font-size: 80%;
}

/* Searchbox */
.tx-kesearch-pi1 .searchbox {
    margin-bottom: 5px;
}
.tx-kesearch-pi1 .searchbox input {
    margin-left: 0;
    width: 145px;
}

.kesearchbox .searchbox {
    padding-left: 0;
}
.tx-kesearch-pi1 .searchbox input.submit {
    width: 18px;
    height: 18px;
    border: none;
    background: none;
    vertical-align: middle;
}
.tx-kesearch-pi1 form.static .searchbox input.submit {
    margin-top: -16px;
}
.tx-kesearch-pi1 form.ajax .searchbox input.submit {
    margin-top: -4px;
}
.tx-kesearch-pi1 .searchbox .search_input {
    float:left;
    margin-right: 5px;
}

/* Spinner / updating */
.tx-kesearch-pi1 #kesearch_updating_filters,
.tx-kesearch-pi1 #kesearch_updating_results {
    display:none;
    text-align: center;
}
.tx-kesearch-pi1 #testbox {
    margin-top: 100px;
    border: 1px solid red;
}

/* General Message */
.tx-kesearch-pi1 .general-message {
    padding: 5px;
}
.tx-kesearch-pi1 .general-message .image {
    float:left;
    vertical-align: middle;
    margin-right: 10px;
}

/* Pagebrowser */
#kesearch_pagebrowser_top,
#kesearch_pagebrowser_bottom {
    text-align: center;
    word-wrap: break-word;
    font-size: 24px;
    color:#707070;
}
#kesearch_pagebrowser_top .pages_total,
#kesearch_pagebrowser_bottom .pages_total{
    padding: 8px 0;
    background:#fff;
    margin-bottom: 15px;
}
#kesearch_pagebrowser_top .pages_total { border-bottom: 1px dashed #707070; }
#kesearch_pagebrowser_bottom .pages_total { border-top: 1px dashed #707070; }
#kesearch_pagebrowser_top div.result_txt,
#kesearch_pagebrowser_bottom div.result_txt{
    margin: 0 0 5px 0;
}
#kesearch_pagebrowser_top .kesearch_pagebrowser,
#kesearch_pagebrowser_bottom .kesearch_pagebrowser { margin: 0 auto 0; }

#kesearch_pagebrowser_top a,
#kesearch_pagebrowser_bottom a {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 6px;
}
#kesearch_pagebrowser_top a:hover,
#kesearch_pagebrowser_bottom a:hover { cursor:pointer; }
#kesearch_pagebrowser_top a.current,
#kesearch_pagebrowser_bottom  a.current {
    background-color: #0084BE;
    color: #fff;
    text-decoration: none;
}
#kesearch_pagebrowser_top .browser,
#kesearch_pagebrowser_bottom .browser{
    border:1px solid;
}
.tx-kesearch-pi1 .next,
.tx-kesearch-pi1 .prev {
    display:inline-block;
    width:24px;
    height:29px;
    color:transparent;
    text-decoration:none;
    overflow:hidden;
}
.tx-kesearch-pi1 .next{
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/cal_pagination.svg") no-repeat scroll center center / 50% 50% rgba(0, 0, 0, 0);
    transform: rotate(180deg);
}
.tx-kesearch-pi1 .prev{
    background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/svg/cal_pagination.svg") no-repeat scroll center center / 50% 50% rgba(0, 0, 0, 0);
}
.tx-kesearch-pi1 a.next,
.tx-kesearch-pi1 a.prev{
    color: transparent !important;
    display: inline-block;
    height: 29px;
    margin: 0 0 -5px;
    padding: 0 !important;
    text-decoration: none;
    width: 24px;
}

/* Ordering */
.tx-kesearch-pi1 #kesearch_ordering span.down {
    border-color: #2a6496 transparent;
    border-style: solid solid none;
    border-width: 4px 4px 0;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    position: relative;
    top: -2px;
    width: 0;
}
.tx-kesearch-pi1 #kesearch_ordering span.up {
    border-color: transparent transparent #2a6496;
    border-style: none solid solid;
    border-width: 0 4px 4px;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    position: relative;
    top: -4px;
    width: 0;
}
.tx-kesearch-pi1 #kesearch_ordering div.ordering {
    text-align: right;
}
.tx-kesearch-pi1 #kesearch_ordering ul {
    display: inline-block;
    height: 20px;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}
.tx-kesearch-pi1 #kesearch_ordering ul li {
    float: left;
    margin-right: 10px;
}
.tx-kesearch-pi1 #kesearch_ordering div.clearer {
    clear: left;
}
/* needed for autocomplete */
ul.ui-autocomplete li a {
    font-size: 12px;
}
/*.searchform {*/
/*margin-top: 40px;*/
/*margin-bottom: 30px;*/
/*}*/

@media (max-width: 768px) {
    .kesearchbox .searchbox {
        padding-left: 0;
        padding-right: 0;
    }
    .searchform form {
        margin-bottom: 70px;
    }
}