@font-face {
    font-family: 'Veneer';
    src: url('../Fonts/2B9A5B_0_0.eot');
    src: url('../Fonts/2B9A5B_0_0.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/2B9A5B_0_0.woff') format('woff'),
    url('../Fonts/2B9A5B_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'VeneerThree';
    src: url('../Fonts/2BC135_0_0.eot');
    src: url('../Fonts/2BC135_0_0.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/2BC135_0_0.woff') format('woff'),
    url('../Fonts/2BC135_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'VeneerIcons';
    src: url('../Fonts/2B9A5B_1_0.eot');
    src: url('../Fonts/2B9A5B_1_0.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/2B9A5B_1_0.woff') format('woff'),
    url('../Fonts/2B9A5B_1_0.ttf') format('truetype');
}




/***** Globals - Start *****/
body {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.7;
}
a,
a:hover,
a:focus {
    color: #333;
    cursor: pointer;
}
.container.content a {
    text-decoration: underline;
}
.container.content a:hover {
    text-decoration: none;
}
p {
    margin: 0 0 12px;
}
h1, h2, h3 {
    margin: 0 0 20px;
}

a.external-link {
    position: relative;
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 0 0 0 22px;
    font-weight: 700;
}
a.external-link::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns a.external-link::after {
    background-position: 0 0;
}
.schools a.external-link::after {
    background-position: -18px 0;
}
.unis a.external-link::after {
    background-position: -36px 0;
}
.ftde a.external-link::after {
    background-position: -53px 0;
}
.ce-gallery figcaption {
    padding: 3px 11px 5px;
    background-color: #efefef;
}

a.pfeil,
.pfeil a {
    position: relative;
    padding: 0 0 0 24px;
}
li a.pfeil,
li .pfeil a {
    margin: 0 0 0 -17px;
}
a.pfeil::before,
.pfeil a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
    background-position: -54px 0;
}
.towns a.pfeil::before,
.towns .pfeil a::before {
    background-position: 0 0;
}
.schools a.pfeil::before,
.schools .pfeil a::before {
    background-position: -18px 0;
}
.unis a.pfeil::before,
.unis .pfeil a::before {
    background-position: -36px 0;
}

select {
    background: url("../Images/webkit_select_bg.png") no-repeat right center;
    -webkit-appearance: none;
}
select:focus {
    border: 2px solid #ddd;
    outline: none;
    -webkit-appearance: none;
}
/** Select in IE without arrow **/
select::-ms-expand {
    display: none;
}

.toggle-mob {
    display: none;
}
/***** Globals - End *****/


/***** Header - Start *****/
header.main {

}
header.main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.main .bg {
    height: 188px;
    background: url("../Images/bg-header-kampagnen-start.png") no-repeat center 0;
    background-size: auto 188px;
}
header.main .logo-campaign-mob {
    display: none;
}
.towns header.main .bg {
    background: url("../Images/bg-header-towns.png") no-repeat center bottom;
    background-size: 610px auto;
}
.schools header.main .bg {
    background: url("../Images/bg-header-schools.png") no-repeat center bottom;
    background-size: 570px auto;
}
.unis header.main .bg {
    background: url("../Images/bg-header-unis.png") no-repeat center bottom;
    background-size: 630px auto;
}
.towns header.main.content .bg {
    background: url("../Images/bg-header-towns.png") no-repeat center bottom;
    background-size: auto 148px;
}
header.main .logo {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 82px;
    height: 98px;
    text-indent: -9999em;
    background: url("../Images/logo-ftde.png") no-repeat;
    background-size: 82px auto;
}
.towns header.main .logo {
    top: 20px;
    width: 206px;
    height: 144px;
    background: url("../Images/bg-logo-towns.png") no-repeat;
    background-size: 206px auto;
}
.schools header.main .logo {
    top: 32px;
    width: 206px;
    height: 115px;
    background: url("../Images/bg-logo-schools.png") no-repeat;
    background-size: 206px auto;
}
.unis header.main .logo {
    top: 13px;
    width: 209px;
    height: 185px;
    background: url("../Images/bg-logo-unis.png") no-repeat;
    background-size: 209px auto;
}

header.main .right-bar {
    position: absolute;
    top: 10px;
    right: 20px;
}
header.main nav.meta {
    float: right;
    margin: 7px 20px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
header.main nav.meta ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}
body.ftde nav.meta li#navitem595,
body.ftde nav.meta li#navitem596,
body.ftde nav.meta li#navitem597,
body.ftde nav.meta li#navitem603,
body.towns nav.main li#navitem604,
body.schools nav.main li#navitem605,
body.unis nav.main li#navitem606 {
    display: none;
}
header.main .search {
    float: right;
}
header.main .search label {
    display: block;
    float: left;
    margin: 7px 12px 0 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
header.main .search input[type="text"] {
    display: block;
    float: left;
    width: 165px;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #474747;
}
header.main .search input[type="submit"] {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border: none;
    background: url("../Images/bg-meta-search-submit.png") no-repeat center;
    background-size: 19px auto;
    cursor: pointer;
}

header.main nav.main {
    position: relative;
    height: 43px;
    font-family: 'Veneer';
    font-size: 24px;
    line-height: 43px;
    text-transform: uppercase;
    background: url("../Images/bg-nav-main.png") repeat;
    background-size: auto 43px;
    z-index: 100;
}
header.main nav.main div.meta {
    display: none;
}
header.main nav.main ul {
    text-align: center;
}

header.main nav.main ul li {
    position: relative;
    display: inline-block;
    margin: 0 17px;
}
header.main nav.main ul li a {
    color: #fff;
}
header.main nav.main ul li a:focus,
header.main nav.main ul li a:hover {
    text-decoration: none;
}

header.main nav.main ul li .icon-mob {
    display: none;
}

header.main nav.main ul li  > div.sub-wrapper {
    display: none;
}
header.main nav.main ul li:hover > div.sub-wrapper {
    display: block;
}

.towns header.main nav.main > ul > li.active > a,
.towns header.main nav.main > ul > li:hover > a {
    color: #bed600;
}
.schools header.main nav.main > ul > li.active > a,
.schools header.main nav.main > ul > li:hover > a {
    color: #ffa02f;
}
.unis header.main nav.main > ul > li.active > a,
.unis header.main nav.main > ul > li:hover > a {
    color: #e0119d;
}
header.main.start nav.main ul li {
    padding: 0 32px 0 0;
}
header.main.start nav.main ul li a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 23px;
    margin: -12px 0 0;
    background: url("../Images/bg-nav-main-arrow-sprite.png") no-repeat;
    background-size: auto 23px;
    transform: rotate(-90deg);
}
header.main nav.main ul li.towns a {
    color: #c9dd1d;
}
header.main nav.main ul li.towns a::after {
    background-position: 0 0;
}
header.main nav.main ul li.schools a {
    color: #ffa02f;
}
header.main nav.main ul li.schools a::after {
    background-position: -24px 0;
}
header.main nav.main ul li.unis a {
    color: #ff44be;
}
header.main nav.main ul li.unis a::after {
    background-position: -46px 0;
}

/** 2. Subebene **/
header.main nav.main > ul > li > ul {
    display: none;
    position: absolute;
    width: 300px;
    padding: 20px 0;
    font-family: Arial;
    font-size: 17px;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    border-top: 6px solid;
    background-color: #efefef;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
header.main nav.main > ul > li:nth-last-child(1) > ul,
header.main nav.main > ul > li:nth-last-child(2) > ul {
    right: 0;
}
header.main nav.main > ul > li:hover > ul {
    display: block;
}
header.main nav.main > ul > li > ul::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 65px;
    width: 8px;
    height: 8px;
    background-color: #bed600;
    transform: rotate(45deg);
}
.towns header.main nav.main > ul > li > ul::before {
    background-color: #bed600;
}
.schools header.main nav.main > ul > li > ul::before {
    background-color: #ffa02f;
}
.unis header.main nav.main > ul > li > ul::before {
    background-color: #e0119d;
}
header.main nav.main > ul > li:nth-last-child(1) > ul::before,
header.main nav.main > ul > li:nth-last-child(2) > ul::before {
    left: auto;
    right: 65px;
}
.towns header.main nav.main ul > li > ul {
    border-color: #bed600;
}
.schools header.main nav.main ul > li > ul {
    border-color: #ffa02f;
}
.unis header.main nav.main ul > li > ul {
    border-color: #e0119d;
}
header.main nav.main ul > li > ul a {
    display: block;
    padding: 8px 32px;
    color: #000;
}
header.main nav.main ul > li > ul li {
    display: block;
    margin: 0;
}
header.main nav.main ul > li > ul > li a:hover,
header.main nav.main ul > li > ul > li.active a,
.towns header.main nav.main ul > li > ul > li:hover,
.towns header.main nav.main ul > li > ul > li.active {
    background-color: #d7d7d7;
}
.towns header.main nav.main ul > li > ul > li a:hover {
    color: #000;
}
header.main nav.main ul > li > ul > li.active > a {
    font-weight: 700;
}
header.main nav.main ul > li > ul > li.has-children a {
    position: relative;
    padding-right: 40px;
}
header.main nav.main ul > li > ul > li.has-children > a::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 21px;
    width: 9px;
    height: 15px;
    background: url("../Images/bg-read-more-arrow-right-sprite.png") no-repeat;
    background-size: auto 15px;
}


/** 3. Subebene **/
header.main nav.main > ul > li > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    right: -300px;
    width: 300px;
    padding: 20px 0;
    font-family: Arial;
    font-size: 17px;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    background-color: #d7d7d7;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
header.main nav.main > ul > li > ul > li:hover > ul {
    display: block;
}
header.main nav.main ul > li > ul > li > ul > li.active a,
header.main nav.main ul > li > ul > li > ul > li a:hover {
    background-color: #efefef;
}
header.main nav.main ul > li > ul > li > ul > li.active a {
    font-weight: 700;
}


header.main nav.main .back {
    position: absolute;
    top: 0;
    left: 45px;
    padding: 0 0 0 19px;
    font-size: 16px;
    color: #fff;
    background: url("../Images/bg-nav-back-arrow.png") no-repeat 0 center;
    background-size: 9px auto;
}
header.main nav.main .back:focus,
header.main nav.main .back:hover {
    text-decoration: none;
}
.towns header.main nav.main .back:hover {
    color: #bed600;
}
.schools header.main nav.main .back:hover {
    color: #ffa02f;
}
.unis header.main nav.main .back:hover {
    color: #e0119d;
}
.ftde header.main nav.main .back:hover {
    color: #00b9e4;
}

header.main .print-btn {
    position: absolute;
    bottom: -29px;
    right: 34px;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 2;
}
/* hide print button on landing pages */
#page381 header.main .print-btn,
#page422 header.main .print-btn,
#page423 header.main .print-btn,
#page84 header.main .print-btn {
    display: none;
}
header.main .print-btn a {
    position: relative;
    display: inline-block;
    padding: 0 25px 0 0;
    text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.9),
    2px 2px 8px rgba(255, 255, 255, 0.9),
    -2px -2px 8px rgba(255, 255, 255, 0.9),
    -2px -2px 8px rgba(255, 255, 255, 0.9);
}
header.main .print-btn a::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 15px;
    height: 13px;
    background: url("../Images/bg-icon-print.png") no-repeat;
    background-size: 15px auto;
    z-index: 2;
}
header.main .print-btn a::after {
    content: '';
    position: absolute;
    top: 11px;
    right: 7px;
    height: 0;
    width: 0;
    border-radius: 10px;
    display: block;
    box-shadow: 0 0 13px 13px rgba(255,255,255,0.7);
}
header.main .print-btn a:hover::after {
    box-shadow: 0 0 13px 13px rgba(255,255,255,0.8);
}
/***** Header - End *****/






/***** Content - Start *****/
div.content {
    padding-top: 28px;
}

.bg-gray {
    background-color: #efefef;
}
h2.bg,
.tx-felogin-pi1 .teaser.bg h2 {
    display: inline-block;
    height: 54px;
    margin: 0 0 20px;
    padding: 0 40px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 54px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url("../Images/bg-headline.png") repeat;
    background-size: auto 54px;
}


/***** Main - Start *****/
.main {
    font-size: 16px;
    line-height: 1.5;
}
.main h1 {
    font-family: 'Veneer';
    font-size: 60px;
    line-height: 65px;
    margin: 0 0 15px 0;
    color: #00b9e4;
    text-transform: uppercase;
    word-wrap: break-word;
}
.towns .main h1 {
    color: #bed600;
}
.schools .main h1 {
    color: #ffa02f;
}
.unis .main h1 {
    color: #e0119d;
}
.ftde .main h1 {
    color: #00b9e4;
}

.main .csc-layout-50 h1 {
    display: inline-block;
    margin: 0 0 24px;
    padding: 0 10px;
    font-family: 'Veneer';
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url("../Images/bg-headline.png") repeat 0 0;
    background-size: auto 54px;
}

.main h2:not(.bg) {
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.main h3 {
    margin: 0 0 10px 0;
    font-family: 'Veneer';
    font-size: 24px;
    line-height: 29px;
    color: #000;
    text-transform: uppercase;
}
.main p {
    margin: 0 0 24px;
}

.main .ce-border img,
.main .ce-border iframe {
    border: 1px solid #333;
}
.main .ce-border img {
    max-width: 100%;
    height: auto;
}

.main .teaser {
    margin: 0 7% 40px;
    padding: 26px 30px 40px 30px;
}
.main .teaser.bg {
    background: url("../Images/bg-main-teaser-paper-kampagnen.png") repeat;
    background-size: auto 257px;
}
.towns .main .teaser.bg {
    background: url("../Images/bg-main-teaser-paper-towns.png") repeat;
    background-size: auto 68px;
}
.schools .main .teaser.bg {
    background: url("../Images/bg-main-teaser-paper-schools.png") repeat;
    background-size: auto 68px;
}
.unis .main .teaser.bg {
    background: url("../Images/bg-main-teaser-paper-unis.png") repeat;
    background-size: auto 68px;
}
.main .teaser .text {
    float: left;
}
.main .teaser .text h2,
.tx-felogin-pi1 .teaser.bg h2 {
    height: auto;
    padding: 0 10px;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
}
.main .teaser .text .more,
.tx-felogin-pi1 .teaser.bg input[type="submit"] {
    position: relative;
    display: inline-block;
    padding: 0 27px 0 14px;
    font-family: 'Veneer';
    font-size: 15px;
    line-height: 31px;
    color: #fff;
    text-transform: uppercase;
    background-color: #00b9e4;
}
.main .teaser .text a.more {
    text-decoration: none;
}
.main .teaser .text a.more:hover {
    text-decoration: underline;
}
.towns .main .teaser .text .more,
.towns .tx-felogin-pi1 .teaser.bg input[type="submit"] {
    color: #333;
    background-color: #bed600;
}
.schools .main .teaser .text .more,
.schools .tx-felogin-pi1 .teaser.bg input[type="submit"] {
    color: #333;
    background-color: #ffa02f;
}
.unis .main .teaser .text .more,
.unis .tx-felogin-pi1 .teaser.bg input[type="submit"] {
    color: #fff;
    background-color: #e0119d;
}
.main .teaser .text .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 9px;
    height: 15px;
    margin: -7px 0 0;
    background: url("../Images/bg-more-arrow-small-white.png") no-repeat;
    background-size: 9px auto;
}
.main .teaser .image {
    float: right;
    width: 270px;
    margin: 18px 0 0 40px;
    padding: 9px;
    background-color: #fff;
}
.main .teaser .image img {
    max-width: 100%;
    height: auto;
}

.main ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
div.main ul li {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 17px;
    overflow: hidden;
}
div.main ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    background: url("../Images/bg-li-sprite.png") no-repeat;
    background-size: auto 7px;
}
.towns div.main ul li::before {
    background-position: 0 0;
}
.schools div.main ul li::before {
    background-position: -7px 0;
}
.unis div.main ul li::before {
    background-position: -14px 0;
}
.ftde div.main ul li::before {
    background-position: -21px 0;
}

.folding-box {
    margin: -2px 0 0;
    padding: 0 0 0 3px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.folding-box h3 {
    font-size: 18px;
    margin: 0;
}
.towns .folding-box {
    border-color: #bed600;
}
.schools .folding-box {
    border-color: #ffa02f;
}
.unis .folding-box {
    border-color: #e0119d;
}
.ftde .folding-box {
    border-color: #00b9e4;
}
.folding-box:last-of-type {
    margin: -2px 0 40px;
}
.folding-box .head {
    position: relative;
    padding: 12px 40px 10px 0;
    cursor: pointer;
}
.folding-box .head::after {
    content: '';
    position: absolute;
    top: 9px;
    right: 9px;
    width: 27px;
    height: 27px;
    background: url("../Images/bg-folding-box-switch-sprite.png") no-repeat;
    background-size: auto 27px;
    transition: all 0.32s ease-in-out;
}
.towns .folding-box .head::after {
    background-position: 0 0;
}
.schools .folding-box .head::after {
    background-position: -26px 0;
}
.unis .folding-box .head::after {
    background-position: -52px 0;
}
.ftde .folding-box .head::after {
    background-position: -78px 0;
}
.folding-box.active .head::after {
    transform: rotate(-180deg);
}
.folding-box .body {
    display: none;
}
.folding-box .body a {
    text-decoration: underline;
}
.folding-box .body a:hover {
    text-decoration: none;
}
.towns .folding-box .body a {
    color: #bed600;
}
.schools .folding-box .body a {
    color: #ffa02f;
}
.unis .folding-box .body a {
    color: #e0119d;
}
.ftde .folding-box .body a {
    color: #00b9e4;
}

.folding-box .image {
    float: right;
    width: 370px;
    max-width: 50%;
    margin: 0 0 20px 20px;
}
.folding-box .image img {
    display: block;
    max-width: 100%;
}
.folding-box .image figcaption {
    padding: 3px 11px 5px;
    background-color: #efefef;
}


.csc-textpic-caption {
    padding: 4px 12px;
    color: #000;
    background-color: #e5e5e5;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 20px;
}

.teaser-box {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    border: 1px solid #aaa;
}
.teaser-box .image img {
    width: 100%;
    height: auto;
}
.teaser-box .text {
    padding: 12px 15px 0;
    line-height: 18px;
}
.teaser-box .text h3 {
    margin: 0 0 7px;
    font-size: 21px;
    line-height: 25px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Veneer';
}
.teaser-box .text p {
    margin: 0;
    font-size: 14px;
}
.container.content .teaser-box a {
    text-decoration: none;
}
.container.content .teaser-box a:hover {
    text-decoration: none;
}
.teaser-box .bottom .more {
    position: relative;
    display: block;
    max-width: 100%;
    height: 25px;
    margin: 0;
    font-size: 14px;
    text-indent: -9999em;
}
.teaser-box .bottom .more::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 11px;
    display: block;
    width: 9px;
    height: 15px;
    background: url("../Images/bg-read-more-arrow-right-sprite.png") no-repeat;
    background-size: auto 15px;
}
.teaser-box .bottom .more::after {
    background-position: 0 0;
}
.towns .teaser-box .bottom .more::after {
    background-position: -10px 0;
}
.schools .teaser-box .bottom .more::after {
    background-position: -19px 0;
}
.unis .teaser-box .bottom .more::after {
    background-position: -28px 0;
}
.ftde .teaser-box .bottom .more::after {
    background-position: -37px 0;
}

