@charset "utf-8";
/* CSS Document */

/*F  O  N  T  S*/

@import url('https://fonts.googleapis.com/css?family=Merriweather');

@import url('https://fonts.googleapis.com/css?family=Kreon:400,600,700&display=swap');

@font-face {
    font-family: 'LoremIpsum17';
    src: url('fonts/loremipsum/loremipsum.eot');
    src: url('fonts/loremipsum/loremipsum.eot?#iefix') format('embedded-opentype'),
         url('fonts/loremipsum/loremipsum.woff') format('woff'),
         url('fonts/loremipsum/loremipsum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
   }

.fontfamily-kreon {
	font-family: Kreon;
}

h1 {
	font-family: Kreon, Lato, Arial;
	font-size: 2.5em;
	font-weight: 700;
}

h1, h2, h3 {
	line-height: 1.25;
}

.blog h2:not(.widget-title) {
	font-family: Kreon, Lato, Arial;
}

.entry-title {
	font-family: Kreon, Lato, Arial;
}

a, button {
	opacity: 1;
}

#favoritenHolder {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	top: 15px;
	left: -10px;
}
.favoritenBttn {
	width: 30px !important;
	height: 30px !important;
	background-color: transparent !important;
	background-image: url("/Asset/star.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	padding: 0px !important;
	opacity: 0.7;
}

.favoritenBttn:hover {
	opacity: 1;
}

.favoritenBttnActive {
	background-image: url("/Asset/star_hover.png") !important;
	opacity: 1;
}

/*OSTERSUCHE*/

.osterei_bttn {
	background-color: transparent;
	border: none;
	outline: none;
	width: 110px !important;
	display: inline-block;
	/*display: none;*/
}

.osterei_bttn:hover {
	background-color: transparent;
	filter: brightness(1.25);
}

.osterei_bttn img {
	width: 100%;
}

/*Allgemeines Button-Styling*/
button,
input[type=submit]{
	outline: none !important;
}

/*Formatanpassung Menübilder Kreise*/

.menu-image-title-below.menu-image-not-hovered > img {
	padding-bottom: 0px;
}

/*Saisonaler Hintergrund Mobil*/

.page-id-281 {
background-color: black;
background-image: url(https://metamorphus.de/Asset/mobil/mobil_bg.webp) !important;
background-size: 90%;
background-position: top left;
background-repeat: no-repeat;
}

/*Xmas SUDOKU iFrame Größe*/

.sudoku-ar-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.sudoku-ar-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.sudoku-iframe {
	position: absolute;
	width: 200%;
	height: 100%;
	border: none;
	max-width: 200% !important;
	margin-top: -41%;
	margin-left: -49.5%;
}

#sudoku-content-container {
	padding-top: 160%;
	margin-top: 0px;
}

#xmas20Sudoku {
	max-width: 700px;
}



/*account profile public private*/

#metaprofile_makeprivate {
	background-image: url("https://metamorphus.de/Asset/account/public_profile.png");
	background-color: transparent;
	width: 239px;
	height: 46px;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#metaprofile_makepublic {
	background-image: url("https://metamorphus.de/Asset/account/private_profile.png");
	background-color: transparent;
	width: 203px;
	height: 46px;
	background-size: cover;
	background-repeat: no-repeat;
}

#metaprofile_share {
	width: 45px;
	height: 45px;
	background-image: url("https://metamorphus.de/nonsense_content/shareIcon.png");
	background-color: transparent;
	background-size: cover;
	float: right;
	border: none;
}

#publicprofilesettings {
	width: 300px;
	height: 50px;
}


#shareprofile {
	display: none;
}
#shareprofileurl {
	background-color: rgba(0,0,0,0.6);
	padding: 5px;
	padding-left: 8px;
	padding-right: 7px;
	border-radius: 5px;
	color: white;
	text-decoration: none !important;
}

#shareprofiletxt {
	margin-bottom: 20px;
	opacity: 0.7;
}

/*Kommentare Styling*/

.comment-author img {
	display: none;
}

.single .hentry, .page .hentry {
	border-bottom: none;
}

#comments {
	color: black;
	padding: 20px;
	max-width: 1000px;
}

.comment-body {
	border-bottom: none;
	padding-bottom: 20px;
}

.comment-meta .fn,
.comments-title,
.comment-reply-title {
		text-transform: none;
}

.comment-reply-link {
	border: none;
	background-color: rgba(0,0,0,0.2);
	color: white;
	text-transform: none;
	font-size: 16px;
}
.comment-form-comment textarea {
	
	border-radius: 7px;
}
.comments-title:after {
	border-bottom: none;
}

/*Kommentare Weihnachtsseite*/
.page-id-5513 #comments *:not(#submit):not(#comment),
.page-id-5403 #comments *:not(#submit):not(#comment){
	color: white !important;
}

.page-id-5513 #comments,
.page-id-5403 #comments {
	padding-bottom: 100px;
}

.page-id-5513 .comment-reply-title:after,
.page-id-5403 .comment-reply-title:after{
	display: none;
}

.page-id-5513 .entry-content,
.page-id-5403 .entry-content{
	padding-bottom: 10px !important;
}

/*Account Registrierung & Profilseite*/

