@charset "UTF-8";
/* moved by compressor */
@import url('../../../fileadmin/ipmpg/custom_css/ergaenzungen-hs.css');
/* moved by compressor */
/* default styles for extension "tx_srfreecap" */
		.tx-srfreecap-captcha label { display: inline-block; width: 150px; }
		img.tx-srfreecap-image { margin-left: 1em; margin-right: 1em; vertical-align: middle; }
		.tx-srfreecap-image-accessible {
			background-color: transparent;
			vertical-align: middle;
		}
		.tx-srfreecap-accessible-link { width: 10em; float: right; vertical-align: middle; margin-right: 7em; }
		.tx-srfreecap-cant-read { display: inline-block; width: 150px; }
		.tx-srfreecap-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }
/* default styles for extension "tx_srfreecap_pi2" */
		.tx-srfreecap-pi1-captcha label { display: inline-block; width: 150px; }
		img.tx-srfreecap-pi1-image { margin-left: 1em; margin-right: 1em; vertical-align: middle; }
		.tx-srfreecap-pi1-image-accessible {
			background-color: transparent;
			vertical-align: middle;
		}
		.tx-srfreecap-pi1-accessible-link { width: 10em; float: right; vertical-align: middle; margin-right: 7em; }
		.tx-srfreecap-pi1-cant-read { display: inline-block; width: 150px; }
		.tx-srfreecap-pi1-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }
/* default styles for extension "tx_mpidataprotect" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-mpidataprotect table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-mpidataprotect table th {
		font-weight:bold;
	}

	.tx-mpidataprotect table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

    .fSubmitOk:hover {
        background: url('/typo3conf/ext/mpidataprotect/Resources/Public/Images/ok_chk_act_40.png') !important;
    }

    .fSubmitNotOk:hover {
        background: url('/typo3conf/ext/mpidataprotect/Resources/Public/Images/not_ok_chk_act_40.png') !important;
    }
/* default styles for extension "tx_eventmanager" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-eventmanager table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-eventmanager table th {
		font-weight:bold;
	}

	.tx-eventmanager table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}


/* FORMS */
form .field.submit {
    margin-right: 10px !important;
}

.field.submit > div {
    float: left;
    margin-left: 20px;
}

.field.submit div > span {
    vertical-align: top;
    display: inline-block;
    font-size: 0.8em;
    color: #fff;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.page-30 div.field.submit {
    margin-top: 40px;
}

.icon32.extend {
    background-position: 0px -160px;
    transform: rotate(45deg);
    margin-top: 6px;
}

.search-extendedview {
    display: none;
}

@media (max-width: 385px) {
    .search-extendedsearch {
        margin-left: 20px !important;
    }

    .search-extendedsearch > span {
        width: 62px;
        margin-top: 0 !important;
        margin-right: 5px !important;
        font-size: .9em !important;
        line-height: 1.25 !important;
        padding-top: .25em
    }
}

.has-float-label {
    display: block;
    position: relative;
}

.has-float-label label,
.has-float-label > span {
    position: absolute;
    left: 10px;
    top: -5px;
    cursor: text;
    opacity: 1;
    transition: all 0.2s;
    font-weight: normal !important;
    font-size: 75%;
    color: #333 !important;
}

.has-float-label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.has-float-label input,
.has-float-label select {
    font-size: inherit;
    padding-top: 1em;
    margin-bottom: 2px;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.has-float-label input::placeholder,
.has-float-label select::placeholder {
    opacity: 1;
    color: #fff;
}

.has-float-label input:placeholder-shown:not(:focus)::placeholder,
.has-float-label select:placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
}

.has-float-label input:placeholder-shown:not(:focus) + *,
.has-float-label select:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    opacity: 0.5;
    top: 10px;
    left: 10px;
}

.has-float-label input:focus,
.has-float-label select:focus {
    outline: none;
    border-color: rgba(0, 0, 0, 0.5);
}

.has-float-label select {
    padding-right: 1em;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.25em;
    background-size: 8px 10px;
}

.toggle-container {
    clear: both;
}

.toggle-container > div {
    width: calc(100% - 20px);
    margin: 0px 10px 33px;
}

@media screen and (min-width: 768px) {
    .toggle-container .col-1-3 {
        width: calc(33% - 20px);
        float: left;
    }

    .toggle-container .col-2-3 {
        width: calc(67% - 20px);
        float: left;
    }

    .toggle-container .col-1-2 {
        width: calc(50% - 20px);
        float: left;
    }
}
/* Youtube */
.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    margin: -16px;
    border: none;
}

.youtube.hasHeader {
    margin-top: 16px;
}

.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    height: auto;
}

.youtube img.dim4-3 {
    top: -16.84%;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img, .play-button {
    cursor: pointer;
}

.youtube img, iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.cc-window{font-size:16px;line-height:1.5em;position:fixed;z-index:9999;display:flex;overflow:hidden;flex-wrap:nowrap;box-sizing:border-box;transition:opacity 1s ease;opacity:1}.cc-window.cc-invisible{opacity:0}.cc-window.cc-static{position:static}@media print{.cc-window{display:none}}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-window.cc-left,.cc-window.cc-right{right:0;left:0}.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;align-content:space-between;align-items:center}.cc-animate:hover{transform:translateY(0)}.cc-grower{overflow:hidden;max-height:0;transition:max-height 1s}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link{cursor:pointer}.cc-link{display:inline-block;padding:.2em;text-decoration:underline;opacity:.8}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{font-size:.9em;font-weight:700;display:block;padding:.4em .8em;text-align:center;white-space:nowrap;border-width:2px;border-style:solid}@media screen and (max-width: 900px){.cc-btn{white-space:normal}}.cc-btn+.cc-btn{margin-left:.5em}.cc-highlight .cc-btn:first-child{border-color:transparent;background-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{text-decoration:underline;background-color:transparent}.cc-close{font-size:1.6em;line-height:.75;position:absolute;top:.5em;right:.5em;display:block;opacity:.9}.cc-close:focus,.cc-close:hover{opacity:1}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-banner{padding:1em}.cc-banner .cc-message{display:block;flex:1 1 auto;max-width:100%;margin-right:1em}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-banner .cc-message{margin-right:0}}.cc-banner.cc-window{align-items:center;flex-direction:row;width:100%;padding:1em 1.8em}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-banner.cc-window{right:0;left:0;align-items:unset;flex-direction:column}}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-banner.cc-window .cc-compliance{flex:1 1 auto}}.cc-banner.cc-top{top:0;right:0;left:0}.cc-banner.cc-bottom{right:0;bottom:0;left:0}.cc-banner.cc-theme-edgeless .cc-btn{height:100%;margin:0;padding:.8em 1.8em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;padding-bottom:1.5em}.cc-floating .cc-compliance>.cc-btn{flex:1}.cc-floating.cc-window{flex-direction:column;max-width:24em;padding:2em}@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){.cc-floating.cc-window{right:0;left:0;max-width:none}}.cc-floating.cc-window .cc-compliance{flex:1 0 auto}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-theme-classic.cc-type-info .cc-compliance{display:inline;flex:none;text-align:center}.cc-floating.cc-theme-classic.cc-type-info .cc-btn{display:inline-block}.cc-floating.cc-theme-edgeless{padding:0}.cc-floating.cc-theme-edgeless .cc-message{padding:2em 2em 1.5em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.cc-revoke{line-height:1.5em;position:fixed;z-index:9999;display:flex;overflow:hidden;flex-wrap:nowrap;box-sizing:border-box;padding:.5em;cursor:pointer}.cc-revoke:hover{text-decoration:underline}.cc-revoke.cc-top{top:0;left:3em;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{right:unset;left:3em}.cc-revoke.cc-right{right:3em;left:unset}@media print{.cc-revoke{display:none}}.cc-revoke.cc-animate{transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease}.cc-revoke.cc-animate.cc-top{transform:translateY(-2em)}.cc-revoke.cc-animate.cc-bottom{transform:translateY(2em)}.cc-revoke.cc-animate.cc-active.cc-bottom{transform:translateY(0)}.cc-revoke.cc-animate.cc-active.cc-top{transform:translateY(0)}.dp--cookie-check{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;border:1px solid rgba(255,255,255,0.5);border-radius:5px}.dp--cookie-check label{display:block;overflow:hidden;margin:0;padding:5px;white-space:nowrap;text-overflow:ellipsis}.dp--cookie-check label:first-child{padding-left:10px}.dp--cookie-check label:last-child{padding-right:10px}.dp--iframe{display:none}.dp--iframe.dp--loaded{display:block}.dp--overlay{padding:2.5rem 1.5rem;display:flex;justify-content:center;align-items:center;text-align:center}.dp--overlay-description{margin-top:.8rem}.dp--overlay-button{margin-top:.8rem}.db--overlay-submit{border:2px solid transparent;display:inline-block;padding:.4em .8em;font-weight:700;text-align:center}.dp--iframe.dp--loaded+.dp--overlay{display:none}.cc-revoke.dp--revoke{line-height:1;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:5px;transition:all .3s ease-in-out;transform:none !important;text-decoration:none !important;border-radius:20px !important}.cc-revoke.dp--revoke i{font-size:24px;pointer-events:none}.cc-revoke.dp--revoke.cc-top,.cc-revoke.dp--revoke.cc-bottom{left:0}.cc-revoke.dp--revoke.cc-right{right:0;left:auto}.cc-revoke.dp--revoke .dp--hover{pointer-events:none;display:none}.cc-revoke.dp--revoke:hover{opacity:.7}.cc-revoke.dp--revoke:hover .dp--hover{display:inline-block}.dp--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@font-face{font-family:'dp-icomoon';src:url('../../../typo3conf/ext/dp_cookieconsent/Resources/Public/fonts/icomoon.eot?f870c2c5f3295e7ca61cc6d2a126d459');src:url('../../../typo3conf/ext/dp_cookieconsent/Resources/Public/fonts/icomoon.eot?f870c2c5f3295e7ca61cc6d2a126d459#iefix') format("embedded-opentype"),url('../../../typo3conf/ext/dp_cookieconsent/Resources/Public/fonts/icomoon.ttf?680ba2f9dbb4a562d6925301b53d7e3f') format("truetype"),url('../../../typo3conf/ext/dp_cookieconsent/Resources/Public/fonts/icomoon.woff?266bdcdc3bdf196f83ba46fe87ab27ac') format("woff"),url('../../../typo3conf/ext/dp_cookieconsent/Resources/Public/fonts/icomoon.svg?47dcde5d00856de36ef15ca662e0e099#icomoon') format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="dp--icon-"],[class*=" dp--icon-"]{font-family:'dp-icomoon' !important;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dp--icon-fingerprint:before{content:"\e900"}


.femanager_flashmessages>div{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px}.femanager_flashmessages>.message-2{background-color:#F6D3CF;border:1px solid #D66C68;color:#AA0225}.femanager_flashmessages>.message-1{background-color:#FBF6DE;border:1px solid #B1905C;color:#9E7D4A}.femanager_flashmessages>.message-0{background-color:#CDEACA;border:1px solid #58B548;color:#3B7826}.femanager_flashmessages>.message--1{background-color:#EAF7FF;border:1px solid #C5DBE6;color:#4C73A1}.femanager_flashmessages>.message--2{background-color:#F6F7FA;border:1px solid #C2CBCF;color:#444}.femanager_note{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6F7FA;border:1px solid #C2CBCF;color:#444;list-style-type:none;margin-left:0}.femanager_error{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6D3CF;border:1px solid #D66C68;color:#AA0225;list-style-type:none;margin-left:0}

.cc-window {
    color: inherit !important;
    background-color: #ffffff !important;
    box-shadow: 2px 2px 10px 2px #666666 !important;
}

.cc-link, .cc-link:active, .cc-color-override-1345189838 .cc-link:visited {
    color: inherit !important;
    padding: 0 !important;
}

.cc-dismiss, .cc-allow {
    color: rgb(255, 255, 255) !important;
    border-color: transparent !important;
    background-color: #004899 !important;
}

.cc-allow {
     /*color: #004899 !important;*/
 }

.cc-allow:hover {
    text-decoration: none !important;
    color: rgb(255, 255, 255) !important;
}

.cc-btn:hover, .cc-btn:focus {
    background-color: #999999 !important;
}

.cc-highlight .cc-btn:first-child {
    /*color: #004899 !important;*/
}

.dp--cookie-consent:after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    z-index: 1000;
    background-color: rgba(255,255,255,.5);
    display: block;
}


.cc-revoke {
    color: rgb(255, 255, 255) !important;
    background-color: #004899 !important;
}

.cc-revoke.dp--revoke:hover {
    opacity: 1;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 1rem 1rem 0.5rem 1rem !important;
}
.cc-compliance{
    margin: 0rem 0.5rem 0.5rem 0.5rem !important;
}

.cc-btn {
    border: 0.5rem solid #FFFFFF !important;
}

[class^="dp--icon-"], [class*=" dp--icon-"], .dp--overlay-header, .dp--overlay-description {
    color: rgb(255,255,255);
}

.dp--hover {
    color: rgb(255,255,255);
    font-size: .8em;
}

.dp--cookie-check {

    justify-content: space-around;
}

.mediaelement-video  .dp--overlay {
    width: 282px;
    height: 159px;
}

/* Style for iframe */

.dp--overlay-header {
    display: none;
}

.dp--overlay-description {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.25;
}

.db--overlay-submit {
    background:#b81839;
    color:#fff;
    font-size: 14px;
    line-height: 1.25;
    max-width: 13em;
    cursor: pointer;
}

.cc-floating.cc-theme-edgeless .cc-message {
    padding: 0;
}


/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    font-family: arial, sans-serif;
    vertical-align: baseline;
    line-height: 1.3em;
}

div, a, nav, footer, header, span, ul, li, p, h1, h2, h3, h4, h5, h6, b, strong, i, article, section, main, address, aside,
div:after, a:after, nav:after, footer:after, header:after, span:after, ul:after, li:after, p:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after, b:after, strong:after, i:after, article:after, section:after, main:after, address:after, aside:after,
div:before, a:before, nav:before, footer:before, header:before, span:before, ul:before, li:before, p:before, h1:before, h2:before, h3:before, h4:before, h5:before, h6:before, b:before, strong:before, i:before, article:before, section:before, main:before, address:before, aside:before,
input, textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: sans-serif;
    line-height: 0;
    width: auto;
    overflow: visible;
}

:focus,
:active {
    outline: 0 !important;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.transition {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.transition-height {
    -webkit-transition: height 250ms ease-out, max-height 250ms ease-out;
    -moz-transition: height 250ms ease-out, max-height 250ms ease-out;
    -ms-transition: height 250ms ease-out, max-height 250ms ease-out;
    -o-transition: height 250ms ease-out, max-height 250ms ease-out;
    transition: height 250ms ease-out, max-height 250ms ease-out;
}

.alignleft,
.align-left {
    text-align: left;
}

.alignright,
.align-right {
    text-align: right;
}

.aligncenter,
.align-center {
    text-align: center;
}

.invisible {
    display: none;
    height: 0px;
}


/* layout */


body,
html,
body * {
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

#page-wrap {
    position: relative;
    width: 1586px;
}

#navigation-wrap {
    margin-left: -306px;
    position: relative;
    float: left;
    width: 306px;
    background-color: #999;
}

#page-wrap.open #navigation-wrap {
    margin-left: 0px;
}

#content-wrap {
    /*position:relative;
    float:left;*/
    position: absolute;
    width: 1280px;
    border-left: 1px solid #ccc;
}

