/*
Theme Name: ifl-blog-theme
Description: IfL Blog theme
Author: E Losang
Author URI:
Template: twentythirteen
Version: 1.0
Text Domain: ifl-blog-theme
*/
/*-------------------------------------*/
/*Fonts*/
/* work-sans-300 - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
src: url('fonts/work-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/work-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
src: url('fonts/work-sans-v17-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-500.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
src: url('fonts/work-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/work-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300italic - latin */
@font-face {
font-family: 'Work Sans';
font-style: italic;
font-weight: 300;
src: url('fonts/work-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-300italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-italic - latin */
@font-face {
font-family: 'Work Sans';
font-style: italic;
font-weight: 400;
src: url('fonts/work-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500italic - latin */
@font-face {
font-family: 'Work Sans';
font-style: italic;
font-weight: 500;
src: url('fonts/work-sans-v17-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-500italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600italic - latin */
@font-face {
font-family: 'Work Sans';
font-style: italic;
font-weight: 600;
src: url('fonts/work-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-600italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700italic - latin */
@font-face {
font-family: 'Work Sans';
font-style: italic;
font-weight: 700;
src: url('fonts/work-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/work-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/work-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/work-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('fonts/work-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/work-sans-v17-latin-700italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* Textgröße overall angepasst auf 103% */
html {
font-size: 103%;
overflow-y: scroll;
-webkit-text-size-adjust: 103%;
-ms-text-size-adjust: 103%;
}
/* Normaltext auf work sans */
html,
button,
input,
select,
textarea {
font-family: "Work Sans", sans-serif;
font-weight:400;
}
/* Links Farben und Aussehen angepasst */
a {
color: #000;
text-decoration: none;
font-weight: 600;
}
a:visited {
color: #000;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
color: #000;
outline: 0;
}
a:hover {
text-decoration: underline;
}
/* Überschriften Größen angepasst */
h1,
h2,
h3,
h4,
h5,
h6{
clear: both;
font-family: "Work Sans", sans-serif;
line-height: 1.3;
}
h1 {
font-size: 30px;
margin: 33px 0;
}
h2 {
font-size: 22px;
margin: 25px 0;
}
h3 {
font-size: 18px;
margin: 22px 0;
}
h4 {
font-size: 16px;
margin: 25px 0;
}
h5 {
font-size: 16px;
margin: 30px 0;
}
h6 {
font-size: 16px;
line: height 1.5em;;
color: #000000;
margin: 3px 0;
}
.c-accordion__titel{
font-size: 24px;
}
/* Unterer Abstand bei Bildern wg. Bildunterschrift angepasst */
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
margin-bottom:6px;
}
/* Farbenanpassung bei buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #005ea8 ; /* Old browsers */
background: -webkit-linear-gradient(top, #0099d6 0%, #005ea8 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #0099d6 0%, #005ea8 100%); /* W3C */
border: none;
border-bottom: 3px solid #078bbf;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #ed6a31; /* Old browsers */
background: -webkit-linear-gradient(top, #005ea8 0%, #0099d6 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #005ea8 0%, #0099d6 100%); /* W3C */
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #005ea8; /* Old browsers */
background: -webkit-linear-gradient(top, #005ea8 0%, #0099d6 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #005ea8 0%, #0099d6 100%); /* W3C */
border: none;
border-top: 3px solid #078bbf;
padding: 10px 24px 11px;
}
/**
* 3.0 Basic Structure
* --------------------------------------------------------------------------------------------------------------------------------
*/
/* Sticky Content ergänzt und angepasst */
.sticky-content {
font-weight:500;
font-size:14px;
}
/**
* 4.1 Site Header
* ----------------------------------------------------------------------------
*/
/* Side header min-height verkleinert */
.site-header .home-link {
min-height: 170px;
background-color:#005ea8;
}
.site-header .site-title:hover {
text-decoration: none;
}
/* site title angepasst */
/*Schrift, Schriftgröße */
.site-title {
font-family: arial, helvetica;
font-size: 72px;
line-height: 1;
margin: 0;
padding: 50px 0 10px;
}
/* Aussehen */
.site-title a:hover{
text-decoration: none;
}
/*
.site-title img{
width: auto;
height: 20%;
}
*/
.site-title img{
width: auto;
height: 15%;
}
.site-header .search-field {
background-color: transparent;
background-image: url(images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 1px;
}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
/* Schriftgröße */
.main-navigation {
font-weight:400;
color:#ffffff;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #FFAA00;
font-style: normal;
}
.navbar {
/*background-color: #f7f5e7; - geändert*/
background-color: #005ea8;
/*border-top: 2px white solid;*/
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.nav-menu li a {
color: #ffffff;
display: block;
font-size: 15px;
line-height: 1;
padding: 15px 12px;
text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
background-color: #007ddd;
color: #000;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
background-color: #007ddd;
}
.site-header .search-field{
padding-left: 34px;
}
.site-header .search-field::after{
content: ""; /* Wichtig, um das Pseudo-Element zu erzeugen */
display: block; /* Oder inline-block, je nach Bedarf */
width: 24px; /* Breite des Bildes */
height: 24px; /* Höhe des Bildes */
background-image: url('image/logo-rot24.png');
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.entry-thumbnail img {
display: block;
margin: 0 auto;
}
.entry-thumbnail-post img {
display: block;
margin: 30px auto 20px;
}
.entry-title {
font-weight: 600;
margin: 0 0 5px;
}
.entry-title a:hover {
color: #000001;
}
/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/
.entry-meta {
clear: both;
font-size: 14px;
font-weight: 400;
margin: 0 0 24px;
color:#000000;
}
.entry-meta a {
color: #000000;
}
.entry-meta a:hover {
color: #000000;
text-decoration:none;
}
.entry-meta .date a:before {
content: "\f307";
}
.single-author .entry-meta .author {
display: initial;
text-decoration:none;
}
/*Beitragsbildunterschrift*/
.figcaption-feature{
color: #220e10;
font-size: 18px;
font-size: 14px;
/*font-style: italic;*/
font-weight: 300;
line-height: 1.5;
margin: 0 0 24px;
text-align:left;
padding-left: 5px;
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.entry-content a,
.comment-content a {
color: #000;
}
.entry-content a:hover,
.comment-content a:hover {
color: #000001;
}
/* Mediaelements -> Farbanpassung*/
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
background: #000001;
}
/* Links -> Farbanpassung */
.format-link .entry-title a {
color: #000;
}
.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
color: #000;
}
.navigation a {
color: #000;
}
.navigation a:hover {
color: #000001;
text-decoration: underline;
}
.paging-navigation a:hover .meta-nav {
background-color: #000001;
text-decoration: none;
}
.post-navigation {
font-size: 14px; /* verkleinert */
font-style: normal; /* nicht kursiv */
}
/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/
.archive-header {
background-color: white;
}
.archive-title,
.archive-meta {
font: 400 24px "Source Sans Pro", Helvetica, sans-serif;
}
/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/
.page-header {
background-color: white;
}
.page-title {
font: 400 24px "Source Sans Pro", Helvetica, sans-serif;
}
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/
/* -> Farbanpassung */
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
color: #005ea8;
}
.comment-meta a:hover {
color: #000001;
}
/**
* 6.0 Sidebar
* ------------------------------------------------------------------------------------------------------------------
*/
/*BAUSTELLE
.site-main .widget-area {
float: right;
width: 300px;
background-color: #eeeeee;
}*/
.site-main .widget-area .ecke{
height: 80px;
background-image: url("images/widgetecke.png");
background-repeat: no-repeat;
background-color: white;
}
/*blaue Ecke für archivbeitrag*/
.site-main .widget-area .eckeblau{
height: 80px;
background-image: url("images/widgeteckeblau.png");
background-repeat: no-repeat;
background-color: white;
}
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget {
background-color: #eeeeee; /* -> graue farbe */
margin: 0 0 0px;
padding: 15px 15px 15px 15px;
}
.widget .widget-title {
font: 400 14px "Work Sans", sans-serif;
color: #999999;
margin: 0 0 10px;
text-transform: uppercase;
}
.widget li {
padding: 5px 0;
font-weight: 400;
line-height: 1.2;
}
.widget a {
color: #000001;
}
.widget a:hover {
color: #000001;
}
/* Ergänzt */
#text-2 h3{
color:#000000;
font-weight:500;
}
/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/
.site-footer {
background-color: #eeeeee;
color:white;
}
.site-footer .sidebar-container {
/*background-color: #220e10;
background-color: #eeeeee;*/
/*border-top: solid #eeeeee;*/
background-color: #ffffff;
padding: 20px 0;
line-height: 1;
}
/*.sidebar .site-footer .widget-area {
left: -108px;
}*/
.site-footer .widget {
color: #333333;
}
.site-footer .widget a {
color: #005ea8;
}
.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
color: #333333;
}
.site-info {
padding: 10px 0;
line-height:120px;
}
/* Subside info komplett ergänzt */
.subsiteinfo {
background-color: #eeeeee;
color:#333333;
font-family: "Work Sans", sans-serif;
font-weight:300;
font-size:1em;
}
.subsiteinfo .logo{
width:50%;
float:right;
background-color: #eeeeee;
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
@media (max-width: 999px) {
.site-main .widget-area .ecke{
display:none;
}
.site-main .widget-area .eckeblau{
display:none;
}
}
@media (max-width: 767px) {
.site-title {
font-size: 48px;
}
.site-title img{
width: 50px;
height: 50px;
}
.site-header .home-link{
min-height: 100px;
}
}
@media (max-width: 643px) {
.site-title {
font-size: 32px;
padding:10px 0 10px;
}
.site-title img{
width: 35px;
height: 35px;
}
.site-header .home-link{
min-height: 50px;
}
.entry-title,
.format-chat .entry-title,
.format-image .entry-title,
.format-gallery .entry-title,
.format-video .entry-title {
font-size: 22px;
font-weight: 600;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
background: none;
border: none;
color: #fff;
padding: 12px 0 12px 20px;
}
.subsiteinfo .logo{
display:none;
}
}
/* Mobile devices */
@media (max-width: 359px) {
.site-title {
font-weight: bold;
}
.home-link{
background-color: #005ea8;
}
.site-description {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
background-color: #005ea8;
}
}
@media print {
.site-header .home-link {
max-width: none;
min-height: 0;
background-color: #005ea8;
}
}
.menu-nationalatlas_projekt-container a{
color:#005ea8;
text-decoration: underline;
padding-left: 10px;
}
.menu-nationalatlas_projekt-container a::before {
content: '\2192'; /* Unicode für den rechten Pfeil */
text-decoration: none; /* Entfernt die Unterstreichung, funktioniert jedoch nicht immer */
display: inline-block; /* Ermöglicht die Positionierung des Pfeils */
width: 18px; /* Breite des Pfeils */
margin-left: -15px; /* Positioniert den Pfeil links vom Link-Text */
}
.menu-footer_menu-container a{
color:#005ea8;
text-decoration: underline;
padding-left: 10px;
}
.menu-footer_menu-container a::before {
content: '\2192'; /* Unicode für den rechten Pfeil */
text-decoration: none; /* Entfernt die Unterstreichung, funktioniert jedoch nicht immer */
display: inline-block; /* Ermöglicht die Positionierung des Pfeils */
width: 18px; /* Breite des Pfeils */
margin-left: -15px; /* Positioniert den Pfeil links vom Link-Text */
}
/*Seitenmenu für NAD Beiträge*/
.ez-toc-title{
display:none;
}
.ez-toc-widget-container ul li a{
padding-left: 0px;
}
.ez-toc-widget-container li.active > a{
font-weight: 400;
}
#ezw_tco-2.widget ez-toc{
padding: 0px 15px 10px 0px;
}
/*iframe wrapper*/
.responsiveIframeWrapper{
margin-bottom: 0px;
}
#menu-item-360.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-360 a:hover{
background-color:#005ea8;
color: #005ea8;
}
#menu-item-360.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-360 a img{
margin-bottom:2px;
}
.sticky_logo img{
margin-bottom: 0px;
}
#spacer{
margin-bottom:30px;
}
/*-----------------------------------*/
/*scroling logo*/
.scrolling-image {
position: fixed;
top: 20px; /* Adjust from the top */
right: 20px; /* Adjust from the right */
z-index: 9999; /* Higher z-index for priority*/
}
/*-----------------------------------*/
/*farbe weiterlesen link*/
.weiterlesen-inline {
color: #97BF0D !important;/* beliebige Farbe, z. B. ein kräftiges Rot */
text-decoration: none;
font-weight: bold;
}
.weiterlesen-inline:hover {
color: #000000; /* dunklere Variante beim Hover */
text-decoration: underline;
}