.wppb-form-field {
	text-align: left;
	max-width: 660px;
}

.wppb-recaptcha label {
	float: right;
	position: relative;
	left: -150px;
}

.page-id-5010 .wppb-gdpr-checkbox {
	display: none;
}
#display-name option:not(:checked) {
	color: black !important;
}

.page-id-5010 .wppb-required {
	display: none;
}

/*Profile Builder einblendungen*/

.wppb-success,
.wppb-field-error,
.default_field_username {
	color: black !important;
}

/*Profile Builder Formulare (allgemein)*/
.wppb-user-forms {
	max-width: 90%;
}

/*temp avatar select test*/

.meta_imgselect,
.meta_avatardisplay{
	border-radius: 50%;
	color: transparent;
	font-size: 0px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*CB*/
#meta_avatar1 {
	background-image: url('https://metamorphus.de/Asset/avatars/01n.png');
}
/*Ermittlerin*/
#meta_avatar2 {
	background-image: url('https://metamorphus.de/Asset/avatars/02n.png');
}
/*Victor*/
#meta_avatar3 {
	background-image: url('https://metamorphus.de/Asset/avatars/03n.png');
}
/*Itho*/
#meta_avatar4 {
	background-image: url('https://metamorphus.de/Asset/avatars/04.png');
}
/*Itho2*/
#meta_avatar5 {
	background-image: url('https://metamorphus.de/Asset/avatars/05.png');
}
/*Mr Painful*/
#meta_avatar6 {
	background-image: url('https://metamorphus.de/Asset/avatars/06n.png');
}
/*Weird Al*/
#meta_avatar7{
	background-image: url('https://metamorphus.de/Asset/avatars/07n.png');
}
/*Medusaal*/
#meta_avatar8 {
	background-image: url('https://metamorphus.de/Asset/avatars/08n.png');
}

/*CarbonAra*/
#meta_avatar9 {
	background-image: url('https://metamorphus.de/Asset/avatars/09.png');
}

/*Spion-Ire*/
#meta_avatar10 {
	background-image: url('https://metamorphus.de/Asset/avatars/10.png');
}

/*Assistent*/
#meta_avatar11 {
	background-image: url('https://metamorphus.de/Asset/avatars/11.png');
}

/*avatar im header*/

.meta_avatardisplay {
	height: 250px;
	width: 250px;
	border: solid 5px white;	
}

#meta_avatar_header {
	margin-right: 65px;
	margin-left: -40px;
	display: inline;
}

#mobile-only #meta_avatar_header {
	margin-left: 0px;
}

#meta_avatar_header a {
	opacity: 1;
}

.meta_avatar_small {
	height: 65px;
	width: 65px;
	float: right;
	border: solid 2px white;
}

#site-logo {
 overflow:visible;
}

.site-logo-link {
	display: inline-block;
	opacity: 1 !important;
}

/*wenn Nutzer nicht angemeldet*/
#meta_avatar_login {
	background-image: url('https://metamorphus.de/Asset/account_icon.png');
}

.mobile-only #meta_avatar_login {
	width: 40px;
	height: 40px;
	margin-top: 5px;
}



/*avatar header mobile */

@media (max-width:800px) {
	#meta_avatar_header {
		margin-right: 10px;
		margin-left: -10px;
		padding-top: 2%;
		
	}
	
	.meta_avatar_small {
		width: 50px;
		height: 50px;
	}
}


/*individuelle avataranpassungen (in entsprechende css zu übertragen)*/
/*aale*/
.page-id-2903 #meta_user_notify,
.parent-pageid-2903 #meta_user_notify {
		margin-top: 0px;
}

/*ACCOUNTSEITE*/

.page-id-5008 h3,
.parent-pageid-5008 h3 {
	color: white;
	margin: 0px;
	letter-spacing: 5px;
	font-weight: 400;
}

.page-id-5008 .entry-content,
.parent-pageid-5008 .entry-content {
	color: white;
}

.page-id-5008 #meta_avatar_header,
.parent-pageid-5008 #meta_avatar_header {
	display: none;
}


/*Sie sind angemeldet ausblenden*/
.wppb-alert {
	display: none;
}
.wppb-required {
	color: #F7BF48;
	
}

/*Anmeldefenster & Registrierfenster*/
#wppb-login-wrap,
#wppb-register-user {
	color: white;
}



