/*
 * 2024-04-15 YS
 * - Passwort vergessen im Login Overlay
 * 2021-06-25 MF
 * - Styling Consenttool
 * 2021-02-03 JeH
 * - für body.pressekit-inhalt-91-jahre-tiefkuehlkost den Rahmen der Bilder erweitert
 * 2020-10-02 JeH
 * - Teaser generisch breitbild h3 von -30 auf +60 ausgerichtet
 * 2020-05-18 MF
 * - Weitere Styleanpassungen fuer den p-Parser
 * 2020-05-11 MF
 * - Weitere Styleanpassungen fuer den p-Parser
 * 2020-05-08 MF
 * - Styles fuer den p-Parser hinzugefuegt
 * 2020-02-18 MF
 * - hZweiLinks hinzugefuegt
 * - i-Styles fuer em
 * 2020-02-13 MF
 * - Pressemitteilung-Style hinzugefuegt
 * 2020-02-11 MF
 * - sub-Style hinzugefuegt
 * 2020-02-10 JeH
 * - Presskit-Inhalt angepasst
 * 2019-11-22 MF
 * - Styles Teaser Wichtig
 * 2018-09-04 JeH
 * - Contentliste.li von 110% auf 100% gesetzt
 * 2018-08-27 VZ
 * - Ausnahmen fuer anmeldung kaelteforum 2018
 * 2017-09-13 VZ
 * - Styles fue HTML5MediaPlayer hinzugefuegt
 */
/* H E A D E R */

#head {
    z-index:10000;
	position: fixed;
	background-color:rgba(255,255,255,1);
    width:100%;
    height: 171px;
}
#head_wrap,
#foot_wrap {
    width:100%;
    max-width:1000px;
    margin:0px auto;
}
#logo {
    padding:40px 0px 17px 0px;
}
#toolbar {
    float:right;
}
#hamburger {
    display:none;
}
/* F O O T E R */
#footer,
#footer a {
    background-color:rgba(77,82,94,1);
    color:rgba(255,255,255,1);
}
#footer {
    padding: 45px 0px;
}
#footer .logo,
#footer .claim {
    float:left;
}
#footer .claim {
    padding: 41px 0px 0px 55px;
    text-transform:uppercase;
}
#footer .nav {
    margin-top:-3px;
    height:95px;
    overflow-y:hidden;
}
#footer .nav,
#footer .nav a,
#footer .copyright {
    float:right;
}
/* P O S T - I T   N A V I G A T I O N */
#sidenav { position:absolute; right:0; top:171px; }
.postit {
    margin-bottom:5px;
}
.postit .title {
    width:115px;
    height:100px;
    overflow:hidden;
    text-transform:uppercase;
    padding:12px 20px 0px 15px;
}
.postit .corner {
    height:38px;
    width:38px;
    float:left;
}
.postit .more {
    width:112px;
    height:38px;
    float:left;
}
#sidenav a {
    height:38px;
    padding-left:10px;
}

#content {
    margin:0px auto;
    padding-top:240px;
    padding-bottom:30px;
}
.row{
    width:100%;
}
.row-1200 {
    width:100%;
    margin:0 auto;
    max-width:1200px;

}
.row-1000 {
    width:100%;
    margin:0 auto;
    max-width:1000px;
}
.row-800 {
    width:100%;
    margin:0 auto;
    max-width:600px;

}
#border {
    background: red;
    height:50px;
    width:100%;
    top: 171px !important;
    position:fixed;
    background:url(/static/img2017/slider-shadow.png) repeat-x;

    z-index:1;
}
#webspecial-begintext.row-800 {
    width:100%;
    margin:0 auto;
    max-width:800px;

}
.row-600 {
    width:100%;
    margin:0 auto;
    max-width:600px;
}
h1,
h2,
h3,
.subline,
.headline {
    text-align:center;
    color:rgba(0,4,12,1);
}
h2.hZweiLinks {
    text-align:left;
}
a {
    color:rgba(0,4,12,1);
    text-decoration:none;
}
h1 {
    margin:8px 0px;
}
.intro {
    margin-top:40px;
}
.kicker {
    text-align:center;
    color:rgba(77,82,94,1);
}
.hidden {
    display:none;
}

img {
    max-width:100%;
    height:auto;
}
sub {
    vertical-align: sub;
}

.errors {
    color:red;
}
.errors li{
    font-size:16px !important;
    margin-left:10px;
}
/**Toolbar**/
#toolbar a {
    color:rgba(0,4,12,1);
    text-decoration:none;
}
#toolbar ul.items {
    float:right;
    margin-top:40px;
}
#toolbar ul.items li {
    float:right;
    padding-left:25px;
}
#toolbar ul.search-social {
    float:right;
    margin-top:11px;
}
#toolbar ul.search-social li {
    float:right;
    padding-left:17px;
}
#toolbar ul.search-social li.search {
    padding-right:67px;
}
.sucheSubmit {
    width:0px;
    padding-right:22px;
    height:22px;
    border:0px solid;
    background:url(/static/img2017/social-search.png) no-repeat left top;
    vertical-align:top;
}
.suchfeld {
    border:0px none;
    width:100px;
    margin-right:-4px;
    border-bottom:1px solid rgba(0,4,12,0.3);
    transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
}
.suchfeld:focus {
    width:400px;
    border-bottom:1px solid rgba(0,4,12,0.7);
}
/* Kontaktbox am Ende der Artikelvorlage */
.kontaktbox {
    padding:30px;
    background: url('/static/img2017/frosted-background-1200.jpg') no-repeat center -20px;
    -ms-background-size: 660px 400px;
    -o-background-size: 660px 400px;
    -moz-background-size: 660px 400px;
    -webkit-background-size: 660px 400px;
    background-size: 660px 400px;
    max-width:600px;
    margin:0 auto;
    margin-top:30px;
}
.kontaktbox h3 {
    text-align:left;
    margin-bottom:20px;
}
.kontaktbox a {
        font-weight:bold;
}
.kontaktformular-fehler {
    color:red;
    font-size:20px;
    padding:10px;
    margin-top:10px;
    margin-bottom:20px;
    border: 1px solid red;
}
/* Parser-Tag <zentriert> */
span.center {
    display: block;
    text-align: center;
}
.glossary-link {
    color:rgba(0,4,12,1) !important;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
}
strong {
    font-weight: 400;
}
i, em {
    font-style: italic;
}
big {
    font-size: 140%;
}
small {
    font-size: 90%;
}
ul.contentliste {
    list-style-image: none;
    list-style-position: outside;
}
ul.contentliste[type="disc"] {
    list-style-type: disc;
}
ul.contentliste[type="circle"] {
    list-style-type: circle;
}
ul.contentliste[type="square"] {
    list-style-type: square;
}
.contentliste {
    list-style-type: circle;
    margin-left: 0;
    padding-left: 15px;
}
ol.contentliste, ul.contentliste {
    margin: 10px 0;
}
.contentliste li {
    margin: 0 7px;
    font-size: 100% !important;
}
ol.contentliste.decimal {
    list-style-type: decimal;
}
ol.contentliste.lowerAlpha {
    list-style-type: lower-alpha;
}
ol.contentliste.upperAlpha {
    list-style-type: upper-alpha;
}
ol.contentliste.lowerRoman {
    list-style-type: lower-roman;
}
ol.contentliste.upperRoman {
    list-style-type: upper-roman;
}
ul.accordion {
    display: block;
    width: 100%;
    clear: both;
}

ul.accordion  li{
    font-family: "MyriadPro-Light",Tahoma,Arial,Helvetica,sans-serif !important;
    font-size: 110%;
    line-height: 140%;
}
.ui-accordion .element {
    font-family: 'MyriadPro-Light', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-top: -10px;
    padding-left: 0;
}
.accordion h3 {
    font-family: "MyriadPro-Light",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 130%;
    line-height: 140%;
    text-align: left;
    color: #4DA3DC;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 10px;
}
.accordion h3 .ui-icon {
    background: url('/static/img2017/arrow-accordion-down.png') no-repeat center center;
    width:18px;
    height:9px;
    display:inline-block;
    float:right;
    margin-top:18px;
    margin-right:20px;
    margin-left: 20px;
}
.accordion h3.ui-state-active .ui-icon {
    background: url('/static/img2017/arrow-accordion-up.png') no-repeat center center;
}

.accordion .ui-accordion-content {
    margin-top:20px;
    margin-bottom:20px;
}
.accordion h3 a:hover {
    text-decoration: none;
}
.copyright,
.caption {
    font-size: 15px !important;
    line-height: 21px !important;
    font-style: normal;
    padding: 5px 0;
    margin: 0 auto;
    display: inline-block;
    width:100% !important;
}
.copyright {
    padding-bottom:0;
}
/* Fusslink CallToAction - zB Backlinks nach Artikeln */
.cta.backlink {
    float:right;
    margin:20px 0px 0px 0px;
}
.cta.backlink .triangle {
    width:30px;
    height:30px;
    float:left;
}
.cta.backlink a {
    float:left;
    padding:0px;
    text-decoration:none;
    line-height:30px;
    padding:0px 15px;
    display:block;
}

