/*
Theme Name:     2020 - HZK 
Theme URI:      https://web.helmholtzzentrum.de/
Description:    Theme - HZK
Author:         Karsten Asshauer
Author URI:     https://replug.de
Text Domain:	2020hzk
Domain Path:	/languages
Template:		twentyfourteen
Version:        1.0.0.0
*/

@import url("../twentyfourteen/style.css");
/* Theme customization starts here */


/* Fonts - Lokal installiert */

/* @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
*/

/* 
font-family: 'PT Sans Narrow', ; 
font-family: 'Roboto', ;   
font-family: 'Open Sans', ;
font-family: 'CrimsonText', ;

/var/www/html/wordpress/wp-content/themes/fonts/CrimsonText

*/

/* CrimsonText regular */
@font-face {
  font-family: "CrimsonText";
  font-display: swap;
  src: url("../fonts/CrimsonText/CrimsonText-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/CrimsonText/CrimsonText-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/CrimsonText/CrimsonText-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/CrimsonText/CrimsonText-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/CrimsonText/CrimsonText-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/CrimsonText/CrimsonText-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/CrimsonText/CrimsonText-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 400;
  font-style: normal;
}

/* CrimsonText italic */
@font-face {
  font-family: "CrimsonText";
  font-display: swap;
  src: url("../fonts/CrimsonText/CrimsonText-Italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/CrimsonText/CrimsonText-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/CrimsonText/CrimsonText-Italic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/CrimsonText/CrimsonText-Italic.svg") format("svg"), /* Legacy iOS */
    url("../fonts/CrimsonText/CrimsonText-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/CrimsonText/CrimsonText-Italic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/CrimsonText/CrimsonText-Italic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 400;
  font-style: italic;
}

/* CrimsonText bold */
@font-face {
  font-family: "CrimsonText";
  font-display: swap;
  src: url("../fonts/CrimsonText/CrimsonText-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/CrimsonText/CrimsonText-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/CrimsonText/CrimsonText-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/CrimsonText/CrimsonText-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/CrimsonText/CrimsonText-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/CrimsonText/CrimsonText-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/CrimsonText/CrimsonText-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}

/* Liberation Sans */

/*
@font-face {
    font-family: 'liberation_sansbold_italic';
    src: url('../fonts/LiberationSans/LiberationSans-BoldItalic-webfont.eot');
    src: url('../fonts/LiberationSans/LiberationSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans/LiberationSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/LiberationSans/LiberationSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans/LiberationSans-BoldItalic-webfont.svg#liberation_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansitalic';
    src: url('../fonts/LiberationSans/LiberationSans-Italic-webfont.eot');
    src: url('../fonts/LiberationSans/LiberationSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans/LiberationSans-Italic-webfont.woff') format('woff'),
         url('../fonts/LiberationSans/LiberationSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans/LiberationSans-Italic-webfont.svg#liberation_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansregular';
    src: url('../fonts/LiberationSans/LiberationSans-Regular-webfont.eot');
    src: url('../fonts/LiberationSans/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans/LiberationSans-Regular-webfont.woff') format('woff'),
         url('../fonts/LiberationSans/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans/LiberationSans-Regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansbold';
    src: url('../fonts/LiberationSans/LiberationSans-Bold-webfont.eot');
    src: url('../fonts/LiberationSans/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LiberationSans/LiberationSans-Bold-webfont.woff') format('woff'),
         url('../fonts/LiberationSans/LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/LiberationSans/LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');

body,
button,
input,
select,
textarea,
a,p,div {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	font-size:18px;
}



h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
h1, .entry-title {
	font-size:30px;
	text-transform:initial;
}
h2 {
	font-size:24px;
	font-weight: 400;
    font-style: normal;
	line-height: 28px;
}
h3, h4, h5, h6 {
	font-size:22px;
}

h1.site-title a, h2.site-description a {
    font-family: "CrimsonText";
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

.elementor-posts h3.elementor-post__title,
.elementor-posts h3.elementor-post__title a {
    font-size: 22px;
	font-weight: 400;
    font-style: normal
    margin-bottom: 8px;
}

.elementor-heading-title {
    font-size: 24px;
	font-weight: 400;
    font-style: normal;
	line-height: 28px;
}

.elementor-heading-title.elementor-size-medium,
.elementor-accordion .elementor-accordion-title {
    font-size: 24px !important;
	font-weight: 400 !important;
    font-style: normal !important;
	line-height: 28px !important;
}

.elementor-heading-title[class*="elementor-size-"] > a {
	font-weight: normal;
}

a, .entry-meta a {
	color: rgb(51, 105, 153);
	text-transform: initial;
}
a:hover,
.cat-links a:hover,
.post-navigation a:hover, 
.image-navigation a:hover,
.entry-title a:hover,
.entry-meta a:hover  {
    color: rgb(112, 150, 183);
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: rgb(51, 105, 153);
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: rgb(112, 150, 183);
}

.elementor-toggle-icon svg {
	fill: #336699;
}


/* Error */

.error-sign {
    background: #336699;
    color: #fff;
    display: inline-block;
    font-size: 30px;
	line-height: 40px;
    padding: 10px;
}

.h3-error, .h4-error {
	color: #2b2b2b;	
} 

/* Error 404 Page Header*/

.archive-header,
.page-header {
	margin: 0 0 20px 15px !important;
}


/* Tags */

/*.entry-meta .tag-links a {
    background-color: #336699;
}*/

.entry-meta .tag-links a:hover {
    background-color: #336699;
    color: #fff;
}

.entry-meta .tag-links a {
	text-transform: initial;
	background-color: #336699;
}

.entry-meta .tag-links a::before {
  border-right: 8px solid #336699;
}


.entry-meta .tag-links a:hover:before {
	border-right-color: #336699;
}




/*.entry-meta .tag-links a:hover {
    border-right: 8px solid #336699;
}*/



/* Farben Anpassungen HZK HU
Helles Blau #006699 (0,102,153) 
https://www.color-hex.com/color/006699

Dunkles Blau #00376C (0,55,108) 
https://www.color-hex.com/color/00376c

Mockup Farben:
Base Color: #336999 (HU blau)
Body Background: #F4F4F4 

Base Font:
font-size: 20px
font-family: ‚PT Sans Narrow‘, sans-serif 
letter-spacing: .02em
color: #333

-> CrimsonText oder Scala!

*/

.site {
	background-color: transparent;
}

/* Farben für Kopfzeile - Header, Seitenleiste und Fußleiste - Footer */

 /* Header */ 
.site-header 	{
	background-color: rgb(51,105,153);
}

.site:before 	{
	background-color: transparent;
}

/* Content */
.content-area, .content-sidebar {
    padding-top: 0;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 0 0 auto;
	padding-top:48px;
	/*max-width: 960px;*/
}
.full-width .archive-header,
.full-width .comments-area,
.full-width .image-navigation,
.full-width .page-header,
.full-width .page-content,
.full-width .post-navigation,
.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content footer.entry-meta {
	margin-right: 0; 
}

.full-width .site-content .hentry.has-post-thumbnail:first-child {
	margin-top: 0;
}

.full-width .site-content .has-post-thumbnail .entry-header,
.full-width .site-content .hentry.has-post-thumbnail:first-child {
	margin-top: 0;
}
.full-width .site-content .post-thumbnail {
	padding-left:48px;
	background:none;
	
}

.post-navigation,
.image-navigation {
	max-width: 100%;
	box-sizing: border-box;
	padding-left:48px !important;
	padding-right:0 !important;
}
.post-navigation a,
.image-navigation a {
	display: inline-block;
	vertical-align:top;
	width:48%;
}
.post-navigation a:first-child,
.image-navigation a:first-child {
	margin-right:4%;
}



.comments-area {
	max-width:100%;
	padding-left:48px !important;
	box-sizing: border-box;
}


/* Secondary */

#secondary {
	background-color: transparent; 
	color: rgb(51,51,51);
	width:auto;
	text-align:right;
	min-height:auto;
}
.site-content .entry-header, 
.site-content .entry-content, 
.site-content .entry-summary, 
/*.site-content .entry-meta, */
.page-content {
	max-width:calc(100% - 106px);
}
.site-content .entry-header .entry-meta {
	max-width:100%;
	padding-top:0;
}
#secondary .site-navigation a {
	background-color: white; 
	color: rgb(51,51,51);
	display:inline-block;
	padding: 10px 24px 10px 16px;
	white-space: nowrap;
	
} 
#secondary .site-description {
	display:none;
}

.secondary-navigation li {
	border-top:none;
}
.secondary-navigation, .secondary-navigation ul ul {
    /*width: auto;*/
}
.secondary-navigation ul ul {
    text-align:left;
    margin-left:222px;
}

.secondary-navigation .menu-item-has-children > a:after {
		
	font: normal 8px/1 Genericons;
	position: absolute;
	right: 8px;
	top: 21px;
	vertical-align: text-bottom;
}
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
		left: initial;
}

