/*
Theme Name: Alex Unterberger 2.2
Datum: September 2022
Theme URI:https://graphiks.info/
Author:www.graphiks.info
*/


@font-face {
    font-family: 'DINProRegular';
    src: url('fonts/DINProRegular.eot');
    src: url('fonts/DINProRegular.eot') format('embedded-opentype'),
         url('fonts/DINProRegular.woff2') format('woff2'),
         url('fonts/DINProRegular.woff') format('woff'),
         url('fonts/DINProRegular.ttf') format('truetype'),
         url('fonts/DINProRegular.svg#DINProRegular') format('svg');
}


/*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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

/*HTML Elements*/
* {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease; outline: none; box-sizing: border-box;font-family:'DINProRegular', Arial, Helvetica, sans-serif;color: #444;font-size:17px;line-height:1.6em;}

html { overflow-y: scroll;}
body {margin:0;background-color:#424040; }
small, .small {font-size:.7em;color:#999;}
h1,h2,h3,h4,h5,h6, #navi a, #navi2 a,  #themennavi li a {font-size:1.1em;margin:0 0 10px 0;font-weight:normal;letter-spacing:1px;}
h2, h3, h4 {font-size:1.6em;line-height:1.25em;margin-bottom:15px; color: #fdca00;text-shadow: #eee 1px 1px 1px;}
.storycontent h3, .storycontent h4 { padding: 15px 0; color: #000; font-weight: bold;}
h2 {font-size:2.3em;} 
h2 i	{ color:#ff9a00; font-weight:bold;} 
h3, h4 {font-size:1.5em; } 
h3 strong	{  display:block;color: #fdca00;}
h4 {font-size:1.3em;} 
h4.border { border-width: 0 0 1px 0; padding-bottom: 12px; border-color: #fdca00;}
h4 a, h4 a:visited	{ text-decoration:none;color:#fdca00;} 
h4 a:hover	{ text-decoration:underline;}
i {color:#000;}
p {margin:0 0 10px 0;}
.clear	{ clear:both; display:block;}
br.clear	{ height:0;}
hr { background:transparent;border:1px solid #fdca00; border-width:0 0 1px 0;height: 10px;width:100%;margin:15px 0;}
hr:before, hr:after { display: table; height: 15px; content: " ";}
blockqoute	{ padding:10px 3%; background:#f9f9f9; border:1px solid #ccc;}

/*Links*/
a, a:visited {color:#333;text-decoration:underline;} 
a:hover, a:focus, a:active {color:#fdca00; }
.storycontent a.external {padding-right:13px;background:url(pics/extLink.gif) no-repeat right center;margin-right:3px;} 
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(pics/PDF.png); background-repeat: no-repeat; background-position: left center;padding:0 0 0 32px;display:block; line-height: 28px;} 
.more-link {display:block;padding:7px 0 0 0;}

/*Layout ------------------------------------------------------------------------------------*/
#topofpage, .skiplink {position:absolute;left:0;top:-20em;}
#main { background-color:#FFFAF0;  background-repeat:repeat-x; background-position:left 20px;  }
#header, #content, #footercontent {position:relative;width:96%;margin:0 auto; padding:0 2%;min-width:350px;max-width:1300px; }

/*Header ------------------------------------------------------------------------------------*/
#header {padding:15px 0 }
h1 {position:relative;width:104%; margin-top:5px; margin-left: -2%; height:170px;background-image:url(pics/h1-1050.png); background-repeat:no-repeat; background-position:left top; background-size: 100% auto;}
h1 a, h1 span {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;}

#navi {position:absolute;right:0;top:7px;width:100%; z-index:2;}
#navi ul {margin-right:2%; text-align: right; }
.home #navi { width: 100%;}
.home #navi ul { margin-right: 0; margin: 0 auto; text-align: center;}
#navi li {position:relative;width:auto;height:auto;padding:3px 0 3px 7px;line-height:normal; display: inline-block;}
#navi a, #navi a:visited {text-decoration:none; text-transform:uppercase; white-space: nowrap; color:#ccc; font-size: .8em; line-height: 1.4em;}
#navi a:hover, #navi a:active {color:#666;}
#header .current_page_item a {color:#000;cursor:default;}

#navi2	{ z-index:20; width:100%; text-align:center;  }
#navi2 li, body.home #navi2 li	{ float:right; /*Border-Radius*/ margin:0 0.8%; background:#ff9a00; border:1px solid #ccc; padding:7px 0 0 0;  text-align:center;width:31%; border-color:#ccc #666 #666 #ccc; } 
#navi2 li:hover {border-color: #666 #ccc #ccc #666;} 
#navi2 li.page-item-11	{ background:#5589db !important;} 
#navi2 li.cat-item	{ background:#ff5c00 !important;}
#navi2 li a	{  display:inline-block; font-size:1em; line-height:1.2em; text-decoration:none;  white-space:nowrap; color:#fff;} 
#navi2 li a:hover, #navi2 li a:active	{ color:#ddd; } 
#navi2 .current_page_item	a	{ cursor:default; color:#000 !important;} #navi2 .current_page_item	a:after	{ content:"";}

#themennavi	{margin:15px auto 0 auto;  width:100%; text-align:center; padding-bottom:15px;  }
#themennavi li	a{ display:inline-block; margin:0 2% 15px 2%; position:relative; border:1px solid #fdca01;   text-align:center;width:45%; max-width:333px; border-color:#ccc #666 #666 #ccc; opacity:0.5; font-size:1.2em; line-height:1.2em; text-decoration:none; font-weight:normal; background: #fff; font-size: .8em;} 
#themennavi li:hover a {border-color: #000; background:#fdca01; opacity:1;  color:#000; font-weight:bold; border-color: #ccc; }  
#themennavi li b	{ display:block;}
#themennavi li a div	{  display:none;  font-size:.7em;  border-top:1px solid #ccc; margin-top:7px; padding-top:7px; opacity:0; white-space:normal; color:#333 !important;  font-weight:normal !important; line-height:1.2em; letter-spacing:normal; }  #themennavi li a div:hover	{ color:#999 !important;}

#header .searchform	input, body.home #header .searchform {min-width:100px;top:90px;width:20%;position:absolute;right:0; z-index:10; display:none;}
#header .searchform input:focus, #header .searchform input:active	{min-width:125px;width:23%; border-color:#000;}

/*Content ------------------------------------------------------------------------------------*/
#content	{ width:94%; padding:0 2%; margin-top:20px;}
#post {padding:0 0 15px 0;margin-bottom:15px;border:1px solid #fdca00;border-width:0 0 1px 0; }
.storycontent { padding:  0 0 15px 0;}
.search .storycontent, .archive .storycontent	{ border-top:1px dashed #ccc; padding-top:15px;} 

.anmeldungoffen { display: inline-block; width: 1em; height: 1em; border-radius: 1em; background-color: green; float: right; margin: 0.5em; 0 7px 7px ; line-height: 100%;}
#sidebar .anmeldungoffen { width: 12px; height: 12px;}
.page h2 .anmeldungoffen { display: none;}

/*Themenuebersicht*/
.themenuebersicht h3 	{ font-size:1.4em; }
.themenuebersicht a {text-decoration:none !important;} .themenuebersicht .more-link	{ text-decoration:underline !important;}
.themenuebersicht h3 strong	{ font-weight:bold;}

/*Bilder, Videos, Objects, iframes, Captions*/
.storycontent img, .storycontent embed, .storycontent object, .storycontent iframe, .wp-caption, #sidebar img	{max-width:100%;height:auto;} 
.alignright {margin:0 0 15px 20px;display:inline;float:right;} 
.alignleft {margin:0 20px 15px 0;display:inline;float:left;} 
.storycontent img.alignleft, .storycontent img.alignright	{ max-width:50%;} 
.storycontent a img	{opacity:1;filter:alpha(opacity=100);border:1px solid #ccc;} 
.storycontent a:hover img	{opacity:.5;filter:alpha(opacity=50);border-color:#000;}

.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:30px;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/*Listen*/
.storycontent ul {margin:10px 0 0 0;padding:0 0 10px 0;}	
.storycontent ul li {margin:0 0 4px 20px;list-style:disc;} 
.storycontent ol li {margin:0 0 4px 20px;list-style:decimal;}

/*Tabellen*/
table {border:0 none;border-spacing:0;margin:15px 0;} td, th {padding:3px 10px 3px 0;vertical-align:top;text-align:left; border-bottom:1px dotted #ccc;} th {font-weight:bold;font-size:1.2em;}
tr:first-child td {border-top:1px dotted #ccc;}

/*Formular, Kontakt */
.formcontainer {margin:15px 0 0 0;padding:15px 0 0 0;border-top: 1px solid #ccc;min-width:200px; }

/*Suche*/
.searchform {width:auto;height:auto;z-index:2;} 
.searchform input {width:200px;background-image: url(pics/search-header.png); background-position: 95%;  background-repeat: no-repeat; background-size: auto 50%;  color:#999;border:1px solid #ddd;padding:2px 4px;}
.searchform input:focus, .searchform input:active {color:#333;}
.searchform .button {display:none !important;}
.search h3 {margin-top:20px;padding:0;border:0 none;}
.search-everything-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} 
	
/*Galerie*/	
.ngg-galleryoverview:before {content:"";display:table;}
.ngg-galleryoverview {margin:10px 0;}
.ngg-gallery-thumbnail-box {margin:0 10px 10px 0;padding:0;float:left;}
.ngg-gallery-thumbnail img, .ngg-thumbnail img {margin:0;border:1px solid #333;width:96px;height:auto;}
.ngg-thumbnail img:hover, .ngg-gallery-thumbnail img:hover {border-color:#ccc;opacity:.75;filter:alpha(opacity=75);}

/*Pagenavi*/
.wp-pagenavi:before {content:"";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #999;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current { /*Buttons*/ text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;/*Buttons*/}

/*Sidebar -------------------------------------------------------------------*/
#sidebar ul {position:relative; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; }
.sidebarcontent {margin-bottom:5px;}
.sidebarnavi .current_page_item a	{color:#999;cursor:default; text-decoration:none;}
.sidebarnavi {margin:10px 0 0 0;padding:0 0 10px 0;}	
.sidebarnavi li {margin:0 0 4px 14px;list-style:disc;} 
.sidebarnavi ul	{ display:none; margin:5px 0; padding:3px 0; border-top:1px dashed #ccc; font-size:.9em;}
.sidebarnavi li.current_page_item ul { display:block;}
.sidebarnavi ul li { list-style:circle;}
.sidebarnavi ul li a	{ color:#333 !important; text-decoration:underline  !important; cursor:pointer !important; }  
.sidebarnavi ul li a:hover	{ color:#ccc !important;}  

#sidebar .sidebar-thumbnail	{ border:1px solid #ccc; margin:0 0 15px 0; background:#fff; /*Border-Radius*/}
#sidebar .quote	{ padding:15px 0 5px 0; border:1px solid #ccc; border-width:1px 0; font-size:1.2em;  } #sidebar .quote	b, #sidebar .quote	strong 	{ font-weight:normal;}

#sidebar .textwidget { margin-top: 40px;}

/*Footer ------------------------------------------------------------------------------------*/
#footer	{ padding-bottom:40px; text-align: center;}
#footercontent p	{ margin:15px 25px 10px 0; color:#fff;}
#footer a, #footer a:visited {color:#fff;} 
#footer a:hover, #footer a:active {color:#ddd;}
.top {text-decoration:none;position:absolute;right:5px;top:0;background:url(pics/up.png) right center no-repeat;text-indent:-9999px;width:16px;height:16px;display:block;opacity:1;filter:alpha(opacity=100);}
.top:hover	{opacity:.6;filter:alpha(opacity=60);}

/*Startseite ------------------------------------------------------------------------------------*/
body.home #main	{background-image:url(pics/bg-index.png); text-align:center; background-image:none;}
body.home #post		{ border:0 none; text-align:center; float:none; width:100%; display:block; min-height:10px; margin:0; padding:0 0 15px 0; border:0 none;}
body.home #post	.storycontent{ max-width:720px; text-align:justify; margin:0 auto; padding:0 0 0 10px;}
body.home h1	{ margin:60px auto 0 auto; position:relative; text-align:center; background:0 none; height:360px; width:100%;}
body.home h1 img	{ width:100%; height:auto; max-width:357px; } body.home h1 a	{ text-indent:0;}
body.home #navi	{ border-bottom:2px dotted #ccc; text-align:center; padding-bottom:15px; margin-bottom:15px;} body.home #navi li	{ float:none; display:inline;}
body.home h2	{ font-size:2em;}

body.home .storycontent { text-align: center !important;}

/*Überschreiben, Editor-Styles ------------------------------------------------------------------------------------*/
.red {color:#f00;font-weight:bold;}
.noborder, .wp-smiley, table.noborder	td, table.noborder th	{ border:0 none !important;}
.border	{ border:1px solid #ccc;}
.single .hide-on-single, .page-child .hide-on-single, .hidden	{ display:none;} 
.uppercase {text-transform: uppercase;}

/*Buttons*/
.button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current {letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:2.5em; background-color: #e6e6e6; 		border: 1px solid #d2d2d2; 	border-radius: 3px; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}  

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover	{ border-color: #fbc500;cursor:pointer;color:#000;	background-color: #ebebeb; 	}

/*Border-Radius*/
textarea, input, select,#navi2 li, #sidebar .sidebar-thumbnail, #themennavi li a {-webkit-border-radius:3px;border-radius:3px; }

/*Responsive ------------------------------------------------------------------------------------*/

@media screen and (max-width: 500px) {
    
    #themennavi li a	{ width:80%; margin:0 auto 10px auto; display:block;  padding:6px 0;}

}

@media screen and (min-width: 480px) {
    
    #main { padding-bottom:20px;}

}

@media screen and (max-width: 550px) {
    
    h1	{ margin-top:35px; margin-bottom: -25px;}
  
}
@media screen and (min-width: 551px) {
    
    h1	{ margin-top:5px;  height: 250px; margin-bottom: -55px;}
    #themennavi li	{ display:inline;}
    #themennavi li a	{ width:40%; margin:0 3% 10px 3%;}
  
    td input {width:350px; }
    .formcontainer {margin:0 0 0 20px;width:50%;max-width:300px;padding:0 0 0 30px;border:0 none;float:right;}
    
}

@media screen and (min-width: 720px) {
    
    
     h1 {height:264px; margin-bottom: -25px;}
    h2 { font-size: 2.8em;}
    #post {float:right;width:72%;padding:10px 0 20px 3%;border-width:0 0 0 1px ;display:inline; min-height:450px;}
    #sidebar {float:left;width:21%;display:inline; padding:10px 0 20px 0}
    .formcontainer {margin:0 10% 0 0;}
    
    #header .searchform	input{ display:block;}
    #navi a, #navi a:visited {font-size:1em;}
    #navi2	{position:absolute; bottom:0; right:0;   } 
    #navi2 li { width:20%; margin:0 0 0 1.5%;} 
   
    #themennavi li a	{font-size:1.4em;}
    body.home #navi2	{ position:relative; right:auto; bottom:auto; margin-top:150px; max-width:750px; margin:0 auto;} 
    tr td:first-child	{ font-weight:bold; width:125px;}
    
}

@media screen and (min-width: 830px) {
    
      h1 {height:280px; margin-bottom: -15px;}
    
}

@media screen and (min-width: 900px) {
    
    #main { background-image:url(pics/bg-750.png)  }
    h1 {height:256px;background-image:url(pics/h1-750.png); background-size: auto; ; margin-bottom: 20px;}
    #navi { margin-right: 0;top:15px; width: 70%; } 
    #navi li	{ padding-left:15px;}
    #navi a, #navi a:visited {font-size:1.1em;}
    #navi2	{bottom:15px;    } 
    #navi2 li a	{font-size:1.3em;}

}

@media screen and (min-width: 1024px) {
    
    h2 { font-size: 3em;}
    #navi a, #navi a:visited {font-size:1.2em;}
    
    body.home #post	{ border-top:1px solid #ccc; padding-top:25px; padding-bottom:50px;}
    body.home #header	{ height:470px;}
    #themennavi ul { position:absoute;  z-index:2; top:20px; height:470px;}
    #themennavi li { position:absolute;width:400px; height:70px; margin:0; display:block; } 
    #themennavi li:hover	{ cursor:pointer;}
    #themennavi #postid-14	{ left:20px; top:210px;} 
    #themennavi #postid-15	{ left:20px; top:270px; width:450px; } 
    #themennavi #postid-18	{ left:20px; top:340px; width:500px; } 

    #themennavi #postid-11 	{ right:20px; top:140px;  width:550px;} 
    #themennavi #postid-16 	{ right:20px; top:235px;  } 
    #themennavi #postid-17 	{ right:20px; top:305px; width:450px;}

    #themennavi li a	{ position:absolute; width:275px; padding:15px 0; -webkit-border-radius: 10px; border-radius: 10px; z-index:2; font-size:1.2em;  } 
    #themennavi li:hover a, #themennavi li:active a	{ z-index:3; padding:15px; -moz-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg); -o-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg); transform: scale(1.2) rotate(0deg) translateX(-10px) translateY(-10px) skewX(0deg) skewY(0deg);  -webkit-box-shadow: 3px 3px 7px 0px #ddd; box-shadow: 3px 3px 7px 0px #ddd; border-width:2px; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;  }  
    #themennavi li a	{margin:0 10px; white-space:normal;}
    #themennavi #postid-14 a	{ left:0; top:-80px;} 
    #themennavi #postid-15 a	{ left:0; top:-53px;} 
    #themennavi #postid-18 a	{ left:0; top:-40px;} 
    #themennavi #postid-11 a	{ right:0; top:-10px;} 
    #themennavi #postid-16 a	{ right:0; top:13px;} 
    #themennavi #postid-17 a	{ right:0; top:30px;}
    #themennavi li:hover a div	{ display:block; opacity:1; height:auto;} 
    body.home #post	{ background:0 none;}
    
}

@media screen and (min-width: 1300px) {
    
    #navi a, #navi a:visited {font-size:1.3em;}
    #navi2 li a	{font-size:1.8em;} 
    body.home #header	{ height:500px;}
    #themennavi ul { height:600px;}
    #themennavi li a {width:420px;max-width:400px;font-size:1.3em; }
    #themennavi #postid-14	{ left:20px; top:170px;} 
    #themennavi #postid-15	{ left:20px; top:230px;  } 
    #themennavi #postid-18	{ left:20px; top:310px;  } 

    #themennavi #postid-11 	{ right:20px; top:100px;  } 
    #themennavi #postid-16 	{ right:20px; top:165px;  } 
    #themennavi #postid-17 	{ right:20px; top:240px; }
    
}    