/*
 * LISTE ALLGEMEIN
 */
.listeallgemein {
    margin-top:30px;
}
.listeallgemein li .image {
    margin-top:5px;
	margin-bottom:10px;
}
.listeallgemein > li {
    border-bottom:1px solid #bbbbbb;
    margin-bottom:20px;
    padding-bottom:20px; 
}
.kontaktbox h3,
.listeallgemein .item h3 {
    font-family: "MyriadPro-Light",Tahoma,Arial,Helvetica,sans-serif !important;
}
.listeallgemein .item h3,
.listeallgemein .item p {
    text-align:left;
    float:left;
	width:100%;

    font-weight:normal;
}
.listeallgemein .item h3 {
    margin-bottom: 20px;
}
.listeallgemein .itemcontent {
    position:relative;
}
.listeallgemein img {
    /*display:block;
    margin:0 auto;*/
}
.listen-filter {
    margin-top:32px;
}
/*LISTE MITGLIEDER / TIEFKUEHLLEXIKON*/
.liste-tiefkuehllexikon,
.liste-mitglieder {
    padding-top:25px;
}
.liste-tiefkuehllexikon .eintraege li ,
.liste-mitglieder .eintraege li {
	border-bottom:1px solid #bbbbbb;
}
.liste-tiefkuehllexikon ul li span.link-arrow,
.liste-mitglieder ul li span.link-arrow {
    width: 42px; 
    background:url(/static/img2017/arrow-right-small.png) no-repeat center center;
    height: 42px; 
    display: inline-block; 
    float: right;
}
.liste-tiefkuehllexikon ul.eintraege li:hover a,
.liste-mitglieder ul.eintraege li:hover a {
    background:#00A884;
    color:#fff;
}
.liste-tiefkuehllexikon ul.eintraege li:hover a span.link-arrow,
.liste-mitglieder ul.eintraege li:hover a span.link-arrow {
    width: 42px; 
    background:url(/static/img2017/arrow-right-small.png) no-repeat center center;
    height: 42px; 
    display: inline-block; 
    float: right;
}
.liste-tiefkuehllexikon .listen-filter .searchfield {
    margin-left:0;
}
.liste-tiefkuehllexikon .listen-filter .field { 
    width:165px;
    margin:0 auto;
    float:none;
}
.mitglieder-details h2,
.tiefkuehllexikon-details h2{
    text-align:left;
    margin-bottom:10px;
}
.mitglieder-details {
    display:inline-block;
}

.mitglieder-details img {
    max-width:200px !important;
    float: right;
}
.liste-mitglieder ul.eintraege li {
    width:100%;
}
.liste-mitglieder ul.liste.eintraege li a span.link-text {
    display: inline-block;
    max-width: 80%;
    width: 100%;
}
ul.liste.eintraege {
    margin-top:78px;
    font-family: "MyriadPro-SemiboldCond",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-transform: uppercase;
}
ul.liste.eintraege li a{
    padding:47px 18px;
    display:block;
}
/* Listen Filter Allgemein */ 
.listen-filter {
    margin-top:32px;
}
/*LISTE PUBLIKATIONEN*/
.liste-publikationen h1{
    text-align:left;
    margin-bottom:10px;
}
.liste-publikationen .image {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
    border: 1px solid #bbbbbb;
}
/* Filter Alpa */ 
.filter.initial-letter {
    padding-top:10px;
    font-family: "MyriadPro-SemiboldCond",Tahoma,Arial,Helvetica,sans-serif;
    font-size:30px;
    display: table;
    margin: 0 auto;
}
.filter.initial-letter li {
    float:left;
    padding-right:9px;
}
.filter.initial-letter li:first-child{
    padding-right:9px;
}
.filter.initial-letter li:last-child{
    padding-right:0px;
}

.filter.initial-letter li a:hover,
.filter.initial-letter li.active {
    color:#00A884;
}
/* Filter Suche und Kategorie */
.listen-filter {
    position:relative;
}
.listen-filter .searchfield {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor rgba(0, 4, 12, 0.3);
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    margin-right: -4px;
    width: 145px;
    float:left;
    margin-left:70px;
    background:none;
}
.listen-filter .field {
    float:left;
}
.listen-filter .label-1 {
    width:0;
    display:none;
}
.listen-filter label {
    font-family: "MyriadPro-Light",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 17px;
    line-height: 19px;
}
.SlectBox, .SlectBoxa {
    padding: 0px;
    padding-left:20px;
    padding-right:5px;
    width: 228px;
}
.SelectClass {
    border: medium none;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.SumoSelect {
    display: block;
    position: relative;
    margin-left: 40px;
    z-index: 100;
}
.SumoSelect > .optWrapper > .options > li {
    transition: all 200ms ease 0s;
}
.SumoSelect > .optWrapper > .options > li label, .SumoSelect > .CaptionCont {
    -moz-user-select: none;
}
.SumoSelect > .CaptionCont {
    background-color: none;
    height: 18px;
    margin: 0;
    min-height: 18px;
    position: relative;
    z-index:5000;
}
.SumoSelect > .CaptionCont > span {
    display: block;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.SumoSelect > .CaptionCont > span.placeholder {
}
.SumoSelect > .CaptionCont > label {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
        height: 33px;
}
.SumoSelect > .CaptionCont > label > i {
    background-image: url("/static/img2017/arrow-category.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    height: 33px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
} 
.SumoSelect > .optWrapper {
    background: #fff none repeat scroll 0 0;
    /*border-radius: 3px;*/
    -moz-box-shadow: 0px 0px 20px #cacaca,0px 0px 20px #cacaca,0px 0px 0px #cacaca,0px 0px 20px #cacaca;
    -webkit-box-shadow: 0px 0px 20px #cacaca;
    box-shadow: 0px 0px 20px #cacaca;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0px;
    transition: opacity 300ms ease-out 0s, top 300ms ease-out 0s, visibility 300ms ease-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: -100;
    padding-top:40px;
}
.SumoSelect > .optWrapper.open {
    opacity: 1;
    top: 0px;
    padding-top:40px;
    visibility: visible;
    z-index: 1000;
}
.SumoSelect > .optWrapper > .options {
    /*border-radius: 3px;*/
    display: block;
    list-style: outside none none;
    margin: 0;
    max-height: 250px;
    overflow: auto;
    padding: 0;
    padding: 0 0 0 12px;
}
.SumoSelect > .optWrapper.isFloating > .options {
    max-height: 100%;
}
.SumoSelect > .optWrapper > .options > li {
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}
.SumoSelect > .optWrapper > .options > li:first-child {
    /*border-radius: 3px 3px 0 0;*/
}
.SumoSelect > .optWrapper > .options > li:last-child {
    border-bottom: medium none;
    /*border-radius: 0 0 3px 3px;*/
}
.SumoSelect > .optWrapper > .options > li:hover {
    background-color: #0095d9;
    color: #fff;
}
.SumoSelect > .optWrapper > .options > li label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.SumoSelect > .optWrapper > .options > li span {
    display: none;
}
/*.SumoSelect > .optWrapper.isFloating {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 90%;
    position: fixed;
    right: 0;
    top: 0;
    width: 90%;
}*/
.SumoSelect:hover > .CaptionCont > label {
    background-color: #ffffff;
}
.SumoSelect:hover > .CaptionCont > label > i {
    background-image: url("/static/img2017/arrow-category.png") no-repeat center center;
    background-position: center center;
    background-repeat: no-repeat;
}
.SumoSelect > .optWrapper > .options > li.disabled {
    background-color: inherit;
}
.SumoSelect > .optWrapper > .options > li.disabled * {
    opacity: 0.5;
}
.SumoSelect > .optWrapper.multiple > .options > li {
    padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple > .options > li span {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.SumoSelect > .optWrapper.multiple > .options > li span i {
    background-image: url("/static/img/checkbox-0.gif");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    height: 16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.SumoSelect > .optWrapper > .MultiControls {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    /*display: none;*/
}
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    bottom: 0;
    display: block;
    margin-top: 5px;
    position: absolute;
    width: 100%;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    display: block;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    padding: 6px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 12px;
    text-align: center;
    width: 50%;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    background-color: #f1f1f1;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-radius: 0 0 0 3px;
    border-right: 1px solid #dbdbdb;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 3px;
}
.SumoSelect > .optWrapper.isFloating > .options > li {
    padding: 12px 6px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .options > li {
    padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple.isFloating {
    padding-bottom: 43px;
}
.SumoSelect > .optWrapper.multiple > .options > li.selected span i {
    background-image: url("/static/img/checkbox-1.gif");
}
.SumoSelect.disabled {
    opacity: 0.7;
}
.SumoSelect.disabled > .CaptionCont > label {
    background-color: #f1f1f1;
}
/**PAGINATION**/

ul.pagination {
    color: rgba(0,4,12,0.7);
    padding:20px;
    display:table;
}
ul.pagination .available {
    color: rgba(0,4,12,1);
}
ul.pagination li {
    float:left;
    padding:0px 5px;
}
ul.pagination li a {
    text-decoration:none;
}
.pagination .filter.year {
    border:0px none;
    margin:20px auto;
    display:table;
}
.pagination {
    display:table;
    margin:0 auto;
    margin-top:30px;
}

.pagination li {
    float:left;
    padding-left:5px;
    padding-right:5px;
}

.pagination li.inactive {
    color:#808183;
}

.pagination li {
    float:left;
}
textarea:focus,
input:focus,
select:focus {
    outline: none;
}
/***LISTE TEAM***/
.liste-team  img{
    float:left;
    margin-right:15px;
    margin-bottom:10px;
    margin-top: 8px;
}

/*
H A U P T N A V I G A T I O N
*/
#mainnav {
    margin-top:24px;
	float: right;
}
#mainnav a {
	text-decoration:none;
}
#mainnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainnav ul li {
	padding: 0;
	background: none;
	line-height: 1.4em;
}
#mainnav ul li a {
	display: block;
}
#mainnav ul li.level0 {
	float: left;
}
#mainnav ul li a.level0 {
	padding: 9px 25px 0px 25px;
	min-width:45px;
	text-align:center;
}
#mainnav ul li.first a.level0 {
	padding-left:0px;
}
#mainnav ul li.last a.level0 {
	padding-right:0px;
}
#mainnav ul li.hover a.level0,
#mainnav ul li a.level0.active,
#mainnav ul li a.level0:hover {
	color: #fff;
}
#mainnav div.sub_wrap {
	position: absolute;
	z-index: 99999;
	padding: 22px 0px 20px 0px;
	width:1050px;
	display: none;
    top:171px;
}
#mainnav div.sub {
	display: table-row;
}
#mainnav ul.sub {
	display: table-cell;
	border-left: 1px solid #fff;
	max-width: 299px;
	width:33.3333333333%;
	padding: 3px 0px 17px 50px;
}
#mainnav ul.sub.first {
    max-width: 300px;
	border-left: none;
}
#mainnav ul.sub a {
	color: #fff;
}
#mainnav ul.sub li.level1 {
	padding:18px 0px 10px 0px;
}
#mainnav ul.sub li.sub a.level1,
#mainnav ul.sub li:last-child a.level1 {
	padding-bottom: 0;
}
#mainnav ul.sub li.level1:last-child,
#mainnav ul.sub li.sub:last-child {
	border: none;
}
#mainnav li.level0.parent.hover a.level0:after {
    content:'';
    width:44px;
    height:18px;
    background-color:#ffffff;
    margin:11px auto -18px auto;
    position:relative;
    z-index:100000;
    display:block;
    background: transparent url(/static/img2017/arrow-flyout.png) no-repeat top left;
}
.linked {
    cursor:pointer;
}
/*Teaser*/
.teaser {
    margin:40px auto 80px auto;
}
.teaser h3,
.teaser .text-box,
.teaser  a {
    color:#fff !important;
}
.teaser  a.glossary-link {
    color:#000 !important;
}