/* Footer */
.site-footer {
	background-color: rgb(51, 105, 153);
	margin-top:200px;
} 
.site-footer, .site-info, .site-info a {
    color: rgba(255, 255, 255, 1);
}


/* Farbe der Links in der Sidebar */
.content-sidebar .widget a {
	color:  #006699;
} 

/* Linkfarbe in der Sidebar beim Überfahren mit der Maus */
.widget a:hover {
	color: rgb(112, 150, 183);
} 


/*Farben für Widgets*/
/* Überschriften */
.content-sidebar .widget .widget-title {
	color: #ffffff;
} 


/* Suchmaske */
/* Hintergrund für Lupe */ 
.search-toggle {
	/*background-color: #00376c;*/
} 

/* Lupensymbol */
.search-toggle:before, .search-toggle:hover:before, .search-toggle.active:before {
	color: white;
} 

/* Hintergrund beim Überfahren mit der Maus */
.search-toggle:hover, .search-toggle.active {
	background-color: rgb(51,105,153);
} 

/* Hintergrund für Suchmaske */
.search-box {
	background: rgb(51,105,153);
	width:1260px;
	margin:0 auto;
} 

.search-box-wrapper {
    padding-left: 0;
    background: rgb(51,105,153);
}


/* Navigation oben - Primary Navigation */