.main .quote {
    margin: 0 0 4px;
}
.main .quote .head {
    margin: 0 0 16px;
}
.main .quote .head h2 {
    margin: 0 0 2px;
}
.main .quote .image {
    float: left;
    width: 170px;
    height: 170px;
    margin: 0 44px 20px 0;
}
.main .quote .image img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
}
.main .quote .text {
    margin: 4px 0 0 34px;
}
.main .quote.has-image .text {
    margin-left: 0;
}
.main .quote .image + .text {
    margin-top: 21px;
}
.main .quote .text span {
    position: relative;
}
.main .quote .text span::before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: -34px;
    width: 27px;
    height: 26px;
    background: url("../Images/bg-quotes-apostrophes-sprite.png") no-repeat;
    background-size: auto 37px;
}
.main .quote .text span p:last-child::after {
    content: '';
    display: inline-block;
    position: relative;
    top: -4px;
    width: 11px;
    height: 10px;
    background: url("../Images/bg-quotes-apostrophes-sprite.png") no-repeat 0 -26px;
    background-size: auto 37px;
}
.towns .main .quote .text span::before {
    background-position: 0 0;
}
.towns .main .quote .text span p:last-child::after {
    background-position: 0 -26px;
}
.schools .main .quote .text span::before {
    background-position: -27px 0;
}
.schools .main .quote .text span p:last-child::after {
    background-position: -27px -26px;
}
.unis .main .quote .text span::before {
    background-position: -54px 0;
}
.unis .main .quote .text span p:last-child::after {
    background-position: -54px -26px;
}
.ftde .main .quote .text span::before {
    background-position: -81px 0;
}
.ftde .main .quote .text span p:last-child::after {
    background-position: -81px -26px;
}
/***** Main - End *****/


/***** Engagement - Start *****/
.teaser-folding {
    padding: 50px 0;
}
.teaser-folding h2.bg {
    height: 65px;
    margin: 0 0 30px;
    line-height: 65px;
    font-size: 36px;
}
.teaser-folding p {
    font-size: 16px;
}
.teaser-folding .read-more {
    position: relative;
    display: inline-block;
    padding: 0 21px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
}
.teaser-folding .read-more::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 15px;
    height: 9px;
    background: url("../Images/bg-read-more-arrow.png") no-repeat;
    background-size: auto 9px;
}
.teaser-folding .folding {
    display: none;
}
.teaser-folding .folding p {
    margin: 0;
}
.teaser-folding .folding .shut {
    position: relative;
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 21px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
}
.teaser-folding .folding .shut::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 15px;
    height: 9px;
    background: url("../Images/bg-read-more-arrow.png") no-repeat;
    background-size: auto 9px;
    transform: rotate(180deg);
}
/***** Engagement - End *****/


/***** Slider - Start *****/
.top-slider {
    position: relative;
    margin: -28px 0 0;
}
.top-slider .image img {
    width: 100%;
}
.top-slider .text {
    position: absolute;
    top: 92px;
    left: 45px;
}
.top-slider .text .title-link {
    display: block;
}
.top-slider .text h2 {
    display: block;
    margin: 0 0 12px;
    font-family: 'Veneer';
    font-size: 60px;
    color: #fff;
}
.top-slider .text h2 span {
    display: inline-block;
    padding: 0 6px 6px;
    line-height: 54px;
}
.top-slider .wsflexslider-style1 h2 span {
    background-color: #bed600;
}
.top-slider .wsflexslider-style2 h2 span {
    background-color: #ffa02f;
}
.top-slider .wsflexslider-style3 h2 span {
    background-color: #e0119d;
}
.top-slider .wsflexslider-style4 h2 span {
    background-color: #00b9e4;
}
.top-slider .text h3 {
    display: block;
    margin: 0;
    font-family: 'Veneer';
    font-size: 28px;
    line-height: 1;
    color: #000;
}
.top-slider .text h3 span {
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 4px 3px;
    background-color: #fff;
}

.flexslider {
    margin: 0;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.flexslider .slidercontent {
    position: relative;
}
.flexslider .slidercontent a {
    text-decoration: none;
}
.flexslider .flex-control-nav {
    bottom: 4px;
}
.flex-control-nav li {
    margin: 0 4px;
}
.flex-control-paging li a {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    background: rgba(255,255,255,0.8);
    box-shadow: none;
    border: 2px solid rgba(0,185,228,0.8);
}
.flex-control-paging li a.flex-active {
    position: relative;
    background: rgba(0,185,228,0.8);
    border: 2px solid rgba(255,255,255,0.8);
}
.flex-control-paging li a:not(.flex-active):hover {
    background: rgba(255,255,255,0.9);
}
div.main ul.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.main ul.flex-direction-nav li {
    position: inherit;
    margin: 0;
    padding: 0;
}
div.main ul li.slidercontent {
    position: relative;
    margin: 0;
    padding: 0;
}
div.main ul li.slidercontent::before,
div.main ul.flex-direction-nav li::before {
    display: none;
}
/***** Slider - End *****/


/***** Quotes - Start *****/
div.main .content-slider {
    margin: 0 0 32px 0;
}
div.main .content-slider ul {
    padding: 0;
}
.content-slider .image img {
    width: 100%;
    height: auto;
}
.content-slider .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 64px 0 0;
}
.content-slider .text .quote-text {
    position: relative;
    margin: 0 0 37px;
    font-family: 'Veneer';
    font-size: 24px;
    line-height: 30px;
    color: #000;
    z-index: 2;
}
.content-slider .text .quote-name {
    margin: 0 0 -7px;
    font-size: 15px;
    font-weight: 700;
}
.content-slider .text .quote-desc {
    margin: 0;
    font-size: 15px;
}

.content-slider .flex-direction-nav a {
    height: 50px;
    margin: -29px 0 0;
}

.flex-direction-nav a::before {
    color: #00b9e4;
}
.towns .flex-direction-nav a::before {
    color: #bed600;
}
.schools .flex-direction-nav a::before {
    color: #ffa02f;
}
.unis .flex-direction-nav a::before {
    color: #e0119d;
}
/***** Quotes - End *****/


/***** News-Events - Start *****/
.news-events {
    padding-top: 75px;
    padding-bottom: 40px;
}
.news-events > .news-teaser-outer .row {
    margin-left: 0;
    margin-right: 0;
}
.news-events h2.bg {
    position: relative;
    padding-left: 75px;
}
.news-events h2.bg::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 9px;
    width: 41px;
    height: 36px;
    background: url("../Images/bg-news-events-title-icon.png") no-repeat;
    background-size: auto 36px;
}
.news-events .news-teaser-outer {
    margin: 44px 0 0;
}
.news-events h3 {
    margin: 0 0 12px;
    font-family: 'Veneer';
    font-size: 23px;
    color: #000;
}
.news-events .news-teaser a:hover {
    text-decoration: none;
}
.news-events .news-teaser .image img {
    max-width: 100%;
    height: auto;
}
.news-events .news-teaser {
    margin: 0 0 33px;
    border: 1px solid #aaa;
    overflow: hidden;
}
.container.content .news-teaser a {
    text-decoration: none;
}
.news-events .news-teaser .text {
    height: 96px;
    padding: 21px 30px 30px;
    font-family: 'Veneer';
    font-size: 23px;
    line-height: 24px;
    color: #000;
    background-color: #fff;
}
.news-events .news-teaser .text p {
    margin: 0;
}
.news-events .news-teaser .bottom {
    height: 26px;
    padding: 0 10px 0 0;
    line-height: 26px;
    background-color: #00b9e4;
}
.news-events .news-teaser.towns .bottom,
.news-events .news-teaser.cat-56 .bottom,
.news-events .news-teaser.Towns .bottom,
.news-events .news-teaser.Fairtrade-Towns .bottom {
    background-color: #bed600;
}
.news-events .news-teaser.schools .bottom,
.news-events .news-teaser.cat-57 .bottom,
.news-events .news-teaser.cat-60 .bottom,
.news-events .news-teaser.cat-73 .bottom,
.news-events .news-teaser.Schools .bottom,
.news-events .news-teaser.Fairtrade-Schools .bottom {
    background-color: #ffa02f;
}
.news-events .news-teaser.unis .bottom,
.news-events .news-teaser.cat-77 .bottom,
.news-events .news-teaser.Unis .bottom,
.news-events .news-teaser.Fairtrade-Universities .bottom {
    background-color: #e0119d;
}
.towns .news-events .news-teaser .bottom {
    background-color: #bed600 !important;
}
.schools .news-events .news-teaser .bottom {
    background-color: #ffa02f !important;
}
.unis .news-events .news-teaser .bottom {
    background-color: #e0119d !important;
}
.campaign-start .news-events .event-teaser .bottom .more,
.news-events .news-teaser .more {
    padding: 0 17px 0 0;
    font-family: 'Veneer';
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-indent: -9999em;
    background: url("../Images/bg-more-arrow-small-white.png") no-repeat right 6px;
    background-size: 9px auto;
}
.news-events .news-teaser .date {
    display: none;
    font-family: 'Veneer';
    line-height: 36px;
    color: #000;
    padding: 15px 0 20px;
    font-size: 24px;
}

.news-events .more-news,
.news-events .csc-layout-20 {
    margin: 0 0 45px;
}
.news-events .more-news a,
.news-events .csc-layout-20 a {
    position: relative;
    padding: 0 32px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
    text-decoration: none;
}
.news-events .more-news a::before,
.news-events .csc-layout-20 a::before {
    content: '';
    position: absolute;
    top: -3px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
}
.news-events .more-news a.towns::before,
.news-events .csc-layout-20 a.towns::before {
    background-position: 0 0;
}
.news-events .more-news a.schools::before,
.news-events .csc-layout-20 a.schools::before {
    background-position: -25px 0;
}
.news-events .more-news a.unis::before,
.news-events .csc-layout-20 a.unis::before {
    background-position: -50px 0;
}
.news-events .more-news a.ftde::before,
.news-events .csc-layout-20 a.ftde::before {
    background-position: -75px 0;
}
.news-events .event-teaser,
.news-events .news-teaser.cat-53,
.news-events .news-teaser.cat-54,
.news-events .news-teaser.cat-58,
.news-events .news-teaser.cat-59,
.news-events .news-teaser.cat-61,
.news-events .news-teaser.cat-64,
.news-events .news-teaser.cat-71,
.news-events .news-teaser.cat-72,
.news-events .news-teaser.cat-75,
.news-events .news-teaser.cat-78,
.news-events .news-teaser.cat-84,
.news-events .news-teaser.cat-85,
.news-events .news-teaser.cat-86,
.news-events .news-teaser.cat-87,
.news-events .news-teaser.cat-91 {
    position: relative;
    height: 320px;
    margin: 0 0 32px;
    border: 1px solid #aaa;
    background-color: #fff;
}
.campaign-start .news-events .event-teaser,
.news-events .news-teaser.slim {
    height: 150px;
    padding: 0 5px;
}
.news-events .event-teaser a {
    text-decoration: none;
}
.news-events .event-teaser a:hover,
.news-events .news-teaser.cat-53 a:hover,
.news-events .event-teaser.cat-53 a:hover,
.news-events .news-teaser.cat-54 a:hover,
.news-events .news-teaser.cat-58 a:hover,
.news-events .news-teaser.cat-59 a:hover,
.news-events .news-teaser.cat-61 a:hover,
.news-events .news-teaser.cat-64 a:hover,
.news-events .news-teaser.cat-71 a:hover,
.news-events .news-teaser.cat-72 a:hover,
.news-events .news-teaser.cat-75 a:hover,
.news-events .news-teaser.cat-78 a:hover,
.news-events .news-teaser.cat-84 a:hover,
.news-events .news-teaser.cat-85 a:hover,
.news-events .news-teaser.cat-86 a:hover,
.news-events .news-teaser.cat-87 a:hover,
.news-events .news-teaser.cat-91 a:hover {
    text-decoration: none;
}
.news-events .event-teaser .date,
.news-events .news-teaser.cat-53 .date,
.news-events .event-teaser.cat-53 .date,
.news-events .news-teaser.cat-54 .date,
.news-events .news-teaser.cat-58 .date,
.news-events .news-teaser.cat-59 .date,
.news-events .news-teaser.cat-61 .date,
.news-events .news-teaser.cat-64 .date,
.news-events .news-teaser.cat-71 .date,
.news-events .news-teaser.cat-72 .date,
.news-events .news-teaser.cat-75 .date,
.news-events .news-teaser.cat-78 .date,
.news-events .news-teaser.cat-84 .date,
.news-events .news-teaser.cat-85 .date,
.news-events .news-teaser.cat-86 .date,
.news-events .news-teaser.cat-87 .date,
.news-events .news-teaser.cat-91 .date {
    display: block;
}
.campaign-start .news-events .event-teaser .date,
.news-events .news-teaser.slim .date {
    padding: 16px 0 0;
    font-family: 'Veneer';
    font-size: 24px;
}
.news-events .news-teaser.cat-53 .image,
.news-events .event-teaser.cat-53 .image,
.news-events .news-teaser.cat-54 .image,
.news-events .news-teaser.cat-58 .image,
.news-events .news-teaser.cat-59 .image,
.news-events .news-teaser.cat-61 .image,
.news-events .news-teaser.cat-64 .image,
.news-events .news-teaser.cat-71 .image,
.news-events .news-teaser.cat-72 .image,
.news-events .news-teaser.cat-75 .image,
.news-events .news-teaser.cat-78 .image,
.news-events .news-teaser.cat-84 .image,
.news-events .news-teaser.cat-85 .image,
.news-events .news-teaser.cat-86 .image,
.news-events .news-teaser.cat-87 .image,
.news-events .news-teaser.cat-91 .image {
    display: none;
}
.news-events .news-teaser.cat-53 .text,
.news-events .event-teaser.cat-53 .text,
.news-events .news-teaser.cat-54 .text,
.news-events .news-teaser.cat-58 .text,
.news-events .news-teaser.cat-59 .text,
.news-events .news-teaser.cat-61 .text,
.news-events .news-teaser.cat-64 .text,
.news-events .news-teaser.cat-71 .text,
.news-events .news-teaser.cat-72 .text,
.news-events .news-teaser.cat-75 .text,
.news-events .news-teaser.cat-78 .text,
.news-events .news-teaser.cat-84 .text,
.news-events .news-teaser.cat-85 .text,
.news-events .news-teaser.cat-86 .text,
.news-events .news-teaser.cat-87 .text,
.news-events .news-teaser.cat-91 .text {
    display: table;
    width: 100%;
    height: 174px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 36px;
}
.campaign-start .news-events .event-teaser .text,
.news-events .news-teaser.slim .text {
    height: 210px;
    display: table;
    font-size: 30px;
    line-height: 36px;
}
.news-events .news-teaser.cat-53 .text p,
.news-events .event-teaser.cat-53 .text p,
.news-events .news-teaser.cat-54 .text p,
.news-events .news-teaser.cat-58 .text p,
.news-events .news-teaser.cat-59 .text p,
.news-events .news-teaser.cat-61 .text p,
.news-events .news-teaser.cat-64 .text p,
.news-events .news-teaser.cat-71 .text p,
.news-events .news-teaser.cat-72 .text p,
.news-events .news-teaser.cat-75 .text p,
.news-events .news-teaser.cat-78 .text p,
.news-events .news-teaser.cat-84 .text p,
.news-events .news-teaser.cat-85 .text p,
.news-events .news-teaser.cat-86 .text p,
.news-events .news-teaser.cat-87 .text p,
.news-events .news-teaser.cat-91 .text p {
    display: table-cell;
    vertical-align: middle;
}
.campaign-start .news-events .event-teaser .text p,
.news-events .event-teaser.slim .text p {
    display: table-cell;
    vertical-align: middle;
}
.campaign-start .news-events .event-teaser .bottom,
.news-events .event-teaser.slim .bottom,
.news-events .news-teaser.cat-53 .bottom,
.news-events .event-teaser.cat-53 .bottom,
.news-events .news-teaser.cat-54 .bottom,
.news-events .news-teaser.cat-58 .bottom,
.news-events .news-teaser.cat-59 .bottom,
.news-events .news-teaser.cat-61 .bottom,
.news-events .news-teaser.cat-64 .bottom,
.news-events .news-teaser.cat-71 .bottom,
.news-events .news-teaser.cat-72 .bottom,
.news-events .news-teaser.cat-75 .bottom,
.news-events .news-teaser.cat-78 .bottom,
.news-events .news-teaser.cat-84 .bottom,
.news-events .news-teaser.cat-85 .bottom,
.news-events .news-teaser.cat-86 .bottom,
.news-events .news-teaser.cat-87 .bottom,
.news-events .news-teaser.cat-91 .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
}
.news-events .news-teaser.cat-53 .bottom .more,
.news-events .news-teaser.cat-54 .bottom .more,
.news-events .news-teaser.cat-58 .bottom .more,
.news-events .news-teaser.cat-59 .bottom .more,
.news-events .news-teaser.cat-61 .bottom .more,
.news-events .news-teaser.cat-64 .bottom .more,
.news-events .news-teaser.cat-71 .bottom .more,
.news-events .news-teaser.cat-72 .bottom .more,
.news-events .news-teaser.cat-75 .bottom .more,
.news-events .news-teaser.cat-78 .bottom .more,
.news-events .news-teaser.cat-84 .bottom .more,
.news-events .news-teaser.cat-85 .bottom .more,
.news-events .news-teaser.cat-86 .bottom .more,
.news-events .news-teaser.cat-87 .bottom .more,
.news-events .news-teaser.cat-91 .bottom .more,
.news-events .event-teaser .bottom .more {
    display: block;
    margin: 0;
}
.unis .news-events .news-teaser.cat-53 .bottom .more,
.unis .news-events .news-teaser.cat-54 .bottom .more,
.unis .news-events .news-teaser.cat-58 .bottom .more,
.unis .news-events .news-teaser.cat-59 .bottom .more,
.unis .news-events .news-teaser.cat-61 .bottom .more,
.unis .news-events .news-teaser.cat-64 .bottom .more,
.unis .news-events .news-teaser.cat-71 .bottom .more,
.unis .news-events .news-teaser.cat-72 .bottom .more,
.unis .news-events .news-teaser.cat-75 .bottom .more,
.unis .news-events .news-teaser.cat-78 .bottom .more,
.unis .news-events .news-teaser.cat-84 .bottom .more,
.unis .news-events .news-teaser.cat-85 .bottom .more,
.unis .news-events .news-teaser.cat-86 .bottom .more,
.unis .news-events .news-teaser.cat-87 .bottom .more,
.unis .news-events .news-teaser.cat-91 .bottom .more,
.unis .news-events .event-teaser .bottom .more {
    background: url("../Images/bg-read-more-arrow-big-right-white.png") no-repeat right center;
    background-size: 9px auto;
}
.campaign-start .news-events .event-teaser .bottom .more,
.news-events .event-teaser.slim .bottom .more {
    display: block;
    height: 26px;
    margin: 0;
    background: url("../Images/bg-more-arrow-small-white.png") no-repeat right center;
    background-size: 9px auto;
}
.news-events .event-teaser .title,
.news-events .news-teaser.slim .text,
.news-events .news-teaser.slim .title {
    min-height: 59px;
    padding: 0 0 17px;
    font-family: 'Veneer';
    font-size: 18px;
    line-height: 21px;
    color: #000;
    text-align: center;
}
.news-events .event-teaser .bottom {
    padding: 0 9px 0 0;
    background-color: #00b9e4;
}
.news-events .event-teaser.towns .bottom,
.news-events .event-teaser.Towns .bottom,
.news-events .event-teaser.Fairtrade-Towns .bottom {
    background-color: #bed600;
}
.news-events .event-teaser.schools .bottom,
.news-events .event-teaser.Schools .bottom,
.news-events .event-teaser.Fairtrade-Schools .bottom {
    background-color: #ffa02f;
}
.news-events .event-teaser.unis .bottom,
.news-events .event-teaser.Unis .bottom,
.news-events .event-teaser.Fairtrade-Universities .bottom {
    background-color: #e0119d;
}