.teaser.teaser-generisch-breitbild  h3 a.glossary-link {
    color:#fff !important;
}

.teaser h3 {
    font-size: 55px;
    text-transform: uppercase;
    line-height: 55px;
}
.artikel .postit.small,
.detailansicht .postit.small,
.teaser .postit.small {
    float:right;
    margin-top:20px;
}
.artikel .postit.small .corner,
.detailansicht .postit.small .corner,
.liste-raster .postit.small .corner,
.teaser .postit.small .corner {
    height: 25px;
    width: 25px;
}
.artikel .postit.small .more.camo,
.detailansicht .postit.small .more.camo,
.liste-raster .postit.small .more.camo,
.teaser .postit.small .more.camo,
.liste-raster .postit.small .more a,
.teaser .postit.small .more a {
    display:block;
    width:auto !important; 
    height: 25px;
}
.artikel .postit.small .more a,
.detailansicht .postit.small .more a,
.liste-raster .postit.small   .more a,
.teaser .postit.small   .more a {
    padding:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    line-height:25px;
    font-size: 18px;
}
.teaser .postit.large {
    float:right;
    margin-top:20px;
}
.teaser .postit.large .corner {
    height: 40px;
    width: 40px;
}
.teaser .postit.large .more.camo,
.teaser .postit.large .more a {
    display:block;
    width:auto !important; 
    height: 40px;
}
.teaser .postit.large   .more a {
    padding-left:10px;
    padding-right:10px;
    line-height:40px;
}
.teaser .postit.ultra-large .corner {
    float: left;
    height: 100px;
    width: 100px;
}
.teaser .postit.ultra-large  .more.camo,
.teaser .postit.ultra-large  .more  a {
    display:block;
    width:calc(100% - 100px) !important; 
    height: 100px;
}
.teaser .postit.ultra-large  .more  a {
    padding-left:10px;
    padding-right:10px;
    line-height:100px;
    background:none;
}
/*TEASER_GENERISCH_BREITBILD*/
.teaser-generisch-breitbild {
    width:100%;
    position:relative;
    float:left;
}
.teaser-generisch-breitbild h3 {
    padding-top: calc(50% + 60px);
    text-shadow: 2px 2px 4px #000;
}

.teaser-generisch-breitbild-wrapper {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;

}
.teaser-generisch-breitbild .image-wrapper {
    width:100%;
    margin: 35px auto;
    overflow:hidden;
    background-size:cover;
}
.teaser-generisch-breitbild-inner {
    position:relative;
    height:100%;
}
.teaser-eindrittel-bild h3 {
    text-align:left;
}
.teaser-generisch-breitbild .table {
display: inline-block;
    float: left;
    height: 100%;
    position: relative;
    vertical-align: middle;
}
.teaser-generisch-breitbild .text-box {
    float:right;
    width:396px;
    font-size: 30px;
    line-height: 45px;
}
.teaser-generisch-breitbild .text-box a.glossary-link{
    color:#fff !important;
    text-decoration:none !important;
}
.teaser-generisch-breitbild .text-box-inner {
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    height:290px;
    overflow:hidden;
    padding-top: 30px;
}
/*TEASER_EIN_DRITTEL_BILD*/
.teaser-eindrittel-bild .text-box .text{
    font-size: 30px;
    line-height: 35px;
}

.teaser-eindrittel-bild .image-right {
    float:right;
}
.teaser-eindrittel-bild .text-box {
    padding: 20px 30px 20px 30px;
    box-sizing: border-box;
    float:left;
    max-width:calc(100% - 800px);
    max-height:310px;
}
/*TEASER_EIN_DRITTEL_TEXT*/
.teaser-eindrittel-text ul {
    display: flex;
}
.teaser-eindrittel-text ul li{
    float:left;
    width: 800px;
    padding: 20px 30px 20px 30px;
    box-sizing: border-box;
}
.teaser-eindrittel-text ul li:first-child{
    max-width: calc(100% - 800px);
}
.teaser-eindrittel-text ul li h3 {
    text-align:left;
}
.teaser-eindrittel-text ul li:last-child h3,
.teaser-eindrittel-text ul li:last-child .text  {
    color:#000 !important;
}
.teaser-eindrittel-text ul li:last-child h3 {
    margin-bottom:5px;
}
.teaser-eindrittel-text ul li:first-child .text {
    font-size: 30px;
    line-height: 35px;
}
.teaser-eindrittel-text ul li:lasr-child .text {
    line-height: 22px;
}

/*TEASER_HALB*/
.teaser-halb {
    max-width:1200px;
    margin:20px auto;
}
.teaser-halb ul {
    display:flex;
}
.teaser-halb ul li{
    float:left;
    width: 48%;
    padding: 20px 30px 20px 30px;
    box-sizing: border-box;
}
.teaser-halb ul li:first-child{
    margin-right: 2%;
}
.teaser-halb ul li:last-child{
    margin-left: 2%;
}
.teaser-halb  h3 {
    text-align:left;
}

/*TEASER SLIDER*/