.page-id-5008 input[type="submit"],
.page-id-5008 input[type="submit"]:hover,
.parent-pageid-5008 input[type="submit"],
.parent-pageid-5008 input[type="submit"]:hover{
    background-image: url(https://www.metamorphus.de/Asset/account/login.png);
    background-size: 171px 43px;
    width: 171px;
    height: 43px;
    border: none;
    color: transparent;
    font-weight: 500;
}

.page-id-5010 input[type="submit"],
.page-id-5010 input[type="submit"]:hover {
	background-image: url(https://www.metamorphus.de/Asset/speichern.png);
}


/*header*/


.parent-pageid-5008 .menu li a,
.page-id-5008 .menu li a {
	color: white;
	opacity: 1;
	}

.parent-pageid-5008 .subdomain-hide,
.page-id-5008 .subdomain-hide {
	display: none;
}

.parent-pageid-5008 .subdomain-only,
.page-id-5008 .subdomain-only {
	display: unset;
}

.parent-pageid-5008 .entry-content,
.page-id-5008 .entry-content {
	padding-top: 0px;
}


/*mobile content margin*/

@media (max-width:800px) {
	.parent-pageid-5008 .entry-content,
	.page-id-5008 .entry-content {
		margin: 0px !important;
		padding: 0px !important;
	}
	
}

/* Auswahl Avatar*/

.meta_imgselect {
	float: left;
	margin: 10px;
	height: 70px;
	width: 70px;
	box-shadow: 0 0 0 5px #E0463E; 	
}


option:not(:checked) { 
	box-shadow: none;
	border: none;
	border-color: transparent;
	color: transparent;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.2); 
 }

.meta_imgselect:hover {
	cursor: pointer;
	box-shadow: 0 0 0 3px white; 
}

#avatar_select_menu {
		display: none;
}

@media (min-width:800px) {
#meta_avatarselect {
	border: none;
	overflow: hidden;
	outline: none;
	background-color: transparent;
	height: 100px;
}
}

#meta_submit_placeholder {
	color: white;
}

#meta_avatar_submit {
	display: none;
}

/*Account Options (Codeingabe)*/

#meta-account-options {
	margin-bottom: 20px;
	margin-top: -50px;
}

#meta-code {
	display: none;
}

#meta-code-input {
	background-image: url('https://metamorphus.de/Asset/textures/wood_texture.png');
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	padding: 7px;
	border: none;
	border-radius: 0px;
}

#meta_code_submit {
	background-image: url('https://metamorphus.de/Asset/weiter_button_symbol.png');
	width: 56px;
	height: 51px;
	background-size: cover;
	margin-left: 5px;
	position: relative;
	top: -3px;
}



/*Badges*/

.meta-badge {
	margin: 10px;
  filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.5));
	width: 136px;
	display: inline-block;
	opacity: 1 !important;
	
}

/*Logout und Buttons allgemein*/

.wppb-front-end-logout span {
	display: none;
}

.wppb-front-end-logout a,
.meta-account-button {
	color: white !important;
	text-decoration: none;
	background-color: #E0463E;
	padding: 10px;
	border-radius: 5px;
	border: none;
	text-transform: none;
}

.meta-account-button-black {
	background-color: rgba(0,0,0,0.4);
	opacity: 0.7;
	padding: 8px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}


.meta-account-button-black:hover {
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}

/*Hintergrund*/

.parent-pageid-5008,
.page-id-5008 {
	background-image: url('https://metamorphus.de/Asset/textures/wood_texture_seamless.jpg');
}

.parent-pageid-5008 #masthead,
.page-id-5008 #masthead {
	background-color: transparent;
}



#meta_change_avatar {
	position: relative;
	left: 80px;
	top: -45px;
	background-color: transparent;
	border: none;
	padding: 0px;
}

#meta_change_avatar:focus {
	border: none;
	outline: none;
}

#meta_username_display {
	color: white;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 0px;
}

/*Account Antragsseite*/

#contact-form-5255 input  {
	border: none;
}





/*NewsEintrag für Startseite*/

.page-id-4979 #masthead {
	display: none;
}

.page-id-4979 #colophon {
	display: none;
}


.page-id-4979 .entry-content {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
}


/*mobile seite ergänzung*/

.page-id-281 .entry-content {
	margin-top: 0px !important;
}



/* season
.page-id-1714 {
background-color: black;
} */

.page-id-1714 .entry-content {
	background-color: transparent !important;
}


/*newsletter*/


.page-id-2440 {
	background-color: #333333;
}

.page-id-2440 .entry-content {
	color: white;
	max-width: 1400px;
}
.page-id-2440 h1 {
	color: white;
}

@media (max-width:800px) {
.page-id-2440 .entry-content {
		margin-top: -180px !important;	}
}

.page-id-2440 #subscribe-submit button[type="submit"] {
	background-size: cover;
	height: 52px;
	width: 190px;
}

.page-id-2440 a {
	color: white !important;
}


/*Unterseiten*/

body.page-id-2392 .entry-content {
max-width: 100%;
width: 100%;
padding-top: 10px;
}

.page-id-2392 h1 {
	color: white;
}

#subdomain-info-txt {
	color: #e6e6e6;
	width: 70%;
	padding-top: 20px;
	padding-bottom: 50px;
	display: none;
}


.page-id-2440 #masthead,
.page-id-2392 #masthead {
	background-color: transparent;

}


.page-id-2440 .menu-image-title,
.page-id-2392 .menu-image-title{
	color: white;
	}


.page-id-2440 #primary-menu .menu-image,
.page-id-2392 #primary-menu .menu-image  {
	display: none;
}


.page-id-2440 #primary-menu,
.page-id-2392 #primary-menu {
	margin-top: 40px;
	}

.page-id-2392 .subdomain-hide {
	display: none;
}

.page-id-2392 .subdomain-only {
	display: unset;
}

