/*
Theme Name: Erwin Rissi
Theme URI: https://studioway.ch/
Description: Theme for Erwin Rissi
Version: 2.0
Author: Studio Way AG
Author URI: https://studioway.ch/
*/
/* required for containers to inherit vertical size from window */



/* Large */

#singletitle, #blogtitle {
        font-size: 23px;
}


/* Regular */
html {
	margin-left: 0!important;
    margin-right: 0!important;
}

html, body, strong {
	outline:none;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
    font-size-adjust: 0.508;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.007em;
    font-size: 12pt;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
}

#caption {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 10pt;
	 line-height: 1.35;
}

a {
	outline: 0;
	color: inherit;
    text-decoration: none;
}

/* Medium-Small */

.project_data, #updatetime  {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 9.5pt;
	 line-height: 1.35;
}

#cv_time {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 9.5pt;
	 line-height: 1.35;
}

#cv_text, .info_column {
	color: #808080;
}

/* Small */


/* Underline */

.underline_1px {
	margin-bottom: 1px; 
	border-bottom: 1px solid black
}

.underline_2px {
	margin-bottom: 1px; 
	border-bottom: 2px solid black
}


			
#singlecontainer {
    margin: 120px auto;
    z-index: 81;
    width: 100%;

}

/* Alignment */

#singletitle, #blogtitle {
   text-align: center;        
   width: -moz-max-content;        
   width: -webkit-max-content;
   width: max-content;
}


@media (min-width: 1281px) { 
#singlecontainer {
	 margin: 120px auto;
    }
}

@media (max-width: 768px) {
	
		#mobile_break{
			display: block!important;
		}
	
	    #singletitlecontainer {
        background: #F6F6F6;
        z-index: 1000;
        width: 100%;
        height: 100px;
        position: fixed;
        top: 0px;
        left: 0px;
        text-align: center;
        margin-top: 0!important;
        font-weight: normal!important;
        font-size: 16px!important;
    }
    #singletitle, #blogtitle{
    	z-index: 9999;
        margin-bottom: 0px;
        width: 244px;
    }
	
#backbutton {
	display: none;
}

#backbutton_mobile {
	display: block!important;
    top: 9px;
    width: 15px;
    height: 15px;
}

#backbutton_mobile img{
	width: 15px;
}

.singletext {
		width: 100%;
		margin-bottom: 40px;
    	clear: both;
        font-size: 17px;
        line-height: 1.3;
    }
    
	#title_dash {
		display: none;
	}
	
    #singlecontainer {
      	width: 76%;
      	margin: 0px auto;
    }
}



html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
    width: auto;
    background-color: #FAFAFA;
}


.headersingle img{
	float: left;
    height: 16px;
    width: 20px;
}

#the_title {
	margin 0px 20px;
}
.headersingle p{
	text-align: center;
    display: inline;
}

#nav {
      display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	 display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 0px auto;

    width: 72%;
    height: 100%;
    -webkit-align-items: center;    
    align-items: center;
}

#nav img {
	margin-top: 5px;
}

#dummycolumn, #info {
	text-align: right;
	width: 133px;
}

#info a:hover {
    border-bottom: 2px solid black;
}


@media (max-width: 768px) {

    #header, #singleheader {
    position: relative!important;
    }
	#backbutton{
	position: fixed;
	left: 5%;
	}

	#info, #dummycolumn {	
	display: none;
	}



	#nav {
    width: 85%;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
	}
} /*End Mobile */

#pagenavrechts, #pagenavlinks {
	/*margin: 1px 5px 0px 5px*/

}



#header,
#singleheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
    font-size: 17pt!important;
    width: 200px;
    line-height: 1.3;
    position: fixed;
    z-index: 999;
	letter-spacing: 0.015em;

}

#singleheader {
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  }

#header_container {
	
	width: 72%;
	margin: auto;
	
}



.blogtitle{
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.blogtitle { width: 300px }


.info {
	position: absolute;
	margin-top: 40px;
	right: 14%;
	top: 0px;
	
}
 

.pagenav {
	height: 20px;
	width: 20px;
}
#pagenav {
    z-index: 1000;
    position: fixed;
    left: 0px;
    bottom: 20px;
    display: none;
}
#pagenav_links {
    display: inline;
    position: absolute;
    left: 37px;
    bottom: 0;
}
#pagenav_rechts {
    display: inline;
    position: absolute;
    left: 300px;
    bottom: 0;
}

#pagenavlinks {
	/*margin: 1px 5px 0px 50px*/

}

#pagenavrechts {
	/*margin: 1px 50px 0px 5px*/

}