.teaser-rotation .row-1200 {
    position:relative;
}
.teaser-rotation ul{
    display:block;
    width:100%;
}
.teaser-rotation ul li{
    display:block;
    width:100%;
    padding-top:30px;
        padding-bottom:30px;
}
.teaser-rotation ul li .center{
    margin: 20px auto;
    max-width: 900px;
    width:calc(100% - 250px);
}
.teaser-rotation ul li h3 {
    text-align:left;
    margin-bottom:20px;
}
.teaser-rotation ul li .text {
    color:#000 !important;
    line-height: 46px;
    font-size:28px;
}
.teaser-rotation .cycle-pager {
    color: #01a688;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-top:-40px;
    z-index: 1000000;
}
.teaser-rotation .cycle-pager span {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
        font-size:42px;
}
.teaser-rotation .cycle-pager span:hover, .cycle-pager-active {
    color: #A6A7A9;
}
.teaser-rotation .cycle-prev, .cycle-next {
    display: inline-block;
    height: 65px;
    width: 65px;
    position:absolute;
    top:calc(50% - 27px);
    z-index: 5000;
}
.teaser-rotation .cycle-pagination {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 6px 0;
    text-align: center;
}
.teaser-rotation .cycle-pagination.hidden {
    display: none;
}
.teaser-rotation .cycle-prev:hover, .teaser-rotation .cycle-next:hover {
    cursor: pointer;
}
.teaser-rotation .cycle-prev {
    background:url(/static/img2017/links.png) no-repeat left top #d9f2ec;
    background-size:contain;
    left: 25px;
}
.teaser-rotation .cycle-prev:hover {
}
.teaser-rotation .cycle-next {
    background:url(/static/img2017/rechts.png) no-repeat left top #d9f2ec;
        background-size:contain;
    right: 0px;
}
.teaser-rotation .cycle-next:hover {
}
.teaser-rotation .cycle-slideshow {
    z-index: 5;
}
/*TEASER RASTER / LISTE RASTER*/
.teaser-raster {
    margin-bottom:0px;
}
.teaser-raster ul{
    display:inline-block;
    margin-bottom:60px;
} 
.liste-raster ul.eintraege,
.teaser-raster ul {
    /*display:inline-block;*/
}
.liste-raster ul.eintraege li,
.teaser-raster ul li{
    float:left;
    width:calc(33.333% - 5px);
    box-sizing:border-box;
    margin-right:5px;
    margin-bottom:5px;
    overflow:hidden;
}
.liste-raster .box ,
.teaser-raster .box {
    position:relative;
    /*max-height:260px;*/
}
.liste-raster .box img,
.teaser-raster .box img{
	/*max-width: inherit !important;
width: inherit !important;
height: 100%;*/
}
.liste-raster h3.behindImage,
.teaser-raster h3.behindImage {
    top: 25px;
    color: #fff;
    font-family: "MyriadPro-Regular",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 32px;
    left: 20px;
    position: absolute;
    text-align: left;
    text-transform: none;
    width: 90%;
    z-index: 10;
    line-height:35px;
    text-shadow: 2px 2px 4px #000;
}
.liste-raster h3.bottom,
.teaser-raster h3.bottom {
    bottom: 22px;
    /*width: 75%;*/
    top: inherit;
}
.liste-raster .postit,
.teaser-raster .postit {
    position:absolute;
    bottom:20px;
    right:13px !important;
    z-index:1000;
    right:20px;
}
.liste-raster  .postit a,
.teaser-raster .postit a{
    text-transform: capitalize;
    color:#fff!important;
}
.liste-raster  .postit a {
    display:inline !important;
}

/*TAESER FRISCH GEBLOGGT*/
.teaser-frisch-geblogged{
    background:#fff;
    width:100%;
}
.teaser-frisch-geblogged h1 {

}
.teaser-frisch-geblogged h1,
.teaser-frisch-geblogged h2 {
    color:#000 !important;
    text-align:left;
}
.teaser-frisch-geblogged h2 {
    font-size:26px;
    line-height:32px;
    margin-bottom:15px;
    text-transform:uppercase;
}
.teaser-frisch-geblogged > div.item {
    display:flex;
    height:100%;
    max-height:525px;
    min-height:525px;
}
.teaser-frisch-geblogged div,
.teaser-frisch-geblogged p{
    font-size:18px;
    line-height:24px;

}
.teaser-frisch-geblogged div.infos a {
    color:#000 !important;
    text-decoration:underline;
}
.teaser-frisch-geblogged div.infos {
    margin-top:10px;
}
.teaser-frisch-geblogged .imageLeft {
    margin-right:5px;
}
.teaser-frisch-geblogged .imageLeft,
.teaser-frisch-geblogged .imageRight {
    width:395px;
    float: left;
}
.teaser-frisch-geblogged .imageLeft img,
.teaser-frisch-geblogged .imageRight img{
    max-width:395px;
}
.teaser-frisch-geblogged .text-box{
    color:#000 !important;
    background: transparent url(/static/img2017/bg-teaser-frisch-gebloggt-@2x.jpg) repeat-x;
    padding:20px 35px;
    box-sizing:border-box;
    position:relative;
    width:405px;
}


.teaser-frisch-geblogged .wrapper-controls-more {
    position:absolute;
    bottom:30px;
    width:calc(100% - 80px);
}

.teaser-frisch-geblogged .controls {
    float:left;
}
.teaser-frisch-geblogged .controls div,
.teaser-frisch-geblogged .controls span {
    float:left;
}

.teaser-frisch-geblogged .wrapper-controls-more .postit {
    float:right;
    margin-top:0 !important;
}
.teaser-frisch-geblogged .wrapper-controls-more .previous {
    background:url(/static/img2017/arrow-left-big.png) no-repeat center center;
    background-size:60%;
    width:22px;
    height:40px;
}
.teaser-frisch-geblogged .wrapper-controls-more .next {
    background:url(/static/img2017/arrow-right-big.png) no-repeat center center;
    background-size:60%;
    width:22px;
    height:40px;
}
.teaser-frisch-geblogged .wrapper-controls-more span{
    font-size:24px;
    line-height:40px;
    width:30px;
    height:40px;
    text-align:center;
}


/*Detailansichten*/
.artikel    .postit.small,
.detailansicht .postit.small{
    float:right;
}
.artikel  .postit.small .more a,
.detailansicht .postit.small .more a {
    color:#fff;
}
.detailansicht .detailinfo {
    float:left;
    width:100%;
}
.detailansicht  img {
    margin-top:25px;
}
.artikel  .imageZoom-wrapper,
.detailansicht  .imageZoom-wrapper {
    position:relative;
    margin:-40px 15px 0px 0px !important;
}
.bild-left,
.bild-right,
.bild-center{
    position:relative;
    margin-bottom:30px;
    max-width: 100%;
    margin-top: 10px;
}
.bild-left {
    float:left;
    margin-right:30px;
}
.bild-right {
    float:right;
    margin-left:30px;
}
.bild-left img,
.bild-right img,
.bild-center img{
    max-width:100%;
    height: auto;
}
.bild-center {
    margin: 0 auto !important;
    /*display: table-cell;*/
    max-width:100%;
}
.bild-center img{
    display:block;
    margin:0 auto !important;
}
.bild-center .postit.small {
    float:none;
    margin:0 auto;
}

.bild-detailansicht .text.detailinfo{
    margin-top:20px;
}
.bild-detailansicht .text.detailinfo .postit{
    margin-top:0px;
}
/*TIEFKUEKLLEXIKON DETAIL*/
.tiefkuehllexikon-details {
    margin-top:50px;
}
/*REZEPT DETAIL*/
.rezept .rezept-info div {
    width:20%;
    float:left;
    padding-top: 70px;
    text-align:center;
}
.rezept  .rezept-info    div.categorie{
    background:url(/static/img2017/icon-rezept-gemuese.png) no-repeat center center;
}
.rezept .rezept-info div.weight{
    background:url(/static/img2017/icon-rezept-leicht.png) no-repeat center center;
}
.rezept .rezept-info div.zeit{
    background:url(/static/img2017/icon-rezept-zeit.png) no-repeat center center;
}
.rezept .rezept-info div.personen{
    background:url(/static/img2017/icon-rezept-personen.png) no-repeat center center;
}
.rezept .rezept-info div.waage{
    /*background:url(/static/img2017/icon-rezept-gemuese.png) no-repeat center center;*/
}
.rezept .rezept-info div.waage{
    background:url(/static/img2017/icon-rezept-kalorien.png) no-repeat center center;
}
.rezept-ingredients {
    float:left;
    margin-bottom: 20px;
}
.rezept-ingredients-text {
    margin-top: 24px;
    float: left;
    font-size:18px;
    max-width: 550px;
}
.rezept-content h2 {
    text-align: left;
    margin-bottom:20px;
}
.rezept-content-list-item-content span {
    margin-right:5px;
}
/*LISTE 60 COOLE GESCHICHTEN*/
.jubilaeum-liste .text {
    font-family: 'MyriadPro-Light', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 130%;
    line-height: 130%;
}
.jubilaeum-liste  ul > li.text {
    background:#fff !important;
}
.jubilaeum-liste ul > li.col-1{
    float:right !important;
    box-sizing:border-box;
    width:31.333%;
    display:inline;
	margin-right:0;
}
.jubilaeum-liste ul {
    display: flex;
    flex-wrap: wrap;
}
.jubilaeum-liste ul > li{
    float:left;
    width:31.333%;
    height:350px;
    position:relative;
    /*z-index: -10;*/
}
.jubilaeum-liste ul > li:nth-child(3n + 2){
    margin-left:3%;
    margin-right:3%;
}

