/* Webfonts in use
Rubik,RubikItalic,RubikBold,RubikMedium
*/
/* FontAwesome:
   Brands: font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/

/* General */
* {box-sizing:border-box;}
*:focus {outline: none;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; background-color:#fff; font-size:18px; font-size:1.8rem; font-family:Rubik, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {border:none;}
p, li, th, td, dt, dd {}
h1, h2, h3, h4, h5 {margin:0; font-weight:normal; font-family:RubikMedium, sans-serif;}
h1 {color:#fff; font-size:41px; font-size:4.1rem; line-height:52px; letter-spacing:0.2px;}
h2 {color:#333; font-size:32px; font-size:3.2rem; line-height:40px; letter-spacing:0.2px;}
h3 {color:#333; font-size:24px; font-size:2.4rem; line-height:32px; letter-spacing:0.2px; }
h4 {color:#333; font-size:20px; font-size:2rem; line-height:24px;}
h5 {color:#757575; font-size:18px; font-size:1.8rem; line-height:22px; text-transform:uppercase; font-family:Rubik, sans-serif;}
p {margin-top:0; color:#404040; font-size:18px; font-size:1.8rem; line-height:30px;}
a {color:#006935; text-decoration:none;}
ol,
ul,
.ce-intext.ce-left ol, .ce-intext.ce-left ul {margin:15px 0; padding-left:20px;}
ol {    padding-inline-start:30px;}
ol li {}
/* ol li::before {font-family:RubikMedium, sans-serif; display:inline-block; width:20px; margin-left: -30px; margin-right: 0.5em;
   text-align:right; direction:rtl;} */
th, td {vertical-align:top;}
figure {margin:0;}
.news-img-caption,
figcaption {margin-top:10px; color:#757575; font-size:14px; font-size:1.4rem; line-height:18px;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
input, textarea, select {-moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; }
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0;
  background:url(../image/angle-down-regular.svg) no-repeat right 14px center #fff;}
strong {font-weight:normal; font-family:RubikMedium, sans-serif;}
#wrapper { margin:0 auto;}
main {background-color:#f1f1f1;}
.frame-space-after-medium {margin-bottom:35px !important;}
.frame-space-before-medium {margin-top:35px !important;}
.warning {text-align:center; padding:5px 15px; background-color:#cc0000; color:#fff;}
span.error {color:#e00000;}

/* rte and default buttons*/
/* headerlines */
h4.subline {margin:10px 0; color:#757575; font-size:20px; font-size:2rem; line-height:24px;  font-family:Rubik, sans-serif;}
/* button */
.link-external::after {display:inline-block; vertical-align:baseline; content:"\e910"; margin:0 0 0 3px; font-size:14px;  font-family: 'icomoon';}
.upload-files-btn,
.blue-btn,
.link-button {display:inline-block; border-radius:4px; padding:18px 28px; color:#fff; font-size:16px; font-size:1.6rem; line-height:initial;
  background: rgba(47,75,177,1);
  background: -moz-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
  background: -webkit-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
  background: -o-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
  background: -ms-linear-gradient(top, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
  background: linear-gradient(to bottom, rgba(47,75,177,1) 0%, rgba(40,64,151,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097', GradientType=0 );
}
.upload-files-btn:hover,
.blue-btn:hover,
.link-button:hover {
  background: #4b60dd; /* Old browsers */
  background: -moz-linear-gradient(top, #4b60dd 0%, #4051b9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4b60dd 0%,#4051b9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4b60dd 0%,#4051b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b60dd', endColorstr='#4051b9',GradientType=0 ); /* IE6-9 */
}
.blue-btn:focus,
.link-button:focus {
  background: #21357c; /* Old browsers */
  background: -moz-linear-gradient(top, #21357c 0%, #334cb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #21357c 0%,#334cb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #21357c 0%,#334cb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21357c', endColorstr='#334cb1',GradientType=0 ); /* IE6-9 */
}
.link-internal-more::after {display:inline-block; vertical-align:bottom; content:"\e912"; margin:0 0 0 10px;  font-family: 'icomoon';}
/* inline elements */
.grey-highlight {color:#757575; font-size:20px; font-size:2rem;}

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

/* loading spinner */
.loading-spinner {
  border: 3px solid #c8c8c8;
  border-top: 3px solid #006935;
  border-radius: 50%;
  position: absolute;
  width: 28px;
  height: 28px;
  display: none;
  animation: loading-spinner-spin 0.8s linear infinite;
}

#topbox .loading-spinner {
  top: 11px;
  right: 60px;
}

.product-filters .filter .loading-spinner {
  right: 10px;
  top: 39px;
}

@keyframes loading-spinner-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* autocomplete */
#content .staff-suggestion-list,
.autocomplete-suggestions {width:100% !important; top:140px !important; max-height:none !important;
  background-color:#fff; border-radius:4px; border:solid 1px #e0e0e0;}
.staff-search-text-wrap {position:relative;}
#content .staff-suggestion-list {position:absolute; top:40px !important; padding:0; border:solid 1px #e0e0e0;}
#content .staff-suggestion-list.closed {display:none;}
#content .staff-suggestion-list-open {border:solid 1px #e0e0e0;}
.autocomplete-group:first-child {border-top:0;}
.autocomplete-group {padding:14px 16px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;
  text-transform:uppercase; background-color:#fafafa; color:#757575; font-size:14px; font-size:1.4rem;}
#content .staff-suggestion-item,
.autocomplete-suggestion {width:315px; margin:14px 0; padding:0 16px; cursor:pointer; color:#006935; font-size:16px; font-size:1.6rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
#content .staff-suggestion-item:hover,
.autocomplete-suggestion:hover {text-decoration: underline;}

/* header */
#wrapper > header {background-color:#fff;}
#topbox {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; max-width:1170px; padding:16px 0px 0;}

/* logo */
#topbox a#homelink {display:block; line-height:0;}
#topbox .right-col {position:relative; display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-end;}

/* servicenav */
#servicenav {margin-top:7px;}
#servicenav ul {margin:0; padding:0; list-style-type:none;}
#servicenav ul li {display:inline-block; padding:0 16px; border-left:1px solid #cbcbcb; text-align:center;}
#servicenav ul li:last-child {border-right:1px solid #e0e0e0;}
#servicenav ul li span {display:block; padding-top:3px; margin-bottom:9px; font-size:24px; font-size:2.4rem;}
#servicenav ul li .image {padding-top:0; line-height:20px;}
#servicenav ul li .image-deposit {display:block;height:25px; width:25px; background:url(../image/icon_deposit.svg); background-size:cover; margin:0 auto 9px;}
#servicenav ul li .image-press {display:block; height:23px; width:26px; background:url(../image/icon_press.svg); background-size:cover; margin:0 auto 9px;}
#servicenav ul li .image-catalogue {display:block; height:23px; width:26px; background:url(../image/katalog.svg) no-repeat; background-size: 88%; margin:0 auto 9px;}
#servicenav ul li a {display:block; color:#cbcbcb; text-transform:uppercase; font-size:12px; font-size:1.2rem;}
/* #servicenav ul li a .icon-placeholder {margin:0 auto 10px; width:24px; height:24px; background-color:#cbcbcb;}
#servicenav ul li a:hover .icon-placeholder {background-color:#006935} */
#servicenav ul li a:hover .image-deposit {background:url(../image/icon_deposit_hover.svg); background-size: cover;}
#servicenav ul li a:hover .image-press {background:url(../image/icon_press_hover.svg); background-size: cover;}
#servicenav ul li a:hover .image-catalogue {background:url(../image/katalog_hover.svg) no-repeat; background-size: 88%;}
#servicenav ul li.act a,
#servicenav ul li a:hover {color:#006935}
#servicenav ul li.last {color:#f2f2f2; text-transform:uppercase; font-size:12px; font-size:1.2rem;}

/* mainnav */
#topnav {float:left; margin-top:25px;}
#topnav ul {padding:0; margin:0; list-style-type:none;}
#topnav > ul > li {display:inline-block; position:relative;}
#topnav > ul > li > a {display:block; margin-right:25px; padding-bottom:20px; color:#333; border-bottom:6px solid transparent; font-size:18px; font-size:1.8rem; line-height:22px; font-family:RubikMedium, sans-serif;}
#topnav > ul > li > a:hover,
#topnav > ul > li.act > a,
#topnav > ul > li:hover > a {color:#006935; border-bottom:6px solid #006935;}
#topnav ul > li:last-child > a {margin-right:0;}

#topnav .secondlvl {z-index:999; visibility: hidden; opacity: 0; transition-property: opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
  position:absolute; top:60px; min-width:255px; padding:14px 0 14px; border-radius:5px; background-color:#fff; border:solid 1px #e0e0e0;}
#topnav .secondlvl::before {content:""; z-index:999; position:absolute; top:-14px; left:17px;
  border-style: solid;
  border-width: 0 9px 14px 9px;
  border-color: transparent transparent #fff transparent;}
#topnav > ul > li:hover ul.secondlvl,
#topnav .secondlvl li:hover ul.thirdlvl,
#topnav .thirdlvl li:hover ul.fourthlvl {visibility: visible; opacity: 1; transition-delay: 0s, 0s;}
#topnav .secondlvl li {/* position:relative; */}
#topnav .secondlvl li a {display:flex; justify-content:space-between; padding:10px 16px; color:#006935; font-size:16px; font-size:1.6rem; line-height:18px;}
#topnav .secondlvl > li.act > a,
#topnav .secondlvl > li:hover > a {background-color:#f5f5f5;}
#topnav .secondlvl li i {font-size:15px; font-size:1.5rem;}

#topnav .thirdlvl {z-index:999; visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
  position:absolute; top:0; left:264px; min-height:100%; min-width:255px; padding:14px 0 14px; border-radius:5px; background-color:#fff; border:solid 1px #e0e0e0;}
#topnav .thirdlvl::before {content:""; z-index:999; position:absolute; left:-11px; width:10px; height:100%; background-color:transparent;}
#topnav .thirdlvl li {/* position:relative; */}
#topnav .thirdlvl > li.act > a,
#topnav .thirdlvl > li:hover > a {background-color:#f5f5f5;}

#topnav .fourthlvl {z-index:999; visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
  position:absolute; top:0; left:264px; min-height:100%; min-width:255px; padding:14px 0 14px; border-radius:5px; background-color:#fff; border:solid 1px #e0e0e0;}
#topnav .fourthlvl::before {content:""; z-index:999; position:absolute; left:-11px; width:10px; height:100%; background-color:transparent;}
#topnav .fourthlvl > li.act > a,
#topnav .fourthlvl > li > a:hover {background-color:#f5f5f5;}

#topnav .thirdlvl a[href^="/research"] i {display:none;}

.nav-video {margin-top: 18px; padding: 8px 15px; display: inline-block; margin-left: 25px; background-color: #006935; color: #fff; border-radius: 10px;}
.nav-video::before {font-size: 1.4rem; margin-right: 8px; content:"\e91a"; font-family: 'icomoon';}
#videoframes {position: relative; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 15px;}
#videoframes video {width: 100%; height: auto;}
#videoframes .mfp-close {background-color: rgba(255,255,255,.5); right:15px;}
@media only screen and (max-width:1075px) {
  .nav-video {display:none;}
}


	/* search */	
  #searchformmobile,	
  #searchform {margin-top:30px;}	
  #news_searchform fieldset,	
  #searchformmobile fieldset,	
  #searchform fieldset {position:relative; border:none; margin:0; padding:0; width:300px;}	
  #searchformmobile label,	
  #searchform label {display:none;}	
  #news_searchinput,	
  #searchformmobile #searchinputmobile,	
  #searchform #searchinput {padding:0 15px 0 15px; width:300px; height:48px; border-top-left-radius:5px; border-bottom-left-radius:4px; border:solid 1px #c8c8c8; /* color:#757575;*/ color:#000; background-color:#f5f5f5; font-size:16px; font-size:1.6rem;}	
  #searchformmobile #searchinputmobile:focus,	
  #searchform #searchinput:focus {border:solid 1px #006935; background-color:#fff; color:#333333;}	
  #news_searchinput::placeholder,	
  #searchformmobile #searchinputmobile::placeholder,	
  #searchform #searchinput::placeholder {color:#000; font-family:RubikMedium, sans-serif;}	
  #news_searchinput:focus::placeholder,	
  #searchformmobile #searchinputmobile:focus::placeholder,	
  #searchform #searchinput:focus::placeholder {color: transparent;}	
  #news_searchsubmit,	
  #searchformmobile #searchsubmit,	
  #searchform #searchsubmit {position:absolute; top:0; right:0; width:48px; height:48px; color:#fff; border-top-right-radius:4px; border-bottom-right-radius:5px; background-color:#006935; border:none;	
    font-size:20px; font-size:2rem; font-family: 'icomoon'; cursor:pointer;}	
  #news_searchform label[for="searchinput"] {display:none;}

.maincol .tx-kesearch-pi1 .kesearch_searchbox {border:none; padding:0; margin:0;}
.maincol .tx-kesearch-pi1 .resetbutt {display:none;}
.maincol .tx-kesearch-pi1 .result-list-item .hit {color:#e00000 !important;}
.maincol .kesearchbox {float:left;}
.maincol .kesearchbox #ke_search_sword {padding:0 15px 0 15px; width:330px; height:48px;
  border-top-left-radius:4px; border-bottom-left-radius:4px; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;
  border:solid 1px #c8c8c8; /* color:#757575;*/ color:#000; background-color:#f5f5f5;
  font-size:16px; font-size:1.6rem;}
.maincol .kesearchbox #ke_search_sword::placeholder {color:#000; font-family:RubikMedium, sans-serif;}
.maincol .kesearchbox #ke_search_sword:focus::placeholder {color: transparent;}
#content .maincol .submitbutt input {width:48px; height:48px; color:transparent;
  border-top-right-radius:4px; border-bottom-right-radius:5px; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;
  background-color:#006935; border:none; background-image:url(../image/search-icon.png); background-position:50%; background-size:44%; background-repeat:no-repeat;
  font-size:20px; font-size:2rem; cursor:pointer;}
#content .maincol .submitbutt input:hover {
  background:url(../image/search-icon.png) #006935 50% no-repeat; background-size:44%;
}

/* breadcrumb */
#breadcrumb {max-width:1170px; padding:20px 15px 20px; margin:0 auto 0; color:#f1f1f1; font-size:14px; font-size:1.4rem; text-transform:uppercase;}
#breadcrumb a {color:#f1f1f1; line-height:16px;}
#breadcrumb i {padding:0 10px; color:#667380; font-size:12px; font-size:1.2rem;}

/* tabnav: third level pages menu */
#tabnav {position:relative; max-width:1170px; margin:0 auto 0; z-index:998;}
#tabnav ul {padding:0; margin:0 0 0 15px; list-style-type:none;}
#tabnav > ul > li {display:inline-block; position:relative;}
#tabnav > ul > li > a {display:block; margin-right:8px; padding:15px 25px; color:#006935; font-size:16px; font-size:1.6rem; line-height:16px; font-family:Rubik, sans-serif; background-color:#e0e0e0; border-top-left-radius:4px; border-top-right-radius:4px;}
#tabnav > ul > li > a:hover,
#tabnav > ul > li.act > a,
#tabnav > ul > li:hover > a {color:#000; background-color:#f1f1f1;}
#tabnav ul > li:last-child > a {margin-right:0;}

/* mobile items */
#mobile-meta {display:none;}
#mobile-header {display:none;}

/* content */
#content .section-inner,
#contenthead .section-inner {max-width:1170px; margin:0 auto; padding:0 15px;}
#innerwrapper {display:flex; flex-wrap:wrap;}

/* contenthead */
#contenthead {position:relative; overflow:hidden; /* min-height:296px; */ background-color:#2c3e50; line-height:0;}
#contenthead .section-inner {position:relative; max-width:1170px; margin:40px auto 0;  padding:0 15px 50px; z-index:5;}
#contenthead h1 {margin-bottom:20px; max-width:835px;}
#contenthead h2 {max-width:835px; color:#fff; opacity:0.8; font-size:24px; font-size:2.4rem; line-height:32px; letter-spacing:0.2px;  font-family:Rubik, sans-serif;}

#contenthead .bigimg {position:absolute; top:52px; z-index:1; right:0;}
#contenthead .bigimg img {width:100%; object-fit:cover;}

/* content */
#content {margin:40px 0 0; padding-bottom:85px;}
#content p {margin-bottom:15px;}
#content .ce-bodytext p:last-child {margin:0;}
#content a {}
#content a:hover {}
#content li {margin-bottom:10px; line-height:30px; color:#404040;}
#content .ce-table,
#content .contenttable {width:100%; margin:20px 0; border-collapse:collapse; border:solid 1px #d7d7d7;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
#content .ce-table thead,
#content .contenttable thead {background-color:#f5f5f5;}
#content .ce-table tbody,
#content .contenttable tbody {background-color:#fff;}
#content .ce-table tr,
#content .contenttable tr {border-bottom:solid 1px #d7d7d7;}
#content .ce-table th,
#content .contenttable th {padding:15px; text-align:left; font-weight:normal; font-size:14px; font-size:1.4rem; color:#333; background-color:#dfdfdf;}
#content .ce-table th p,
#content .contenttable th p {text-align:left; font-weight:normal; font-size:14px; font-size:1.4rem; color:#333;}
#content .ce-table td,
#content .contenttable td {padding:15px; font-size:14px; font-size:1.4rem; color:#757575;}
#content .ce-table td p,
#content .contenttable td p {font-size:14px; font-size:1.4rem; color:#757575;}
#content .ce-table th p:last-child,
#content .contenttable th p:last-child,
#content .ce-table td p:last-child,
#content .contenttable td p:last-child {margin-bottom:0;}

#content textarea,
#content input[type="text"],
#content input[type="email"],
#content input[type="password"],
#content input[type="tel"],
#content select {border-radius:4px; border:solid 1px #cbcbcb; font-size:16px; font-size:1.6rem; color:#333333; font-family:Rubik, sans-serif;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
}
#content textarea {padding:15px; min-height:200px;}
#content input,
#content button,
#content select {padding:0 15px; height:48px;}
#content input[type="radio"] {border:solid 1px #cbcbcb; margin:0;}
#content input[type="submit"], #content button[type="submit"] {color:#fff; border-radius:4px; border:none; font-size:18px; font-size:1.8rem; cursor:pointer;
  background: #2f4bb1; /* Old browsers */
  background: -moz-linear-gradient(top, #2f4bb1 0%, #284097 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2f4bb1 0%,#284097 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f4bb1 0%,#284097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097',GradientType=0 ); /* IE6-9 */
}
#content textarea:focus,
#content input[type="text"]:focus,
#content input[type="email"]:focus,
#content input[type="password"]:focus,
#content input[type="tel"]:focus,
#content select:focus {border: solid 1px #006935;}
#content input[type="submit"]:hover, #content button[type="submit"]:hover {
  background: #21357c; /* Old browsers */
  background: -moz-linear-gradient(top, #21357c 0%, #2e4ab0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #21357c 0%,#2e4ab0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #21357c 0%,#2e4ab0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21357c', endColorstr='#2e4ab0',GradientType=0 ); /* IE6-9 */
}


/* warning box and box with white bg */
#content .frame-layout-3 {display:flex; flex-wrap:wrap; margin-bottom:30px; background-color:#fff; padding:20px 20px 1px; border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
#content .frame-layout-3::before {display:inline-block; content:"i"; width:24px; height:24px; line-height:26px; border-radius:100%;
  color:#fff; background-color:#ebb45c; text-align:center; font-size:16px; font-size:1.6rem;}
#content .frame-layout-3 header {padding-left:15px;}
#content .frame-layout-3 h4 {margin-bottom:5px; color:#333;}
#content .frame-layout-3 p {padding-left:40px; font-size:16px; font-size:1.6rem; line-height:24px; color:#757575;}

/* box with white bg */
#content .frame-layout-4 {background-color:#fff; border-radius:4px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
#content .frame-layout-4 h2 {color:#333;}

/* filelinks */
.ce-uploads li div {}
.ce-uploads li > img {display:none;}
.ce-uploads li div a {display:flex;}
.ce-uploads li div::before {float:left; content:"\e911"; margin:3px 12px 0 0; height:35px; width:35px; background-color:#fff; border-radius:100%;
  text-align:center; color:#006935; font-family: 'icomoon'; font-size:18px; line-height:35px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.ce-uploads span {display:inline-block; word-break: break-word; line-height:1.5;}
.ce-uploads-description,
.ce-uploads-filesize {display:inline; margin:5px 8px 0 0; color:#757575; font-size:14px; font-size:1.4rem;}

/* imagecol
#content .imagecol {margin-top:-40px; margin-bottom:50px;} */

/* maincol */
/* 2 cols */
#content .maincol {width:65%; margin-right:10%;}
/* 1 col */
.col-1 .maincol {width:100% !important; margin-right:0 !important;}
#content .maincol h2 {margin-bottom:5px;}
#content .maincol header h2 {margin-bottom:15px;}
#content .maincol h3 {margin-bottom:8px;}
#content .maincol .frame-default {margin-bottom:35px;}
#content .maincol .frame-type-header {margin-bottom:0;}

/* maincol images */
#content .maincol .ce-center img {width:100%; height:auto;}

/* accordion */
#content .maincol .frame-layout-2 {margin-top:5px; margin-bottom:5px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.frame-layout-2 header.act h2,
.frame-layout-2 header.act h3 {color:#333333;}
.frame-layout-2 header h2,
.frame-layout-2 header h3 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:0 !important; padding:25px 30px; background-color:#fff; border-radius:2px;
  color: #006935; font-size:18px; font-size:1.8rem; line-height:22px; font-family:Rubik, sans-serif; cursor:pointer;}
.frame-layout-2 h3 {margin-top:15px;}
.frame-layout-2 header h2::after,
.frame-layout-2 header h3::after {display:inline-block; content:"\e90e"; font-family:'icomoon';}
.frame-layout-2 header.act h2::after,
.frame-layout-2 header.act h3::after {content:"\e906";}
.frame-layout-2 .ce-textpic {overflow:hidden;}
.frame-layout-2 .ce-uploads,
.frame-layout-2 .ce-textpic,
.frame-layout-2 .text-frame {display:none; background-color:#fff; padding:25px 30px; border-top: solid 1px #f1f1f1;}
.frame-layout-2 header.act + .ce-uploads,
.frame-layout-2 header.act + .ce-textpic,
.frame-layout-2 header.act + .text-frame {display:block;}
.frame-layout-2 p {margin:15px 0 0;}
.frame-layout-2 ul {margin-top:0;}
.frame-layout-2 .text-frame  p {margin-top:0;}
.frame-layout-2 .text-frame  p:last-child {margin-bottom:0 !important;}
#content .frame-layout-2 .ce-uploads li {margin-top:0; margin-bottom:15px;}
.frame-layout-2 .ce-uploads li div::before {background-color:#f5f5f5;}

		
/* content cols */	
.cols-inner {display:flex; flex-wrap:wrap; gap:2%; margin:35px 0 45px;}	
.cols-inner img {max-width: 100%; height:auto; display: block;}	
.cols-inner h4 {margin-bottom:10px;}	
.cols-inner p {font-size:1.6rem;}	
#content .maincol .cols-inner .frame-default {height:100%; margin-bottom:20px;}	
.cols-inner .ce-gallery {margin-bottom:0;}	
.cols-inner .frame-layout-4 .ce-textpic.ce-above .ce-bodytext {padding:20px;}	
.cols-inner.cols-inner-2 .col {width:49%;}	
#content .maincol .cols-inner.cols-inner-2 .col:nth-last-child(-n+2) .frame-default {margin-bottom:0 !important;} 	
.cols-inner.cols-inner-3 .col {width:32%; height:100%}	
#content .maincol .cols-inner.cols-inner-3 .col:nth-last-child(-n+3) .frame-default {margin-bottom:0 !important;} 	
@media only screen and (max-width:768px) {	
  .cols-inner.cols-inner-3 .col {width:49%; margin-bottom:20px !important;}	
}	
@media only screen and (max-width: 640px) {	
  .cols-inner.cols-inner-2 .col {width:100%; margin-bottom:20px !important;}	
  .cols-inner.cols-inner-3 .col {width:100%; margin-bottom:20px !important;}	
}

/* tt_address */
.tt_address_list div.addressImage {display:block; width:115px; height:115px; margin-right:30px; overflow:hidden; border-radius:50%;}
.tt_address_list div.addressImage img {width:100%; height:auto;}
.tt_address_list div.addressInfo {max-width:563px;}
.tt_address_list div.addressInfo .position {color:#757575; font-size:16px; font-size:1.6rem; line-height:22px;}
.tt_address_list div.addressInfo .contactinfo,
.tt_address_list div.addressInfo .list-inline {list-style-type:none; padding:0; margin:10px 0 0 0; color:#757575;}
.tt_address_list div.addressInfo .contactinfo li,
.tt_address_list div.addressInfo .list-inline li {font-size:14px; font-size:1.4rem; line-height:18px !important;}
.tt_address_list div.addressInfo .contactinfo span,
.tt_address_list div.addressInfo .list-inline span {display:block; font-size:14px; font-size:1.4rem; line-height:18px !important;}
.tt_address_list div.addressInfo .contactinfo .label {margin-bottom:4px; text-transform:uppercase; font-size:13px; font-size:1.3rem; font-family:RubikMedium, sans-serif;}
.tt_address_list div.addressInfo .list-inline .label {display:inline-block; margin-bottom:4px; text-transform:uppercase; font-size:13px; font-size:1.3rem; font-family:RubikMedium, sans-serif;}
.tt_address_list div.addressInfo .contactinfo .email {text-transform:uppercase; font-size:13px; font-size:1.3rem; font-family:RubikMedium, sans-serif;}

.user-dsmz-research-plugin .staff-list-wrap .staff-list-item,
.maincol .tt_address_list .vcard {/* min-height:175px; */ margin-bottom:20px; padding:30px; background-color:#fff; border-radius:2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
.maincol .tt_address_list .vcard .row {display:flex;}
.maincol .tt_address_list div.addressInfo .contactinfo {display:flex; list-style-type:none; padding:0; margin:10px 0 0 0; color:#757575;}


/* user-dsmz-research-plugin */
.user-dsmz-research-plugin .staff-list-wrap .staff-list-item,
.user-dsmz-research-plugin .literature-list-item {margin-bottom:20px; padding:30px; background-color:#fff; border-radius:2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}

/* stafflist */
.staff-list-container {margin-top:25px;}
.staff-list-search-name #txtStaffSearchText {width:50%;}
.staff-list-description {color:#757575; font-size:16px; font-size:1.6rem; line-height:22px;}
.staff-list-label {margin:10px 0 4px; text-transform:uppercase; font-size:13px; font-size:1.3rem; font-family:RubikMedium, sans-serif;}
.staff-list-email {display:block; margin-top:10px; text-transform:uppercase; font-size:13px; font-size:1.3rem; font-family:RubikMedium, sans-serif;}
.staff-list-googlescholar {display:block; margin-top:10px; font-size:14px; font-size:1.4rem; line-height:18px !important;}
.staff-list-item.uid-9863, .staff-list-item.uid-9879,
 li[data-attr-uid="9863"], li[data-attr-uid="9879"] {display:none !important;}

/* literaturelist */
.literature-list-search-wrap {display:flex;}
.literature-list {padding:0; margin:0 0 20px 0; list-style-type:none;}
.literature-list-item a {word-break:break-all;}
.literature-container {margin-top:25px;}
.literature-list-search-name input {border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;}
.literature-list-search-button input {width:48px; height:48px; color:#fff; border-top-right-radius:4px; border-bottom-right-radius:5px; background-color:#006935; border:none; font-size:20px; font-size:2rem; font-family:'icomoon'; cursor:pointer;}

/* sidebar */
#content .sidebar {width:25%;}
#content .sidebar h4 {margin-bottom:5px;}
#content .sidebar p {font-size:14px; font-size:1.4rem; line-height:21px;}
#content .sidebar h4.subline {margin:5px 0 15px; color:#757575; font-size:16px; font-size:1.6rem; line-height:20px; font-family:Rubik, sans-serif;}
/* white box */
#content .sidebar .frame-layout-4 {margin-bottom:30px; padding:25px;}
#content .sidebar .frame-layout-4 h2 {margin-bottom:10px; font-size:24px; font-size:2.4rem; line-height:28px;}
#content .sidebar .frame-layout-4 p {color:#757575; font-size:16px; font-size:1.6rem; line-height:22px;}
#content .sidebar .frame-layout-4 p:last-child {margin-bottom:0;}

.sidebar .f3-widget-paginator {display:none;}
.sidebar .tt_address_list {margin-top:44px;}
.sidebar .tt_address_list .vcard {margin-bottom:30px;}
.sidebar .tt_address_list div.addressImage {width:80px; height:80px; margin-bottom:25px;}
.sidebar .tt_address_list div.addressInfo .contactinfo {margin-top:10px;}
.sidebar .tt_address_list div.addressInfo .contactinfo li {line-height:22px !important; margin-right:0;}
.sidebar .tt_address_list h3 {margin-bottom:10px; color:#333; font-size:20px; font-size:2rem; line-height:24px; letter-spacing: 0;}
.sidebar .tt_address_list div.addressInfo .contactinfo .label {display:block; margin-bottom:4px; line-height:15px;}

/* news */
.news-list-view .article {display:flex; flex-wrap:wrap; padding:30px; margin-bottom:20px; background-color:#fff; border-radius:2px; border:solid 1px #e0e0e0;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.news-list-view .article:last-child {}
.article-list-text {width:80%; margin-right:2.2%;}
.news-list-view .news-img-wrap {width:17.8%; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.news-list-view .news-img-wrap a {/* display:block; height:120px; width:120px; */ overflow:hidden;}
.news-list-view .news-img-wrap img {width:100%; height:auto;}
.news-list-view h4 {margin:8px 0 12px; }
.news-list-view h4 a {color:#333;}
.news-list-view h4 a:hover {text-decoration:none !important;}
.news-list-view h4 .icon-intern {margin-left:8px; color:#006935; font-size:16px; font-size:1.6rem;}
.news-list-view h4 .icon-intern::before {}
.news-list-view p {margin-bottom:0; font-size:16px; font-size:1.6rem; line-height:24px;}
.news-list-date {font-size:14px; font-size:1.4rem; line-height:16px; color:#757575;}
.teaser-text .more {display:none;}
.teaser-text .more::after {display:inline-block; content:"\e912"; margin-left:3px; font-family: 'icomoon'; font-size:14px; font-size:1.4rem;}
#contenthead .news-date {display:block; margin-bottom:10px; color:rgba(224,224,224,0.6); font-size:16px; font-size:1.6rem; line-height:20px;}
#content .news-img-caption {margin-bottom:0;}
.news-single .news-img-wrap {float:left; max-width:340px; margin-right:25px; margin-top:6px;}
.news-single .mediaelement-image,
.news-single .mediaelement-image a {line-height:inherit; font-size:0;}
.news-backlink-wrap {padding-top:15px; border-top: 1px solid #cbcbcb;}
.news-backlink-wrap a {line-height:1;}
.news-backlink-wrap a::before {display:inline-block; font-size:1.4rem; content:"\e915"; margin:0 0 0 0;  font-family: 'icomoon';}
/* news filter */	
.news-menu-view {position:relative;}	
.news-menu-view .selector {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 14px; width:120px; height:48px;	
  margin:12px 0; border-radius:4px; border:solid 1px #cccccc; align-items: center; text-align:center; cursor:pointer;	
  background: #ffffff;	
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);	
  background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);	
  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */	
}	
.news-menu-view.news-category-menu .selector {width:145px;}	
.news-menu-view .selector::before {/* content:"Year"; */ display:block; font-size:16px; font-size:1.6rem;}	
.news-menu-view .selector::after {content:"\e914"; font-family: 'icomoon'; color:#cccccc; transform: rotate(90deg);}	
.news-menu-view > ul {display:none; min-width:165px; position:absolute; z-index: 999; padding:0; margin:0; background-color:#fff; border-radius:4px; border:solid 1px #e0e0e0; list-style-type:none;}	
.news-menu-view > ul li {margin:12px 0; padding: 0 16px; font-size:16px; font-size:1.6rem;}	
.news-category-menu ul {padding:0; margin:0; list-style-type: none;}	
.news-category-menu ul ul li {margin:12px 0; padding:0;}

/* news/tt_address pagebrowser */
.f3-widget-paginator,	
.page-navigation ul {margin:0; padding:0; width:100%; list-style-type:none; text-align:right;}
.f3-widget-paginator li,
.page-navigation ul li {display:inline-block; vertical-align:middle; color:#fff !important; font-size:16px; font-size:1.6rem; line-height:20px !important; margin-bottom:0 !important;}
.f3-widget-paginator a,
.page-navigation ul a {display:block; margin-right:10px; padding:4px 8px; min-width:25px; text-align:center; font-size:16px; font-size:1.6rem;}
.f3-widget-paginator li a:hover,
.f3-widget-paginator .current,
.page-navigation li a:hover,
.page-navigation .current {margin-right:10px; color:#fff; border-radius:4px; text-decoration:none !important;
  background: #2f4bb1; /* Old browsers */
  background: -moz-linear-gradient(top, #2f4bb1 0%, #284097 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2f4bb1 0%,#284097 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f4bb1 0%,#284097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097',GradientType=0 ); /* IE6-9 */
}
.f3-widget-paginator .current,
.page-navigation .current {text-align:center; padding:4px 8px; min-width:25px;}
.page-navigation > p {display:none;}
.f3-widget-paginator .previous a,
.f3-widget-paginator .next a,
.page-navigation .previous a,
.page-navigation .next a {line-height:26px; font-size:24px; font-size:2.4rem; border:solid 1px #cccccc; border-radius:4px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.browser .browse-direction a:hover {
  background: #e3e3e3; /* Old browsers */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #f3f3f3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e3e3e3 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e3e3e3 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
/* paginator products etc */
.browser ul {margin:0; padding:0; list-style-type:none; text-align:right;}
.browser ul li {display:inline-block; vertical-align: middle; line-height:20px !important; margin-bottom:0 !important;}
.browser ul a {display:block; margin-right:5px; padding:4px 8px; min-width:25px; text-align:center; font-size:16px; font-size:1.6rem;}
.browser .browse-item a:hover,
.browser .cur a {color:#fff; border-radius:4px; text-decoration:none !important;
  background: #2f4bb1; /* Old browsers */
  background: -moz-linear-gradient(top, #2f4bb1 0%, #284097 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2f4bb1 0%,#284097 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f4bb1 0%,#284097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4bb1', endColorstr='#284097',GradientType=0 ); /* IE6-9 */
}
.browser .browse-direction a {font-size:24px; font-size:2.4rem; padding-top:6px; border:solid 1px #cccccc; border-radius:4px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.browser .browse-direction a:hover {
  background: #e3e3e3; /* Old browsers */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #f3f3f3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e3e3e3 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e3e3e3 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
/* pnu */
.user-dsmz-pnu-plugin .header-details,
.user-dsmz-pnu-plugin .header,
.user-dsmz-pnu-plugin .genus-count {color:#757575; text-transform:uppercase; font-size:14px; font-size:1.4rem;}
.user-dsmz-pnu-plugin .alphabet-container {display:flex; flex-wrap:wrap; max-width:495px; margin:20px 0 20px;}
.user-dsmz-pnu-plugin .alphabet-container a {display:block; padding:5px 6px; width:5%; margin-right:2.8%; margin-bottom:10px; text-align:center; line-height:14px;}
.user-dsmz-pnu-plugin .alphabet-container a:nth-child(13),
.user-dsmz-pnu-plugin .alphabet-container a:nth-child(26) {margin-right:0;}
.user-dsmz-pnu-plugin .alphabet-container a.act,
.user-dsmz-pnu-plugin .alphabet-container a:hover {background-color:#2d48aa; color:#fff; border-radius:4px; text-decoration:none !important;}
.user-dsmz-pnu-plugin .letter {margin-top:20px; font-size:32px; font-size:3.2rem; color:#757575; font-family:RubikMedium, sans-serif;}
.genus-listing ul {padding:0; margin:15px 0 0; list-style-type:none;}
.genus-listing ul li {margin-bottom:8px;}
.genus-listing ul hr {margin:20px 0; border-color:#cbcbcb;}

.user-dsmz-pnu-plugin .backlink {margin-bottom:30px;}
.user-dsmz-pnu-plugin .backlink a::before {display:inline-block; margin-right:4px; font-size:14px; font-size:1.4rem;
  content:"\e912"; font-family: 'icomoon'; transform: rotate(180deg);}
.user-dsmz-pnu-plugin .header-details {}

.user-dsmz-pnu-plugin .genus-name {margin:10px 0;}
.user-dsmz-pnu-plugin .genus-table {display:flex; padding:15px 0; border-top:solid 1px #cbcbcb;}
.user-dsmz-pnu-plugin .literature-list {border-bottom:solid 1px #cbcbcb;}
.user-dsmz-pnu-plugin .genus-table label {display:inline-block; width:25%; color:#757575;}
.user-dsmz-pnu-plugin .genus-table ul {margin:0; padding-left:20px;}
.user-dsmz-pnu-plugin .genus-table ul,
.user-dsmz-pnu-plugin .genus-comment .comment {width:75%;}

.species-list-title {margin:35px 0 15px; text-transform:uppercase; color:#757575;}
.species-list-item {margin-bottom:4px; background-color:#fff; border-radius:2px; border:solid 1px #e0e0e0;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
.species-list-item > a {display:flex; justify-content:space-between; padding:25px 30px;}
.genus-details .expanded > a {color:#333;}
.species-list-item > a::after {display:inline-block; content:"\e90e"; font-family:'icomoon';}
.genus-details .expanded > a::after {content:"\e906";}
.species-list-item a:hover {text-decoration: none !important;}
.species-content {border-top:solid 1px #f1f1f1;}
.species-details {padding:25px 30px;}
.species-details > div {display:flex; margin-bottom:15px; font-size:14px; font-size:1.4rem; line-height:18px;}
.species-details div label {width:20%; color:#757575; font-size:14px; font-size:1.4rem; text-transform:uppercase; font-family:RubikMedium, sans-serif;}
.species-details div div,
.species-details div ul {width:80%;}
.species-details .species-name {color:#333; font-family:RubikMedium, sans-serif;}
.species-details .literature-toggle {display:inline-block; margin-left:8px;}
.species-details .literature-toggle::after {display:inline-block; margin-left:3px; content:"\e90e"; font-size:12px; font-size:1.2rem; font-family:'icomoon';}

/* faq */
.faq-category {padding:20px; margin-bottom:30px; background-color:#fff;
  -webkit-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0 2px 0px rgba(0,0,0,0.15);}
.faq-category ul {padding:0; margin:0; list-style-type:none;}
.faq-category-list li:last-child {margin-bottom:0 !important;}
.faq-category-list li.selected {text-decoration: underline;}

.faq-list {margin:0; padding:0; list-style-type:none;}
.faq-list li {margin-top:5px; margin-bottom:5px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
.faq-question {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:0 !important; padding:25px 55px 25px 30px; background-color:#fff; border-radius:2px;
  color: #006935; font-size:18px; font-size:1.8rem; line-height:22px; font-family:Rubik, sans-serif; cursor:pointer;}
.faq-question:after {position:absolute; right:30px; top:auto; display:inline-block; content:"\e90e"; font-family:'icomoon';}
.faq-question.act:after {content:"\e906";}
.faq-answer {display:none; background-color:#fff; padding:20px 30px; border-top: solid 1px #f1f1f1;}
.faq-question.act + .faq-answer {display:block;}

/* login */
.frame-type-felogin_login {margin:20px 0;}
.frame-type-felogin_login fieldset {margin:0; padding:0; border:none;}
.frame-type-felogin_login fieldset legend {display:none;}
.frame-type-felogin_login div {margin-bottom:10px;}
.frame-type-felogin_login  > div {margin-bottom:15px;}
.frame-type-felogin_login label {display:flex; justify-content:space-between; align-items:center; max-width:400px; margin-bottom:3px;}
.frame-type-felogin_login input[type="password"],
.frame-type-felogin_login input[type="text"] {width:75%;}

/* images */
.ce-intext.ce-right .ce-gallery {margin-left:30px;}
.ce-intext.ce-left .ce-gallery {margin-right:30px;}
#content .ce-left .image img,
#content .ce-right .image img {margin-top:10px;}

/* footer */
footer {background-color:#e7e8e9; border-top:1px solid #cbcbcb;}
footer  .section-inner {max-width:1170px; margin:0 auto; padding:0 15px;}
footer h4 {margin-bottom:12px;}
footer h4.subline {margin:5px 0 0 0; font-size:24px; font-size:2.4rem;}
footer .link-button {text-decoration: none !important; padding: 12px 15px;}
.customer-support {padding:40px 0; text-align:center; border-bottom:1px solid #cbcbcb;}
.customer-support a {text-decoration:underline; text-decoration-style:dashed;}

#footerwrap {padding-top:40px; padding-bottom:10px;}
#footerwrap .section-inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
#footerwrap .section-inner .col {width:20%;}
#footerwrap .section-inner .col-3 {width:30%;}
#footerwrap a {text-decoration:underline; text-decoration-style:dashed;}
#footerwrap p {margin-bottom:0; font-size:16px; font-size:1.6rem; line-height:24px;}
#footerwrap ul {padding:0; margin:20px 0 0 0; list-style-type:none;}
#footerwrap ul a {display:block; margin-bottom:15px; font-size:16px; font-size:1.6rem; line-height:20px;}
#footerwrap ul a span {color:#006935;}
#footerwrap span {color:#757575;}
#footerwrap .contenttable {width:100%; margin-top:15px;}
#footerwrap .contenttable td {padding:5px 0;}
#footerwrap .contenttable p {margin:0; font-size:14px; font-size:1.4rem; line-height:20px;}
#footerwrap .section-inner .col-4 {width:15%; margin-left:5%;}
#footerwrap .socialmedia .icon {display:inline-block; vertical-align:middle; margin-right:15px; color:#fff; font-size:24px; line-height:32px; width:32px; height:32px; border-radius:100%; text-align:center;}
#footerwrap .socialmedia .facebook span {background-color:#3067a3;}
#footerwrap .socialmedia .twitter span {background-color:#02b3ee;}
#footerwrap .socialmedia .youtube span {background-color:#ed262b;}
#footerwrap .socialmedia .linkedin span {background-color:#0077b5;}
#footerwrap .socialmedia .instagram span {background-color:#f00075; font-size:21px;}
#footerwrap .socialmedia .researchgate span {background-color:#00ccbb; font-size:18px;}
#footerwrap .socialmedia .xing span {background-color:#026466; font-size:18px;}
#footerwrap .socialmedia .mastodon span {background-color:#563ACC;}
#footerwrap .socialmedia .mastodon span::before {font-size:20px;}
#footerwrap .socialmedia .x span {background-color:#000; font-size:1.5rem;}
#footerwrap .socialmedia .bluesky span {background-color:#295ef6; line-height:30px;}
#footerwrap .socialmedia .bluesky span::before {font-size:18px;}
#footerwrap .section-inner .col-5 {width:100%;}
#footerwrap .section-inner .col-5 .ce-gallery {display:flex;}
#footerwrap .section-inner .col-5 .ce-gallery .ce-row {margin-right:25px;}
#footerwrap .section-inner .col-5 img {filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(https://www.dsmz.de/fileadmin/templates/main/css/desaturate.svg);
  filter: gray;
  -webkit-filter: grayscale(1);}
#metabox {padding:20px 0 25px; border-top:1px solid #cbcbcb; color:#757575; font-size:14px; font-size:1.4rem; line-height:16px;}
#metabox .section-inner {display:flex; flex-wrap:wrap;}
#metabox .copyright {display:block; margin-right:28px;}
#metabox ul {margin:0; padding:0; list-style-type:none;}
#metabox ul li {display:inline-block;}
#metabox ul li a {display:block; margin-right:28px; color:#757575; text-decoration:underline; text-decoration-style:dashed;}

/* special color for prices */
#footerwrap #c91  ul li a[href="/prices"],
#metabox ul li a[href="/prices"] {font-family:RubikMedium, sans-serif;}


/* css for individuell form elements */
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked),
[type="radio"]:checked,
[type="radio"]:not(:checked) {position:absolute; left:-9999px;}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label,
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position:relative; padding-left:28px; cursor:pointer; display:inline-block;}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #cbcbcb; background:#fff;}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {border-radius:4px;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {border-radius:100%;}

[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: ''; width:12px; height:12px; background:#006935; position:absolute; top:5px; left:5px; border-radius:100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {top:4px; left:4px; width:14px; height:14px; border-radius:2px;}

[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* powermail */
.powermail_fieldset {margin:25px 0 30px; padding:0; border:none; background-color:#fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
.powermail_fieldset h2 {padding:0 30px; color:#333; font-size:18px; font-size:1.8rem; line-height:22px; letter-spacing:0.2px;}
.powermail_fieldset p {padding:0 30px;}
.powermail_fieldset legend {display:flex; flex-wrap:wrap; justify-content:space-between;
  width:100%; margin-bottom:0 !important; padding:25px 30px;
  background-color:#fff; border-radius:2px; color:#006935; border-bottom:solid 1px #f1f1f1;
  font-size:18px; font-size:1.8rem; line-height:22px; font-family:Rubik, sans-serif; cursor:pointer;}
.powermail_fieldwrap {display:flex; flex-wrap:wrap; justify-content:space-between; clear:both;
  margin:15px 0; padding:0 30px; background-color:#fff;}
.powermail_fieldwrap label {width:35%;}
.powermail_fieldwrap .powermail_field {width:60%;}
.powermail_fieldwrap_type_text .powermail_field {width:100%;}
.powermail_fieldwrap .checkbox {width:100%;}
.powermail_fieldwrap select,
.powermail_fieldwrap textarea,
.powermail_fieldwrap input[type="text"],
.powermail_fieldwrap input[type="email"],
.powermail_fieldwrap input[type="tel"] {width:100%;}
.powermail_fieldwrap textarea {}
.powermail_checkbox,
.powermail_radio {position:static !important; height:15px !important; width:15px; margin:0 8px 0 0; -moz-appearance:checkbox; -webkit-appearance:checkbox; appearance:checkbox;}
.powermail-errors-list {list-style:none;}
.parsley-required, .parsley-custom-error-message {color:red !important;}
.powermail_confirmation {margin:25px 0 30px; padding:15px 30px; border:none; background-color:#fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
.powermail_confirmation h1 {font-size:24px; font-size:2.4rem; line-height:32px; letter-spacing:0.2px; color:#000;}
.powermail_confirmation table {margin:15px 0;}
.powermail_confirmation .btn-group {display:flex; justify-content:space-between;}

/* Surveys */
.tx-pxa-survey fieldset {margin:25px 0 30px; padding:0; border:none; background-color:#fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
.tx-pxa-survey fieldset legend {display:flex; flex-wrap:wrap; justify-content:space-between;
  width:100%; margin-bottom:0 !important; padding:25px 30px;
  background-color:#fff; border-radius:2px; color:#006935; border-bottom:solid 1px #f1f1f1;
  font-size:18px; font-size:1.8rem; line-height:22px; font-family:Rubik, sans-serif; cursor:pointer;}
.tx-pxa-survey input[type="text"] {width:100%;}
.tx-pxa-survey input[type="checkbox"] {height: 13px !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;}
.tx-pxa-survey input[type="radio"] {height: 13px !important;
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  appearance: radio !important;}
.tx-pxa-survey [type="checkbox"]:checked,
.tx-pxa-survey [type="checkbox"]:not(:checked),
.tx-pxa-survey [type="radio"]:checked,
.tx-pxa-survey [type="radio"]:not(:checked) {position:static;}
.tx-pxa-survey button {margin:15px 0 15px 30px;}
.tx-pxa-survey .pxasurvey-question-wrap {margin:15px 0; padding:0 30px;}
.tx-pxa-survey .pxasurvey-question {font-weight:bold;}

/* NL subscription */
.tx-ffnlsubscription-subscription-plugin .formfield {margin-bottom:20px;}

		
/* slick slider */	
/* Arrows */	
.slick-prev,	
.slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; padding:0; line-height: 1;	
     color: transparent; border: none; outline: none; background: transparent; z-index:99;  border-radius:100%; width:40px; height:40px !important; text-align: center;	
    -webkit-transform: translate(0, -50%);	
    -ms-transform: translate(0, -50%);	
    transform: translate(0, -50%); padding:0 !important;}	
.slick-prev:hover,	
.slick-prev:focus,	
.slick-next:hover,	
.slick-next:focus {color:transparent; outline:none;}	
.slick-prev:hover:before,	
.slick-prev:focus:before,	
.slick-next:hover:before,	
.slick-next:focus:before {opacity: 1;}	
.slick-prev.slick-disabled:before,	
.slick-next.slick-disabled:before{opacity: .25;}	
.slick-prev:before,	
.slick-next:before {font-family: 'icomoon'; font-style:normal; font-weight:300; font-size: 3rem; line-height: 1; opacity: 1; 	
    color: #fff; 	
    -webkit-font-smoothing: antialiased;	
    -moz-osx-font-smoothing: grayscale;	
}	
.slick-prev:hover::before,	
.slick-next:hover::before {color:#006935;} 	
.slick-prev {left:25px;}	
[dir='rtl'] .slick-prev {right:25px; left: auto;}	
.slick-prev:before {content:'\e915';}	
[dir='rtl'] .slick-prev:before{content:'\e915';}	
.slick-next {right:25px;}	
[dir='rtl'] .slick-next {right:auto; left: 25px;}	
.slick-next:before {content:'\e914';}	
[dir='rtl'] .slick-next:before {content: '\e914';}	


/* mobile */
/* ----------------------------------------------------------------------- */

/* mobile header */
#mobile-header {display:none; align-self:center;}
#mobile-header a {padding:0 15px; color:#cbcbcb; border-left:1px solid #cbcbcb;
  text-align:center;}
#mobile-header  #responsive-menu-button {width:55px;}
#mobile-header a:first-child {border-left:none;}
#mobile-header a:last-child {padding-right:0;}
#mobile-header span {display:block; font-size:24px; font-size:2.4rem;}
#mobile-header .text {margin-top:8px; text-transform:uppercase; font-size:12px; font-size:1.2rem; line-height:12px; font-family:Rubik, sans-serif;}

/* mobile nav */
#mm-topnav {background:#263646;}
#mm-topnav .mm-navbar,
#mm-topnav .mm-panel {background:#263646;}
#mm-topnav .mm-listitem a i {display:none;}
#mm-topnav .mm-navbar,
#mm-topnav .mm-listitem {font-size:16px; font-size:1.6rem; color:#fff; border-color:rgba(255,255,255,0.1);
  -webkit-tap-highlight-color: rgba(255,255,255,0.1);
  tap-highlight-color: rgba(255,255,255,0.1);
}
.mm-btn:after,
.mm-btn:before {border-color:rgba(255,255,255,0.4);}
.mm-navbar a::before {color:rgb(203, 203, 203);}
.mm-navbar .icon-deposit::before {display:inline-block; content:""; color:#fff; height:16px; width:16px; background:url(../image/icon_deposit.svg); background-size:cover;}
.mm-navbar .icon-press::before {display:inline-block; content:""; height:16px; width:16px; background:url(../image/icon_press.svg); background-size:cover;}

/* mobile optimize */
@media only screen and (max-width:1280px),
(height: 1024px) and (width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
(width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
  .isTouch #topbox {padding:10px 15px;}
  .isTouch #topnav {display:none;}
  .isTouch #topbox .right-col {flex-direction:row;}
  .isTouch #topbox .right-col #searchform,
  .isTouch #topbox .right-col #servicenav {display:none;}
  .isTouch #topbox a#homelink {display:block; width:150px;}
  .isTouch #topbox a#homelink img {width:100%; height:auto;}

  .isTouch #mobile-header {display:block;}
  .isTouch #mobile-meta {display:flex; flex-wrap:wrap;}
  .isTouch #topbox .right-col #mobile-header #searchformmobile {display:none; position:absolute; top:-29px; right:134px; z-index:1000;}
  .isTouch #topbox .right-col #mobile-header #searchformmobile #searchsubmitmobile {display:none;}
  .isTouch #searchformmobile fieldset {width:330px;}
  .isTouch #searchformmobile #searchinputmobile {border-radius:4px;}

  .isTouch .nav-video {display:none;}
}

@media only screen and (max-width:1200px) {
  /*
   #topbox {padding:10px 15px;}
   #topnav {display:none;}
   #topbox .right-col {flex-direction:row;}
   #topbox .right-col #searchform,
   #topbox .right-col #servicenav {display:none;}
   #topbox a#homelink {display:block; width:150px;}
   #topbox a#homelink img {width:100%; height:auto;}

   #mobile-header {display:block;}
   #mobile-meta {display:flex; flex-wrap:wrap;}
   #topbox .right-col #mobile-header #searchform {display:none; position:absolute; top:-29px; right:134px; z-index:1000;}
   #topbox .right-col #mobile-header #searchform #searchsubmit {display:none;}
   #searchform fieldset {width:330px;}
   #searchform #searchinput {border-radius:4px;}
   */

  #servicenav ul li {padding:0 12px;}
  #servicenav ul li a {font-size:10px; font-size:1rem;}
}

@media only screen and (max-width:1075px) {
  #searchform fieldset {width:300px;}
  #searchform #searchinput {width:100%;}
}

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

  /* news */
  .article-list-text {width:70%; margin-right:2.2%;}
  .news-list-view .news-img-wrap {width:27.8%}

  /* footer */
  #footerwrap .section-inner {max-width:768px; margin:0 auto;}
  #footerwrap .section-inner .col {width:40%; margin-bottom:30px;}
  #footerwrap .section-inner .col-4 {margin-left:0;}
  #footerwrap .section-inner .col-4,
  #footerwrap .section-inner .col-2 {width:25%;}
  #footerwrap .section-inner .col-5 {width:100%;}
}

@media only screen and (max-width:900px) {
  #content .maincol {width:100%; margin-right:0;}
  #content .sidebar {width:100%; margin-top:25px;}
  #contenthead .bigimg {top:34px;}
  #breadcrumb {padding:10px 15px; font-size:12px; font-size:1.2rem; line-height:16px;}
  .sidebar .tt_address_list {margin-top:20px;}

  /* spinner */
  #topbox .loading-spinner {
    right: 12px;
  }

  /* news */
  .article-list-text {width:80%;}
  .news-list-view .news-img-wrap {width:17.8%}
  .news-single .news-img-wrap {margin-right:20px;}

  /* page browsers */
  .f3-widget-paginator,
  .page-navigation ul,
  .browser ul {text-align:center;}

  /* Zeile 742 bis 757 verschoben wegen Header-Umbruche mobile Ansicht -> 21.06.2019 jol17 und dar18 */
  #topbox {padding:10px 15px;}
  #topnav {display:none;}
  #topbox .right-col {flex-direction:row;}
  #topbox .right-col #searchform,
  #topbox .right-col #servicenav {display:none;}
  #topbox a#homelink {display:block; width:150px;}
  #topbox a#homelink img {width:100%; height:auto;}

  #mobile-header {display:block;}
  #mobile-meta {display:flex; flex-wrap:wrap;}
  #topbox .right-col #mobile-header #searchformmobile {display:none; position:absolute; top:-29px; right:134px; z-index:1000;}
  #topbox .right-col #mobile-header #searchformmobile #searchsubmitmobile {display:none;}
  #searchformmobile fieldset {width:330px;}
  #searchformmobile #searchinputmobile {border-radius:4px;}
}

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

  h2 {font-size:28px; font-size:2.8rem; line-height:34px;}
  #contenthead h2 {font-size:20px; font-size:2rem; line-height:25px;}

  #topbox .right-col #mobile-header #searchformmobile fieldset {width:252px;}
  #topbox .right-col #mobile-header #searchformmobile #searchinputmobile {width:100%;}

  #content {padding-bottom:40px;}
  #content .ce-table,
  #content .contenttable {display:block; overflow-x:auto; white-space: nowrap;}
  #content .ce-table thead,
  #content .contenttable thead,
  #content .ce-table tbody,
  #content .contenttable tbody,
  #content .ce-table tr,
  #content .contenttable tr {display:block; width:100%;}
  #breadcrumb {display:none;}
  #contenthead .bigimg {top:0;}
  /* images */
  #content .ce-left .image,
  #content .ce-right .image {max-width:280px;}
  #content .ce-left .image img,
  #content .ce-right .image img {width:100%; height:auto;}

  #tabnav > ul > li > a {font-size:16px; font-size:1.6rem; line-height:20px; padding:10px 20px;}

  /* news */
  .news-list-view .article {padding:20px;}
  .news-single .news-img-wrap {width:225px;}
  .news-single .news-img-wrap img {width:100%; height:auto;}

  /* pnu */
  .species-details div label {width:30%;}
}

@media only screen and (max-width:640px) {
  #content .maincol header h2 {margin-bottom:8px;}
  #content .maincol .frame-default {margin-bottom:20px;}
  /* images */
  #content .ce-left .image,
  #content .ce-right .image {max-width:320px;}
  #content .ce-left .ce-gallery,
  #content .ce-right .ce-gallery {float:none; margin-left:0; margin-right:0;}

  /* accordion */
  .frame-layout-2 header h2,
  .frame-layout-2 header h3 {padding:20px;}
  .frame-layout-2 .ce-uploads,
  .frame-layout-2 .ce-textpic,
  .frame-layout-2 .text-frame {padding:20px;}

  #content .sidebar .frame-layout-4 {padding:20px;}

  /* stafflist */
  .maincol .tt_address_list .vcard,
  .user-dsmz-research-plugin .staff-list-wrap .staff-list-item,
  .user-dsmz-research-plugin .literature-list-item {padding:20px;}
  .tt_address_list div.addressInfo .position,
  .staff-list-description {font-size:14px; font-size:1.4rem; line-height:20px;}
  .staff-list-label {margin-top:8px; line-height:16px;}
  .staff-list-search-name #txtStaffSearchText {width:100%;}

  /* login */
  .tx-felogin-pi1 input[type="password"],
  .tx-felogin-pi1 input[type="text"] {width:100%;}

  /* faq */
  .faq-question {padding:15px 55px 15px 20px; font-size:16px; font-size:1.6rem;}
  .faq-answer {padding:15px 20px; font-size:16px; font-size:1.6rem; line-height:24px;}

  /* pnu */
  .user-dsmz-pnu-plugin .alphabet-container {width:100%; max-width:none;}
  .user-dsmz-pnu-plugin .alphabet-container a {width:30px; height:30px; line-height:32px; padding:0;}
  .user-dsmz-pnu-plugin .alphabet-container a:nth-child(13),
  .user-dsmz-pnu-plugin .alphabet-container a:nth-child(26) {margin-right:2.8%;}

  .user-dsmz-pnu-plugin .genus-table {display:block;}
  .user-dsmz-pnu-plugin .genus-table label {display:block; width:100%; margin-bottom:6px;}

  .user-dsmz-pnu-plugin .genus-table ul,
  .user-dsmz-pnu-plugin .genus-comment .comment {width:100%;}

  .species-details,
  .species-list-item > a {padding:15px 20px;}
  .species-details > div {display:block; border-top: solid 1px #f1f1f1; margin-bottom:0; padding:15px 0;}
  .species-details > div:first-child {border-top:none;}
  .species-details div label {width:100%; display:block; margin-bottom:6px;}

  .species-details div div, .species-details div ul {width:100%;}

  /* footer */
  #footerwrap .section-inner .col {width:65%;}
  #footerwrap .section-inner .col-4,
  #footerwrap .section-inner .col-2 {width:35%;}
  #footerwrap .section-inner .col-5 {width:100%;}

  #metabox {padding-bottom:10px;}
  #metabox .section-inner {display:block; text-align:center;}
  #metabox .section-inner span {margin-bottom:10px;}
  #metabox ul li a {margin-bottom:15px;}
}

@media only screen and (max-width:480px) {
  h1 {font-size:28px; font-size:2.8rem; line-height:32px;}
  h2 {font-size:24px; font-size:2.4rem; line-height:32px;}
  h3 {font-size:20px; font-size:2rem; line-height:28px;}
  h4.subline {font-size:18px; font-size:1.8rem; line-height:24px;}
  #content .sidebar .frame-layout-4 h2 {font-size:20px; font-size:2rem; line-height:28px;}
  body,
  p {font-size:16px; font-size:1.6rem; line-height:24px;}

  #content li {line-height:24px;}

  #topbox {position:relative;}
  #topbox a#homelink {display:block; width:120px;}
  #mobile-header span {display:block; font-size:24px; font-size:2.4rem;}
  #mobile-header .text {display:none;}
  #mobile-header a {padding:0 15px;}
  #mobile-header  #responsive-menu-button {width:auto;}
  #mobile-header  #responsive-menu-button span {font-size:28px;}

  #topbox .right-col {position:static;}
  #topbox .right-col #mobile-header #searchformmobile {padding:6px 15px; width:100% !important; top:30px !important; right:0 !important; background-color:#fff;}
  #topbox .right-col #mobile-header #searchformmobile fieldset {width:100%;}

  #tabnav ul {margin-left:0; display:flex; flex-wrap:wrap; }
  #tabnav > ul > li {display:block; flex:auto; margin:0 1%; text-align:center;}
  #tabnav > ul > li a {margin-right:0; padding:8px 0; font-size:14px; font-size:1.4rem; line-height:20px;}

  #contenthead .section-inner {margin:30px auto 0; padding:0 15px 30px; text-align:center;}
  #contenthead .bigimg {top:0;}

  /* news */
  .news-list-view .news-img-wrap {display:none;}
  .article-list-text {width:100%; margin-right:0;}
  .news-single .news-img-wrap {float:none; width:auto; max-width:300px;}

  /* pnu */
  .user-dsmz-pnu-plugin .alphabet-container a {font-size:20px; font-size:2rem;}

  .user-dsmz-pnu-plugin .genus-name {margin-top:5px;}
  .user-dsmz-pnu-plugin .genus-table label {margin-bottom:4px;}

  .species-details .literature-toggle {display:block; margin-top:4px; margin-left:0;}

  /* footer */
  .customer-support {padding:20px 0;}
  .customer-support h3 {font-size:20px; font-size:2rem; line-height:24px;}
  #footerwrap {padding-top:20px;}
  #footerwrap .section-inner .col {width:100%;}
  #footerwrap .section-inner .col-1,
  #footerwrap .section-inner .col-2 {display:none;}
  #footerwrap .section-inner .col-3 {text-align:center; margin-bottom:0;}

  #footerwrap table tr,
  #footerwrap table td {display:block; padding:0 !important;}
  #footerwrap table tr {margin-top:20px;}
  #footerwrap table tr:first-child {margin-top:0;}

  #footerwrap .section-inner .col-4 h4 {display:none;}
  #footerwrap .socialmedia {display:flex; flex-wrap:wrap;}
  #footerwrap .socialmedia li {width:50%;}

  #footerwrap .section-inner .col-5 {margin-bottom:20px;}
  #footerwrap .section-inner .col-5 .ce-gallery {flex-wrap:wrap;}
  #footerwrap .section-inner .col-5 .ce-gallery .ce-row {width:50%; margin-right:0; margin-top:20px;}
  #footerwrap .section-inner .col-5 .ce-gallery .ce-column {float:none;}
  #footerwrap .section-inner .col-5 .ce-gallery figure {display:inline;}
  #footerwrap .section-inner .col-5 .ce-gallery img {display:inline;}

}

@media only screen and (max-width:360px) {
}