.news-events .more-events,
.news-events .csc-layout-30 {
    margin: 11px 0 61px;
    padding: 0 15px 0 0;
    text-align: center;
}
.news-events .more-events a,
.news-events .csc-layout-30 a {
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 32px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
    text-decoration: none;
}
.news-events .more-events a::before,
.news-events .csc-layout-30 a::before {
    content: '';
    position: absolute;
    top: -3px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
}
.news-events .more-events a.towns::before,
.news-events .csc-layout-30 a.towns::before {
    background-position: 0 0;
}
.news-events .more-events a.schools::before,
.news-events .csc-layout-30 a.schools::before {
    background-position: -25px 0;
}
.news-events .more-events a.unis::before,
.news-events .csc-layout-30 a.unis::before {
    background-position: -50px 0;
}
.news-events .more-events a.ftde::before,
.news-events .csc-layout-30 a.ftde::before {
    background-position: -75px 0;
}
/***** News-Events - End *****/

/***** Subhome - Start *****/
.news-events .more-news-events {
    margin: 0 0 45px;
    padding: 0 9px 0 0;
    text-align: right;
}
.news-events .more-news-events a {
    position: relative;
    padding: 0 32px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
}
.news-events .more-news-events a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
}
.news-events .more-news-events a.towns::before {
    background-position: 0 0;
}
.news-events .more-news-events a.schools::before {
    background-position: -25px 0;
}
.news-events .more-news-events a.unis::before {
    background-position: -50px 0;
}

.subhome .news-events .event-teaser .date {
    padding: 36px 0;
    font-family: 'Veneer';
    font-size: 30px;
}
.subhome .news-events .event-teaser .text {
    height: 154px;
    padding: 52px 0 0;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 36px;
}
.subhome .news-events .event-teaser .bottom {
    padding: 0 21px 0 0;
}
.subhome .news-events .event-teaser .bottom .more {
    display: block;
    height: 60px;
    background: url("../Images/bg-read-more-arrow-big-right.png") no-repeat right center;
    background-size: auto 29px;
}
.subhome .news-events .more-news-events a {
    margin: 0 0 0 16px;
}
/***** Subhome - End *****/

/***** Campaign-Overview - Start *****/
.campaign-overview {
    display: flow-root;
    margin: 10px 0 0;
    padding: 70px 0 0;
    text-align: center;
    background-color: #efefef;
}
.subhome .campaign-overview {
    padding-bottom: 50px;
}
.campaign-overview h2.bg {
    position: relative;
    margin: 0 0 24px;
    padding-left: 75px;
}
.campaign-overview h2.bg::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 13px;
    width: 44px;
    height: 36px;
    background: url("../Images/bg-news-campaign-overview-title-icon.png") no-repeat;
    background-size: auto 36px;
}

.campaign-overview .overview-counter .logo {
    display: inline-block;
    width: 233px;
    height: 164px;
    background: url("../Images/bg-campaign-overview-counter-logo-sprite.png") no-repeat;
    background-size: auto 164px;
}
.campaign-overview .overview-counter.towns .logo,
.towns .campaign-overview .overview-counter .logo {
    background-position: 0 0;
}
.campaign-overview .overview-counter.schools .logo,
.schools .campaign-overview .overview-counter .logo{
    background-position: -236px 0;
}
.campaign-overview .overview-counter.unis .logo,
.unis .campaign-overview .overview-counter .logo {
    background-position: -470px 0;
}
.campaign-overview .overview-counter .counter span,
.campaign-overview .overview-counter .counter div.crd-countnum {
    display: inline-block;
    width: 30px;
    height: 44px;
    margin: 0 2px;
    font-family: 'Veneer';
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: url("../Images/bg-headline.png") no-repeat;
    background-size: auto 54px;

    padding: 0;
    border: none;
    float: none;
}
.campaign-overview .overview-counter .counter span {
    margin: 0 0 0 -1px;
}
.campaign-overview .cat-label-mob {
    display: none;
}

.campaign-overview .map {
    position: relative;
    height: 548px;
    margin: 26px 0 0;
    background-size: contain;
}
.campaign-overview .map .map-actions {
    position: absolute;
    top: 58px;
    right: 15px;
}
.campaign-overview .map .search {
    margin: 0 0 5px;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: rgba(0, 177, 224, .84);
}
.campaign-overview .map .search input[type="text"] {
    width: 190px;
    height: 30px;
    padding: 0 13px;
    font-size: 12px;
    border: none;
    background-color: #fff;
}
.campaign-overview .map .search input[type="submit"] {
    width: 30px;
    height: 30px;
    border: none;
    text-indent: -9999em;
    background: url("../Images/bg-campaign-overview-map-search-icon.png") no-repeat center;
    background-size: 27px auto;
}

.campaign-overview .map .filters {
    text-align: left;
    border: 1px solid #ccc;
    background-color: rgba(0, 177, 224, .84);
}
.campaign-overview .map .filters .switch {
    position: relative;
    height: 32px;
    cursor: pointer;
}
.campaign-overview .map .filters .switch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 19px;
    height: 13px;
    margin: -7px 0 0;
    background: url("../Images/bg-campaign-overview-map-filters-switch-arrow.png") no-repeat;
    background-size: 19px auto;
    transform: rotate(180deg);
    transition: all .5s;
}
.campaign-overview .map .filters.opened .switch::after {
    transform: rotate(0deg);
}
.campaign-overview .map .filters .filter {
    position: relative;
    margin: 0 0 3px;
    padding: 0 0 0 56px;
    font-size: 11px;
    font-weight: 700;
    line-height: 30px;
    background-color: #fff;
    cursor: pointer;
}
.campaign-overview .map .filters .filter.active::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: url("../Images/bg-campaign-overview-map-filters-category-sprite.png") no-repeat 0 -90px;
    background-size: 21px auto;
}
.campaign-overview .map .filters .filter::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 29px;
    width: 17px;
    height: 22px;
    background: url("../Images/bg-campaign-overview-map-filters-category-sprite.png") no-repeat;
    background-size: 21px auto;
}
.campaign-overview .map .filters .filter.towns::after {
    background-position: 0 0;
}
.campaign-overview .map .filters .filter.schools::after {
    background-position: 0 -22px;
}
.campaign-overview .map .filters .filter.unis::after {
    background-position: 0 -44px;
}
.campaign-overview .map .filters .filter.in-application::after {
    top: 3px;
    left: 28px;
    width: 19px;
    height: 24px;
    background-position: 0 -66px;
}
.campaign-overview .map .filters .switch-content {
    display: none;
    padding: 0 20px 20px;
}
.campaign-overview .map .filters .switch label {
    padding: 8px 20px 0;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
}

.subhome .campaign-overview h2.bg,
.towns .campaign-overview h2.bg {
    margin: 0 0 38px;
}
.subhome .overview-counter,
.towns .overview-counter,
.schools .overview-counter,
.unis .overview-counter {
    display: inline-block;
}
.subhome .overview-counter .logo,
.towns .overview-counter .logo {
    float: left;
    width: 190px;
    height: 134px;
    background: url("../Images/bg-campaign-overview-logo-towns.png") no-repeat;
    background-size: 190px auto;
}
.schools .overview-counter .logo,
.unis .overview-counter .logo {
    float: left;
}
.subhome .overview-counter .counter,
.towns .overview-counter .counter,
.schools .overview-counter .counter,
.unis .overview-counter .counter {
    float: left;
}
.subhome .overview-counter .counter,
.towns .overview-counter .counter {
    margin: 67px 0 0 25px;
}
.schools .overview-counter .counter {
    margin: 67px 0 0 25px;
}
.unis .overview-counter .counter {
    margin: 90px 0 0 25px;
}
/***** Campaign-Overview - End *****/


/***** Social-Walls - Start *****/
.social-walls {
    padding: 60px 0 50px;
    text-align: center;
    background-color: #efefef;
}
.social-walls .social-content img {
    width: 100%;
}
.social-walls h2.bg {
    position: relative;
    height: 45px;
    margin: 0 0 36px;
    font-size: 27px;
    line-height: 45px;
}
.social-walls h2.bg.fb {
    padding: 0 16px 0 50px;
}
.social-walls h2.bg.fb::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 13px;
    width: 16px;
    height: 28px;
    background: url("../Images/bg-social-walls-title-fb.png") no-repeat;
    background-size: 16px auto;
}
.social-walls h2.bg.tw {
    padding: 0 33px 0 62px;
}
.social-walls h2.bg.tw::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 11px;
    width: 30px;
    height: 24px;
    background: url("../Images/bg-social-walls-title-tw.png") no-repeat;
    background-size: 30px auto;
}
.social-walls h2.bg.inst {
    padding: 0 20px 0 50px;
}
.social-walls h2.bg.inst::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-social-walls-title-inst.png") no-repeat;
    background-size: 25px auto;
}
.social-walls .social-content {
    border-top: 6px solid #00b1e0;
}
.instafeed_frame {
    width:358px;
    height: 664px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0;
    background-color:#fff;
    padding-top: 2px;
}
.instafeed_frame .col-manipulate {
    padding-left: 1px;
    padding-right: 1px;
    overflow: hidden;
}
.instafeed_frame a {
    cursor: pointer;
}

section.bg-gray > div > .row {
    margin-left: 0;
    margin-right: 0;
}
.col-md-4.fb,
.col-md-4.tw,
.col-md-4.inst {
    margin: 0 0 40px;
    text-align: center;
}
.col-md-4.tw {
    padding: 0 30px 0 0;
}
.col-md-4.inst {
    padding: 0 30px 0 0;
}
.fb .csc-layout-40 h2,
.tw .csc-layout-40 h2,
.inst .csc-layout-40 h2 {
    position: relative;
    display: inline-block;
    height: 45px;
    margin: 0 0 36px;
    padding: 0 10px;
    font-family: 'Veneer';
    font-size: 27px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url("../Images/bg-headline.png") repeat 0 0;
    background-size: auto 54px;
}
.fb .csc-layout-40 h2 {
    padding: 0 16px 0 50px;
}
.fb .csc-layout-40 h2::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 13px;
    width: 16px;
    height: 28px;
    background: url("../Images/bg-social-walls-title-fb.png") no-repeat;
    background-size: 16px auto;
}
.tw .csc-layout-40 h2 {
    padding: 0 33px 0 62px;
}
.tw .csc-layout-40 h2::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 11px;
    width: 30px;
    height: 24px;
    background: url("../Images/bg-social-walls-title-tw.png") no-repeat;
    background-size: 30px auto;
}
.inst .csc-layout-40 h2 {
    padding: 0 20px 0 50px;
}
.inst .csc-layout-40 h2::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-social-walls-title-inst.png") no-repeat;
    background-size: 25px auto;
}

.cookie-content-placeholder {
    height: 548px;
    margin: 40px 0 60px;
    padding: 140px 40px 40px;
    text-align: center;
    border: 1px solid #d6dad9;
    background-color: #eaeef1;
}
.bg-gray .cookie-content-placeholder,
.campaign-overview .cookie-content-placeholder {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.fb .cookie-content-placeholder,
.inst .cookie-content-placeholder,
.tw .cookie-content-placeholder {
    height: 664px;
    margin: 0 0 0 15px;
}
.inst .cookie-content-placeholder {
    margin-right: -15px;
}
.cookie-content-placeholder h3 {
    font-family: 'Veneer';
}
a.placeholder-accept-cookie {
    display: inline-block;
    padding: 4px 20px;
    font-family: 'Veneer';
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #00b9e4;
}
.container.content a.placeholder-accept-cookie {
    text-decoration: none;
}
.ce-gallery.cols-1 .cookie-content-placeholder {
    width: 995px;
    margin: 0 0 28px;
}
.col-6 .ce-gallery.cols-1 .cookie-content-placeholder,
.col-sm-8 .ce-gallery.cols-1 .cookie-content-placeholder,
.col-md-8 .ce-gallery.cols-1 .cookie-content-placeholder,
.col-lg-8 .ce-gallery.cols-1 .cookie-content-placeholder,
.col-xl-8 .ce-gallery.cols-1 .cookie-content-placeholder {
    width: 650px;
    height: auto;
    padding: 40px;
}
.col-md-6 .ce-gallery.cols-1 .cookie-content-placeholder {
    width: 480px;
    height: auto;
    padding: 40px;
}
/***** Social-Walls - End *****/


/***** Register - Start *****/
.register.top {
    margin-bottom: 40px;
    text-align: center;
}
.register h1 {
    display: inline-block;
    margin: 0 0 38px;
    padding: 0 0 5px;
    font-family: 'Veneer';
    font-size: 36px;
    line-height: 1;
    color: #bed600;
    border-bottom: 3px solid #000;
}
.towns .register h1 {
    border-color: #bed600;
}
.schools .register h1 {
    border-color: #ffa02f;
}
.unis .register h1 {
    border-color: #e0119d;
}
.register.top p {
    font-size: 16px;
    line-height: 24px;
}
.register .part-1 {
    margin: 0 0 44px;
}
.register .part-2 {
    margin: 0 0 40px;
}
.register .part-3 {
    margin: 0 0 18px;
}
.register .part-4 {
    margin: 0 0 50px;
}
.register .part-5 {
    margin: 0 0 32px;
}
.register .part-6 {
    margin: 0 0 68px;
}
.register .form label,
.up-alert-fixed form label {
    margin: 10px 0 0;
    font-weight: 400;
    line-height: 18px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.register .form input[type="text"],
.up-alert-fixed form input[type="text"],
.up-alert-fixed form input[type="email"],
.register .form input[type="password"] {
    width: 100%;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.register .form textarea {
    width: 100%;
    height: 200px;
    min-height: 100px;
    max-height: 400px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
    resize: vertical;
}
.register .form select,
.up-alert-fixed form select {
    width: 100%;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.register .form input[type="file"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 0 30px;
    cursor: pointer;
}
.register .form input[type="submit"] {
    padding: 0 42px 0 30px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #bed600 url("../Images/bg-register-submit-arrow.png") no-repeat right center;
    background-size: auto 19px;
}
.register .form input.zip {
    float: left;
    width: 23%;
}
.register .form input.city {
    float: right;
    width: 75%;
}
.register .info {
    margin: 4px -20px 1px 0;
    font-size: 10px;
    line-height: 11px;
}
.register .info.kommune {
    margin-bottom: -3px;
}
.register h4 {
    margin: 0 0 25px;
    font-size: 14px;
    font-weight: 700;
}
.register .checkbox {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
.register .checkbox.gap {
    margin-bottom: 20px;
}
.register .checkbox input[type="checkbox"] {
    position: absolute;
    top: 12px;
    left: 15px;
    margin: 0;
}
.register .checkbox label {
    min-height: 1px;
    margin: 10px 0 12px 20px;
    padding: 0;
}
.register .checkbox .cfrm-preview + label {
    margin-left: 40px;
}

.register .file-upload {
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 0 0 10px;
    padding: 0 36px 0 0;
}
.register .file-upload::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("../Images/bg-form-file-upload.png") no-repeat;
    background-size: 30px auto;
}
.register .file-upload label {
    font-family: 'Veneer';
    font-size: 16px;
}
.register .form .file-upload input[type="file"] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 2;
}

.register .form {
    font-size: 14px;
}
.register .row.gap {
    margin-top: 40px;
}
.register .form .part::after {
    content: '';
    display: table;
    clear: both;
}
.register .form .part label {
    float: left;
    width: 42%;
}
.register .form .part.full label {
    display: block;
    float: none;
    margin: 0 0 6px;
}
.register .form .part input[type="text"],
.register .form .part input[type="password"] {
    float: left;
    width: 58%;
}
.register .form .part select {
    width: 58%;
}
.register .part .info {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
}
.register .part .info.no-top-indent {
    margin: 0;
}
.register .upload {
    margin-top: 20px;
    margin-bottom: 10px;
}
.register .part .subpart {
    float: left;
    margin: 0 16px 0 0;
}
.register .part .subpart .ch-loadwrap {
    margin: 0;
}
.register .part .subpart .up-wrap {
    min-width: 150px;
    margin: -6px 0 20px;
}
.register .form .part .lbl {
    float: left;
    width: 42%;
}
.register .form .part .lbl label {
    width: auto;
}
.register .form .part .lbl.fullwidth {
    width: 20.6666%;
}
.register .form .part .ipt {
    float: left;
    width: 58%;
}
.register .form .part .ipt.fullwidth {
    width: 79.3333%;
    margin: 0 0 20px;
}
.register .form .part .ipt .str {
    width: 78%;
}
.register .form .part .ipt .hnr {
    float: right;
    width: 20%;
}
.register .form .part label[for="plz"],
.register .form .part label[for="plz2"],
.register .form .part label[for="ort"],
.register .form .part label[for="ort2"] {
    float: none;
    width: auto;
}
.register h3 {
    font-family: Arial;
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}
.register .form .checkbox input[type="checkbox"] {
    left: 0;
}
.register .form .checkbox.top input[type="checkbox"] {
    top: 2px;
}
.register .form .ipt.fullwidth .checkbox input[type="checkbox"] {
    top: 4px;
}
.register .form .submit {
    margin-top: 40px;
}
.register .form .part .checkbox label {
    float: none;
    width: auto;
    margin: 0 0 0 20px;
}
.register .ipt.fullwidth .checkbox {
    float: left;
    width: 39%;
    margin: 0 0 20px;
}
.register .form .row .type {
    margin-top: 35px;
    margin-bottom: 12px;
}
.register .form .cfrm-preview {
    display: block;
    float: left;
    margin: 8px 0 10px;
}
.register .form #ort + .cfrm-preview,
.register .form #ort2 + .cfrm-preview {
    margin-left: 4px;
}
.register .form #aktionen + .cfrm-preview {
    margin: 0 0 40px 0;
}
.cfrm-preview + .info {
    display: none;
}
.register .form .part .checkbox .cfrm-preview {
    top: auto;
    margin: 0;
}
.register .form .part .checkbox .cfrm-preview + label {
    margin: 2px 0 0 40px;
}

.gap {
    margin-bottom: 40px;
}
.register #recaptcha-container {
    height: 78px;
}
.register #g-recaptcha {
    left: 50%;
    margin-left: -152px;
    position: absolute;
}
.tx_rmnewsletterapi_nlsubscription_container #g-recaptcha {
    float: left;
}
/***** Register - End *****/


