/*
Theme Name: benerugar
Author: Hendrik Möhler
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: benerugar
Tags:


*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}


input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}





select {
	text-transform: none;
}


html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}




/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: black;
}

a:visited {
	color: black;
}

a:hover,
a:focus,
a:active {
	color: black;
    text-decoration: none;
	
}

a:focus {

}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation, .menu-toggle {
    
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin:0% 0 0 0%;
	padding-top:1%;
	position:fixed;
	background:white;
	height:auto;
	z-index:2;
	opacity:0.9;


}

.button-navigation, .menu-toggle{

	background:white;
	padding-top:5px;
    	color: black;
    	border: 0px solid black;

	width: 100%;
	height:50px;
	margin-left:0%;
	font-size:20px;
	text-align:left;
}


.menu-toggle, .main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.menu-toggle, .main-navigation li {
	float: left;
	position: relative;
}

.menu-toggle, .main-navigation a {
	display: block;
	text-decoration: none;
	font-size:25px;
	margin:5px;

	padding:10px 50px 0 50px;
	text-align:left;
	background:#fff;
	height:40px;
width:200px;

	

}



.main-navigation li:hover > a,
.main-navigation li.focus > a { 	



}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
    text-decoration: underline;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
    text-decoration: underline;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {

}





/*--------------------------------------------------------------
## Dropdown-Menu
--------------------------------------------------------------*/

.main-navigation {
 	font-family: 'atdmedium', Helvetica;
	width:96%;
	padding-left:1.8%;
	position:fixed;
	background:white;
}

.main-navigation ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	position:fixed;
	background:white;
	width:100%;

}

.main-navigation ul a
{	
	display:block;
	text-decoration:none;
	text-align:left;

	width:240px;
	padding-left:10px;
	padding-right:0px;






}

.main-navigation ul li
{
	position:relative;
	float:left;
	

}

.main-navigation ul li.current-menu-item
{
	text-align:left;
}



.main-navigation ul li:hover
{
	background:transparent;
	text-align:left;

}

.main-navigation ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

.main-navigation ul ul li
{
	float:none;
	width:auto;

}

.main-navigation ul ul a
{

		padding-left:1.8%;
}

.main-navigation ul ul ul
{
	
}

.main-navigation ul li:hover > ul
{
	display:block;
		padding-left:1.8%;
}


.menu-news{margin-left:-30px;}
.menu-bene{margin-right:30px;}
.menu-info{margin-left:-60px;}






/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}

}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;

}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;


}

.small-menu-bene{display:none;}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}




/*________________________________________

	Structure
__________________________________________*/


html, body, #wrapper {
	font-family: "AGR", Helvetica;
 	font-family: 'atdmedium', Helvetica;

	height: 100%; 
	background:white;
	margin:0;
	padding:0;

}

#wrapper {
min-height: 100%; /* be required */
height: auto !important; /* be required */
height: 100%; /* be required */
margin: 50 auto -10px; /* be required */

}

#content{
	width:95%;
	margin-top:5%;
	margin-left:1.5%;
  	position:relative;
  	height: auto;
	background:transparent;
	padding:0;
	z-index:1; 




	}

.container{display:inline-block;height:auto;margin-bottom:100px;}



#content-list{
	width:60%;
	margin:1.2%;

  	position:relative;
  	height: auto;

	padding:0;
	z-index:1; 

	}



.entry-content{


width:97%;
max-width:1600px;
margin:3% 5% 5% 1%;
}


	
#footer {
	width:94%;



	margin:2% 0% 5% 3%;
	position:relative;
	height: auto;
	display:block;
	background:white;
	color:black;
	border: 0px;
	border-top:5px;

    border-style: solid;


	margin-bottom:200px;

	
	}


.site-info{ font-size:2em;}

/*________________________________________

	Content
__________________________________________*/



.column-4{

   


 -webkit-perspective:1;
-webkit-column-count:4;
 -moz-column-count:4;
 column-count:4;
 -webkit-column-gap:5px;
 -moz-column-gap:5px;
 column-gap:5px;


}
	
