/*
 Theme Name: Weta Child
 Theme URI:
 Description: Weta Child Theme
 Author: Franziska Lantermann
 Author URI: http://www.yourdomain.com/
 Template: weta
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Weta Child Theme
*/


/*-----------------------------------------------------------------------------------*/
/*	2.0 General Styles
/*-----------------------------------------------------------------------------------*/


/* hier habe ich die Schriftart generell zu "Georgia" geändert. Da wo sie dann trotzdem Source Sans Pro ist habe ich das extra reingeschrieben */

body {
	height: 100%;
	display: block;
	font-family: 'Georgia', Times New Roman, serif;
	color: #555;
	background: #ffffff;
    }

/* -- generelle Breite des Headers anpasssen auf 1200px --- */

#masthead {
	position:relative;
	display:block;
	margin: 0 auto;
	background: #ffffff;
    max-width: 1200px /* --- war vorher nicht da ---*/
 }
    
/* --- Headings --- */
    
/* --- bei allen Überschriften die automatische Trennung ausschalten --- */

h1, h2, h3, h4, h5, h6 {
	color: #282828;
	font-weight: normal;
	-webkit-hyphens: none; /* --- war bei allen auto --- */
	   -moz-hyphens: none;
	    -ms-hyphens: none;
			hyphens: none;
 }

/* --- h1 und h2 für das gesamte CSS geändert. h1 sind die Artiekl-Überschriften auf Artikelseiten (Beitragsseiten), h2 sind die Artikel-Überschriften auf der Startseite, und die Überschriften auf den Kategorienseiten --- */
    
h1 {
	padding: 0px 0 20px; /* --- der erste Wert war 46, dadurch hatte die Überschrift einen großen Abstand nach oben. --- */
	font-size: 22px;
	font-size: 1.375rem;
}
    
h2 {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.4;
}

/* --- Text Elements --- */
/* --- hier den Abstand auf Kategorienseite zum Footer, in dem Kategorie drin steht, verringert. Gucken, ob das Auswirkungen auf andere Bereiche hat! --- */
p {
	margin-bottom: 8px;
}

/*-----------------------------------------------------------------------------------*/
/*	3.0 Links + Colors
/*-----------------------------------------------------------------------------------*/

/* --- die Schriftfarbe des Menüs im Footer angepasst --- */

.widget ul li a,
.widget ol li a,
.credit a {
	color: #282828; /* --- war 555 --- */
}

/* --- die Schriftgröße des Weiterlesen-Tags auf der Startseite angepasst --- */

/* --- dieser Part ändert das Design von Weiterlesen auf der Startseite und auf der Beitragsseite. Die Klammern um das Wort erscheinen auch nicht mehr, kann aber sein, dass die wieder kommen, dann im Weta css den entsprechenden Part löschen --- */

.cart a,
a.button,
.cross-sells a,
.entry-content a.more-link {
	text-decoration: underline;
    font-size: 13px; /* --- hinzugefügt --- */
    font-size: 0.8125rem; /* --- hinzugefügt --- */
    color: #555; /* --- hinzugefügt --- */
}

a.excerpt-more-link {
 color: #555;
    font-size: 13px; /* --- hinzugefügt --- */
    font-size: 0.8125rem; /* --- hinzugefügt --- */
    text-decoration: underline; /* --- hinzugefügt --- */
}

/* --- More Links --- */
/* --- die [] Klammern um Weiterlesen sollen verschwinden --- */

.entry-content a.more-link:before,
a.comment-reply-link:before,
a.excerpt-more-link:before {
	content: '\005b';
	display: none; /* --- war inline --- */
}
.entry-content a.more-link:after,
a.comment-reply-link:after,
a.excerpt-more-link:after {
	content: '\005d';
	display: none; /* --- war inline --- */
}

/* sorgt dafür, dass das © keinen Hover-Zustand hat (ursprungsfarbe wird beibehalten #282828 --- */

#menu-item-288 a:hover {
    color: #282828 }

    
/*-----------------------------------------------------------------------------------*/
/*	4.0 Header
/*-----------------------------------------------------------------------------------*/

/* --- Site Title --- */
#site-branding {
	margin: 0;
	padding: 20px 25px;
	font-family: Georgia, 'Times New Roman', serif;
	display: block;
	border-bottom: 1px solid #ededee;
	text-align: left;
}
    
/* --- Mobile Menu Buttons --- */
/* --- Linien im mobilen Menü grau gemacht und dotted, Höhe verändert  --- */
    
#menu-main-toggle,
#cart-btn-mobile,
.btn-close {
	display: block;
	margin: 0 auto;
	padding: 15px 0 20px 0px; /* -- war padding-left: 0 --- */
	text-align: center;
	width: 100%;
	line-height: 0;
	height: 50px; /* --- war 60px --- */
	color: #282828;
	background: none;
	border-bottom: 1px solid #dcdcdc;
   }

/* --- Aussehen des Burger-Menüs. Ist dann für alles ab 480px größer --- */

#menu-main-toggle:after {
	content: '\f419';
	font: normal 20px/1 'Genericons';
}

.btn-close:after {
	content: '\f406';
	font: normal 15px/1 'Genericons';
}
    
 /* --- Main Menu --- */
 /* --- Die Schriftart und Abstände des Menüs und des Untermenüs ändern --- */
    
    #site-nav ul li a {
	display: block;
	padding: 13px 25px;
	font-size: 22px; /* --- war 17px --- */
	font-size: 1.375rem; /* --- war 1.0625rem --- */
	font-family: "Georgia", Times New Roman, serif; /* --- war Source, aber geändert zur Georgia --- */
    font-weight: normal; /* --- soll jetzt in georgia doch nicht mehr fett sein --- */
	line-height: 1.5; 
}
    #site-nav ul ul li a {
    padding: 13px 25px 13px 45px;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: normal;
    line-height: 0.7; /* --- hier stand nichts, hat also die Eigenschaften des Elternelements übernommen 1.25, so sind die Abständen zwischen den einzelnen Menüpunkten kleiner --- */
}

    

/*-----------------------------------------------------------------------------------*/
/*	5.0 Posts
/*-----------------------------------------------------------------------------------*/

.blog-wrap #primary {
	padding: 60px 0px 0;
}

/* --- auf den Seiten Zur Person und Kontakt den Titeln ein padding von 20 nach unten gegeben, ab 1023px ausgeblendet --- */    