/***** News-List - Start *****/
.news-list {
    margin: 16px 0 0;
}
.news-entry {
    margin-bottom: 36px;
}
.news-list .news-entry .border > div {
    margin: 12px 0 0;
    border-bottom: 4px solid #00b9e4;
}
.towns .news-list .news-entry .border > div {
    border-color: #bed600;
}
.schools .news-list .news-entry .border > div {
    border-color: #ffa02f;
}
.unis .news-list .news-entry .border > div {
    border-color: #e0119d;
}
.news-list .news-entry .border.top {
    display: none;
}
.news-list .news-entry .border.top > div {
    margin: 0 0 32px;
}
.news-list .news-entry:nth-of-type(1) .border.top {
    display: block;
}
.news-list h2.bg {
    height: 34px;
    margin: 0 0 32px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 32px;
}
.news-list .image {
    margin: 0 0 20px;
}
.news-list .image img {
    max-width: 100%;
    height: auto;
}
.news-list .top {
    margin-top: -7px;
    font-size: 12px;
}
.news-list .category {
    text-transform: uppercase;
}
.news-list .title h3 {
    margin: 0 0 5px;
    font-family: 'Veneer';
    font-size: 22px;
    color: #00b9e4;
    line-height: 25px;
}
.towns .news-list .title h3 {
    color: #bed600;
}
.schools .news-list .title h3 {
    color: #ffa02f;
}
.unis .news-list .title h3 {
    color: #e0119d;
}
.news-list .text p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
}
.news-list .bottom {
    text-align: right;
}
.news-list .bottom a,
.news-list .bottom .more {
    position: relative;
    display: inline-block;
    padding: 0 34px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
    color: #000;
}
.news-list .bottom a::after,
.news-list .bottom .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 0;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
}
.news-list .news-list-morelink {
    display: block;
    margin: 32px 0 0;
    padding: 0;
    text-align: right;
}
.news-list .news-list-morelink a {
    position: relative;
    display: inline-block;
    padding: 0 34px 0 0;
    font-family: 'Veneer';
    font-size: 16px;
    color: #000;
    text-decoration: none;
}
.news-list .news-list-morelink a:hover {
    text-decoration: underline;
}
.news-list .news-list-morelink a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 0;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat -75px 0;
    background-size: auto 25px;
}
.towns .news-list .news-list-morelink a::after {
    background-position: 0 0;
}
.schools .news-list .news-list-morelink a::after {
    background-position: -25px 0;
}
.unis .news-list .news-list-morelink a::after {
    background-position: -50px 0;
}
.news-list .showResultsWrap {
    display: none;
}
.main .news-list .news-page-browser {
    margin: 0 0 32px;
    font-size: 14px;
    text-align: center;
}
.news-list .news-page-browser li {
    display: inline-block;
    margin: 0 8px;
}
div.main .news-list .news-page-browser li {
    padding: 0;
}
div.main .news-list .news-page-browser li a {
    text-decoration: none;
}
div.main .news-list .news-page-browser li a:hover {
    text-decoration: underline;
}
div.main .news-list .news-page-browser li.active {
    font-weight: 700;
}
.news-list .news-page-browser li::before {
    display: none;
}

.news-list .paging {
    margin: 0 0 40px;
}
.news-list .paging nav ul li {
    display: inline-block;
    margin: 0 7px;
}
.news-list .paging nav ul li a {
    display: block;
}
.news-list .paging nav ul li.nav {
    position: relative;
    top: 3px;
    margin: 0;
}
.news-list .paging nav ul li.nav a {
    width: 18px;
    height: 18px;
    background: url("../Images/bg-news-paging-arrows.png") no-repeat;
    background-size: auto 18px;
}
.news-list .paging nav ul li.nav.to-start a {
    margin: 0 -3px 0 0;
    background-position: -20px 0;
    transform: rotate(180deg);
}
.news-list .paging nav ul li.nav.back a {
    background-position: 0 0;
    transform: rotate(180deg);
}
.news-list .paging nav ul li.nav.next a {
    background-position: 0 0;
}
.news-list .paging nav ul li.nav.to-end a {
    margin: 0 0 0 -3px;
    background-position: -20px 0;
}

.news-list .news-page-browser .disabledLinkWrap,
.news-list .news-page-browser li:nth-child(1) a,
.news-list .news-page-browser li:nth-child(2) a,
.news-list .news-page-browser li:nth-last-child(1) a,
.news-list .news-page-browser li:nth-last-child(2) a {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-indent: -9999em;
    vertical-align: text-bottom;
    background: url("../Images/bg-news-paging-arrows-sprite.png") no-repeat;
    background-size: 37px auto;
    overflow: hidden;
}
.news-list .news-page-browser .disabledLinkWrap {
    opacity: .5;
}
.news-list .news-page-browser li:nth-child(1),
.news-list .news-page-browser li:nth-child(2),
.news-list .news-page-browser li:nth-last-child(1),
.news-list .news-page-browser li:nth-last-child(2) {
    margin: 0;
}
.news-list .news-page-browser li:nth-child(1) a,
.news-list .news-page-browser .disabledLinkWrap:nth-child(1) {
    background-position: -20px -52px;
    transform: rotate(180deg);
}
.news-list .news-page-browser li:nth-child(2) a,
.news-list .news-page-browser .disabledLinkWrap:nth-child(2) {
    margin-right: 10px;
    background-position: 0 -52px;
    transform: rotate(180deg);
}
.news-list .news-page-browser li:nth-last-child(1) a,
.news-list .news-page-browser .disabledLinkWrap:nth-last-child(1) {
    background-position: -20px -52px;
}
.news-list .news-page-browser li:nth-last-child(2) a,
.news-list .news-page-browser .disabledLinkWrap:nth-last-child(2) {
    margin-left: 10px;
    background-position: 0 -52px;
}

.towns .news-list .news-page-browser li:nth-child(1) a,
.towns .news-list .news-page-browser .disabledLinkWrap:nth-child(1) {
    background-position: -20px 0;
    transform: rotate(180deg);
}
.towns .news-list .news-page-browser li:nth-child(2) a,
.towns .news-list .news-page-browser .disabledLinkWrap:nth-child(2) {
    margin-right: 10px;
    background-position: 0 0;
    transform: rotate(180deg);
}
.towns .news-list .news-page-browser li:nth-last-child(1) a,
.towns .news-list .news-page-browser .disabledLinkWrap:nth-last-child(1) {
    background-position: -20px 0;
}
.towns .news-list .news-page-browser li:nth-last-child(2) a,
.towns .news-list .news-page-browser .disabledLinkWrap:nth-last-child(2) {
    margin-left: 10px;
    background-position: 0 0;
}

.schools .news-list .news-page-browser li:nth-child(1) a,
.schools .news-list .news-page-browser .disabledLinkWrap:nth-child(1) {
    background-position: -20px -17px;
    transform: rotate(180deg);
}
.schools .news-list .news-page-browser li:nth-child(2) a,
.schools .news-list .news-page-browser .disabledLinkWrap:nth-child(2) {
    margin-right: 10px;
    background-position: 0 -17px;
    transform: rotate(180deg);
}
.schools .news-list .news-page-browser li:nth-last-child(1) a,
.schools .news-list .news-page-browser .disabledLinkWrap:nth-last-child(1) {
    background-position: -20px -17px;
}
.schools .news-list .news-page-browser li:nth-last-child(2) a,
.schools .news-list .news-page-browser .disabledLinkWrap:nth-last-child(2) {
    margin-left: 10px;
    background-position: 0 -17px;
}

.unis .news-list .news-page-browser li:nth-child(1) a,
.unis .news-list .news-page-browser .disabledLinkWrap:nth-child(1) {
    background-position: -20px -35px;
    transform: rotate(180deg);
}
.unis .news-list .news-page-browser li:nth-child(2) a,
.unis .news-list .news-page-browser .disabledLinkWrap:nth-child(2) {
    margin-right: 10px;
    background-position: 0 -35px;
    transform: rotate(180deg);
}
.unis .news-list .news-page-browser li:nth-last-child(1) a,
.unis .news-list .news-page-browser .disabledLinkWrap:nth-last-child(1) {
    background-position: -20px -35px;
}
.unis .news-list .news-page-browser li:nth-last-child(2) a,
.unis .news-list .news-page-browser .disabledLinkWrap:nth-last-child(2) {
    margin-left: 10px;
    background-position: 0 -35px;
}
/***** News-List - End *****/


/***** News-Detail - Start *****/
.news-detail {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 24px;
}
.news-detail h2.bg {
    float: left;
    height: 34px;
    margin: 0 0 32px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 32px;
}
.news-detail.termin h2.bg {
    float: none;
}
.news-detail .top {
    float: left;
    margin: 3px 0 0 12px;
}
.news-detail .category {
    position: relative;
    display: inline-block;
    padding: 0 7px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
.news-detail .category::after {
    content: '|';
    position: absolute;
    top: -2px;
    right: 0;
}
.news-detail .date {
    display: inline-block;
    font-size: 12px;
}
.news-detail h1 {
    margin: -5px 0 30px;
    font-family: 'Veneer';
    font-size: 24px;
    color: #bed600;
}
.news-detail.termin h1 {
    line-height: 24px;
    margin: 0 0 30px 0;
    padding: 1px 0 0;
}
.news-detail p.subheader {
    margin-bottom: 36px;
    font-family: 'Veneer';
    font-size: 18px;
    color: #000;
}
.news-detail h4 {
    margin: 0 0 2px;
    font-family: 'Veneer';
    font-size: 18px;
    color: #000;
}
.news-detail .news-single-image {
    width: 400px;
    float: left;
    margin: 0 20px 20px 0;
}
.news-detail .image img {
    max-width: 100%;
    height: auto;
    margin: 0 0 8px;
}
.news-detail p {
    margin: 0 0 24px;
}
.news-detail .news-single-imgcaption {
    width: auto !important;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #888;
}

.news-detail .news-single-backlink {
    margin: 20px 0;
}
.news-detail .news-single-newsroomlink {
    margin: 0 0 20px 0;
}
.news-detail .news-single-backlink a,
.news-detail .news-single-newsroomlink a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 32px;
    text-decoration: none;
}
.news-detail .news-single-backlink a:hover,
.news-detail .news-single-newsroomlink a:hover {
    text-decoration: underline;
}
.news-detail .news-single-backlink a::after,
.news-detail .news-single-newsroomlink a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 0;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
    background-position: -75px 0;
    transform: rotate(180deg);
}
.towns .news-detail .news-single-backlink a::after,
.towns .news-detail .news-single-newsroomlink a::after {
    background-position: 0 0;
}
.schools .news-detail .news-single-backlink a::after,
.schools .news-detail .news-single-newsroomlink a::after {
    background-position: -25px 0;
}
.unis .news-detail .news-single-backlink a::after,
.unis .news-detail .news-single-newsroomlink a::after {
    background-position: -50px 0;
}

.news-detail.termin .date {
    display: inline-block;
    padding: 1px 0 0;
    font-family: Veneer;
    font-size: 24px;
    vertical-align: top;
}
.towns .news-detail.termin .date {
    color: #bed600;
}
.schools .news-detail.termin .date {
    color: #ffa02f;
}
.unis .news-detail.termin .date {
    color: #e0119d;
}
.news-detail.termin .title {
    position: relative;
    display: inline-block;
    max-width: 86%;
    margin: 0 0 0 1px;
    padding: 0 0 0 11px;
}
.towns .news-detail.termin .title h1,
.schools .news-detail.termin .title h1,
.unis .news-detail.termin .title h1 {
    color: #000;
}
.news-detail.termin .title::before {
    content: '|';
    position: absolute;
    top: 1px;
    left: 0;
    font-weight: 700;
    font-family: Veneer;
    font-size: 23px;
}
.news-detail.termin .address-details {
    padding: 10px 10px 10px 35px;
    background-color: #efefef;
    background-image: url(/typo3conf/ext/fttowns/Resources/Public/images/icon_kampagne_act.png);
    background-repeat: no-repeat;
    background-position: 5px 6px;
    background-size: auto 30px;
    margin-bottom: 32px;
}
.news-detail.termin .address-place {
    font-weight: bold;
}
.towns .news-detail.termin .address-details {
    background-image: url("/typo3conf/ext/fttowns/Resources/Public/images/icon_town_act.png");
}
.schools .news-detail.termin .address-details {
    background-image: url("/typo3conf/ext/ftschools/Resources/Public/images/mapicon_school.png");
}
.unis .news-detail.termin .address-details {
    background-image: url("/typo3conf/ext/fttowns/Resources/Public/images/icon_uni_act.png");
}
/***** News-Detail - End *****/


/***** City-Index - Start *****/
.teaser-cityindex {
    padding: 0 0 90px;
}
.teaser-cityindex > .inner {
    position: relative;
}
.teaser-cityindex .image img {
    max-width: 100%;
    height: auto;
}
.teaser-cityindex .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.teaser-cityindex .text .centerer {
    display: table;
    width: 100%;
    height: 100%;

}
.teaser-cityindex .text .centerer .inner {
    display: table-cell;
    vertical-align: middle;
}
.teaser-cityindex p {
    margin: 0 0 40px;
    font-family: 'Veneer';
    font-size: 24px;
    color: #000;
    line-height: 30px;
}
.teaser-cityindex a.more,
.teaser-cityindex a.pfeil,
.content-slider .quote-text a.pfeil {
    position: relative;
    display: inline-block;
    padding: 0 38px 0 0;
    font-family: 'Veneer';
    font-size: 19px;
    line-height: 32px;
    color: #000;
    text-decoration: none;
}
.teaser-cityindex p:last-of-type {
    margin-bottom: 0;
}
.teaser-cityindex a.more::after,
.teaser-cityindex a.pfeil::before,
.content-slider .quote-text a.pfeil::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    left: auto;
    width: 30px;
    height: 30px;
    background: url("../Images/bg-teaser-cityindex-more-sprite.png") no-repeat;
    background-size: auto 30px;
}
.towns .teaser-cityindex a.more::after,
.towns .teaser-cityindex a.pfeil::before {
    background-position: 0 0;
}
.schools .teaser-cityindex a.more::after,
.schools .teaser-cityindex a.pfeil::before {
    background-position: -29px 0;
}
.unis .teaser-cityindex a.more::after,
.unis .teaser-cityindex a.pfeil::before {
    background-position: -59px 0;
}
/***** City-Index - End *****/

/***** City-Index / List - Start *****/
.tx-fttowns .crd-ext {
    margin: 60px 0 0;
}

.crd-wait, #wait {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background: #fff url('../Images/wait.gif') no-repeat center;
    z-index: 100;
    border: 1px solid #24b1da;
}

#wraper {
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
}
.wraperinner {
    position: absolute;
    left: 0;
    height: 490px;
}
.wraperinner .inner {
    position: absolute;
    border-top: 2px solid #efefef;
}