/* Link Farbe der Navigation  */

.primary-navigation, .site-navigation a {
	text-transform:initial;
}
.primary-navigation li > a, .primary-navigation ul ul a {
	background-color: white; 
	color: rgb(51, 51, 51);
} 

/* Link Farbe beim Überfahren mit der Maus */
.primary-navigation li:hover > a, 
.primary-navigation li.focus > a, 
.primary-navigation ul ul a:hover, 
.primary-navigation ul ul li.focus > a {
	background-color: rgb(244, 244, 244); 
	color: rgb(51, 51, 51);
} 

/*Farbe des aktiven Menupunkts*/
.primary-navigation li.current_page_item > a,
.primary-navigation li.current-menu-item > a {
	background-color: rgb(244, 244, 244); 
	color: rgb(51, 51, 51);
	vertical-align:top;
	
} 
.primary-navigation .wpml-ls-item a,
.primary-navigation .wpml-ls-item a{
	background-color:rgb(51,105,153);
	color:white;
}

.primary-navigation li.wpml-ls-current-language a {
	color: rgb(112, 150, 183);
}
.primary-navigation li.wpml-ls-item a:hover,
.primary-navigation li.wpml-ls-item a:focus {
	color: rgb(112, 150, 183);
	background-color:rgb(51,105,153);
}


/* Navigation in der linken Sidebar - Secondary Navigation */

/* Link Farbe - Hover und Focus */
.secondary-navigation li:hover > a, .secondary-navigation li.focus > a, .secondary-navigation ul ul a {
	background-color: rgb(51, 105, 153); 
	color: white;
} 

/* Link Farbe - aktueller Menüpunkt und Untermenüs */
site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, 
.site-navigation .current-menu-ancestor > a {
    background-color: white; 
	color: rgb(51, 51, 51);
	vertical-align:top;
	font-weight:400;
}

/* Farbe beim Überfahren mit der Maus - Site und Secondary Navigation */
.site-navigation a:hover,
.secondary-navigation ul ul a:hover, 
.secondary-navigation ul ul li.focus > a {
	color: white;
} 

.secondary-navigation ul > li > a:hover, 
.secondary-navigation ul > li.focus > a {
	background-image: url("Images/bg-51-105-153.gif");
	background-size: calc(100% - 44px) 2px;
	background-position: 22px 38px;
	background-repeat: no-repeat;
}