#page-wrap.open #content-wrap {
    margin-left: 306px;
}

#content-wrap.background-image {
    background-repeat: no-repeat;
    background-size: 100% auto;
}

header {
    width: 1280px;
}

#main {
    margin-left: 72px;
    width: 1134px;
    padding: 30px 24px;
    background-color: #fff;
}

#main * {

}

#main > .wrap {
    width: 1086px;
}

body.small #main > .wrap {
    width: 820px;
    margin-left: 133px;
}

body.columns2 #main > .main-wrap {
    float: left;
    width: 678px;
}

body.columns2 #main > .left-wrap {
    float: left;
    width: 408px;
}

#main > section.start-teaser {
    position: absolute;
    top: 340px;
    width: 1086px;
}

#main > article.intro {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

#main > article.intro.toggle {
    margin-bottom: 80px;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#content-wrap.background-image #main {
    margin-top: 300px;
}

body.start #main {
    margin-top: 585px !important;
}

footer {
    background-color: #999;
}


/* styles - fonts */


a {
    text-decoration: none;
    color: #9F9F9F;
}

a.inherit {
    color: inherit;
}

h1,
h1 *,
.like-h1,
.like-h1 * {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
}

h2,
.like-h2,
h2 *,
.like-h2 * {
    font-size: 26px;
    line-height: 30px;
}

h3,
h3 *,
.like-h3,
.like-h3 * {
    font-size: 20px;
    line-height: 28px;
}

.text p,
.news-text p {
    margin-bottom: 0.5em !important;
}

b, strong {
    font-weight: bold;
}

.legend,
figcaption {
    font-size: 16px;
    line-height: 24px;
    font-family: georgia, serif;
    font-style: italic;
}

body.page-6 .legend.researcharea,
.block.list > .item > .legend.researcharea {
    display: none;
}

figcaption {
    margin-bottom: 10px;
}

body.institute h1,
body.institute h2,
body.institute h3,
body.institute .heading .legend,
.institute-header h1,
.institute-header h2,
.institute-header h3,
.institute-header h4,
.institute-header .heading {
    color: #004899;
}

body.research h1,
body.research h2,
body.research h3,
body.research .heading .legend,
.research-header h1,
.research-header h2,
.research-header h3,
.research-header h4,
.research-header .heading {
    color: #0066CC;
}

body.research1 h1,
body.research1 h2,
body.research1 h3,
body.research1 .heading .legend,
.research1-header h1,
.research1-header h2,
.research1-header h3,
.research1-header h4,
.research1-header .heading {
    color: #0095AA;
}

body.research2 h1,
body.research2 h2,
body.research2 h3,
body.research2 .heading .legend,
.research2-header h1,
.research2-header h2,
.research2-header h3,
.research2-header h4,
.research2-header .heading {
    color: #0073A3;
}

body.projects h1,
body.projects h1 *,
body.projects h2,
body.projects h3,
body.projects .heading .legend,
.projects-header h1,
.projects-header h2,
.projects-header h3,
.projects-header h4,
.projects-header .heading {
    color: #339966;
}

body.projects-inter h1,
body.projects-inter h2,
body.projects-inter h3,
body.projects-inter .heading .legend,
.projects-header-inter h1,
.projects-header-inter h2,
.projects-header-inter h3,
.projects-header-inter h4,
.projects-header-inter .heading {
    color: #fdc300;
}

body.publications h1,
body.publications h1 *,
body.publications h2,
body.publications h3,
body.publications .heading .legend,
.publications-header h1,
.publications-header h2,
.publications-header h3,
.publications-header h4,
.publications-header .heading {
    color: #8E0A5F;
}

body.persons h1,
body.persons h2,
body.persons h3,
body.persons .heading .legend,
.persons-header h1,
.persons-header h2,
.persons-header h3,
.persons-header h4,
.persons-header .heading {
    color: #FF9900;
}

.persons .block.list > .item h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    display: block;
    font-family: Georgia, serif;
}

ul.rte {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 30px;
    margin-bottom: 1em;
}

ol.rte {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 30px;
    margin-bottom: 1em;
}

ul.rte ul,
ol.rte ul {
    list-style-type: circle;
    list-style-position: outside;
    padding-left: 30px;
    margin-bottom: 0px;
}

ol.rte ol,
ul.rte ol {
    list-style-type: lower-latin;
    list-style-position: outside;
    padding-left: 30px;
    margin-bottom: 0px;
}

.color-institute,
.color-institute * {
    color: #004899;
}

.color-research,
.color-research * {
    color: #0066CC;
}

.color-projects,
.color-projects * {
    color: #339966;
}

.color-projects-inter,
.color-projects-inter * {
    color: #FDC300 !important;
}

.color-publications,
.color-publications * {
    color: #8E0A5F;
}

.color-persons,
.color-persons * {
    color: #FF9900;
}