.crd-ext input.crd-searchtxt {
    width: 230px;
    height: 38px;
    padding: 0 14px;
    font-size: 15px;
    border: 2px solid #ddd;
}
.crd-ext #submitfull {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-green.png") no-repeat;
    background-size: 27px auto;
    text-indent: -9999em;
    cursor: pointer;
}
.towns .crd-ext #submitfull {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-green.png");
}
.schools .crd-ext #submitfull {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-orange.png");
}
.unis .crd-ext #submitfull {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-magenta.png");
}

.crd-col2-0, .crd-col2-1 {
    float: left;
    display: block;
    margin: 0 30px 0 0;
}
#crd-list-no-results-msg {
    text-align: center;
}
.crd-listsort {
    position: relative;
    margin: 15px 0 0;
}
.crd-listsort #viewcrdlistsort,
.crd-listsort #viewcrdartsort,
.crd-listsort #viewcrdblsort {
    width: 269px;
    height: 36px;
    margin: 0 0 20px;
    padding: 8px 16px 0;
    background-color: #bed600;
}
.towns .crd-listsort #viewcrdlistsort,
.towns .crd-listsort #viewcrdartsort,
.towns .crd-listsort #viewcrdblsort {
    background-color: #bed600;
}
.schools .crd-listsort #viewcrdlistsort,
.schools .crd-listsort #viewcrdartsort,
.schools .crd-listsort #viewcrdblsort {
    background-color: #ffa02f;
}
.unis .crd-listsort #viewcrdlistsort,
.unis .crd-listsort #viewcrdartsort,
.unis .crd-listsort #viewcrdblsort {
    background-color: #e0119d;
}
.unis .crd-listsort #viewcrdblsort > span {
    color: #fff;
}
.crd-listsort #viewcrdlistsort::before,
.crd-listsort #viewcrdartsort::before,
.crd-listsort #viewcrdblsort::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 12px;
    width: 19px;
    height: 13px;
    background: url("../Images/bg-arrow-down-dropdown.png") no-repeat;
    background-size: 19px auto;
}
.unis .crd-listsort #viewcrdblsort::before {
    background: url("../Images/bg-arrow-down-dropdown-white.png") no-repeat;
    background-size: 19px auto;
}
.crd-listsort#crdlistsortwrap {
    float: right;
}
.crd-listsort #viewcrdlistsort,
.towns .crd-listsort #viewcrdlistsort,
.schools .crd-listsort #viewcrdlistsort,
.unis .crd-listsort #viewcrdlistsort {
    background-color: #efefef;
}

.crd-listsort ul#crdlistsort,
.crd-listsort ul#crdartsort,
.crd-listsort ul#crdblsort,
.crd-listsort ul#crdlistsort {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    padding: 0;
    list-style-type: none;
    border: 2px solid #ddd;
    background-color: #fff;
    z-index: 5;
}
.crd-listsort ul#crdlistsort li,
.crd-listsort ul#crdartsort li,
.crd-listsort ul#crdblsort li,
.crd-listsort ul#crdlistsort li {
    margin: 0;
    cursor: pointer;
}
.crd-listsort ul#crdlistsort li::before,
.crd-listsort ul#crdartsort li::before,
.crd-listsort ul#crdblsort li::before,
.crd-listsort ul#crdlistsort li::before {
    display: none;
}
#crdartsort li,
#crdblsort li,
#crdlistsort li {
    border-bottom: 2px solid #ddd;
    padding: 6px 16px;
}
#crdartsort li:last-child,
#crdblsort li:last-child,
#crdlistsort li:last-child {
    border-bottom: none;
}
.crd-listsort ul#crdlistsort li:hover,
.crd-listsort ul#crdartsort li:hover,
.crd-listsort ul#crdblsort li:hover {
    margin: -2px -2px;
    padding: 8px 16px 10px 18px;
    border: none;
    background-color: #bed600;
}
.towns .crd-listsort ul#crdlistsort li:hover,
.towns .crd-listsort ul#crdartsort li:hover,
.towns .crd-listsort ul#crdblsort li:hover {
    background-color: #bed600;
}
.schools .crd-listsort ul#crdlistsort li:hover,
.schools .crd-listsort ul#crdartsort li:hover,
.schools .crd-listsort ul#crdblsort li:hover {
    background-color: #ffa02f;
}
.unis .crd-listsort ul#crdlistsort li:hover,
.unis .crd-listsort ul#crdartsort li:hover,
.unis .crd-listsort ul#crdblsort li:hover {
    color: #fff;
    background-color: #e0119d;
}

.crd-listwrap {
    position: relative;
    min-height: 600px;
}
.crd-listname {
    position: relative;
    padding: 0 0 0 37px;
}
.crd-listwrap .crd-list {
    display: block;
    height: 48px;
    padding: 9px 0 0 0;
    border-bottom: 2px solid #efefef;
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: auto 40px;
}
.crd-listwrap .crd-listname {
    font-family: 'Veneer';
    font-size: 18px;
}
.crd-listwrap .crd-lidtin .crd-listname {
    color: #000;
}
.crd-listname-details {
    position: absolute;
    top: 2px;
    right: 10px;
    padding: 0 33px 0 0;
    font-family: Arial;
    font-size: 14px;
    line-height: 25px;
}
.crd-listname-details::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-arrow-right-details-sprite.png") no-repeat;
    background-size: auto 25px;
}
.towns .crd-listname-details::before {
    background-position: 0 0;
}
.schools .crd-listname-details::before {
    background-position: -25px 0;
}
.unis .crd-listname-details::before {
    background-position: -50px 0;
}
.crd-listrang {
    position: absolute;
    top: 4px;
    right: 118px;
    font-family: Arial;
    font-size: 14px;
    text-align: right;
    background-color: #fff;
}
.crd-listrang::before {
    content: '';
    position: absolute;
    top: 6px;
    right: -15px;
    height: 10px;
    border-right: 1px solid #000;
}

#navwrap {
    float: left;
    width: 100%;
    margin: 40px 0 40px;
}
#slidernav {
    float: left;
}
#slidernav .wrapcntwrap .wrapcnt {
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    display: inline-block;
}
.towns #slidernav .wrapcntwrap .wrapcnt:hover {
    color: #bed600;
}
.schools #slidernav .wrapcntwrap .wrapcnt:hover {
    color: #ffa02f;
}
.unis #slidernav .wrapcntwrap .wrapcnt:hover {
    color: #e0119d;
}
#selectitemsperpage {
    float: right;
}
#slidernav .wrapcntwrap {
    float: left;
    width: 690px;
    margin: 2px 0 0 10px;
}
#slidernav .wrapcntwrap .wrapcnt {
    display: inline-block;
    padding: 0 4px;
    cursor: pointer;
}
#slidernav .bck {
    display: block !important;
    float: left;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-paging-nav-arrows-sprite.png") no-repeat -25px -25px;
    background-size: 50px auto;
    cursor: pointer;
}
#slidernav .bck.active {
    background-position: 0 -25px;
}
#slidernav .fw {
    display: block !important;
    float: left;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-paging-nav-arrows-sprite.png") no-repeat -25px 0;
    background-size: 50px auto;
    cursor: pointer;
}
#slidernav .fw.active {
    background-position: 0 0;
}

.unis #slidernav .bck {
    display: block !important;
    float: left;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-paging-nav-arrows-unis-sprite.png") no-repeat -25px -25px;
    background-size: 50px auto;
    cursor: pointer;
}
.unis #slidernav .bck.active {
    background-position: 0 -25px;
}
.unis #slidernav .fw {
    display: block !important;
    float: left;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-paging-nav-arrows-unis-sprite.png") no-repeat -25px 0;
    background-size: 50px auto;
    cursor: pointer;
}
.unis #slidernav .fw.active {
    background-position: 0 0;
}

#slidernav .wrapcntwrap {
    padding-right: 5px;
    text-align: center;
}
#slidernav .wrapcntwrap .wrapcnt-active {
    font-weight: normal;
    color: #bed600;
}
.towns #slidernav .wrapcntwrap .wrapcnt-active {
    color: #bed600;
}
.schools #slidernav .wrapcntwrap .wrapcnt-active {
    color: #ffa02f;
}
.unis #slidernav .wrapcntwrap .wrapcnt-active {
    color: #e0119d;
}
.nav-itemsperpage {
    margin: 0 1px;
    cursor: pointer;
}
.towns .nav-itemsperpage-act {
    color: #bed600;
}
.schools .nav-itemsperpage-act {
    color: #ffa02f;
}
.unis .nav-itemsperpage-act {
    color: #e0119d;
}

.list-border {
    border-bottom: 6px solid #efefef;
}
.list-border.top {
    margin: 0 0 40px;
}
/***** City-Index / List - End *****/

/***** ke_search - Start *****/
#kesearch_results .result-list-item .result-title {
    margin: 0 0 0;
}
.tx-kesearch-pi1 #kesearch_num_results {
    float: none;
    margin: 0 0 23px;
}
span.resetbutt {
    display: none;
}
div.kesearchbox {
    float: left;
}
.tx-kesearch-pi1 #ke_search_sword {
    display: block;
    position: relative;
    top: auto;
    height: 36px;
    margin: 0 6px 0 0;
    padding: 0 10px;
    border: 2px solid #ddd;
    border-radius: 0;
}
.tx-kesearch-pi1 #ke_search_sword:hover,
.tx-kesearch-pi1 #ke_search_sword:focus {
    box-shadow: none;
}
.tx-kesearch-pi1 .submitbutt {
    float: left;
    display: block;
    margin: 5px 0 0;
}
.tx-kesearch-pi1 span.submitbutt input {
    display: block;
    width: 27px;
    height: 27px;
    min-width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-blue.png") no-repeat;
    background-size: 27px auto;
    text-indent: -9999em;
    cursor: pointer;
}
.tx-kesearch-pi1 span.submitbutt input:hover {
    background: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-blue.png") no-repeat;
    background-size: 27px auto;
    border: none;
    box-shadow: none;
}
.towns .tx-kesearch-pi1 span.submitbutt input,
.towns .tx-kesearch-pi1 span.submitbutt input:hover {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-green.png");
}
.schools .tx-kesearch-pi1 span.submitbutt input,
.schools .tx-kesearch-pi1 span.submitbutt input:hover {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-orange.png");
}
.unis .tx-kesearch-pi1 span.submitbutt input,
.unis .tx-kesearch-pi1 span.submitbutt input:hover {
    background-image: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-magenta.png");
}
div.main .kesearch_pagebrowser li {
    margin: 0 4px;
    padding: 0;
}
div.main .kesearch_pagebrowser li::before {
    display: none;
}
/***** ke_search - End *****/

/***** Schools - Start *****/
.tx-ftschools .title {
    margin: 0 0 40px;
    border-bottom: 6px solid #efefef;
}
.main .tx-ftschools h2.title-perimeter {
    font-size: 36px;
    font-family: Veneer;
    color: #ffa02f;
}
.tx-ftschools .crd-ext {
    margin: 0 0 40px;
}
.tx-ftschools select {
    width: 200px;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.tx-ftschools .crd-wrap {
    position: relative;
}
.tx-ftschools .crd-searchfull {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top;
}
.tx-ftschools .crd-ext .crd-searchfulldummy {
    display: inline-block;
    width: auto;
}
.tx-ftschools .crd-ext .crd-searchfulldummy input#mapsearch {
    width: 230px;
    height: 38px;
    margin: 0 2px 0 0;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.tx-ftschools .crd-searchsubmit {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    background: url("/typo3conf/ext/rm_setup/Resources/Public/Images/bg-search-submit-orange.png") no-repeat;
    background-size: 27px auto;
    text-indent: -9999em;
    cursor: pointer;
}
.tx-ftschools .checkbox ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.tx-ftschools .checkbox ul li {
    margin: 0;
}
.crd-searchsub {

}
.crd-school {
    cursor: pointer;
}
.crd-in {
    cursor: pointer;
}
.crd-active {

}
.crd-reload {
    cursor: pointer;
}
.crd-error {
    display: none;
    background-color: #ffa02f;
    border-radius: 5px;
}

/***** Select - Start *****/
div.crd-searchsub {
    display: inline-block;
    width: 200px;
    height: 38px;
    margin: 0;
    text-align: left;
}
div.crd-searchsub .select {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    border: none;
}
div.crd-searchsub .select:hover {
    text-decoration: none;
}
div.crd-searchsub .select .icon {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 19px;
    height: 13px;
    margin: 0 0 4px 4px;
    background: url("../Images/bg-icon-select-arrow.png") no-repeat;
    background-size: 19px auto;
}
div.crd-searchsub .select .selected {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 58px;
    color: #fff;
    background-color: #ffa02f;
    white-space: nowrap;
    overflow: hidden;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
div.crd-searchsub .select ul {
    display: none;
    position: absolute;
    left: 0;
    width: 200px;
    padding: 0;
    color: #000;
    list-style: none;
    border: 2px solid #efefef;
    background-color: #fff;
    z-index: 2;
}
div.crd-searchsub .select.focus ul {
    display: block;
}
div.crd-searchsub .select ul li {
    margin: 0;
    padding: 6px 13px 6px 58px;
    border-bottom: 2px solid #efefef;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
div.crd-searchsub .select ul li:hover {
    margin: -2px -2px 0;
    padding: 8px 15px 8px 60px;
    color: #fff;
    background-color: #ffa02f;
    border-bottom: none;
}
div.crd-searchsub .select ul li:last-of-type {
    border-bottom: none;
}
div.crd-searchsub .select ul li:hover:last-of-type {
    margin-bottom: -2px;
    padding-bottom: 10px;
}
div.crd-searchsub .select .bg::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 45px;
    height: 31px;
    background: url("../Images/bg-schools-filter-map-sprite.png") no-repeat;
    background-size: 45px auto;
}
div.crd-searchsub .select .bg.schools-all::before {
    background-position: 0 0;
}
div.crd-searchsub .select .bg.schools::before {
    background-position: 0 -31px;
}
div.crd-searchsub .select .bg.schools-in-application::before {
    background-position: 0 -63px;
}
div.crd-searchsub .select li.bg.schools-all:hover::before,
div.crd-searchsub .select li.bg.schools:hover::before,
div.crd-searchsub .select li.bg.schools-in-application:hover::before {
    top: 6px;
    left: 8px;
}
/***** Select - End *****/

.tx-ftschools #crdlistblwrap {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top;
}
.tx-ftschools #crdlistblwrap p {
    margin: 0;
}
.tx-ftschools #crdlistblwrap select {
    margin: 0;
}

.tx-ftschools #crd-sortandfilter {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top;
}
.tx-ftschools #crd-sortandfilter p {
    margin: 0;
}
.tx-ftschools #crd-sortandfilter select {
    margin: 0;
}
.tx-ftschools .crd-map {
    width: auto;
    height: 600px;
}
.tx-ftschools .counter div.crd-countnum {
    display: inline-block;
    width: 30px;
    height: 44px;
    margin: 0 2px;
    font-family: 'Veneer';
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: url("../Images/bg-headline.png") no-repeat;
    background-size: auto 54px;
    padding: 0;
    border: none;
    float: none;
}
.tx-ftschools .crd-countwrap {
    margin: 20px 0 40px;
}
.tx-ftschools .crd-count {
    display: inline-block;
}
.tx-ftschools .crd-counttext {
    display: inline-block;
    font-family: 'Veneer';
}
.tx-ftschools #wraper {
    position: relative;
    width: auto;
    height: 650px;
    overflow: hidden;
}
.tx-ftschools .wraperinner {
    height: 490px;
    position: absolute;
    left: 0;
}
.tx-ftschools .inner {
    position: absolute;
}
.bubble-head {
    font-weight: bold;
}
.bubble-towns .bubble-head {
    color: #bed600;
}
.bubble-schools .bubble-head {
    color: #ffa02f;
}
.bubble-unis .bubble-head {
    color: #e0119d;
}

.tx-ftschools .crd-list {
    position: relative;
    height: auto;
    min-height: 48px;
    cursor: pointer;
}
.tx-ftschools .crd-list::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 15px;
    width: 27px;
    height: 27px;
    background: url("../Images/bg-folding-box-switch-sprite.png") no-repeat -26px 0;
    background-size: auto 27px;
    transition: all 0.32s ease-in-out;
}
.tx-ftschools .crd-list.active::before {
    transform: rotate(-180deg);
}
.tx-ftschools .crd-listname {
    padding: 0 60px 0 45px;
}
.tx-ftschools .crd-listtext {
    display: none;
    padding: 20px 0 0 45px;
}
.tx-ftschools .paging-wrapper {
    margin: 40px 0 40px;
    text-align: center;
}
.tx-ftschools #slidernav {
    float: none;
    display: inline-block;
}
.tx-ftschools #slidernav .bck {
    background-image: url("../Images/bg-paging-nav-arrows-schools-sprite.png");
}
.tx-ftschools #slidernav .fw {
    background-image: url("../Images/bg-paging-nav-arrows-schools-sprite.png");
}
.tx-ftschools #slidernav .wrapcntwrap .wrapcnt-active,
.tx-ftschools #slidernav .wrapcntwrap .wrapcnt:hover {
    color: #ffa02f;
}
/***** Schools - End *****/