.page-id-47 .page .entry-header h1.entry-title {
    padding: 0 0 32px;
    text-decoration: underline;
}

.page-id-50 .page .entry-header h1.entry-title {
    padding: 0 0 32px;
    text-decoration: underline;
} 

/* --- mit dem folgenden wird der Titel der Termine-Seite eingeblendet, erhält aber ein padding nach unten von 20px, damit der Kalender nicht direkt daran klebt --- */

.page-id-422 .page .entry-header h1.entry-title {
    padding-bottom: 20px;
}

/* --- mit dem folgenden wird der Titel der Impressums-Seite eingeblendet, erhält aber ein padding nach unten von 20px, damit der Text nicht direkt daran klebt --- */

.page-id-279 .page .entry-header h1.entry-title {
    padding-bottom: 20px;
}

/* --- mit dem folgenden wird der Titel der Newsletter-Seite eingeblendet, erhält aber ein padding nach unten von 20px, damit der Text nicht direkt daran klebt --- */

.page-id-291 .page .entry-header h1.entry-title {
    padding-bottom: 20px;
}

/* --- Post Header --- */
/* --- auch wenn das Feld nicht ausgegeben wird, erscheint dennoch das padding von 32px. Deswegen hier das padding auf 0 gesetzt (war 0 0 32) --- */

    .blog-wrap .site-content .entry-header,
.page .site-content .entry-header {
	padding: 0 0 0px;
}

/* --- Post Content --- */
.entry-summary {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.55;
	padding: 0 0 10px;
}


/* --- Post Footer --- */

/* --- Abstand zwischen einzelnen Post auf Kategorienseite verringern --- */

.blog-wrap #primary .entry-footer {
	padding: 0px 0 60px; /* --- war 10px 0 125px; --- */ 
}
/* --- Autor und Schlagworte (tags) sollen bei einzelnem Beitrag nicht ausgegeben werden --- */
.entry-date,
.entry-comments,
.entry-edit,
.entry-footer .entry-cats {
	display: inline;
}

.entry-author,
.entry-footer .entry-tags {
    display: none;
 }
/* --- Image Galleries --- */

/*Gallery only show first image*/

.gallery-item {
	display: none;
}
.gallery-item:first-child {
	display:block;
}


/* --- der gesamte Part ist eingefügt, damit von einer Galerie immer nur das erste Bild angezeigt wird und mann dann drauf klicken kann, um die nächsten Bilder zu sehen. Außerdem habe ich das Plugin Responsive Lightbox installiert, damit die Bilder in einer Lightbox aufgehen --- */

.gallery {
	 margin-bottom: -60px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	margin-bottom: 6px;
	text-align: center;
	width: 100%;/* --- war vorher 33,3% und hat dafür gesorgt, dass das Bild einer Galerie nur klein angezeigt wurde. Mit 100 wird der gesamte Platz ausgenutzt. --- */
}


/* --- Bilder auf der Beitragsseite Bücher sollen nicht ausgegeben werden --- */

.blog .entry-thumbnail, .archive .category-buecher .entry-thumbnail {
    display: none;
}

/* --- mit dem folgenden wird die Kategorie (MEta) auf den Seiten nicht mehr ausgegeben. Weil man es nirgendwo benötigt, außer auf der Startseite. Will man das doch nur für einzelne Kategorien, schreibt man die category davor, und zwar so: .category-projekte .entry-cats // noch mal geändert, weil bei Publikations-Unterpunkten die Kategorie doch ausgegeben werden soll --- */

.category-projekte .entry-cats {
    display: none;
}

.category-gespraeche .entry-cats {
    display: none;
}

.category-streitraum .entry-cats {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	6.0 Pagination
/*-----------------------------------------------------------------------------------*/

    
/* --- Ausgeschaltet, dass unter einem Artikel auf den chronologisch nächsten und vorherigen verwiesen wird --- */
    
 #nav-single .nav-next {
	text-align: right;
    display: none; /* --- komplett eingefügt, hier stand nichts -- */
}

#nav-single .nav-previous {
	text-align: right;
    display: none;
}   /* --- diesen kompletten Teil eingefügt --- */

  
    
/*-----------------------------------------------------------------------------------*/
/*	8.0 Archives / Author Archive / Search Results / 404
/*-----------------------------------------------------------------------------------*/


/* --- Anpassen des Suchfeldes auf der Seite, wenn man keine Suchergebnisse erhalten hat --- */

.search-no-results .entry-content .searchform #s {
	width: 65%;
	padding: 8px 8px 6px;
	background: #fff;
	border: 1px solid #a9a9a9;
	font-size: 16px; /* --- war 13px --- */
	font-size: 1rem; /* --- war 0.8125rem; --- */
	float: left;
}

/* --- sorgt dafür, dass unter der Überschrift "Keine Einträge gefunden" ein padding von 20px ist --- */

.search-no-results .entry-header h1.entry-title {
    padding: 0 0 20px;
}

/* --- Suchergebnisse würde eigentlich die Eigenschaft der archive-header übernehmen, soll es aber nicht, soll kleinere Schrift haben, für alle bildschirmgrößen --- */

.search-results .archive-header h1.archive-title {
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
}

/* --- der Archive Header wird auf allen Seiten unter 1023px ausgegeben und immer auf der Seite mit den Suchergebnissen, für alle anderen manuell im Code ausgeblendet. Das padding nach unten soll überall 20px sein (war 52) --- */

.archive-header {
	padding: 0 0 20px;
	font-style: normal;
    font-family: "Georgia", Times New Roman, serif;
}

/* Archiv-Header in der Schriftgörße für Smartphones angepasst. Restliche Einstellung findet sich im media query ab 480px --- */

.archive-header h1.archive-title {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
    text-decoration: underline;
}

/* --- angepasst an Smartphonegröße, ab 480 neuen Wert eingegeben --- */
.archive-header .taxonomy-description p {
	margin: 5px 0 0 0;
	font-size: 13px;
	font-size: 0.8125rem;
    line-height: 1.7;
    color: #282828;
}


/*-----------------------------------------------------------------------------------*/
/* 9.0 Default Widgets
/*-----------------------------------------------------------------------------------*/

/* --- bestimmt den Abstand der Widgets in der Sidebar zueinander --- */

 .sidebar-small .widget {
	padding: 0px 25px 50px; /* --- die 50 hier waren vorher 63, das bestimmt den Abstand zum nächsten Widget in der Sidebar --- */
}