.color-library,
.color-library * {
    color: #333333;
}

hr {
    margin: 20px 0px;
    border: 0px;
    border-top: 1px solid #ccc !important;
}

div .plugin h4 a {
    color: #333333;
    font-weight: bold;
}

a.external-link:before {
    display: inline-block;
    height: 15px;
    width: 15px;
    overflow: hidden;
    margin: 0px 5px -1px 0px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/external-link-150dpi.png') no-repeat;
    background-size: 15px 15px;
    content: " ";
}

a.external-link-button-darkblue:before,
a.external-link-button-lightblue:before,
a.external-link-button-green:before,
a.external-link-button-purple:before,
a.external-link-button-orange:before,
a.external-link-button-darkgrey:before {
    display: inline-block;
    height: 15px;
    width: 15px;
    overflow: hidden;
    margin: 0px 5px -1px 0px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/external-link.svg') no-repeat;
    background-size: 15px 15px;
    content: " ";
}

a.internal-link:before {
    display: inline-block;
    height: 15px;
    width: 15px;
    overflow: hidden;
    margin: 0px 5px -1px 0px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/internal-link-150dpi.png') no-repeat;
    background-size: 15px 15px;
    content: " ";
}

a.internal-link-button-darkblue:before,
a.internal-link-button-lightblue:before,
a.internal-link-button-green:before,
a.internal-link-button-purple:before,
a.internal-link-button-orange:before,
a.internal-link-button-darkgrey:before {
    display: inline-block;
    height: 15px;
    width: 15px;
    overflow: hidden;
    margin: 0px 5px -1px 0px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/internal-link.svg') no-repeat;
    background-size: 15px 15px;
    content: " ";
}

a.internal-link-button-darkblue,
a.internal-link-button-lightblue,
a.internal-link-button-green,
a.internal-link-button-purple,
a.internal-link-button-orange,
a.internal-link-button-darkgrey,
a.external-link-button-darkblue,
a.external-link-button-lightblue,
a.external-link-button-green,
a.external-link-button-purple,
a.external-link-button-orange,
a.external-link-button-darkgrey {
    font-family: arial, sans-serif !important;
    font-size: 1em;
    padding: 1em;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
}

a.internal-link-button-darkblue,
a.external-link-button-darkblue {
    background-color: #004899;
}

a.internal-link-button-lightblue,
a.external-link-button-lightblue {
    background-color: #0066CC;
}

a.internal-link-button-green,
a.external-link-button-green {
    background-color: #339966;
}

a.internal-link-button-purple,
a.external-link-button-purple {
    background-color: #8E0A5F;
}

a.internal-link-button-orange,
a.external-link-button-orange {
    background-color: #FF9900;
}

a.internal-link-button-darkgrey,
a.external-link-button-darkgrey {
    background-color: #333333;
}


/* block - section - article - dce */


#main > .wrap > .block,
.news-content > .block {
    margin: 0px 10px 33px;
    float: left;
    /*background-color:#fee;*/
}

#main > .wrap > .block.no-margin-bottom,
.news-content .block.no-margin-bottom {
    margin-bottom: 0px;
}

#main > .wrap > .block.col-1-1,
#main > .wrap > .block.columns2 {
    width: 1066px;
}

#main > .wrap > .block.col-2-3 {
    width: 658px;
}

#main > .wrap > .block.col-1-2 {
    width: 523px;
}

#main > .intro > .block.col-1-2 {
    width: 50%;
    float: left;
}

#main > .wrap > .block.col-1-3 {
    width: 388px;
}

#main > .wrap > .block.col-3-5 {
    width: 734px;
}

body.small #main > .wrap > .block.col-1-1,
body.small #main > .wrap > .block.columns2,
body.small .news-content > .block.col-1-1,
body.small .news-content > .block.columns2 {
    width: 800px;
}

body.small #main > .wrap > .block.col-1-1.wide {
    width: 1066px;
    margin-left: -123px;
}

body.small #main > .wrap > .block.col-2-3,
body.small .news-content > .block.col-2-3 {
    width: 390px;
}

body.small #main > .wrap > .block.col-1-2,
body.small .news-content > .block.col-1-2 {
    width: 390px;
}

body.small #main > .wrap > .block.col-1-3,
body.small .news-content > .block.col-1-3 {
    width: 390px;
}

body.small #main > .wrap > .block.col-3-5,
body.small .news-content > .block.col-3-5 {
    width: 390px;
}

body.columns2 #main > .main-wrap > .block {
    width: 658px;
}

body.columns2 #main > .left-wrap > .block {
    width: 388px;
}

figure.col-1-1 {
    width: 100%;
    height: auto;
}

figure.col-1-2 {
    width: 50%;
    height: auto;
}

figure.col-1-3 {
    width: 33.33%;
    height: auto;
}

figure.col-2-3 {
    width: 66.66%;
    height: auto;
}

figure.col-1-4 {
    width: 25%;
    height: auto;
}

figure.col-1-5 {
    width: 20%;
    height: auto;
}

figure {
    overflow: hidden;
}

figure img {
    max-width: 100%;
    height: auto;
}

body #main > .wrap > .block.border,
.news-content > .block.border {
    border-top: 3px solid #999;
}

.block.background {
    padding: 0px 10px 10px;
    background-color: #f5f5f5;
}

.block.background.institute {
    background-color: #004899;
}

.block.background.research {
    background-color: #0066CC;
}

.block.background.research1 {
    background-color: #0095AA;
}

.block.background.research2 {
    background-color: #0073A3;
}

.block.background.projects {
    background-color: #339966;
}

.block.background.projects-inter {
    background-color: #FDC300;
}

.block.background.publications {
    background-color: #8E0A5F;
}

.block.background.persons {
    background-color: #FF9900;
}

.block.background.library {
    background-color: #333333;
}

#main > .wrap > .block > h4,
.news-content > .block > h4,
.news-content > .accordeon > .open > .accordeon-body > .block > h4 {
    font-weight: bold;
    margin: 20px 0px
}

#main > section.start-teaser div.start-teaser {
    width: 50%;
    float: left;
}

#main > section.start-teaser div.start-teaser * {
    color: #fff;
}

#main > section.start-teaser div.start-teaser .legend {
    display: block;

}

#main > section.start-teaser div.start-teaser h2,
#main > section.start-teaser div.start-teaser h2 * {
    font-size: 46px;
    line-height: 64px;
    font-weight: bold;
}

#main > article.intro {
    border-top: 3px solid #999;
    padding: 30px 133px;
    margin: 0px 10px 40px;
}

#main > article.intro div.heading > h1.solo {
    margin-top: 24px;
}

#main > article.intro .toggler {
    padding: 20px 0px 10px;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    width: 100%;
    display: none;
    background-color: #fff;
}

#main > article.intro .toggler * {
    color: #9F9F9F;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}

#main > article.intro.toggle .toggler {
    display: block;
}

#main > article.intro.toggle > .toggle-content {
    max-height: 50000px;
    /*padding-top:20px;*/
}

#main > article.intro.toggle.closed > .toggle-content {
    max-height: 0px;
}

#main > article.intro.toggle .toggler .more,
#main > article.intro.toggle.closed .toggler .less {
    display: none;
}

#main > article.intro.toggle .toggler .less,
#main > article.intro.toggle.closed .toggler .more {
    display: block;
}

#main > article.intro > div {
    margin: 0px;
    float: inherit;
    width: inherit;
}

#main > article > div.text.block > p > span.authors {
    padding-right: 5px;
}

#main > article.intro > div.heading {
    padding-bottom: 46px;
}

#main > article.intro > div p,
#main > article.intro > div p * {
    font-family: georgia, serif;
    font-size: 20px;
    line-height: 28px;
}

