/*
Theme Name: Magnus Child
Description: Childtheme Magnus Sibylle Pfeiffer
Theme URI: http://thefivethemes.com/themes/magnus
Author: Hugo Baeta
Author URI: http://thefivethemes.com

Template: magnus
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Magnus-child
Tags: photoblogging, custom-header, custom-menu, featured-images, featured-image-header, threaded-comments, translation-ready, responsive-layout, one-column
Magnus WordPress Theme, Copyright (C) 2013-2016, Hugo Baeta.
Magnus is distributed under the terms of the GNU GPL license.
Magnus is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Theme screenshot uses photography by Will Langenberg, from unsplash.com
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@import url("../magnus/style.css");
body{
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	
}
/****header****/
.featured-image .site-header, .header-image .site-header, .blog.home .site-header, .error404 .site-header{
	background: #23aca8;
	position: relative;
	padding: 10px 20px 10px 20px;
	width: 100%;
	height: auto;
}
.site-branding, .site-logo{
	width: auto;
	float: left;
}
.site-branding{
	margin-left: 20px;
	color: #e8e8ea;
}
.site-branding h1 a, .site-branding h2{
	color: #ffffff !important;
}
.site-header{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px 10px 20px;
  margin-bottom: 0;
  background: #23aca8; 
}
.site-header .header-navigation{
	position: relative;
	width: auto;
	font-family: "Roboto", sans-serif;
	font-weight:300;
	margin-top: 15px;
}
.sidebar .main-navigation {
	font-family: "Roboto", sans-serif;
}
.site-header .header-navigation a{
	color: #ffffff ;
	font-size: 1.4em;
	letter-spacing: 0.06em;
}
.site-header .header-navigation a:hover, 
.site-header .header-navigation a:active{
	color: #14120d;
	opacity: 1;
}


.page-id-2 .site-header-image,.page-id-59 .site-header-image, .page-id-61 .site-header-image, .page-id-63 .site-header-image, 
.page-id-65 .site-header-image,.page-id-196 .site-header-image {
	display: none;
}
.site-header .header-navigation .menu-header-container {
    display: inline-block;
}
  .site-header-image .section-image {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
     -webkit-animation: fadein-images 0s ease-out backwards, image-pulse 0s ease-in-out infinite alternate;
    -moz-animation: fadein-images 0s ease-out backwards, image-pulse 0s ease-in-out infinite alternate;
    animation: fadein-images 0s ease-out backwards, image-pulse 0s ease-in-out infinite alternate; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block; }