/***** City-Pages - Start *****/
.cfrm-wrap {
    width: 508px;
    clear: left;
    overflow: hidden;
    margin: 0 0 7px;
}
.cfrm-left {
    float: left;
    width: 180px;
    padding: 0 10px 0 0;
}
.cfrm-right {
    position: relative;
    float: left;
    width: 320px;
}
.cfrm-wrap input[type="text"],
.cfrm-wrap input[type="password"],
.cfrm-wrap textarea {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
#plzgeo {
    width: 70px;
}
#plz,
#plz2{
    float: left;
    width: 23%;
}
#ort,
#ort2 {
    float: right;
    width: 75%;
}
.cfrm-wrap input[type="text"].str {
    width: 78%;
}
.cfrm-wrap input[type="text"].hnr {
    float: right;
    width: 20%;
}
.cfrm-wrap label {
    margin: 10px 0 0;
    font-weight: 400;
    line-height: 18px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
select.cfrm {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.qq-upload-button {
    font-family: Veneer;
    font-size: 16px;
    color: #000;
    text-shadow: none;
    text-transform: uppercase;
}
.unis .qq-upload-button {
    color: #fff;
}
.eform-label-wrap.label-upload {
    float: left;
    width: 200px;
    margin: 0 20px 0 0;
}
.eform-input-wrap.upload {
    float: left;
    margin: 0 0 20px;
}
#eform ul.ch-ul {
    padding: 0;
    margin: 0;
}
.ch-load {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    padding: 0 40px 0 0;
    line-height: 30px;
    background: url("../Images/bg-form-file-upload.png") no-repeat right;
    background-size: 30px auto;
    cursor: pointer;
}
.ch-load.v2 {
    height: 33px;
    padding: 0 30px 0 10px;
    background: #bed600 none;
}
.towns .ch-load.v2 {
    background: #bed600 none;
}
.schools .ch-load.v2 {
    background: #ffa02f none;
}
.unis .ch-load.v2 {
    background: #e0119d none;
}
.ch-load.v2::before {
    content: '';
    position: absolute;
    right: 9px;
    top: 8px;
    width: 15px;
    height: 17px;
    background: url("../Images/bg-form-file-upload-2.png") no-repeat right;
    background-size: 15px auto;
}
.unis .ch-load.v2::before {
    background: url("../Images/bg-form-file-upload-2-white.png") no-repeat right;
    background-size: 15px auto;
}
.checkbox .cfrm-right input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0;
}
.checkbox .cfrm-preview {
    position: absolute;
}
.tx-ftschools .checkbox .cfrm-preview {
    top: -4px;
}
.checkbox .cfrm-right label {
    min-height: 1px;
    margin: 0 0 20px 20px;
    padding: 0;
}
.checkbox .cfrm-right .cfrm-preview + label {
    margin-left: 30px;
}
.cfrm-right .checkbox {
    margin: 0;
}
.cfrm-right .checkbox input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0;
}
.cfrm-right .checkbox label {
    min-height: 1px;
    margin: 0 0 20px 20px;
    padding: 0;
}
.cfrm-right .checkbox .cfrm-preview + label {
    margin-left: 30px;
}
#schulleiter + .checkbox {
    margin: 15px 0 0 0;
}

.cfrm-button {
    display: inline-block;
    margin: 0 0 40px;
    padding: 0 42px 0 30px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #bed600 url("../Images/bg-register-submit-arrow.png") no-repeat right center;
    background-size: auto 19px;
    cursor: pointer;
}
.towns .cfrm-button {
    background-color: #bed600;
}
.schools .cfrm-button {
    background-color: #ffa02f;
}
.unis .cfrm-button {
    background-color: #e0119d;
}
.cfrm-button-back {
    display: inline-block;
    margin: 0 10px 40px 0;
    padding: 0 30px 0 42px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #999 url("../Images/bg-register-submit-back-arrow.png") no-repeat 0 center;
    background-size: auto 19px;
    cursor: pointer;
}
.cfrm-hint {
    display: block;
    margin: 0 0 15px;
    font-size: 10px;
    line-height: 11px;
}
input + .cfrm-hint {
    margin-top: 10px;
}

.tx-felogin-pi1 label {
    display: block;
    float: left;
    width: 150px;
    line-height: 38px;
    font-weight: normal;
}
.tx-felogin-pi1 label[for=tx_felogin_pi1-newpassword1],
.tx-felogin-pi1 label[for=tx_felogin_pi1-newpassword2] {
    width: 230px;
}
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
    width: 240px;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.tx-felogin-pi1 input[type="submit"] {
    display: inline-block;
    margin: 10px 0 20px;
    padding: 0 42px 0 30px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #bed600 url("../Images/bg-register-submit-arrow.png") no-repeat right center;
    background-size: auto 19px;
    cursor: pointer;
}
.towns .tx-felogin-pi1 input[type="submit"] {
    background-color: #bed600;
}
.schools .tx-felogin-pi1 input[type="submit"] {
    background-color: #ffa02f;
}
.unis .tx-felogin-pi1 input[type="submit"] {
    background-color: #e0119d;
}
.tx-felogin-pi1 .error {
    color: #ba0000;
}
a[href*="tx_felogin_pi1%5Bforgot%5D=1"] {
    position: relative;
    padding: 0 0 0 24px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.container.content a[href*="tx_felogin_pi1%5Bforgot%5D=1"] {
    text-decoration: none;
}
.container.content a[href*="tx_felogin_pi1%5Bforgot%5D=1"]:hover {
    text-decoration: underline;
}
a[href*="tx_felogin_pi1%5Bforgot%5D=1"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns a[href*="tx_felogin_pi1%5Bforgot%5D=1"]::before {
    background-position: 0 0;
}
.schools a[href*="tx_felogin_pi1%5Bforgot%5D=1"]::before {
    background-position: -18px 0;
}
.unis a[href*="tx_felogin_pi1%5Bforgot%5D=1"]::before {
    background-position: -36px 0;
}

.main .tx-fttowns h1.indent-lr {
    margin-bottom: 24px;
}
.eform-item-wrap {
    margin-top: 26px;
    margin-bottom: 20px;
}
.big_column {
    margin: 0 0 40px;
}
.divider,
.ce-div {
    clear: both;
    margin: 5px 0 32px 0;
    border-top: 2px solid #bed600;
}
.ftde .divider,
.ftde .ce-div {
    border-color: #00b9e4;
}
.towns .divider,
.towns .ce-div {
    border-color: #bed600;
}
.schools .divider,
.schools .ce-div {
    border-color: #ffa02f;
}
.unis .divider,
.unis .ce-div {
    border-color: #e0119d;
}
.indent-lr {
    margin: 0 32px;
}
.indent-l {
    margin: 0 0 0 32px;
}
#eform .info-size {
    margin: 0 0 18px;
}
#eform .low-line-height {
    line-height: 18px;
}
.ch-loadwrap {
    position: relative;
    margin: 20px 0 25px;
    padding: 0 0 10px 0;
}
.previewUpload {
    margin: 10px 0 35px 0;
}
#eform label {
    float: left;
    width: 200px;
    margin: 7px 20px 0 0;
    font-weight: 400;
}
#eform label.label-checkbox {
    display: inline;
    float: none;
    width: auto;
}
#eform .eform-checkbox-wrap {
    margin: 10px 0 10px 0;
}
.up-wrap::after {
    content: '';
    display: table;
    clear: both;
}
.previewImage-wrap img {
    max-width: 100%;
    height: auto;
}
#eform ul {
    margin: 0 0 24px;
}
#eform li {
    margin: 0;
}
.eform-button {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0 10px 7px 0;
    padding: 0 40px 0 20px;
    font-family: Veneer;
    font-size: 15px;
    line-height: 32px;
    color: #000;
    background-color: #bed600;
    cursor: pointer;
}
#eformNew.eform-button {
    padding-right: 20px;
}
.towns .eform-button {
    background-color: #bed600;
}
.schools .eform-button {
    background-color: #ffa02f;
}
.unis .eform-button {
    color: #fff;
    background-color: #e0119d;
}
#eformSend::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 9px;
    width: 17px;
    height: 17px;
    background: url("../Images/bg-icon-save.png") no-repeat;
    background-size: 17px auto;
}
.unis #eformSend::before {
    background: url("../Images/bg-icon-save-white.png") no-repeat;
    background-size: 17px auto;
}
#eformSendView::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 8px;
    width: 22px;
    height: 13px;
    background: url("../Images/bg-icon-save-and-view.png") no-repeat;
    background-size: 22px auto;
}
.unis #eformSendView::before {
    background: url("../Images/bg-icon-save-and-view-white.png") no-repeat;
    background-size: 22px auto;
}
#imageTownWrap label {
    float: none;
}
#pageevents a,
#pagedates a,
#pagedownloads a,
#pagelinks a {
    position: relative;
    padding: 0 0 0 22px;
}
#pageevents a::before,
#pagedates a::before,
#pagedownloads a::before,
#pagelinks a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns #pageevents a::before,
.towns #pagedates a::before,
.towns #pagedownloads a::before,
.towns #pagelinks a::before {
    background-position: 0 0;
}
.schools #pageevents a::before,
.schools #pagedates a::before,
.schools #pagedownloads a::before,
.schools #pagelinks a::before {
    background-position: -18px 0;
}
.unis #pageevents a::before,
.unis #pagedates a::before,
.unis #pagedownloads a::before,
.unis #pagelinks a::before {
    background-position: -36px 0;
}
.towns #pagetowns a,
.towns #pageevents a,
.towns #pagedates a,
.towns #pagedownloads a,
.towns #pagelinks a {
    color: #bed600;
}
.schools #pagetowns a,
.schools #pageevents a,
.schools #pagedates a,
.schools #pagedownloads a,
.schools #pagelinks a {
    color: #ffa02f;
}
.unis #pagetowns a,
.unis #pageevents a,
.unis #pagedates a,
.unis #pagedownloads a,
.unis #pagelinks a {
    color: #e0119d;
}
#addressWrap::after {
    content: '';
    clear: both;
    display: table;
}

.eform-kill-image {
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 10px;
    font-family: Veneer;
    color: #000;
    cursor: pointer;
    background: #bed600;
}
.towns .eform-kill-image {
    background: #bed600;
}
.schools .eform-kill-image {
    background: #ffa02f;
}
.unis .eform-kill-image {
    color: #fff;
    background: #e0119d;
}

.eform-input-wrap.upload-input {
    width: 300px;
    margin: -28px 0 0 220px;
}
.eform-input-wrap.upload-input .ch-loadwrap {
    min-height: 36px;
    margin: 0 0 15px;
    padding: 0;
}
.previewImage-wrap {
    width: 300px;
    margin-top: 0;
}
.eform-input-wrap.upload-input .previewImage-wrap img {
    margin: 0 0 15px;
}
#eform .eform-input-wrap.upload-input .info-size {
    margin: 0;
    font-size: 12px;
}
#eform #plz {
    width: 70px;
    margin: 0 10px 0 0;
}
#eform #ort {
    float: left;
    width: 220px;
}

.city-header {
    float: none;
    width: auto;
    margin: 20px -30px 20px;
    padding-left: 0;
    padding-right: 0;
}
.city-header-caption {
    position: absolute;
    top: 15px;
    left: 16px;
    right: 15px;
}
.city-header-bottom {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}
.unis .city-header-bottom {
    bottom: -3px;
}
.city-header-bottom h4 {
    display: inline-block;
    font-family: 'Veneer';
    font-size: 44px;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.city-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 36px;
}
.city-header-caption h1 {
    display: inline-block;
    height: auto;
    margin: 0 0 8px;
    padding: 6px 12px;
    font-family: 'Veneer';
    font-size: 38px;
    line-height: 42px;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.towns .city-header-caption h1,
.schools .city-header-caption h1,
.unis .city-header-caption h1 {
    color: #fff;
}
.city-header-caption h3 {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0 12px 4px;
    font-family: 'Veneer';
    font-size: 23px;
    line-height: 36px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
h3.town-number {
    display: inline-block;
    height: auto;
    margin: 0 0 8px;
    padding: 0 12px 4px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 48px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.city-image {
    margin-top: -20px;
    padding: 0;
}
.city-information {
    margin: -10px 0 40px;
}
.city-contact {
    margin: 0 0 40px;
    padding: 0;
}
.city-information a {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    padding-right: 10px;
    font-weight: 700;
    text-decoration: none;
    word-break: break-all;
}
.city-information a::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns .city-information a::before {
    background-position: 0 0;
}
.schools .city-information a::before {
    background-position: -18px 0;
}
.unis .city-information a::before {
    background-position: -36px 0;
}
.city-commune {
    margin: 0 0 40px;
    padding: 0;
}
.city-about-us {
    margin: -40px 0 40px;
    padding-left: 0;
    padding-right: 0;
}
.towns .main .city-about-us h2,
.schools .main .city-about-us h2,
.unis .main .city-about-us h2,
.towns .main .city-information h2,
.schools .main .city-information h2,
.unis .main .city-information h2 {
    color: #000;
}
.city-information .city-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.upload-city-image,
.upload-city-image-placeholder {
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#eform {
    margin: 0 0 40px;
}
#eform input[type="text"],
#eform input[type="password"],
#eform textarea {
    height: 38px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
#eform textarea {
    width: 300px;
    height: 150px;
    min-height: 150px;
    max-height: 450px;
    padding-top: 6px;
    padding-bottom: 6px;
    resize: vertical;
}
#eform .ch-load {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
}
div.main ul.eform-list li::before {
    background: none;
}
div.main ul.eform-list li {
    margin: 0 0 8px;
    padding: 0;
}
ul.eform-list li a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    line-height: 20px;
}
ul.eform-list li a::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns ul.eform-list li a::before {
    background-position: 0 0;
}
.schools ul.eform-list li a::before {
    background-position: -18px 0;
}
.unis ul.eform-list li a::before {
    background-position: -36px 0;
}
#eform input.alertField,
#eform textarea.alertField,
#eform select.alertField,
.cfrm-error {
    background-color: #fbb8c4;
}
.cfrm-errorlabel {
    color: #ba0000;
}
.cfrm-errorlabel {
    color: #ba0000;
}
.cfrm-errormessage {
    border: 1px solid #ba0000;
    padding: 10px;
    margin: 10px 0 20px 0;
    color: #ba0000;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}
.newsdates .eform-input-wrap input[type="text"],
.downloads .eform-input-wrap input[type="text"],
.links .eform-input-wrap input[type="text"],
.events .eform-input-wrap input[type="text"] {
    width: 300px;
}

/** City-Events  - Start **/
.city-events {
    padding-left: 0;
    padding-right: 0;
}
.city-events-header {
    margin: 0 0 26px;
}
.town-number .bold {
    font-weight: bold;
}
.towns .main .city-events-header h2,
.schools .main .city-events-header h2,
.unis .main .city-events-header h2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 6px 12px 6px 60px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.city-events-header h2::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 9px;
    width: 40px;
    height: 40px;
    background: url("../Images/bg-title-icon-events.png") repeat 0 0;
    background-size: 40px auto;
}
.city-actions-body {
    margin: 12px 0 0;
    padding: 0;
}
.city-events h3 {
    margin: 0 0 10px;
    font-size: 22px;
}
.towns .city-events h3 {
    color: #bed600;
}
.schools .city-events h3 {
    color: #ffa02f;
}
.unis .city-events h3 {
    color: #e0119d;
}
.city-actions-body .col-sm-4 {
    padding-left: 0;
}
.city-actions-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 36px;
}
.city-events .date {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
}
.city-actions-body p {
    margin-bottom: 24px;
}

.city-about-us a,
.button-opener {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 32px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.city-about-us a::before,
.button-opener::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background: url("../Images/bg-folding-box-switch-sprite.png") no-repeat -75px 0;
    background-size: auto 26px;
    transition: all 0.32s ease-in-out;
}
.button-opener.isopen::before {
    transform: rotate(-180deg);
}
.towns .button-opener::before {
    background-position: 0 0;
}
.schools .button-opener::before {
    background-position: -25px 0;
}
.unis .button-opener::before {
    background-position: -50px 0;
}
/** City-Events  - Start **/

/** City-Actions - Start **/
.city-actions {
    margin: 36px 0 40px;
    padding-left: 0;
    padding-right: 0;
}
.towns .main .city-actions h2,
.schools .main .city-actions h2,
.unis .main .city-actions h2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0 auto 10px;
    padding: 6px 12px 6px 60px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.city-actions h2::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 9px;
    width: 42px;
    height: 36px;
    background: url("../Images/bg-news-events-title-icon.png") repeat 0 0;
    background-size: auto 36px;
}
.city-actions .date {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
}
.city-actions h3 {
    margin: 0 0 10px;
    font-size: 22px;
}
.towns .city-actions h3 {
    color: #bed600;
}
.schools .city-actions h3 {
    color: #ffa02f;
}
.unis .city-actions h3 {
    color: #e0119d;
}
/** City-Actions - End **/

/** City-Links - Start **/
.links,
.city-links {
    padding-left: 0;
    padding-right: 0;
}
.links {
    margin: 0 0 40px;
}
.towns .main .city-links h2,
.schools .main .city-links h2,
.unis .main .city-links h2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0 auto 11px;
    padding: 6px 12px 6px 50px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.city-links h2::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 23px;
    height: 23px;
    background: url("../Images/bg-title-icon-links.png") repeat 0 0;
    background-size: 23px auto;
}
.main .city-links ul {
    padding: 0;
}
div.main .city-links ul li {
    margin: 0 0 8px;
    padding: 0;
}
div.main .city-links ul li::before {
    background: none;
}
.city-links a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    line-height: 20px;
}
.city-links a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns .city-links a::before {
    background-position: 0 0;
}
.schools .city-links a::before {
    background-position: -18px 0;
}
.unis .city-links a::before {
    background-position: -36px 0;
}
.city-links a p {
    margin: 0;
}
/** City-Links - End **/

/** City-Downloads - Start **/
.towns .main .city-downloads h2,
.schools .main .city-downloads h2,
.unis .main .city-downloads h2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0 auto 11px;
    padding: 6px 12px 6px 50px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.city-downloads h2::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 31px;
    height: 27px;
    background: url("../Images/bg-title-icon-downloads.png") no-repeat 0 0;
    background-size: 23px auto;
}
div.main .city-downloads ul li {
    margin: 0 0 8px;
    padding: 0;
}
div.main .city-downloads ul li p {
    margin: 0;
}
div.main .city-downloads ul li::before {
    background: none;
}
.city-downloads a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    line-height: 20px;
}
.city-downloads a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-download-sprite.png") no-repeat;
    background-size: 18px auto;
}
.towns .city-downloads a::before {
    background-position: 0 0;
}
.schools .city-downloads a::before {
    background-position: 0 -17px;
}
.unis .city-downloads a::before {
    background-position: 0 -36px;
}
.eform-delete-button {
    display: inline-block;
    margin: 10px 0;
    padding: 5px 12px;
    color: #fff;
    font-family: Veneer;
    background: #e36f11;
    cursor: pointer;
}
/** City-Downloads - End **/