.page-id-2392 {
	background-color: black;
	background-image: url(https://metamorphus.de/Asset/subdomains_bg.png);
background-size: 60%;
	background-position: top left;
	background-repeat: no-repeat;
}

.subdomain-button {
	width: 25%;
	padding: 10px;
	min-width: 250px;
}

.subdomain-button:hover {
	filter: brightness(1.25);
	transition: 0.2s;
	}

#subdomain-button-xmas,
#subdomain-button-terbium,
#subdomain-button-support,
#subdomain-button-projects,
#subdomain-button-itho,
#subdomain-button-kaffee,
#subdomain-button-comic,
#subdomain-button-search{
	float: left;
}


@media (max-width:800px) { 
	.page-id-2392 #main {
		margin-top: -100px;
			}
	
	.page-id-2392 #content {
		overflow: hidden;
	}
	
	.page-id-2392 h1 {
		display: none;
	}	
	
	.subdomain-button {
		width: 100%;
		padding: 5px;
	}
}




/**/
.site-logo {
	max-width: unset
}



/*h t m l 5*/

	.canvas-mobil {
    position: relative;
 		height: 250px;
    overflow: hidden;
		margin-top: 32px;
		margin-bottom: -109px;
	
	}

.canvas-mobil iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;

}

@media (max-width:500px) {

	
	.canvas-container {
    display: none;
	}
	}

@media (min-width:501px) {
	
	.canvas-container {
    position: relative;
 		height: 600px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}

	.canvas-mobil {
display: none;
}
	}

@media (min-width:1600px) {
	
	.canvas-container {
    position: relative;
 		height: 720px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}
	}

@media (min-width:1921px) {
	
	.canvas-container {
    position: relative;
 		height: 900px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}
	}

.canvas-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;

}

body.page-id-1098 .entry-content {
position: relative;
top: -50px;
margin-bottom: -100px;
padding-bottom: -100px;
padding: 0px;
padding-top: px;
margin: 0px;
float: center;
background-color: #000;
	max-width: 100%;
	width: 100%;
	max-height: 150%;
	height: 150%;
}
	

body.page-id-1098 #main {
	padding: 0px;
	margin-top: 0px;
	background-color: #000;
	}


body.page-id-1098 .entry-header {
width: 0px;
	padding: 0px;
	background-color: black,

}


/*f l a s h ( g e n e r a l )*/


@media (max-width:1600px) {
	.page-id-1714 #main {
		height: 700px;
	}

#xmas-flash {
	height: 700px;
}
}

@media (max-width:420px) {
	.page-id-1714 #main {
		height: 200px;
	}
#xmas-flash {
	height: 200px;
}
}


/*s u p p o r t*/



/*kontakt*/

@media (min-width: 801px) {
.page-id-370 .entry-content {
	width: 60%;
	padding-left: 100px;
}

.page-id-370 .entry-header {
	width: 40%;
	
}
}


/* SONSTIGES */



@media (max-width:1000px) {
	
	
.page-id-2110 .entry-content {	margin-top: -200px;
	}
}
.page-id-1714 .xmas-only,
.page-id-1187 .xmas-only,
.parent-pageid-1187 .xmas-only {
	display: unset;
	margin-top: 0px;
}

.page-id-1714 #site-logo,
.page-id-1187 #site-logo,
.parent-pageid-1187 #site-logo {
	margin-right: -9px;
	padding-bottom: 10px;
	padding-top: 10px;
	transform:scale(0.9);
}


.page-id-1714 #site-navigation,
.page-id-1187 #site-navigation,
.parent-pageid-1187 #site-navigation {
	padding-bottom: 10px;
	padding-top: 10px;	
}

.page-id-1714 .xmas-logo,
.page-id-1187 .xmas-logo,
.parent-pageid-1187 .xmas-logo {
	margin-top: -5px;
}


body.page-id-1187 .entry-content {
position: relative;
top: -50px;
margin-bottom: -100px;
padding-bottom: -100px;
padding: 0px;
padding-top: 0px;
margin: 0px;
float: center;
background-color: #4F1820;
	max-width: 100%;
	width: 100%;
	max-height: 150%;
	height: 150%;
}
	

body.page-id-1187 #main {
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
	background-color: #000;
	}


body.page-id-1187 .entry-header {
width: 0px;
	padding: 0px;
	background-color: black,

}

.page-id-1714 .textwidget,
.page-id-1187 .textwidget,
.parent-pageid-1187 .textwidget {
	color: #845E63;
}

.page-id-1714 #subscribe-text,
.page-id-1187 #subscribe-text,
.parent-pageid-1187 #subscribe-text {
	color: #845E63;
}

.page-id-1714 #masthead,
.page-id-1187 #masthead,
.parent-pageid-1187 #masthead {
	background-color: #D74240;
	height: 120px;
	padding-top: 20px;
	
	transition: 1s;
}

.page-id-1714 #primary-menu,
.page-id-1187 #primary-menu,
.parent-pageid-1187 #primary-menu {
	top: 70px;
	left: 9px;
	margin-right: 120px;
	padding-left: 0px;
	background-color: #592529;
}

.page-id-1714 .menu-image-title,
.page-id-1187 .menu-image-title,
.parent-pageid-1187 .menu-image-title{
	color: white;
	}

.page-id-1714 #primary-menu,
.page-id-1187 #primary-menu,
.parent-pageid-1187 #primary-menu {
	margin-top: 10px;
	margin-right: 0px;
	}