.column-3{
 -webkit-perspective:1;
-webkit-column-count:3;
 -moz-column-count:3;
 column-count:3;
 -webkit-column-gap:5px;
 -moz-column-gap:5px;
 column-gap:5px;
 text-align:left;
font-size:0.5em;
position:relative;








	}
	
.column-2{

  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	position:relative;
	margin-top:15px;
	height: auto;
font-size:0.5em;}  

.column-1{

  
	position:relative;


	height: auto;
font-size:0.5em;
}  



/*
__________________________________________

	Typography
__________________________________________

*/
@font-face {
    font-family: 'atd-reg';
    src: url('https://www.benediktrugar.de/wp-content/uploads/font/atd-reg.otf');}




@font-face {
    font-family: 'atdheavy';
    src: url('https://www.benediktrugar.de/wp/wp-content/uploads/font/atd-heavy-webfont.eot');
    src: url('https://www.benediktrugar.de/wp/wp-content/uploads/font/atd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('https//www.benediktrugar.de/wp/wp-content/uploads/font/atd-heavy-webfont.woff') format('woff'),
         url('https://www.benediktrugar.de/wp/wp-content/uploads/font/atd-heavy-webfont.ttf') format('truetype'),
         url('https://www.benediktrugar.de/wp/wp-content/uploads/font/atd-heavy-webfont.svg#atdheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'atdmedium';
    src: url('https://www.benediktrugar.de/wp-content/uploads/font/atd-medium-webfont.eot');
    src: url('https://www.benediktrugar.de/wp-content/uploads/font/atd-medium-webfont.eot?#iefix') format('embedded-opentype'),
   		 url('https://www.benediktrugar.de/wp-content/uploads/font/atd-medium-webfont.woff') format('woff'),
         url('https://www.benediktrugar.de/wp-content/uploads/font/atd-medium-webfont.ttf') format('truetype'),
         url('https://www.benediktrugar.de/wp-content/uploads/font/atd-medium-webfont.svg#atdmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'atddemi';
    src: url('atd-demi-webfont.eot');
    src: url('atd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('atd-demi-webfont.woff') format('woff'),
         url('atd-demi-webfont.ttf') format('truetype'),
         url('atd-demi-webfont.svg#atddemi') format('svg');
    font-weight: normal;
    font-style: normal;

}




h1 {

    font-family: 'atdmedium';
    font-size: 1,5rem;
    color: #000;
    line-height:1,1rem;
    font-weight:400;
    margin-top:20px;
}

h2 {

   	font-family: 'atdmedium';
  	font-size: 1,5rem;
  	color: #000;
	line-height:2rem;
	font-weight:400;
}



	
p { font-family: 'atd-reg';
	font-family: 'atdmedium';
	font-size:2.0em;
	line-height:1.1em;
	-ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
width:88%;
}


b, strong {    font-family: 'AGM'; 	font-family: 'atdheavy';}
	
.screen-reader-text, .nav-links{display:none;}


.post-categories {font-size:2em;}



blockquote {
	font-size:0.7em;
margin-left:0;}

.thumb-titel{	margin-top:-25%;margin-left:0%; font-style: normal;text-align: left;font-size:1.4rem;margin-bottom:110px; 	line-height:1.1; width:75%;font-family: 'atdmedium', Helvetica;}


.project-title {
	margin-top:5%;
	margin-left:0%; 
	font-style: normal;
	text-align: left;
	font-size:1.5rem;
	margin-bottom:0; 	
	line-height:1;
	font-family: 'atdmedium', Helvetica;
	margin-left:291px;
	width:100%;
	padding-top:5%;
}
	

.excerpt{
		font-family: 'atd-reg', Helvetica;
		font-size:15px;
		line-height:20px; 
		margin-top:-100px;

		width:100%%;
margin-bottom:10px;
background:white;
position:relative;



}




.project-excerpt {	
		font-family: 'atd-reg', Helvetica;
		font-size:1.4rem;
		line-height:1.3; 
		margin-bottom:0%;
		width:80%;
		margin-left:291px;
background:white;}


::-moz-selection { 
   color:#000; 
   background:#000000; 
   text-shadow: none; 
}

::selection { 
   color:#000; 
   background:#000000; 
   text-shadow: none; 
}




/*________________________________________

	Elements
__________________________________________*/

.string {

  width: 100px;
  margin-left: 2.6%;


}



input {

  width: 220px;
font-size:1.7em;

	cursor: pointer;
background:white;
text-align:left;
    	border: 0px solid black;

padding-top:0%;



}


.back-to-top{display:block;z-index:200;height:auto;padding-left:0%;background:white;font-size:2em;float:right;}



button .go-back{ 
	background:white;
	padding-top:5px;
    	color: black;
    	border: 0px solid black;


	height:50px;
	margin-left:0%;
	font-size:20px;
	text-align:center;

	overflow: visible;}



/*________________________________________

	Images
__________________________________________*/

img{max-width:1400px;padding-right:1%;padding-bottom:0.5%}
.wp-post-image {width:75%;height:auto;padding-right:0%;margin-left:0%;margin-bottom:30%;}
.nail {width:200px;height:auto;margin-top:-100px;margin-bottom:0;margin-left:0%;}

.nail:hover { transform: scale(1.3); }

/*
__________________________________________

Navigation
__________________________________________

*/

 

.site-branding{display:none;}

 a:active{color:black;}


.entry-title, .fotorama__video-close, .fotorama__fullscreen-icon {display:none;}

#header-image{background:white;height:45px;width:45px;position:fixed;margin-left:-45px;margin-top:0px;padding:5px;display:none;}




/*
__________________________________________
	
	Media Queries
__________________________________________

*/


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {}

@media screen and (max-width: 420px){

/*________________________________________

	Structure small
__________________________________________*/


html, body, #wrapper, #page {

	height: auto; 
	background:white;
	margin:0;
	padding:0;
	width:100%;
}



#content{
	width:98%;
	margin:0%;
  	position:relative;
  	height: auto;
	padding:1%;
	margin-top:6%;
	z-index:1; 


	}

.content-area{width:100%;}

.entry-content{

	width:100%;
	margin:0% 0% 0% 0%;}

#primary{

background:white;
width:100%;

margin:0% 0% 0% 0%;}

 .content-area, #main, .site-main{
background:white;
width:100%;
margin:0% 0% 0% 0%}


.site-content{width:90%;}
	
#footer {
	width:96%;
	margin-bottom:50px;
	padding:15px 0px 0px 0px;
	border-collapse:collapse;
	border-top: solid 5px #000;
	margin-left:2%;
	position:relative;
	height: auto;
	display:block;
	background:white;
	color:black;

	margin-bottom:100px;

	
	}