.jubilaeum-liste ul > li > ul li{
    float:none;
    box-sizing:border-box;
    width:100%;
    display:block;
    margin-bottom:75px;
}
.jubilaeum-liste .title {
	font-weight:bold;
	text-transform:uppercase;
	margin-top:10px;
}
.jubilaeum-liste .number {
    color:#fff;    
    font-weight:bold;
    padding:5px 20px;
    font-size: 140%;
    line-height: 160%;
}
.jubilaeum-liste .jubilaeum-image-number-wrapper {
    position:relative;
    width:100%;
    float:left;
	margin-bottom: 20px;
}
.jubilaeum-liste .jubilaeum-image-number-wrapper .jubilaeum-image-wrapper {

} 
.jubilaeum-liste .number-in-image  {
    position:absolute;
    bottom:0;
}
.jubilaeum-liste .html5MediaPlayerVideo-wrapper {
    width:66.666% !important;
}
.jubilaeum-liste .html5MediaPlayerVideo,
.jubilaeum-liste .jubilaeum-image-wrapper,
.jubilaeum-liste .jubilaeum-image-wrapper > div,
.jubilaeum-liste .jubilaeum-image-wrapper img {
    width:100% !important;
    height:auto;
    display:block;
    margin:0;
}
.jubilaeum-liste .number.schwarz {
    background:rgba(0,4,12,1);
}

.jubilaeum-liste .title.schwarz{
    color:rgba(rgba(0,4,12,1));
}
.jubilaeum-liste .number.grau {
    background:rgba(77,82,94,1);
}
.jubilaeum-liste .title.grau {
    color:rgba(77,82,94,1);
}
.jubilaeum-liste .number.blaugruen {
    background:rgba(0,169,132,1);
}
.jubilaeum-liste .title.blaugruen {
    color:rgba(0,169,132,1);
}
.jubilaeum-liste .number.gruen {
    background:rgba(159,205,105,1);
}
.jubilaeum-liste .title.gruen {
    color:rgba(159,205,105,1);
}
.jubilaeum-liste .number.blau {
    background:rgba(0,128,201,1);
}
.jubilaeum-liste .title.blau {
    color:rgba(0,128,201,1);
}
.jubilaeum-liste .number.orange {
    background:rgba(243,146,0,1);
}
.jubilaeum-liste .title.orange {
    color:rgba(243,146,0,1);
}
.jubilaeum-liste .number.rotorange {
    background:rgba(236,102,8,1);
}
.jubilaeum-liste .title.rotorange {
    color:rgba(236,102,8,1);
}

.jubilaeum-liste .postit {
    position: absolute;
    bottom: 15px;
    right: 0;
}

/*formulare-dti*/
dl.zend_form {
    width:100% !important;
}
.formulare-dti {
    margin-top:20px;
    margin-bottom: 20px;
}
.formulare-dti textarea,
.formulare-dti input[type='text'],
.formulare-dti input[type='password'],
.formulare-dti select,
.formulare-dti .form-element label ,
.formulare-dti  .button input{
    font-size: 18px;
    line-height: 26px;
}
.formulare-dti textarea,
.formulare-dti input[type='text'],
.formulare-dti select,
.formulare-dti input[type='password'] {
    border:none;
    background:#E5E6E8;
    width:100%;
    box-sizing:border-box;
    padding:5px 10px;

}

.formulare-dti input[type='radio'] {
    margin-right:5px;
}

.formulare-dti .zwei-in-eins-formelement {
    width:100%;
    float:left;
}

.formulare-dti .form-element {
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:10px;
}

.formulare-dti .form-element div.label,
.formulare-dti .form-element label {
    position:absolute;
	float:left;
    top:-5000px;
}
.formulare-dti .form-element.show-label div.label,
.formulare-dti .form-element.show-label label {
    position:static;
}
.formulare-dti .form-element.kontakt label:first-child,
.formulare-dti .form-element.kontaktForm  label:first-child,
.formulare-dti .form-element.anrede label:first-child {
	width:100%;
	display:block;
}
.formulare-dti .form-element.kontaktForm label,
.formulare-dti .form-element.kontakt label,
.formulare-dti .form-element.sparte label,
.formulare-dti .form-element.anrede label {
	margin-right:8px;
}
.formulare-dti .form-element.kontaktForm  br,
.formulare-dti .form-element.anrede  br {
	display: none !important;
}
.formulare-dti .form-element.remember-me  label,
.formulare-dti .form-element:last-child  label {
	float:none !important;
}
.formulare-dti #datenschutz,
.formulare-dti #rememberMe,
.formulare-dti #bestellungAlsMitglied,
.formulare-dti .kontaktForm input{
	float:left;
    margin-top: 6px;
    margin-right: 5px;

}
.formulare-dti .kontaktForm input{
    margin-left:-20px;
}
.formulare-dti .kontaktForm label.multi-checkbox{
    margin-left:20px;
}
.formulare-dti .form-left-element,
.formulare-dti .form-right-element  {
    width:49%;    
    float:left;
    box-sizing:border-box;
    margin-right:2%;
}
.formulare-dti .form-right-element {
    margin-right:0;
    float:none;
}

.formulare-dti #datenschutz + label {
    position:relative;
    top:0;
}
.formulare-dti > div > .form-element:nth-child(4) .form-element:first-child{
    width:70%;
    margin-right: 2%;
}
.formulare-dti > div > .form-element:nth-child(4) .form-element:nth-child(2) {
    width:28%;
}
.formulare-dti > div > .form-element:nth-child(5) .form-element:first-child{
    width:28%;
    margin-right: 2%;
}
.formulare-dti > div > .form-element:nth-child(5) .form-element:nth-child(2) {
    width:70%;
}
.formulare-dti .button {
    float:right;
}
.formulare-dti .button input{
    border:none;
    float: left;
    padding: 0px;
    text-decoration: none;
    line-height: 31px;
    padding: 0px 15px;
    display: block;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   color:#fff;
}

.formulare-dti.mitglied-weden .sparte label {
    width:100%;
}

#datenschutz {

}
.formulare-dti.bestellformular .bestellungAlsMitglied label,
.formulare-dti.bestellformular .datenschutz  label {
    float:none;
    line-height: 28px;
}
.formulare-dti.form-element > .form-element {
    margin-bottom:0;
}

.formulare-dti.warenkorb-uebersicht {
    font-size:18px;
    line-height:26px;

}
.formulare-dti.warenkorb-uebersicht .bestellformular{
    background:url(/static/img2017/bg-teaser-eindrittel-contact.jpg);
    background-size: cover;
    padding:20px;
    margin-bottom:10px;
}

.formulare-dti.warenkorb-uebersicht .title,
.formulare-dti.warenkorb-uebersicht .price{
    font-weight:700;
    float:left;
    max-width:85%;
}
.formulare-dti.warenkorb-uebersicht .price {
    float:right;
}
.formulare-dti.warenkorb-uebersicht .beschreibung input {
    float:left;
    width:50px;
    margin-right:10px;
}
.formulare-dti.warenkorb-uebersicht .beschreibung input.amount {
    background:#fff;
}
.formulare-dti.warenkorb-uebersicht .beschreibung input.camo {
    width:auto;
    border:none;
    line-height: 36px;
}

/* HTML5MediaPlayer */

/* Fix fue CurrentTime-Darstellung */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: block!important; 
}

/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
  display: none!important;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
  min-height: 2.5em;
}
/* no big play btn on audio */
.video-js.vjs-audio .vjs-big-play-button { 
    display: none !important; 
}
.video-js.vjs-audio .vjs-progress-control:hover {
    height: .5em !important;
    top: -.5em !important;
}
/* No popup on mouseover. */
.video-js.vjs-audio .vjs-time-tooltip {
    display:none;
}
.video-js.vjs-audio .vjs-progress-holder {
    border-top: 1px solid #3f3f3f;
    border-left: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
}
.video-js.vjs-audio .vjs-text-track-display div div { 
    font-size: 15px!important; 
}
@media screen and (max-width: 450px) {
    div.html5MediaPlayerVideo {
        width: 100% !important;
    }
}
.video-js.drittel .vjs-control-bar {
    font-size: 9px;
}
.video-js.drittel .vjs-time-control.vjs-current-time {
    margin-left: 5px;
}
.video-js div.vjs-time-control {
    padding-left: 0;
    padding-right: 0;
}
.video-js.drittel .vjs-time-control {
    padding-left: 0;
    padding-right: 0;
}
/* Fokus-Styles */
#content .video-js :not(video):not(audio):not(object):focus {
    outline: none !important;
    border-bottom: 3px solid #416fb5;
}

#content .video-js .vjs-big-play-button:focus,
#content .video-js .vjs-progress-holder:focus {
    border: 1px solid #416fb5;
}
.video-js .vjs-control-bar .vjs-button:not(.vjs-hidden):nth-last-child(1) div.vjs-menu {
    left: -6em!important;
}

#content .video-js.vjs-error .vjs-big-play-button {
    display: none;
}

.descriptionLink {
    display: inline-block;
}

.descriptionLink:focus {
    outline: 2px solid;
}
.vjs-menu li {

    line-height: 1.4em!important;
    font-size: 1.2em!important;
}


/*Gluecksrad und Quiz*/
.artikel.game p{
    margin-top:35px;
}
#game-background .bold {
    font-weight: bold;
}

