﻿/* basic class*/
.hidden {display:none;} 


body {
    font-family: Verdana,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #40464d;
    height: 100%;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

body.contrast
{
	background: #000;
	color: #fff;
}

body.fontSmall
{
    font-size: 12px;
}

body.fontSmaller
{
    font-size: 11px;
}

body.fontBig
{
    font-size: 14px;
}

body.fontBigger
{
    font-size: 15px;
}

form
{
	margin: 0;
	padding: 0;
}

header,nav,footer,main{
    display: block;
}

/* Header */

div.topbar{
    height: 55px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

body.contrast div.topbar{
    background: #000;
}

div.topbar a.logo{
    display: none;
    float: left;
    margin: 5px 0 0 0;
}

div.topbar a.logo img{
    height: 45px!important;
}
div.topbar a.logo img + img{
    display: none;
}

div.topbar div.barrier-free{
    float: right;
    padding: 15px 0 0 10px;
}

div.topbar div.barrier-free span{
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 0 0 5px;
}

div.topbar div.search{
    float: right;
    padding: 15px 0 0 15px;
    position: relative;
}

div.topbar div.search input{
    height: 25px;
    width: 375px;
    padding-right: 25px;
    font-size: 12px;
}

div.topbar div.search a{
    display: block;
    right: 0;
    top: 15px;
    width: 25px;
    height: 20px;
    position: absolute;
    padding-top: 5px;
}

div.topbar nav{
    float: right;
    padding: 15px 0 0 0;
}

div.topbar nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.topbar nav ul li{
    margin: 0;
    padding: 0;
    line-height: 25px;
    float: left;
    padding: 0 20px;
    background: url(../Bilder/meta_line.png) no-repeat left center;
}

div.topbar nav ul li:first-child{
    background: none;
    padding-left: 0;
}

div.topbar nav ul li a{
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

body.contrast div.topbar nav ul li a{
    color: #fff;
}

body.fontSmall div.topbar nav ul li a{
    font-size: 13px;
}

body.fontSmaller div.topbar nav ul li a{
    font-size: 12px;
}

body.fontBig div.topbar nav ul li a{
    font-size: 15px;
}

body.fontBigger div.topbar nav ul li a{
    font-size: 16px;
}

div.topbar span.navi_button{
    display: none;
}

header div.topbar{
    display: none;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    width: 340px;
    position: absolute;
    right: 0;
    top: 95px;
    background: #fff;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
}

header div.topbar div.container{
    width: auto;
    margin: 0;
}

header div.topbar span.navi_button
{
    display: none;
}
header div.topbar div.barrier-free{
    float: none;
    padding: 25px 0 0 0;
}

header div.topbar div.search{
    float: none;
    padding: 25px 0 0 0;
    margin-top: 25px;
    border-top: 1px solid #e5e5e5;
}

header div.topbar div.search input{
    width: 100%;
    padding-right: 0;
}

header div.topbar div.search a{
    top: 25px;
}

header div.topbar nav{
    float: none;
    padding: 0;
}

header div.topbar nav ul li{
    line-height: 30px;
    float: none;
    background: none;
    padding: 0;
}

div.topbar>span.navi_button{
    display: none;
}

header {
    height: 125px;
    position: relative;
}

header.fixed{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 95px;
    z-index: 100000;
    background: #fff;
}

body.contrast header.fixed
{
	background: #000;
}

header span.btnNavi{
    width: 20px;
    height: 15px;
    float: right;
    display: none;
    margin: 40px 0 0 45px;
    cursor: pointer;
    background: url(../Bilder/icon_navi.jpg) no-repeat top;
}

body.contrast header span.btnNavi{
    background: url(../Bilder/icon_navi_contrast.jpg) no-repeat top;
}

header.fixed span.btnNavi {
    display: block;
}

header.fixed span.btnNavi:hover,
header.fixed span.btnNavi.active{
    background: url(../Bilder/icon_navi.jpg) no-repeat bottom;
}

body.contrast header.fixed span.btnNavi:hover,
body.contrast header.fixed span.btnNavi.active{
    background: url(../Bilder/icon_navi_contrast.jpg) no-repeat bottom;
}

header.fixed+*{
    margin-top: 95px;
}

header::after{
    display: block;
    content: "";
    width: 100%;
    height: 9px;
    background: url(../Bilder/header_shadow.png) repeat-x;
    position: absolute;
    top: 127px;
    z-index: 2;
}

body.ie header::after{
    top: 125px;
}

body.ie header.fixed::after,
header.fixed::after{
    top: 95px;
    z-index: 2;
}

header a.logo{
    display: block;
    float: left;
    padding: 24px 0 0 0;
    width: 350px;
}

header.fixed a.logo{
    padding: 12px 0 0 0;
    width: 310px;
}

@media screen and (max-width: 500px) {
    header a.logo{
        width: 100%;
    }

}

header a.logo img{
    display: block;
}

header nav{
    float: right;
    margin-right: -15px;
}

header nav ul.first-level{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header nav ul.first-level>li{
    margin: 0;
    padding: 0 20px;
    line-height: 125px;
    float: left;
    position: relative;
    display: inline-block;
}

header nav ul.first-level>li.invisible
{
	display: none;	
}

header.fixed nav ul.first-level>li{
    line-height: 93px;
}

header.fixed nav ul.first-level>li>a
{
    line-height: 93px;
}

body.ie header.fixed nav ul.first-level>li{
    line-height: 95px;
}

body.ie header.fixed nav ul.first-level>li>a
{
    line-height: 95px;
}

header nav ul.first-level>li.megamenu{
    position: static;
}

header nav ul.first-level>li:hover,
header nav ul.first-level>li.active{
    border-top: 4px solid #ff000d;
    background: #f3f3f3;
    margin-top: -4px;
}

body.contrast header nav ul.first-level>li:hover,
body.contrast header nav ul.first-level>li.active
{
    border-top: 4px solid #fff;
	background: #000;
}

header nav ul.first-level>li>a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    display: inline-block;
    line-height: 125px;
}

body.contrast header nav ul.first-level>li>a
{
	color: #fff;
}

body.fontSmall nav ul.first-level>li>a{
    font-size: 16px;
}

body.fontSmaller nav ul.first-level>li>a{
    font-size: 15px;
}

body.fontBig nav ul.first-level>li>a{
    font-size: 18px;
}

body.fontBigger nav ul.first-level>li>a{
    font-size: 19px;
}

header nav ul.first-level>li div.megamenu{
    display: none;
    width: 1298px;
    position: absolute;
    top: 125px;
    z-index: 9999;
    background: #fff;
    padding: 35px 20px;
    right: 50px;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
}

body.contrast header nav ul.first-level>li div.megamenu{
    background: #000;
}

header.fixed nav ul.first-level > li div.megamenu {
    top: 95px;
}

header nav ul.first-level>li:hover div.megamenu,
header nav ul.first-level>li:hover div.subnavi {
    display: block;
}

header nav div.megamenu ul.second-level{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header nav div.megamenu ul.second-level>li{
    line-height: normal;
    display: block;
    float: left;
    padding: 0 0 0 30px;
    width: 302px;
}

header nav div.megamenu ul.second-level>li:first-child{
    padding-left: 0;
}

header nav div.megamenu ul.second-level>li>a{
    display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
}

body.contrast header nav div.megamenu ul.second-level>li>a{
    color: #fff;
}

body.fontSmall nav div.megamenu ul.second-level>li>a{
    font-size: 13px;
}

body.fontSmaller div.megamenu ul.second-level>li>a{
    font-size: 12px;
}

body.fontBig div.megamenu ul.second-level>li>a{
    font-size: 15px;
}

body.fontBigger div.megamenu ul.second-level>li>a{
    font-size: 16px;
}

header nav div.megamenu ul.third-level{
    margin: 15px 0 0 0;
    padding: 0;
    list-style-type: none;
}

header nav div.megamenu ul.third-level li{
    line-height: normal;
    padding: 0;
    margin:0;
}

header nav div.megamenu ul.third-level li a{
    display: block;
    font-size: 14px;
    color: #40464d;
    text-decoration: none;
    padding: 8px 0;
}

body.contrast header nav div.megamenu ul.third-level li a{
    color: #fff;
}

body.fontSmall div.megamenu ul.third-level>li>a{
    font-size: 13px;
}

body.fontSmaller div.megamenu ul.third-level>li>a{
    font-size: 12px;
}

body.fontBig div.megamenu ul.third-level>li>a{
    font-size: 15px;
}

body.fontBigger div.megamenu ul.third-level>li>a{
    font-size: 16px;
}

header nav div.megamenu ul.third-level li a:hover,
header nav div.megamenu ul.third-level li.active a{
    background: #f2f2f2;
    padding-left: 10px;
    margin-left: -10px;
}

body.contrast header nav div.megamenu ul.third-level li a:hover,
body.contrast header nav div.megamenu ul.third-level li.active a{
    background: #fff;
    color: #000;
}

header nav ul.fourth-level,
header nav ul.fifth-level,
header nav ul.sixth-level,
header nav ul.seventh-level {
    display: none;
}


/*header nav ul.first-level>li div.subnavi{
    display: none;
    position: absolute;
    top: 125px;
    z-index: 9999;
    background: #fff;
    padding: 35px 20px;
    left: 0;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
}*/

header.fixed nav ul.first-level > li div.subnavi {
    top: 95px;
}
header nav ul.first-level>li div.subnavi{
    display: none;
    position: absolute;
    top: 125px;
    z-index: 9999;
    background: #fff;
    padding: 20px 0 0 0;
    left: 0;
    width: 280px;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
}

body.contrast header nav ul.first-level>li div.subnavi{
    background: #000;
}

header nav ul.first-level>li div.subnavi ul.second-level{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header nav ul.first-level>li div.subnavi ul.second-level li{
    margin: 0;
    padding: 0;
    position: relative;
}

header nav ul.first-level>li div.subnavi ul.second-level li a{
    display: block;
    position: relative;
    border-top: 1px solid #d9d9d9;
    line-height: normal;
    color: #000;
    text-decoration: none;
    padding: 9px 0 9px 15px;
}

body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a{
    color: #fff;
}

header nav ul.first-level>li div.subnavi ul.second-level li a span
{
	display: block;
	width: 216px;
}

header nav ul.first-level>li div.subnavi ul.second-level li a:hover,
header nav ul.first-level>li div.subnavi ul.second-level li a.active{
    background: #f2f2f2;
}

body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a:hover,
body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a.active{
    background: #fff;
    color: #000;
}

header nav ul.first-level>li div.subnavi ul.second-level li a em
{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	border-left: 1px solid #d9d9d9;
	background: url(../Bilder/arrow_subnavi_right.png) no-repeat center;
	height:  100%;
}

body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a em
{
	background: url(../Bilder/arrow_subnavi_right_contrast.png) no-repeat center;
	border-left: 1px solid #fff;
}	

body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a:hover em,
body.contrast header nav ul.first-level>li div.subnavi ul.second-level li a.active em
{
	background: url(../Bilder/arrow_subnavi_right.png) no-repeat center;
	border-left: 1px solid #000;
}

header nav ul.first-level>li div.subnavi ul.third-level{
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #f2f2f2;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #d9d9d9;
    width: 280px;
}

body.contrast header nav ul.first-level>li div.subnavi ul.third-level{
    background: #fff;
}

header nav ul.first-level>li.last div.subnavi ul.third-level{
    left: -281px;
}

header nav ul.first-level>li div.subnavi li:hover ul.third-level{
    display: block;
}

header nav ul.first-level>li div.subnavi ul.third-level li a{
    padding-right: 15px;
}

body.contrast header nav ul.first-level>li div.subnavi ul.third-level li a{
    color: #000;
}

header nav ul.first-level>li div.subnavi ul.third-level li a:hover,
header nav ul.first-level>li div.subnavi ul.third-level li a.active{
    text-decoration: underline;
}


/* Spendenbutton von altruja */
.altrujaSpendenButton {
    /*display:none !important;*/
    text-align:center;
    margin:auto auto;
}

@media screen and (max-width: 1395px) {

    header nav ul.first-level > li{
        padding: 0 15px;
    }

    header nav ul.first-level > li div.megamenu {
        width: 100%;
        right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    header nav div.megamenu ul.second-level{
        margin-left: -30px;
    }
    
    header nav div.megamenu ul.second-level>li,
    header nav div.megamenu ul.second-level>li:first-child{
        line-height: normal;
        display: block;
        float: left;
        padding: 0 0 0 30px;
        width: 25%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    header nav div.megamenu ul.second-level > li > a{
        height: 35px;
    }
}

@media screen and (max-width: 1024px) {
    div.topbar nav {
        float: left;
    }

    header span.btnNavi {
		margin: 40px -20px 0 30px;
    }

    header div.topbar div.container{
        padding: 0;
    }
}

@media screen and (max-width: 1023px) {
    div.topbar{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }

    div.topbar + *{
        margin-top: 55px;
    }

    div.topbar div.search{
        padding: 15px 0 0 0;
    }

    div.topbar div.search input{
        width: 100%;
    }

    div.topbar div.barrier-free{
        display: none;
    }

    div.topbar span.navi_button{
        float: right;
        display: block;
        margin: 20px 0 0 20px;
    }

    div.topbar span.navi_button.active {
        margin: 10px -6px 0 10px;    
    }

    header::after{
        top: 125px;
    }

    header nav{
        display: block;
        float: none;
        margin: 0;
        position: fixed;
        right: -100%;
        background: #fff;
        z-index: 1000000;
        -webkit-box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.75);
        top: 56px;
        overflow: auto;
    }

    header nav ul.first-level{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    header nav ul.first-level>li,
    header nav ul.first-level>li:hover{
        margin: 0;
        padding: 0 20px;
        line-height: 45px;
        float: none;
        position: static;
        display: block;
        min-width: 150px;
        border-top: none;
        background: #fff;
    }
    
    header nav ul.first-level>li.invisible
	{
		display: block;	
	}

    header nav ul.first-level>li.active{
        border-left: 4px solid #ff000d;
        border-top: none;
        background: #f3f3f3;
        margin-top: 0;
        padding-left: 16px;
    }

    header nav ul.first-level>li>a {
        text-decoration: none;
        color: #000;
        font-size: 17px;
        line-height: 45px;
    }

    header nav ul.first-level>li div.subnavi,
    header nav ul.first-level>li:hover div.subnavi,
    header nav ul.first-level>li div.megamenu,
    header nav ul.first-level>li:hover div.megamenu{
        display: none;
    }

    header div.second-level,
    header div.third-level,
    header div.fourth-level,
    header div.fifth-level,
    header div.sixth-level,
    header div.seventh-level{
        position: fixed;
        top: 56px;
        left: 100%;
        background: #fff;
        height: 100%;
        width: 100%;
        overflow: auto;
        z-index: 99999999;
    }

    header div.second-level span.btnBack,
    header div.third-level span.btnBack,
    header div.fourth-level span.btnBack,
    header div.fifth-level span.btnBack,
    header div.sixth-level span.btnBack,
    header div.seventh-level span.btnBack{
        display: block;
        line-height: 65px;
        float: left;
        background: #ff000d url(../Bilder/arrow_subnavi_back.png) no-repeat 10px 25px;
        color: #fff;
        width: 80px;
        padding-left: 25px;
        border-right: 1px solid #d9d9d9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    header div.second-level a.top-link,
    header div.third-level a.top-link,
    header div.fourth-level a.top-link,
    header div.fifth-level a.top-link,
    header div.sixth-level a.top-link,
    header div.seventh-level a.top-link{
        display: table-cell;
        vertical-align: middle;
        height: 65px;
        font-size: 17px;
        color: #ff000d;
        padding: 0 10px;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    header div.second-level ul,
    header div.third-level ul,
    header div.fourth-level ul,
    header div.fifth-level ul,
    header div.sixth-level ul,
    header div.seventh-level ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #d9d9d9;
        display: block;
    }

    header div.second-level ul li,
    header div.third-level ul li,
    header div.fourth-level ul li,
    header div.fifth-level ul li,
    header div.sixth-level ul li,
    header div.seventh-level ul li{
        display: table;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    header div.second-level ul li a,
    header div.third-level ul li a,
    header div.fourth-level ul li a,
    header div.fifth-level ul li a,
    header div.sixth-level ul li a,
    header div.seventh-level ul li a{
        display: table-cell;
        vertical-align: middle;
        height: 45px;
        text-decoration: none;
        color: #000;
        padding: 0 20px 0 10px;
        font-size: 15px;
        background: url(../Bilder/arrow_subnavi.png) no-repeat right center;
        width: 100%;
    }

    header div.second-level ul li.active a,
    header div.third-level ul li.active a,
    header div.fourth-level ul li.active a,
    header div.fifth-level ul li.active a,
    header div.sixth-level ul li.active a,
    header div.seventh-level ul li.active a{
        background: #ff000d url(../Bilder/arrow_subnavi_active.png) no-repeat right center;
        color: #fff;
        font-size: 17px;
    }

    header div.second-level em,
    header div.third-level em{
        display: none;
    }

    header div.second-level ul.third-level,
    header div.third-level ul.fourth-level,
    header div.fourth-level ul.fifth-level,
    header div.fifth-level ul.sixth-level,
    header div.sixth-level ul.seventh-level{
        display: none;
    }

    header nav ul.meta{
        margin: 10px 0 0 0;
        padding: 10px 0;
        border-top: 1px solid #d9d9d9;
        list-style-type: none;
    }

    header nav ul.meta li{
        margin: 0;
        padding: 0;
    }

    header nav ul.meta li a{
        color: #808080;
        display: block;
        padding: 0 20px;
        line-height: 45px;
        font-size: 15px;
        text-decoration: none;
    }
}

@media screen and (max-width: 500px){
    div.topbar a.logo{
        margin-top: 10px;
    }

    div.topbar a.logo img{
        display: none;
        height: 35px!important;
    }
    div.topbar a.logo img + img{
        display: block;
    }
}

/* END Header */

/* Keyvisual */

div.keyvisual{
    display: inline-block;
    position: relative;
    width: 100%;
}
div.keyvisual::after {
    padding-top: 27.7%;
    /* 16:9 ratio */
    display: block;
    content: '';
}
div.keyvisual div.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

div.keyvisual span.btnPrev,
div.keyvisual span.btnNext{
    display: block;
    position: absolute;
    width: 80px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    cursor: pointer;
    text-align: center;
}

div.keyvisual span.btnNext {
    left: auto;
    right: 0;
}

div.keyvisual span.btnPrev em,
div.keyvisual span.btnNext em{
    position: relative;
    top: 50%;
    margin-top: -20px;
}

div.keyvisual div.item{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div.keyvisual div.item.active{
    left: 0;
}

div.keyvisual div.item img{
    position: relative;
    height: 100%;
    max-width: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
}

div.keyvisual div.item div.box{
    position: absolute;
    width: 380px;
    padding: 35px 25px;
    background: url(../Bilder/keyvisual_box_bg.png);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -820px;
    font-size: 15px;
    color: #000;
}

body.contrast div.keyvisual div.item div.box{
    background: url(../Bilder/keyvisual_box_bg_contrast.png);
    color: #fff;
}

body.fontSmall div.keyvisual div.item div.box{
    font-size: 14px;
}

body.fontSmaller div.keyvisual div.item div.box{
    font-size: 13px;
}

body.fontBig div.keyvisual div.item div.box{
    font-size: 16px;
}

body.fontBigger div.keyvisual div.item div.box{
    font-size: 17px;
}

div.keyvisual div.item div.box span.headline{
    display: block;
    color: #ff000d;
    font-size: 25px;
}

body.contrast div.keyvisual div.item div.box span.headline
{
	color: #fff;
}

body.fontSmall div.keyvisual div.item div.box span.headline{
    font-size: 24px;
}

body.fontSmaller div.keyvisual div.item div.box span.headline{
    font-size: 23px;
}

body.fontBig div.keyvisual div.item div.box span.headline{
    font-size: 26px;
}

body.fontBigger div.keyvisual div.item div.box span.headline{
    font-size: 27px;
}

div.keyvisual div.item div.box p{
    margin: 0;
    padding: 20px 0 0 0;
}

div.keyvisual div.item div.box a{
    display: block;
    color: #000;
    text-decoration: underline;
    margin: 30px 0 0 0;
}

body.contrast div.keyvisual div.item div.box a{
    color: #fff;
}

div.keyvisual-box-mobile{
    position: relative;
}

@media screen and (max-width: 1655px) {
    div.keyvisual div.item div.box{
        left: 75px;
        margin-left: 0;
    }
}
@media screen and (max-width: 1295px) {
    div.keyvisual::after {
        padding-top: 27.55%;
    }
}

@media screen and (max-width: 950px) {
    div.keyvisual::after {
        padding-top: 27.85%;
    }
}

@media screen and (max-width: 800px) 
{
	div.keyvisual div.item
	{
        height: auto;
	}
	
	div.keyvisual div.item{
		background-size: 100% auto;
		background-position: top;
	}
	
	div.keyvisual div.item img{
		height: auto;
		width: 100%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
    div.keyvisual div.item div.box
    {
    	display: none;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: auto;
        padding: 20px 10px;
        width: auto;
    }
}

/* END Keyvisual */

/* HotKeys */

div.hotkeys{
    position: relative;
    width: 1640px;
    margin: -73px auto 0 auto;
    background: url(../Bilder/hotkeys_bg.png);
    height: 70px;
}

div.hotkeys a{
    display: block;
    float: left;
    background: url(../Bilder/hotkey_line.png) no-repeat left center;
    margin: 13px 0 0 0;
    width: 25%;
    padding: 0 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
}

div.hotkeys a.phone_mobil{
    display: none;
}

div.hotkeys a em{
    display: block;
    float: left;
    margin-right: 15px;
}

div.hotkeys a span.headline{
    font-size: 16px;
    font-weight: bold;
}

body.fontSmall div.hotkeys a span.headline{
    font-size: 15px;
}

body.fontSmaller div.hotkeys a span.headline{
    font-size: 14px;
}

body.fontBig div.hotkeys a span.headline{
    font-size: 17px;
}

body.fontBigger div.hotkeys a span.headline{
    font-size: 18px;
}

div.hotkeys a:first-child{
    background: none;
}

@media screen and (max-width: 1655px) {
    div.hotkeys{
        width: 100%;
    }
}

@media screen and (max-width: 1295px) {
    div.hotkeys{
        width: 420px;
        float: right;
        margin-right: 75px;
    }

    div.hotkeys a{
        height: 45px;
        text-indent: 9999px;
        padding: 0;
        text-align: center
    }

    div.hotkeys a em{
        float: none;
        margin-right: 0;
        position: relative;
        left: 50%;
        margin-left: -22.5px;
    }

    div.hotkeys a span.headline{
        display: none;
    }
}

@media screen and (max-width: 950px) {
    div.hotkeys{
        position: fixed;
        width: 100%;
        float: none;
        margin: 0;
        background: #ff000d;
        bottom: 0;
        left: 0;
        z-index: 999999;
    }
}

@media screen and (max-width: 767px){
    div.hotkeys a.phone_mobil{
        display: block;
    }

    div.hotkeys a.phone_desktop{
        display: none;
    }
}

/* END HotKeys */

/* Inhalt */

main{
    display: block;
    padding: 40px 0 0 0;
}

div.row{
    margin: 0 -20px;
    padding: 40px 0;
}

div.content div.row{
    padding: 0;
}

div.content div.row.gallery{
    margin: 0 -15px;
    padding: 35px 0 0 0;
}

div.col1,
div.col2,
div.col3,
div.col4,
div.col5,
div.col6,
div.col7,
div.col8,
div.col9,
div.col12{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    float: left;
    min-height: 1px;
}

div.content div.row.gallery div.col3{
    padding: 0 15px;
}

div.content div.row.gallery div.col3 a
{
	display: block;
}

div.col1{    
    width: 8.33333%;    
}

div.col2{
    width: 16.66666%;
}

div.col3{
    width: 25%;
}

div.col4{
    width: 33.33333%;
}

div.content div.col4.special h3.groupname
{
	margin-bottom: -5px;
}

div.col5{
    width: 41.66666%;
}

div.col6{
    width: 50%;
}

div.col7{
    width: 58.33333333333333%;
}

div.col8{
    width: 66.66666%;
}

div.col9{
    width: 75%;
}

div.col12{
    width: 100%;
}

div.content div[class^=col]>img
{
	display: block;
	margin: 25px 0 0 0;
}

div.location{
    border: 1px solid #d9d9d9;
}

div.location:first-child{
    margin-top: 37px;
}

div.location+div.location{
    margin-top: 10px;
}

div.location div.col6{
    padding: 0;
}

div.location div.col6:nth-child(2){
    padding: 30px 10px 0 30px;
}

div.location div.col6 img
{
	height: auto!important;
}

div.location div.col6 a{
    color: #000;
    background: url(../Bilder/arrow_list.png) no-repeat left center;
    display: inline-block;
    padding-left: 16px;
}

div.location div.col6 a.button{
    color: #fff;
    background: #ff000d;
    padding-left: 13px;
}

div.location div.col6 a.button:hover
{
	background: #fff;
    color: #ff000d;
}

body.contrast div.location div.col6 a{
    background: url(../Bilder/arrow_list_contrast.png) no-repeat left center;
	color: #fff;
}

div.tabs ul.tab-navi{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.tabs ul.tab-navi li{
    cursor: pointer;
    background: #ebebeb;
    color: #000;
    line-height: 34px;
    padding: 0 24px;
    float: left;
    margin-left: 2px;
    font-size: 16px;
    border: 1px solid #ebebeb;
    border-bottom: none;
}

body.contrast div.tabs ul.tab-navi li{
    background: #000;
    color: #fff;
}

div.tabs.news ul.tab-navi li{
    border-bottom: 1px solid #ebebeb;
}

div.tabs ul.tab-navi li:first-child {
    margin-left: 0;
}

div.tabs ul.tab-navi li.active,
div.tabs ul.tab-navi li:hover{
    color: #ff000d;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    margin: 0 0 -4px 2px;
    padding: 0 24px 3px 24px;
}

body.contrast div.tabs ul.tab-navi li.active,
body.contrast div.tabs ul.tab-navi li:hover{
    color: #000;
    border: 1px solid #fff;
    background: #fff;
}

div.tabs.news ul.tab-navi li.active,
div.tabs.news ul.tab-navi li:hover{
    color: #ff000d;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 0 2px;
    padding: 0 24px 0 24px;
}

body.contrast div.tabs.news ul.tab-navi li.active,
body.contrast div.tabs.news ul.tab-navi li:hover{
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

div.tabs ul.tab-navi li:hover:first-child,
div.tabs ul.tab-navi li.active:first-child {
    margin-left: 0;
}

div.tabs div.tab-item
{
    display: none;
    padding: 29px;
    border: 1px solid #d9d9d9;
    margin-top: 2px;
}

div.tabs.news div.tab-item{
    padding: 0;
    border: none;
    margin: 30px 0 0 0;
}

div.tabs div.tab-item.active{
    display: block;
}

div.tabs div.tab-item div.bodymap{
    position: relative;
    margin: 30px 0 0 20%;
}

div.tabs div.tab-item div.bodymap img{
    position: relative;
    max-width: none;
    width: auto!important;
}

div.tabs div.tab-item div.bodymap div.item {
    position: absolute;
    cursor: pointer;
}

div.tabs div.tab-item div.bodymap div.item.a {
    top: 5px;
    left: 200px;
}

div.tabs div.tab-item div.bodymap div.item.b {
    top: 53px;
    left: 191px;
}

div.tabs div.tab-item div.bodymap div.item.c {
    top: 107px;
    left: 206px;
}

div.tabs div.tab-item div.bodymap div.item.d {
    top: 134px;
    left: 158px;
}

div.tabs div.tab-item div.bodymap div.item.e {
    top: 149px;
    left: 196px;
}

div.tabs div.tab-item div.bodymap div.item.f {
    top: 185px;
    left: 265px;
}

div.tabs div.tab-item div.bodymap div.item.g {
    top: 222px;
    left: 210px;
}

div.tabs div.tab-item div.bodymap div.item.h {
    top: 247px;
    left: 192px;
}

div.tabs div.tab-item div.bodymap div.item.i {
    top: 271px;
    left: 192px;
}

div.tabs div.tab-item div.bodymap div.item.j {
    top: 294px;
    left: 260px;
}

div.tabs div.tab-item div.bodymap div.item.k {
    top: 310px;
    left: -110px;
}

div.tabs div.tab-item div.bodymap div.item.l {
    top: 319px;
    left: 211px;
}

div.tabs div.tab-item div.bodymap div.item.m {
    top: 366px;
    left: 166px;
}

div.tabs div.tab-item div.bodymap div.item.n {
    top: 167px;
    left: 173px;
}

div.tabs div.tab-item div.bodymap div.dot{
    float: left;
    width: 16px;
    height: 16px;
    border: 2px solid #40464d;
    background: #fff;
    border-radius: 50%;
}

body.contrast div.tabs div.tab-item div.bodymap div.dot{
    border: 2px solid #fff;
    background: #000;
}

div.tabs div.tab-item div.bodymap div.item.k div.dot{
    float: right;
}

div.tabs div.tab-item div.bodymap div.dot span{
    display: block;
    background: #40464d;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 2px 0 0 2px;
}

body.contrast div.tabs div.tab-item div.bodymap div.dot span{
    background: #fff;
}

div.tabs div.tab-item div.bodymap div.item:hover div.dot{
    border: 2px solid #ff000d;
}

body.contrast div.tabs div.tab-item div.bodymap div.item:hover div.dot{
    border: 2px solid #fff;
}

div.tabs div.tab-item div.bodymap div.item:hover div.dot span {
    background: #ff000d;
}

body.contrast div.tabs div.tab-item div.bodymap div.item:hover div.dot span {
    background: #fff;
}

div.tabs div.tab-item div.bodymap div.item div.line{
    float: left;
    width: 100px;
    height: 2px;
    background: #40464d;
    margin: 9px 0 0 0;
}

body.contrast div.tabs div.tab-item div.bodymap div.item div.line{
    background: #fff;
}

div.tabs div.tab-item div.bodymap div.item:hover div.line {
    background: #ff000d;
}

body.contrast div.tabs div.tab-item div.bodymap div.item:hover div.line {
    background: #fff;
}

div.tabs div.tab-item div.bodymap div.item.b div.line{
    width: 109px;
}
div.tabs div.tab-item div.bodymap div.item.c div.line{
    width: 94px;
}
div.tabs div.tab-item div.bodymap div.item.d div.line{
    width: 142px;
}
div.tabs div.tab-item div.bodymap div.item.e div.line{
    width: 104px;
}
div.tabs div.tab-item div.bodymap div.item.f div.line{
    width: 35px;
}
div.tabs div.tab-item div.bodymap div.item.g div.line{
    width: 90px;
}
div.tabs div.tab-item div.bodymap div.item.h div.line{
    width: 108px;
}
div.tabs div.tab-item div.bodymap div.item.i div.line{
    width: 108px;
}
div.tabs div.tab-item div.bodymap div.item.j div.line{
    width: 40px;
}
div.tabs div.tab-item div.bodymap div.item.k div.line{
    width: 55px;
}
div.tabs div.tab-item div.bodymap div.item.l div.line{
    width: 89px;
}
div.tabs div.tab-item div.bodymap div.item.m div.line{
    width: 134px;
}

div.tabs div.tab-item div.bodymap div.item.n div.line{
    width: 127px;
}

div.tabs div.tab-item div.bodymap div.item a{
    display: block;
    float: left;
    color: #40464d;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
}

body.contrast div.tabs div.tab-item div.bodymap div.item a{
    color: #fff;
}

div.tabs div.tab-item div.bodymap div.item:hover a {
    color: #ff000d;
}

body.contrast div.tabs div.tab-item div.bodymap div.item:hover a {
    color: #fff;
}

div.tabs div.tab-item div.bodymap div.item ul{
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ff000d;
    left: 100%;
    top: -15px;
    list-style-type: none;
    padding: 5px 5px 10px 5px;
    width: 220px;
    z-index: 9999;
}

body.contrast div.tabs div.tab-item div.bodymap div.item ul{
    background: #000;
    border: 1px solid #fff;
}

div.tabs div.tab-item div.bodymap div.item.k ul{
    top: 21px;
    left: 0;
}

div.tabs div.tab-item div.bodymap div.item:hover ul{
    display: block;
}

div.tabs div.tab-item div.bodymap div.item ul li{
    margin: 0;
    padding: 5px 0 0 0;
}

div.tabs div.tab-item div.bodymap div.item:hover ul li a,
div.tabs div.tab-item div.bodymap div.item ul li a{
    display: block;
    padding: 0 0 0 14px;
    color: #40464d;
    text-decoration: underline;
    background: url(../Bilder/arrow_list.png) no-repeat 0 5px;
    float: none;
}

body.contrast div.tabs div.tab-item div.bodymap div.item:hover ul li a,
body.contrast div.tabs div.tab-item div.bodymap div.item ul li a{
    color: #fff;
    background: url(../Bilder/arrow_list_contrast.png) no-repeat 0 5px;
}

div.tabs div.tab-item div.bodymap div.item ul li a:hover{
    color: #ff000d;
}

div.tabs div.tab-item div.mobile{
    display: none;
}

div.tabs div.tab-item div.mobile span.headline{
    display: block;
    margin-top: 20px;
}

div.tabs div.tab-item div.mobile ul{
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}

div.tabs div.tab-item div.mobile ul li a {
    display: block;
    background: url(../Bilder/arrow_list.png) no-repeat 3px 5px;
    color: #000;
    padding-left: 14px;
    margin: 10px 0 0 0;
    font-size: 14px;
}

body.contrast div.tabs div.tab-item div.mobile ul li a {
    background: url(../Bilder/arrow_list_contrast.png) no-repeat 3px 5px;
    color: #fff;
}

div.tabs div.tab-item ul.filter{
    margin: 0 -4px;
    padding: 0;
    list-style-type: none;
}

div.tabs div.tab-item ul.filter li{
    padding: 0 4px;
    margin: 0;
    float: left;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.tabs div.tab-item ul.filter li a{
    display: block;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    color: #000;
    padding: 14px;
    text-decoration: none;
}

@media screen and (max-width: 1655px) {
	div.tabs div.tab-item ul.filter li a{
		height: 51px;
	}
}

@media screen and (max-width: 1505px) {
	div.tabs div.tab-item ul.filter li a{
		height: 68px;
	}
}

@media screen and (max-width: 1220px) {
	div.tabs div.tab-item ul.filter li a{
		height: 85px;
	}
}

@media screen and (max-width: 1190px) {
	div.tabs div.tab-item ul.filter li a{
		height: 102px;
	}
}

@media screen and (max-width: 1024px) {
	div.tabs div.tab-item ul.filter li a{
		height: auto;
	}
}

@media screen and (max-width: 1023px) {
	div.tabs div.tab-item ul.filter li a{
		height: 34px;
	}
}

@media screen and (max-width: 795px) {
	div.tabs div.tab-item ul.filter li a{
		height: 51px;
	}
}

@media screen and (max-width: 768px) {
	div.tabs div.tab-item ul.filter li a{
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	div.tabs div.tab-item ul.filter li a{
		height: 51px;
	}
}

@media screen and (max-width: 675px) {
	div.tabs div.tab-item ul.filter li a{
		height: 68px;
	}
}

@media screen and (max-width: 550px) {
	div.tabs div.tab-item ul.filter li a{
		height: 102px;
	}
}

@media screen and (max-width: 500px) {
	div.tabs div.tab-item ul.filter li a{
		height: 51px;
	}
}


body.contrast div.tabs div.tab-item ul.filter li a{
    border: 1px solid #fff;
    background: #000;
    color: #fff;
}

div.tabs div.tab-item ul.filter li:hover a,
div.tabs div.tab-item ul.filter li a.active{
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #ff000d;
}

div.tabs div.tab-item div.row{
    padding: 30px 0 0 0;
}

div.tabs.news div.tab-item div.row{
    padding: 0;
}

div.tabs div.tab-item span.headline{
    font-size: 20px;
    color: #ff000d;
}

div.tabs.news div.tab-item span.headline{
    display: block;
    font-size: 16px;
    color: #000;
    padding-right: 75px;
}

body.contrast div.tabs.news div.tab-item span.headline{
    color: #fff;
}

div.tabs div.tab-item div.col6 ul{
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
}

div.tabs div.tab-item div.col6 ul li{
    margin: 0; 
    padding: 0;
}

div.tabs div.tab-item div.col6 ul li a{
    display: block;
    background: url(../Bilder/arrow_list.png) no-repeat 3px 3px;
    color: #40464d;
    text-decoration: none;
    padding-left: 14px;
}

body.contrast div.tabs div.tab-item div.col6 ul li a{
    background: url(../Bilder/arrow_list_contrast.png) no-repeat 3px 3px;
    color: #fff;
}

div.tabs div.tab-item div.col6 ul li a.active,
div.tabs div.tab-item div.col6 ul li a:hover{
    color: #ff000d;
}

body.contrast div.tabs div.tab-item div.col6 ul li a.active,
body.contrast div.tabs div.tab-item div.col6 ul li a:hover{
    color: #fff;
    text-decoration: underline;
}

div.tabs div.tab-item div.alphabet{
    margin-top: -5px;
}

div.tabs div.tab-item div.alphabet a{
    display: block;
    float: left;
    font-size: 20px;
    color: #ff000d;
    margin: 5px 14px 0 0;
    padding-bottom: 5px;
    text-decoration: none;
}

body.contrast div.tabs div.tab-item div.alphabet a{
    color: #fff;
}

div.tabs div.tab-item div.alphabet a.active,
div.tabs div.tab-item div.alphabet a:hover{
    background: url(../Bilder/red_dot.jpg) no-repeat center bottom;
}

body.contrast div.tabs div.tab-item div.alphabet a.active,
body.contrast div.tabs div.tab-item div.alphabet a:hover{
    background: url(../Bilder/red_dot_contrast.jpg) no-repeat center bottom;
}

div.tabs div.tab-item div.search{
    padding: 25px 20px;
    background: #f2f2f2;
    color: #000;
    margin: 20px 20px 0 20px; 
}

body.contrast div.tabs div.tab-item div.search{
    background: #000;
    color: #fff;
}

div.tabs div.tab-item div.search.bodymap {
    margin: 29px 0 0 0; 
}

div.tabs div.tab-item div.search span.headline{
    font-size: 20px;
    color: #000;
}

body.contrast div.tabs div.tab-item div.search span.headline{
    color: #fff;
}

div.tabs div.tab-item div.search p{
    margin: 0;
    padding: 20px 0;
}

div.tabs div.tab-item div.search input{
    width: 360px;
    background: #fff;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
}

div.tabs div.tab-item div.search a.button{
    float: left;
}

div.tabs div.news-item{
    border: 1px solid #d9d9d9;
    margin-top: 10px;
}

div.tabs div.news-item div.col3{
    padding: 0;
}

/*div.tabs div.news-item div.col3 img
{
	width: 100%;
}*/

div.tabs div.news-item div.col9,
div.tabs div.news-item div.col12{
    position: relative;
    padding: 30px 20px 30px 30px;
}

div.tabs div.news-item div.col9 span.date,
div.tabs div.news-item div.col12 span.date{
    color: #b4b4b4;
    display: block;
    position: absolute;
    right: 20px;
    top: 33px;
}

div.tabs div.news-item div.col9 p,
div.tabs div.news-item div.col12 p{
    padding: 20px 0;
}

div.tabs div.news-item div.col9 p + p,
div.tabs div.news-item div.col12 p + p
{
	padding-top: 0;	
}

div.tabs div.news-item div.col9 a,
div.tabs div.news-item div.col12 a{
    color: #000;
}

body.contrast div.tabs div.news-item div.col9 a,
body.contrast div.tabs div.news-item div.col12 a{
    color: #fff;
}

div.tabs.news a.button{
    float: right;
    margin: 30px 0 0 0;
}

div.accordion{
    padding: 10px 0 0 0;
}

div.content div.accordion > h3,
div.accordion > h3{
    display: block;
    line-height: 30px;
    border: 1px solid #ededed;
    color: #000!important;
    margin-top: 10px;
    background: url(../Bilder/icon_plus.png) no-repeat left top;
    padding: 0 0 0 45px;
    cursor: pointer;
    font-size: 16px!important;
}

div.greyBg div.accordion > h3{
    background-color: #fff;
}

body.contrast div.content div.accordion > h3,
body.contrast div.accordion > h3{
    border: 1px solid #fff;
    color: #fff!important;
}

div.content div.accordion > h3.active,
div.accordion > h3.active {
    background: url(../Bilder/icon_minus.png) no-repeat left top;
}

div.accordion div.accordion-content{
    display: none;
    padding: 0 0 50px 0;
}

body.edit div.accordion div.accordion-content{
    display: block;
}

div.accordion div.accordion-content span.header{
    display: block;
    color: #ff000d;
    font-size: 14px;
    padding: 30px 0 0 0;
}

body.fontSmall div.accordion div.accordion-content span.header{
    font-size: 13px;
}

body.fontSmaller div.accordion div.accordion-content span.header{
    font-size: 12px;
}

body.fontBig div.accordion div.accordion-content span.header{
    font-size: 15px;
}

body.fontBigger div.accordion div.accordion-content span.header{
    font-size: 16px;
}

div.accordion div.accordion-content a.button{
    margin-top: 10px;
}

div.breadcrumb ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.breadcrumb ul li{
    margin: 0;
    padding: 0 11px 0 15px;
    float: left;
    background: url(../Bilder/arrow_breadcrumb.png) no-repeat left 4px;
}

div.breadcrumb ul li:first-child{
    background: none;
    padding-left: 0;
}

div.breadcrumb ul li a.active{
    color: #40464d;
    text-decoration: none;
}

body.contrast div.breadcrumb ul li a
{
	color: #fff;
}

body.contrast div.breadcrumb ul li a.active
{
	color: #fff;
	text-decoration: underline;
}

div.subnavi-col{
    float: left;
    width: 380px;
    margin: 60px 0 0 0;
    padding-bottom: 80px;
}

div.subnavi-col a.headline,
div.subnavi-col span.headline,
div.searchfilter span.headline{
    font-size: 25px;
    display: block;
    text-decoration: none;
    color: #ff000d;
}

body.contrast div.subnavi-col a.headline,
body.contrast div.subnavi-col span.headline,
body.contrast div.searchfilter span.headline{
    color: #fff;
}

body.fontSmall div.subnavi-col a.headline,
body.fontSmall div.subnavi-col span.headline,
body.fontSmall div.searchfilter span.headline
{
    font-size: 24px;
}

body.fontSmaller div.subnavi-col a.headline,
body.fontSmaller div.subnavi-col span.headline,
body.fontSmaller div.searchfilter span.headline
{
    font-size: 23px;
}

body.fontBig div.subnavi-col a.headline,
body.fontBig div.subnavi-col span.headline,
body.fontBig div.searchfilter span.headline
{
    font-size: 26px;
}

body.fontBigger div.subnavi-col a.headline,
body.fontBigger div.subnavi-col span.headline,
body.fontBigger div.searchfilter span.headline
{
    font-size: 27px;
}

div.subnavi-col nav ul{
    margin: 35px 0;
    padding: 0;
    list-style-type: none;
}

div.subnavi-col nav ul li{
    margin: 0;
    padding: 0;
}

div.subnavi-col nav ul li a{
    display: block;
    margin: 0;
    padding: 0 15px;
    line-height: 35px;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    text-decoration: none;
    font-size: 14px;
}

body.contrast div.subnavi-col nav ul li a{
    color: #fff;
    border-bottom: 1px solid #fff;
}

body.fontSmall div.subnavi-col nav ul li a{
    font-size: 13px;
}

body.fontSmaller div.subnavi-col nav ul li a{
    font-size: 12px;
}

body.fontBig div.subnavi-col nav ul li a{
    font-size: 15px;
}

body.fontBigger div.subnavi-col nav ul li a{
    font-size: 16px;
}

div.subnavi-col nav ul li a:hover,
div.subnavi-col nav ul li.active a{
    background: #ff000d;
    color: #fff;
    font-size: 16px;
}

body.contrast div.subnavi-col nav ul li a:hover,
body.contrast div.subnavi-col nav ul li.active a{
    background: #fff;
    color: #000;
}

div.subnavi-col nav ul li:first-child a {
    border-top: 1px solid #d9d9d9;
}

div.subnavi-col nav ul li ul{
    display: none;
    margin: 0;
    border-bottom: 1px solid #d9d9d9;
}

div.subnavi-col nav ul li ul li ul{
    border-bottom: none;
}

div.subnavi-col nav ul li.active ul {
    display: block;
}

div.subnavi-col nav ul li ul li a,
div.subnavi-col nav ul li.active ul li a,
div.subnavi-col nav ul li.active ul li ul li a{
    margin: 0 0 0 30px;
    color: #000;
    background: none;
    font-size: 14px;
    border-bottom: none;
    border-top: 1px solid #d9d9d9;
}

body.contrast div.subnavi-col nav ul li ul li a,
body.contrast div.subnavi-col nav ul li.active ul li a,
body.contrast div.subnavi-col nav ul li.active ul li ul li a
{
    background: none;
	color: #fff;
}

body.contrast div.subnavi-col nav ul li ul li a:hover,
body.contrast div.subnavi-col nav ul li ul li.active a{
    background: #fff;
    color: #000;
}

div.subnavi-col nav ul li.active ul li ul li a {
    margin-left: 45px;
}

div.subnavi-col nav ul li ul li:first-child a{
    border-top: none;
}

div.subnavi-col nav ul li ul li ul li:first-child a{
    margin-left: 30px;
    padding-left: 30px;
}

div.subnavi-col nav ul li ul li a:hover,
div.subnavi-col nav ul li ul li.active a,
div.subnavi-col nav ul li ul li ul li.active a,
div.subnavi-col nav ul li.active ul li a:hover{
    background: none;
    color: #ff000d;
}

div.subnavi-col div.top-links{
    margin: 40px 0 0 0;
}

div.searchfilter div.top-links{
    width: 50%;
    float: right;
    padding: 25px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.searchfilter div.top-links span.headline,
div.subnavi-col div.top-links span.headline{
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 20px 10px 20px;
}

body.contrast div.searchfilter div.top-links span.headline,
body.contrast div.subnavi-col div.top-links span.headline{
    color: #fff;
    border-bottom: 1px solid #fff;
}

div.searchfilter div.top-links div.tagcloud,
div.subnavi-col div.top-links div.tagcloud{
    text-align: center;
    padding: 10px 0 0 0;
}

div.searchfilter div.top-links a,
div.subnavi-col div.top-links a{
    color: #ff000d;
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
}

body.contrast div.searchfilter div.top-links a,
body.contrast div.subnavi-col div.top-links a{
    color: #fff;
}

div.searchfilter div.top-links a:hover,
div.subnavi-col div.top-links a:hover {
    background: #ff000d;
    color: #fff;
}

body.contrast div.searchfilter div.top-links a:hover,
body.contrast div.subnavi-col div.top-links a:hover {
    background: #fff;
    color: #000;
}

div.searchfilter div.top-links a.prio1,
div.subnavi-col div.top-links a.prio1 {
    font-size: 24px;
}

div.searchfilter div.top-links a.prio2,
div.subnavi-col div.top-links a.prio2 {
    font-size: 20px;
}

div.searchfilter div.top-links a.prio3,
div.subnavi-col div.top-links a.prio3 {
    font-size: 16px;
}

div.searchfilter div.top-links a.prio4,
div.subnavi-col div.top-links a.prio4 {
    font-size: 13px;
}

div.content{
    position: relative;
    overflow: hidden;
    margin: 60px 0 0 420px;
    padding-bottom: 80px;
}

div.content a.rss{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    line-height: 25px;
    background: url(../Bilder/rss.jpg) no-repeat right;
    padding: 0 33px 0 0;
    color: #40464d;
    text-decoration: none;
}

div.content > img{
    margin: 25px 0 0 0;
}

div.imgText div.image{
    margin: 0;
    padding: 25px 25px 25px 0;
    float: left;
}

div.textImg div.image{
    margin: 0;
    float: right;
    padding: 25px 0 25px 25px;
}

div.grey-box{
    padding: 30px 20px;
    background: #f2f2f2;
    margin: 35px 0 0 0;
}

div.content div.grey-box h3{
    padding: 0 0 10px;
    margin: 0;
}

div.grey-box .headline{
    color: #000;
    font-size: 14px;
}

body.fontSmall div.grey-box .headline{
    font-size: 13px;
}

body.fontSmaller div.grey-box .headline{
    font-size: 12px;
}

body.fontBig div.grey-box .headline{
    font-size: 15px;
}

body.fontBigger div.grey-box .headline{
    font-size: 16px;
}

div.grey-box p{
    padding: 10px 0 0 0;
}

div.pager{
    float: right;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: -27px;
}

div.pager.bottom{
    margin-top: 30px;
}

div.pager a,
div.pager span{
    display: block;
    line-height: 28px;
    width: 30px;
    text-align: center;
    color: #808080;
    float: left;
    text-decoration: none;
    border-left: 1px solid #d9d9d9;
}

div.pager a:first-child{
    border: none;
}

div.pager a:hover,
div.pager a.active{
    color: #fff;
    background: #ff000d;
    border-left: 1px solid #ff000d;
}

body.contrast div.pager a:hover,
body.contrast div.pager a.active{
    color: #000;
    background: #fff;
    border-left: 1px solid #fff;
}

div.list{
    margin: 0;
    padding: 20px 0 0 0;
}

div.list div.item{
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin: 15px 0 0 0;
}

body.contrast div.list div.item{
    border: 1px solid #fff;
    background: #000;
}

div.list.grey div.item {
    background: #f2f2f2;
    border: none;
}

body.contrast div.list.grey div.item {
    background: #000;
    border: 1px solid #fff;
}

div.list div.item div.image{
    float: left;
    width: 150px;
}

div.list div.item div.image img{
    max-width: 150px;
}

div.list div.item div.text{
    position: relative;
    overflow: hidden;
    margin: 0 190px;
    color: #000;
    height: 150px;
}

body.contrast div.list div.item div.text{
    color: #fff;
}

div.list.grey div.item div.text{
    margin: 0 190px 0 0;
    height: 110px;
}

div.list div.item div.text div.center{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.list div.item div.text div.col8,
div.list div.item div.text div.col4{
    line-height: 25px;
    padding-left: 0;
}

div.list div.item div.text div.col4 {
    padding-top: 13px;
    padding-right: 0;
}

div.list div.item div.text div.col4 span.line{
    display: none;
}

div.list div.item div.text span.grey{
    display: block; 
}

div.list div.item div.text .headline {
    display: block;
    color: #ff000d;
    font-size: 16px;
    padding: 10px 0;
    text-decoration: none;
}

body.contrast div.list div.item div.text .headline {
    color: #fff;
}

body.fontSmall div.list div.item div.text .headline{
    font-size: 15px;
}

body.fontSmaller div.list div.item div.text .headline{
    font-size: 14px;
}

body.fontBig div.list div.item div.text .headline{
    font-size: 17px;
}

body.fontBigger div.list div.item div.text .headline{
    font-size: 18px;
}

div.list div.item div.text div.col8 .headline {
    padding: 0;
}

div.list div.item div.text p{
    padding: 0;
}

div.list div.item div.more-link{
    padding: 55px 0 0 0;
    float: right;
}

div.list.grey div.item div.more-link {
    padding-top: 35px;
}

div.content span.grey{
    color: #808080;
    font-style: italic;
}

div.content .black{
    color: #000;
}

div.multipleRows>div.col3:nth-child(n+5){
    margin-top: 30px;
}

div.multipleRows>div.col3:nth-child(4n+1){
    clear: both;
}

div.multipleRows>div.col3 img
{
	width: 100%!important;
}

div.gallery span.btnPrev,
div.gallery span.btnNext{
    display: none;
    position: absolute;
    width: 45px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    text-align: center;
}

div.gallery span.btnNext {
    left: auto;
    right: 0;
}

div.gallery span.btnPrev em,
div.gallery span.btnNext em{
    position: relative;
    top: 50%;
    margin-top: -20px;
}



div.team div.item{
    background: #f2f2f2;
    padding: 15px 15px;
    margin: 15px 0 0 0;
    min-height: 150px;
    float: left;
    box-sizing: border-box;
}

div.team div.item.two-col{
    width: 50%;
}

div.team div.item.three-col{
    width: 33.33333%;
}

div.team.display-grid-three-col div.teamWrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
}

div.team.display-grid-two-col div.teamWrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

div.team.display-grid-three-col div.item,
div.team.display-grid-two-col div.item{
    width: 100%!important;
    float: none;
    margin: 0;
}

div.team div.teamWrapper div.item.col6 {
    border-right: 10px solid #fff;
}

div.team div.teamWrapper div.item.col6:nth-child(even) {
    border-left: 10px solid #fff;
    border-right-width: 0px;
}

body.contrast div.team div.item
{
    background: #000;
    color: #fff;
    border: 1px solid #fff;
}

div.team div.item div.image{
    float: left;
    width: 120px
}

div.team.display-grid-three-col div.item div.image{
    float: none;
}


div.team div.item div.info{
    position: relative;
    margin: 0 0 0 135px;
    padding: 10px 0 0 0;
    overflow: hidden;
}

div.team.display-grid-three-col div.item div.info {
    margin: 0;
    overflow: auto;
}

div.team div.item div.info.full-width{
    margin: 0;
}

div.team div.item div.member{
    float: left;
    /*width: 38%;*/
    width:100%;
}

div.team div.item div.member a{
    display: block;
    margin-top: 11px;
    margin-bottom: 11px;
    clear: both;
}

div.team div.item div.member em{
    float: left;
    margin: 3px 5px 0 0;
}

div.team div.item div.member em.arrow_morelink {
    padding: 0;
    margin: 4px 7px 0 7px;
}


div.team div.item div.contact{
    float: left;
    /*width: 62%;*/
}

div.team.display-grid div.item div.contact{
    float: none;
}

div.team div.item div.contact span.headline, div.item.groupDescription span.headline {
    display: block;
    color: #ff000d;
    font-size: 14px;
    padding-bottom: 10px;
}

div.item.groupDescription span.headline + p {
    padding-top:15px;
}


body.contrast div.team div.item div.contact span.headline{
    color: #fff;
}

body.fontSmall div.team div.item div.contact span.headline{
    font-size: 13px;
}

body.fontSmaller div.team div.item div.contact span.headline{
    font-size: 12px;
}

body.fontBig div.team div.item div.contact span.headline{
    font-size: 15px;
}

body.fontBigger div.team div.item div.contact span.headline{
    font-size: 16px;
}

div.team div.item div.contact a{
    /*display: block;*/
}

div.team.team-list div.item div.contact a{
    display: block;
}

div.team div.item div.contact p
{
	padding: 0;	
	color: #000;
    line-height: 20px;
}

div.team div.item div.contact a + p
{
	padding-top: 11px;
}

div.team div.item div.contact a span.normal,
div.teamdetail div.contact a span.normal
{
	display: block;
	float: left;
	margin-right: 5px;
	color: #000;
    text-decoration: none;
}

div.team.team-list div.item div.contact a span.normal
{
	display: inline-block;
	float: none;
}

body.contrast div.team div.item div.contact a span.normal,
body.contrast div.teamdetail div.contact a span.normal
{
	color: #fff;
}

div.team div.item div.contact a.tel{
    margin-bottom: 11px;
    color: #000;
    text-decoration: none;
}

body.contrast div.team div.item div.contact a.tel{
    color: #fff;
}

div.team div.item div.contact em{
    float: left;
    margin: 2px 5px 0 0;
}

div.teamdetail{
    border: 1px solid #d9d9d9;
    padding-bottom: 20px;
    color: #000;
    margin-top: 20px;
}

body.contrast div.teamdetail
{
    border: 1px solid #fff;
	color: #fff;
}

div.teamdetail div.image{
    position: relative;
}

div.content div.teamdetail img
{
	width: 100%!important;	
	height: auto!important;	
}

div.teamdetail div.image div.copyright{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../Bilder/logo_kliniken_koeln.png) no-repeat 95% 95%;
    background-size: 100px auto;
    opacity: 0.7;
    top: 0;
    left: 0;
}

div.teamdetail div.info{
    position: relative;
    padding: 20px 15px 0 15px;
    overflow: hidden;
}

div.teamdetail div.member{
    float: left;
    width: 100%;
}

div.teamdetail div.member a{
    display: block;
    margin-top: 11px;
    clear: both;
}

div.teamdetail div.member em{
    float: left;
    margin: 3px 5px 0 0;
}

div.teamdetail div.member em.arrow_morelink {
    padding: 0;
    margin: 4px 7px 0 7px;
}

div.teamdetail div.contact{
    float: left;
    width: 100%;
}

div.teamdetail span.headline,
div.teamdetail div.contact span.headline,
div.teamdetail strong,
div.teamdetail h3{
    display: block;
    color: #ff000d;
    font-size: 14px;
}

body.contrast div.teamdetail div.contact span.headline,
body.contrast div.teamdetail strong,
body.contrast div.teamdetail h3{
    color: #fff;
}

div.teamdetail div.contact a{
    display: block;
}

div.teamdetail div.contact a.tel{
    margin: 15px 0 5px 0;
    color: #000;
    text-decoration: none;
}

body.contrast div.teamdetail div.contact a.tel{
    color: #fff;
}

div.teamdetail div.contact em{
    float: left;
    margin: 2px 5px 0 0;
}

div.teamdetail p{
    padding: 15px 0 0 0;
}

div.teamdetail p.quote{
    color: #40464d;
    font-style: italic;
}

div.filter{
    padding: 25px 20px;
    background: #f2f2f2;
    color: #000;
    margin-top: 30px;
}

body.contrast div.filter{
    background: #000;
    color: #fff;
}

div.searchfilter div.filter{
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.subnavi-col div.filter{
    margin-top: 38px;
}

div.filter span.headline{
    display: block;
    font-size: 14px;
    padding: 0 0 20px 0;
    color: #000;
}

div.searchfilter div.filter span.headline,
div.subnavi-col div.filter span.headline{
    padding: 0 0 10px 0;
}

div.filter input[type=text]{
    width: 250px;
    height: 35px;
    background: #fff;
    float: left;
    margin: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.searchfilter div.filter input[type=text] ,
div.subnavi-col div.filter input[type=text] {
    width: 100%;
    margin: 10px 0 0 0;
    float: none;
}

div.filter input.datepicker{
    width: 115px;
    height: 35px;
    background: #fff;
    float: left;
    margin: 0 0 0 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.searchfilter div.filter input.datepicker,
div.subnavi-col div.filter input.datepicker {
    width: 130px;
    margin: 10px 0 0 0;
    float: left;
}

div.searchfilter div.filter input.datepicker.last,
div.subnavi-col div.filter input.datepicker.last {
    margin: 10px 0 0 10px;
}

div.filter img.ui-datepicker-trigger{
    display: block;
    float: left;
    margin: 3px 0 0 5px;
}

div.searchfilter div.filter img.ui-datepicker-trigger,
div.subnavi-col div.filter img.ui-datepicker-trigger{
    margin: 13px 0 0 5px;
}

div.searchfilter div.filter label,
div.subnavi-col div.filter label{
    display: inline-block;
    margin: 10px 0 0 0;
}

div.filter div.small{
    float: left;
}

div.filter .sbHolder{
    float: left;
    margin-left: 10px;
}

div.searchfilter div.filter .sbHolder,
div.subnavi-col div.filter .sbHolder{
    float: none;
    margin: 10px 0 0 0;
}

div.filter select.mobile + .sbHolder{
    display: none;
}

div.filter a.button{
    display: block;
    float: right;
    width: 50px;
    text-align: center;
}

div.subnavi-col div.filter a.button
{
	margin-top: 20px;
}

div.filter div.alphabet{
    margin: 7px 0 0 30px;
    float: left;
}

div.filter div.alphabet a{
    display: block;
    float: left;
    font-size: 16px;
    color: #ff000d;
    margin: 0 14px 0 0;
    padding-bottom: 5px;
    text-decoration: none;
}

body.contrast div.filter div.alphabet a{
    color: #fff;
}

div.filter div.alphabet a.active,
div.filter div.alphabet a:hover{
    background: url(../Bilder/red_dot.jpg) no-repeat center bottom;
}

body.contrast div.filter div.alphabet a.active,
body.contrast div.filter div.alphabet a:hover{
    background: url(../Bilder/red_dot_contrast.jpg) no-repeat center bottom;
}

div.results{
    margin: 40px 0 0 0;
}

div.results div.header{
    color: #ff000d;
    background: #f2f2f2;
    line-height: 50px;
}

div.results div.col2,
div.results div.col3,
div.results div.col4{
    padding: 0 40px;
}

div.results div.col3.last{
    text-align: right;
}

div.results div.col2 em,
div.results div.col3 em,
div.results div.col4 em{
    display: none;
    color: #ff000d;
}

div.results div.item{
    margin: 15px 0 0 0;
    border: 1px solid #d9d9d9;
    line-height: 70px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

div.results.assignment div.item{
    padding: 19px 0;
    line-height: normal;
}

div.results a.button{
    width: 50px;
    text-align: center;
    margin-top: 19px;
}

div.results.assignment a.button{
    margin-top: 0;
}

div.grid{
    margin: 10px -15px 0 -15px;
    position: relative;
}

div.grid div.col3{
    padding: 0 15px;
    margin-top: 30px;
}

div.grid div.col3.open{
    width: 50%;
    z-index: 100;
}

div.grid div.item{
    height: 270px;
    padding: 20px 15px;
    background: #f2f2f2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

div.grid div.open div.item{
    height: 570px;
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 19px 14px;
}

div.grid div.item > em.icon{
    position: absolute;
    top: 20px;
    right: 15px;
    display: block;
}

div.grid div.item span.date {
    display: block;
    color: #ff000d;
    text-transform: uppercase;
}

div.grid div.item span.date em{
    font-style: normal;
    font-size: 20px;
}

div.grid div.item span.headline{
    display: block;
    color: #000;
    font-size: 15px;
    padding: 20px 0 0 0;
    height: 35px;
}

body.fontSmall div.grid div.item span.headline{
    font-size: 14px;
}

body.fontSmaller div.grid div.item span.headline{
    font-size: 13px;
}

body.fontBig div.grid div.item span.headline{
    font-size: 16px;
}

body.fontBigger div.grid div.item span.headline{
    font-size: 17px;
}

div.grid div.item p{
    padding: 30px 0 0 0;
}

div.grid div.item a.button{
    display: none;
    float: right;
    margin-bottom: 25px;
    margin-top: 5px;
}

div.grid div.open div.item a.button {
    display: block;
}

div.grid div.item div.description{
    display: none;
    width: 100%;
    height: 237px;
    overflow: auto;
}

div.grid div.open div.item div.description{
    display: block;
}

div.grid div.open div.item div.description p{
    padding: 20px 0 0 0;
}



div.grid div.item div.description span.red{
    color: #ff000d;
    text-transform: uppercase;
}

div.grid div.item span.morelink{
    display: block;
    position: absolute;
    color: #000;
    bottom: 20px;
    left: 15px;
    cursor: pointer;
}

div.grid div.open div.item span.morelink {
    display: none;
}

div.overlay
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 100;
}

div.overlay.open
{
	display: block;
}

div.registerEvent
{
	display: none;
	position: fixed;
	width: 600px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	margin-left: -300px;
	background: #f2f2f2;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    padding: 20px;
	z-index: 101;
}

div.registerEvent.open
{
	display: block;
}

div.registerEvent span.headline
{
	display: block;
	padding: 10px 0;
	font-size: 20px;
	color: #ff000d;
}

div.registerEvent p
{
	padding: 10px 0 0 0;
}

div.registerEvent p.orange,
div.registerEvent p.red
{
	font-size: 15px;	
}

div.registerEvent .sbHolder
{
	width: 100%;
}

div.registerEvent input
{
	width: 100%;
    height: 35px;
    background: #fff;
    margin: 10px 0 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.registerEvent div.buttons
{
	text-align: center;
	padding: 10px 0 0 0;
}

div.contentBottom span.date
{
    display: block;
    color: #a7a9ac;
    margin: 50px 0 0 0;
    font-style: italic;
}

div.googlemap
{
	margin: 25px 0 0 0;
}

div.googlemap iframe
{
	width: 100%!important;
}

@media screen and (max-width: 1655px) {
    div.filter input[type=text]{
        width: 33%;
        margin: 0;
    }

    div.filter input.datepicker.first{
        clear: both;
        margin: 10px 0 0 0;
    }

    div.filter input.datepicker{
        margin: 10px 0 0 10px;
        width: 115px;
    }

    div.filter div.small.first{
        clear: both;
        margin: 10px 0 0 0;
    }

    div.filter div.small{
        margin: 10px 0 0 10px;
        width: 130px;
    }

    div.filter div.small .sbHolder{
        width: 100%;
    }

    div.filter img.ui-datepicker-trigger{
        display: block;
        float: left;
        margin: 13px 0 0 5px;
    }

    div.filter .sbHolder{
        margin-left: 2.5%;
        width: 31%;
    }

    div.filter a.button{
        margin-top: 10px;
    }

    div.subnavi-col div.filter .sbHolder,
    div.searchfilter div.filter .sbHolder{
        width: 100%;
    }

    div.subnavi-col div.filter a.button
	{
		margin-top: 20px;
	}

    div.filter div.alphabet{
        margin: 10px 0 0 0;
        clear: both;
    }

    div.location div.col6:nth-child(2){
        padding: 15px;
    }

    div.tabs div.tab-item div.alphabet a{
        font-size: 16px;
    }

    div.tabs div.tab-item ul.filter li span{
        height: 85px;
    }

    div.tabs div.news-item div.col9, 
    div.tabs div.news-item div.col12{
        padding: 15px;
    }

    div.tabs div.news-item div.col9 span.date, 
    div.tabs div.news-item div.col12 span.date{
        top: 18px;
    }

    div.list div.item div.text{
        height: auto;
    }

    div.list.grey div.item div.text{
        height: auto;
    }

    div.list div.item div.text div.center{
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    div.results div.row {
        margin: 0;
    }
    div.results div.col2,
    div.results div.col3,
    div.results div.col4{
        padding: 0 20px;
        width: 20%;
    }

    div.results div.col3.first {
        width: 40%;
    }

    div.results div.col3.last{
        text-align: right;
    }
}

@media screen and (max-width: 1515px) {
    div.tabs div.tab-item div.bodymap div.item a,
    div.tabs div.tab-item div.bodymap div.item div.line {
        display: none;
    }

    div.tabs div.tab-item div.bodymap div.item:hover ul{
        display: none;
    }

    div.tabs div.tab-item div.mobile{
        display: block;
    }

    div.tabs div.tab-item div.bodymap div.item.k {
        left: 44px;
    }
}

@media screen and (max-width: 1480px) 
{
	div.content div.col4.special,
    div.content div.col6.special,
    div.content div.col8.special,
    div.content div.col12.special{
        width: 100%;
    }
    
    div.content div.col4.special h3.groupname
	{
		display: block;
		padding: 20px 0 0 0;
		margin: 0;
	}
    
	div.teamdetail{
		padding: 10px 20px;
        margin-top: 35px;
    }
    
    div.teamdetail.first
    {
        margin-top: 15px;
    }
    
    div.teamdetail.custom,
    div.teamdetail.custom.first
    {
    	margin-bottom: 0;
    	margin-top: 20px;
    }

    div.teamdetail div.image{
        float: left;
        width: 120px;
    }
    
    div.teamdetail.custom div.image
    {
        width: 240px;
    }

	div.teamdetail div.info{
		margin: 0 0 0 140px;
		overflow: hidden;
		padding: 10px 0 0;
		position: relative;	
	}
	div.team div.item div.info.full-width{
        margin: 0;
    }
	div.teamdetail.custom div.info{
		margin: 0 0 0 260px;
	}

	div.teamdetail div.member{
		width: 38%;
	}

	div.teamdetail div.member a{
		display: block;
		margin-top: 0;
		margin-bottom: 11px;
		clear: both;
	}

	div.teamdetail div.contact{
		width: 62%;
	}

	div.teamdetail div.contact span.headline{
		padding-bottom: 10px;
	}

	div.teamdetail div.contact a.tel{
		margin: 0 0 11px 0;
	}

	div.teamdetail p{
		padding: 0 0 11px 0;
	}
}

@media screen and (max-width: 1400px) {
    
    div.grid div.col3{
        width: 33.33333%;
    }

    div.grid div.col3.open{
        width: 66.66666%;
    }

    div.list div.item div.text{
        margin: 0 135px 0 170px;
    }

    div.list.grey div.item div.text{
        margin: 0 135px 0 0;
    }

    div.list div.item div.text div.col8,
    div.list div.item div.text div.col4{
        width: 100%;
        float: none;
        padding: 0;
    }
}

@media screen and (max-width: 1450px) {
	div.pager{
        margin-top: 20px;
    }
}

@media screen and (max-width: 1300px) {
    div.tabs div.tab-item div.search input {
        width: 230px;
    }

    div.multipleRows>div.col3{
        width: 33.33333%;
    }

    div.multipleRows>div.col3:nth-child(n+5){
        margin-top: 0;
    }

    div.multipleRows>div.col3:nth-child(4n+1){
        clear: none;
    }

    div.multipleRows>div.col3:nth-child(n+4){
        margin-top: 30px;
    }

    div.multipleRows>div.col3:nth-child(3n+1){
        clear: both;
    }   
}

@media screen and (max-width: 1200px) {
    div.grid div.col3 {
        width: 50%;
    }

    div.grid div.col3.open {
        width: 100%;
    }

    div.tabs ul.tab-navi li.active,
    div.tabs ul.tab-navi li:hover,
    div.tabs ul.tab-navi li,
    div.tabs.news ul.tab-navi li:hover,
    div.tabs.news ul.tab-navi li.active,
    div.tabs.news ul.tab-navi li{
        padding-right: 20px;
        padding-left: 20px;
    }
    
    div.subnavi-col
    {
    	width: 260px;
    }
    
    div.content{
        margin-left: 300px;
    }
    
}

@media screen and (max-width: 1024px) {
	div.tabs div.tab-item ul.filter li{
        width: 50%;
    }

    div.tabs div.tab-item ul.filter li:nth-child(n+3){
        margin-top: 10px;
    }

    div.tabs div.tab-item ul.filter li:nth-child(2n+1){
        clear: both;
    }
}

@media screen and (max-width: 1024px) {
        
    div.container > div.row > div.col6{
        width: 50%;
    }

    div.container > div.row > div.col6 + div.col6{
        margin-top: 80px;
    }

    div.location{
        margin-top: 0;
    }

    div.location:first-child{
        margin-top: 0;
    }

    div.location div.col6:nth-child(2){
        width: 50%;
        padding: 10px 10px 10px 20px;
    }

    div.location div.col6:first-child{
        width: 50%;
        padding: 0;
    }

    div.tabs div.news-item div.col9, 
    div.tabs div.news-item div.col12{
        padding: 10px 10px 10px 20px;
    }

    div.tabs div.news-item div.col9 span.date, 
    div.tabs div.news-item div.col12 span.date{
        top: 33px;
        right: 10px;
    }

    div.tabs div.news-item div.col3 img{
        width: 100%;
    }

    div.subnavi-col{
        width: 260px;
        margin-top: 20px;
        padding-bottom: 40px;
    }

    div.content{
        margin: 20px 0 0 300px;
        padding-bottom: 40px;
    }

    div.team.display-grid-three-col div.teamWrapper{
        grid-template-columns: 1fr 1fr;
    }

    div.team div.item div.contact a{
        clear: both;
    }
    div.team div.item.two-col{
        width: 50%;
    }

    div.team div.item.three-col{
        width: 50%;
    }

    /*div.grid div.col3 {
        width: 33.33333%;
    }

    div.grid div.col3.open {
        width: 66.66666%;
    }*/

    div.tabs div.tab-item ul.filter li span{
        height: 100px;
    }

    div.tabs div.tab-item div.bodymap div.item a,
    div.tabs div.tab-item div.bodymap div.item div.line {
        display: none;
    }

    div.tabs div.tab-item div.bodymap div.item:hover ul{
        display: none;
    }

    div.tabs div.tab-item div.mobile{
        display: block;
    }    

    div.results div.col2,
    div.results div.col3,
    div.results div.col4{
        padding: 0 20px;
        width: 20%;
    }

    div.results div.col3.first {
        width: 40%;
    }

    div.multipleRows>div.col3{
        width: 25%;
    }

    div.multipleRows>div.col3:nth-child(n+4){
        margin-top: 0;
    }

    div.multipleRows>div.col3:nth-child(3n+1){
        clear: none;
    }

    div.multipleRows>div.col3:nth-child(n+5){
        margin-top: 30px;
    }

    div.multipleRows>div.col3:nth-child(4n+1){
        clear: both;
    }

    div.list div.item div.text{
        margin: 0 135px 0 170px;
    }

    div.list.grey div.item div.text{
        margin: 0 135px 0 0;
    }    

    div.subnavi-col div.filter input.datepicker,
    div.subnavi-col div.filter input.datepicker.last {
        width: 187px;
        margin: 10px 0 0 0;
        float: left;
    }

    div.subnavi-col div.top-links ul li{
        padding: 10px 0 0 14px;
        background-position: left 15px;
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    div.subnavi-col{
        display: none;
    }

    div.content{
        margin: 20px 0 0 0;
    }

    div.list div.item div.text{
        margin: 0 190px;
    }

    div.list.grey div.item div.text{
        margin: 0 190px 0 0;
    }

    div.container > div.row > div.col6{
        width: 100%;
    }

    div.location div.col6:nth-child(2){
        width: 60%;
        padding: 30px 10px 30px 30px;
    }

    div.location div.col6:first-child{
        width: 40%;
        padding: 0;
    }

    div.tabs div.news-item div.col9, 
    div.tabs div.news-item div.col12{
        padding: 30px 10px 30px 30px;
    }
    div.tabs div.tab-item div.bodymap div.item a,
    div.tabs div.tab-item div.bodymap div.item div.line {
        display: block;
    }

    div.tabs div.tab-item div.bodymap div.item:hover ul{
        display: block;
    }

    div.tabs div.tab-item div.mobile{
        display: none;
    }

    div.tabs div.tab-item div.bodymap div.item.k {
        left: -110px;
    }

    div.tabs div.tab-item ul.filter li span{
        height: 85px;
    }
    
    div.tabs div.tab-item ul.filter li{
        width: 25%;
    }

    div.tabs div.tab-item ul.filter li:nth-child(n+3){
        margin-top: 0;
    }

    div.tabs div.tab-item ul.filter li:nth-child(2n+1){
        clear: none;
    }

    div.pager{
        margin-top: -27px;
    }

    div.searchfilter{
        margin-bottom: 30px;
    }

    div.team div.item div.contact span.headline{
        padding-bottom: 10px;
    }   
    
    div.filter{
		margin-top: 0;
	}
}

@media screen and (max-width: 950px){
    div.tabs div.tab-item div.bodymap div.item ul{
        left: auto;
        right: 0;
        top: 7px;
    }
}

@media screen and (max-width: 900px){
    div.breadcrumb{
        display: none;
    }
    div.content{
        margin: 0;
    }
}

@media screen and (max-width: 800px) {
    main{
        padding: 0;
    }

	div.content{
        padding: 40px 0;
    }

    div.row{
        margin: 0 -10px;
        padding: 20px 0;
    }

    div.CookiePopupWrapper div.row,
    div.cookieSettingsArea div.row {
        margin: 0;
        padding: 0;
    }

     

    div.col1,
    div.col2,
    div.col3,
    div.col4,
    div.col5,
    div.col6,
    div.col7,
    div.col8,
    div.col9,
    div.col12{
        padding: 0 10px;
    }

    div.tabs div.tab-item{
        padding: 20px 0;
    }

    div.tabs div.tab-item div.row{
        margin: 0;
    }

    div.tabs div.tab-item div.col6{
        padding: 0 15px;
    }

    div.tabs div.tab-item div.col6 ul{
        padding: 0;
    }

    div.tabs div.tab-item ul.filter{
        margin: 0 10px;
    }

    div.tabs div.tab-item div.alphabet{
        padding-left: 15px;
    }

    div.container > div.row > div.col6 + div.col6{
        margin-top: 40px;
    }

    div.location div.col6:first-child{
        width: 50%;
    }

    div.location div.col6:nth-child(2){
        width: 50%;
        padding: 20px 10px;
    }

    div.tabs div.news-item div.col9, 
    div.tabs div.news-item div.col12{
        padding: 20px 10px;
    }

    div.tabs div.news-item div.col9 span.date, 
    div.tabs div.news-item div.col12 span.date{
        top: 23px;
    }

    div.accordion div.accordion-content{
        padding: 0 0 30px 0;
    }

    div.greyBg div.col3{
        width: 33.333333%;
    }

    div.greyBg div.col9{
        width: 66.666666%;
    }

    div.tabs div.tab-item div.search.bodymap,
    div.tabs div.tab-item div.search{
        margin: 29px 0 -20px 0;
        padding: 20px 15px;
    }

    div.tabs div.tab-item div.search input {
        width: 360px;
    }

    div.list div.item div.image{
        float: left;
    }

    div.list div.item div.more-link{
        padding: 20px 0 0 0;
    }

    div.list div.item div.text{
        height: auto;
        margin: 0 0 0 170px;
    }

    div.list.grey div.item div.text{
        margin: 0;
        height: auto;
    }

    div.list.grey div.item div.more-link{
        padding: 20px 0 0 0;
    }

    div.list div.item div.text div.center{
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    

    div.content a.rss{
        top: 15px;
    }

    div.content div.col4.special,
    div.content div.col6.special,
    div.content div.col8.special,
    div.content div.col12.special{
        width: 100%;
    }

    div.grid div.col3 {
        width: 50%;
    }

    div.grid div.col3.open {
        width: 100%;
    }

     div.tabs div.tab-item div.bodymap{
        left: 50%;
        margin: 0 0 0 -143px;
    }

    div.tabs div.tab-item div.mobile{
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    div.tabs div.tab-item div.bodymap div.item a,
    div.tabs div.tab-item div.bodymap div.item div.line {
        display: none;
    }

    div.tabs div.tab-item div.bodymap div.item:hover ul{
        display: none;
    }

    div.tabs div.tab-item div.bodymap div.item.k {
        left: 44px;
    }

    div.tabs div.tab-item div.search.bodymap{
        left: auto;
        margin: 29px 0 -20px 0;
    }

    div.searchfilter div.top-links{
        width: 100%;
        float: none;
        padding: 25px 0 0 0;
    }

    div.searchfilter div.top-links div.tagcloud{
        width: 350px;
        margin: 0 auto;
    }

    div.searchfilter div.filter{
        width: 100%;
        float: none;
    }

    div.searchfilter div.filter input.datepicker.last {
        margin: 10px 0 0 10px;
    }

    div.searchfilter div.top-links span.headline{
        padding: 0 10px 10px 10px;
    }

    div.searchfilter div.top-links ul{
        padding: 0 10px;
    }

    div.pager{
        margin-top: 20px;
    }

    div.pager.bottom{
        margin-top: 20px;
    }
    
    div.contentBottom span.date
	{
		margin: 30px 0 0 0;
	}
}

@media screen and (max-width: 640px) {
    div.col1,
    div.col2,
    div.col3,
    div.col4,
    div.col5,
    div.col6,
    div.col7,
    div.col8,
    div.col9{
        width: 100%;
    }

    div.col1 img,
    div.col2 img,
    div.col3 img,
    div.col4 img,
    div.col5 img,
    div.col6 img,
    div.col7 img,
    div.col8 img,
    div.col9 img,
    div.col12 img{
        width: 100%!important;
        height: auto!important;
        max-width:none;
    }

    div.content div.col1,
    div.content div.col2,
    div.content div.col3,
    div.content div.col4,
    div.content div.col5,
    div.content div.col6,
    div.content div.col7,
    div.content div.col8,
    div.content div.col9{
        width: 100%;
    }

    div.content div.col1 img,
    div.content div.col2 img,
    div.content div.col3 img,
    div.content div.col4 img,
    div.content div.col5 img,
    div.content div.col6 img,
    div.content div.col7 img,
    div.content div.col8 img,
    div.content div.col9 img,
    div.content div.col12 img{
        width: auto;
        max-width:100%;
        margin: 20px 0 0 0;
    }

    div.grid div.col3 {
        width: 100%;
    }

    div.greyBg div.col3{
        width: 100%;
    }

    div.greyBg div.col9{
        width: 100%;
        padding-top: 20px;
    }

    div.col4 div.teamdetail{
        padding-bottom: 20px;
    }
    
    div.col4 div.teamdetail img
    {
    	margin-top: 0;
    }
    
    div.teamdetail p
    {
    	padding-bottom: 5px;
    }

    div.team.display-grid-three-col div.teamWrapper,
    div.team.display-grid-two-col div.teamWrapper{
        grid-template-columns: auto;
    }

    div.team div.item.two-col{
        width: 100%;
    }

    div.team div.item.three-col{
        width: 100%;
    }

    div.team div.item div.member,
    div.col4 div.teamdetail div.member{
        float: none;
        width: 100%;
    }

    div.team div.item div.image img{
        margin: 0;
    }

    div.team div.item div.contact,
    div.col4 div.teamdetail div.contact{
        float: none;
        width: 100%;
    }

    div.team div.item{
        padding: 15px;
    }

    div.team div.item div.member span.headline{
        padding-bottom: 10px;
    }

    div.team div.item div.member a,
    div.col4 div.teamdetail div.member a{
        float: none;
        margin: 5px 0 0 0;
    }
    
    div.team div.item div.contact a,
    div.col4 div.teamdetail div.contact a{
        float: none;
        margin: 0;
    }

	div.team div.item div.contact a.tel,
    div.col4 div.teamdetail div.contact a.tel
	{
		margin-bottom: 5px;
	}

    div.tabs div.news-item div.col3{
        display: none;
    }

    div.location div.col6:first-child{
        width: 100%;
    }

    div.location div.col6:nth-child(2){
        width: 100%;
        padding: 20px 10px;
    }

    div.tabs ul.tab-navi li,
    div.tabs ul.tab-navi li:hover,
    div.tabs ul.tab-navi li.active{
        padding-left: 4px;
        padding-right: 4px;
        font-size: 14px;
    }

    div.tabs.news  ul.tab-navi li,
    div.tabs.news ul.tab-navi li:hover,
    div.tabs.news ul.tab-navi li.active{
        padding: 0 7px;
        font-size: 14px;
    }

    div.tabs ul.tab-navi li.active{
        padding-bottom: 3px;
    }

    div.filter input[type=text]{
        width: 100%;
        margin: 10px 0 0 0;
    }

    div.filter select{
        width: 100%;
        margin-top: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.filter input.datepicker.first{
        clear: both;
        margin: 10px 0 0 0;
    }

    div.filter input.datepicker{
        margin: 10px 0 0 0;
        width: 96%;
    }

    div.filter div.small.first,
    div.filter div.small{
        margin: 0;
        width: 100%;
    }

    div.filter div.small .sbHolder{
        width: 100%;
    }

    div.filter img.ui-datepicker-trigger{
        display: block;
        float: left;
        margin: 13px 0 0 5px;
    }

    div.filter .sbHolder{
        margin: 10px 0 0 0;
        width: 100%;
    }

    div.filter div.alphabet{
        display: none;
    }

    div.filter select.mobile + .sbHolder{
        display: block;
    }

    div.filter a.button{
        margin-top: 10px;
    }

    div.list div.item div.image{
        float: none;
    }

    div.list div.item div.more-link{
        padding: 10px 0 0 0;
    }

    div.list div.item div.text{
        margin: 20px 0 0 0;
        overflow: auto;
    }

    div.list div.item div.text p{
        display: none;
    }

    div.list div.item div.text div.col4 p,
    div.list.grey div.item div.text p{
        display: block;
    }

    div.list div.item div.text div.col4 p br{
        display: none;
    }

    div.list div.item div.text div.col4 span.line{
        display: inline;
    }

    div.list.grey div.item div.text{
        margin: 0;
        overflow: auto;
    }

    div.results div.header{
        display: none;
    }

    div.results div.col2,
    div.results div.col3,
    div.results div.col4{
        padding: 0 20px;
        width: 100%;
    }

    div.results div.col3.first {
        width: 100%;
    }

    div.results div.item{
        padding: 20px 0;
        line-height: normal;
    }

    div.results div.col2 em,
    div.results div.col3 em,
    div.results div.col4 em{
        display: inline;
        font-style: normal;
    }

    div.results a.button,
	div.results.assignment a.button{
        margin-top: 20px;
    }

    div.multipleRows>div.col3{
        width: 50%;
    }

    div.multipleRows>div.col3 img{
        margin: 0;
    }

    div.multipleRows>div.col3:nth-child(n+5){
        margin-top: 0;
    }

    div.multipleRows>div.col3:nth-child(4n+1){
        clear: none;
    }

    div.multipleRows>div.col3:nth-child(n+3){
        margin-top: 30px;
    }

    div.multipleRows>div.col3:nth-child(2n+1){
        clear: both;
    }

    div.searchfilter div.filter input.datepicker.last {
        margin: 10px 0 0 0;
    }
    
    div.registerEvent
	{
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin-left: 0;
	}
}

@media screen and (max-width: 500px) {

    div.tabs div.tab-item ul.filter li{
        width: 50%;
    }

    div.tabs div.tab-item ul.filter li span{
        height: 50px;
    }

    div.tabs div.tab-item ul.filter li:nth-child(n+3){
        margin-top: 10px;
    }

    div.tabs div.tab-item ul.filter li:nth-child(2n+1){
        clear: both;
    }

    div.imgText div.image,
    div.textImg div.image{
        margin: 0;
        padding: 20px 0 0 0;
        float: none;
    }

    div.textImg div.image img,
    div.imgText div.image img{
        max-width: none;
        width: 100%;
    }

    div.content div.row.gallery {
        margin: 0;
    }

    div.multipleRows{
        position: relative;
        height: 200px;
    }

    div.multipleRows>div.col3:first-child{
        left: 0;
    }

    div.multipleRows>div.col3{
        width: 100%;
        position: absolute;
        left: 100%;
        margin: 0;
        padding: 0;
    }

    div.content div.row.gallery div.col3{
        padding: 0;
    }

    div.gallery span.btnPrev,
    div.gallery span.btnNext {
        display: block;
    }

    div.multipleRows>div.col3 img{
        width: 100%;
        max-width: none;
    }

    div.multipleRows>div.col3:nth-child(n+5){
        margin-top: 0;
    }

    div.multipleRows>div.col3:nth-child(4n+1){
        clear: none;
    }

    div.multipleRows>div.col3:nth-child(n+3){
        margin-top: 0;
    }

    div.multipleRows>div.col3:nth-child(2n+1){
        clear: none;
    }
    
    div.team div.item div.image,
    div.teamdetail div.image
    {
    	float: none;
    }
    
    div.team div.item div.info,
    div.teamdetail div.info,
    div.teamdetail.custom div.info
    {
    	padding: 20px 0 0 0;
    	margin: 0;
    	overflow: auto;
    }
}

@media screen and (max-width: 370px){
    div.searchfilter div.top-links div.tagcloud{
        width: 100%;
    }
}

@media screen and (max-width: 359px)
{
	div.tabs div.tab-item ul.filter li a
    {
    	font-size: 11px;
    }
	div.tabs ul.tab-navi li,
    div.tabs ul.tab-navi li:hover,
    div.tabs ul.tab-navi li.active{
        font-size: 12px;
    }

    div.tabs.news  ul.tab-navi li,
    div.tabs.news ul.tab-navi li:hover,
    div.tabs.news ul.tab-navi li.active{
        font-size: 12px;
    }
}

/* END Inhalt */

/* Footer */

footer{
    border-top: 1px solid #d9d9d9;
}

footer div.row{
    padding: 80px 0;
}

footer div.col3 img{
    margin-top: 60px;
}

footer div.col3 span.headline{
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 15px;
    color: #000;
}

body.contrast footer div.col3 span.headline{
    border-bottom: 1px solid #fff;
    color: #fff;
}

body.fontSmall footer div.col3 span.headline{
    font-size: 15px;
}

body.fontSmaller footer div.col3 span.headline{
    font-size: 14px;
}

body.fontBig footer div.col3 span.headline{
    font-size: 17px;
}

body.fontBigger footer div.col3 span.headline{
    font-size: 18px;
}

footer div.col3 span.headline em{
    display: none;
}

footer div.col3 p{
    padding-bottom: 35px;
}

footer div.col3 div.input{
    position: relative;
    overflow: hidden;
    margin-right: 115px;
}

footer div.col3 input[type=text]{
    height: 35px;    
    width: 100%;
}

footer div.col3 .button{
    display: block;
    float: right;
    color: #fff;
}

footer div.col3 .button:hover {
    color: #ff000d;
}

body.contrast footer div.col3 .button:hover {
    color: #000;
}

footer div.col3 ul{
    margin: 0;
    padding: 5px 0 0 0;
    list-style-type: none;
    width: 50%;
    float: left;
}

footer div.col3 ul li{
    margin: 0;
    padding: 15px 0 0 14px;
    background: url(../Bilder/arrow_list.png) no-repeat left 20px;
}

body.contrast footer div.col3 ul li{
    background: url(../Bilder/arrow_list_contrast.png) no-repeat left 20px;
}

footer div.col3 a{
    color: #40464d;
}

body.contrast footer div.col3 a{
    color: #fff;
}

footer div.col3 a.icon{
    margin: 20px 20px 58px 0;
}

footer div.col3 em.icon.print{
    float: left;
}

footer div.footer-bar{
    background: #ff000d;
    padding: 15px 0;
}

body.contrast footer div.footer-bar{
    background: #000;
    border-top: 1px solid #fff;
}

footer div.footer-bar img.certificate{
    float: left;
}

footer div.footer-bar nav {
    float: left;
    padding: 40px 0 0 50px;
}

footer div.footer-bar nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer div.footer-bar nav ul li{
    margin: 0;
    padding: 0 10px;
    border-left: 1px solid #f38087;
    line-height: 20px;
    float: left;
}

body.contrast footer div.footer-bar nav ul li{
    border-left: 1px solid #fff;
}

body.contrast footer div.footer-bar nav ul li:first-child,
footer div.footer-bar nav ul li:first-child{
    padding-left: 0;
    border: none;
}

footer div.footer-bar nav ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

body.fontSmall div.footer-bar nav ul li a{
    font-size: 13px;
}

body.fontSmaller div.footer-bar nav ul li a{
    font-size: 12px;
}

body.fontBig div.footer-bar nav ul li a{
    font-size: 15px;
}

body.fontBigger div.footer-bar nav ul li a{
    font-size: 16px;
}

footer div.footer-bar ul.locations{
    float: right;
    margin: 0;
    padding: 10px 0 0 0;
    list-style-type: square;
    color: #fff;
    font-size: 18px;
}

footer div.footer-bar ul.locations li{
    margin: 0;
    padding: 0;
}

footer div.footer-bar ul.locations li a{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    line-height: 23px;
}


@media screen and (max-width: 1655px) {

    footer div.col3:first-child{
        display: none;
    }

    footer div.col3{
        width: 37%;
    }

    footer div.col3.last{
        width: 26%;
    }
}

@media screen and (max-width: 1024px) {
    footer div.row{
        padding: 40px 0;
    }
}

@media screen and (max-width: 1023px) {
    footer div.col3 a.icon {
        margin-right: 7px;
    }
}

@media screen and (max-width: 800px) {
    footer div.container{
        padding: 0;
    }

    footer div.row{
        padding: 0;
    }

    footer div.col3{
        width: 100%;
    }

    footer div.col3.last{
        width: 100%;
    }

    footer div.col3 span.headline{
        line-height: 43px;
        padding: 0 10px;
        border-top: 1px solid #d9d9d9;
        border-bottom: none;
    }

    footer div.col3 span.headline.active{
        border-bottom: 1px solid #d9d9d9;
    }

    footer div.col3 span.headline em{
        display: inline-block;
        float: right;
    }

    footer div.col3 span.headline.active em{
        background-position: 0 -836px;
    }

    footer div.col3 div.accordion-content{
        display: none;
        padding: 0 10px 20px 10px;
    }

    footer div.col3 p{
        padding: 15px 0 20px 0;
    }

    footer div.col3 ul{
        padding-top: 0;
    }

    footer div.col3 a.icon{
        margin-bottom: 0;
        margin-right: 20px;
    }

    footer div.col3 a.btnPrint{
        display: none;
    }

    footer div.footer-bar{
        padding: 15px 10px;
    }

    footer div.footer-bar nav{
        /*display: none;*/
        padding: 10px 0 0 30px;
    }

    footer div.footer-bar nav ul li {
        float:none;
        border:none;
        padding:0px 0px;
    }

}

/* END Footer */

/* Generelle Styles*/

*:-moz-placeholder{
    color: #40464d;
    font-style: italic;
    opacity: 1;
    font-size: 12px;
}

*::-moz-placeholder{
    color: #40464d;
    font-style: italic;
    opacity: 1;
    font-size: 12px;
}

*::-webkit-input-placeholder{
    color: #40464d;
    font-style: italic;
    opacity: 1;
    font-size: 12px;
}

*:-ms-input-placeholder{
    color: #40464d;
    font-style: italic;
    opacity: 1;
    font-size: 12px;
}

body.contrast *:-moz-placeholder{
    color: #fff;
}

body.contrast *::-moz-placeholder{
    color: #fff;
}

body.contrast *::-webkit-input-placeholder{
    color: #fff;
}

body.contrast *:-ms-input-placeholder{
    color: #fff;
}

img{
    border: none;
    max-width: 100%;
    display: block;
    height: auto!important;
}

div.content img
{
	width: auto!important;
    height: auto!important;
}

a{
    outline: none;
    text-decoration: underline;
    color: #fb3c46;
}

body.contrast a{
    color: #fff;
}

hr
{
	border: none; 
	height: 1px; 
	background: #ff000d; 
	margin: 25px 0px 0px;
}

body.contrast hr
{
	background: #fff; 
}

.orange,
.red
{
    color: #ff000d;
}

body.contrast .orange,
body.contrast .red
{
    color: #fff;
    text-decoration: underline;
}

h1{
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: normal;
    color: #000;
}

body.contrast h1{
    color: #fff;
}

body.fontSmall h1{
    font-size: 24px;
}

body.fontSmaller h1{
    font-size: 23px;
}

body.fontBig h1{
    font-size: 26px;
}

body.fontBigger h1{
    font-size: 27px;
}

main div.container > h1{
    padding-top: 40px;
}

h2{
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

body.contrast h2{
    color: #fff;
}

body.fontSmall h2{
    font-size: 19px;
}

body.fontSmaller h2{
    font-size: 18px;
}

body.fontBig h2{
    font-size: 21px;
}

body.fontBigger h2{
    font-size: 22px;
}

div.content h2{
    color: #ff000d;
    padding: 15px 0 0 0;
}

body.contrast div.content h2{
    color: #fff;
}

h3{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

body.contrast h3{
    color: #fff;
}

body.fontSmall h3{
    font-size: 15px;
}

body.fontSmaller h3{
    font-size: 14px;
}

body.fontBig h3{
    font-size: 17px;
}

body.fontBigger h3{
    font-size: 18px;
}

div.content h3{
    color: #ff000d;
    padding: 35px 0 0 0;
}

div.content div.team h3{
    padding: 15px 0 0 0;
}

body.contrast div.content h3{
    color: #fff;
}

div.greyBg h3{
    color: #ff000d;
    font-size: 20px;
}

body.contrast div.greyBg h3{
    color: #fff;
}

body.fontSmall div.greyBg  h3{
    font-size: 19px;
}

body.fontSmaller div.greyBg  h3{
    font-size: 18px;
}

body.fontBig div.greyBg  h3{
    font-size: 21px;
}

body.fontBigger div.greyBg  h3{
    font-size: 21px;
}

.error
{
	display: block;
	padding: 10px 0 0 0;
	color: #ff000d;
}

.success
{
	display: block;
	padding: 10px 0 0 0;
}

p{
    margin: 0;
    padding: 25px 0 0 0;
}

p + h1,
ul + h1
{
	padding: 35px 0 0 0;
}

.big{
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding-bottom: 5px;
}

body.fontSmall .big{
    font-size: 13px;
}

body.fontSmaller .big{
    font-size: 12px;
}

body.fontBig .big{
    font-size: 15px;
}

body.fontBigger .big{
    font-size: 16px;
}

div.content ul{
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}

div.content ul li{
   background: url(../Bilder/arrow_list.png) no-repeat left 14px;
   padding: 10px 0 0 20px;
}

div.content ul li p
{
	padding: 0;
}

body.contrast div.content ul li{
   background: url(../Bilder/arrow_list_contrast.png) no-repeat left 14px;
}

.button,
.button-blue{
    display: inline-block;
    background: #ff000d;
    border: 2px solid #ff000d;
    line-height: 31px;
    color: #fff;
    padding: 0 13px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.button-blue{
    background: #193153 ;
    border: 2px solid #193153;
}

input.button
{
	
-webkit-appearance: none;

}

body.contrast .button{
    background: #000;
    border: 2px solid #fff;
    color: #fff;
}

.button:hover{
    background: #fff;
    color: #ff000d;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.button-blue:hover{
    background: #fff;
    color: #193153;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

body.contrast .button:hover{
    background: #fff;
    color: #000;
}

div.greyBg .button{
    margin-top: 30px;
}

input[type=text]{
    border: none;
    background: #f3f3f3;
    color: #40464d;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.contrast input[type=text]{
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.wrapper{
    overflow-x: hidden;
}

div.container{
    width: 1640px;
    margin: 0 auto;
    max-width: 100%;
}

div.greyBg{
    background: #f3f3f3;
    padding: 40px 0;
}

body.contrast div.greyBg{
    background: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

div.container + div.greyBg{
    margin-top: 40px;
}

table
{
	font-size: 13px;
}

table.contact
{
	margin: 0;
	padding: 0;
}

table.contact tr td
{
	padding: 10px 0 0 10px;
	vertical-align: middle;
}

table.contact tr td:first-child
{
	padding-left: 0;
}

table.contact tr.buttons td
{
	vertical-align: top;
}

table.contact tr td p
{
	margin: 0;
	padding: 0;
}

table.contact tr td input[type=text]
{
	height: 30px!important;
	width: 300px!important;
}

table.contact tr td textarea
{
	border: none;
    background: #f3f3f3;
    color: #40464d;
    padding: 10px;
    height: 150px!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.contact tr td .button
{
	margin-bottom: 10px;
}

table.contact tr td .error
{
	padding: 0;
}

div.content div.line {
    margin: 15px 0 30px;
}
div.line {
    background: #ed1c24 none repeat scroll 0 0;
    height: 2px;
    margin: 15px 0;
}

div.line.blue {
    background: #193153 none repeat scroll 0 0;
}

div.clearfix::after,
div.clearer::after{
    content: " ";
    display: table;
    clear: both;
}

#umantis_iframe{min-height:0;}
/*iframe.umantis {min-height:0;}*/

@media screen and (max-width: 1655px){
    div.container{
        width: auto;
        margin: 0;
        padding: 0 40px;
    }

    div.container.CookiePopup{
        width: 1280px;
    }
}

@media screen and (max-width: 1280px) {
        div.container.CookiePopup{
            width: 1100px;
        }
}

@media screen and (max-width: 1023px) {
    div.container.CookiePopup{
            width: 820px;
        }
}

@media screen and (max-width: 1024px) {
    div.container{
        width: 100%;
        margin: 0;
        padding: 0 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1023px) {
    div.container{
        padding: 0 10px;
    }
}

@media screen and (max-width: 950px) {
    div.wrapper{
        padding-bottom: 70px;
    }

    div.wrapper.following{
        padding-bottom: 0;
    }
}

@media screen and (max-width: 800px) {

    div.greyBg {
        padding: 20px 0;
    }
    div.container + div.greyBg{
        margin-top: 20px;
    }
}

@media screen and (max-width: 665px) {
	iframe.umantis
	{
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	table.contact tr td input[type=text]
	{
		width: 100%!important;
	}

	table.contact tr td textarea
	{
		width: 100%!important;
	}
}
@media screen and (max-width: 664px) {
	iframe.umantis
	{
		max-width: 100%;
	}
}

/* END Generelle Styles*/

/* Autocomplete */

.ui-widget-content
{
	border: 1px solid #d9d9d9;
	border-top: none;
	background: #fff;
	color: #333;
}

.ui-menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ui-menu li
{
	line-height: 35px;
	border-top: 1px solid #d9d9d9;
}

.ui-menu-item-wrapper
{
	padding: 0 10px;
	cursor: pointer;
}

.ui-menu-item-wrapper.ui-state-active
{
	border: none;
}

.ui-autocomplete
{
	position: absolute;
}


/* Icons */
.icon{background: url(../Bilder/icons.png) no-repeat;display: inline-block;}
body.contrast .icon{background-image: url(../Bilder/icons_contrast.png);}
.icon.eye{width: 25px;height: 25px;background-position: 0 0;}
.icon.font_small{width: 25px;height: 25px;background-position: 0 -25px;}
.icon.font_normal{width: 25px;height: 25px;background-position: 0 -50px;}
.icon.font_big{width: 25px;height: 25px;background-position: 0 -75px;}
.icon.magnifier{width: 15px;height: 15px;background-position: 0 -100px;}
.icon.emergency{width: 45px;height: 45px;background-position: 0 -117px;}
.icon.phone_big{width: 45px;height: 45px;background-position: 0 -162px;}
.icon.location{width: 45px;height: 45px;background-position: 0 -207px;}
.icon.blood{width: 45px;height: 45px;background-position: 0 -252px;}
.icon.arrow_prev{width: 21px;height: 40px;background-position: 0 -297px;} 
.icon.arrow_next{width: 21px;height: 40px;background-position: 0 -337px;}
.icon.arrow_morelink{width: 6px;height: 11px;background-position: 0 -378px; padding-right: 10px;}
.icon.plus{width: 30px;height: 30px;background-position: 0 -389px;}
.icon.minus{width: 30px;height: 30px;background-position: 0 -419px;}
/*
.icon.facebook{width: 35px;height: 35px;background-position: 0 -449px;}
.icon.twitter{width: 34px;height: 28px;background-position: 0 -484px;}
.icon.youtube{width: 26px;height: 35px;background-position: 0 -512px;}
*/

.icon.print{width: 21px;height: 17px;background-position: 0 -547px;padding-right: 10px;}
.icon.scrollup{width: 43px;height: 43px;background-position: 0 -564px;}
.icon.rss{width: 25px;height: 25px;background-position: 0 -607px;}
.icon.arrow_down{width: 15px;height: 8px;background-position: 0 -632px;}
.icon.close_red{width: 36px;height: 36px;background-position: 0 -640px;}
.icon.calendar{width: 28px;height: 28px;background-position: 0 -676px;}
.icon.mail{width: 16px;height: 13px;background-position: 0 -704px;}
.icon.phone_small{width: 16px;height: 16px;background-position: 0 -717px;}
.icon.pdf{width: 15px;height: 15px;background-position: 0 -733px;}
.icon.people{width: 25px;height: 20px;background-position: 0 -748px;}
.icon.close_grey{width: 12px;height: 12px;background-position: 0 -768px;}
.icon.bag{width: 24px;height: 21px;background-position: 0 -780px;}
.icon.subnavi-more{width: 48px;height: 35px;background-position: 0 -801px;}
.icon.arrow_up_black{width: 14px;height: 43px;background-position: 0 -836px;}
.icon.arrow_down_black{width: 14px;height: 43px;background-position: 0 -879px;}
.icon.navi_button{width: 20px;height: 15px;background-position: 0 -922px;}
.icon.navi_button.active{width: 36px;height: 36px;background-position: 0 -640px;}
/* END Icons */


/* Start SocialIcons Rightside */
.fixedMenu {
 /* position:fixed; right:0; top:500px; z-index:20000; */
 position:absolute; right:0; top:500px; z-index:20000;

}
.fixedMenu .sideMenu a {
    color:#ffffff;
    background-color:#4d5256;
    width:46px;
    height:46px;
    display:block;
    margin-bottom:15px;
    text-align:center;
}

.fixedMenu .sideMenu a:hover {
    color:#ffffff;
    background-color:#fd020b;
}

.fixedMenu .sideMenu a > i {
margin-top:8px;
margin-bottom:8px;
font-size:30px;
}



@media screen and (max-width: 1024px) {

    .fixedMenu {
        display:block;
        background-color:transparent;
        margin:auto auto;
        clear:both;
        padding: 20px 0px;

        /*reset*/
        top:0;
        right:0;
        position:static;
    }
    .fixedMenu .sideMenu {
        margin:auto auto;
        text-align:center;
        height:45px;
    }
    .fixedMenu .sideMenu a {
        display:inline-block;
        margin-left:10px;
        margin-right:10px;
    }

}

/* End SocialIcons Rightside */



/* Cookie Hinweis */


div.cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255, 255, 0.9);
  font-size: 18px;
  color: #40464d;
  z-index: 999999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px #4d5256;

}
div.cookies p {
    margin: 0px 0px 10px 0px;
    padding: 0;
    line-height: 152%;
    font-size:14px;
  }
div.cookies p a {
    color: #ff000d;
    text-decoration: none;
    font-weight:500;
    font-size:14px;
}

  div.cookies div.col12 {
    padding-top: 15px;
    padding-bottom: 15px; 
    padding-left:15px;
    padding-right:15px;

  }
  div.cookies .button {
    margin-top: 0px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    max-width: 100%;
    font-weight:600;
    color: #fff !important;
    border: 1px solid #ff000d;
    background:#ff000d;
    font-size: 12px;
  }


div.cookies  div.container {
    width: 1262px !important;
    max-width:100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

div.cookies .button.button-white:hover {
    background: none;
    color: #fff;
}

div.cookies .pull-left {
    float: left !important;
}

div.cookies .pull-right {
    float: right !important;
}

div.cookies .button.button-sm {
    width: auto;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    div.cookies div.container {
        padding: 0px 0px;

    }
    div.cookies a.button.button-sm {
        width:100%;
        padding: 0px 10px;
    }

      /*div.cookies p a {display:block;}*/
      div.cookies a.button {margin-top:10px;}

}

@media  screen and (min-width: 992px) {
  .button {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); }


 }

div.cookies .button.button-white {
    background: none;
    color: #fff !important;
    border: 1px solid #fff;
}

div.cookies .button.button-special {
    background: none;
    color: #ff000d !important;
    border: 1px solid #ff000d;
}


/* END Cookie Hinweis */



/* Chekcbox Style */
span.checkbox{display:block;position:relative;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
span.checkbox.notAvailable:after{content:"";position:absolute;width:32px;transform:rotate(-45deg);transform-origin:0% 0%;z-index:1;}
span.checkbox.notAvailable span.line-through{position:absolute;top:0;left:0;width:100%;height:100%;}
span.checkbox.button-like label{display:block;height:40px;line-height:40px;text-align:center;}
span.checkbox.color{display:block;width:25px;height:25px;margin:5px;float:left;}
span.checkbox.color label{width:100%;height:100%;}
span.checkbox.color img{display:block;position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;}
span.checkbox.left label{padding-left:25px;}
span.checkbox.left span{right:auto;left:0;}
span.checkbox.additional{margin-left:30px; margin-top:0;}
span.checkbox input{display:none;}
span.checkbox input:checked+label+span i.fa{display:block; margin:-1px 0px 0px 0px;}
span.checkbox input:disabled+label{opacity:.5;}
span.checkbox input:disabled+label+span{opacity:.5;}

span.checkbox label{display:block;position:relative;z-index:2;cursor:pointer;margin:0;padding:0; font-size:12px; line-height: 16px; margin-top:10px; text-align:left;}
span.checkbox span{display:block;position:absolute;right:0;top:3px;width:12px;height:12px;z-index:1; border:1px solid #333;}
    span.checkbox span i.fa {
        display: none;
    }


/**HTML Tabelle - Responsive Table CSS**/

table {max-width:100% !important; height:auto !important;}
    table::after {
    content:"" !important;
    clear:both !important;
    display:block !important;
    }

	@media all and (max-width:640px) {

	table, table thead, table tbody, table tr, table th, table td {
	display: block;
	}

	table {
	text-align: left;

	}
    
	table thead {
	position: absolute;
	top: -1111px;
	left: -1111px;
	}

    table td {border:0px !important;}

	table td:before {
	float: left;
	padding: 0px 10px 0 0;
	/*content: attr(data-label) ":";*/
	font-weight: bold;
	}

	table td:nth-child(1) {
	font-weight: bold;
    /*border-bottom: 1px solid #ff000d;*/
    padding-top:10px;
    padding-bottom:10px;
	}

	table td:nth-child(1):empty {
    border-bottom: 0px solid #ff000d;
	}

	table td:empty {
    display:none;
	}

    table td:nth-child(2) {
    padding-top:5px;
    }

    table tr {border:0px; margin-bottom:20px; display:table;}

	}
    table tr td p {padding:5px 0px !important;}
   div.content p + div.video {margin-top:15px;}



@media all and (max-width:1024px) {
   .fb-page.fb_iframe_widget span {max-width:100% !important;}
}

div.SocialMediaContentModul .button {
    margin-top:10px;
}

div.SocialMediaContentModul div.row + div.row {padding-top:0px;}

@media all and (max-width:980px) {
    div.SocialMediaContentModul .object {
        text-align: center;
        margin: auto auto;
    }
}

.button.button-normal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.button.button-right {float:right;}


div.youtube-slider {
    height: 150px;
    max-height:150px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:20px;

}

div.YoutubeSliderModul .button {margin-bottom:20px;}

/* Slider */
div.youtube-slider .slick-slider
{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

div.youtube-slider .slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
div.youtube-slider .slick-list:focus
{
    outline: none;
}
div.youtube-slider .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

div.youtube-slider .slick-slider .slick-track,
div.youtube-slider .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

div.youtube-slider .slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.youtube-slider .slick-track:before,
div.youtube-slider .slick-track:after
{
    display: table;
    content: '';
}
div.youtube-slider .slick-track:after
{
    clear: both;
}

div.youtube-slider .slick-loading .slick-track
{
    visibility: hidden;
}

div.youtube-slider .slick-slide
{
    display: none;
    float: left;
    cursor:grabbing;
    max-height:150px;
    min-height:150px;
}

div.youtube-slider [dir='rtl'] .slick-slide
{
    float: right;
}

div.youtube-slider .slick-slide img
{
    display: block;
}
div.youtube-slider .slick-slide.slick-loading img
{
    display: none;
}

div.youtube-slider .slick-slide.dragging img
{
    pointer-events: none;
}

div.youtube-slider .slick-initialized .slick-slide
{
    display: block;
}
div.youtube-slider .slick-loading .slick-slide
{
    visibility: hidden;
}
div.youtube-slider .slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
div.youtube-slider .slick-arrow.slick-hidden {
    display: none;
}

div.youtube-slider .slick-slider .btnNext, div.youtube-slider .slick-slider .btnPrev {text-align:center;}
div.youtube-slider .slick-slider .icon.arrow_prev, div.youtube-slider .slick-slider .icon.arrow_next {margin:auto; vertical-align:middle;}
/*div.youtube-slider .slick-slider .slick-slide {}*/
 div.youtube-slider div.youtube-content {margin:0px 10px; background-color:#f2f2f2; min-height:inherit;}

div.youtube-slider .slick-slider .btnNext,
div.youtube-slider .slick-slider .btnPrev {
    display: block;
    position: absolute;
    left: -40px;
    width: 40px;
    height: 100%;
    top: 0;
    z-index: 80;
    cursor: pointer;
}

div.youtube-slider .slick-slider .btnNext em,
div.youtube-slider .slick-slider .btnPrev em {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size:40px;
    color:#757575;
}

div.youtube-slider .slick-slider .btnNext {
    right: -40px;
    left: auto;
}
div.youtube-slider .slick-slide .thumbnail {padding: 0px 0px;}

@media screen and (max-width: 1024px) {

    div.youtube-slider .slick-slider .btnNext,
    div.youtube-slider .slick-slider .btnPrev {
        left:-15px;   
    }

    div.youtube-slider .slick-slider .btnNext {
        right: -15px;
        left: auto;
    }

    div.youtube-slider {
        padding: 0px 0px;
    }
    div.youtube-slider .slick-slide .thumbnail {padding: 20px 0px;}


}

div.youtube-slider .slick-track {height:100%;}
div.youtube-slider div.youtube-description {
    padding: 20px 0px;
}
div.youtube-slider div.youtube-description p {
  padding-top:20px;
}
div.youtube-slider div.youtube-description p:first-child {padding-top:0px;}

div.youtube-slider div.youtube-description span.headline, div.youtube-slider div.youtube-description span.description {
    display: block;
    padding-right: 0px;
}
div.youtube-slider div.youtube-description span.headline { font-size: 16px; color:#000;}

div.youtube-slider div.youtube-description span.description {
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}

div.SocialMediaContentModul h3, div.YoutubeSliderModul h3 {padding-bottom:20px; font-weight:600;}
div.YoutubeSliderModul h3 {padding-left:10px;}


@media screen and (max-width: 1024px) {

    div.YoutubeSliderModul h3 {
        padding-left:20px;
    }

div.youtube-slider div.youtube-description span.headline {

    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}


}

@media screen and (max-width: 640px) {

    div.youtube-slider .slick-slider div.col6 {
        width: 50% !important;
    }

}

audio {
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #ccc;
-webkit-box-shadow:  2px 2px 4px 0px #ccc;
box-shadow: 2px 2px 4px 0px #ccc;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
margin-top:10px;
}

.blue{
    color: #193153!important;
}