.page-id-1714 #site-navigation,
.page-id-1187 #site-navigation,
.parent-pageid-1187 #site-navigation {
	padding-right: 0px;
	}

.page-id-1714 #site-logo,
.page-id-1187 #site-logo,
.parent-pageid-1187 #site-logo {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.page-id-1714 .subdomain-only,
.page-id-1187 .subdomain-only,
.parent-pageid-1187 .subdomain-only{
	display: unset;
}

.page-id-1714 .subdomain-hide,
.page-id-1187 .subdomain-hide,
.parent-pageid-1187 .subdomain-hide{
	display: none;
}

.page-id-1714 .xmas-hide,
.page-id-1187 .xmas-hide,
.parent-pageid-1187 .xmas-hide {
	display: none;
}

.page-id-1714 #menu-item-1313 .menu-image-title-after,
.page-id-1187 #menu-item-1313 .menu-image-title-after,
.parent-pageid-1187 #menu-item-1313 .menu-image-title-after{
	padding-right: 0px;
	margin-right: 0px;
}




/*account register*/

.page-id-1647 input[type="submit"] {
		background-image: url("https://www.metamorphus.de/Asset/register_red.png");
	background-size:164px 41px;
	width: 164px;
	height: 41px;
	border: none;
	color: transparent;
}


.page-id-1647 input[type="submit"]:hover {
		background-image: url("https://www.metamorphus.de/Asset/register_red.png");
	background-size:164px 41px;
	width: 164px;
	height: 41px;
	border: none;
	color: transparent;
}

.page-id-1596 .menu-image-title,
.page-id-1647 .menu-image-title {
	color: white;
	}

.page-id-1596 #primary-menu .menu-image,
.page-id-1647 #primary-menu .menu-image{
	display: none;
}

.page-id-1596 #primary-menu,
.page-id-1647 #primary-menu {
	margin-top: 40px;
	}

.page-id-1596 .subdomain-hide,
.page-id-1647 .subdomain-hide {
	display: none;
}

.page-id-1596 .subdomain-only,
.page-id-1647 .subdomain-only{
	display: unset;
}

.page-id-1596 label {
	float: unset;
}

@media (max-width:800px) {
.page-id-1596 #main,
.page-id-1647 #main {
		margin-top: -250px;
	}
}



/*h t m l 5*/

	.canvas-mobil {
    position: relative;
 		height: 250px;
    overflow: hidden;
		margin-top: 32px;
		margin-bottom: -109px;
	
	}

.canvas-mobil iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;

}

@media (max-width:500px) {

	
	.canvas-container {
    display: none;
	}
	}

@media (min-width:501px) {
	
	.canvas-container {
    position: relative;
 		height: 600px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}

	.canvas-mobil {
display: none;
}
	}

@media (min-width:1600px) {
	
	.canvas-container {
    position: relative;
 		height: 720px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}
	}

@media (min-width:1921px) {
	
	.canvas-container {
    position: relative;
 		height: 900px;
    overflow: hidden;
		margin-top: 50px;
		margin-bottom: -80px;
	}
	}

.canvas-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;

}

body.page-id-1098 .entry-content {
position: relative;
top: -50px;
margin-bottom: -100px;
padding-bottom: -100px;
padding: 0px;
padding-top: px;
margin: 0px;
float: center;
background-color: #000;
	max-width: 100%;
	width: 100%;
	max-height: 150%;
	height: 150%;
}
	

body.page-id-1098 #main {
	padding: 0px;
	margin-top: 0px;
	background-color: #000;
	}


body.page-id-1098 .entry-header {
width: 0px;
	padding: 0px;
	background-color: black,

}



/*mobile seite neu*/




/* HEADER */

.subdomain-only {
	display: none;
}

.xmas-only {
	display: none;
}

#masthead {
	background-color: #121212;
	height: 220px;
	padding: 0px;
	margin-bottom: 0px;
	border: none;
}



.site-header {
	height: 220px;
	}



#site-logo {
	float: right;
  margin-top: 30px;
	padding-right: 65px;
	padding-left: 0px;
	margin-left: 0px;
}

#site-navigation {
	float: left;
  margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main-navigation {
  text-align: left;
}


#site-logo img {
	width: 180px;
}

.menu li a {
	font-weight: 100;
	font-size: 5px;
	color: #b3b3b3;
  font-size: 15px;
}

li.current-menu-item a {
	font-weight: 800;
	color: white;
  font-size: 15px;
}






/*START-PAGE*/

#FlashID {
	height: 50px;
}

body.page-id-54 .entry-content {
position: relative;
top: -50px;
padding: 0px;
padding-top: px;
margin: 0px;
float: center;
background-color: black;
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	height: 100%;
}
	

body.page-id-54 #main {
	padding: 0px;
	margin-top: 0px;
	background-color: black;
	}


body.page-id-54 .entry-header {
width: 0px;
	padding: 0px;
	background-color: black,

}

#metamorphus-description {
	color: white;
	opacity: 0.3;
	margin-top: 100px;
	text-align: center;
	padding: 30px;
	font-size: 15px;
	margin-bottom: -50px;
}