a#grad-open.mehr,
a#quiz-open.mehr {
    display: none;
}

#grad-alt,
#quiz-alt {
    display: block;
}

#game-background {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding-bottom: 100px;
    z-index: 19886361;
}

#game-overlay {
    top: 25px;
    margin: 0 auto 25px;
    width: 700px;
    padding-bottom: 129px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 2px 2px 2px 1px #000; /* WebKit */
    -moz-box-shadow: 2px 2px 2px 1px #000; /* Firefox */
    box-shadow: 2px 2px 2px 1px #000; /* Standard */
    max-width: 100%;
}

#game-overlay.grad {
    padding-bottom: 50px;
}

#game-overlay #game-close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    background: url(/static/img/games/close-button-0.png) no-repeat left top;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
}

#game-overlay #game-close:hover {
    background: url(/static/img/games/close-button-1.png) no-repeat left top;
}

#game-overlay .position-lr {
    padding-left: 39px;
    padding-right: 39px;
}

#game-overlay .game-head {
    background: url(/static/img/games/head-border.png) no-repeat left bottom;
}

#game-overlay .game-logo {
    height: 100px;
    padding-top: 37px;
}

#game-overlay #bullet-line {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 23px;
}

#game-overlay #game-play-layer {
    padding-top: 37px;
}

#game-overlay.grad #game-play-layer {
    -ms-touch-action: none; 
}

#game-overlay #game-body {
    min-height: 679px;
}

#game-overlay #gameBody {
    overflow: hidden;
}

#game-overlay.grad #gameBody {
    -ms-touch-action: none; 
    padding-top: 10px;
    text-align: center;
}

#game-overlay .head {
    font-size: 21px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

#game-overlay.grad .head {
    font-weight: 500;
}

#instruction {
    min-height: 70px;
    position: relative;
    width: 100%;
}

#instruction #intructText {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 70px;
}

#game-overlay.grad .head {
    font-size: 16px;
}

#game-overlay .head.line-one {
    color: rgba(0,169,132,1);;
}

#game-overlay .head.line-three {
    color: rgba(0,169,132,1);;
}

#game-overlay #game-play-layer .progress {
    color: #909090;
    margin-top: 14px;
    margin-bottom: 13px;
    text-align: center;
}

#game-overlay #game-play-layer .bullet {
    background: url(/static/img/games/dtiquiz/bullet.png) no-repeat left bottom;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 6px;
}

#game-overlay #game-play-layer .bullet.inactive {
    background-image: url(/static/img/games/dtiquiz/bullet-inactive.png);
}

#game-overlay #game-play-layer img#game-picture {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;
    display: block;
}

#game-overlay.grad img#game-picture {
    width: 100%;
    height: auto;
    margin: 0 !important;
}

#game-overlay .image-container {
    max-height: 400px;
    overflow: hidden;
}

#game-overlay #game-evaluation {
    display: none;
    padding-bottom: 50px;
}

#game-overlay .game-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 92px;
    width: 100%;
}

#game-overlay #btnNo {
    float: left;
    margin-left: 39px;
    background: url(/static/img/games/dtiquiz/arrow-last.png) no-repeat 30px center #0095d9;
    padding-left: 45px;
    display: inline-block;
    padding-right: 30px;
    padding-left: 50px;
}

#game-overlay #btnGo,
#game-overlay #btnYes,
#game-overlay #btnSend {
    float: right;
    margin-right: 39px;
    background: url(/static/img/games/dtiquiz/arrow-next.png) no-repeat right center #0095d9;
    background: url(/static/img/games/dtiquiz/arrow-next.png) no-repeat right 30px center #0095d9;
    display: inline-block;
    padding-left: 30px;
    padding-right: 50px;
}

#game-overlay #btnGo,
#game-overlay #btnNo,
#game-overlay #btnYes,
#game-overlay #btnSend {
    height: 50px;
    min-width: 135px;
    border: 0 none;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    max-width: 40%;
}

#btnSend,
#btnGo {
    position: absolute;
    bottom: 40px;
    right: 1px;
}
#btnSend{
    width:270px;
}

#game-overlay .responsive-divider {
    display: none;
}

#game-overlay .imgContainer {
    position: relative;
}

#game-overlay.grad .imgContainer {
    margin-top: 30px;
}

#game-overlay .imgContainer .grad-pointer {
    left: 50%;
    margin-left: -152px;
    position: absolute;
    top: -35px;
    background: url(/static/img/games/dtigluecksrad/gluecksrad-marker.png) no-repeat center center;
    width: 304px;
    height: 90px;
    z-index: 101;
    display: block;
}

#game-overlay.grad .productpictureContainer {
    width: 15.5%;
    height: 15.5%;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
}

#game-overlay.grad .productpictureContainer .productpicture{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#game-overlay.grad .productpictureContainer.logo1 {
    margin-left: -7.5%;
    margin-top: -44.5%;
}

#game-overlay.grad .productpictureContainer.logo2 {
    margin-left: 24%;
    margin-top: -26%;
}

#game-overlay.grad .productpictureContainer.logo3 {
    margin-left: 24%;
    margin-top: 10.6%;
}

#game-overlay.grad .productpictureContainer.logo4 {
    margin-left: -7.5%;
    margin-top: 29%;
}

#game-overlay.grad .productpictureContainer.logo5 {
    margin-left: -39.5%;
    margin-top: 10.6%;
}

#game-overlay.grad .productpictureContainer.logo6 {
    margin-left: -39.5%;
    margin-top: -26%;
}

#swipe-right {
    position: absolute;
    height: 33%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    -ms-touch-action: none; 
}

#swipe-left {
    position: absolute;
    height: 33%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 200;
    -ms-touch-action: none; 
}

#swipe-up {
    position: absolute;
    width: 33%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    -ms-touch-action: none; 
}

#swipe-down {
    position: absolute;
    width: 33%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 200;
    -ms-touch-action: none; 
}

#center-tap {
    width: 30.2%;
    height: 32%;
    position: absolute;
    top: 34%;
    left: 34.9%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 99;
}

#ieLayer {
    width: 100%; 
    height: 100%; 
    background-repeat: no-repeat; 
    background-position: center center; 
    z-index: 98;
    position: absolute;
    margin-top: -0.25%;
}

#grad-image-preload {
    background-color: black;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

#turnThis {
    max-width: 589px;
    margin: 0 auto;
}

@media (max-width: 750px) {
    #game-overlay #game-close {
        right: 10px;
        top: 10px;
        width: auto;
        padding-left: 36px;
        text-indent: 0;
        color: #0097da;
        font-size: 0.9em;
        height: 40px;
        line-height: 26px;
    }

    #game-overlay #game-close:hover {
        text-decoration: underline;
    }
}

@media (max-width: 736px) {
    #game-overlay {
        top: 0;
        margin-bottom: 0;
        overflow-x: hidden;
    }
}

@media (max-width: 560px) {
    #game-overlay .responsive-divider {
        display: block;
        height: 5px;
    }
    #game-overlay.grad .imgContainer {
        margin-top: 22px;
    }

    #game-overlay .imgContainer .grad-pointer {
        margin-left: -100px;
        top: -22px;
        background-size: 200px 60px;
        width: 200px;
        height: 60px;
    }
}

@media (max-width: 500px) {
    #instruction {
        min-height: 60px;
    }
}

@media (max-width: 460px) {
    #game-overlay.grad .imgContainer {
        margin-top: 12px;
    }

    #game-overlay .imgContainer .grad-pointer {
        margin-left: -75px;
        top: -12px;
        background-size: 150px 45px;
        width: 150px;
        height: 45px;
    }
}

@media (max-width: 390px) {
    #game-overlay #btnNo{
        background-position: 7px center;
        padding-left: 25px;
        padding-right: 15px;
        min-width: 95px;
    }

    #game-overlay #btnYes {
        background-position: right 7px center;
        padding-left: 15px;
        padding-right: 25px;
        min-width: 95px;
    }
    #game-overlay #btnGo,
    #game-overlay #btnSend {
        right: -33px;
        bottom: 20px;
    }
}

@media (max-width: 340px) {
    #game-overlay #game-play-layer .head {
        font-size: 19px;
    }
}

@media (max-width: 330px) {
    #game-overlay #game-play-layer .bullet {
        margin: 0 3px;
    }
}

@media (max-width: 320px) {
    #game-overlay #game-play-layer .head {
        font-size: 17px;
    }
}

/*BILDERZOOM*/
body#boder-zoom {
    overflow-x: hidden;
}
#overlay {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    z-index: 100000;
    padding:50px;
    box-sizing:border-box;
    width: 100% !important;
}
#loginarea  h1,
#overlay h1{
    color:#fff !important;
}

#overlay .center {
    margin:0 auto;
    position: relative;
    z-index: 100000;
}

#overlay .center img{
    margin:35px auto;
    max-width:100%;
    height:auto;
    display:block;
    display:block;
}
a.close {
    color:#fff;
    float:right;
    font-size:20px;
    line-height:30px;
}
#overlay .detailinfo {
    color:#fff;
    font-size:18px;
    max-width:400px;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}