.block.list > .item {
    padding: 20px 0px;
    border-top: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

.block.list.text-list > .item {
    border-top: 0px solid #ccc;
}

.block.list.columns-2 > .item {
    float: left;
    width: 523px;
}

.block.list.columns-2.background > .item {
    float: left;
    width: 513px;
}

body.small .block.list.columns-2 > .item {
    float: left;
    width: 390px;
}

body.columns2 .main-wrap .block.list.columns-2 > .item {
    float: left;
    width: 319px;
}

body.small .block.list.columns-2.background > .item {
    float: left;
    width: 380px;
}

body.columns2 .main-wrap .block.list.columns-2.background > .item {
    float: left;
    width: 309px;
}

.block.list.columns-2 > .item:nth-child(2n) {
    margin-right: 20px;
}

.block.list.columns-3 > .item {
    float: left;
    width: 342px;
}

.block.list.columns-3.background > .item {
    float: left;
    width: 332px;
}

body.small .block.list.columns-3 > .item {
    float: left;
    width: 253px;
}

body.columns2 .main-wrap .block.list.columns-3 > .item {
    float: left;
    width: 206px;
}

body.small .block.list.columns-3.background > .item {
    float: left;
    width: 243px;
}

body.columns2 .main-wrap .block.list.columns-3.background > .item {
    float: left;
    width: 199px;
}

.block.list.columns-3 > .item:nth-child(3n),
.block.list.columns-3 > .item:nth-child(3n-1) {
    margin-right: 20px;
}

.block.list > .item a.item-link,
.research-field > a.item-link,
.research-focus > a.item-link {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 5;
}

.block.list > .item a.mailto {
    position: relative;
    z-index: 3;
}

.block.list > .item a.top {
    position: relative;
    z-index: 6;
}

.block.list > .item .heading,
.block.list > .item .heading * {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    display: block;
}

.group-heading {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #FF9900;
    display: block;
    margin: 10px 0;
}

.togglebox-header > .group-heading {
    margin: 20px 0;
    padding-right: 50px;
}


.block.list > .item .heading2,
.block.list > .item .heading2 * {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.block.list > .item p,
.block.list > .item p * {
    font-size: 16px;
    line-height: 24px;
    margin: 0px !important;
}

.block.list.teaser > .item .heading,
.block.list.teaser > .item .heading * {
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    color: #333;
}

.block.list.teaser > .item p,
.block.list.teaser > .item p * {
    font-size: 26px;
    line-height: 30px;
    margin: 0px;
}

.block.list.teaser-list > .item .heading,
.block.list.teaser-list > .item .heading * {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333;
}

.block.list.teaser-list > .item p,
.block.list.teaser-list > .item p * {
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
}

.block.list.text > .item .heading,
.block.list.text > .item .heading *,
.block.list.text > .item p,
.block.list.text > .item p * {
    font-family: georgia, serif;
}

.block.list > .item figure,
.block.list > .item .mediaelement {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.togglebox-header {
    width: inherit;
    margin-bottom: 0px !important;
    position: relative;
    border-top: 1px solid #999;
}

.block.list.accordeon > .item > .toggler,
.togglebox-header .toggler,
.research-field.active:before,
.research-focus.active:before {
    position: absolute;
    top: 17px;
    right: 0px;
    display: block;
    cursor: pointer;
    border: none;
    height: 32px;
    width: 32px;
    background-position: 0px -64px;
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-32px.png');
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: 32px auto;
    border-radius: 16px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
}

.block.list.accordeon > .item {
    padding: 0px;
}

.block.list.accordeon > .item .accordeon-header,
.togglebox-header > .heading {
    margin: 20px 0px;
    cursor: pointer;
    padding-right: 80px;
}

.block.list.accordeon > .item .accordeon-header figure {
    margin-right: 10px;
    margin-left: 40px;
}

/*
 falsches Cursorverhalten abstellen
*/
.block.list.accordeon > .item .accordeon-header {
    cursor: auto;
}

.block.list.accordeon .init-accordeon ~
.item .accordeon-header {
    cursor: pointer;
}

.block.list.accordeon > .item .accordeon-body,
.togglebox-body {
    /*display:none;*/
    max-height: 0px;
    overflow: hidden;
}

.block.list.accordeon > .item.open > .toggler,
.togglebox-header.open .toggler {
    background-position: 0px -32px;
}

.block.list.accordeon > .item.open .accordeon-body,
.togglebox-header.open + .togglebox-body {
    /*display:block;*/
    padding-bottom: 20px;
    max-height: 50000px;
}

.block.text p,
.block.text p *,
.block.text ul,
.block.text ul *,
.block.text ol,
.block.text ol *,
.block.text span {
    font-family: georgia, serif;
}

.block.text p {
    margin-bottom: 1em !important;
}

.block.text p.legend {
    margin-bottom: 0em !important;
}

.block.text p:last-child {
    margin-bottom: 0em !important;
}

/*
.text-image-top img {
  margin-bottom:20px;
}
.text-image-intext-left > .images,
.text-image-nowrap-left > .images {
  float:left;
  margin:5px 20px 20px 0;
}
.text-image-intext-right > .images,
.text-image-nowrap-right > .images {
  float:right;
  margin:5px 0px 20px 20px;
}
.text-image-nowrap-left > .text,
.text-image-nowrap-right > .text {
  overflow:hidden;
}
*/


/* language */


#language-wrap {

}

#language-wrap .language-switch,
#navigation-toggle,
#language-wrap .button-home {
    position: absolute;
    display: block;
    color: transparent;
    left: 0px;
    top: 60px;
    height: 46px;
    width: 46px;
    overflow: hidden;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-46px.png') 0px 0px no-repeat;
    background-size: 46px 230px;
    cursor: pointer;
    z-index: 10;
}

#page-wrap.open #navigation-toggle {
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-46px.png') 0px -46px no-repeat;
    background-size: 46px 230px;
}

#language-wrap .language-switch {
    top: 116px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-46px.png') 0px -92px no-repeat;
    background-size: 46px 230px;
}

#language-wrap .language-switch.de {
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-46px.png') 0px -138px no-repeat;
    background-size: 46px 230px;
}

#language-wrap .button-home {
    top: 172px;
    background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-46px.png') 0px -184px no-repeat;
    background-size: 46px 230px;
}


/* navigation */


#nav-main {
    margin-top: 230px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#nav-main li.level-1 {
    overflow: hidden;
}

#nav-main li.level-1 > a {
    color: #fff;
    display: block;
    min-height: 60px;
    padding: 16px;
    font-size: 20px;
    line-height: 28px;
    position: relative;
}

#nav-main li.level-1.institute > a {
    border-left: 10px solid #004899;
}

#nav-main li.level-1.research > a {
    border-left: 10px solid #0066CC;
}

#nav-main li.level-1.research1 > a {
    border-left: 10px solid #0095AA;
}

#nav-main li.level-1.research2 > a {
    border-left: 10px solid #0073A3;
}

#nav-main li.level-1.projects > a {
    border-left: 10px solid #339966;
}

#nav-main li.level-1.projects-inter > a {
    border-left: 10px solid #FDC300;
}

#nav-main li.level-1.publications > a {
    border-left: 10px solid #8E0A5F;
}

#nav-main li.level-1.persons > a {
    border-left: 10px solid #FF9900;
}

#nav-main li.level-1.library > a {
    border-left: 10px solid #333333;
}

#nav-main li.level-1 > a:hover,
#nav-main li.level-1.active > a {
    background-color: #6A6F74;
}

#nav-main li.level-1.active > a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 16px 0 16px;
    border-color: #6A6F74 transparent transparent transparent;
    bottom: -16px;
}

#nav-main li.level-1.institute.active > a:after {
    border-top-color: #004899;
}

#nav-main li.level-1.research.active > a:after {
    border-top-color: #0066CC;
}

#nav-main li.level-1.research1.active > a:after {
    border-top-color: #0095AA;
}

#nav-main li.level-1.research2.active > a:after {
    border-top-color: #0073A3;
}

#nav-main li.level-1.projects.active > a:after {
    border-top-color: #339966;
}

#nav-main li.level-1.projects-inter.active > a:after {
    border-top-color: #FDC300;
}

#nav-main li.level-1.publications.active > a:after {
    border-top-color: #8E0A5F;
}

#nav-main li.level-1.persons.active > a:after {
    border-top-color: #FF9900;
}

#nav-main li.level-1.library.active > a:after {
    border-top-color: #333333;
}

#nav-main li.level-1.institute > a:hover, #nav-main li.level-1.institute.active > a {
    background-color: #004899;
}

#nav-main li.level-1.research > a:hover, #nav-main li.level-1.research.active > a {
    background-color: #0066CC;
}

#nav-main li.level-1.research1 > a:hover, #nav-main li.level-1.research1.active > a {
    background-color: #0095AA;
}

#nav-main li.level-1.research2 > a:hover, #nav-main li.level-1.research2.active > a {
    background-color: #0073A3;
}

#nav-main li.level-1.projects > a:hover, #nav-main li.level-1.projects.active > a {
    background-color: #339966;
}

#nav-main li.level-1.projects-inter > a:hover, #nav-main li.level-1.projects-inter.active > a {
    background-color: #FDC300;
}

#nav-main li.level-1.publications > a:hover, #nav-main li.level-1.publications.active > a {
    background-color: #8E0A5F;
}

#nav-main li.level-1.persons > a:hover, #nav-main li.level-1.persons.active > a {
    background-color: #FF9900;
}

#nav-main li.level-1.library > a:hover, #nav-main li.level-1.library.active > a {
    background-color: #333333;
}

#nav-main li.level-1 ul {
    background-color: #6A6F74;
}

#nav-main li.level-2 > a {
    color: #fff;
    display: block;
    min-height: 48px;
    padding: 12px 16px 12px 26px;
    font-size: 20px;
    line-height: 24px;
}

#nav-main li.level-2:first-child > a {
    padding-top: 28px;
}

#nav-main li.level-2:last-child > a {
    padding-bottom: 28px;
}

#nav-main li.level-2 > a > span {
    color: #fff;
    display: block;
}

#nav-main li.level-2 > a:hover,
#nav-main li.level-2.active > a {
    background-color: #555A63;
}

div.search.nav {
    padding: 28px 0px;
    color: #fff;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

div.search.nav label {
    color: #fff;
    display: block;
    margin-bottom: 4px;
    line-height: 24px;
    padding-left: 26px;
}

div.search.nav input.text {
    float: left;
    margin-left: 16px;
    width: 228px;
}

#nav-global {
    padding: 28px 0px 56px;
}

#nav-global li > a {
    color: #fff;
    display: block;
    min-height: 24px;
    padding: 0px 26px;
    font-size: 16px;
    line-height: 24px;
}

#nav-global li > a:hover,
#nav-global li.active > a {
    color: #555A63;
    font-weight: bold;
}


/* header */


#logo {
    margin-left: 107px;
}

.breadcrumb {
    display: block;
    margin: 16px 128px 16px 128px;
}

.breadcrumb * {
    font-size: 16px;
    line-height: 24px;
    font-family: georgia, serif;
    font-style: italic;
}

.breadcrumb li {
    float: left;
}

.background-image header .breadcrumb li a {
    color: #333;
}

.breadcrumb li a:focus,
.breadcrumb li a:hover {

}

.breadcrumb li:after {
    content: '>';
    padding: 0px 8px;
}

.breadcrumb li:last-child:after {
    content: '';
    padding: 0px;
}


/* footer */


footer .left {
    float: left;
    width: 640px;
    padding-top: 24px;
}

footer .right {
    float: left;
    width: 534px;
    border-left: 2px solid #ccc;
    padding-top: 24px;
}

footer section.external-links {
    background-color: #ededed;
}

footer section.external-links h5 {
    margin: 24px 107px 8px;
    font-family: georgia, serif;
    font-style: italic;
    color: #666;
}

footer section.external-links > ul > li {
    float: left;
    display: block;
    width: 267px;
    border-left: 2px solid #ccc;
    padding: 24px 8px;
    text-align: center;
}

footer section.external-links > ul > li:first-child {
    border-left: 0px solid #ccc;
    margin-left: 106px;
    text-align: left;
}

#nav-footer {
    margin-left: 106px;
}

#nav-footer > ul {
    float: left;
    width: 267px;
}

#nav-footer > ul:first-child {
    margin-left: -10px;
}

#nav-footer > ul:last-child {
    margin-left: 10px;
}

#nav-footer > ul > li > ul {
    margin-bottom: 24px;
}

#nav-footer li.level-1 > a,
#nav-footer li.level-2 > a {
    color: #fff;
    display: block;
    padding: 0px 8px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

#nav-footer li.level-1 > a {
    font-weight: bold;
}

