.sidebar .sidebar-kontakt h3 {
margin-bottom : 10px;
}
.sidebar .sidebar-kontakt .grid220, .sidebar .sidebar-kontakt .mitglieder h2, .sidebar .sidebar-kontakt .mitglieder h3.contact {
display : none;
}
.sidebar .sidebar-kontakt .mitglieder .grid460 {
width : 100%;
float : none;
}
.sidebar .sidebar-kontakt .mitglieder h3 {
font-size : 14px;
margin : 0;
margin-bottom : 5px;
}
.sidebar .sidebar-kontakt .mitglieder p {
margin : 0;
font-size : 13px;
margin-bottom : 5px;
}
.sidebar .sidebar-kontakt .mitglieder p span.tel {
display : block;
padding-left : 30px;
position : relative;
}
.english .sidebar .sidebar-kontakt .mitglieder p span.tel {
padding-left : 45px;
}
.sidebar .sidebar-kontakt .mitglieder p span.tel > strong {
position : absolute;
left : 0;
}
.sidebar .sidebar-kontakt .fce-wrapper:before {
content : "";
border-top : 1px solid #fff;
padding-top : 20px;
display : block;
}
.sidebar .sidebar-kontakt .mitglieder p:after {
content : "";
border-top : none;
margin-top : 0;
}
.sidebar .sidebar-kontakt .fce-wrapper:first-of-type:before {
content : "";
border-top : none;
margin-top : 0;
padding-top : 0;
}
.sidebar .sidebar-kontakt .mitglieder p.bodytext {
display : none;
}
.tx-ttaddress-pi1 {
margin-bottom : 20px;
}
.tx-ttaddress-pi1:last-of-type {
margin-bottom : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder h3.contact {
margin-bottom : 10px;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder h3 {
margin-top : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder p {
margin : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder span a {
display : block;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder span.tel {
display : block;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 span.tel strong {
position : absolute;
top : 0;
left : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 span.tel {
padding-left : 55px;
position : relative;
}
.content .mitglieder > h2 {
cursor : pointer;
outline : none;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 span.fax strong {
position : absolute;
top : 0;
left : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 span.fax {
padding-left : 55px;
position : relative;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 .contactinfo {
margin-bottom : 10px;
margin-top : 10px;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 p {
margin : 0;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder span.tel + span.fax {
display : block;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 .unlinkedgroups {
margin : 0 0 10px 0;
}
.tx-ttaddress-pi1 .fce-wrapper .grid460 a:before {
margin-right : 0;
}
.sidebar .sidebar-kontakt .tx-ttaddress-pi1 .fce-wrapper .mitglieder .grid460 span.fax {
display : none;
}
.sidebar .sidebar-kontakt .tx-ttaddress-pi1 .fce-wrapper .mitglieder .grid460 span.fullname {
font-size : 14px;
font-weight : bold;
}
.sidebar .sidebar-kontakt .tx-ttaddress-pi1 .fce-wrapper .mitglieder .grid460 a {
overflow-wrap : break-word;
word-break : normal;
padding-left : 10px;
display : inline-block;
}
.sidebar .sidebar-kontakt .tx-ttaddress-pi1 .fce-wrapper .mitglieder .grid460 a:before {
margin-left : -10px;
}
body {
overflow-y : scroll;
font-family : Tahoma,Verdana,Segoe,sans-serif;
width : 100%;
height: 100%;
padding : 0 0;
top : 0;
left : 0;
margin : 0 0 0 0;
background : url(https://www.mg-batt.de/MgBatt2/images/bg_image.gif);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center;
}
.center {
width : 100%;
margin : 0;
display : block;
position : relative;
}
.cf:before, .cf:after {
content : " ";
display : table;
}
.cf:after {
clear : both;
}
a:focus {
outline-color : #ff0000;
}
.active {
color : #ffffff;
background : #787878 !important ;
}
header {
width : 100%;
padding : 10px 0;
overflow : hidden;
background : url(https://www.mg-batt.de/MgBatt2/images/header.jpg);
background-repeat : no-repeat;
background-position : center center;
}
header h2 {
font-size : 50px;
font-weight : 400;
color : #fff;
width : 657px;
height : 182px;
margin : 0;
padding : 50px 0 60px 0;
float : left;
}
.lang {
height : 15px;
position : absolute;
font-weight : bold;
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
text-transform : uppercase;
color : #fff;
text-decoration : none;
z-index : 999;
margin-left : -88px;
top : 9px;
left : 0;
}
.lang img {
margin-left : 5px;
}
.box_v {
width : 100%;
height : 114px;
top : 0;
left : 0;
margin-top : 0;
margin-left : 0;
background : rgba(43, 143, 205, 1);
}
.box_vv {
width : 100%;
height : 341px;
top : 114px;
left : 0;
margin-top : 0;
margin-left : 0;
background : transparent;
}
.box_logo_line {
width : 100%;
height : 41px;
top : 114px;
left : 0;
background : transparent;
}
.box_logo_img {
width : 25%;
height : 290px;
left : 0%;
top : 0%;
padding-left : 18%;
padding-top : 120px;
background : transparent;
float : left;
}
.box_logo_text {
width : 80%;
height : 290px;
left : 0;
top : 0;
padding-left : 0;
padding-right : 20%;
padding-top : 100px;
background : transparent;
text-decoration : none;
text-align : right;
font-size : 52px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #fff;
font-weight : 400;
}
.box_bot_img_left {
width : 15%;
height : 110px;
left : 0;
background : #ffffff;
text-decoration : none;
text-align : left;
font-size : 12px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #444444;
font-weight : 400;
padding-left : 18%;
padding-top : 20px;
margin-left : 0px;
float : left;
}

.box_bot_text {
width : 25%;
height : 110px;
left : 0%;
background : #ffffff;
text-decoration : none;
text-align : left;
font-size : 12px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #444444;
font-weight : 400;
padding-top : 20px;
float : left;
}

.box_bot_text a {
font-size : 12px;
font-weight : bold;
font-family : Tahoma,Verdana,Segoe,sans-serif;
text-decoration : none;
color : #000;
}

.box_bot_text_right {
width : 13%;
height : 110px;
left : 0%;
background : #ffffff;
text-decoration : none;
text-align : left;
font-size : 12px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #444444;
font-weight : 400;
padding-top : 20px;
float : left;
}

.box_bot_text_right a {
font-size : 12px;
font-weight : bold;
font-family : Tahoma,Verdana,Segoe,sans-serif;
text-decoration : none;
color : #000;
}

.box_bot_img_right {
width : 29%;
height : 110px;
left : 0%;
background : #ffffff;
text-decoration : none;
text-align : left;
font-size : 12px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #444444;
font-weight : 400;
padding-top : 20px;
overflow : hidden;
}
.section {
width : 100%;
height : 110px;
top : 0;
left : 0;
background : rgba(43, 143, 205, 1);
}
.center-big {
width : 65%;
height : 65px;
margin : 0 0;
top : 0;
left : 0;
padding-top : 40px;
padding-left : 20%;
background : rgba(43, 143, 205, 1);
}
.center-big-inner {
position : relative;
}
.center-big.cf::before {
width : 0%;
background : #bdbdbd;
height : 65px;
content : "";
top : 0;
left : 0;
border-radius : 0 5px 5px 0;
}
.center-big.cf::after {
width : 0%;
background : #bdbdbd;
height : 65px;
content : "";
top : 0;
right : 0;
z-index : 100;
border-radius : 0 5px 5px 0;
display : block;
}
.navigation {
float : left;
text-align : center;
}
.navigation > ul {
    margin: 0 0 0 0;
    padding: 0;
    white-space: nowrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    width: 785px;
}

.navigation>ul>li{
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1;
    flex:  auto;
    cursor: default;
    display: inline;
}

.navigation li {
display: inline-block;
list-style-type: none;
margin-right : 3px;
position : relative;
padding : 5px 10px;
background : #2b8fcd;
border-radius : 8px;
text-align : left;
}
.navigation > ul > li > a {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
display : block;
}
.navigation li a {
text-decoration : none;
font-size : 19px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #000000;
font-weight : 500;
}
.navigation li:last-child {
margin-right : 0;
}
.navigation li:hover {
background : #787878;
color : #ffffff;
}
.navigation li.active {
background : #000000;
text-color : #ffffff;
}
.navigation ul ul{
    position: absolute;
    visibility: hidden;
    min-width: 184px;
    width: calc(100% - 20px);
    padding: 20px 10px;
    z-index: 999;
    top: 32px;
    left: 0;
    background: #787878;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    background: #787878; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(left,  #787878 0%, #909090 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#787878), color-stop(100%,#909090)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #787878 0%,#909090 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #787878 0%,#909090 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #787878 0%,#909090 100%); /* IE10+ */
    background: linear-gradient(to right,  #787878 0%,#909090 100%); /* W3C */
}

.navigation > ul > li:hover > ul:first-of-type:last-of-type {
border-bottom-right-radius : 5px;
border-top-right-radius : 5px;
}
.navigation ul li:hover ul {
visibility : visible;
}
.navigation li li {
background : transparent;
border-radius : 0;
display : block;
margin-bottom : 10px;
padding : 0 5px 0 0;
white-space : normal;
overflow-wrap : break-word;
}
.navigation li li a {
font-size : 14px;
font-weight : bold;
text-transform : none;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #fff;
text-decoration : none;
display : inline;
width : 165px;
vertical-align : top;
box-sizing : border-box;
}
.navigation > ul > li > ul > li:before {
content : "";
background-repeat : no-repeat;
height : 13px;
width : 10px;
display : inline-block;
}
.navigation ul ul ul {
position : relative;
padding : 0;
top : 0;
left : 10px;
display : inline;
}
.navigation li li li {
margin-bottom : 0;
padding-left : 10px;
}
.navigation li li li a {
font-size : 14px;
font-weight : normal;
font-family : Tahoma,Verdana,Segoe,sans-serif;
padding : 0;
color : #fff;
}
.navigation li li li a:hover {
background : none;
padding-bottom : 0;
color : #000000;
}
.navigation > ul > li > ul:nth-child(3) {
left : 203px;
border-top-right-radius : 5px;
border-bottom-right-radius : 5px;
border-bottom-left-radius : 0;
}
.navigation li li a:hover, .navigation li li li a:hover {
color : #000000;
}
.navigation li.dropdown:hover {
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
}
.navigation li.dropdown:hover:after {
content : "";
display : block;
height : 12px;
width : 100%;
background : #317dbe;
position : absolute;
padding : 0;
margin : 0;
left : 0;
}
@media only screen and (max-width:1170px) {
.navigation > ul > li:last-child > ul:last-of-type {
left : -259px;
border-top-right-radius : 0;
border-bottom-right-radius : 0;
border-bottom-left-radius : 5px;
border-top-left-radius : 5px;
}
.navigation > ul > li:last-child > ul:first-of-type {
right : 0;
left : 0;
border-bottom-right-radius : 5px;
border-bottom-left-radius : 0;
}
}
.search-form {
height : 34px;
float : right;
margin-left : 3px;
width : 150px;
background : #bdbdbd;
border-top-left-radius : 5px;
border-bottom-left-radius : 5px;
position : relative;
z-index : 200;
}
.search-form input {
box-sizing : border-box;
width : 145px;
padding-right : 25px;
margin : 5px;
border-radius : 5px;
outline : none;
border : transparent solid 1px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
background-color : #e9e9e9;
}
.search-form label span {
display : none;
}
input.search-submit {
position : absolute;
top : 0;
text-indent : -99999px;
width : 20px;
right : 0;
z-index : 9999;
cursor : pointer;
border-radius : 5px;
padding-right : 0;
background-repeat : no-repeat;
background-position : 95%;
}
.touch .search-form input {
margin-top : 3px;
}
.touch .center-big {
height : 34px;
}
.touch .center-big.cf::before {
height : 32px;
content : "";
}
.touch input.search-submit {
margin-top : 5px;
}
.touch .search-form {
margin-right : -1px;
}
.breadcrumb {
margin-bottom : 50px;
margin-top : -50px;
}
.breadcrumb > ul {
list-style : none;
padding : 0;
}
.breadcrumb li {
display : inline-block;
}
.breadcrumb li + li:before {
content : url("https://www.mg-batt.de/MgBatt2/images/content-link-pfeil.png");
margin : 0 5px;
}
.breadcrumb li > a {
color : #317dbe;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-size : 14px;
text-decoration : none;
}
.breadcrumb li > a:hover {
color : #51af3d;
}
.content-wrapper .cent {
width : 60%;
min-height : 500px;
margin : 0 0 0 0;
padding-left : 20%;
padding-right : 20%;
padding-top : 50px;
padding-bottom : 50px;
background-color : rgba(43, 143, 205, 0.85);
<!--[if lte IE 11]>
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#BF2b8fcd,endColorStr=#BF2b8fcd);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF2b8fcd,endColorstr=#BF2b8fcd)";
zoom: 1;
<![endif]-->
font-size : 12px;
text-transform : none;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #ffffff;
text-decoration : none;
text-align: justify;
}
.content-wrapper .right {
float : left;
width : 300px;
min-height : 1px;
}

.content-wrapper h1 {
font-size : 36px;
font-weight : normal;
color : #474e57;
margin : 0;
margin-bottom : 40px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
}
.content-wrapper h2 {
font-size : 30px;
font-weight : normal;
color : #474e57;
margin : 0;
margin-top : 0;
margin-bottom : 25px;
padding-bottom : 10px;
border-bottom : 3px solid #374072;
font-family : Tahoma,Verdana,Segoe,sans-serif;
}
.content-wrapper h3 {
font-size : 24px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
color : #474e57;
margin : 0;
}
.content-wrapper p {
margin : 0;
}
.content-wrapper a {
color : #474e57;
font-size : 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
text-decoration : underline;
display : inline;
outline : none;
}

.content-wrapper h1 a {
font-size : 36px;
font-weight : normal;
color : #474e57;
margin : 0;
margin-bottom : 40px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
text-decoration : none;
}

.content-wrapper input {
width : 300px;
height : 20px;
margin-top : 6px;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}

.content-wrapper select {
width : 300px;
height : 20px;
margin-top : 6px;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}

.content-wrapper textarea {
width : 600px;
height : 120px;
margin-top : 6px;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}

.content-wrapper article {
width : 300px;
padding-bottom : 15px;
margin-bottom : 25px;
background-color : rgba(43, 143, 205, 0.75);
position : relative;
border-radius : 5px;
box-shadow : 1px 1px 16px #cbcbcb;
float : left;
margin-right : 20px;
}
.content-wrapper article:nth-child(3n) {
margin-right : 0;
}
.content-wrapper article.small {
min-height : 255px;
padding-bottom : 15px;
}
.content-wrapper article .green-doublearrow {
padding : 0 !important ;
margin-left : 10px;
}
.content-wrapper article .green-doublearrow img {
width : 10px !important ;
height : 10px !important ;
border-top-right-radius : 0 !important ;
border-top-left-radius : 0 !important ;
}
.content-wrapper .hiu-news time {
position : absolute;
top : 110px;
left : 10px;
font-size : 12px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
padding : 3px 5px;
background : #4d4d4d;
color : #fff;
border-radius : 5px;
}
.content-wrapper .hiu-news figure {
width : 300px;
height : 140px;
overflow : hidden;
}
.content-wrapper .hiu-news figure img {
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
.content-wrapper .hiu-news h3 {
margin : 10px 15px 0 15px;
overflow : hidden;
}
.content-wrapper .hiu-news h3 a {
font-size : 22px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
color : #000;
text-decoration : none;
}
.content-wrapper .hiu-news p {
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
margin : 15px 15px 0 15px;
overflow : hidden;
word-break : normal;
position : relative;
}
.content-wrapper article.hiu-news a:hover {
color : #51af3d;
}
.content-wrapper .hiu-news a {
text-decoration : none;
color : #4c4c4c;
}
.content-wrapper .hiu-news a:hover {
color : #51af3d;
}
.content-wrapper .publikationen figure {
width : 300px;
height : 140px;
overflow : hidden;
}
.content-wrapper .publikationen figure img {
border-top-right-radius : 5px;
border-top-left-radius : 5px;
}
.content-wrapper .publikationen figure a {
padding : 0;
margin : 0;
}
.content-wrapper .publikationen h3 {
margin : 10px 15px 11px 15px;
}
.content-wrapper .publikationen h3 a {
font-size : 22px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
color : #000;
text-decoration : none;
}
.content-wrapper .publikationen div {
position : relative;
}
.content-wrapper .publikationen div a {
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
color : #317dbe;
padding : 0 27px;
display : block;
text-decoration : none;
}
.content-wrapper .publikationen div a:before {
content : "";
background-repeat : no-repeat;
background-position : center;
position : absolute;
top : 2px;
left : 15px;
width : 10px;
height : 10px;
}
.content-wrapper .publikationen div p {
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #4c4c4c;
padding : 0 27px 0 27px;
margin : 0;
margin-bottom : 6px;
}
.content-wrapper .publikationen div:after {
content : "";
border-bottom : 2px solid #e9e9e9;
display : block;
margin : 0 15px 6px 15px;
}
.content-wrapper .publikationen div:last-of-type:after {
content : "";
border-bottom : none !important ;
margin : 0;
}
.content-wrapper .publikationen a:hover {
color : #51af3d;
}
.content-wrapper .bild-list img {
max-width : 300px;
max-height : 160px;
margin : 0 0;
display : block;
}
.content-wrapper .bild-list ul {
margin : 20px 0 0 0;
padding-left : 30px;
overflow : hidden;
}
.content-wrapper .bild-list li:nth-child(2n 2) {
padding-right : 0;
}
.content-wrapper .bild-list li {
float : left;
width : 100px;
padding-right : 45px;
padding-bottom : 6px;
}
.content-wrapper .bild-list a {
font-size : 16px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
color : #317dbe;
text-decoration : none;
}
.content-wrapper .bild-list a:hover {
color : #51af3d;
}
.content-wrapper .quicklinks ul {
margin : 30px 0 0 15px;
padding : 0 15px;
overflow : hidden;
}
.content-wrapper .quicklinks ul li a {
font-size : 16px;
font-weight : normal;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #317dbe;
text-decoration : none;
text-transform : uppercase;
}
.content-wrapper .quicklinks ul li:last-child {
padding-bottom : 0;
border-bottom : none;
}
.content-wrapper .quicklinks ul li {
padding-bottom : 9px;
border-bottom : 2px solid #f4f4f4;
margin-bottom : 9px;
}
.content-wrapper .quicklinks a:hover {
color : #51af3d;
}
footer {
padding : 15px 0;
background : #bfbfbf;
}
footer h2 {
margin-bottom : 0;
margin-top : 0;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-size : 13px;
font-weight : bold;
text-transform : uppercase;
}
footer ul {
padding : 0;
}
footer li {
display : inline;
list-style : none;
}
footer img {
vertical-align : top;
margin-right : 70px;
}
.ie8 section, .no-flexbox section {
background : #bdbdbd;
}
.no-flexbox .navigation ul, .ie8 .navigation ul {
text-align : left;
}
.ie8 .navigation, .no-flexbox .navigation {
background : #fff;
height : 35px;
}
.ie8 .content .forschungsgruppen h3 a {
padding-left : 0;
}
.no-flexbox .navigation {
border-spacing : 3px 0;
display : table;
height : 33px;
margin : 0 -3px;
width : 791px;
}
.no-flexbox .navigation > ul {
display : table-row;
}
.no-flexbox .navigation > ul > li {
display : table-cell;
}
.grid700 {
width : 700px;
overflow : hidden;
line-height : 21px;
}
.grid460 {
width : 460px;
float : left;
overflow : hidden;
line-height : 21px;
}
.grid220 {
float : left;
width : 220px;
overflow : hidden;
line-height : 21px;
}
.m-right {
margin-right : 20px;
}
.m-left {
margin-left : 20px;
}
.fce-wrapper {
width : 100%;
height : auto;
overflow : hidden;
margin-bottom : 20px;
}
.fce-wrapper:last-child {
margin-bottom : 0;
}
.fs header {
height : 60px;
background : url(https://www.mg-batt.de/MgBatt2/images/header-folgeseite.jpg);
background-repeat : no-repeat;
background-position : center;
}
.fs header h2 {
height : 0;
padding : 0;
font-size : 0;
text-indent : -9999px;
}
.fs header a {
display : block;
height : 65px;
width : 200px;
text-indent : -9999px;
float : right;
}
.content {
width : 700px;
min-height : 1px;
float : left;
margin-right : 20px;
font-size : 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
position : relative;
}
.content h1 {
font-size : 35px;
font-weight : normal;
color : #7b7b86;
margin : 0;
margin-bottom : 40px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
}
.content h2 {
font-size : 25px;
font-weight : normal;
color : #7b7b86;
margin : 0;
margin-top : 0;
margin-bottom : 25px;
padding-bottom : 10px;
border-bottom : 3px solid #80d23c;
font-family : Tahoma,Verdana,Segoe,sans-serif;
}
.content h3 {
font-size : 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
color : #4c4c4c;
margin : 0;
}
.content p {
margin : 0;
}
.content a {
color : #317dbe;
font-size : 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : bold;
text-decoration : none;
display : inline;
outline : none;
}
.content a::before {
content : "";
background : url(https://www.mg-batt.de/MgBatt2/images/content-link-pfeil.png);
width : 20px;
margin-right : 5px;
background-repeat : no-repeat;
background-position : center;
display : inline-block;
height : 10px;
width : 10px;
}
.content a:hover {
color : #51af3d;
}
.content img {
border-radius : 5px;
}
.content .video .element .video-js {
margin : 0 0;
max-width : 700px;
}
.content .vjs-default-skin .vjs-big-play-button {
left : 50%;
top : 50%;
margin-left : -42px;
margin-top : -63px;
}
.content .content-aufzaehlung ul {
display : inline-block;
list-style-type : none;
margin : 0;
padding : 0;
}
.content .content-aufzaehlung ul li {
background : url(https://www.mg-batt.de/MgBatt2/images/aufzaehlungszeichen.png) left 11px scroll;
background-repeat : no-repeat;
padding-right : 5px;
padding-top : 3px;
padding-left : 9px;
}
.introduction {
font-size : 17px;
color : #4c4c4c;
font-weight : normal;
line-height : 23px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
margin-bottom : 45px;
}
.content .fce-wrapper .picture-left figure {
float : left;
margin-right : 20px;
}
.content .fce-wrapper .picture-right figure {
float : right;
margin-left : 20px;
}
.content .fce-wrapper figure {
margin-bottom : 15px;
}
.content .fce-wrapper figure a:before {
content : none;
}
.content .fce-wrapper figure > figcaption {
font-size : 13px;
font-style : italic;
}
.content .fce-wrapper figure.width220 {
width : 220px;
}
.content .fce-wrapper figure.width350 {
width : 350px;
}
.content .fce-wrapper figure.width700 {
width : 700px;
}
.fs-menu {
margin-bottom : 45px;
}
html.no-flexbox .fs-menu {
display : table;
}
.fs-menu ul {
padding : 0;
margin : 0;
width : 100%;
border-radius : 5px;
flex-wrap : wrap;
display : flex;
}
html.no-flexbox .fs-menu ul {
display : table-row;
}
.fs-menu li {
list-style-type : none;
background : #fff;
border-right : 3px solid #fff;
padding : 0 !important ;
height : 29px;
margin-bottom : 4px;
word-break : keep-all;
}
html.no-flexbox .fs-menu li {
display : table-cell;
float : left;
}
.fs-menu li a {
color : #fff;
text-decoration : none;
text-transform : uppercase;
font-size : 16px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
padding : 5px 10px;
margin : 0;
font-weight : normal;
background : #51af3d;
border-radius : 5px;
display : block;
}
.fs-menu li a::before {
content : "";
background : none;
padding : 0;
width : auto;
}
.fs-menu li a:hover {
color : #fff;
background : #317dbe;
}
.fill {
width : 5px;
}
.fill a {
border-right : none;
background : #bdbdbd !important ;
height : 29px;
padding : 0 4px !important ;
}
.fs-menu li.activesub a {
color : #fff;
background : #787878;
}
.menu-bottom {
padding : 0px 0px 10px 0px;
height : 20px;
width : 100%;
margin : 0 0 0 0;
border-top : 2px solid #e6e6e6;
border-bottom : 2px solid #e6e6e6;
background : #bfbfbf;
overflow : hidden;
}
.menu-bottom ul {
padding : 0;
margin : 0;
list-style : none;
overflow : hidden;
float : right;
}
.menu-bottom ul li {
float : left;
margin-right : 7px;
}
.menu-bottom ul li:last-child {
margin-right : 0;
}
.menu-bottom ul li a {
font-size : 12px;
font-weight : bold;
font-family : Tahoma,Verdana,Segoe,sans-serif;
text-decoration : none;
color : #000;
text-transform : uppercase;
}
.menu-bottom ul li:after {
content : "";
border-right : 2px solid #e6e6e6;
height : 15px;
margin-bottom : -3px;
display : inline-block;
padding-left : 7px;
}
.menu-bottom ul li:last-of-type:after {
content : "";
border-right : none;
padding : 0;
}
.menu-bottom ul li a:hover, .menu-bottom .bottom-lang:hover {
color : #51af3d;
}
.text-bild h3:first-of-type {
margin-top : 0;
}
.text-bild h3 {
margin-top : 15px;
}
.text-bild p + p {
margin-top : 15px;
}
.content .downloadliste p {
margin-bottom : 21px;
margin-left : 15px;
}
.content .downloadliste a span {
font-weight : normal;
color : #929292;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-size : 15px;
}
.downloadliste ul {
padding : 0;
margin : 0;
list-style : none;
}
.mitglieder h3:first-child {
margin-top : 0;
}
.mitglieder h3 {
margin-top : 15px;
}
.mitglieder .grid460 p + p {
margin-top : 15px;
}
.content .mitglieder > h2 {
margin-bottom : 0;
}
.content .mitglieder > div {
margin-top : 25px;
}
.content .workerlist .mitglieder > div {
margin-bottom : 25px;
}
.workerlist > .fce-wrapper {
margin-bottom : 10px;
}
.workerlist > .fce-wrapper > .mitglieder > h2 {
cursor : pointer;
outline : 0 none;
}
.mitglieder .grid220 {
width : 160px;
}
.content .bildergalerie {
overflow : hidden;
}
.content .bildergalerie img {
width : 220px;
height : 180px;
}
.content .bildergalerie div a {
float : left;
width : 219px;
height : 180px;
margin-right : 20px;
margin-bottom : 20px;
}
.content .bildergalerie div a:nth-child(3n) {
margin-right : 0;
}
.content .bildergalerie div a:before {
content : "";
background : none;
width : 0;
height : 0;
padding : 0;
}
.fancybox-title {
font : normal normal 15px 'Droid Sans' !important ;
font-family : Tahoma,Verdana,Segoe,sans-serif !important ;
font-size : 15px;
font-weight : normal;
}
.content .forschungsgruppen h3 a {
margin-top : 10px;
display : inline-block;
padding-left : 12px;
}
.content .forschungsgruppen h3 a::before {
content : "";
background : url(https://www.mg-batt.de/MgBatt2/images/content-link-pfeil.png);
width : 20px;
margin-right : 5px;
background-repeat : no-repeat;
background-position : center;
display : inline-block;
height : 10px;
width : 10px;
margin-left : -15px;
}
.content .forschungsgruppen span {
display : block;
margin-left : 15px;
}
.content .forschungsgruppen2 h3 {
margin-top : 16px;
}
.content .forschungsgruppen2 h3:first-child {
margin-top : 0;
}
.kontaktformular label {
display : block;
margin-top : 12px;
font-size : 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
color : #4c4c4c;
}
.kontaktformular input {
width : 280px;
height : 20px;
margin-top : 6px;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}
.kontaktformular input.input-small {
width : 114px;
margin-right : 10px;
}
.kontaktformular input.input-medium {
width : 148px;
}
.kontaktformular textarea {
width : 575px;
height : 170px;
resize : none;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}
.kontaktformular label.anrede {
margin-bottom : 13px;
display : inline-block;
}
.kontaktformular select {
width : 110px;
height : 20px;
margin-left : 10px;
border-top : 1px solid #aaadb2;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
box-shadow : 1px 1px 0.5px #aaadb2 inset;
}
.kontaktformular h3 {
margin-top : 28px;
margin-bottom : 10px;
}
.kontaktformular .nachricht {
font-weight : bold;
color : #4c4c4c;
margin-top : 40px;
margin-bottom : 20px;
}
.kontaktformular .submit {
float : left;
width : 120px;
text-transform : uppercase;
font-size : 20px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
height : 35px;
border-radius : 5px;
color : #fff;
background : #51af3d;
margin-left : 150px;
margin-top : 17px;
border : none;
outline : none;
cursor : pointer;
}
.kontaktformular .submit:hover {
color : #fff;
background : #317dbe;
}
.kontaktformular p {
float : left;
margin-top : 30px;
display : block;
}
.kontaktformular h1 {
margin-top : -4px;
margin-bottom : 30px;
}
.sidebar {
width : 220px;
float : left;
min-height : 200px;
margin-top : 5px;
}
.sidebar h3 {
font-size : 22px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
margin : 10px 0 0 0;
padding : 0 15px;
}
.sidebar a:hover {
color : #51af3d;
}
.sidebar a:visited {
color : #4c4c4c;
}
.sidebar-box {
width : 100%;
margin : 0 0 15px 0;
display : inline-block;
border-radius : 5px;
background : #fff;
padding-bottom : 15px;
box-shadow : 1px 1px 16px #cbcbcb;
}
.sidebar-box figure {
width : 100%;
height : 95px;
overflow : hidden;
}
.sidebar-box h3 {
font-size : 22px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
color : #000;
margin : 0;
margin-top : 15px;
padding : 0 15px;
display : inline-block;
}
.sidebar-box p {
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
padding : 0 15px;
margin-bottom : 0;
}
.sidebar-box ul {
padding : 0 15px;
margin : 0;
list-style : none;
}
.sidebar-box li a {
font-size : 13px;
text-decoration : none;
font-family : Tahoma,Verdana,Segoe,sans-serif;
}
.sidebar-box li:before {
content : "";
margin-right : 5px;
background-repeat : no-repeat;
background-position : center;
width : 5px;
height : 10px;
display : inline-block;
}
.sidebar-box a:visited {
color : #4c4c4c;
}
.sidebar-box a:hover {
color : #51af3d;
}
.big-picture-box {
width : 100%;
border-radius : 5px;
padding-top : 15px;
padding-bottom : 15px;
box-shadow : 1px 1px 16px #cbcbcb;
margin-bottom : 15px;
}
.big-picture-box figure {
text-align : center;
height : 175px;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
overflow : hidden;
}
.big-picture-box h3 {
margin-top : 0;
margin-bottom : 15px;
}
.big-picture-box a {
text-decoration : none;
font-size : 13px;
color : #4c4c4c;
padding : 0 15px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
display : block;
}
.big-picture-box a:before {
content : "";
margin-right : 5px;
background-repeat : no-repeat;
background-position : center;
width : 5px;
height : 10px;
display : inline-block;
}
.big-picture-box a:visited {
color : #4c4c4c;
}
.big-picture-box a:hover {
color : #51af3d;
}
.sidebar-links {
width : 100%;
background : #fff;
border-radius : 5px;
margin-bottom : 15px;
padding-bottom : 15px;
box-shadow : 1px 1px 16px #cbcbcb;
}
.sidebar-links h3 {
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-size : 22px;
font-weight : normal;
margin : 0;
padding : 15px;
}
.sidebar-links ul {
padding : 0 15px;
margin : 0;
}
.sidebar-links li {
list-style-type : none;
}
.sidebar-links li a {
font-size : 13px;
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-weight : normal;
color : #4c4c4c;
text-decoration : none;
}
.sidebar-links li a:before {
content : "";
margin-right : 5px;
background-repeat : no-repeat;
background-position : center;
width : 5px;
height : 10px;
display : inline-block;
}
.sidebar-links span {
color : #929292;
}
.sidebar-links a:hover span {
color : #929292;
}
.sidebar-links a:visited {
color : #4c4c4c;
}
.sidebar-links a:hover {
color : #51af3d;
}
.sidebar-kontakt a:visited {
text-decoration : none;
color : #fff;
font-size : 13px;
font-weight : bold;
}
.sidebar-kontakt a:hover {
color : #51af3d;
}
.sidebar-kontakt h3 {
font-family : Tahoma,Verdana,Segoe,sans-serif;
font-size : 22px;
font-weight : normal;
margin : 0;
padding : 0;
}
.sidebar-kontakt p {
line-height : 17px;
overflow-wrap : break-word;
}
.sidebar-kontakt p:last-child {
margin-bottom : 0;
}
.sidebar-kontakt p:after {
content : "";
border-top : 1px solid #fff;
display : block;
margin-top : 15px;
}
.sidebar-kontakt p:last-child:after {
content : "";
border-top : none;
margin-top : 0;
}
.arrow:after {
content : "";
padding-right : 10px;
background-repeat : no-repeat;
background-position : center;
}
.arrow-left-light:before {
content : "";
padding-left : 10px;
background-repeat : no-repeat;
background-position : center;
}
.csc-sitemap ul {
list-style : none;
}
.tx-ttaddress-pi1 + .csc-header {
margin-top : 50px;
}
.tx-indexedsearch-whatis {
display : none;
}
.tx-indexedsearch-searchbox {
margin-bottom : 20px;
}
.tx-indexedsearch .browsebox {
list-style : none;
margin : 20px 0;
padding : 0;
text-align : center;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color : #000000;
}
.english .content-wrapper .bild-list li:nth-child(2n 1) {
padding-right : 55px;
}
.html_custom_searchbox input {
border : none medium;
border-radius : 5px;
box-sizing : border-box;
display : block;
line-height : 22px;
padding : 2px 5px;
width : 100%;
}
.html_custom_searchbox form > div {
position : relative;
}
.html_custom_searchbox form > div > .clear {
cursor : pointer;
display : block;
font-family : Tahoma,Verdana,Segoe,sans-serif;
height : 28px;
line-height : 28px;
position : absolute;
right : 0;
text-align : center;
top : 0;
width : 28px;
}
.html_custom_searchbox input[type="text"] {
border : #e9e9e9 solid 1px;
}
.html_custom_searchbox input[type="submit"] {
background : none 0 0 repeat scroll #51af3d;
color : white;
margin-top : 10px;
text-transform : uppercase;
}
.tx-ttaddress-pi1 .fce-wrapper.hidden {
display : none;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder .contactinfo span a {
display : inline-block;
}
.tx-ttaddress-pi1 .fce-wrapper .mitglieder .contactinfo span a:before {
content : none;
}
.content > .toggling > h2 {
cursor : pointer;
outline : none;
}
.content-wrapper .topicsubsite article {
width : 220px;
}
.content .topicsubsite a:before {
content : none;
}
.content-wrapper .topicsubsite .hiu-news figure {
max-width : 100%;
height : 100px;
}
.content-wrapper .topicsubsite .hiu-news figure img {
max-width : 100%;
height : auto;
}
.content-wrapper .topicsubsite .hiu-news time {
top : 70px;
}
.content .kit-publications-publication + .kit-publications-publication {
margin-top : 15px;
}
.content .kit-publications-publication a::before {
content : none;
}
.content .kit-publications-publication {
font-size : 15px;
line-height : 21px;
}