/* --- den folgenden Part eingefügt, damit der Abstand der Suche, wenn die Sidebar nach unten wandert in der mobilen Ansicht, nach oben und unten besser passt. Das dann noch mal bei min 480 und 1023px eingefügt mit anderen Werten, damit es bei der Desktop-Version besser aussieht. --- */

.sidebar-small .widget:first-of-type {
	padding: 25px 15px 50px; 
}

.widget h3.widget-title {
	display: block;
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert vpm 0 zu 1 geändert, damit mehr Luft ist --- */
	margin-bottom: 20px;
	font-size: 22px;
	font-size: 1.375rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}
#blog-sidebar .widget h3.widget-title {
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert vpm 0 zu 1 geändert, damit mehr Luft ist -- */
	font-size: 22px;
	font-size: 1.375rem;
	font-family: Georgia, 'Times New Roman', serif;
    font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}

/* ------------------------------------------------------------------------------------- */
/* --- Hier habe ich: 
1. die border-bottom der Widget-Titel auf der Startseite (also Bücher, Streitraum, Gespräche, Publikationen) mit einem neuen Style versehen, nämlich 1px dotted. 
2. Damit die Linie direkt am Wort ist, habe ich außerdem das padding verändert von 0 0 26 zu 0 0 0.
3. damit der Text nicht direkt unter dem Titel klebt, habe ich margin-bottom 20px eingefügt
4. damit diese Titel in Source Sans Pro und 24px ausgegeben werden, habe ich hier die font-family hinzugefügt und font-site verändert ACHTUNG: verändert in Georgia, weil doch alles Georgia sein soll (16.8.)
5. damit der Titel außerdem fett ist, habe ich noch font-weight: bold hinzugefügt
6. und das analog auch für die Sidebar angepasst, auch hier das padding von 0 0 20 zu 0 0 0 geändert, noch mal überprüfen
       
------------------------------------------------------------------------------------- */
 
    
/* --- Search Widget (+ default Search Form) --- */
/* --- Schriftart im Suchfeld auf Startseite ändern --- */

.widget_search .searchform #s {
	width: 230px;
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0 18px 0 2px;
    border-bottom: 1px solid #282828;
    font-size: 16px; /* --- war 13px --- */
    font-size: 1rem; /* --- war 0.8125rem; --- */
    font-style: normal; /* --- war italic --- */
    height: 24px;
}

/* --- Schriftgröße Menü im Footer angepasst --- */
 .widget-area .widget ul li {
	padding-bottom: 5px; /* --- war 7 --- */
	list-style: none;
	font-size: 13px; /* --- war 14px --- */
	font-size: 0.8125rem; /* --- war 0.875 --- */
	line-height: 1.55;
}
    
/*-----------------------------------------------------------------------------------*/
/*	10.0 Custom Front Page
/*-----------------------------------------------------------------------------------*/

/* --- Bei mobiler Ansicht Sidebar auf Startseite (die dann unten ist) mit schwarzer Linien abtrennen (war hellgrau) --- */

#front-fullwidth-center,
#front-fullwidth-bottom,
#front-sidebar-one,
#front-content-two {
	border-top: 1px solid #dcdcdc; /* --- war #ededee --- */
}


/* --- sorgt dafür, dass die Sidebar auf Blogseiten eine Linie nach oben hat, bei 1023px wird die border-top mit none gekennzeichnet, damit dort keine erscheint --- */

#blog-sidebar {
	border-top: 1px solid #dcdcdc; /* --- war #ededee --- */
}

/*-----------------------------------------------------------------------------------*/
/* 10.1 Custom Front Page Widget Areas and Widgets
/*-----------------------------------------------------------------------------------*/

.front-content .widget:first-of-type,
.front-sidebar .widget:first-of-type,
.front-content .widget_weta_slider:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
	padding-top: 60px; /* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */
    padding-bottom: 20px; /* --- eingefügt, sorgt dafür, dass der Abstand unter dem Bild auf der Startseite 30px wird --- */
}

/* --- Sidebar-Widgets noch mal extra erwähnt, damit hier der Abstand von der Suche nach unten größer ist --- */

/* --- scheint nicht nötig zu sein

.front-sidebar .widget:first-of-type, {
padding-top: 60px; 
    padding-bottom: 40px;
}
/* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */


/*-----------------------------------------------------------------------------------*/
/*	11.0 Footer
/*-----------------------------------------------------------------------------------*/

/* --- generelle Abmessungen des Footers angepasst und eine Linie obendrüber hinzugefügt --- */

#colophon {
	padding: 64px 0px 32px; /* --- war vorher 64px 25px 32px; --- */
	clear: both;
	overflow: hidden;
	background: #fff; /* --- war vorher #f5f5f5; --- */
    border-top: 1px solid #dcdcdc; /* --- hinzugefügt --- */
}


/* --- Footer Credit --- */
/* --- Credits soll nie ausgegeben werden, weil er Teil des Menüs geworden ist --- */
#colophon #site-info {
	display: none; /* --- das hier auf "none" geändert --- */
	padding: 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.65;
}

/* --- Footer Widget Area --- */
/* --- hinzugefügt, um die Schriftart zu ändern. Font-size etc. bringt leider nichts, das muss wo anders stehen --- */
#footerwidgets-wrap {
	float: none;
	clear: both;
	padding: 0 0 60px;
    font-family: "Georgia"; /* --- hier stand nichts --- */
}

/*-----------------------------------------------------------------------------------*/
/*	15.0 Media Queries
/*-----------------------------------------------------------------------------------*

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 100 pixels
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/

/* --- kompletten Teil eingefügt, damit das Bild bei Smartphones nur kleinen Abstand nach rechts und links einnimmt --- */
    
@media screen and (min-width: 100px) {
    
/* --- TEST BILD AUF STARTSEITE WEG --- */
    
#front-content-one .textwidget {
    display: none;
}   
/* --- General --- */

/* --- dafür sorgen, dass der Abstand des gesamten Contents zum Rand schmaler wird --- */
    
.blog-wrap #primary,
.nosidebar #primary,
.fullwidth #primary,
.widget_weta_rp,
.widget_weta_quote,
.widget_weta_numbered_rp,
.widget_weta_authors,
.sidebar-small .widget,
.woocommerce #container,
.widget_products,
.widget_top_rated_products,
.widget_recent_reviews,
.widget_weta_slider,
#colophon {
		padding-left: 15px; /* --- war 50px ---*/
		padding-right: 15px; /* --- war 50px ---*/
	}
    