article.footer-contact {
    margin-left: 10px;
    padding-bottom: 96px;
}

article.footer-contact * {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

article.footer-contact h5 {
    padding-left: 8px;
    font-family: georgia, serif;
    font-style: italic;
}

article.footer-contact p {
    padding: 0px 8px;
    width: 258px;
    float: left;
}

article.footer-contact .map {
    float: left;
    height: 418px;
    width: 506px;
    /*background:transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/footer-map.jpg') 0px 0px no-repeat;
    background-size:506px 426px;*/
    margin: 16px 8px 64px;
}

article.footer-contact .map * {
    line-height: normal;
    color: #000;
}

div.search.footer {
    padding: 24px 0px 48px 106px;
    color: #fff;
    border-top: 2px solid #ccc;
    overflow: hidden;
}

div.search.footer label {
    display: block;
    color: #fff;
    margin-bottom: 4px;
    line-height: 24px;
}

div.search.footer input.text {
    float: left;
    width: 390px;
}


/* icons */


.icon32 {
    display: inline-block;
    cursor: pointer;
    border: none;
    height: 32px;
    width: 32px;
    background-position: 0px 0px;
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-32px.png');
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: 32px auto;
    border-radius: 16px;
    overflow: hidden;
    color: transparent;
    font-size: 0px;
}

.icon32.reset {
    background-position: 0px -160px;
}

.icon32.white {
    background-color: #fff;
}

.icon32.previous {
    background-position: 0px -96px;
}

.icon32.next {
    background-position: 0px -128px;
}


/* forms, fields, buttons */


input.text,
select,
textarea {
    font-weight: normal;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    width: auto;
    height: 44px;
    border: 1px solid #333;
    resize: none;
    -webkit-transition: border 250ms ease-in-out;
    -moz-transition: border 250ms ease-in-out;
    -ms-transition: border 250ms ease-in-out;
    -o-transition: border 250ms ease-in-out;
    transition: border 250ms ease-in-out;
}

form.invers input.text,
form.invers select,
form.invers textarea {
    border: 0px solid white !important;
}

form.invers input.text.readonly {
    background-color: #ccc;
}

input.text:focus,
select:focus,
textarea:focus {
    outline: 0;
}

input.text.error,
select.error,
textarea.error {
    border-color: #c33;
}

input.text.error:focus,
select.error:focus,
textarea.error:focus {
    border-color: #c33;
}

div.select-wrap {
    background: #ccc url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/select.png') right 20px no-repeat;
    background-size: 40px 9px;
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

div.select-wrap.focus {

}

div.select-wrap > select {
    background: transparent !important;
}

div.select-wrap > select > option {
    padding: 8px;
}

input.submit,
.reset {
    cursor: pointer;
    margin: 6px 12px;
}

.field.submit input.submit,
.field.submit .reset {
    float: left;
}

#main input.submit,
#main .reset {
    margin-left: 0px;
}

.reset {
    display: block-inline;
}

form.invers {
    background-color: #999;
}

form.invers p {
    color: #fff;
}

form.filter {
    background-color: #999;
    padding: 5px 0px;
}

form.filter.institute {
    background-color: #004899;
}

form.filter.research {
    background-color: #0066CC;
}

form.filter.research1 {
    background-color: #0095AA;
}

form.filter.research2 {
    background-color: #0073A3;
}

form.filter.projects {
    background-color: #339966;
}

form.filter.projects-inter {
    background-color: #FDC300;
}

form.filter.publications {
    background-color: #8E0A5F;
}

form.filter.persons {
    background-color: #FF9900;
}

form.filter.library {
    background-color: #333333;
}

form input.text {
    width: 100%;
}

form select {
    width: 100%;
}

form .field {
    float: left;
    margin: 10px 28px 16px 0px;
}

form .field.error input.text {
    background-color: #fcc !important;
}

form .form-error {
    background-color: #fff;
    margin-top: -5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

form .form-error ul {
    margin: 0px;
    padding: 0px 28px;
}

form .form-error * {
    color: #c33 !important
}

p.error {
    color: #c33 !important
}

form .field.submit {
    margin-right: 10px;
}

form .field.std {
    width: 316px;
}

form .field.small {
    width: 216px;
}

form .field.medium {
    width: 275px;
}

form .field.wide {
    width: 730px;
}

form .field.first {
    margin-left: 144px;
}

form .field.first.left {
    margin-left: 28px;
}

form .field > label {
    color: #fff;
    display: block;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: bold;
}

form .field.checkbox {
    margin-right: 40px;
}

form .field.checkbox > label {
    cursor: pointer;
    margin-bottom: 0px;
}

form .field.checkbox > label > span.checkbox {
    line-height: 32px;
    color: #000;
}

form .field.checkbox.dataprotection {
    width: 81%;
}

form .field.checkbox span.dataprotection {
    line-height: 32px;
    color: #fff;
}

form .field.checkbox span.dataprotection > a {
    text-decoration: underline;
    color: #fff;
}

form.invers .field.checkbox > label > span.checkbox {
    color: #fff;
}

form .field.checkbox {
    position: relative;
}

form .field.checkbox > label > input[type=checkbox] {
    position: absolute;
    opacity: 0;
    top: 6px;
    left: 6px;
}

form .field.checkbox > label > span.checkbox:before {
    content: "";
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    overflow: hidden;
    background-position: 0px 100px;
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/icons-32px.png');
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: 32px auto;
    border-radius: 4px;
    margin-bottom: 2px;
}

form .field.checkbox > label > input[type=checkbox]:checked + span.checkbox:before {
    background-position: 0px 0px;
}

form .field.checkbox > label:hover > input[type=checkbox]:checked + span.checkbox:before {
    background-position: 0px 0px;
}

div.seo-text {
    font-size: 16px;
    line-height: 24px;
    color: #004899;
    font-weight: bold;
    padding: 0px;
}

div.seo-text h1, div.seo-text h2, div.seo-text h3, div.seo-text h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

div.seo-text p {
    margin-bottom: 15px;
}

p.result-count {
    font-weight: bold;
    margin: 30px 0px;
}

.plugin.teaser p.result-count {
    display: none;
}

.block.col-1-3 form {
    padding: 10px 20px 60px !important;
    position: relative;
}

.block.col-1-3 form .field {
    margin: 10px 0px !important;
    width: 100% !important;
}

.block.col-1-3 form .field.submit label {
    display: none;
}

.block.col-1-3 form .field.submit {
    bottom: 0;
    margin-right: 0;
    position: absolute;
    right: 20px;
    width: auto !important;
}

.block.col-1-3 .field.submit input.submit,
.block.col-1-3 .field.submit .reset {
    margin: 6px 0px 6px 12px !important;
}


/* news */


.news-content {
    margin: 20px 0px 0px -10px;
    width: 820px;
}

.news-images {
    float: right;
    max-width: 50%;
    text-align: right;
    height: 100%;

}

.news-images > figure {
    float: none !important;
}

.news-images .image {
    margin: 10px 0 10px 0;
}

div.video-preview > .play-button {
    width: 35px;
    height: 35px;
    background-color: transparent;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 1.0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
}

div.video-preview > .play-button:before {
    content: "";
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #fff;
}

div.video-preview > .play-button {
    cursor: pointer;
}

div.video-preview > .play-button, div.video-preview > .play-button:before {
    position: absolute;
}

div.video-preview > .play-button, div.video-preview > .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

div.video-preview {
    display:inline-block;
    position: relative;
}

.mediaelement-video {
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.mediaelement-video iframe {
    position: relative;
    top: 0;
    left: 0;
}

.latest-thinking-video {
	width: 282px;
	float:right;
}

/* page browser */


.page-navigation * {
    color: #9F9F9F;
    font-weight: bold;
    line-height: 32px;
}

.page-navigation > p,
ul.tx-indexedsearch-browsebox > p,
ul.paginator > p {
    display: none;
}

ul.tx-indexedsearch-browsebox > li,
ul.paginator > li {
    display: block;
    float: left;
    padding: 0px 10px;
}

ul.paginator > li.active *,
ul.paginator > li.current *,
ul.paginator > li.current,
ul.paginator > li.active {
    color: #000;
}


/* login */


form.login {
}


/* research */


.research-field,
.research-focus {
    text-align: center;
    float: left;
    width: 25%;
    padding: 10px 20px;
    padding-top: 120px;
    background-position: top center;
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/research-field.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 105px 105px;
    min-height: 270px;
    position: relative;
}

.research-field {
}

.research-field-2 {
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/research-field-2.png');
}

.research-focus {
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/research-focus.png');
}

.research-focus-2 {
    background-image: url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/research-focus-2.png');
}

.research-field.active,
.research-focus.active {
    background-image: none;
    background-color: #0095aa;
}

.research2 .research-field.active,
.research2 .research-focus.active {
    background-color: #0073A3;
}

.research-field.active *,
.research-focus.active * {
    color: #fff !important;
}

.research-field.active:before,
.research-focus.active:before {
    content: "";
    background-position: 8px -24px;
    border-radius: 24px;
    content: "";
    height: 48px;
    left: 50%;
    margin-left: -24px;
    top: 32px;
    width: 48px;
}

.research-field.active:after,
.research-focus.active:after {
    border-color: #0095aa transparent transparent;
    border-style: solid;
    border-width: 16px 16px 0;
    bottom: -16px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    left: 50%;
    margin-left: -16px;
}

.research2 .research-field.active:after,
.research2 .research-focus.active:after {
    border-color: #0073A3 transparent transparent;
}

.research-field-content,
.research-focus-content {
    width: 100%;
    float: left;
    margin: -10px 0px 40px;
    padding: 40px 123px 20px;
    background-color: #f5f5f5;
    border-top: 3px solid #999;
}

.research-focus.item-4,
.research-focus.item-7,
.research-focus.item-10,
.research-focus.item-13 {
    margin-left: 25%;
}


/* misc */


.intro a.back-link {
    display: block;
    font-weight: bold;
    line-height: 32px !important;
    margin-left: -133px;
    margin-top: -10px;
    padding: 0px;
    overflow: hidden;
    color: #999;
}

.intro a.back-link span.icon32 {
    float: left;
    background-color: #999;
    margin-right: 10px;
}

.person-text-image > figure {
    float: right;
    padding-left: 60px;
}

#searchresult {
    display: none;
}

.form-2-3 > .left {
    width: 33.33333%;
    padding-right: 40px;
    min-height: 1px;
}

.form-2-3 > .right {
    width: 66.66666%;
}

img.tx-srfreecap-image {
    margin: 0px !important;
}

.tx-srfreecap-cant-read {
    padding-top: 5px;
    display: block !important;
    width: 275px !important;
}

.tx-srfreecap-cant-read a {
    color: #fff !important;
}

#researchmap-source {
    display: none;
}

.imagemap-wrap > img {
    width: 100%;
    height: auto;
}

.imagemap-wrap {
    position: relative;
    width: 100%;
    height: auto;
}

.area-box {
    position: absolute;
    display: none;
    width: 220px;
    padding: 20px;
    height: auto;
    background-color: #999;
    margin-left: -110px;
    margin-top: 16px;
    opacity: 1;
    text-align: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
}

.area-box * {
    color: #fff !important;
}

.area-box:after {
    border-color: transparent transparent #999;
    border-style: solid;
    border-width: 0px 16px 16px;
    top: -16px;
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    width: 0px;
    left: 94px;
    opacity: 1;
}

.area-box.research1 {
    background-color: #0095AA;
    background-color: #999;
}

.area-box.research1 * {
    color: #fff !important;
    color: #fff !important;
}

.area-box.research1:after {
    border-color: transparent transparent #0095AA;
    border-color: transparent transparent #999;
}

.area-box.research2 {
    background-color: #0073A3;
    background-color: #999;
}

.area-box.research2 * {
    color: #fff !important;
    color: #fff !important;
}

.area-box.research2:after {
    border-color: transparent transparent #0073A3;
    border-color: transparent transparent #999;
}

.area-box.research3 {
    width: 280px;
    margin-left: -140px;
    background-color: #fdc300;
}

.area-box.research3 * {
    color: #333 !important;
}

.area-box.research3:after {
    left: 124px;
    border-color: transparent transparent #fdc300;
}

.area-box.show {
    display: block;
}

li.publication-additional-toggle {
    color: #9f9f9f;
    cursor: pointer;
    list-style: outside none none;
    display: none;
}

ul.publication-additional.closed > li {
    display: none;
}

ul.publication-additional.closed > li.publication-additional-toggle.open {
    display: inherit;
}

ul.publication-additional.open > li.publication-additional-toggle.open {
    display: none;
}

ul.publication-additional.open > li.publication-additional-toggle.close {
    display: inherit;
}

.indent {
    padding-left: 40px;
}

/* Added by mueh */
#navigation-wrap .nav-social-media {
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 35px;
}
#navigation-wrap .nav-social-media .img-twitter, #navigation-wrap .nav-social-media .img-linkedin  {
    margin-right: 16px;
}
#nav-footer .nav-social-media {
    padding-bottom: 26px;
}
#nav-footer .nav-social-media .img-twitter, #nav-footer .nav-social-media .img-linkedin {
    margin-right: 26px;
}
.plugin .count-event-link {
    margin: 30px 0px;
}
.plugin .col-result-count {
    float: left;
    width: 50%;
    min-width: 250px;
    font-weight: bold;
}
.plugin .col-event-link {
    float: left;
    width: 50%;
}
.plugin .col-event-link a {
    font-family: georgia, serif !important;
    font-size: 18px !important;
}
.plugin .col-event-clear {
    clear: both;
}
.plugin.teaser .count-event-link {
    display: none;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}





