/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		heutehier blog v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
		


/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}


/* 	==========================================================================
   	Allgemeines
   	========================================================================== */
    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;}   
   
   
		html, body { 
			height: 100%;}
		
		body {
		  font-size: 16px;
      line-height: 20px;
      font-family: 'Source Serif Pro', serif;
			color: #000;
			background-color: #fff;}
				
		::selection {background: #000; color: #fff;}
		::-moz-selection {background: #000; color: #fff;}
		
		.mod_navigation a {
				text-decoration: none;}
        
    strong {
      font-weight: 600;}
				
		p, li {
      font-size: 17px;
      line-height: 1.45em;
      margin-bottom: 1.45em;
      font-weight: 400;}
      
    @media screen and (max-width: 480px) {
      p, li {
      font-size: 14px;}
    }
        
    a { text-decoration: none; color: #000;}
    
    a:hover { text-decoration: underline;}
    
    .text a, .image a { text-decoration: none; color: #000;}
    
    
		h1, h4, h5 {
      font-size: 14px;
      line-height: 1.4em;
      font-weight: 600;
      color: #000;
      margin-bottom: 0;}
        
		h2 {
      font-size: 14px;
      line-height: 1.4em;
      font-weight: 600;
      color: #000;
      margin-bottom: 26px;}
      
    h3 {
      font-size: 17px;
      line-height: 1.45em;
      margin-bottom: 1.45em;
      font-weight: 400;
      text-align: center;}
      
    @media screen and (max-width: 480px) {
      h3 {
      font-size: 14px;}
    }
      
    @media screen and (max-width: 480px) {
      h1, h2, h4, h5 {
      font-size: 11px;}
    }
      
    a.next, a.previous {
      font-size: 14px;}
    


/* 	==========================================================================
   	Layout
   	========================================================================== */
    .page {
      width: 100%;
			max-width: 768px;
			margin: 0 auto;
      position: relative;}
      
    .karte {
      position: aboslute;
      width: 100%;
      height: 100%;
      padding-top: 50px;
      left: 0;
      top: 0;
      z-index: -1;}
    
    .page img {
      max-width: 100%;
			width: auto\9; /* ie8 */}

    .content {
      width: 100%;
      padding: 85px 5%;
      margin: 0;
      z-index: 1;}
      
    .navi {
      position: fixed;
      background-color: #FFF;
      width: 100%;
      right: 0;
      left: 0;
      margin-right: auto;
      margin-left: auto;
      height: 50px;
      z-index: 999;
      -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
      -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
      box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);}
      
    .centered {
      width: 100%;
      max-width: 768px;
      margin: 0 auto;
      background-color: #FFF;}
      
    .centered div {
      width: 100%;
      padding: 12px 5%;}
      
    .navi ul.first {
      float: left;}
      
    .navi ul.first li {
      float: left;
      margin-right: 11px;}
      
    .navi ul.second {
      float: right;}
      
    .navi ul.second li {
      float: left;
      margin-right: 15px;}
      
    .navi ul.second li.last {
      margin-right: 0;}
      
    .navi li.blog a .hover, 
    .navi li.blog a .active, 
    .navi li.blog a:hover .regular, 
    .navi li.blog a:hover .active,
    .p2 .navi li.blog a .regular,
    .p2 .navi li.blog a .hover,
    .p2 .navi li.blog a:hover .hover,
    .navi li.bilder a .hover, 
    .navi li.bilder a .active, 
    .navi li.bilder a:hover .regular, 
    .navi li.bilder a:hover .active,
    .p3 .navi li.bilder a .regular,
    .p3 .navi li.bilder a .hover,
    .p3 .navi li.bilder a:hover .hover,
    .navi li.cal a .hover, 
    .navi li.cal a .active, 
    .navi li.cal a:hover .regular, 
    .navi li.cal a:hover .active,
    .p4 .navi li.cal a .regular,
    .p4 .navi li.cal a .hover,
    .p4 .navi li.cal a:hover .hover,
    .p7 .navi li.cal a .regular,
    .p7 .navi li.cal a .hover,
    .p7 .navi li.cal a:hover .hover,
    .navi li.con a .hover, 
    .navi li.con a .active, 
    .navi li.con a:hover .regular, 
    .navi li.con a:hover .active,
    .p6 .navi li.con a .regular,
    .p6 .navi li.con a .hover,
    .p6 .navi li.con a:hover .hover,
    .navi li.map a .hover, 
    .navi li.map a .active, 
    .navi li.map a:hover .regular, 
    .navi li.map a:hover .active,
    .p5 .navi li.map a .regular,
    .p5.navi li.map a .hover,
    .p5 .navi li.map a:hover .hover {
      display: none;}
      
    .p2 .navi li.blog a .active,
    .navi li.blog a:hover .hover,
    .p3 .navi li.bilder a .active,
    .navi li.bilder a:hover .hover,
    .p6 .navi li.con a .active,
    .navi li.con a:hover .hover,
    .p4 .navi li.cal a .active,
    .p7 .navi li.cal a .active,
    .navi li.cal a:hover .hover,
    .p5 .navi li.map a .active,
    .navi li.map a:hover .hover {
      display: block;}
      
    .content .layout_full_txt img {
      width: 100%;
      max-width: 500px !important;
      margin-bottom: 32px; }
      
    .content .layout_full_img img {
      margin-bottom: 45px;}
      
    .content .layout_full_txt a img {
      opacity:1;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;}
      
    .content .layout_full_txt a:hover img {
      opacity: 0.75;}

    .content .layout_full_txt, .content .layout_full_img {
      margin-bottom: 52px; } 
    
    .pagination p {
      display: none;
      font-size: 10px;
      text-align: right;}
      
    .p2 .pagination ul li, .p9 .pagination ul li, .p9 p.back, .p3 .next, .p3 .previous {
      display: none;}
      
    .pagination { 
      float: left;
      margin-right: 10px;}
      
    .pagination ul li {
      margin-bottom: 5px;}
      
    .p2 .pagination ul li.next, .p9 .pagination ul li.previous, .p2 .pagination ul li.previous, .p9 .pagination ul li.next {
      display: block;}
      
    /*.p2 .next2, .p2 .previous2, .p3 .next, .p3 .previous { display: none;}*/
    
    .p3 .pagination ul li {
      float: left;
      margin-right: 10px;}
      
    .p3 .pagination ul li .current {
      color: #cc2011;}
      
    .layout_short h2 a:visited {
      color: #01579B;}
          
    .footer {
      display: none;
      width: 100%;
			max-width: 768px;
      margin: 0 auto;
      padding: 20px 0;}
      
    .footer img {
      margin-left: 4%;}
            
    .footer a {
      color: #000;
      font-size: 9px;}
      
    .p6 .footer {
      display: block;}
      
    .layout_full_txt .row_1, 
    .layout_full_txt .row_2, 
    .layout_full_txt .row_3, 
    .layout_full_txt .row_4, 
    .layout_full_txt .row_5, 
    .layout_full_txt .row_6, 
    .layout_full_txt .row_7, 
    .layout_full_txt .row_8,
    .layout_full_txt .row_9,
    .layout_full_txt .row_10, 
    .layout_full_txt .row_11, 
    .layout_full_txt .row_12,
    .layout_full_txt .row_13,
    .layout_full_txt .row_14,
    .layout_full_txt .row_15,
    .layout_full_txt .row_16,
    .layout_full_txt .row_17,
    .layout_full_txt .row_18,
    .layout_full_txt .row_19,
    .layout_full_txt .row_20 {
      display:none;}
      
    .p2 .image_container, .p9 .image_container {
      position: relative;}
      
    .p2 img.licon, .p9 img.licon {
      position: absolute;
      bottom: 10px;
      left: 10px;
      width: 40px !important;}
      
    .p3 .licon, 
    .p2 .row_1 .licon, 
    .p2 .row_2 .licon, 
    .p2 .row_3 .licon,.p2 .row_1 .licon, 
    .p2 .row_4 .licon, 
    .p2 .row_5 .licon
    .p2 .row_6 .licon, 
    .p2 .row_7 .licon, 
    .p2 .row_8 .licon
    .p2 .row_9 .licon, 
    .p2 .row_10 .licon, 
    .p2 .row_11 .licon
    .p2 .row_12 .licon, 
    .p2 .row_13 .licon, 
    .p2 .row_14 .licon
    .p2 .row_15 .licon, 
    .p2 .row_16 .licon, 
    .p2 .row_17 .licon{
      display: none;}