#front-sidebar-two .widget,
#front-content-one .widget {
    	padding-left: 15px;
    	padding-right: 15px;
	}

/* --- den folgenden Part eingefügt, damit auch das Logo bei dieser kleinen Größe einen Seitenabstand von 15px hatund alles bündig bleibt --- */
    
#site-branding {
		padding: 0px 15px 0px;
		border-bottom: none;
		clear: both;
    }    

/*-----------------------------------------------------------------------------------*/
    /* --- Schriftgrößen und Abstände für Smartphones anpassen --- */    
/*-----------------------------------------------------------------------------------*/
    
/* --- den folgenden Part eingefügt, damit sich Schriftgröße der Widgettitle anpassen bei Smartphones --- */
    
.widget h3.widget-title {
	display: block;
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert vpm 0 zu 1 geändert, damit mehr Luft ist --- */
	margin-bottom: 20px; /* --- war bei normaler Größe 24 ---*/
	font-size: 18px; /* --- zu 18 von 20 geändert, sieht besser aus mit alles Georgia --- */
	font-size: 1.125rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}
#blog-sidebar .widget h3.widget-title {
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert von 0 zu 1 geändert, damit mehr Luft ist -- */
	font-size: 18px; /* --- zu 18 von 20 geändert, sieht besser aus mit alles Georgia --- */
	font-size: 1.125rem;
	font-family: Georgia, 'Times New Roman', serif;
    font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}
/* --- den folgenden Part eingefügt, damit Schriftgröße Artikelüberschriften angepasst werden --- */
    
h2 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.4;
}

/* --- der folgende Part bezieht sich auf die Artikelüberschrift bei einem einzelnen Artikel --- */
    
h1 {
	padding: 0px 0 20px; /* --- der erste Wert war 46, dadurch hatte die Überschrift einen großen Abstand nach oben. --- */
	font-size: 18px;
	font-size: 1.125rem;
}

/* --- den folgenden Part einfügen, damit die Zwischenüberschriften bei Zur Person sich der kleinen Größe anpassen --- */
    
h4 {
	padding: 12px 0 10px;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.5;
}
    
 /* --- den folgenden Part eingefügt, damit Schriftgröße Fließtext angepasst wird --- */
    /* --- Post Content --- */
.entry-summary {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.55;
	padding: 0 0 10px;
}
    
/* --- der folgende Part passt die Schriftgröße auch auf Kategorien und Artikelseiten an --- */  
/* --- Typography --- */
.entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.authorbox p.author-bio {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.8;
	color: #555;
}
        
 /* --- den folgenden Part eingefügt, damit Schriftgröße Menü angepasst wird --- */
 /* --- Main Menu --- */
 
     #site-nav ul li a {
	display: block;
	padding: 8px 15px; /* --- war 13 25, so rücken die einzelnen Punkte näher aneinander. Der letzte muss hier 15 sein, damit der Abstand nach links stimmt und es bündig ist --- */
	font-size: 18px; /* --- war 17px --- */
	font-size: 1.125rem; /* --- war 1.0625rem --- */
	font-family: Georgia, 'Times New Roman', serif; /* --- war Source, aber geändert zur Georgia --- */
    font-weight: normal; /* --- soll jetzt in georgia doch nicht mehr fett sein --- */
	line-height: 1.25; /* --- war 1.5, bringt die Schrift etwas näher an das Logo --- */
}
    #site-nav ul ul li a {
    padding: 8px 25px 8px 45px;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: normal;
    line-height: 0.5; /* --- hier stand nichts, hat also die Eigenschaften des Elternelements übernommen 1.25, so sind die Abständen zwischen den einzelnen Menüpunkten kleiner --- */
}

/* --- der folgende Part verändert die Größe der x zum schließen des Menüs --- */
    
    .btn-close:after {
	content: '\f406';
	font: normal 10px/1 'Genericons'; /* --- war ursprünglich 19 --- */
}

/* --- der folgende Part regelt den Abstand des Inhalts nach oben auf Blogseite --- */
    
.blog-wrap #primary {
	padding: 30px 15px 0;
}
    
/* --- Abstand zwischen einzelnen Post auf Kategorienseite --- */

.blog-wrap #primary .entry-footer {
	padding: 0px 0 30px; /* --- war 10px 0 125px; --- */ 
}
    
/* --- der folgende Part verändert den Abstand des ersten Elements (Bild Carolin Emcke) nach oben --- */
    
.front-content .widget:first-of-type,
.front-sidebar .widget:first-of-type,
.front-content .widget_weta_slider:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
	padding-top: 30px; /* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */
    padding-bottom: 0px; /* --- eingefügt, sorgt dafür, dass der Abstand unter dem Bild auf der Startseite kleiner wird --- */
}

/* --- Sidebar-Widgets noch mal extra erwähnt, damit hier der Abstand von der Suche nach unten größer ist --- */
.front-sidebar .widget:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
    padding: 40px 15px 50px;
}
    
/* --- Meta Kategorien auf mobilen Seiten ausblenden für alle Bereiche --- */
    
     .entry-cats {
    display: none;
}
    /* --- Unterkategorie Streitraum 15/16 und 16/17 brauchen Titel Abstand zum Text --- */
    
.category-streitraum1516 .archive-header h1.archive-title {
    padding: 0 0 20px; }
    
.category-streitraum1617 .archive-header h1.archive-title {
    padding: 0 0 20px; }
}
    

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 540 pixels (smartphones landscape)
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 480px) {


/* --- General --- */
/* --- dafür sorgen, dass der Abstand des gesamten Contents zum Rand schmaler wird --- */
  
.blog-wrap #primary,
.nosidebar #primary,
.fullwidth #primary,
.widget_weta_rp,
.widget_weta_quote,
.widget_weta_numbered_rp,
.widget_weta_authors,
.sidebar-small .widget,
.woocommerce #container,
.widget_products,
.widget_top_rated_products,
.widget_recent_reviews,
.widget_weta_slider,
#colophon {
		padding-left: 25px; /* --- war 50px ---*/
		padding-right: 25px; /* --- war 50px ---*/
	}

/* --- diesen Teil musste ich noch einfügen, damit es nicht die Werte von 100px übernimmt mit den 15px Abstand zum Rand ---*/