@media print {

    #page-wrap {
        width: 1279px;
    }

    #navigation-wrap,
    #language-wrap,
    footer {
        display: none;
    }

    #content-wrap {
        margin-left: 0px !important;
        border-left: 0px solid #fff !important;
    }

    #main {
        margin-left: 0px;
    }

    #logo,
    .breadcrumb {
        margin-left: 35px;
    }

    form.filter {
        display: none;
    }

}


#imagelightbox-loading,
#imagelightbox-loading div {
    border-radius: 50%;
}

#imagelightbox-loading {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: rgb(115, 208, 218);;
    background-color: rgba(115, 208, 218, .5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .75); /* 40 */
    box-shadow: 0 0 2.5em rgba(0, 0, 0, .75); /* 40 */
}

#imagelightbox-loading div {
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;
    margin: 0.625em;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(.75);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    to {
        opacity: .5;
        -webkit-transform: scale(.75);
    }
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale(.75);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: .5;
        transform: scale(.75);
    }
}

#imagelightbox-overlay {
    background-color: rgba(5, 36, 42, 1);
    opacity: 0.9;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#imagelightbox-close {
    width: 75px; /* 40 */
    height: 75px; /* 40 */
    text-align: left;
    background-color: transparent;
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */

    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
}

#imagelightbox-close:hover,
#imagelightbox-close:focus {
    background-color: rgba(115, 208, 218, 0.5);
}

#imagelightbox-close:before,
#imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}

#imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#imagelightbox-caption {
    background-color: #05242a;
    bottom: 0;
    color: #fff;
    font-family: Helvetica;
    left: 0;
    padding: 0.625em;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 10001;
}

#imagelightbox-nav {
    background-color: #444;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 20px;
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#imagelightbox-nav button {
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
}

#imagelightbox-nav button.active {
    background-color: #fff;
}

.imagelightbox-arrow {
    width: 102px; /* 60 */
    height: 102px; /* 120 */
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -51px; /* 60 */
    cursor: pointer;
    /*background: transparent url('../../../typo3conf/ext/ipmpg/Resources/Public/Images/slider-sprites.png') no-repeat;*/
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
    background-position: -102px 0px;
}

.imagelightbox-arrow-left {
    left: 2.5em; /* 40 */
    background-position: 0px -102px;
}

.imagelightbox-arrow-left:hover,
.imagelightbox-arrow-left:focus {
    background-position: -102px -102px;
}

.imagelightbox-arrow-right {
    right: 2.5em; /* 40 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#imagelightbox {
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, .4); /* 50 */
    box-shadow: 0 0 2em rgba(0, 0, 0, .4); /* 50 */
}
/* *** */

@media screen and (max-width: 1585px) {
    #page-wrap {
        width: 1280px;
    }

    #navigation-wrap {
        /*position:absolute;
        z-index:1;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;*/
    }

}

/* *** */

@media screen and (max-width: 1279px) {

    #page-wrap {
        width: 100%;
    }

    #content-wrap {
        width: 100%;
        border-left: 0px solid #ccc;
    }

    #content-wrap.background-image {
        background-position: center top;
        background-size: 1280px 830px;
    }

    header {
        width: 1024px;
    }

    #main {
        margin-left: auto;
        margin-right: auto;
        padding: 30px 10px;
        width: 1024px;
    }

    #main > .wrap {
        width: 1004px;
    }

    body.small #main > .wrap {
        margin-left: 92px;
    }

    body.columns2 #main > .main-wrap {
        width: 628px;
    }

    body.columns2 #main > .left-wrap {
        width: 376px;
    }

    #main > section.start-teaser {
        width: 980px;
    }

    footer section.external-links h5 {
        padding: 24px 20px 8px;
    }

    footer section.external-links > ul,
    footer section.external-links > h5 {
        width: 1024px;
        margin: 0px auto;
    }

    footer section.external-links > ul > li:first-child {
        margin-left: 0px;
    }

    footer section.external-links > ul > li {
        width: 256px;
        padding: 24px 20px;
    }

    footer .left {
        width: 50%;
    }

    #nav-footer {
        margin-left: 10px;
        float: right;
    }

    #nav-footer > ul {
        width: 250px;
    }

    #nav-footer > ul:first-child {
        margin-left: 0px;
    }

    #nav-footer > ul:last-child {
        margin-left: 0px;
    }

    div.search.footer {
        padding: 24px 0 48px 20px;
        width: 100%;
    }

    div.search.footer form {
        width: 492px;
        float: right;
    }

    footer .right {
        width: 50%;
    }

    article.footer-contact p {
        width: 250px;
    }

    article.footer-contact .map {
        background-size: 476px 426px;
        width: 476px;
    }

    article.footer-contact .map iframe {
        width: 100% !important;
    }

    #main > .wrap > .block.col-1-1,
    #main > .wrap > .block.columns2 {
        width: 984px;
    }

    #main > .wrap > .block.col-2-3 {
        width: 608px;
    }

    #main > .wrap > .block.col-1-2 {
        width: 482px;
    }

    #main > .wrap > .block.col-1-3 {
        width: 356px;
    }

    #main > .wrap > .block.col-3-5 {
        width: 704px;
    }

    body.small #main > .wrap > .block.col-1-1,
    body.small #main > .wrap > .block.columns2,
    body.small .news-content > .block.col-1-1,
    body.small .news-content > .block.columns2 {
        width: 800px;
    }

    body.small #main > .wrap > .block.col-1-1.wide {
        width: 984px;
        margin-left: -82px;
    }

    body.small #main > .wrap > .block.col-2-3,
    body.small .news-content > .block.col-2-3 {
        width: 390px;
    }

    body.small #main > .wrap > .block.col-1-2,
    body.small .news-content > .block.col-1-2 {
        width: 390px;
    }

    body.small #main > .wrap > .block.col-1-3,
    body.small .news-content > .block.col-1-3 {
        width: 390px;
    }

    body.small #main > .wrap > .block.col-3-5,
    body.small .news-content > .block.col-3-5 {
        width: 390px;
    }

    body.columns2 #main > .main-wrap > .block {
        width: 608px;
    }

    body.columns2 #main > .left-wrap > .block {
        width: 356px;
    }

    .block.list.columns-2 > .item {
        width: 482px;
    }

    .block.list.columns-2.background > .item {
        width: 472px;
    }

    body.small .block.list.columns-2 > .item {
        width: 390px;
    }

    body.small .block.list.columns-2.background > .item {
        width: 380px;
    }

    body.columns2 .main-wrap .block.list.columns-2 > .item {
        width: 294px;
    }

    body.columns2 .main-wrap .block.list.columns-2.background > .item {
        width: 284px;
    }

    .block.list.columns-3 > .item {
        width: 342px;
    }

    .block.list.columns-3.background > .item {
        width: 332px;
    }

    body.small .block.list.columns-3 > .item {
        width: 253px;
    }

    body.small .block.list.columns-3.background > .item {
        width: 243px;
    }

    body.columns2 .main-wrap .block.list.columns-3 > .item {
        width: 189px;
    }

    body.columns2 .main-wrap .block.list.columns-3.background > .item {
        width: 182px;
    }

    #main > article.intro {
        padding: 30px 92px;
    }

    .research-field-content, .research-focus-content {
        padding: 40px 73px 20px;
    }

    form .field.std {
        width: 276px;
    }

    form .field.small {
        width: 216px;
    }

    form .field.medium {
        width: 246px;
    }

    form .field.wide {
        width: 730px;
    }

    form .field.first {
        margin-left: 104px;
    }

    form .field.first.left {
        margin-left: 28px;
    }

    .intro a.back-link {
        margin-left: -92px;
    }

    form .field.checkbox.researchArea3 {
        margin-left: 28px;
    }

}