@media (max-width: 768px) { 
    .singleheader { display: none }
    #pagenav {
        height: 40px;
        z-index: 1000;
        position: fixed;
        width: 100%;
        left: 0px;
        top: 27px!important;
        bottom: auto!important;
    }
    #pagenav_links {
        display: inline;
        position: absolute;
        left: 20px;
    }
    #pagenav_rechts {
        display: inline;
        left: auto;
        right: 20px;
    }
}
/*
  _   _   _   _   _   _   _  
 / \ / \ / \ / \ / \ / \ / \ 
( G | E | N | E | R | A | L )
 \_/ \_/ \_/ \_/ \_/ \_/ \_/
 
 
*/
@media (min-width: 768px) { 
    #header {
    height: 107px;
        width: 100%;
        background-color: #FAFAFA;
        top: 0px;
        
    }
}

@media (max-width: 768px) { 
    #header {
	height: 150px;
        top: 0px;
        background-color: #FAFAFA;
        font-size: 23px!important;
        width: 100%;
        margin-right: auto!important;
    }
}
/*
  _   _   _   _   _  
 / \ / \ / \ / \ / \ 
( B | O | X | E | S )
 \_/ \_/ \_/ \_/ \_/ 

*/

/* Fix to disable annoying loading animation for infinite scroll */
#infscr-loading { display:none!important; }

#container {
	  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	  display: -ms-flexbox;  /* TWEENER - IE 10 */
	  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    left: 0px;
    border: 0px solid #666;
    padding: 0px;
    top: 130px;
    width: 72%;
    max-width: 1281px;
    margin: 0 auto;
	position: relative;
	margin-bottom: 100px;
}
@media (max-width: 768px) { 
    #container {
    z-index: 9999;
    	display: block!important;
        margin: 0px auto 46px!important;
        top: 32px!important;
        width: 76%;
    }
}

.grid-sizer { width: 32% }
.gutter-sizer { width: 2% }
/*BOX STYLING*/
.post {
    margin-bottom: 30px;
    background-color: none;
    width: 32%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    color: #222;
    z-index: 1;
}

/*.post_thumb img { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) }*/


/* FEATURED IMAGE */
.post_thumb {
	margin-bottom: 10px;
}
.post_thumb img {
    height: auto;
    width: 100%;
    display: block;
}

#post_thumb_1{
	
	opacity: 0;
	
}

@media (max-width: 768px) { 
    .post {
        width: 95%;
        margin: 0px auto 50px auto;
        float: none;
    }
    
    .post_thumb img {
        height: auto;
        margin: 0 auto;
        max-width: 100%!important;
        width: 100%;
    }
}






.categories_front, .categories_front a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
    color: #808080!important;
    line-height: 1.2;
}

.categories_front a {
    border-bottom: 1px solid #808080;
    margin-bottom: 1px;
}




/* END BOXES */
/* 
  _   _   _   _   _   _     _   _   _   _  
 / \ / \ / \ / \ / \ / \   / \ / \ / \ / \ 
( S | I | N | G | L | E ) ( P | A | G | E )
 \_/ \_/ \_/ \_/ \_/ \_/   \_/ \_/ \_/ \_/
 
*/



.singleimage {
	width: 100%;
	display: block;
}

#caption {
	margin-top: 10px;
}
.ganz, .links, .rechts {
	margin-bottom: 4%;
}
.ganz {
clear: both;
}

.links {clear: left;
}

.rechts {clear: right;
}

.post { }







@media (max-width: 768px) { 

}



@media (min-width: 769px) {

  .entry, #nav {
  		max-width: 1281px;  
  }
  .entry { 
		    height: 73%;
		    margin: 1px auto;
		    width: 72%;
		max-width: 1281px;  

		}
		 
.singletext {
		margin: 40px 0;
		clear: both;
		width: 50%;

    }
    
 }
 
 
.project_data  {

}

.project_data a{

  color: #808080 !important;
	text-decoration: none;
	border-bottom: 1px solid #808080;
	margin-bottom: 1px;
	
}
/
@media (min-width: 1400px) { 

.entry { 
		height: 73%;
		width: 100%;
		margin: 0px auto;
		}
	
}	
*/
		
.singletext {
 				-webkit-column-count: 1;
    			-moz-column-count: 1;
    			column-count: 1;
    padding-top: 3em;
    		clear: both;
		  width: 50%;
        font-size: 23px;
        line-height: 1.3;
    }
} */




    
    .ganz {
			width: 100%;
			height: auto!important;
    }
    
    .links {
    		width: 48%;
    		float: left;
    			height: auto!important;
    }
    
    .rechts {
    		width: 48%;
    		float:right;
			height: auto!important;
    		}
    		
    		
    		
    		
@media (max-width: 768px) { 
#sidebar_mobile_left {
	z-index: 9999;
	width: 12%;
	position: fixed;
	  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	  display: -ms-flexbox;  /* TWEENER - IE 10 */
	  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: center;
	-webkit-justify-content: center;
	top: 0;
	
}
	