#front-sidebar-two .widget,
#front-content-one .widget {
    	padding-left: 25px;
    	padding-right: 25px;
	}
    
/* --- den folgenden Part eingefügt, damit der Abstand der Suche, wenn die Sidebar nach unten wandert in der mobilen Ansicht, nach oben und unten besser passt. --- */

.sidebar-small .widget:first-of-type {
	padding: 25px 25px 50px; 
}
    
/* --- den folgenden Part eingefügt, damit das Logo bei dieser Größe einen Seitenabstand von 25px hat und alles bündig bleibt --- */
    
#site-branding {
		padding: 0px 25px 0px;
		border-bottom: none;
		clear: both;
    } 


/* --- den folgenden Part eingefügt, damit Schriftgröße der Widgettitel ab hier (Bildschirmgröße) wieder die richtige Größe haben --- */
    
.widget h3.widget-title {
	display: block;
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert vpm 0 zu 1 geändert, damit mehr Luft ist --- */
	margin-bottom: 20px;
	font-size: 22px; /* --- jetzt doch zu 22 statt 24 geändert, sieht besser aus, wenn alles Georgia ist --- */
	font-size: 1.375rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}
#blog-sidebar .widget h3.widget-title {
	padding: 0 0 1px; /* --- im Nachhinein letzten Wert von 0 zu 1 geändert, damit mehr Luft ist -- */
	font-size: 22px; /* --- jetzt doch zu 22 statt 24 geändert, sieht besser aus, wenn alles Georgia ist --- */
	font-size: 1.375rem; 
	font-family: Georgia, 'Times New Roman', serif;
    font-weight: normal;
	line-height: 1.2;
	border-bottom: 1px solid #dcdcdc;
}

/* --- den folgenden Part eingefügt, damit Schriftgröße der Artikelüberschriften ab hier wieder die richtige Größe haben --- */ 
 h2 {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.4;
}

/* --- der folgende Part bezieht sich auf die Artikelüberschrift bei einem einzelnen Artikel --- */

h1 {
	padding: 0px 0 20px; /* --- der erste Wert war 46, dadurch hatte die Überschrift einen großen Abstand nach oben. --- */
	font-size: 22px;
	font-size: 1.375rem;
}
    
/* --- den folgenden Part eingefügt, damit Schriftgröße Artikelüberschriften angepasst werden --- */
h4 {
	padding: 16px 0 6px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}

 /* --- den folgenden Part eingefügt, damit Schriftgröße Fließtext angepasst wird --- */
/* --- Post Content --- */
    
.entry-summary {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.55;
	padding: 0 0 10px;
}

/* --- der folgende Part passt die Schriftgröße auch auf Kategorien und Artikelseiten an --- */
/* --- Typography --- */
.entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.authorbox p.author-bio {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8;
	color: #555;
}
    
/* --- Größe des Textes der Kategorienbeschreibung --- */
.archive-header .taxonomy-description p {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-size: 1rem;
    line-height: 1.8;
    color: #282828;
}
    
    /* --- den folgenden Part eingefügt, damit Schriftgröße Menü angepasst wird --- */
 /* --- Main Menu --- */
 
    
    #site-nav ul li a {
	display: block;
	padding: 13px 25px;
	font-size: 22px; /* --- war 17px --- */
	font-size: 1.375rem; /* --- war 1.0625rem --- */
	font-family: Georgia, 'Times New Roman', serif; /* --- war Source, aber geändert zur Georgia --- */
    font-weight: normal; /* --- soll jetzt in georgia doch nicht mehr fett sein --- */
	line-height: 1.25; /* --- war 1.5, bringt die Schrift etwas näher an das Logo --- */
}
    #site-nav ul ul li a {
    padding: 13px 25px 13px 45px;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: normal;
    line-height: 0.7; /* --- hier stand nichts, hat also die Eigenschaften des Elternelements übernommen 1.25, so sind die Abständen zwischen den einzelnen Menüpunkten kleiner --- */
}
    
#menu-main-toggle,
#cart-btn-mobile,
.btn-close {
	display: block;
	margin: 0 auto;
	padding: 20px 0 50px 0px; /* -- war padding-left: 0 --- */
	text-align: center;
	width: 100%;
	line-height: 0;
	height: 50px; /* --- war 60px --- */
	color: #282828;
	background: none;
	border-bottom: 1px solid #dcdcdc;
   }

.dropdown-toggle:after {
	vertical-align: top;
	position: absolute;
	content: '\f431';
	font: normal 24px/1.5 'Genericons';
	top: 0;
	right: 0;
	width: 46px;
	height: 41px;
	padding: 13px 15px 0 0;
	text-align: right;
}

/* --- Mobile Menu Buttons --- */

/* --- der folgende Part sorgt dafür, dass der "Burger" größer ist, als bis 480px --- */    

    #menu-main-toggle:after {
	content: '\f419';
	font: normal 30px/1 'Genericons'; /* -- war 20px ---*/
}
/* --- der folgende Part verändert die Größe der x zum schließen des Menüs --- */
    
    .btn-close:after {
	content: '\f406';
	font: normal 15px/1 'Genericons'; /* --- war ursprünglich 19, bei kleiner als 480 ist es 10 --- */
}
    
/* --- der folgende Part regelt den Abstand des Inhalts nach oben auf Blogseite --- */
    .blog-wrap #primary {
	padding: 60px 25px 0;
}   
    
/* --- Abstand zwischen einzelnen Post auf Kategorienseite --- */

.blog-wrap #primary .entry-footer {
	padding: 0px 0 60px; /* --- war 10px 0 125px; --- */ 
}

/* --- Abstand zum ersten Post (Bild CE) auf Startseite --- */
    
.front-content .widget:first-of-type,
.front-sidebar .widget:first-of-type,
.front-content .widget_weta_slider:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
	padding-top: 50px;
    padding-bottom: 0px; /* --- hier steht jetzt eine 0, weil das Bild auf display: none steht, aber das padding trotzdem ausgegeben wird. Soll aber nur 60px Abstand nach oben haben, nicht 80, deswegen die 20 am Ende rausgenommen. Bei ab 1023 wieder drin. --- */
}

/* --- Sidebar-Widgets noch mal extra erwähnt, damit hier der Abstand von der Suche nach unten größer ist --- */
.front-sidebar .widget:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
    padding: 40px 25px 50px;
}