/* *** */

@media screen and (max-width: 1023px) {

    #content-wrap.background-image {
        background-position: center top;
        background-size: 1024px auto;
    }

    body.start #main {
        margin-top: 420px !important;
    }

    header {
        width: 768px;
    }

    #main {
        margin-left: auto;
        margin-right: auto;
        padding: 30px 10px;
        width: 768px;
    }

    #main > .wrap {
        width: 748;
    }

    body.small #main > .wrap {
        margin-left: 54px;
        width: 640px;
    }

    body.columns2 #main > .main-wrap {
        width: 374px;
    }

    body.columns2 #main > .left-wrap {
        width: 374px;
    }

    #main > section.start-teaser {
        width: 748px;
    }

    footer section.external-links > h5 {
        padding: 24px 20px 8px;
    }

    footer section.external-links > ul,
    footer section.external-links > h5 {
        width: 768px;
        margin: 0px auto;
    }

    footer section.external-links > ul > li {
        width: 192px;
        padding: 12px 20px;
    }

    footer section.external-links > ul > li img {
        width: 100%;
        height: auto;
    }

    footer .left {
        width: 100%;
    }

    article.footer-contact {
        margin: 0px auto;
        width: 768px;
        padding-left: 0px;
    }

    #nav-footer {
        width: 768px;
        margin: 0px auto;
        float: none;
    }

    #nav-footer > ul {
        margin-left: 10px !important;
        width: 374px;
    }

    div.search.footer {
        padding: 24px 0px;
    }

    div.search.footer form {
        width: 728px;
        margin: 0px auto;
        float: none;
    }

    div.search.footer input.text {
        width: 670px;
    }

    footer .right {
        width: 100%;
        border: 0px;
        border-top: 2px solid #ccc;
    }

    article.footer-contact h5 {
        padding-left: 20px;
    }

    article.footer-contact p {
        width: 384px;
        padding: 0px 20px;
    }

    article.footer-contact .map {
        background-size: 728px auto;
        width: 728px;
        height: 412px;
        margin: 16px 20px;
    }

    article.footer-contact .map iframe {
        width: 100% !important;
        height: 100% !important;
    }

    #main > .wrap > .block.col-1-1,
    #main > .wrap > .block.columns2 {
        width: 728px;
    }

    #main > .wrap > .block.col-2-3 {
        width: 354px;
    }

    #main > .wrap > .block.col-1-2 {
        width: 354px;
    }

    #main > .wrap > .block.col-1-3 {
        width: 354px;
    }

    #main > .wrap > .block.col-3-5 {
        width: 512px;
    }

    body.small #main > .wrap > .block.col-1-1,
    body.small #main > .wrap > .block.columns2,
    body.small .news-content > .block.col-1-1,
    body.small .news-content > .block.columns2 {
        width: 620px;
    }

    body.small #main > .wrap > .block.col-1-1.wide {
        width: 728px;
        margin-left: -44px;
    }

    body.small #main > .wrap > .block.col-2-3,
    body.small .news-content > .block.col-2-3 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-2,
    body.small .news-content > .block.col-1-2 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-3,
    body.small .news-content > .block.col-1-3 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-3-5,
    body.small .news-content > .block.col-3-5 {
        width: 300px;
    }

    body.columns2 #main > .main-wrap > .block {
        width: 354px;
    }

    body.columns2 #main > .left-wrap > .block {
        width: 354px;
    }

    .block.list.columns-2 > .item {
        width: 354px;
    }

    .block.list.columns-2.background > .item {
        width: 344px;
    }

    body.small .block.list.columns-2 > .item {
        width: 300px;
    }

    body.small .block.list.columns-2.background > .item {
        width: 290px;
    }

    .block.list.columns-3 > .item {
        width: 354px;
    }

    .block.list.columns-3.background > .item {
        width: 344px;
    }

    body.small .block.list.columns-3 > .item {
        width: 300px;
    }

    body.small .block.list.columns-3.background > .item {
        width: 290px;
    }

    body.columns2 .main-wrap .block.list.columns-2 > .item {
        width: 100%;
    }

    body.columns2 .main-wrap .block.list.columns-2.background > .item {
        width: 100%;
    }

    body.columns2 .main-wrap .block.list.columns-3 > .item {
        width: 100%;
    }

    body.columns2 .main-wrap .block.list.columns-3.background > .item {
        width: 100%;
    }

    #main > article.intro {
        padding: 30px 54px;
    }

    .research-field-content, .research-focus-content {
        padding: 40px 44px 20px;
    }

    .block form {
        padding: 10px 20px 60px !important;
        position: relative;
    }

    .block form .field {
        margin: 10px 0px !important;
        width: 100% !important;
    }

    .block form .field.submit label {
        display: none;
    }

    .block form .field.submit {
        bottom: 0;
        margin-right: 0;
        position: absolute;
        right: 20px;
        width: auto !important;
    }

    .block .field.submit input.submit,
    .block .field.submit .reset {
        margin: 6px 0px 6px 12px !important;
    }

    body.small #main > .wrap > .block.col-1-1.wide form {
        padding: 10px 54px 60px !important;
    }

    body.small #main > .wrap > .block.col-1-1.wide form .field.submit {
        right: 54px;
    }

    .intro a.back-link {
        margin-left: -54px;
    }

    .research-field,
    .research-focus {
        width: 33.3333%;
    }

    .research-focus.item-4,
    .research-focus.item-7,
    .research-focus.item-10,
    .research-focus.item-13 {
        margin-left: 0;
    }

    .research-focus.item-3,
    .research-focus.item-5,
    .research-focus.item-7,
    .research-focus.item-9 {
        margin-left: 33.3333%;
    }

    .block.list.columns-3 > .item {
        margin-right: 0px !important;
    }

    .block.list.columns-3 > .item:nth-child(2n) {
        margin-right: 20px !important;
    }

    h1,
    h1 *,
    .like-h1,
    .like-h1 * {
        font-size: 32px;
        line-height: 42px;
        font-weight: bold;
    }

    h2,
    .like-h2,
    h2 *,
    .like-h2 * {
        font-size: 22px;
        line-height: 28px;
    }

    h3,
    h3 *,
    .like-h3,
    .like-h3 * {
        font-size: 18px;
        line-height: 24px;
    }

    #main > section.start-teaser div.start-teaser h2,
    #main > section.start-teaser div.start-teaser h2 * {
        font-size: 36px;
        line-height: 54px;
    }

    #main > article.intro .toggler * {
        font-size: 18px;
    }

    #main > article.intro > div p,
    #main > article.intro > div p * {
        font-size: 18px;
        line-height: 24px;
    }

    .block.list.teaser > .item .heading,
    .block.list.teaser > .item .heading * {
        font-size: 22px;
        line-height: 28px;
    }

    .block.list.teaser > .item p,
    .block.list.teaser > .item p * {
        font-size: 22px;
        line-height: 28px;
    }

    .block.list.teaser-list > .item .heading,
    .block.list.teaser-list > .item .heading * {
        font-size: 18px;
        line-height: 24px;
    }

    .block.list.teaser-list > .item p,
    .block.list.teaser-list > .item p * {
        font-size: 18px;
        line-height: 24px;
    }

    form .form-error {
        margin-top: -10px;
        width: 100%;
        margin-left: -20px;
        box-sizing: content-box;
        padding-right: 40px;
    }

}


/* *** */

