@import "fonts.css";

/*@font-face { font-family: 'Bayreuth'; src: url(../fonts/Bayreuth.ttf); font-weight: normal; }
@font-face { font-family: 'RozhaOne'; src: url(../fonts/RozhaOne-Regular.ttf); font-weight: normal; }
@font-face { font-family: 'Noticia'; src: url(../fonts/NoticiaText-Regular.ttf); font-weight: normal; }
@font-face { font-family: 'Noticia'; src: url(../fonts/NoticiaText-Italic.ttf); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Noticia'; src: url(../fonts/NoticiaText-Bold.ttf); font-weight: bold; }
@font-face { font-family: 'Noticia'; src: url(../fonts/NoticiaText-BoldItalic.ttf); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Share'; src: url(../fonts/Share-Regular.ttf); font-weight: 400; }
@font-face { font-family: 'Share'; src: url(../fonts/Share-Italic.ttf); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Share'; src: url(../fonts/Share-Bold.ttf); font-weight: 700; }
@font-face { font-family: 'Share'; src: url(../fonts/Share-BoldItalic.ttf); font-weight: 700; font-style: italic; }
@font-face { font-family: icons; src: url(../fonts/fontawesome-webfont.ttf); }
@font-face { font-family: icons; src: url(../fonts/fa-solid-900.ttf); }*/


html { font-family: 'Noticia', serif; font-weight: normal; font-size: 100%; line-height: 1.6; color: rgba(0,0,0,1); }