/* --- Archiv-Üebrschriften in der Schriftgröße angepasst, passend zum Rest --- */
    
.archive-header h1.archive-title {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-size: 1.375rem;
    text-decoration: underline;
}
    
 }   

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 767 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/
    
/* --- sorgt dafür, dass h2 die richtige Größe hat, diese Eigenschaft überschreibt sonst die allgemeine Eigenschaft h2 --- */
    
@media screen and (min-width: 767px) {   
    
.blog-wrap #primary .entry-header h2.entry-title,
	.single-post .entry-header h1.entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}
    
/* --- Archive Header wird nur auf der Seite mit den Suchergebnissen ausgegeben. Bei allen anderen habe ich das hier im Code manuell ausgeblendet. Im Weta-Theme gibt es eine Extra Abstands-Angabe für ab 767 px. ich habe die auf 25px geändert, für alle Größen (siehe 8. Archives) --- */

    /* --- Archives Pages --- */
	.archive-header {
		padding: 0 0 25px;
	}
}
    
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 860 pixels
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/
        
@media screen and (min-width: 860px) {

/* --- TEST BILD AUF STARTSEITE WIEDER DA --- */
    
#front-content-one .textwidget {
    display: block;
}   
   
/* --- den folgenden Part eingefügt, damit der Abstand zum Bild (first-of-type) stimmt, auch wenn das Bild wieder da ist (siehe oben) --- */
    
.front-content .widget:first-of-type,
.front-sidebar .widget:first-of-type,
.front-content .widget_weta_slider:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
	padding-top: 60px; /* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */
    padding-bottom: 20px; /* --- eingefügt, sorgt dafür, dass der Abstand unter dem Bild auf der Startseite 30px wird --- */
}

/* --- noch mal Extra für Suche, weil die sich unten anders verhalten soll --- */
    
.sidebar-small .widget:first-of-type {
	padding: 40px 25px 50px; 
}

    
/* --- NUR ZUM TEST EINGETRAGEN, weil eigentlich der main-wrap nie den Abstand bestimmen soll (also es keinen geben soll, sondern die Elemente im main-wrap ---*/
#main-wrap {
	padding: 0;
}
/* --- NUR ZUM TEST EINGETRAGEN ---*/
    
/* --- General --- */
/* --- dafür sorgen, dass der Abstand des gesamten Contents zum Rand schmaler wird --- */
    
.blog-wrap #primary,
.nosidebar #primary,
.fullwidth #primary,
.widget_weta_rp,
.widget_weta_quote,
.widget_weta_numbered_rp,
.widget_weta_authors,
.sidebar-small .widget,
.woocommerce #container,
.widget_products,
.widget_top_rated_products,
.widget_recent_reviews,
.widget_weta_slider,
#colophon {
		padding-left: 25px; /* --- war 50px ---*/
		padding-right: 25px; /* --- war 50px ---*/
	}

    
/* --- Weta Recent Post Widget - 1-columns overlay --- */
    
/* --- sorgt dafür, dass h2 die richtige Größe hat, diese Eigenschaft überschreibt sonst die allgemeine Eigenschaft h2 --- */
.column-area .rp-one-column-overlay .entry-header h2.entry-title,
.column-area .rp-one-column-textright .entry-header h2.entry-title  {
		font-size: 22px;
		font-size: 1.375rem;
		
	}

/* --- Weta Recent Post Widget - 1-columns text right --- */
/* --- der folgende Code Teil sorgt dafür, dass bei dem einen Artikel im Startseiten-Widget, also bei Bücher, Bild und Text den Platz tauschen ---*/
    
   	.front-content .rp-one-column-textright .entry-text-wrap .entry-summary {
		padding-top: 0px; /* --- war 15px, sorgt dafür, dass hier der Abstand zur Überschrift genauso ist, wie bei den anderen Posts --- */
	}
    
    .column-area .rp-one-column-textright .entry-thumbnail {
		float: right; /* --- hier stand vorher float: left --- */
		margin: 0;
		padding: 0;
		line-height: 0;
	}
    
	.column-area .rp-one-column-textright .entry-text-wrap {
		display: block;
		float: left; /* --- hier stand vorher float: right --- */
		padding-top: 0px; 
        /* --- hier stand in der Original CSS-Datei 20px, noch mal überprüfen, ob das hier richtig geändert wurde, oder nicht --- */
    }

/* --- Footer --- */
/* --- diesen Part eingefügt, damit die Navogation im Footer (Impressum, Datenschutz, ©) keinen Abstand zum Rand hat und immer bündig erscheint. Scheint zu funktionieren! --- */
    .sidebar-footer:nth-of-type(4n+4),
	.sidebar-footer:last-of-type {
		margin: 0 0 0 0%;
	}
    
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 1025 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 1025px) {

/* diesen Punkt habe ich eingefügt, damit der jeweils ausgewählte Menüpunkt unterstrichen wird und man weiß, wo man sich befindet. */

.current-menu-item a {
    text-decoration: underline;
}

/* -- das sorgt dafür, dass "Publikationen" auch unterstrichen ist, wenn einer der Unterpunkte ausgewählt ist --- */
.current-menu-parent{
text-decoration: underline;
}
    
/* --- diesen ganezn Teil hinzugefügt, weil es sonst mit dem Abstand zum rand nicht gestimmt hat. So wird gesagt, dass der Bereich ab 1023 keinen Abstand zum Rand hat. Das padding ergibt sich dann dem Bereich main-wrap weiter unten --- */

#main-wrap {
	padding: 0;
}
    
.blog-wrap #primary,
	.nosidebar #primary,
	#blog-sidebar,
	#blog-sidebar .widget {
		padding-left: 0;
		padding-right: 0;
	}
	.nosidebar #primary {
		max-width: 660px;
	}

/* --- sorgt dafür, dass die Sidebar auf Blogseiten keine Linine nach oben hat bei Desktop-Ansicht, sondern nur bei mobilder Ansicht --- */
    
    #blog-sidebar {
	border-top: none; /* --- war #ededee --- */
}
    
/* -- den folgenden Part eingefügt, weil die generelle Einstellung für sidebar-small .widget:first-of-type (Suche) geändert wurde für die mobile Version bis 480px. Bei der Desktop-Version sollen die Sidebar-Widgets keinen Abstand nach oben haben, weil die gesamte Sidebar einen Abstand nach oben hat. --- */
    
     .sidebar-small .widget:first-of-type {
	padding: 0px 25px 50px; 
}
    