@media screen and (max-width: 767px) {

    #logo {
        margin-left: 66px;
    }

    .breadcrumb {
        margin-left: 66px;
        margin-right: 66px;
    }

    #logo img {
        height: auto;
        width: 232px;
    }

    #content-wrap.background-image {
        background-size: 768px auto;
    }

    body.start #main {
        margin-top: 370px !important;
    }

    header {
        width: 480px;
    }

    #main {
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0px;
        width: 480px;
    }

    #main > .wrap {
        width: 460px;
    }

    body.small #main > .wrap {
        margin-left: 0px;
        width: 460px;
    }

    body.columns2 #main > .main-wrap {
        width: 460px;
    }

    body.columns2 #main > .left-wrap {
        width: 460px;
    }

    #main > section.start-teaser {
        width: 480px;
        top: 138px;
    }

    #main > section.start-teaser div.start-teaser {
        width: 100%;
        margin-bottom: 10px;
    }

    footer section.external-links > h5 {
        padding: 24px 10px 8px;
    }

    footer section.external-links > ul,
    footer section.external-links > h5 {
        width: 480px;
        margin: 0px auto;
    }

    footer section.external-links > ul > li {
        padding: 12px 20px;
        width: 240px;
        border: none !important;
    }

    article.footer-contact {
        width: 480px;
    }

    #nav-footer {
        width: 480px;
    }

    #nav-footer > ul {
        margin-left: 0px !important;
        width: 480px;
    }

    div.search.footer {
        padding: 24px 10px;
    }

    div.search.footer form {
        width: 460px;
    }

    div.search.footer input.text {
        width: 400px;
    }

    article.footer-contact h5 {
        padding-left: 10px;
    }

    article.footer-contact p {
        width: 480px;
        padding: 0px 10px;
    }

    article.footer-contact .map {
        background-size: 460px auto;
        width: 460px;
        height: 460px;
        margin: 16px 10px 40px;
    }

    #main > .wrap > .block.col-1-1,
    #main > .wrap > .block.columns2 {
        width: 460px;
    }

    #main > .wrap > .block.col-2-3 {
        width: 460px;
    }

    #main > .wrap > .block.col-1-2 {
        width: 460px;
    }

    #main > .intro > .block.col-1-2 {
        width: 100%;
        float: none;
    }

    #main > .wrap > .block.col-1-3 {
        width: 460px;
    }

    #main > .wrap > .block.col-3-5 {
        width: 460px;
    }

    body.small #main > .wrap > .block.col-1-1,
    body.small #main > .wrap > .block.columns2,
    body.small .news-content > .block.col-1-1,
    body.small .news-content > .block.columns2 {
        width: 460px;
    }

    body.small #main > .wrap > .block.col-1-1.wide {
        width: 460px;
        margin-left: 10px;
    }

    body.small #main > .wrap > .block.col-2-3,
    body.small .news-content > .block.col-2-3 {
        width: 460px;
    }

    body.small #main > .wrap > .block.col-1-2,
    body.small .news-content > .block.col-1-2 {
        width: 460px;
    }

    body.small #main > .wrap > .block.col-1-3,
    body.small .news-content > .block.col-1-3 {
        width: 460px;
    }

    body.small #main > .wrap > .block.col-3-5,
    body.small .news-content > .block.col-3-5 {
        width: 460px;
    }

    body.columns2 #main > .main-wrap > .block {
        width: 460px;
    }

    body.columns2 #main > .left-wrap > .block {
        width: 460px;
    }

    .block.list.columns-2 > .item {
        width: 460px;
    }

    .block.list.columns-2.background > .item {
        width: 440px;
    }

    body.small .block.list.columns-2 > .item {
        width: 460px;
    }

    body.small .block.list.columns-2.background > .item {
        width: 440px;
    }

    .block.list.columns-3 > .item {
        width: 460px;
    }

    .block.list.columns-3.background > .item {
        width: 440px;
    }

    body.small .block.list.columns-3 > .item {
        width: 460px;
    }

    body.small .block.list.columns-3.background > .item {
        width: 440px;
    }

    .block.list.columns-2 > .item:nth-child(2n) {
        margin-right: 0px;
    }

    .block.list.columns-3 > .item:nth-child(3n) {
        margin-right: 0px;
    }

    #main > article.intro {
        padding: 30px 0px;
    }

    .research-field-content, .research-focus-content {
        padding: 40px 0px 20px;
    }

    .research-field-content .block,
    .research-field-content .block .item,
    .research-focus-content .block,
    .research-focus-content .block .item {
        width: auto !important;
    }

    body.small #main > .wrap > .block.col-1-1.wide form {
        padding: 10px 10px 60px !important;
    }

    body.small #main > .wrap > .block.col-1-1.wide form .field.submit {
        right: 10px;
    }

    .intro a.back-link {
        margin-left: 0px;
    }

    .research-field,
    .research-focus {
        width: 50%;
    }

    .research-focus.item-3,
    .research-focus.item-5,
    .research-focus.item-7,
    .research-focus.item-9 {
        margin-left: 0px;
    }

    .research-focus {
        margin-left: 50% !important;
    }

    .research-focus.item-1 {
        margin-left: 0px !important;
    }

    h1,
    h1 *,
    .like-h1,
    .like-h1 * {
        font-size: 24px;
        line-height: 32px;
        font-weight: bold;
    }

    h2,
    .like-h2,
    h2 *,
    .like-h2 * {
        font-size: 20px;
        line-height: 26px;
    }

    h3,
    h3 *,
    .like-h3,
    .like-h3 * {
        font-size: 18px;
        line-height: 24px;
    }

    #main > section.start-teaser div.start-teaser h2,
    #main > section.start-teaser div.start-teaser h2 * {
        font-size: 32px;
        line-height: 42px;
    }

    #main > article.intro .toggler * {
        font-size: 18px;
    }

    #main > article.intro > div p,
    #main > article.intro > div p * {
        font-size: 18px;
        line-height: 24px;
    }

    .block.list.teaser > .item .heading,
    .block.list.teaser > .item .heading * {
        font-size: 20px;
        line-height: 24px;
    }

    .block.list.teaser > .item p,
    .block.list.teaser > .item p * {
        font-size: 20px;
        line-height: 24px;
    }

    .block.list.teaser-list > .item .heading,
    .block.list.teaser-list > .item .heading * {
        font-size: 18px;
        line-height: 24px;
    }

    .block.list.teaser-list > .item p,
    .block.list.teaser-list > .item p * {
        font-size: 18px;
        line-height: 24px;
    }

    .person-text-image > figure {
        width: 200px;
    }

    .block.list > .item figure,
    .block.list > .item .mediaelement {
        max-width: 200px;
    }

    .form-2-3 > .left {
        width: 100%;
        padding-right: 0px;
        min-height: 0px;
    }

    .form-2-3 > .right {
        margin-top: 20px;
        width: 100%;
    }

    .news-images {
        max-width: inherit;
        text-align: inherit;
    }

}


/* *** */

@media screen and (max-width: 479px) {

    header {
        width: 320px;
    }

    #main {
        width: 320px;
    }

    #main > .wrap {
        width: 300px;
    }

    body.small #main > .wrap {
        width: 300px;
    }

    body.columns2 #main > .main-wrap {
        width: 300px;
    }

    body.columns2 #main > .left-wrap {
        width: 300px;
    }

    #main > section.start-teaser {
        width: 320px;
    }

    #main > section.start-teaser div.start-teaser {
        width: 100%;
    }

    footer section.external-links > ul,
    footer section.external-links > h5 {
        width: 320px;
    }

    footer section.external-links > ul > li {
        width: 320px;
        padding: 12px 60px;
    }

    article.footer-contact {
        width: 320px;
    }

    #nav-footer {
        width: 320px;
    }

    #nav-footer > ul {
        width: 320px;
    }

    div.search.footer form {
        width: 300px;
    }

    div.search.footer input.text {
        width: 244px;
    }

    article.footer-contact p {
        width: 320px;
    }

    article.footer-contact .map {
        background-size: 300px auto;
        width: 300px;
        height: 300px;
    }

    #main > .wrap > .block.col-1-1,
    #main > .wrap > .block.columns2 {
        width: 300px;
    }

    #main > .wrap > .block.col-2-3 {
        width: 300px;
    }

    #main > .wrap > .block.col-1-2 {
        width: 300px;
    }

    #main > .wrap > .block.col-1-3 {
        width: 300px;
    }

    #main > .wrap > .block.col-3-5 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-1,
    body.small #main > .wrap > .block.columns2,
    body.small .news-content > .block.col-1-1,
    body.small .news-content > .block.columns2 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-1.wide {
        width: 300px;
        margin-left: 10px;
    }

    body.small #main > .wrap > .block.col-2-3,
    body.small .news-content > .block.col-2-3 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-2,
    body.small .news-content > .block.col-1-2 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-1-3,
    body.small .news-content > .block.col-1-3 {
        width: 300px;
    }

    body.small #main > .wrap > .block.col-3-5,
    body.small .news-content > .block.col-3-5 {
        width: 300px;
    }

    body.columns2 #main > .main-wrap > .block {
        width: 300px;
    }

    body.columns2 #main > .left-wrap > .block {
        width: 300px;
    }

    .block.list.columns-2 > .item {
        width: 300px;
    }

    .block.list.columns-2.background > .item {
        width: 280px;
    }

    body.small .block.list.columns-2 > .item {
        width: 300px;
    }

    body.small .block.list.columns-2.background > .item {
        width: 280px;
    }

    .block.list.columns-3 > .item {
        width: 300px;
    }

    .block.list.columns-3.background > .item {
        width: 280px;
    }

    body.small .block.list.columns-3 > .item {
        width: 300px;
    }

    body.small .block.list.columns-3.background > .item {
        width: 280px;
    }

    .research-field,
    .research-focus {
        width: 100%;
        min-height: auto;
    }

    .research-focus {
        margin-left: 0px !important;
    }

    .person-text-image > figure {
        float: left;
        padding-left: 0px;
        padding: 10px 0px;
    }

    .block.list > .item figure,
    .block.list > .item .mediaelement {
        max-width: 100%;
    }

    .block.list > .item figure.list {
        display: none;
    }

    img.tx-srfreecap-image {
        width: 260px;
        height: auto;
    }
}
.tx-eventmanager-clear {
    clear: both;
}

.tx-eventmanager-grid-col1, .tx-eventmanager-grid-col2 {
    width: 50%;
    padding: 15px;
    float: left;
}

.tx-eventmanager-grid-col1-2 {
    padding: 15px;
    width: 100%;
}

.tx-eventmanager-grid-col1 input,
.tx-eventmanager-grid-col1 select,
.tx-eventmanager-grid-col2 input,
.tx-eventmanager-grid-col1 select {
    width: 100%;
}

.tx-eventmanager_registration_form {
    background-color: #999999;
    padding: 10px;
}

input.text, select, textarea {
    border: none !important;
}

.tx-eventmanager_registration_form label {
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px;
}

.tx-eventmanager-mandatory-text {
    color: #fff;
}

.tx-eventmanager-form-fields, .tx-eventmanager-form-submit, .tx-eventmanager-form-submit-sign-out {
    float: left;
}

.tx-eventmanager-form-submit {
    margin-top: 324px;
    padding: 10px;
}

.tx-eventmanager-form-submit-sign-out {
    padding: 10px;
    margin-top: 35px;
}

.tx-eventmanager-form-fields {
    width: 90%;
}

.tx-eventmanager .message-ok .message-body,
.tx-eventmanager .message-error .message-body,
.tx-eventmanager .info-message {
    padding: 10px;
    margin-bottom: 15px;
}

.tx-eventmanager .message-error .message-body {
    background-color: darkred;
    color: white;
}

.tx-eventmanager .message-ok .message-body,
.tx-eventmanager .info-message {
    background-color: #004899;
    color: white;
}

.tx-eventmanager .checkbox a, .tx-eventmanager form .field.checkbox {
    color: white;
}

.tx-eventmanager .checkbox a {
    text-decoration: underline;
}

.tx-eventmanager form .field.checkbox > label {
    cursor: auto !important;
}