/*
Theme Name: Default Site
Theme URI: 
Description: Flexible width child theme for the Twenty Fourteen theme
Author: <a href="http://greypress.de/" title="Besuche die Homepage des Autors">the WordPress team</a>
Author URI: 
Template: twentyfourteen
Version: 0.1
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */
@import url('../twentyfourteen/style.css'); 
/* @import url('buddypress.css'); */
/* @import url('bbpress.css');

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */


/*/ Adminbar Ende /*/

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 101%; /* geändert */
}

h1 {
	font-size: 160%;
	line-height: 1.3846153846;
}

h2 {
	font-size: 150%;
	line-height: 1;
}

h3 {
	font-size: 140%;
	line-height: 1.0909090909;
}

h4 {
	font-size: 130%;
	line-height: 1.2;
}

h5 {
	font-size: 120%;
	line-height: 1.3333333333;
}

h6 {
	font-size: 110%;
	line-height: 1.5;
}

/**
 * 0.0 Master Structure
 * -----------------------------------------------------------------------------
 */

p {
        text-align: justify; /* neu */
        margin: 12px auto; /* neu */
}

.wp-post-image, .post-thumbnail img {
       width: 100%; /* geändert */
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	max-width: 100%; /* geändert */
}


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

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */

.site-header {
	max-width: 100%; /* geändert */

}

.site-title { 
	font-size: 24px; /* geändert */
	font-weight: 400; /* geändert */
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */
/*

/* Primary Navigation */
.primary-navigation {
	font-size: 90%;  /* geändert */
}

/* Secondary Navigation */
.secondary-navigation {
	font-size: 90%;  /* geändert */
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.content-area {
	padding-top: 20px; /* geändert */
}

.hentry {
	max-width: 100%; /* geändert */
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
        margin: auto; /* neu */

	max-width: 100%; /* geändert */
}

.page-content {
	margin-bottom: 0px; /* geändert */
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */ 

.entry-title {
	font-size: 24px;
	text-transform: none; /* geändert */
        font-variant:normal; /* geändert */
}

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
.post-navigation,
.image-navigation {
	max-width: 100%; /*geändert */
}

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

.archive-header,
.page-header {
	max-width: 100%; /* geändert */
}

.archive-title,
.page-title {
	font-size: 24px; /* geändert */
}

.taxonomy-description,
.author-description {
	font-size: 16px; /* geändert */
}


/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

.contributor-info {
	margin: auto auto auto 200px; /* geändert */
	max-width: 80%; /* geändert */
}

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
	max-width: 100%; /* geändert */
}

li.bypostauthor  {
	background: #f9f9f9; /* neu */
        padding: 0 10px 0 10px; /* neu */
        border: 1px solid rgba(0, 0, 0, 0.1); /* neu */
	-moz-border-radius: 3px; /* neu */
	-webkit-border-radius: 3px; /* neu */
	border-radius: 3px; /* neu */
}

p.form-allowed-tags {
	text-align: left; /* geändert */
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

.logo { 
        margin-left: auto; /* neu */
        margin-right: auto; /* neu */
        padding-bottom: 20px;/* neu */
        margin-bottom: 0px; /* neu */
        max-width: 170px; /* neu */
        max-height: 170px; /* neu */
}

.site-description {
        padding-top: 10px; /* neu */
	font-size: 90%; /* geändert */
        color: #e6e6e6; /* neu */
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
}

.site-footer, .site-info, .site-info a {
        color: #e6e6e6; /* neu */
        font-size: 100%; /* neu */
}

/* Content Sidebar */

.content-sidebar {
	padding: 20px 10px 0; /* geändert */
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */
.widget {
	font-size: 90%; /* geändert */
}

.content-sidebar .widget .widget-title {
	font-size: 90%;  /* geändert */
	font-weight: 400;  /* geändert */
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content .entry-title {
	font-size: 120%; /* geändert */
	text-transform: none; /* geändert */
        font-variant:small-caps; /* geändert */
}

.slider .featured-content .post-thumbnail {
	padding-top: 165px; /* geändert */
}

.featured-content {
    background: #000; /* geändert */
}

.slider .featured-content .entry-header {
	width: 100%; /* geändert */
}

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	max-width: 90%; /*geändert */
}

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
	font-size: 100%;  /* geändert */
	font-weight: 400;  /* geändert */
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}

@media screen and (min-width: 1080px) {
	.search-box .search-field {
		width: 33%; /* geändert */
	}

	.slider .featured-content .entry-title {
		font-size: 24px; /* geändert */
	}

	.slider .featured-content .entry-header,
	.slider-control-paging {
		width: 100%; /* geändert */
	}
}

@media screen and (min-width: 1008px) {
	.footer-sidebar .widget,
	.primary-sidebar .widget {
		font-size: 90%; /* geändert */
	}
}
/* Zusätzliche Optionen */

/* Notizen */
/*Notiz gelb*/
div.notiz-gelb {
font-size: 100%;
font-weight: normal;
text-align: left;
padding:10px;
background-color: #F9EDBE;
color:#001838;
border: solid 1px #F0C36D;
margin-bottom:20px;
}
/*Notiz rot*/
div.notiz-rot { 
font-size: 100%;
font-weight: normal;
text-align: left;
padding:10px;
background-color: #FFEBE8;
color:#001838;
border: solid 1px #B00000;
margin-bottom:20px;
}
/*Notiz gruen*/
div.notiz-gruen {
font-size: 100%;
font-weight: normal;
text-align: left;
padding:10px;
background-color: #D2FDD2;
color:#001838;
border: solid 1px #008800;
margin-bottom:20px;
}

.quicktags-toolbar input {
	margin: 2px 1px 4px;
	line-height: 18px;
	display: inline-block;
	min-width: 26px;
	padding: 2px 4px;
	font: 12px/18px Arial,Helvetica,sans-serif normal;
	color: #464646;
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.entry-content sup a {
text-decoration: none;
}

.footnotes {
font-size: 90%; color:#4d4d4d;
}

.footnotes a {
text-decoration: none;
}

p {color: #1a1a1a;}
.entry-content a {color: #0044CC; }
.entry-content a:hover {color: #990099; }
.entry-content a:visited {color: #990099; }

/* Aesop */
.lead {font-size: 120%; padding-bottom: 20px; max-width: 100%; 
}

.aesop-content {
      width:80%;
      max-width:80%;
      margin:auto;
    }

.aesop-content-comp-inner {
      padding: 10px 20px 10px 20px;
    }

.aesop-video-container  {
      width:100%;
      max-width:100%;
      margin:auto;
    }

.aesop-entry-content  {
      width:100%;
      max-width:100%;
      margin:auto;
    }

.aesop-entry-header  {
      width:100%;
      max-width:100%;
      margin:auto;
    }

.aesop-component {padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    }