/* --- Header (Desktop) --- */   
    
/* --- die Linie unterhalb des Headers dunkelgrau (282828) machen statt grau und Punkte statt solid (gilt auch wieder nur für die Desktop-Ansicht, weil es im mobilen Menü anders aussieht--- */
    
	#masthead {
		border-bottom: none; /* ist im original eine dünne graue Linie --- */
	}

/* --- die Größe des Headers anpassen, soll hier im Gegensatz zur vorher 50px Abstand zum Rand haben --- */

	#site-branding {
		padding: 0px 50px 0px;
		border-bottom: none;
		clear: both;
	}
/* --- bei padding stand vorher 40px 50px 60px, ich habe also für eine Größe ab 1023px (also nicht mehr mobile Ansicht) den Abstand des Headers nach oben und unten rausgenommen, aber 50px nach rechts und links beibehalten. Bei 1260px wird der dann auch 0px, weil es sowieso einen Abstand zum Rand gibt, weil der ganze Inhaltsbereich nur 1200px breit ist --- */


/* --- diesen Teil eingefügt, damit der Abstand vom Inhalt zum main-wrap 50px beträgt, für alles, was größer ist als 1023px --- */

#front-sidebar-two .widget,
#front-content-one .widget {
    	padding-left: 50px;
    	padding-right: 0px;
}

    
/* --- Menu Main --- */
    
/* --- dafür gesorgt, dass das Menü 50px einrückt und nicht direkt am Rand klebt --- */
	
    #menu-main-wrap {
		overflow: visible; 
		display: block !important;
		padding: 0 50px 0; /* --- war vorher 0 --- */
		border-top: none;
	}    
    
/* --- Abstand zwischen Menü und Logo vergrößert. Danach musste noch die Position des Pfeils angepasst werden (mehr padding-top) --- */
	#site-nav ul li {
		display: inline-block;
		margin: 0;
		padding: 20px 0 0 0; /* --- war 0 --- */
		border-bottom: none;
		position: relative;
	}

/* --- den Pfeil neben Publikationen an die richtige Stelle gerückt, dazu das padding verändert --- */
    
 	#site-nav ul li.menu-item-has-children:after,
  	#site-nav ul li.page_item_has_children:after,
  	.header-top-nav ul li.menu-item-has-children:after {
  		vertical-align: top;
  		position: absolute;
  		content: '\f431';
  		font: normal 14px/1 'Genericons';
  		top: 0;
  		right: 0;
  		padding: 32px 22px 0 0; /* --- der erste Wert war 24px, der zweite war 14 --- */
  		text-align: left;
  	}
    
/* --- Menü linksbündig --- */
    #site-nav {
		text-align: left; /* --- war center --- */
		border: none;
        max-width: 1200px; 
        margin: 0 auto;
            /* --- durch die Angaben max-width und margin wird dafür gesorgt, dass das sticky-menu auch zwischen 1200 und 1260 linksbündig bleibt --- */
	}
    
    #site-nav .sticky-content .fixed {
        border-bottom: none;
    }
    
/* --- padding war vorher 19px 18px. Das ändert auch wieder das Verhalten der Menüpunkt innerhalb ihrer Kästen. Warum die gleiche Angabe an vorheriger Stelle allerdings anders ist, weiß ich nicht) --- */
    
	#site-nav ul li a {
		display: block;
		position: relative;
		padding: 3px 33px 3px 0px; /* --- hier im nachhinein die erste 12 zu 3 geändert, damit rückt dann die Linie unterhalb des Menüs an das Menü ran. Danach muss dann noch die Position des PFeils geändert werden. --- */
  	}

#site-nav ul li:hover > ul {
		display: block !important;
        z-index: 1000; /* --- das eingefügt, in der Hoffnung, dass dadurch das Menü da bleibt --- */
	}
    
/* --- das Sticky-Menü angepasst, damit der Seitenabstand stimmt --- */
    
/* --- hier die max-width von 1380 auf 1200 geändert, damit es auch bei größeren Breiten linksbündig bleibt --- */
    .sticky-wrap {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
        border-bottom: 1px solid #dcdcdc; /* Linie der site-nav zugeordnet, anstatt dem masthead --- */
	}  
    
.sticky-content.fixed {
	  position: fixed !important;
	  top: 0 !important;
	  left: 0;
	  right: 0;
	  z-index: 10000;
        padding: 0 0 0 50px; /* --- diese komplette Zeile ist eingefügt --- */
	  background: #ffffff;
	  -webkit-transition: background-color .2s linear;
	  	 -moz-transition: background-color .2s linear;
	  	   -o-transition: background-color .2s linear;
	  	  -ms-transition: background-color .2s linear;
	  	  	  transition: background-color .2s linear;
	}

/* --- dafür gesorgt, dass der Punkt Publikationen (has children) einen größeren Abstand nach rechts bekommt --- */    
	#site-nav ul li.menu-item-has-children a,
  	#site-nav ul li.page_item_has_children a {
		padding-right: 40px; /* --- war 33 --- */
	}
    

/* --- Aussehen des Untermenüs minimal verändert --- */
    
#site-nav ul ul.sub-menu,
	#site-nav ul ul.children {
		display: none;
		background: #fff;
		position: absolute;
		top: 45px; /*  legt die absolute Position fest --- */
		left: 0;
		width: 220px;
		margin: 0;
		padding: 10px 0 0 0;
		z-index: 1000;
		text-align: left;
		border: none; /* --- war border-top: 1px solid #ededee, ein hellgrauer Strich --- */
	}

/* --- Hintergrundfarbe Submenü Auswahl ändern --- */

    #site-nav ul.sub-menu a:hover,
	#site-nav ul.children a:hover {
		color: #999; /* --- war #fff --- */
	}
    
#site-nav ul.sub-menu li:hover,
	#site-nav ul.children li:hover {
        background: none; 
		
	}

/* --- Blog --- */
/* --- Aufteilung Content und Sidebar geändert (an Startseite angepasst)  --- */

#blog-sidebar {
		width: 30%; /* --- war 28% ---*/
		float: right;
		padding-top: 60px; /* --- Achtung: alter Wert, Abstände nach oben sollen sich ja verändern ---*/
	}

/* --- damit die hellgraue Linie überhalb der Sidebar nicht auch auf der Desktop-Version auftaucht, ab 1023 diese Werte angegeben --- */
    