#content-list
{display:none;}


/*________________________________________

	Content small
__________________________________________*/

.column-3{


	position:relative;
	height: auto;


 	-webkit-perspective:1;
	-webkit-column-count:1;
 	-moz-column-count:1;
 	column-count:1;
 	



	}


/*________________________________________

	Images small
__________________________________________*/




img{width:100%;height:auto;padding-right:1%;padding-bottom:0.5%}
.wp-post-image {width:100%; padding-right:0%;margin-left:0%;margin-bottom:0;}
.nail {width:200px;height:auto;margin-top:-100px;margin-bottom:0;margin-left:0%;}

.nail:hover { transform: scale(1.3); }



/*
__________________________________________

	Typography small
__________________________________________

*/

h1 {
  font-size: 1rem;
  color: #000;
line-height:1,1rem;
font-weight:400;
}

h2 {
  font-size: 20px;
  color: #000;
line-height:1rem;
font-weight:400;
width:100%;
background:white;
}

.thumb-titel{margin-top:10px;margin-left:0%;text-align:left;margin-bottom:0px;width:100%;}

	
p {	font-family: 'atdmedium';font-size:1em;width:98%;padding:3%;margin-top:25px;}
	

blockquote {
	font-size:0.8em;
margin-left:0;}







.project-title {
	margin-top:5%;
	margin-left:0%; 
	font-style: normal;
	text-align: left;
	font-size:1.5rem;
	margin-bottom:0; 	
	line-height:1;
	font-family: 'atdmedium', Helvetica;
	margin-left:-300px;
	width:100%;
	padding-top:5%;}
	