#overlay .detailinfo-link {

}
#overlay .detailinfo-link .postit{
    margin-top:0;
    margin-bottom:20px;
}
/*Quick-Login*/
#loginarea {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    z-index: 100000;
    padding:50px;
    box-sizing:border-box;
    width:100% !important;
    display:none;
    height:100%;
}
#loginarea dl.zend_form {
    margin-top:30px;
}
#loginarea dl.zend_form .form-element:nth-child(2) {
    max-width:48%;
    float:left;
}
#loginarea dl.zend_form .form-element:nth-child(3) {
    max-width:48%;
    float:right;
}
#loginarea dl.zend_form .form-element:nth-child(4) {
        margin-top:10px;
}
#loginarea label {
    color:#fff;
}
/*SLIDESHOW*/
#slideshow {
    position:relative;
    float:left;
    margin-top:-110px;
}
/*
#slideshow.no-script {
    height:1326px;
}*/
#slideshow.no-script img{
    display:block !important;
}
.slider-wrapper {
    display:inline-block;
    width:100%;
    height:100%;
}
#slideshow #slider {
    float:right;
    width: 100%;
    position:relative;
    overflow: hidden;
    max-height: 517px;
}
#slideshow #slider img {
    width:100%;
}
#slideshow .center{
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 220px;
    position: relative;
}
#slideshow.no-script #slider div{
    display:none;
}
#slideshow.no-script #slider div:first-child{
    display:block;
}
.claim-element {
    position:relative;
    z-index:5000;
    width:396px;
    height: 396px;
}
#slideshow .claim {
    position:absolute;
    width: 422px;
}
#slideshow .box{
    box-sizing: border-box;
    padding: 30px;
    min-width: 422px;
    min-height: 312px;
    max-width: 422px;
    max-height: 312px;
    overflow: hidden;
}

#slideshow .box h3 {
    text-align:left;
    margin-bottom:25px;
}

#slideshow .box .text {
    font-size: 30px;
    line-height: 45px;
    color:#fff;
}

#slideshow .teaser-slider .postit{
    bottom: -105px;
    left: 0px;
    position: absolute;
    width: 100%;
}
/*
#slideshow.halbes-bild {
    margin-bottom: 40px;
}

#slideshow.halbes-bild #slider{
    max-height:423px;
    margin-bottom: 20px;
}*/


#slideshow.no-script img {
    width:100%;
    height:auto;
}
#slideshow.no-script img {
    max-width:100%;
    height:auto;
}
/*
#slideshow.no-js.no-script.halbes-bild {
    max-height:750px;
}
#slideshow.no-js.no-script.halbes-bild #slider {
    max-height:750px;
}
#slideshow.no-js.no-script.halbes-bild .element0 {
    max-height:423px;
    overflow:hidden;
}*/

#slideshow.no-js .spinner {
    display:none;
}
#slideshow .spinner {
  width: 100%;
  height: calc(100% - 80px);
  text-align: center;
  position:absolute;
  z-index:1000;
}

#slideshow.halbes-bild .spinner {
  height:725px;
}

#slideshow .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    position: relative;
    z-index: 1001;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation-delay: 0s;
    margin-top: 20%;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
    max-height: 1250px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: 100%;
    height:auto;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
    float:right;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


#slideshow .nivo-controlNav a {
    border: 0 none;
    display: inline-block;
    height: 21px;
    line-height: 0;
    margin: 0 7px;
    text-indent: 9000px;
    width: 21px;
}
#slideshow .nivo-controlNav {
    bottom: 110px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#slideshow.no-script .arrow-layer-wrapper {
    background: none;
    float: left;
    height: 51px;
    margin-top: -102px;
    width: 100%;
    display:table;
    z-index: 999;
    position: absolute;
    bottom: 0px;
}

#slideshow .arrow-layer-wrapper {
    background: none;
    float: left;
    height: 51px;
    margin-top: -102px;
    width: 100%;
    display:table;
    z-index: 999;
    position: absolute;
    bottom: 0px; 
}

.arrow-layer-left,
.arrow-layer-right,
.arrow-layer {
    display:table-cell;
}
.arrow-layer-left,
.arrow-layer-right {
    background:#fff;
}

.arrow-layer {
    background: url("/static/img2017/slider-arrow.png") no-repeat scroll 0 0;
    width:98px;
    height:51px;
    margin:0 auto;

}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*SITEMAP*/
.sitemap ul > li li{
    margin-left:40px;
}


#slideshow.halbes-bild  .element0{
    overflow:hidden;
    height:468px;
}

#slideshow.halbes-bild img {
    margin: 0 auto;
    width: 1990px !important;
    height: 468px !important;
    max-width:10000px !important;
    display: block;
    float: right;
}

/*GAMES*/
#grad-open,
#quiz-open {
    text-align:center !important;
    margin-bottom:20px;
}
#grad-open img,
#quiz-open  img{
    margin-bottom:20px;
}
.frageNummer{
    float: left;
    margin-right: 10px;
    font-family: 'MyriadPro-Regular', Tahoma, Arial, Helvetica, sans-serif;
}

.liste-mitglieder {
    max-width:650px;
}
.liste-mitglieder ul.liste.eintraege li a span.link-text {
    font-size: 93%;
}
.farbraster {
    margin-top:30px;
}
.farbraster ul {
    margin-top: 0px !important;
}
.farbraster ul li{
    width:33%;
}
.farbraster .postit,
.farbraster .postit-inner {
    width: 100%;
}

.farbraster .postit div.title {
    width: 100%;
    padding-top: 80px;
    padding-left: 30px;
    color: #fff;
    font-family: 'MyriadPro-SemiboldCond', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 55px;
    line-height: 55px;
    text-transform: uppercase;
    height:auto;
    box-sizing: border-box;
    padding-right: 30px;
}
.farbraster .postit div.inhalt {
    width: 100%;
    padding-top: 20px;
    padding-left: 30px;
    color: #fff;
    text-transform:initial;
    font-family: 'MyriadPro-Light', Tahoma, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    padding-right: 30px;
}
.farbraster .postit .more {
    width: calc(100% - 100px);
    height: 100px;
    float: left;
}
.farbraster .postit .corner {
    height:100px;
    width:100px;
}


.farbraster .postit.rotorange div.camo {
    background-color: #F29552 !important;
}
.jubilaeum-liste .postit.rotorange .corner,
.farbraster .postit.rotorange .corner {
    background-position: -600px 0px;
}
.farbraster .postit.grau div.camo {
    background-color: #808185 !important;
}
.farbraster .postit.grau .corner {
background-position: 0px  0px;
}
.farbraster .postit.dunkelgrau div.camo {
    background-color: #4C4C4C;
}
.farbraster .postit.dunkelgrau .corner {
background-position: -500px 0px;
}
.farbraster .postit.hellblaugruen div.camo {
    background-color: #82D5C3;
}
.farbraster .postit.hellblaugruen .corner {
background-position: -800px 0px;
}
.farbraster .postit.hellgruen div.camo {
    background-color: #BDDC96;
}
.farbraster .postit.hellgruen .corner {
background-position: -700px 0px;
}

/*
.liste-raster ul.eintraege li, .teaser-raster ul li {
    width: calc(50% - 5px) !important;
    float: left !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}
*/


.tiefkuehl-star-wettbewerb  .bild-left + script + script + .bild-left + script + .bild-left {
    margin-right:0;
}

.tiefkuehl-star-wettbewerb  .bild-left + script + script + .bild-left {
    margin-left:-25px;
    margin-right:5px;
}
/*.artikel .html5MediaPlayerVideo +
.artikel .html5MediaPlayerVideo {
    margin-right:3px !important;
}*/

.button.link-wrapper {
    margin-left:30px;
}
.gremium {
    margin-bottom:30px;
}
.teaser-frisch-geblogged p a {
    color:#000000 !important;
}

.teaser-frisch-geblogged  .infos {
    display:none;
}

/*****Ausnahmen fuer anmeldung kaelteforum 2018****/
body.va #border {
    display: none;
}

body.va #head {
    display: none;
}

body.va #content {
    padding-top: 30px;
}

body.va #footer {
    display: none;
}

/*****Teaser Wichtig****/
.teaserWichtigWrapper {
    margin-bottom: 3%;
}

.teaserWichtigInhalt {
    padding: 40px 50px 10px 50px; 
    font-family: "MyriadPro-Light", Tahoma, Arial, Helvetica, sans-serif;
}

.teaserWichtigTitel {
    color: #fff; 
    text-align: left;
    font-size: 150% !important;      
    font-size: 100%; 
    margin-bottom: 25px;
}

.teaserWichtigText {
    color: #fff; 
    font-size: 80%; 
    line-height: 1.7;
}

.teaserWichtigText strong {
    font-family: 'MyriadPro-Semibold', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%; 
}

.teaserWichtigWrapper .corner {
    width: 80px; 
    height: 80px;
}