#front-fullwidth-center,
#front-fullwidth-bottom,
#front-sidebar-one,
#front-content-two {
	border-top: transparent;
}

/* --- Breite des Footers angepasst: 1200px, und padding left von 50px, damit es für diese Größe auch linksbündig ist. Der ganze Block ist eingefügt ---*/

	#colophon .footer-wrap {
		max-width: 1200px;
		margin: 0 auto;
        padding-left: 25px; /* --- müsst eigentlich 50 sein, aber irgendwoher nimmt der ein zusätzliches padding von 25px, zusammen sind es dann 50 --- */
	}

/* --- den folgenden Part eingefügt, damit der Abstand zum Bild (first-of-type) stimmt nach Anpassungen für Smartphones --- */
    
.front-content .widget:first-of-type,
.front-sidebar .widget:first-of-type,
.front-content .widget_weta_slider:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
	padding-top: 60px; /* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */
    padding-bottom: 20px; /* --- eingefügt, sorgt dafür, dass der Abstand unter dem Bild auf der Startseite 30px wird --- */
}

/* --- Sidebar-Widgets noch mal extra erwähnt, damit hier der Abstand von der Suche nach unten größer ist --- */
.front-sidebar .widget:first-of-type,
.sidebar-small .widget_weta_slider:first-of-type {
padding-top: 60px; /* --- die 60 hier waren vorher 63, das bestimmt den Abstand zum Header vom ersten Eintrag und dem ersten Sidebar-Widget auf der Startseite --- */
    padding-bottom: 40px;
}

/* --- den folgenden Part eingefügt, damit die Archiv-Überschriften bei Desktop-Ansicht nicht ausgegeben werden, weil man ja das Menü hat, das einem anzeigt, wo man ist. Da "Suchergenisse" auch eine category Überschrift ist, die aber nicht ausgeblendet werden soll, müssen alle anderen einzeln ausgeblendet werden --- */



.category-publikationen .archive-header {display: none}   
    
.category-kolumnen .archive-header {display: none}  
    
.category-essays .archive-header {display: none}  

.category-reportagen .archive-header {display: none}  

.category-buecher .archive-header {display: none}  


/* --- TEST, nur Kategoriebeschreibuns bei Streitraum ausgeben zu lassen --- */
    
.category-streitraum .archive-title {display: none}

    
.category-streitraum .taxonomy-description {
    display: block;
}

/* --- TEST ENDE--- */

.category-gespraeche .archive-header {display: none}

.category-projekte .archive-header {display: none}  

/* --- Unterkategorie Streitraum 15/16 und 16/17 brauchen Titel Abstand zum Text --- */
    
.category-streitraum1516 .archive-header h1.archive-title {
    padding: 0 0 20px; }
    
.category-streitraum1617 .archive-header h1.archive-title {
    padding: 0 0 20px; }

/* --- Kategorie Meta-Infos sollen ab Desktop-Größe wieder angezeigt werden --- */
        .entry-cats {
    display:none;
}
    
/* --- auf den Seiten Zur Person und Kontakt die Titel ausgeblendet --- */    

.page-id-50 .page .entry-header h1.entry-title {
    display: none;
}
    
    .page-id-47 .page .entry-header h1.entry-title {
    display: none;
    
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 1100 pixels
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/
    
@media screen and (min-width: 1100px) {

/* --- General --- */
/* --- Breite Blogseite soll voll ausgenutzt werden, aber padding muss 50 sein, damit es linksbündig ist ---*/
    
	.blog-wrap {
		max-width: 1200px; /* --- war 1000 ---*/
		padding: 0 50px; /* --- hatte kein padding ---*/
	}

}


/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 1260 pixels
------------------------------------------------------------------------------------ */
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 1260px) {

/* --- General --- */
    
/* --- Hier die Breite angegeben, die die Blogseiten bei 1260px und mehr haben sollen. Padding muss 0 sein, wegen kein Abstand zum Rand. Der gesamte Block ist eingefügt ---*/
    
.blog-wrap {
        max-width: 1200px;
        padding: 0;
        }

/* --- Menü muss hier keinen Abstand vom Rand haben, weil mehr als 1200px, der gesamte Block ist hinzugefügt --- */

#menu-main-wrap {
		overflow: visible;
		display: block !important;
		padding: 0 0px 0; 
		border-top: none;
         }

/* --- das Sticky-Menü angepasst, damit der Seitenabstand stimmt --- */
    
.sticky-content.fixed {
	  position: fixed !important;
	  top: 0 !important;
	  left: 0;
	  right: 0;
	  z-index: 10000;
        padding: 0 0 0 0px; /* --- diese komplette Zeile ist eingefügt, letzter Wert war bei 1023 noch 50 --- */
	  background: #ffffff;
	  -webkit-transition: background-color .2s linear;
	  	 -moz-transition: background-color .2s linear;
	  	   -o-transition: background-color .2s linear;
	  	  -ms-transition: background-color .2s linear;
	  	  	  transition: background-color .2s linear;
	}
    


/* --- den folgenden Part eingefügt, damit er nicht das von 1023 übernimmt, wo als padding rechts und links 50px eingestellt sind --- */
    
#site-branding {
		padding: 0px 0px 0px;
		border-bottom: none;
		clear: both;
    }
    
/* --- den ganzen folgenden Part eingefügt, um festzulegen, wie sich Content-Bereich und Sidebar auf Blogseite verhalten ---*/

blog-wrap #primary {
		width: 68.3%;
		float: left;
        padding-top: 60px; /* --- das hier ist der Abstand zum Header --- */
	}
.blog-fullwidth .blog-wrap #primary {
		width: 66%;
		float: none;
		margin: 0 auto;
	}
#blog-sidebar {
		width: 25%;
		float: right;
		padding-top: 60px; /* --- das hier ist der Abstand zum Header --- */
         }

/* --- den folgenden Part eingefügt, damit er nicht das von 1023 übernimmt, wo als padding rechts und links 50px eingestellt sind. Verantwortlich für Verhalten der Content-Blocks --- */

#front-sidebar-two .widget,
#front-content-one .widget {
    	padding-left: 0px;
    	padding-right: 0;
	}

/* --- Breite des Footers angepasst: 1200px, aber kein padding ---*/

	#colophon .footer-wrap {
		max-width: 1200px; 
		margin: 0 auto;
        padding-left: 0px; 
	}