/** Map - Start **/
.tx-fttowns .map-title {
    text-align: center;
}
.main .tx-fttowns .map-title h2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 6px 12px 6px 50px;
    font-family: 'Veneer';
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    background: url("../Images/bg-headline.png") repeat 0 0;
}
.main .tx-fttowns .map-title h2::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 15px;
    width: 28px;
    height: 36px;
    background: url("../Images/bg-title-icon-map.png") no-repeat 0 0;
    background-size: 28px auto;
}
.tx-fttowns .map-title .divider {
    margin: 25px 0 27px 0;
}
.tx-fttowns .map-title .divider.double {
    border-top-width: 4px;
}
#schoolmap {
    float: none;
    width: auto;
    margin: 0 -30px;
    padding: 30px;
}
#schoolmap .map-bg {
    margin: 0 -30px;
    padding: 30px;
    background-color: #efefef;
}
#schoolmap .city-map {
    padding-left: 0;
}
#schoolmap .city-unis {
    padding-right: 0;
}
.tx-fttowns #schoolmap #map_canvas {
    height: 277px;
}
div.main #schoolmap ul li {
    margin: 0 0 4px;
}
ul#schools {
    height: 277px;
    margin: 0 -15px 0 0;
    padding: 0 15px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow-y: scroll;
}
ul#schools li {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
}
ul#schools li a {
    display: block;
}
ul#schools li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../Images/bg-link-more-sprite.png") no-repeat;
    background-size: auto 18px;
}
.towns ul#schools li::before {
    background-position: 0 0;
}
.schools ul#schools li::before {
    background-position: -36px 0;
}
.unis ul#schools li::before {
    background-position: -72px 0;
}
.unis #schoolmap ul#schools li::before {
    background-position: -35px 0;
}
/** Map - End **/
/***** City-Pages - End *****/


/***** Schools-Bewerbung - Start *****/
.attention {
    position: relative;
    margin: 0 7% 32px;
    padding: 26px 30px 40px 30px;
    background: url("../Images/bg-main-teaser-paper-schools.png") repeat;
    background-size: auto 68px;
}
.attention::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 8px;
    width: 59px;
    height: 55px;
    background: url("../Images/bg-icon-bubble-exclamation-mark.png") no-repeat;
    background-size: 59px auto;
}
.attention .up-head {
    display: inline-block;
    height: 32px;
    margin: 0 0 6px;
    padding: 0 10px;
    font-family: Veneer;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url("../Images/bg-headline.png") repeat;
    background-size: auto 54px;
}
#upallwrap .up-head {
    margin: 0 0 24px;
    font-family: Veneer;
    font-size: 18px;
}
.up-desc {
    position: relative;
    padding: 0 0 0 34px;
}
.up-desc::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 26px;
    height: 26px;
    font-family: Veneer;
    font-size: 18px;
    line-height: 20px;
    color: #ffa02f;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #ffa02f;
    border-radius: 50%;
}
.up-desc.up-a::before {
    content: 'a';
}
.up-desc.up-b::before {
    content: 'b';
}
.towns .up-desc::before {
    color: #bed600;
    border-color: #bed600;
}
.schools .up-desc::before {
    color: #ffa02f;
    border-color: #ffa02f;
}
.unis .up-desc::before {
    color: #e0119d;
    border-color: #e0119d;
}
#upallwrap .ch-wrap {
    clear: both;
}
#upallwrap .ch-loadwrap {
    position: relative;
}
#upallwrap .ch-load {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    padding: 0 30px 0 10px;
    line-height: 32px;
    cursor: pointer;
    background: #ffa02f none;
    z-index: 10;
}
#upallwrap .ch-load::before {
    content: '';
    position: absolute;
    right: 9px;
    top: 8px;
    width: 15px;
    height: 17px;
    font-family: Veneer;
    background: #ffa02f url("../Images/bg-form-file-upload-3.png") no-repeat;
    background-size: 15px auto;
}
#upallwrap .qq-upload-button {
    font-family: Veneer;
    color: #fff;
    font-size: 15px;
}
#upallwrap .ch-max {
    position: absolute;
    left: 148px;
    top: 8px;
    font-size: 13px;
}
.up-sendwrap {
    position: relative;
    clear: both;
    text-align: center;
    margin: 0 0 40px;
}
.up-send {
    position: relative;
    display: inline-block;
    background-color: #ffa02f;
    color: #fff;
    font-family: Veneer;
    font-size: 20px;
    padding: 0 38px 0 20px;
    line-height: 45px;
    cursor: pointer;
}
.up-send::before {
    content: '';
    position: absolute;
    top: 13px;
    right: 14px;
    width: 12px;
    height: 19px;
    background: url("../Images/bg-arrow-right-send.png") no-repeat;
    background-size: auto 19px;
}
.up-senddisable {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .7;
    background-color: #fff;
    z-index: 2;
}
div.main ul.ch-ul {
    padding: 1px 0 20px;
}
div.main ul.ch-ul li,
div.main #eform ul.ch-ul li {
    width: 100%;
    max-width: 600px;
    margin: 20px 0 0;
    padding: 0 0 0 30px;
    background-color: #efefef;
}
div.main ul.ch-ul li:first-of-type,
div.main #eform ul.ch-ul li:first-of-type {
    margin-top: 50px;
}
div.main ul.ch-ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 17px;
    height: 21px;
    background: url("../Images/bg-icon-document.png") no-repeat;
    background-size: 17px auto;
}
.qq-upload-success::after {
    content: '';
    clear: both;
    display: table;
}
.qq-upload-wrapinner {
    float: left;
    font-size: 13px;
    line-height: 30px;
}
.qq-upload-wrapinner a {
    color: #000;
}
.qq-upload-size {
    margin: 0 0 0 10px;
}
.chload-hide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 33px;
    background-color: #fff;
    opacity: 0.70;
    z-index: 11;
}

.up-alert-center {
    position: relative;
    width: 624px;
    margin: 0 auto;
    padding: 32px;
    background-color: #fff;
}
.towns .up-alert-center {
    border: 3px solid #bed600;
}
.schools .up-alert-center {
    border: 3px solid #ffa02f;
}
.unis .up-alert-center {
    border: 3px solid #e0119d;
}
.up-alert-text {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 22px;
}
.up-alert-false-close {
    display: inline-block;
    line-height: 100%;
    padding: 10px 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px #004c5b;
    cursor: pointer;
    border-radius: 2px;
}
.towns .up-alert-false-close {
    background: #bed600;
}
.schools .up-alert-false-close {
    background: linear-gradient(180deg, #f27612 50%, #e36f11 50%);
}
.unis .up-alert-false-close {
    background: #e0119d;
}
/***** Schools-Bewerbung - End *****/


/***** Titelerneuerung - Start *****/
.form-title {
    margin: 12px 0 0;
}
.form-title .questions,
div.overview {
    font-size: 14px;
}
.form-title .nav {
    margin: 8px 0 40px;
}
.towns div.overview {
    border-color: #bed600;
}
.schools div.overview {
    border-color: #ffa02f;
}
.unis div.overview {
    border-color: #e0119d;
}
.form-title .vstatus {
    height: 66px;
    margin: 0 0 10px;
    line-height: 68px;
    text-align: center;
}
.towns .form-title .vstatus {
    background: url("../Images/bg-main-teaser-paper-towns.png") repeat;
}
.schools .form-title .vstatus {
    background: url("../Images/bg-main-teaser-paper-schools.png") repeat;
}
.unis .form-title .vstatus {
    background: url("../Images/bg-main-teaser-paper-unis.png") repeat;
}
.form-title .vstatus ul {
    display: inline-block;
    padding: 0;
    font-family: Veneer;
    font-size: 18px;
    line-height: 20px;
}
div.main .form-title .vstatus li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 9px 0 0;
    padding: 0;
    text-align: center;
    color: #bed600;
    border: 2px solid #bed600;
    border-radius: 50%;
    background-color: #fff;
}
.towns div.main .form-title .vstatus li {
    color: #bed600;
    border-color: #bed600;
}
.schools div.main .form-title .vstatus li {
    color: #ffa02f;
    border-color: #ffa02f;
}
.unis div.main .form-title .vstatus li {
    color: #e0119d;
    border-color: #e0119d;
}
div.main .form-title .vstatus li.active {
    color: #fff;
    border-color: #fff;
    background-color: #bed600;
}
.towns div.main .form-title .vstatus li.active {
    color: #fff;
    border-color: #fff;
    background-color: #bed600;
}
.schools div.main .form-title .vstatus li.active {
    color: #fff;
    border-color: #fff;
    background-color: #ffa02f;
}
.unis div.main .form-title .vstatus li.active {
    color: #fff;
    border-color: #fff;
    background-color: #e0119d;
}
div.main .form-title .vstatus li::before {
    right: -13px;
    left: auto;
    height: 4px;
    width: 9px;
    background: url("../Images/bg-step-dots.png") no-repeat;
    background-size: 9px auto;
}
div.main .form-title .vstatus li:last-of-type::before {
    display: none;
}

.form-title .border {
    margin: -17px 0 0;
    padding: 20px 0;
    border-top: 4px solid #bed600;
    border-bottom: 4px solid #bed600;
}
.towns .form-title .border {
    border-color: #bed600;
}
.schools .form-title .border {
    border-color: #ffa02f;
}
.unis .form-title .border {
    border-color: #e0119d;
}
.form-title .margin-top {
    margin: 18px 0 0;
}
.form-title span {
    display:inline-block;
}
.form-title .questions > span {
    display: inline;
}
.form-title .btn {
    position: relative;
    padding: 0 0 0 30px;
    font-family: 'Veneer';
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    cursor: pointer;
}
.form-title .btn.right {
    padding: 0 30px 0 0;
}
.form-title .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("../Images/bg-news-events-more-category-sprite.png") no-repeat;
    background-size: auto 25px;
    transform: rotate(180deg);
}
.form-title .btn.right::before {
    left: auto;
    right: 0;
    transform: rotate(0deg);
}
.form-title .btn.arrow-right::before {
    transform: rotate(0deg);
}
.towns .form-title .btn::before {
    background-position: 0 0;
}
.schools .form-title .btn::before {
    background-position: -25px 0;
}
.unis .form-title .btn::before {
    background-position: -50px 0;
}
.form-title .upload,
.form-title .sendstatus_btn,
.form-title .hide_overview,
.form-title .finalize {
    display: inline-block;
    color: #000;
    cursor: pointer;
}
.form-title .init.showform {
    margin: 0 0 40px;
}
.main .form-title p.quest {
    margin: -20px 0 30px;
}
.main .form-title ul.quest {
    margin: -20px 0 30px;
}

.form-title input[type="text"],
.form-title input[type="password"],
.form-title input[type="number"] {
    width: 320px;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
}
.form-title select {
    width: 320px;
    height: 38px;
    margin: 0 0 15px;
    padding: 0 10px;
    border: 2px solid #ddd;
    background-color: #fff;
}
.form-title input[type="file"] {
    display: inline-block;
    width: 120px;
    margin: 0 0 0 30px;
    cursor: pointer;
}
.form-title input[type="submit"] {
    padding: 0 42px 0 30px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #bed600 url("../Images/bg-register-submit-arrow.png") no-repeat right center;
    background-size: auto 19px;
}
.form-title .row > label {
    position: relative;
    width: 300px;
    padding: 8px 0 0;
    font-weight: 400;
    vertical-align: top;
}
.form-title .row > input[type="checkbox"] {
    margin: 12px 0 0;
}
.form-title .hidden-item > label {
    padding: 8px 0 0;
}
.form-title .row > label.radio {
    padding: 0;
}
.form-title .qbox {
    display: inline-block;
    width: 630px;
    padding: 8px 0 0;
}
.form-title .check {
    display: inline-block;
    width: 296px;
    vertical-align: top;
}
.form-title .check input[type="checkbox"] {
    margin-left: 4px;
}
.form-title .check textarea,
.form-title .check + textarea,
.form-title .check + br + textarea {
    width: 280px;
}
.form-title .qbox label {
    display: inline-block;
    min-width: 200px;
    max-width: 300px;
    font-weight: 400;
    vertical-align: top;
}
.form-title .qbox label:hover {
    cursor: pointer;
}
.form-title .qbox .check input + label {
    max-width: 270px;
}
.form-title .qbox .w300 {
    width: 300px;
}
.form-title #q1_strassenr,
.form-title #q1_plz,
.form-title #q4_plzk,
.form-title #q4_plza {
    width: 64px;
}
.form-title .info {
    font-size: 12px;
}
.form-title .telefon_prefix {
    margin: 1px 6px 0 0;
    font-weight: 700;
}
.form-title textarea {
    width: 320px;
    height: 100px;
    min-height: 100px;
    max-height: 300px;
    padding: 6px 10px;
    border: 2px solid #ddd;
    resize: vertical;
}
.form-title textarea#q2_welcheproduktetext,
.form-title textarea#q2_produkteeinsatztext,
.form-title textarea#q8_aktivebereichetext,
#q4_produktortintervalltext,
#q5_unterrichtsfach1text {
    margin: 0 0 0 300px;
}

.form-title input[type="text"].zeitrv,
.form-title input[type="text"].zeitrb {
    width: 158px;
}
.form-title input[type="text"].zeitrv {
    margin-right: 10px;
}

#bildrechte1_0 {
    margin: 0 -20px 0 0;
}

.customlabel {
    padding-left: 32px;
    line-height: 28px;
}

.form-title .checkit,
.form-title input.checkit {
    border: 2px solid #ba0000;
}
.form-title .error,
.form-title .error_inline {
    display: none;
    margin: 0 0 20px;
    padding: 15px;
    border: 2px solid #ba0000;
    background: #fff;
}
.form-title .error p,
.form-title .error_inline p {
    margin: 0;
}
.form-title p.attention {
    position: relative;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
    color: #ba0000;
    background: none;
}

.main .form-title  p.sendstatus_text {
    margin: 40px 0;
    font-size: 14px;
    padding: 0 30px;
}

.form-title .radio-anrede {
    display: inline-block;
}
.form-title .hrt {
    display: inline-block;
    margin-right: 20px;
}
.form-title .radio-anrede label {
    font-weight: 400;
    margin: 0;
    padding: 8px 0 0;
}
.form-title .qbox input[type="text"] {
    margin-top: 10px;
}
.form-title .qbox .no-marg-top,
.form-title .qbox input[type="text"].no-marg-top {
    margin-top: 0;
}

.form-title label.upload,
.form-title .qbox .row label.upload {
    display: inline-block;
    width: auto;
    min-width: 1px;
    height: 33px;
    padding: 0 30px 0 10px;
    font-family: Veneer;
    font-size: 16px;
    color: #000;
    line-height: 30px;
    background-color: #999;
}
.towns .form-title label.upload,
.towns .form-title .qbox .row label.upload {
    background-color: #bed600;
}
.schools .form-title label.upload,
.schools .form-title .qbox .row label.upload {
    background-color: #ffa02f;
}
.unis .form-title label.upload,
.unis .form-title .qbox .row label.upload {
    background-color: #e0119d;
}
.form-title .upload::before {
    content: '';
    position: absolute;
    right: 9px;
    top: 8px;
    width: 15px;
    height: 17px;
    background: url("../Images/bg-form-file-upload-2.png") no-repeat right;
    background-size: 15px auto;
}
.form-title .upload .choose-file{
    position: absolute;
    visibility: hidden;
}
.form-title p.left.nomtp {
    width: 310px;
}

.form-title .sections .hr {
    margin: 0 auto;
    padding: 10px 0;
    width: 80%;
}

.form-title .section {
    position: relative;
}

.form-title .add-section-btn {
    margin: 0 0 0 30px;
    padding: 0 20px;
    font-family: Veneer;
    font-size: 16px;
    line-height: 32px;
    background-color: #efefef;
    cursor: pointer;
    z-index: 2;
}

.form-title .del-section-btn {
    display: block;
    position: absolute;
    bottom: 40px;
    right: 30px;
    padding: 0 20px;
    font-family: Veneer;
    font-size: 16px;
    line-height: 32px;
    background-color: #efefef;
    cursor: pointer;
    z-index: 2;
}

.towns .add-section-btn,
.towns .del-section-btn {
    background-color: #bed600;
}
.schools .add-section-btn,
.schools .del-section-btn {
    background-color: #ffa02f;
}
.unis .add-section-btn,
.unis .del-section-btn {
    background-color: #e0119d;
}

.form-title .additem {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 20px;
    font-family: Veneer;
    font-size: 16px;
    line-height: 32px;
    background-color: #efefef;
    cursor: pointer;
    z-index: 2;
}
.towns .form-title .additem {
    background-color: #bed600;
}
.schools .form-title .additem {
    background-color: #ffa02f;
}
.unis .form-title .additem {
    background-color: #e0119d;
}

.btn2 {
    display: inline-block;
    padding: 4px 10px;
    background-color: #999;
    font-family: Veneer;
    text-decoration: none;
    cursor: pointer;
}
.container.content a.btn2 {
    text-decoration: none;
}
.towns .btn2 {
    background-color: #bed600;
}
.schools .btn2 {
    background-color: #ffa02f;
}
.unis .btn2 {
    color: #fff;
    background-color: #e0119d;
}

.tx-ftforms .sendstatus_btn,
.form-title .sendstatus_btn {
    margin-left: 10px;
}
.tx-ftforms .sendstatus_btn.btn2 span,
.form-title .sendstatus_btn.btn2 span {
    margin: 2px 0 4px;
}

.deletefile {
    cursor: pointer;
}
.towns .deletefile:hover {
    color: #bed600;
}
.schools .deletefile:hover {
    color: #ffa02f;
}
.unis .deletefile:hover {
    color: #e0119d;
}