.teaserWichtigWrapper .teaserWichtigBottom {
    width: calc(100% - 80px); 
    height: 80px;
}
/********pressekit-Anpassungen********/

body.pressekit-inhalt-91-jahre-tiefkuehlkost .bild-right img,
body.pressekit-inhalt .bild-right img {
    border: 1px solid rgba( 0,169,132,1);
}

body.pressekit-inhalt-91-jahre-tiefkuehlkost .bild-left img,
body.pressekit-inhalt .bild-left img {
    border: 1px solid rgba( 0,169,132,1);
}

body.pressekit-inhalt-91-jahre-tiefkuehlkost .caption,
body.pressekit-inhalt .caption {
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 25px;
}

/********Pressemitteilungen********/
.pmDownloadlink {
    margin-top: 1em;    
}
.pmContact {
    margin-top: 1em;
}

/********Styles fuer p-Parser********/
#content h2 {
    margin-top:3.1rem;
}
#content p + h2 {
    margin-top:5.1rem;
}
#content div.text.row-1000.artikel > div > h2 {
    /*margin-top:0;*/
}
#content .hZweiLinks {
    margin-top:4.1rem;
} 
#content p + ul.accordion,
#content p + .bild-left img, 
#content p + .bild-right img, 
#content p + .bild-center img,
#content p + img {
    margin-top:4.15rem;
} 
#content .paragraphGapStyle1 {
    margin-top:2.1rem !important;
}
#content .paragraphGapStyle2 {
    margin-top:1.8rem !important;
}#content .paragraphGapStyle3 {
    margin-top:4.1rem !important;
}

/*CONSENT-TOOL*/
.consentToolWrapper {
    color: white;
    position: fixed;
    height: auto;
    width: 550px;
    font-family: 'MyriadPro-Light', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    right: 0;
    bottom: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 9999999;
    background: #79889B;
    box-shadow: 0px 0px 1px 1px rgb(224, 224, 224);
    border-radius: 3px;
} 
.consentToolWrapper h2 {
    color: white;
}
.consentToolWrapper a {
    color: #3D4F63;
    font-weight: bold;
    text-decoration: none;
}
.consentToolWrapper a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.consentToolInnerWrapper {
    margin: 0 25px 25px 25px;
}
.consentToolWrapper .consentToolWrapperHeading {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    margin: 25px 25px 14px 25px;
}
.consentToolWrapper .consentToolInnerForm .description {
    font-size: 16px;
}
.consentToolWrapper .toggleTextWrapper {
    right: -40px;
    position: relative;
    width: 200px;
    display: block;
    top: -4px;
    font-size: 16px;
}
.switch-container {
    margin-top: 15px;
}
.consentToolWrapper form {
    margin-bottom: 0;        
}

button.matomo-consent-trigger {
    text-transform: none;
    float: right;
    padding: 1px 0px;
}

button.matomo-consent-trigger:hover {
    text-decoration: none;
    cursor: pointer;
}

#matomoConsent.consentToolInnerWrapper button {
    background-color: #3D4F63;
    color: white;
    border-color: #3D4F63;
    font-family: "Source Sans Pro", sans-serif; 
    font-size: 18px;
}
#matomoConsent.consentToolInnerWrapper button:hover {
    background-color: #506072;
    color: white;
}
#matomoConsent.consentToolInnerWrapper button[type=submit] {
    margin: 15px 10px 0px 0px; 
    vertical-align: middle;
    text-align: center;
    padding: 7px 50px 9px 50px;
    cursor: pointer;
} 
#matomoConsent.consentToolInnerWrapper button[type=submit].accept {
    background-color: #3D4F63;
    color: white;
}
#matomoConsent.consentToolInnerWrapper button[type=submit].accept:hover {
    background-color: #506072;
    color: white;
}
#matomoConsent.consentToolInnerWrapper button[type=submit].save {
    margin: 4px 10px 0px 160px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 50px 9px 50px;
    cursor: pointer;
}
.switch { 
    position: relative; 
    display: inline-block; 
    width: 30px; 
    height: 17px; 
    vertical-align:text-bottom; 
    margin-right:10px; 
}
.switch input { 
    opacity: 0; 
    width: 0; 
    height: 0; 
}
.slider { 
    position: absolute; 
    cursor: pointer; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #ccc; 
    -webkit-transition: .4s; 
    transition: .4s; 
}
.slider:before { 
    position: absolute; 
    content: ""; 
    height: 13px; 
    width: 13px; 
    left: 2px; 
    bottom: 2px; 
    background-color: white; 
    -webkit-transition: .4s; 
    transition: .4s; 
}
input:checked + .slider { 
    background-color: #3D4F63;; 
}
input:focus + .slider { 
    box-shadow: 0 0 1px #364f81; 
}
input:checked + .slider:before { 
    -webkit-transform: translateX(13px); 
    -ms-transform: translateX(13px); 
    transform: translateX(13px); 
}
.slider.round { 
    border-radius: 17px; 
    width: 30px;
}
.slider.round:before { 
    border-radius: 50%; 
}

input.trigger-consent-banner:not(:checked) + div#matomoConsent,
input.trigger-stage-a:not(:checked) + span.stage-a,
input.trigger-stage-b:not(:checked) ~ span.stage-b { 
    display:none; 
}
.matomo-consent-trigger {
    color: white;
    background-color: #4D525E;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    font-size: 20px;
    font-family: "Source Sans Pro", sans-serif;
}
.matomo-consent-trigger:hover {
    text-decoration: underline;
}
#matomo-consent-trigger, .trigger-stage-a, .trigger-stage-b { 
    display:none; 
}    

@media only screen and (max-width: 785px) {
    .consentToolWrapper {
        color: #ffffff !important;
        text-align: left;
    }
    /*#matomoConsent.consentToolInnerWrapper button {
        background-color: #EEEEEE;
        color: #383838;
        border-color: #364f81;
        font-family: "Source Sans Pro", sans-serif; 
        font-size: 18px;
    }
    #matomoConsent.consentToolInnerWrapper button:hover {
        background-color: #364f81;
        color: white;
    }*/   
    .consentToolWrapper .consentToolInnerForm .description {
        margin-bottom: 20px;
    }
    
    /*#header .consentToolWrapper button[type=submit].save {
        margin: 65px 10px 0px 26px;
    }
    .consentToolWrapper .stage-b {
        margin: 70px 10px 0px -38px;   
    }        
    .consentToolWrapper .stage-a {
        display: inline-grid;
        margin: 10px auto;
        position: relative;
        left: 25%;
    }*/
}
@media only screen and (max-width: 540px) {   
    .consentToolWrapper {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 508px) {
    .switch-container {
        display: inline-flex;
    }
    #matomoConsent.consentToolInnerWrapper button[type=submit].save {
        margin-top: 40px !important;
        margin-left: -40px !important;
    }
}
@media only screen and (max-width: 488px) {
    #matomoConsent.consentToolInnerWrapper button {
        width: 220px;
    }    
}

#loginarea a {
    color: #fff;
    font-size: 22px;
}

.kontaktbox {
    padding: 0px;
    background: none;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    float: left;
}
.ansprechpartner-inhalt {
    margin-top:10px;
    float:left;
}
.ansprechpartner-bild {
    border-radius: 248px;
    float: left;
    overflow: hidden;
    width: 200px;
    height: 200px;
    position:relative;
    margin-right:25px;
}
.kontaktbox img {
    max-width:unset;
    position: absolute;
    left: -32%;
    top: 0;
    max-width: 300px;
}
.inline-navigation-wrapper {
    max-width:100%;
    width:1000px;
    margin:0 auto;
    font-family: 'MyriadPro-Semibold', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
    text-decoration:none !important;
    list-style:none !important;
    text-align:center;

}
.inline-navigation ul{
    margin:0 auto;
    width:100%;
}
.inline-navigation li {
    display: inline;
    margin: 0 10px;
}
.inline-navigation li a{
    text-decoration:none !important;
}
.inline-navigation li a.active,
.inline-navigation li:hover a {
    color: rgba(0,169,132,1);
    text-decoration:none !important;
}

@media screen and (max-width: 768px) {
    .partner li {
        width: calc(50% - 20px) !important;
    }
}

@media screen and (max-width: 480px) {
    .partner li {
        width: calc(1000% - 20px) !important;
    }
}
.zitatslider {
    margin-top:1.5em;
}
.actions {
    position: relative;
    float: left;
    height: 25px;
}
.actions .previous{
    position:absolute;
    left:0;
    cursor:pointer;
    max-width: 100%;
}
.actions .next{
    position:absolute;
    right:0;
    cursor:pointer;
}
@media screen and (max-width: 980px) {
    .zitatslider ul {
        overflow-y: auto;
    }
}

.zitat-simon-morris .zitat-image-wrapper img {
    left: 0%;
    width: 100%;
}

.kontaktbox img {
  max-width: unset;
  position: absolute;
  left: -32%;
  top: 0;
  max-width: 300px;
  min-width: 300px;
}
.commblue ul li span.navi-icon {
   bottom: 0 !important;
}