/*Farbe des aktiven Menupunkts - Secondary Navigation*/
.secondary-navigation ul > li.current_page_item a,
.secondary-navigation ul > li.current-menu-item a {
	color: #ffffff;
	background-image: url("Images/bg-51-105-153.gif");
	background-size: calc(100% - 44px) 2px;
	background-position: 22px 38px;
	background-repeat: no-repeat;
} 

/* Hintergrundfarbe der Secondary Navigation - Desktop*/
@media screen and (min-width: 1008px) {
.secondary-navigation ul ul {
		background-color: transparent;
	}
}

/* WPML - Sprachen Umschalter im Footer Anpassungen*/
.wpml-ls-legacy-list-horizontal a span {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.6363636363;
	margin-bottom: 18px;
}


/* Layout Anpassungen */

/* Center Site */
.site {
	margin: 48px auto 0 auto;
	
}

/* Footer */

.footer-sidebar .widget {
	width:25%;
	position:relative !important;
	top:initial !important;
	left:initial !important;
	transform:none !important;
}
.footer-sidebar .widget:first-child {
	width:50%;
	padding-right:40px;
	box-sizing:border-box;
}
.footer-sidebar .widget_nav_menu ul {
	margin-top:-8px;
}
.footer-sidebar .custom-html-widget a {
	padding:8px 0 9px 0;
	display:block;
}
.footer-sidebar .custom-html-widget a:first-child {
	margin-top:-18px;
	padding-bottom:0;
}


/* Search result page */
.list-view .site-content .hentry {
	border-top:none;

}
.search-results .hentry {
	margin:-24px auto 0 auto;
}
.search-results.list-view .site-content .hentry {
	padding-top:0;
}
.search-results .site-content .entry-summary {
	padding-bottom:48px;
}
.search-results .entry-header .entry-title a {
	font-size:26px;
}
.search-results .page-header {
	background-color:white;
	max-width: calc(100% - 106px);
	margin-bottom:24px;
}
.search-results .page-title {
	font-size:30px;
	font-weight:400;
	padding:48px 0 24px 0;
}

.search-results .paging-navigation {
    border-top: none;
    margin: 48px 0;
}
.search-results .paging-navigation .page-numbers {
    border-top: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    padding:7px;
}
.search-results .paging-navigation a {
    color: rgb(51, 51, 52);
}
.search-results .paging-navigation .page-numbers.current {
	color: rgb(51, 105, 153);
	font-weight:700;
}






/* Print Styles */

@media print {
	*,
	*:before,
	*:after {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}

	a,
	a:visited {
		text-decoration:/*underline*/ none;
	}

	a[href]:after {
		content:" (" attr(href) ")";
	}

	abbr[title]:after {
		content:" (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content:"";
	}

	pre,
	blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}

	thead {
		display:table-header-group;
	}
	tr,
	img {
		page-break-inside:avoid;
	}
	img,
	.site-title {
		max-width:100% !important;
	}

	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}

	h1,
	h2,
	h3 {
		page-break-after:avoid;
	}


	.entry-header {
		page-break-after:avoid;
		margin; 0;
	}


	h1, .h1, .entry-header .entry-title, .entry-content h1 {
		page-break-after:avoid;
		padding: 0 !important;
		margin: 0 !important;
	}

	h2, .h2, .entry-content h2 {
		page-break-after:avoid;
	}

	.navbar, 
	.to-top,
	.menu-toggle {
		display:none;
	}	

	.wpml-ls-statics-post_translations, .wpml-ls {
		display: none;		
	}
	.wpml-ls-statics-shortcode_actions, .wpml-ls .wpml-ls-legacy-list-horizontal {
		display: none;
	}

	.btn>.caret,
	.dropup>.btn>.caret {
		border-top-color:#000 !important;
	}
	.label {
		border:1px solid #000;
	}
	.table {
		border-collapse:collapse !important;
	}
	.table td,
	.table th {
		background-color:#fff !important;
	}
	.table-bordered th,
	.table-bordered td {
		border:1px solid #ddd !important;
	}
	
	.bloginfo-name-description {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	#site-header-banner {
		height: auto;
	}
	
	/*.site-header {
		margin-top: 28px;
		margin-top: 2rem;
		margin-bottom: 0 !important;
	}*/
	

} /* Print Styles END */