.pagenav {
	display: none;
}

.ganz, .links, .rechts {
				margin-bottom: 40px;

}
    .ganz {
			width: 100%;
			height: auto!important;

    }
    
    .links {
    		width: 100%;
    	
    			height: auto!important;
    }
    
    .rechts {
    		width: 100%;
    		
			height: auto!important;
    		}
    		
    		
    .ms-slide-bgcont { background-size: contain!important }
    .entry {
    	z-index: 9999;
        position: relative;
        height: 73%;
    }
        .entry p {
        
            position: relative;

        }
}
.ms-bullets.ms-dir-h {
    z-index: 999;
    bottom: -53px!important;
}
@media (max-width: 768px) { 

}
.overlay {
    position: fixed;
    left: 0px;
    right: 0px;
    margin: -10 0 -10 0;
    z-index: 80;
    width: 100%;
    height: 110%;
    background-color: white;
    opacity: 0.5;
    visibility: visible;
}
x




@media (max-width: 768px) { 
    .untenrechtsweiss { display: none!important }
}
.untenrechtsweiss {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
}
.metaslider { float: right }
    .metaslider img { max-height: 500px!important }
#singletitlecontainer {
    width: 20%;
    top: 0px;
    margin-top: 0!important;
}
#singletitle {
	        height: auto;

  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
        justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;

}

#the_title {
		display:inline-block;
  		text-align:center;
  		margin: 0px 10px;

}

@media (max-width: 768px) {
	
		#the_title {	
		    /*font-size: 17px;*/
		} 
	}


/*
  _   _   _   _   _   _  
 / \ / \ / \ / \ / \ / \ 
( F | O | O | T | E | R )
 \_/ \_/ \_/ \_/ \_/ \_/
 
    */
@media (max-width: 768px) { 
    .infofooter {
background-color: transparent!important;
    }
}

#singlefooter {
	clear: both;
}


.footer {

    height: 20%;
    width: 100%;
    position: relative;
    bottom: 0px;
    z-index: 9999;
}


#infotext-content {
    position: relative;
    top: 41px;
    margin: 0 auto;
    width: 72%;
    margin-top: 120px;

}

#infotext-content > p{
    margin-top: 0px;
}

@media (min-width: 1281px) {
#infotext-content {
    width: 72%;	
	}
}

@media (max-width: 768px) { 
    #infotext-content {
margin: 120px auto 50px;
    width: 95%;
        font-size: 17px;
        line-height: 1.35;
    }
}
@media (min-width: 1281px) { 
    #infotext-content {
        margin-top: 110px;
            }
}
.widget-title { font-size: 23px }
.overlay_transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
}

    .info a:hover { border-bottom: 2.5px solid black }
.cornerclick  img { width: 110px }
#X {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 79;
    margin-bottom: -5px;
}
    #X  img { width: 110px }
    
	.sidebar{
		display: block!important;
		position: fixed;
		right: 0;
		bottom: 0;
		width: 14%;
		height: 100%;
	}
	
@media (max-width: 768px) {

	.info_column {
	    float: none!important;
	    width: 100%!important;
	}
	

	#header_container, .blogtitle {
		width: 100%;
	}
	#header{
		height: 100px;
	}
	
	.backbutton {
		display: none;
	}
	

	#info{
		visibility: hidden;
	}
	
	.sidebar_mobile{
		display: block!important;
		position: fixed;
		right: 0;
		bottom: 0;
		width: 12%;
		height: 100%;
	}
	

	.info_aside {	
    bottom: 50%;
    display: block;
    font-size: 12pt;
    left: 50%;
    position: absolute;
    transform: rotate(-90deg) translateX(0%) translateY(50%);
    transform-origin: left bottom 0;
    -webkit-transform: rotate(-90deg) translateX(0%) translateY(50%);
    -webkit-transform-origin: left bottom 0;

	}

	#updatetime {
		display: none;
	}
	
	.grid-sizer, .post{
		width: 100%;'
	}
	
	.gutter-sizer{
		width: 0;
	}
    

    
    .footer {

        height: 100%;
        width: 100%;
        position: relative;
        bottom: 0px;
        display: block;
    }

    .overlay_transparent {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: 2;
    }
    .cornerclick {
        position: fixed;
        right: 0px;
        bottom: 0px;
        z-index: 79;
        margin-bottom: -5px;
    }
    #X {
        position: fixed;
        right: 0px;
        bottom: 0px;
        z-index: 79;
        margin-bottom: -5px;
    }
    .cornerclick img { width: 60px }
    #X img { width: 60px }
}

#updatetime {
    bottom: 13px;
    position: absolute;
    right: -207px;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: left top 0;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 250px;
}




#page-model #container {
    height:auto !important;
}