/*NEWS-PAGE*/

.nav-previous a {
	background-color: #DB453D;
	border: none;
	color: white;
	font-weight: 400;
	text-transform: none;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-previous a:hover {
	background-color: #DB453D;
	
}

.nav-next a {
	background-color: #DB453D;
	border: none;
	color: white;
	font-weight: 400;
	text-transform: none;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-next a:hover {
	background-color: #DB453D;
	
}

.entry-meta {
	padding-top: 0px;
	margin-top: 0px;
}

.news-img {
	width: 500px;
}

.byline {
	display: none;
}

.more-link {
	background-image: url("https://www.metamorphus.de/Asset/weiterlesen.png");
	background-size: 220px 43px;
	height: 43px;
	width: 220px;
	border: none;
	color: transparent;
}

.more-link:hover {
	background-image: url("https://www.metamorphus.de/Asset/weiterlesen.png");
	background-size: 220px 43px;
	height: 43px;
	width: 220px;
	border: none;
	color: transparent;
}

@media (min-width: 1550px) {
	body.blog .entry-header{
	height: 800px;
}

body.blog .entry-content{
	height: 800px;
}

}

@media (min-width: 801px) {
#post-184 .entry-content {
	height: 1000px;
}

#post-184 .entry-header {
	height: 1000px;
}

}
.post-navigation {
	display: none;
}

/*SONDERSEITEN*/



/*p r o j e c t s*/



.page-id-602 #meta21_header {
	height: 150px;
}



/*e r r o r  4 0 4*/
/*& in bearbeitung*/

.error404 #masthead,
.page-id-1085 #masthead {
	background-color: transparent;
 }



.error404,
.page-id-1085 {
background-color: #333;
	}

.error404 #main,
.page-id-1085 #main {
	margin: 0px;
	margin-top: -30px;
	
}

.error404 .menu-image-title{
	color: white;
	}

.error404 #primary-menu .menu-image,
.page-id-1085 #primary-menu .menu-image{
	display: none;
}


.error404 #primary-menu {
	margin-top: -5px;
	}

.error404 #site-logo {
	margin-top: -10px;
	}

.error404 .subdomain-hide {
	display: none;
}

.error404 .subdomain-only {
	display: unset;
}

.error404 #masthead {
	height: 120px;
	
}

/*s i t e m a p*/


.page-id-1399 a {
	text-decoration: none;
}


/*r e i t e r   a u d i o*/



.page-id-991 #masthead{
	background-color: transparent;
 }


@media (max-width: 800px) {
.page-id-991 {
background-image: url(https://www.metamorphus.de/Asset/bg_mobil.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment:fixed;
	padding: 0px;
	margin: 0px;
	background-color: black;
	}
}

@media (min-width: 801px) {
	.page-id-991 {
background-image: url(https://www.metamorphus.de/Asset/bg_reiter.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	padding: 0px;
	margin: 0px;
	background-color: black;
	}
}


.page-id-991 #main {
	margin: 0px;
	margin-top: -30px;
	
}



.page-id-991 .menu-image-title{
	color: white;
	}

.page-id-991 #primary-menu .menu-image  {
	display: none;
}


.page-id-991 #primary-menu {
	margin-top: -5px;
	}

.page-id-991 #site-logo {
	margin-top: -10px;
	}

.page-id-991 .subdomain-hide {
	display: none;
}

.page-id-991 .subdomain-only {
	display: unset;
}

.page-id-991 #masthead {
	height: 120px;
	
}

.page-id-991 .copyright {
	font-size: 15px;
	font-weight: 300;
	line-height: 10%;
}

.page-id-991 #download {
	margin-top: -25px;
}

.page-id-991 .post-password-form {
	color: white;
}







/*f l a s h ( g e n e r a l )*/

.page-id-2476 #masthead,
.page-id-965 #masthead{
	background-color: transparent;
 }

.page-id-2476,
.page-id-1714,
.page-id-965 {
background-color: #000;
	}



.page-id-2476 #main,
.page-id-965 #main {
	margin: 0px;
	margin-top: -30px;
	
}



.page-id-2476 .menu-image-title,
.page-id-965 .menu-image-title{
	color: white;
	}

.page-id-2476 #primary-menu .menu-image,
.page-id-965 #primary-menu .menu-image  {
	display: none;
}


.page-id-2476 #primapry-menu,
.page-id-991 #primary-menu {
	margin-top: -5px;
	}

.page-id-2476 #site-logo,
.page-id-991 #site-logo {
	margin-top: -10px;
	}

.page-id-2476 .subdomain-hide,
.page-id-991 .subdomain-hide {
	display: none;
}

.page-id-2476 .subdomain-only,
.page-id-991 .subdomain-only {
	display: unset;
}

.page-id-2476 #masthead,
.page-id-991 #masthead {
	height: 50px;
	
}

.page-id-2476 .entry-content,
.page-id-1714 .entry-content,
body.page-id-965 .entry-content {
position: relative;
top: -50px;
margin-bottom: -100px;
padding-bottom: -100px;
padding: 0px;
padding-top: px;
margin: 0px;
float: center;
background-color: #000;
	max-width: 100%;
	width: 100%;
	max-height: 150%;
	height: 150%;
}