.tx-ftforms span.control,
.tx-rm-ft-unis-titelerneuerung span.control,
.tx-rm-ft-schools-titelerneuerung span.control {
    display:inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: url('../Images/bg-radiobuttons-sprite.png') no-repeat 0 -81px;
    background-size: 54px auto;
    cursor:pointer
}
.towns .tx-ftforms span.control {
    background-position: 0 0;
}
.schools .tx-ftforms span.control,
.schools .tx-rm-ft-schools-titelerneuerung span.control {
    background-position: 0 -27px;
}
.unis .tx-rm-ft-unis-titelerneuerung span.control,
.unis .tx-ftforms span.control {
    background-position: 0 -54px;
}
.tx-ftforms input[type="radio"]:checked + span.control,
.tx-ftforms input[type="checkbox"]:checked + span.control {
    background-position: -28px -81px;
}
.towns .tx-ftforms input[type="radio"]:checked + span.control,
.towns .tx-ftforms input[type="checkbox"]:checked + span.control {
    background-position: -28px 0;
}
.schools .tx-ftforms input[type="radio"]:checked + span.control,
.schools .tx-ftforms input[type="checkbox"]:checked + span.control,
.schools .tx-rm-ft-schools-titelerneuerung input[type="radio"]:checked + span.control,
.schools .tx-rm-ft-schools-titelerneuerung input[type="checkbox"]:checked + span.control{
    background-position: -28px -27px;
}
.unis .tx-rm-ft-unis-titelerneuerung input[type="radio"]:checked + span.control,
.unis .tx-rm-ft-unis-titelerneuerung input[type="checkbox"]:checked + span.control,
.unis .tx-ftforms input[type="radio"]:checked + span.control,
.unis .tx-ftforms input[type="checkbox"]:checked + span.control {
    background-position: -28px -54px;
}
.tx-rm-ft-unis-titelerneuerung .checkthis,
.tx-rm-ft-schools-titelerneuerung .checkthis {
    display: inline-block;
    position: absolute;
    top: 6px;
    width: 20px;
    height: 25px;
    margin-left: 10px;
    background: url("/typo3conf/ext/rm_setup_schools/Resources/Public/Extension/rm_title_renewal/Images/checkthis.png") no-repeat 0 center;
}
.tx-rm-ft-unis-titelerneuerung label.radio .checkthis,
.tx-rm-ft-schools-titelerneuerung label.radio .checkthis {
    top: 0;
}
.q1_schulform.checkthis,
.q2_schulteamsprecherfunktion.checkthis {
    left: 80px;
}
.q2_upload.checkthis {
    top: 18px;
    left: 170px;
}
.q3_file1.checkthis {
    top: 0;
    left: 160px;
}
.q3_k1erfuellt.checkthis {
    left: 110px;
}
.q3_kompassinhalte.checkthis {
    top: -34px;
    left: 390px;
}
.q4_welcheprodukte.checkthis {
    top: 11px;
    left: 490px;
}
.q4_produktort.checkthis {
    top: 11px;
    left: 356px;
}
.q4_produktortintervall.checkthis {
    top: 11px;
    left: 458px;
}
.q4_zugaenglichfuer.checkthis {
    top: 11px;
    left: 408px;
}
.q5_unterrichtsfach1.checkthis {
    top: 11px;
    left: 144px;
}
.q5_themahandelintervall1.checkthis,
.q5_themahandelintervall2.checkthis {
    top: 26px;
    left: 133px;
}
.q5_unterrichtsfach2.checkthis {
    top: 11px;
    left: 148px;
}
.q6_thema_0.checkthis {
    top: -35px;
    left: 54px;
}
/***** Titelerneuerung - End *****/

/***** Bedarfsrechner - Start *****/
.calc-wrap {
    margin: 30px 80px;
}
.calc-wrap .top {
    position: relative;
    padding: 26px 0 22px 82px;;
    background: url("../Images/bg-main-teaser-paper-towns.png") repeat;
    background-size: auto 257px;
    border-bottom: 4px solid #888;
}
.towns .calc-wrap .top {
    border-color: #bed600;
    background: url("../Images/bg-main-teaser-paper-towns.png") repeat;
    background-size: auto 257px;
}
.schools .calc-wrap .top {
    border-color: #ffa02f;
    background: url("../Images/bg-main-teaser-paper-schools.png") repeat;
    background-size: auto 257px;
}
.unis .calc-wrap .top {
    border-color: #e0119d;
    background: url("../Images/bg-main-teaser-paper-unis.png") repeat;
    background-size: auto 257px;
}
.calc-wrap .top::before {
    content: '';
    position: absolute;
    top: 26px;
    left: 20px;
    width: 51px;
    height: 36px;
    background: url("../Images/bg-people.png") no-repeat;
    background-size: 51px auto;
}
.calc-wrap .top::after,
.calc-wrap .body .calc-result::after {
    content: '';
    display: table;
    clear: both;
}
.calc-wrap .top .calc-left,
.calc-wrap .top .calc-right {
    float: left;
}
.calc-wrap .top .calc-left {
    margin: 0 12px 0 0;
}
.calc-wrap .top .calc-left label {
    font-weight: 400;
}
.calc-wrap .top .calc-left input[type="text"] {
    border: none;
    width: 124px;
    height: 32px;
    padding: 0 8px;
}
.calc-wrap .calc-submit {
    position: relative;
    margin: 0 0 0 3px;
    padding: 0 30px 0 10px;
    font-family: Veneer;
    line-height: 32px;
    color: #fff;
    background-color: #444;
    cursor: pointer;
}
.towns .calc-wrap  .calc-submit {
    background-color: #bed600;
}
.schools .calc-wrap  .calc-submit {
    background-color: #ffa02f;
}
.unis .calc-wrap  .calc-submit {
    background-color: #e0119d;
}
.calc-wrap .calc-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 9px;
    height: 15px;
    margin: -7px 0 0;
    background: url("../Images/bg-more-arrow-small-white.png") no-repeat;
    background-size: 9px auto;
}
.calc-wrap .body .calc-result {
    margin: -4px 0 0 0;
    padding: 20px 30px 0;
    background-color: #efefef;
    border-top: 4px solid #888;
    border-bottom: 4px solid #888;
}
.towns .calc-wrap .body .calc-result {
    border-color: #bed600;
}
.schools .calc-wrap .body .calc-result {
    border-color: #ffa02f;
}
.unis .calc-wrap .body .calc-result {
    border-color: #e0119d;
}

.calc-wrap .body .kat {
    position: relative;
    float: left;
    width: 50%;
    margin: 0 0 20px;
    padding: 4px 0 0 70px;
}
.calc-wrap .body .kat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url("../Images/bg-icon-cat-calc-sprite.png") no-repeat;
    background-size: 100px auto;
}
.towns .calc-wrap .body .kat.geschaefte::before {
    background-position: 0 0;
}
.towns .calc-wrap .body .kat.gastronomie::before {
    background-position: 0 -50px;
}
.towns .calc-wrap .body .kat.schulen::before {
    background-position: 0 -100px;
}
.towns .calc-wrap .body .kat.medien::before {
    background-position: 0 -150px;
}
.unis .calc-wrap .body .kat.geschaefte::before {
    background-position: -50px 0;
}
.unis .calc-wrap .body .kat.gastronomie::before {
    background-position: -50px -50px;
}
.unis .calc-wrap .body .kat.schulen::before {
    background-position: -50px -100px;
}
.unis .calc-wrap .body .kat.medien::before {
    background-position: -50px -150px;
}

.container.content .calc-wrap .title a {
    position: relative;
    display: inline-block;
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
    font-size: 15px;
    line-height: 15px;
    text-decoration: none;
}
.container.content .calc-wrap .title a::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 7px;
    height: 11px;
    background: url("../Images/bg-read-more-arrow-right-small-sprite.png") no-repeat;
    background-size: auto 11px;
}
.towns .container.content .calc-wrap .title a::before {
    background-position: -7px 0;
}
.schools .container.content .calc-wrap .title a::before {
    background-position: -13px 0;
}
.unis .container.content .calc-wrap .title a::before {
    background-position: -20px 0;
}
.calc-wrap .body .name {
    margin: 0 0 2px;
    font-size: 18px;
    background-color: #fff;
}
.calc-wrap .body .anzahl,
.calc-wrap .body .anzahl2,
.calc-wrap .body .anzahl3 {
    float: left;
    margin: 0 4px 0 8px;
    font-size: 18px;
    font-weight: 700;
}
.calc-wrap .body .title {
    margin: 0 30px 0 0;
}
/***** Bedarfsrechner - End *****/

/***** Schools Newsletter - Start *****/
#tx_rmnewsletterapi ul.errors {
    color: #ba0000;
    margin: 0 0 24px 0;
}
#tx_rmnewsletterapi ul.errors li {
    margin: 0;
}
#tx_rmnewsletterapi .gb-formname {
    width: 160px;
    padding-top: 8px;
    font-size: 14px;
}
#tx_rmnewsletterapi input[type="text"] {
    width: 240px;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    border: 2px solid #ddd;
}
#tx_rmnewsletterapi select {
    width: 240px;
    height: 38px;
    padding: 0 10px;
    border: 2px solid #ddd;
    background: url("../Images/webkit_select_bg.png") no-repeat right center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#tx_rmnewsletterapi label {
    font-weight: 400;
}
#tx_rmnewsletterapi .gb-formitem button.submit-black,
#tx_rmnewsletterapi .gb-formitem button.submit-black:hover,
#tx_rmnewsletterapi .gb-formitem button.submit-black:focus {
    display: inline-block;
    margin: 15px 0;
    padding: 0 42px 0 30px;
    font-family: 'Veneer';
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: none;
    background: #bed600 url("../Images/bg-register-submit-arrow.png") no-repeat right center;
    background-size: auto 19px;
    cursor: pointer;
}
.towns #tx_rmnewsletterapi .gb-formitem button.submit-black {
    background-color: #bed600;
}
.schools #tx_rmnewsletterapi .gb-formitem button.submit-black {
    background-color: #ffa02f;
}
.unis #tx_rmnewsletterapi .gb-formitem button.submit-black {
    background-color: #e0119d;
}
#tx_rmnewsletterapi .gb-inputwrap {
    font-size: 14px;
}
/***** Schools Newsletter - End *****/


/***** Universities - Start *****/
.tx-fttowns #map_canvas {
    height: 548px;
}
/***** Universities - End *****/

/***** 2-Cols Elements - Start *****/
.col-md-6 .ce-gallery.cols-1 img {
    width: 240px;
}
/***** 2-Cols Elements - End *****/


/***** Teaser mit Hover-Effekt - Start *****/
.teaser-effect {
    position: relative;
    height: 312px;
    margin: 0 0 30px;
    text-align: center;
    background: url("../Images/bg-teaser-effect-paper.jpg") repeat;
    background-size: 269px auto;
    overflow: hidden;
}
.container.content .teaser-effect a {
    text-decoration: none;
}
.teaser-effect .image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.teaser-effect .image img {
    max-width: 100%;
    height: auto;
}
.teaser-effect .title {
    position: relative;
    height: 121px;
    margin: 15px;
    padding: 15px;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    z-index: 3;
}
.teaser-effect .title .centerer {
    display: table;
    width: 100%;
    height: 100%;
}
.teaser-effect .title h3 {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    font-size: 23px;
    line-height: 23px;
}
.teaser-effect .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 150px 15px 15px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    opacity: 0;
    transition: all 0.4s;
}
.teaser-effect:hover .overlay {
    opacity: 1;
}
.teaser-effect .overlay p {
    margin: 0;
    color: #fff;
    line-height: 19px;
}
.teaser-effect .overlay::before {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 12px;
    height: 19px;
    background: url("../Images/bg-arrow-right-send.png") no-repeat;
    background-size: auto 19px;
    z-index: 4;
}
.teaser-effect .overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 57px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 76px solid #00b9e4;
    z-index: 2;
}
.towns .teaser-effect .overlay::after {
    border-top: 57px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 76px solid #bed600;
}
.schools .teaser-effect .overlay::after {
    border-top: 57px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 76px solid #ffa02f;
}
.unis .teaser-effect .overlay::after {
    border-top: 57px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 76px solid #e0119d;
}
/***** Teaser mit Hover-Effekt - End *****/


/***** Video - Start *****/
div.video {
    position: relative;
    width: 100%;
    margin: 0 auto 28px;
    padding-bottom: 56.25%;
    height: 0;
}
div.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** Video add **/
.video-code,
.video-embed {
    position: relative;
    width: 100%;
    margin: 0 auto 28px;
    padding-bottom: 56.25%;
    height: 0;
}
.video-embed-item {
    width: 100%;
    max-width: 100%;
}
.video-embed {
    width: 995px;
    max-width: 100%;
}
.col-sm-8 .video-embed,
.col-md-8 .video-embed,
.col-lg-8 .video-embed,
.col-xl-8 .video-embed{
    width: 545px;
}

.col-md-6 .video-embed {
    width: 445px;
}
.video-code iframe,
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***** Video - End *****/

/***** Gallery Slider - Start *****/
.tx-owl-slider {
    position: relative;
    margin: 0 0 40px;
    padding: 30px 40px;
    background: #efefef;
}
.tx-owl-slider .item img {
    display: block;
    margin: 10px auto;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.2)
}
.tx-owl-slider .owl-theme .owl-controls,
.tx-owl-slider div[class^="customNavigation_"] {
    position: absolute;
    top: -30px;
    bottom: -30px;
    width: 100%;
    margin: 0;
    pointer-events: none;
}
.tx-owl-slider div[class^="customNavigation_"] {
    display: none;
}
.tx-owl-slider .owl-theme .owl-controls .owl-buttons {
    height: 100%;
    pointer-events: none;
}
.owl-theme .owl-controls .owl-buttons div,
.tx-owl-slider div[class^="customNavigation_"] a {
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 1;
    text-indent: -9999em;
    background-color: #00b9e4;
    border-radius: 0;
    pointer-events: auto;
}
.towns .owl-theme .owl-controls .owl-buttons div,
.towns .tx-owl-slider div[class^="customNavigation_"] a {
    background-color: #bed600;
}
.schools .owl-theme .owl-controls .owl-buttons div,
.schools .tx-owl-slider div[class^="customNavigation_"] a {
    background-color: #ffa02f;
}
.unis .owl-theme .owl-controls .owl-buttons div,
.unis .tx-owl-slider div[class^="customNavigation_"] a {
    background-color: #e0119d;
}
.owl-theme .owl-controls .owl-buttons div.owl-next,
.tx-owl-slider div[class^="customNavigation_"] a.btn.next {
    left: auto;
    right: -40px;
}
.owl-theme .owl-controls .owl-buttons div::before,
.tx-owl-slider div[class^="customNavigation_"] a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 29px;
    margin: -15px 0 0 -9px;
    background: url("../Images/bg-read-more-arrow-big-right-white.png") no-repeat;
    background-size: auto 29px;
    transform: rotate(180deg);
}
.owl-theme .owl-controls .owl-buttons div.owl-next::before,
.tx-owl-slider div[class^="customNavigation_"] a.btn.next::before {
    transform: rotate(0deg);
}
/***** Gallery Slider - End *****/

/***** Header-Bild - Start *****/
.header-image {
    margin: 10px 0 40px;
}
.header-image .image img {
    max-width: 100%;
    height: auto;
}
/***** Header-Bild - End *****/

/***** Infolayer - Start *****/
.qtip h2 {
    font-size: 16px;
}
.qtip p {
    font-size: 14px;
    line-height: 140%;
}
.qtip a {
    text-decoration: underline;
}
.qtip a:hover {
    text-decoration: none;
}
.qtip a.qtip-close {
    text-decoration: none;
}
.schools .qtip-default .qtip-icon {
    color: #ffa02f;
}
.towns .qtip-default .qtip-icon {
    color: #bed600;
}
.unis .qtip-default .qtip-icon {
    color: #e0119d;
}
.schools .qtip-blue {
    border-color: #ffa02f;
}
.towns .qtip-blue {
    border-color: #bed600;
}
.unis .qtip-blue {
    border-color: #e0119d;
}
/***** Infolayer - End *****/

/***** Content - End *****/



/***** Footer - Start *****/
footer.main {
    color: #a5a5a5;
    background-color: #333;
}
footer.main .top {
    padding: 31px 30px 16px;
    font-size: 13px;
}
footer.main a {
    color: #a5a5a5;
}
footer.main .border {
    border-top: 2px solid #505050;
}
footer.main h3 {
    margin: 0 0 11px;
    font-family: 'Veneer';
    color: #fff;
}

footer.main .newsletter-signin {
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    background: url("../Images/bg-arrow-right-send-gray.png") no-repeat 0 5px;
    background-size: auto 11px;
    padding: 0 0 0 10px;
}
footer.main .newsletter-signin:hover {
    text-decoration: underline;
}

footer.main nav.social ul {
    margin: 0;
    padding: 0;
}
footer.main nav.social ul li {
    display: inline-block;
    margin: 0 5px 0 0;
}
footer.main nav.social ul li a {
    display: block;
    width: 41px;
    height: 41px;
    text-indent: -9999em;
    border-radius: 50%;
    background: url("../Images/bg-footer-social-icons.png") no-repeat;
    background-size: auto 41px;
}
footer.main nav.social ul li.fb a {
    background-position: 0 0;
}
footer.main nav.social ul li.in a {
    background-position: -49px 0;
}
footer.main nav.social ul li.tw a {
    background-position: -98px 0;
}
footer.main nav.social ul li.yt a {
    background-position: -147px 0;
}
footer.main nav.social ul li.linkedin a {
    background-position: -196px 0;
}

footer.main .bottom {
    padding: 20px 30px;
    font-size: 13px;
}
footer.main nav.meta {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display:inline-block;
}
footer.main nav.meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
footer.main nav.meta ul li {
    display: inline-block;
    margin: 0 7px 0 0;
}
footer.main nav.meta ul li a {
    position: relative;
    display: inline-block;
    padding: 0 14px 0 0;
}
footer.main nav.meta ul li a::after {
    content: '|';
    position: absolute;
    top: -1px;
    right: 0;
}
footer.main nav.meta ul li:last-of-type a::after {
    content: '';
    display: none;
}
.show-cookie-settings {
    top: 0;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.show-cookie-settings::before {
    content: '|';
    position: absolute;
    top: -1px;
    left: -10px;
}

footer.main .logo-ftde {
    margin: 41px 0 0;
}
footer.main .logo-ministerium {
    margin: 23px 0 25px;
}
footer.main .logo-ftde,
footer.main .logo-ministerium {
    font-size: 11px;
}
footer.main .logo-ftde p,
footer.main .logo-ministerium p {
    margin: 0;
}
footer.main .logo-ftde .image {
    height: 50px;
    margin: 11px 0 0;
    background: url("../Images/bg-footer-logo-FTDE.png") no-repeat;
    background-size: auto 50px;
}
footer.main .logo-ministerium .image {
    height: 75px;
    margin: 6px 0 0;
    background: url("../Images/bg-footer-logo-bundesministerium.png") no-repeat;
    background-size: auto 75px;
}
/***** Footer - End *****/