/* *  Theme Name: Piwi
 * 	Theme URI: http://www.piwidesign.de
 * 	Description: Dev
 * 	Version: 0.1
 * 	Author: Philipp Walter
 * 	Author URI: http://www.piwidesign.de
 * 	Tags:
   ==================================================
   ================================================== */
body                               { overflow: hidden; height: 100%; max-height: 100%; background: #333; color: #FFF; font: 13px/140% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }
body                               { scrollbar-arrow-color:#AAAAAA; scrollbar-face-color:#000000; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#000000;}
a:link,
a:visited { color: #F00066 }
a:hover { color: #cb0056 }
a:active,
a:focus { color: #2a0874 }
.clear { clear: both; margin: 10px 0; height: 20px;}

/* basic build   */
#framecontentLeft,
#framecontentRight                 { position: absolute; top: 0; left: 0; width: 180px; height: 100%; overflow: hidden; background: #000; }
#framecontentRight                 { left: auto; right: 0; }
#framecontentTop                   { position: absolute; top: 0; left: 180px; right: 180px; width: auto; height: 40px; overflow: hidden; background: #000; }
#maincontent                       { position: fixed; top: 40px; left: 180px; right: 180px; bottom: 0; overflow: auto; }
.inner                             { margin: 20px }
* html body                        { /*IE6 hack*/ padding: 40px 180px 0 180px;   }
* html #maincontent                { /*IE6 hack*/ height: 100%; width: 100%;   }
* html #framecontentTop            { /*IE6 hack*/ width: 100%;   }
/* header   */
#header                            { margin: 0 0 0 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
#header ul.navigation              { float: left; width: calc(100% - 170px); margin: 10px 0 0 0; } /* overflow: hidden; width: 30em; width: 300px; */
#header ul.navigation li           { float: left; display: inline; margin: 0 20px 0 0; }
#header ul.navigation li a         { color: #FFF; font-weight: bold; display: inline-block; text-decoration: none; font-size: 14px; }
#header ul.navigation li a:hover   { color: #F00066 }
#header ul.language                { float: right; margin: 8px 0 0 0; }
#header ul.language li             { display: inline-block; float: right; padding: 0 2px; }
#header ul.language li a img       { border: 2px solid #000; padding: 2px; }
#header ul.language li a:hover img { border: 2px solid #333 }
#header ul.language li a.active img { border: 2px solid #F00066 }
#header ul.qtranxs_language_chooser li.active a img { border: 2px solid #F00066 }

/* sidebars */
.navigation-left,
.navigation-right { margin: 40px 10px 0 10px; font-size: 14px; font-weight: 100;}
.navigation-left li,
.navigation-right li { margin: 0 0 20px 0;}
.navigation-left a,
.navigation-right a { color: #FFF; text-decoration: none;}
.navigation-left a:hover,
.navigation-right a:hover { color: #F00066}
.current_page_item a,
.current_page_parent a {color:  #F00066;}

/* subnavigation */
.subnavigation { float: right; overflow: hidden; display: inline; margin: 0; padding: 7px 0;}
.subnavigation li{ float: left; display: inline-block; padding: 0px 10px}
.subnavigation li a { font-size: 14px; text-decoration: none;}

/* symboles */
.minisym { float: right; }

/* home */

/* #homeimg { height: 682px; background: url('http://ulrichwagner-art.de/ordnerWP/wp-content/uploads/Uebertritt_2_Germersheim-1024x682.jpg') center center no-repeat;} */
/* #homeimg { height: 682px; background: url('http://ulrichwagner-art.de/uw15/wp-content/uploads/2011/04/IMG_0363_Ritter-kopieren.jpg') center center no-repeat; background-size: contain; } */
#homeimg { height: 682px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
/*  */
/* Page */
h2 { background: #000; padding: 10px; font-size: 24px; margin: 0 0 30px; font-weight: normal; overflow: hidden;}
p.foot { background: #000; padding: 5px 10px; text-align: right; font-size: 14px;}
p.foot a { text-decoration: none;}

/* news */
.news { border-bottom: 2px solid #000; margin-bottom: 50px; padding-bottom: 25px;}
.news h2 {font-size: 18px; margin: 0; background: none; padding: 0px; }

/* content  */
.content p                         { margin: 10px 0px }
.content a img { border: 2px solid #FFF;}
.content a:hover img { border: 2px solid #F00066;}
.content #gallery-1 img:hover { border: 2px solid #F00066;}
.content img.alignright            { float: right; margin-left: 20px; }
.content img.alignleft             { float: left; margin-right: 20px; }
.content img.aligncenter           { display: block; text-align: center; margin: 20px 0; }
.content h1,
.content h1 span                   { clear: both; font-size: 20px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content h2,
.content h2 span                   { clear: both; font-size: 18px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content h3,
.content h3 span                   { clear: both; font-size: 16px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content h4,
.content h4 span                   { clear: both; font-size: 14px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content h5,
.content h5 span                   { clear: both; font-size: 12px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content h6,
.content h6 span                   { clear: both; font-size: 11px; border: none; margin: 30px 0 10px 0; padding: 0; background: none; }
.content ul                        { margin: 20px 0 }
.content ul li                     { list-style: square; list-style-position: inside; margin: 5px 0; }
.content ul li ul                  { margin: 0px 20px }
.content ol                        { margin: 20px 0 }
.content ol li                     { list-style: decimal; list-style-position: inside; margin: 5px 0; }
.content ol li ol                  { margin: 0px 20px }
.content blockquote                { border: 1px solid #DDD; background: #F8F8F8; padding: 10px 20px; font-style: italic; margin: 20px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.content pre                       { clear: both; border: 1px solid #DDD; background: #F8F8F8; padding: 10px 20px; font-style: italic; margin: 20px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: auto; }
.content table td                  { vertical-align: top; padding: 10px 0;}

#wpadminbar { top: 95% !important; }
.content p.clearLinks, .clearLinks { clear: left; }
.content p.abstandVor, .abstandVor { padding-top: 1rem; }
.content p.Vor2, .Vor2 { padding-top: 2rem; }
.content p.Vor4, .Vor4 { padding-top: 4rem; }
.content p.Vor6, .Vor6 { padding-top: 6rem; }
.content p.Vor8, .Vor8 { padding-top: 8rem; }


/* iframe#ortsgedaechtnis { clear: left; width: 100%; max-width: 1280px; height: auto; min-height: 300px; max-height: 720px; } */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 3rem;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Datenschutzerklaerung */

/* article li, article li a, article li a:hover, .dse, .ersteEbene { text-transform: none; line-height: 1.25rem; font-size: 0.75rem !important; } */
.dseBlockquote { color: #000; }
.dseInhalt { width: 100%; max-width: 600px; }
.content .dseInhalt ol, .content .dseInhalt ol li { list-style-position: outside; }
.content .ersteEbene, .content .dse { margin-left: 3em; }
.content .ersteEbene li, .content .dse li { list-style-type: upper-roman;}
.content .zweiteEbene { list-style-type: decimal; margin-left: 1em; }
.content .zweiteEbene li { list-style-type: decimal; }
.content .dritteEbene { list-style-type: lower-alpha; margin-left: 2em; }
.content .dritteEbene li { list-style-type: lower-alpha; }
.content .ersteEbene li, .content .dse li { margin: 0; padding: 0 0 0 0.2em; }
.content .zweiteEbene li, .content .dse li ul { margin: 0; padding: 0 0 0 0.4em; }
.content .ersteEbene li, .content .ersteEbene h2, .content .zweiteEbene li, .content .zweiteEbene h3, .content .dritteEbene li { font-size: 1rem; }
.content .ersteEbene li, .content .ersteEbene h2, .content .zweiteEbene h3 { font-weight: bold; }
.content .ersteEbene li p, .content .zweiteEbene li, .content .zweiteEbene li p  { font-size: 15px; font-weight: normal; }
/* .dseQuelle a, .dseQuelle a:hover, .dseQuelle a:active, .dseQuelle a:visited { color: #fff; text-decoration: underline; } */

/* Instagram-Logo */
#header ul.soMed                   { overflow: hidden; float: left; width: 66px; margin: 6px 0 0 0; } /* width: 300px; */
#header ul.soMed li                { float: left; display: inline; margin: 0 10px 0 0; }
#header ul.soMed li a              { display: inline-block; text-decoration: none; font-size: 14px; line-height: 1; }
#header ul.soMed li a:hover        { opacity: 0.8; }


/* soMedLinks instaLink facebLink */
.soMedLink { background-color: transparent; background-repeat: no-repeat; background-position: left top; background-size: contain; display: block; height: 22px; width: 22px; } /* line-height: 1; } */
.instaLink { background-image: url('./images/Instagram-farbig-Wagner-200x200px.svg'); }
.facebLink { background-image: url('./images/Facebook-blau-Wagner-200x200px.svg'); }

/* Text meant only for screen readers. */
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
.screen-reader-text, .soMedLink span { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }


/* <924px */
@media screen and (max-width: 57.6875em) { 
	#framecontentLeft, #framecontentRight { padding-top: 26px; }
	#framecontentTop { height: 66px; }
	#maincontent { top: 66px; }
	/* #header ul.navigation { width: auto; } */
}

/* <840px */
@media screen and (max-width: 52.4375em) { 
}

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

}