.page-id-2476 .entry-content {
	margin-top: -120px;
}
	
body .page-id-2476 #main,
body.page-id-965 #main {
	padding: 0px;
	margin-top: 0px;
	background-color: #000;
	}


body.page-id-965 .entry-header {
width: 0px;
	padding: 0px;
	background-color: black,

}

@media (min-width:2000px) {
	#xmas-flash {
		height: 1450px;
	}
	}


@media (max-width:1600px) {
	.page-id-1714 #main {
		height: 700px;
	}

#xmas-flash {
	height: 700px;
}
}


	
	
@media (max-width:420px) {
	.page-id-1714 #main {
		height: 200px;
	}
#xmas-flash {
	height: 200px;
}
}


/*s u p p o r t*/


	
	.page-id-709 #masthead,
  .parent-pageid-709 #masthead {
	background-color: #000;
}

 .page-id-709 .menu-image-title,
.parent-pageid-709 .menu-image-title{
	color: white;
	}

.page-id-709 #primary-menu .menu-image , .parent-pageid-709 #primary-menu .menu-image  {
	display: none;
}

.page-id-709 #primary-menu, .parent-pageid-709 #primary-menu {
	margin-top: 40px;
	}

.page-id-709 .subdomain-hide,
.parent-pageid-709 .subdomain-hide {
	display: none;
}

.page-id-709 .subdomain-only,
.parent-pageid-709 .subdomain-only{
	display: unset;
}



.page-id-780 #masthead,
.page-id-1798 #masthead {
	background-color: #D74240;
}

@media (min-width: 801px)  {
.page-id-709 .entry-header,
.parent-pageid-709:not(.page-id-780):not(.page-id-1798):not(.page-id-3625) .entry-header
{
	width: 37%;
}

.page-id-709 .entry-content,
.parent-pageid-709:not(.page-id-780):not(.page-id-1798):not(.page-id-3625) .entry-content{
	width: 63%;
	padding-right: 0px;
	padding-left: 50px;
}


.support-buttons {
	width: 23%;
	float: left;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
}

.supportbuttons {
	width: 400px;
}

.supportbuttons-small {
	width: 230px;
	margin-top: -30px;
}

.support-text {
	width: 55%;
	float: right;
	margin-right: 100px;
}



.kontaktbutton {
	margin-top: 25px;
}


}



/*kontakt*/

#kontakt-header {
	margin-bottom: 60px;
	height: 250px;
	width: 100%;
	background-image: url(https://metamorphus.de/Asset/kontakt.png);
background-size: cover;
	background-position: center;
		background-repeat: no-repeat;
}


@media (min-width: 1200px) {
	#kontakt-header {
		height: 300px;
		margin-top: -60px;
	}
}





/*s n i p p e t s*/

.page-id-537 #masthead
{
	background-color: #50648C;
}

.page-id-537 .menu-image-not-hovered {
	opacity: 1;
}

.page-id-537 .menu-image-title {
	color: white;
}

.page-id-537 #colophon {
	background-color: #383D47;
	color: white;
	
}

.page-id-537 #colophon h2 {
		color: white;
	}

.page-id-537 .simplelink {
	color: white;
}



/* MAIN */

.jp-carousel-image-meta {
	display: none;
}

blockquote::before {

color: #808080;
}

body.page-id-370 blockquote::before {
display: none;
}

body.page-id-38 blockquote {

	padding-bottom: 40;
	border-color: #ccc;
	border-width: 0px;
	}

.infobuttons {
	margin-bottom: 0;
	margin-top: -20px;
	padding: 0px;
	width: 220px;
	height: 44px;
}

.page-template-default .entry-header {
	float: right;
		border: none;
}

.entry-content {

padding-top: 110px;
		border: none;
}


.cat-links {
	display: none;
}

.byline {
	display: none !important;
}


/*H E A D E R*/

@media (min-width: 1930px) {
	#masthead {
		height: 255px;
	}
	
	.page-id-54 #content,
	.page-id-54 #primary,
	.page-id-54 #main,
	.page-id-54 #post-54,
	.page-id-54 .entry-content,
	.page-id-54 iframe,
	.page-id-54 .canvas-container{
		height: 1050px;
	}
	
	
	
}



/* FOOTER */

#colophon #nav_menu-2 .menu-item a img {
	width: 52px;
}

#colophon {
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #121212;
	font-weight: 400;
}

#colophon .textwidget {
	margin-bottom: 59px;
}



#subscribe-submit  button[type="submit"] {
	background-image: url("https://www.metamorphus.de/Asset/subscribe.png");
	background-size: 180px 35px;
	width: 160px;
	height: 35px;	
	color: transparent;
	border: none;
	padding-bottom: 0px;
}



#nav_menu-2 li {
	padding-bottom: 15px;
}

#nav_menu-3 li {
	padding-bottom: 15px;
}

#nav_menu-4 li {
	padding-top: 10px;

}

.simplelink {
	font-weight: 400;
}


/*MOBILE*/