body { font-size: 1.125rem; #background-color: rgba(254,252,236,0.5); background-color: #f5f1ea; background-color: #fff; }

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0 0 .5em 0; }
h1 { font-family: 'Taglio'; font-size: 3em;  }
h2 { font-size: 1.3em; #padding: 0 0.3em; #background: #27408b; #color: #fff; }
h2 { font-family: 'Share', sans-serif; font-weight: 700; font-size: 1.625em; line-height: 1.077; margin-top: .5em; margin-bottom: .2em; }
h3 { font-family: 'Share', sans-serif; font-weight: 700; font-size: 1.3em; margin-top: .5em; }
#h3:before { content: "\25a0"; padding-right: 0.3rem; }
h4 { font-weight: bold; font-size:1.2em; padding: 0; }
a { color: inherit; text-decoration: none; }
p { margin-top: 0; margin-bottom: 0.5rem; }
button.back { font-family: inherit; border: none; background: none; text-decoration: underline; padding: 1em 0; cursor: pointer; }

##wrapper { position: relative; width: 99%; max-width: 1450px; margin: 0 auto; }
##wrapper { position: relative; box-sizing: border-box; width: 98%; max-width: 1200px; margin: .5em auto; padding: 0 1rem; background: #fcfaf5; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
#wrapper {  }

#header>.inside,
#main>.inside>div:not(#titel),
#footer>.inside { position: relative; box-sizing: border-box; width: 98%; max-width: 1200px; margin: .5em auto; padding: 0 1em; }

#header { position: sticky; z-index: 2; top: 0; background: #fff; }
#header .inside { #background-color: rgba(254,252,236,0.97); }

#kopf { margin-bottom: .2rem; padding: 0.5rem 0.5rem 0.2rem; #border-bottom: 1px dashed rgba(24,54,103,0.8); }
#kopfO { position: relative; text-align: right; font-family: 'Share', sans-serif; }
#kopfU { display: flex; justify-content: space-between; }
#kopfU>div { align-self: baseline; }
#kopfU .titel { color: #660402; font-family: 'Bayreuth', serif; font-size: 4.28em; font-size: 2.5em; line-height: 1.5; padding-right: 0.6rem; }
#kopfU .claim { font-family: Share, sans-serif; }
#kopfU p { margin-bottom: 0; }
#kopfU #hmenu ul { margin: 0; list-style: none; display: flex; }
#kopfU #hmenu li { margin-left: 1em; font-family: Share; text-transform: uppercase; }
#logo figure { max-width: 12em; }

#container { padding: 2em 0; border-bottom: 1px dashed rgba(24,54,103,0.6); border-top: 1px dashed rgba(24,54,103,0.6); }

#titel { background: gray; display: flex; align-items: flex-end; margin-bottom: 1rem; }
#titel>div:first-child { align-self: flex-end; width: 33.333%; padding: 0 0 0rem 1rem; box-sizing: border-box; font-family: 'Taglio'; font-size: 5em; line-height: 1; color: #fff; }
#titel>div:nth-child(2) { width: 66.666%; }
#titel>#z2 { background: red; }
#titel>#z3 { background: gray; }

#Zitat { border-bottom: 1px dashed rgba(24,54,103,0.8); margin-bottom: 1em; }

#main>.inside { #width: 33.333333%; margin: 0 auto; }
.hauptseite #main>.inside { width: 100%; }
.einspaltig #main>.inside { width: 90%; }

#right { position: sticky; top: 100px; width: 33%; }
#right .inside { padding-left: 1em; }
#right ul { padding-left: 0; list-style: none; }
#right li { line-height: 1.8; }
#right li.reset { padding-bottom: .5em; }
#right #links { margin-top: 2em; }

#footer { padding: 1em 0 2em; font-size: .8rem; }
#footer .inside { display: flex; justify-content: space-between; }
.mod_search .widget-submit { display: none; }
#footer #hmenu ul { display: flex; list-style-type: none; margin: 0; padding: 0; }
#footer #hmenu ul li { padding-left: 2em; }
#footer #hmenu ul li:first-child { padding-left: 0; }
#footer #suche { display: flex; }

#main .mod_newslist { display: flex; justify-content: center; flex-wrap: wrap; }
#main .mod_newslist>div { box-sizing: border-box; #width: 33.3333%; #padding-right: 1em; padding-bottom: .6em; }

.mod_rssReader { #display: none; #padding-top: 0.5rem; font-family: Roboto; padding-bottom: 0.5rem; }
.mod_rssReader:first-child { #display: none; padding-top: 0; }
.rss_default_header { background: #27408b; color: #fff; display: none; }
.rss_default_header img { display: none; }
.rss_default h3:hover { background: rgba(254,252,202,0.6); }
.rss_default h3:before:hover { background: rgba(254,252,202,0.6); }
.rss_default h3 a:visited { color: gray; }
	
.mod_rssReader>div { padding: 0.1em 0.1em; }
.mod_rssReader .description { display: none; }

.hauptseite #main .inside { display: flex; flex-wrap: wrap; }
.hauptseite #main .spalte { font-family: Roboto, sans-serif; box-sizing: border-box; padding: 0 5px; width: 16.6666%}
.hauptseite #main .spalte2 { width: 33.3333%; }
.hauptseite #main .spalte2 h1 { margin-bottom: 0; }
.hauptseite #main .spalte2 .mod_randomImage { padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px dashed rgba(24,54,103,0.7); }
.hauptseite #main .spalte4 { margin-top: -1rem; }

.hauptseite #main .spalte2.zeile2 { width: 16.6666%; }

figcaption { text-align: right; padding-right: 1em; font-family: Share; font-size: 1.125rem; }

.mod_newslist,
.backForward,
.nebenseite #main p { font-size: 1em; line-height: 1.3; }
.mod_newslist h1 { color: #000; font-size: 1.2rem; }
.mod_newslist h2 { #display: none; }
.mod_newslist p.more { display: none; text-decoration: underline; }
.mod_newslist figcaption { display: none; }
.backForward { text-transform: uppercase; }
#Zitat h2, #Zitat .more { display: none; }
.layout_latest h3 { font-size: 1em; margin-bottom: .4em; }
.layout_full>div { padding-bottom: 1em; }
.layout_full .links,
.layout_full .rechts { display: inline-block; width: 72%; padding-right: 2%; vertical-align: top; }
.layout_full .rechts { float: right; width: 25%; padding-right: 0; }

.zufall { border-bottom: 1px dashed rgba(24,54,103,0.8); margin-bottom: 1em; #padding-bottom: 1em; }


#datum { color: #183667; font-family: Piazolla, Roboto, sans-serif; font-style: italic; font-weight: 700; text-align: center; border-bottom: 1px dashed rgba(24,54,103,0.7); margin-bottom: 0.5rem; margin-top: -1.2rem; padding-bottom: 0.3rem; }
#tag { font-family: 'Chonbury', serif; font-style: normal; font-weight: normal; font-size: 7rem; color: #b2b6ca; }
#monat { font-size: 1.1rem; margin-top: -0.5rem; padding-bottom: 0.3rem; }

.chronik { margin-bottom: 0.5rem; }
.chronik h2 { display: none; }
.chronik p { margin-bottom: 0.3rem; }

.pagination { border-top: 1px dashed rgba(24,54,103,0.8); padding-top: 1rem; }
.pagination p { margin-bottom: 0; }
.pagination ul { display: flex; justify-content: flex-start; padding-left: 0; margin-top: 0; }
.pagination ul:before { content: 'Seite:'; padding-right: 1.5rem; }
.pagination li { list-style-type: none; padding-right: 1rem; }

.page-19 .mod_newslist { padding: 0 5px; }
.page-34 #main .mod_search form { display: none; } 

#fuss { font-size: .6em; padding-bottom: 2rem; border-top: 1px dashed rgba(24,54,103,0.7); padding-top: 1rem; }

/* responsive */
@media screen and (max-width: 1200px) {
	html { font-size: 1vw; }
}
@media screen and (max-width: 1000px) {
	html { font-size: 1.2vw; }
}
@media screen and (max-width: 850px) {
	html { font-size: 1.8vw; }
}
@media screen and (max-width: 768px) {
	.layout_full .links { width: 100%; padding-right: 0; }
	.layout_full .rechts { float: none; width: 100%; border-top: 1px dashed rgba(24,54,103,0.8); padding-top: 2em; }
	#right { width: 100%; border-top: 1px dashed rgba(24,54,103,0.7); padding-top: 1rem; }
	#right .inside { padding-left: 0; }
}
@media screen and (max-width: 740px) {
	html { font-size: 2vw; }
	#kopfU .claim { display: inline-block; }
}
@media screen and (max-width: 560px) {
	html { font-size: 2.3vw; }
}