.excerpt{
		font-family: 'atd-reg', Helvetica;
		font-size:14px;
		line-height:1.3em; 
		margin-top:0px;
		width:96%;
		margin-left:0;
		padding-left:0;
background:white;
margin-bottom:100px;


}


.project-excerpt {	
		font-family: 'atd-reg', Helvetica;
		font-size:1.4rem;
		line-height:1.3; 
		margin-bottom:0%;
		width:80%;
		margin-left:300px;}


.site-info{ font-size:15px;}

	
/*________________________________________

	Elements small
__________________________________________*/

.su-divider, .su-divider-style-default {width:50%, Margin:15%;}

.string {

  width: 10px;
  margin-left: 2.6%;
}



input {

  	width: 220px;
	font-size:1.7em;
	cursor: pointer;
	background:white;
	text-align:left;
 	border: 0px solid black;
	padding-top:0%;
}


.back-to-top{
	display:block;
	z-index:200;
	height:auto;
	padding-left:0%;
	background:white;
	font-size:15px;
	float:right;
	width:50%;
	margin-right:5%;}



button .go-back{ 
	font-size:15px;

	padding-top:5px;
    	color: black;
    	border: 0px solid black;


	height:50px;
	margin-left:0%;
	font-size:15px;
	text-align:left;

	overflow: visible;}




/*
__________________________________________

Navigation small
__________________________________________

*/

#menu-item-17{display:none;}
  
.site-branding{display:none;}

.entry-title, .fotorama__video-close, .fotorama__fullscreen-icon {display:none;}



/*--------------------------------------------------------------
## Menus small
--------------------------------------------------------------*/






/*--------------------------------------------------------------
## Small-Dropdown-Menu
--------------------------------------------------------------*/
.menu-bene{display:none;}
.menu-projects{display:none;}
.menu-editorial{display:none;}
.menu-projects{display:none;}
.menu-animation{display:none;}
.menu-artwork{display:none;}
.menu-flyer-poster{display:none;}
.menu-record-cover{display:none;}
.menu-room-installation{display:none;}
.menu-all-projects{display:none;}
.menu-news{display:none;}
.menu-info{display:none;}


#site-navigation{
background:white;
	width:97%;
	height:40px;}


.main-navigation {
	display:none;
	clear: both;
	display: block;
	float: left;
	width: 90%;
	margin:0;
	position:fixed;
	height:30px;
	background:white;

}

.main-navigation a {
		display: block;
		margin:0px;
		width:100%;
		padding:0px 0 0px 0px ;
		text-align:left;
	background:white;


}


.button-navigation, 
.menu-toggle{
	height:40px;
	padding-left:0%;
	font-size:20px;
	z-index:5;
	width:96%;
	margin:0;
	padding:0;
	width:50%;
	background:white;


}





.main-navigation li {
	float: left;
	position: relative;
	width:80%;
	background:white;



}




.main-navigation ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	position:fixed;
	width:97%;
		background:white;
	margin-left:-3%;
	padding-left:4%;
	margin-top:7px;
	padding-bottom:15px;



	}

.main-navigation ul a
{	
	float:left;
	height:20px;
	width:100%;
	margin:0;
	z-index:500000;
	font-size:21px;
	line-height:20px;
	padding:0;
	margin-top:10px;
	background:white;

}

.main-navigation ul li
{
	position:relative;
	float:left;

	

}

.main-navigation ul li.current-menu-item
{
	text-align:left;
}



.main-navigation ul li:hover
{
position:relative;
	padding:0;
	margin:0;
	width:100%;

}

.main-navigation ul ul
{
	
}

.main-navigation ul ul li
{
	float:none;
	width:auto;

}

.main-navigation ul ul a
{

		padding-left:0;
}

.main-navigation ul ul ul
{
	
}

.main-navigation ul li:hover > ul
{
	display:block;
		padding-left:0%;
}








.main-navigation li:hover > a,
.main-navigation li.focus > a { 	
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}


.