.menu-toggle {
	background-image: url("/Asset/menu_dots.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	height: 25px;
	width: 25px;
	color: transparent;
	border: none;
}

.menu-toggle:hover {
	background-image: url("/Asset/menu_dots_hover.png");
	background-color: transparent;
	color: transparent;
	border: none;
}

.menu-toggle[aria-expanded="true"] {
	background-image: url("/Asset/menu_cross.png");
		background-color: transparent;
	color: transparent;
	border: none;
}

@media (min-width: 801px) {
	
	#mobile-only {
	display: none;
	}

	.mobile-only {
	display: none !important;
	}


#search-3 {
	display: none;
}

}



#mobile-only {
	float: right;
	margin-right: 25px;
	margin-top: 15px;
}

@media (max-width: 800px) {
	
	.hide-on-mobile {
		display: none;
	}
	
		#masthead {
		padding-top: 20px;
		height: 120px;
	
	}

.footer-widgets {
	padding-left: 40px;
	padding-right: 20px;
}


blockquote {
padding-left: 30px;
padding-right: 20px;
}
blockquote::before {
left: 0px;
}

.page-template-default .entry-content {
	margin-top: 110px;
	padding-top: 200px;
}

body.blog .entry-content {
	margin-top: -60px;
}


	#site-logo {
	display: none;
	}

.n { display: none !important; }

.menu-toggle {
	

}
#site-menu {
	max-width: 100%;
	width: 100%;
}

.menu nav-menu {
float: left;}


}

/*menüwechsel breite*/

@media (max-width: 1043px) {
#primary-menu .menu-image {
	display: none;
}
#primary-menu {
	margin-top: 40px;
	}

}




/*FARBEN (HEADER)*/


.page-id-491 #masthead {
	background-color: #D74240;
	transition: 1s;
}

.page-id-491 .menu-image-title{
	color: white;
	}

.page-id-491 #primary-menu .menu-image  {
	display: none;
}

.page-id-491 #primary-menu {
	margin-top: 40px;
	}



/* SONSTIGES */


.fineprint {
	font-size: 13px;
	color: grey;
}

@media (max-width: 800px) {
.page-id-370 .entry-content,
	.page-id-84 .entry-content {
	margin-top: 40px;
	padding-top: 0px
}
}

@media (min-width: 800px) {
body.single-post .entry-content{
	max-height: 1200px;
	height: 1200px;
	
}

body.single-post .entry-header{
height: 1200px;
	
}

body.single-post #post-184 {
	height: 1100px;
}
}


.page-template-default .entry-title {
pointer-events: none;
}

.entry-content {
	color: black;
	font-weight: 400;

}

input[type="submit"] {
	background-image: url("https://www.metamorphus.de/Asset/send.png");
	background-size:220px 43px;
	width: 220px;
	height: 43px;
	border: none;
	color: transparent;
	font-weight: 500;
}

input[type="submit"]:hover {
	background-image: url("https://www.metamorphus.de/Asset/send.png");
	background-size:220px 43px;
	width: 220px;
	height: 43px;
	border: none;
	color: transparent;
	font-weight: 500;
}


input[type="text"],
input[type="email"]
{
	padding-left: 10px;
	font-weight: 400;
}

textarea {
	padding: 10px;
	font-weight: 400;
}



.entry-title:after {
	width: 0px; 
	padding: 0px;
}

.widget-title:after {
	width: 0px; 
	padding: 0px;
}

.entry-meta:before {
	width: 0px; 
	padding: 0px;
}


.page-wrap{
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.custom_button {
	background-color: #EA5452;
	border: none;
	color: white;
	font-weight: 500;
}

@media(max-width:1200px) {
.navbar .nav > [class*="icon-"] > a {padding-right: 36px; }
}

.page-id-991 input[type="submit"] {
	background-image: url("https://www.metamorphus.de/Asset/send_pw.png");
	background-size:118px 43px;
	width: 118px;
	height: 41px;
	border: none;
	color: transparent;
	font-weight: 500;
}


/*comic mobil fix (noch zu übertragen in externes css*/


@media (max-width:800px) {
	.owl-dots {
		display: none !important;
		opacity: 0;
	}
}


.page-id-991 input[type="submit"]:hover {
	background-image: url("https://www.metamorphus.de/Asset/send_pw.png");
	background-size:118px 43px;
	width: 118px;
	height: 41px;
	border: none;
	color: transparent;
	font-weight: 500;
}


@media (max-width: 800px) {
.page-id-991 .entry-content {
		margin-top: 70px;
		padding-top: 0px;
}
}


@media (max-width:800px) {
	
	.parent-pageid-2110 .entry-content,
	.page-id-2006 .entry-content {
		margin-top: -180px;	
	}

}



@media (max-width:1000px) {
	
	
.page-id-281 .entry-content {	margin-top: -200px;
	}
}


@media (max-width:1000px) {
	
	
.page-id-2110 .entry-content {	margin-top: -200px;
	}
}

/*SLIDER FIX*/

.comic_slide_holder {
	width: 1000px;
	}

/*Send-Button (allgemein)*/

.pushbutton-wide,
.pushbutton-wide:hover {
	color: transparent;
	border: none;
	background-image: url("https://metamorphus.de/Asset/send_small.png");
	width: 212px;
	height: 42px;	
}

.pushbutton-wide:hover {
	cursor: pointer;
}