/* .site-header .header-navigation .menu-header-container ul li a {
    display: inline-block;
	color: #ffffff;
}
.site-header .header-navigation .menu-header-container ul li a:hover; 
.site-header .header-navigation .menu-header-container ul li a:active{
    color: #14120d;
	opacity: 1;
} */
.menu{
	font-size: 14px;
}
/****allgemein****/
.site {
    position: relative;
    width: 100vw;
	
}
strong, bold{
	font-weight: 700;
}
body{
	background: #14120d;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #ffffff;
}
body, button, input, select, textarea{
	color: #ffffff;
}
.left{
	width: 30%;
	float: left;
	padding: 0px 0 20px 0;
}
.right{
	width: 60%;
	float: left;
	padding: 0px 0 20px 0;
}
.arbeit{
	margin-bottom: 30px;
}
.image_mail{
	margin: 0px 0 0 0;
	vertical-align: middle;
	max-width: 235px;
	
}
.site-main h1 {
  font-size: 1.9em;
  font-family: "Karla", sans-serif;
  color: #23aca8;
  text-transform: none;
  font-weight: 700;
 }
 .site-main h2 {
  font-size: 1.9em;
  font-family: "Karla", sans-serif;
  color: #ffffff;  
  text-transform: none;
  font-weight: 700;
}
.site-main h3 {
  font-size: 1.5em;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.0501777168em; 
  color: #23aca8;
  text-transform: none;
  font-weight: 700;
}
.site-main h4 {
  font-size: 1.5em;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.0877914952em; 
  color: #ffffff; 
  text-transform: none;
  font-weight: 700;
}
.site-main h5 {
  font-size: 1.3em;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.0877914952em; 
  color: #23aca8;
  text-transform: none;
}
.site-main h6{
	font-size: 1.1em;
	font-family: "Karla", sans-serif;
	letter-spacing: 0.1316872428em;
	margin: 10px 0 10px 0;
	color: #23aca8; 
	text-transform: none;
}
.content-area {
    font-size: 1.1em;
}
.sidebar{
	background: #23aca8;
	color: #ffffff;
}
.sidebar a{
	color: #ffffff;
}
.sidebar a:hover, .sidebar a:active {
	color: #14120d;
}
::selection {
  /* WebKit/Blink Browsers */
  background: #23aca8;
  color: #fdf1f2;
  text-shadow: 0 1px 1px #bc5860; }

::-moz-selection {
  /* Gecko Browsers */
  background: #23aca8;
  color: #fdf1f2;
  text-shadow: 0 1px 1px #bc5860; }
h1, h2, h3, h4, h5, h6, form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"], .comment-form label {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  clear: both;
  text-transform: uppercase;
  line-height: 1;
  color: #434353; }
.page-id-65 .entry-content p, .page-id-196 .entry-content p {
    margin-top: 10px;
    font-size: 0.8em;
	line-height: 1.3em;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.page-id-65 .entry-content h3, .page-id-196 .entry-content h3 {
    font-size: 1.2em;
	margin: 0 0 10px 0;
}
.page-id-65 .entry-content h3, .page-id-196 .entry-content h3{
    font-size: 1.01em;
}
  /****blogseite****/
.post-navigation{
	display: none;
}
.hentry{
	border-bottom: 0px solid #f3f3f4;
}

/****footer****/
.site-footer{
	background: #23aca8;
	color: #ffffff;
	text-align: center;
}.site-footer p, .site-footer a{
	color: #ffffff;
	font-size: 0.9em;
	font-size: normal;
}
.site-footer a:hover, .site-footer a:active, .site-footer a:visited {
	color:#000000;
	text-decoration: none;
	opacity: 1;
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/

.postid-26 .site-header-image {
	display: none;
}
  
.blog-home-content article .entry-header .entry-title a {
    color: ffffff;
}
.blog-home-content article .entry-header .entry-title a:hover {
    color: 23aca8;
}
.blog-home-content .site-main {
  overflow: hidden;
  background: #000000; }
.blog-home-content .section-image, .blog-home-content article:first-child .section-image {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.blog-home-content article {
  -webkit-animation: fadein 2s ease-out backwards;
  -moz-animation: fadein 2s ease-out backwards;
  animation: fadein 2s ease-out backwards;
  position: relative;
  width: 20%;
  height: 40vh;
  margin: 0;
  padding: 0;
  float: left;
  border-bottom: 0;
  overflow: hidden; }
  @media (max-width: 1800px) {
    .blog-home-content article {
      width: 25%;
      height: 40vh;
      }
	  .blog-home-content #post-26 {
      width: 25%;
      height: 40vH;
      }
	}
	@media (max-width: 1300px) {
    .blog-home-content article {
      width: 33%;
      height: 40vh;
      }
	  .blog-home-content #post-26 {
      width: 33%;
      height: 40vH;
      }
	}
	@media (max-width: 1000px) {
    .blog-home-content article {
      width: 50%;
      height: 40vh;
      }
	  .blog-home-content #post-26 {
      width: 50%;
      height: 40vH;
      }
	}
  @media (max-width: 800px) {
    .blog-home-content article {
      width: 100%;
      height: 60vh;
      float: none; }
	  .blog-home-content #post-26 {
      width: 100%;
      height: 60vh;
      float: none; }
	}
 .blog-home-content article:first-child {
    -webkit-animation: fadein 2s ease-out backwards;
	  -moz-animation: fadein 2s ease-out backwards;
	  animation: fadein 2s ease-out backwards;
	  position: relative;
	  width: 20%;
	  height:40vh;
	  margin: 0;
	  padding: 0;
	  float: left;
	  border-bottom: 0;
	  overflow: hidden; }
    .blog-home-content article:first-child .section-image {
     -webkit-animation: fadein 0s ease-out backwards;
	-moz-animation: fadein 0s ease-out backwards;
	animation: fadein 0s ease-out backwards;
	
	}
  .blog-home-content article:last-child {
    clear: right; }
  .blog-home-content article .section-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; }
  .blog-home-content article .entry-header {
    padding: 0 1em;
    margin: 0 auto;
    max-width: 38.443359375em;
    font-size: 0.6666666667em;
    text-align: center; }
    @media (min-width: 1400px) {
      .blog-home-content article .entry-header {
        font-size: 0.8573333333em; } }
    @media (max-width: 800px) {
      .blog-home-content article .entry-header {
        font-size: 1em;}
		
		
	}
    .blog-home-content article .entry-header .entry-title {
      margin-top: 0;
      margin-bottom: 0.2962962963em; }
      .blog-home-content article .entry-header .entry-title a {
        text-decoration: none;
        color: white; }
        .blog-home-content article .entry-header .entry-title a:hover {
          color: #23aca8; }
   .blog-home-content article:first-child .entry-header {
    font-size: 1em; } 
    @media (min-width: 1400px) {
       .blog-home-content article:first-child .entry-header {
        font-size: 0.8573333333em; } 
	}
.blog-home-content .posts-navigation {
  padding: 1em;
  margin: 1em auto 0;
  max-width: 38.443359375em; }
.start{
	width:100vw;
	height: 120vh;
	background: url("http://sibyllepfeiffer.de/wp-content/uploads/2018/06/start_backgorund.jpg") #000000;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: -100px;
}

.entry-header .entry-title a {
    text-decoration: none;
    color: #ffffff; }
.entry-header .entry-title a:hover {
      color: #23aca8; }
figure {
    margin: 1em 1em 0 0;
}
.entry-content h5{
	font-size: 0.9em;
	font-family: "Roboto", sans-serif;
	margin: 0px 0 0px 0;
	color: #23aca8; 
	text-transform: none;
}
.entry-content p {
	margin-top: 10px;
	font-size: 0.9em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
}
.post-navigation .nav-next a {
  display: inline-block;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 0.6666666667em;
  clear: both;
  text-transform: uppercase;
  line-height: 1; }


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a{
	  text-decoration: none;
  }
a:hover{
	  text-decoration: underline;
  }
a {
  color: #23aca8; 
  background-color: none;
  -webkit-transition-property: color, text-decoration, opacity;
  -moz-transition-property: color, text-decoration, opacity;
  transition-property: color, text-decoration, opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  a:visited {
    color: #23aca8; }
  a:hover, a:focus, a:active {
    color: #23aca8;
    -webkit-transition-property: color, text-decoration, opacity;
    -moz-transition-property: color, text-decoration, opacity;
    transition-property: color, text-decoration, opacity;
    -webkit-transition-duration: 0.05s;
    -moz-transition-duration: 0.05s;
    transition-duration: 0.05s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
  font-size: 0.6666666667em;
  letter-spacing: 0.1316872428em;
  color: #000000;
  text-shadow: 0 0 0 transparent;
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: #23aca8;
  border-radius: 3px;
  background: #23aca8;
  padding: 0.8573333333em 1.286em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  form button:hover,
  form input[type="button"]:hover,
  form input[type="reset"]:hover,
  form input[type="submit"]:hover {
    background: #000000;
    border-color: #ededed;
    color: #fff;
    text-shadow: 0 1px 1px #bc5860;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  form button:active,
  form input[type="button"]:active,
  form input[type="reset"]:active,
  form input[type="submit"]:active {
    background: #23aca8;
    border-color: #23aca8;
    border-width: 3px 1px 1px; }
  form button:focus,
  form input[type="button"]:focus,
  form input[type="reset"]:focus,
  form input[type="submit"]:focus {
    outline: none;
    box-shadow: 0 0 1px 4px #f7c5c9;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  box-sizing: border-box;
  color: #72727e;
  border: 1px solid #d0d0d4;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #434353;
    outline: none;
    box-shadow: 0 0 1px 4px #e8e8ea;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .sidebar input[type="text"]:focus, .sidebar
  input[type="email"]:focus, .sidebar
  input[type="url"]:focus, .sidebar
  input[type="password"]:focus, .sidebar
  input[type="search"]:focus, .sidebar
  textarea:focus {
    box-shadow: 0 0 1px 4px rgba(232, 232, 234, 0.3); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 0.2962962963em 0.4444444444em; }

textarea {
  padding: 0.2962962963em 0.4444444444em;
  width: 100%; }

.post-password-form {
  background: #f3f3f4;
  padding: 3.375em 2.25em; }
  .post-password-form p {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto; }
  .post-password-form p:first-child {
    font-size: 0.6666666667em;
    text-transform: uppercase;
    letter-spacing: 0.0501777168em;
    line-height: 1.5em;
    text-transform: none; }
  .post-password-form label {
    font-family: "Montserrat", sans-serif;
    font-size: 0.6666666667em;
    clear: both;
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.6666666667em;
    color: #d0d0d4; }
  .post-password-form input[type="password"] {
    display: block;
    margin-bottom: 0.6666666667em;
    width: 100%; }
  .post-password-form input[type="submit"] {
    display: block; }
/*--------------------------------------------------------------
# error
--------------------------------------------------------------*/
.error404 .site-main {
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 5.0625em 0 0;
    background: #000000;

}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
   margin: 0;
   }
   

   /*--------------------------------------------------------------
## Responsive Menü
--------------------------------------------------------------*/
.sidebar-toggle{
	display: none;
}
@media (max-width: 650px){
	.sidebar-toggle{
		display: block
	}
	.site-header .header-navigation .menu-header-container{
		display: none;
	}
	.sidebar .main-navigation{
		font-size: 0.9em;
		font-weight: normal;
	}
	.widget {
    text-shadow: 0 0px 0px #f3f3f4;
	}
	.sidebar-toggled .sidebar{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.sidebar .main-navigation a{
		padding: 0.5em 0
	}
	.sidebar .sidebar-inner{
		padding: 0 1.0em;
	}
	.sidebar .main-navigation a:hover{
		text-decoration: none;
		
	}
}
 /*--------------------------------------------------------------
## Responsive allgemein
--------------------------------------------------------------*/

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	.content-area {
		font-size: 0.9em;
		}
	.site-header .header-navigation a {
    color: #ffffff;
    font-size: 1.4em;
    letter-spacing: 0.06em;
}
}


/*  kleiner Bildschirm-----------*/
@media  (max-width: 1200px) {
	.content-area {
		font-size: 0.9em;
		}
	
}



/*  tablet-----------*/
@media  (max-width: 768px) {

}


/* large smartphones ----------- */
@media  (max-width: 960px) {

}

/* medium smartphones ----------- */
@media (max-width: 600px) {
	.content-area {
		font-size: 0.8em;
		}
	.right{
		width: 100%;
		float: clear;
	}
	.left{
		width: 100%;
		float: clear;
	}
	.site-header{
		padding: 1em 0 1em 0;
	}
}

/* medium smartphones ----------- */
@media (max-width: 480px) {

}