@font-face {font-family: Cinzel-Regular; font-style: normal; font-weight: 400; src:url("fonts/Cinzel-Regular.ttf") format("truetype");}

@font-face {font-family: Cinzel-Bold; font-style: normal; font-weight: 700; src:url("fonts/Cinzel-Bold.ttf") format("truetype");}

@font-face {font-family: Comic Sans MS; font-style: normal; font-weight: 900; src:url("fonts/comic.ttf") format("truetype");}

@font-face {font-family: Formal436 BT; font-style: normal; font-weight: 500; src:url("fonts/Formal436 BT.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed-Bold; font-style: normal; font-weight: 900; src:url("fonts/RobotoCondensed-Bold.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed-Regular; font-style: normal; font-weight: 700; src:url("fonts/RobotoCondensed-Regular.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed-Light; font-style: normal; font-weight: 400; src:url("fonts/RobotoCondensed-Light.ttf") format("truetype");}

@font-face {font-family: Seafaring; font-style: normal; font-weight: 400; src:url("fonts/Seafaring.ttf") format("truetype");}

@font-face {font-family: joshuabeckershadow-bold; font-style: normal; font-weight: 400; src:url("fonts/joshuabeckershadow-bold.ttf") format("truetype");}

@font-face {font-family: Verdana; font-style: normal; font-weight: 400; src:url("fonts/verdana.ttf") format("truetype");}

@font-face {font-family: Courier New; font-style: normal; font-weight: 400; src:url("fonts/cour.ttf") format("truetype");}

@font-face {font-family: Courier New It; font-style: normal; font-weight: 400; src:url("fonts/couri.ttf") format("truetype");}

/* -------------------------------------------------- RESET BROWSERSTYLE --- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}

/* ............................................... GLOBALE SCHRIFTSTYLES --- */
h1 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 32px; line-height: 1.0em; font-weight: 600; padding: 20px 0 10px 0; margin: 0;}

h2 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 28px; line-height: 1.0em; font-weight: 500; padding: 20px 0 10px 0; margin: 0;}

h3 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 26px; line-height: 1.0em; font-weight: 400; padding: 20px 0 10px 0; margin: 0;}

h4 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 24px; line-height: 1.0em; font-weight: 400; padding: 20px 0 10px 0; margin: 0;}

h5 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 22px; line-height: 1.0em; font-weight: 400; padding: 20px 0 10px 0; margin: 0;}

h6 {font-family: Verdana, tahoma, arial, sans-serif; color: #23457c; font-size: 20px; line-height: 1.0em; font-weight: 400; padding: 20px 0 10px 0; margin: 0;}

p {padding: 5px 0;}

ol {margin: 6px 0 6px 20px;}
ol li {line-height: 1.3em; border: 0; padding: 3px 0; margin: 2px 0;}
ul {list-style: disc; margin: 6px 0 6px 20px;}
ul li {line-height: 1.3em; border: 0; padding: 3px 0; margin: 2px 0;}

hr {height: 1px; clear: both; color: #999; background-color: #999; border: 0; margin: 2px 0;}

blockquote {background: #e0e6e9; color: #444; border-left: 3px solid #999; padding: 6px 20px; margin: 10px 0;}

hr.style-gray {
border: 0;
height: 2px;
background: #333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr {
border: 0;
height: 2px;
background: #333;
background-image: -webkit-linear-gradient(left, #ddd, #666, #ddd);
background-image: -moz-linear-gradient(left,  #ddd, #666, #ddd);
background-image: -ms-linear-gradient(left,  #ddd, #666, #ddd);
background-image: -o-linear-gradient(left,  #ddd, #666, #ddd);
}

.codelink a:hover {
  font-weight: bold;
  text-decoration: underline;
}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}

/* 
##############################
      B E R E I C H E
############################## 
*/

/* -------------------------------------- HINTERGRUNDFARBEN der Bereiche --- */
.tplge_pageNav {
  background: #59735A;
}

/* ------------------------------------------------------ BODY UND SEITE --- */
body {
}

.body {
  color: #23457c;
  font-family: Verdana, arial, sans-serif;
  font-size: 1.0em;
}

/* ------------------------------------------------ FIXED TOP NAVIGATION --- */

#top {
  height: 40px;
  font-size: 0;
  line-height: 0;
}

.tplge_pageNav {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 300px;
  height: 40px;
  color: #fff;
  font-size: 17px;
  padding: 0;
  margin: 0 auto;
  z-index: 998;
  overflow: hidden;
  opacity: 1;
}

/* ------------------------------------------------------------- Buttons --- */
img.tplge_homelinkButton {float: left; margin-left: 10px;}
img.tplge_sitemaplinkButton {float: left;}
img.tplge_menulinkButton {display: block; float: right; margin-right: 20px;}
img.tplge_searchlinkButton {display: block; float: right;}
img.tplge_newslinkButton {float: right;}
img.tplge_toplinkButton {float: right;}

img.tplge_homelinkButton:hover,
img.tplge_sitemaplinkButton:hover,
img.tplge_menulinkButton:hover,
img.tplge_newslinkButton:hover,
img.tplge_searchlinkButton:hover,
img.tplge_toplinkButton:hover,
img.tplge_scrolltoTopButton:hover {background: #345;}

.tplge_contentsContainer {
  width: 98%;
  padding: 0;
  margin: 0 auto;
}

/* ------------------------------------------------- Header Bildstreifen --- */

.header {
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

#header {
  position: absolute;
  width: 98%;
  height: auto;
  margin: 0;
  padding: 0;
}

#header figure {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0;
  z-index: 1;
  animation: wechseln-1.5s;
}

@keyframes wechseln-1 {
  0% { opacity: 0; }
  5% { opacity: 0.05; }
  10% { opacity: 0.1; }
  15% { opacity: 0.15; }
  20% { opacity: 0.2; }
  25% { opacity: 0.25; }
  30% { opacity: 0.3; }
  35% { opacity: 0.35; }
  40% { opacity: 0.4; }
  45% { opacity: 0.45; }
  50% { opacity: 0.5; }
  55% { opacity: 0.55; }
  60% { opacity: 0.6; }
  65% { opacity: 0.65; }
  70% { opacity: 0.7; }
  75% { opacity: 0.75; }
  80% { opacity: 0.8; }
  85% { opacity: 0.85; }
  90% { opacity: 0.9; }
  95% { opacity: 0.95; }
  100% { opacity: 1; }
}

#banner {
  width: 100%;
  height: auto;
  margin: 0;
}

/* -------------------------------------------- Seitenname - Info-Header --- */

.tplge_sitename {
  width: 100%;
  min-height: 72px;
  text-align: center;
  text-transform: none;
  border-top: 1px solid #808080; 
  border-bottom: 1px solid #808080;
  padding-top: 5px;
  margin: 0 auto;
  opacity: 1;
  animation: opacity 2s;
  transform: none;
}

@keyframes opacity{from{opacity:0;}to{opacity:1;}}

.tplge_sitename h1 {
  font-family: Verdana;
  font-size: 4.7vw;
  font-weight: 800;
  letter-spacing: 2pt;
  line-height: 0.8;
  padding: 3px 0 3px 0;
}

.tplge_sitename h2 {
  font-family: Verdana;
  font-size: 3.0vw;
  font-weight: 800;
  padding:0;
  margin: 5px 0;
}

.tplge_sitename h3 {
  font-family: verdana, sans-serif;
  font-size: 3.7vw;
  font-weight: 800;
  padding:0;
  margin: 5px 0;
}

/* ----------------------------------------------- SEITENINHALTSBEREICHE --- */
.adventinfo {
  width: 96%;
  height: auto;
  margin: 0 auto;
}

/* ---------------------------------------------------- Linke Newsspalte --- */
.NewsInfo {
  width: 100%;
  padding: 0;
  margin: 0;
}

.NewsInfoIn {
  width: 94%;
  text-align: left;
  line-height: 1.2em;
  padding: 0 5px 15px 5px;
  margin: 5px auto 5px;
  border: 1px solid #888888;
  border-radius: 10px;
  border: none; /* --------------------------------- Rahmen ausgeblendet --- */
}

.NewsInfoIn a {
  font-style: normal;
}

.NewsInfoIn a:visited {
  color: #3684bf;
  font-style: normal;
}

.NewsInfoIn:empty {
  display: none !important;
}

/* ------------------------------------------------ Mitte Inhaltsbereich --- */
.tplge_content {
  width: 100%;
  padding: 0;
  margin: 0;
}

.tplge_contentIn {
  width: 94%;
  text-align: left;
  line-height: 1.2em;
  padding: 0 5px 15px 5px;
  margin: 5px auto 5px;
  border: 1px solid #888888;
  border-radius: 10px;
  border: none; /* --------------------------------- Rahmen ausgeblendet --- */
}

.tplge_contentIn div {
  line-height:0.9em;
}

/* --------------------------------------------------- Rechte Menuspalte --- */
.tplge_sidebarNav {
  width: 100%;
  padding: 0;
  margin: 0;
}

.tplge_sidebarNavIn {
  width: 94%;
  text-align: left;
  font-size: 1.3em;
  line-height: 1.2em;
  padding: 0 5px 15px 5px;
  margin: 5px auto 5px;
  border: 1px solid #888888;
  border-radius: 10px;
  border: none; /* --------------------------------- Rahmen ausgeblendet --- */
}

/* --------------------------------------------------- CMSimple Mailform --- */
.tplge_contentIn input {
  background: #e0e6e9;
  border: 1px solid #ccc;
  padding: 4px 6px;
}

.tplge_contentIn input.text {
  width: 80%;
  background: #e0e6e9;
  border: 1px solid #ccc;
  padding: 4px 6px;
}

.tplge_contentIn textarea {
  width: 94%;
  background: #e0e6e9;
  font-family: RobotoCondensed, arial, sans-serif;
  border: 1px solid #ccc;
  padding: 6px;
}

.captchainput {
  background: #e0e6e9;
  border: 1px solid #ccc;
}

.tplge_contentIn input.submit,
.tplge_contentIn input#submit {
  background: url(images/button.jpg) repeat-x!important;
  color: #333;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 2px 12px 4px 12px;
  margin: 0 auto 0 0;
} 

/* ------------------------------------------------------------- Submenu --- */
.tplge_submenu p {
  font-size: 20px;
  font-weight: 900;
}

/* ------------------------------------------------------- Prev-Top-Next --- */
.tplge_prevtopnext {
  clear: both;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.tplge_prevtopnext img {
  background: #a0a6a9;
  padding: 9px;
  border: 0;
  border-radius: 16px;
  margin: 0 20px;
}

.tplge_prevtopnext img:hover {
  background: #096;
}

/* ------------------------------------------------------- Sitemaplevel1 --- */
.sitemaplevel1 {
  list-style-type: none;
  font-weight: 900;
  padding: 10px 0;
  margin: 0;
}

.sitemaplevel1 li {
  font-size: 22px;
  line-height: 1.2em;
  border: 0;
  padding: 10px 0;
  margin: 0;
}

/* ------------------------------------------------------- Sitemaplevel2 --- */
.sitemaplevel2 {
  list-style-type: none;
  border: 0;
  padding: 6px 0 0 0;
}

.sitemaplevel2 li {
  font-size: 18px;
  font-weight: 700;
  border: 0;
  padding: 6px 0;
  margin: 0;
}

/* ------------------------------------------------------- Sitemaplevel3 --- */
.sitemaplevel3 {
  list-style-type: none;
}

.sitemaplevel3 li {
  font-size: 18px;
  font-weight: 400;
}

/* ----------------------------------------------------- Sitemaplevel4-6.--- */
.sitemaplevel4 {list-style-type: none;}
.sitemaplevel5 {list-style-type: none;}
.sitemaplevel6 {list-style-type: none;}

/* --------------------------------------------------------- SIDEBAR NAV --- */

/* --------------------------------------------------------------- Datum --- */
#datum {
  font-size: 80%;
  font-family: Verdana;
  font-weight: bold;
/*  letter-spacing: 1px;*/
}

#lastupdate {
  font-size: 80%;
  font-family: Verdana;
/*  letter-spacing: 1px;*/
}

/* ----------------------------------------------------------- Searchbox --- */
.tplge_searchboxContainer {
  text-align: left;
  border-radius: 3px;
  margin: 10px 0 0 auto;
  overflow: hidden;
}

.tplge_searchboxInput {
  float: left;
  width: 150px;
  background: #e8e8e8;
  color: #666;
  font-size: 14px;
  padding: 2px;
  margin-top: 3px;
  border-radius:  5px;
}

.tplge_searchboxSubmit {
  width: 80px;
  background: #e8e8e8;
  color: #666;
  font-family: RobotoCondensed, arial, sans-serif;
  font-variant: normal;
  font-weight: normal;
  font-size: 90%;
  text-align: center;
  text-decoration: none;
  margin: 3px 0 0 10px;
  border-radius: 5px;
}

.tplge_searchboxSubmit:hover {
  color: #e0e0e0;
  background: #808080;
  cursor: pointer;
}

/* --------------------------------------------------------- Menulevel 1 --- */
ul.menulevel1 {
  list-style: none;
  font-size: 1em;
  border-bottom: 2px solid #a0a0a0;
  padding: 10px 10px 10px 0;
  margin: 0;
}

ul.menulevel1 li {
  font-family: RobotoCondensed-Light, serif;
  padding: 2px;
  margin: 0;
}

/* --------------------------------------------------------- Menulevel 2 --- */
ul.menulevel2 {
  list-style: none;
  font-size: 0.8em;
  padding: 2px 0 2px 15px;
  margin: 0;
}

/* --------------------------------------------------------- Menulevel 3 --- */
ul.menulevel3 {
  list-style: none;
  font-size: 0.8em;
  padding: 2px 0 2px 15px;
  margin: 0;
}

.doc {
  line-height: 0.5em;
}

.sdoc span,
.sdocs span {
  display: block;
  font-weight: bold;
  padding-left: 3px;
  margin: 1px 0;
  border: 1px solid #a8a8a8;
  border-radius: 5px;
  background-color: #e8e8e8;
}

/* ---------------------------------------------------- Menu 2 / Docmenu --- */
.docmenu ul {
  font-family: RobotoCondensed-Light, serif;
  text-align: left;
  padding-top: 10px;
  margin: 0;
}

.docmenu ul li {
  font-size: 1em;
  list-style: none;
}

.docmenu-all {
  display: none;
}

/* --------------------------------------------------------- FUSSBEREICH --- */

#footer {
  width: 90%;
  height: auto;
  color: #23457c;
  background: #d0d0d0;
  text-align: center;
  padding: 10px;
  margin: 10px auto;
}

.footer-normal {
  display: none;
}

.footer-mobile {
  font-size: 80%;
}

.counter-info {
  font-size: 70%;
}

.button_top a {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 2px 5px;
  border: 1px solid #d4cfc9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  -webkit-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  text-shadow:
  0px -1px 1px rgba(000,000,000,0.2),
  0px 1px 0px rgba(255,255,255,0.3);
}

#footer a {
  color: #23457c;
}

#footer a:hover {
  background: #ffffff;
  border-bottom: 1px solid #563317;
}

#footer .footer_in .button_top a {
  color: #ffffff;
  background: #808080;
}

#footer .footer_in .button_top a:hover {
  color: #282828;
  background: #e8e8e8;
}

.footer_in input[type="submit"] {
  color: #ffffff;
  background: #404040;
}

 #login input[type="submit"] {
  color: #000000;
  background: #a0a0a0;
}

.pfarrblatt-bg {
  display: inline-block;
  width: 45%;
  height: auto;
background-image: linear-gradient(to top, #afb9bf 0%, #e2ebf0 100%);
background-image: linear-gradient(to top, #f5f7fa 0%, #c3cfe2 100%);
background-image: linear-gradient(to top, #b3bfd2 0%, #f5f7fa 100%);
  margin: 15px 2%;
  border: 2px solid #a0a0a0;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.pfarrblatt-bg img:hover {
  border-left: 4px solid #808080;
}

/* ---------------------------------------------------- LINKFORMATIERUNG --- */
a:link {color: #257; text-decoration: none;}
a:visited {color: #257; text-decoration: none;}
a:hover {color: #920; text-decoration: none;}
a:active {color: #920; text-decoration: none;}
a:focus {color: #920; text-decoration: none;}

.tplge_sidebarNavIn a:link {
  color: #23457c;
  text-decoration: none;
}

.tplge_sidebarNavIn a:visited {
  color: #23457c;
  text-decoration: none;
}

.tplge_sidebarNavIn a:hover {
  font-weight: bold;
  text-decoration: none;
  background-color: #ffffff;
}

.tplge_footer a:link {color: #222; text-decoration: none;}
.tplge_footer a:visited {color: #222; text-decoration: none;}
.tplge_footer a:hover {color: #fff; text-decoration: underline;}
.tplge_footer a:active {color: #fff; text-decoration: underline;}
.tplge_footer a:focus {color: #fff; text-decoration: underline;} 

.sitemaplevel1 a:link {color: #222; text-decoration: none;}
.sitemaplevel1 a:visited {color: #222; text-decoration: none;}
.sitemaplevel1 a:hover {color: #920; text-decoration: underline;}
.sitemaplevel1 a:active {color: #920; text-decoration: underline;}
.sitemaplevel1 a:focus {color: #920; text-decoration: underline;} 

/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

/* ---------------------------------------------------- MailForms Plugin --- */

div .ddfmwrap {
  font-family: RobotoCondensed, arial, sans-serif!important;
  font-size: 18px!important;
}

div .ddfmwrap input.ddmf_text {
  min-width: 240px!important;
  max-width: 99%!important;
  background: #e0e6e9!important;
  color: #333!important;
  font-family: RobotoCondensed, arial, sans-serif!important;
  font-size: 18px!important;
  border: 1px solid #ccc!important;
  padding: 4px 6px!important;
}

div .ddfmwrap input.ddmf_verify {
  min-width: 106px!important;
  background: #e0e6e9!important;
  color: #333!important;
  font-family: RobotoCondensed, arial, sans-serif!important;
  font-size: 18px!important;
  border: 1px solid #ccc!important;
  width: 106px!important;
}

div .ddfmwrap textarea {
  width: 99%!important;
  background: #e0e6e9!important;
  color: #333!important;
  font-family: RobotoCondensed, arial, sans-serif!important;
  font-size: 18px!important;
  border: 1px solid #ccc!important;
  padding: 4px 6px!important;
}

div .ddfmwrap div.submitButton {width: 116px!important;}
div .ddfmwrap div.submitButton input {width: 100%!important;}

/* ---------------------------------------------------- CookieLaw Plugin --- */
.cookielawHinttop {display: block; padding-top: 50px!important;}

/* 
 ############################################################################# 
                         R E S P O N S I V E  CSS
 ############################################################################## 
*/
/* -------- Small devices (portrait tablets and small phones, 320px max) --- */
/* --------------------------------------------- Media (max-width: 320px --- */

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

/*.tplge_sitename {
  background-color: #ff8888;
}
/* -------------------------------------------------------- Seiteninhalt --- */
.tplge_contentIn img {
  width: 100%;
  margin: 0 auto;
}
}

/* -------- Small devices (portrait tablets and small phones, 599px max) --- */
/* --------------------------------------------- Media (max-width: 599px --- */

@media only screen and (min-width: 321px) {

/*.tplge_sitename {
  background-color: #ff0000;
}
/* ---------------------------------------------------------- Seitenname --- */
.body {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
  background: #FFFFFF;
}

.tplge_sitename h3 {
  font-size: 2.8vw;
  font-weight: 800;
  padding:0;
  margin: 5px 0;
}

.tplge_contentIn img {
  width: 100%;
  margin: 0 auto;
}

ul.menulevel1 li {
  font-size: 1.2em;
  line-height: 1.4em;
}

}

/* ------ Small devices (portrait tablets and large phones, 600px and up) --- */
/* --------------------------------------------- Media (min-width: 600px --- */

@media only screen and (min-width: 600px) {

/*.tplge_sitename {
  background-color: yellow;
}
/* ---------------------------------------------------------- Seitenname --- */
.tplge_sitename h1 {
  font-size: 3.8vw;
  font-weight: 800;
}

.tplge_sitename h2 {
  font-size: 2.5vw;
  font-weight: 800;
}

.tplge_sitename h3 {
  font-size: 2.5vw;
  font-weight: 800;
  padding:0;
  margin: 5px 0;
}

.tplge_contentIn img {
  width: 40%;
  margin: 0 auto;
}

/* ----------------------------------------------------------- News Info --- */
.newsin input{
  font-size: 1em;
  height: auto;
}

.newsin button{
  font-size: 1em;
}

.adventinfo {
  width: 85%;
}
}

/* -------------------- Medium devices (landscape tablets, 768px and up) --- */
/* --------------------------------------------- Media (min-width: 768px --- */
@media only screen and (min-width: 768px) {

/*.tplge_sitename {
  background-color: green;
}
/* ------------------------------------------------ FIXED TOP NAVIGATION --- */
.tplge_pageNav {
  display: none;
}

#top {
  height: auto;
}

/* ---------------------------------------------------------- Seitenname --- */
.tplge_sitename h1 {
  font-size: 3.0vw;
  font-weight: 800;
}

.tplge_sitename h2 {
  font-size: 2vw;
  font-weight: 800;
}

.tplge_sitename h3 {
  font-size: 2vw;
  font-weight: 500;
}

.adventinfo {
  width: 70%;
}

/* ---------------------------------------------------- Linke Newsspalte --- */
.NewsInfo {
  float: left;
  width: 25%;
  height: 100vh;
  display: flex;
}

.NewsInfoIn {
  width: 98%;
  height: 100%;
  line-height: 0.9em;
  text-align: left;
  padding: 0 5px;
  margin: 10px auto 5px;
}

.NewsInfoIn a {
  font-style: normal;
}

.NewsInfoIn a:visited {
  color: #3684bf;
  font-style: normal;
}

.NewsInfoIn:empty {
  display: none !important;
}

/* ------------------------------------------------ Mitte Inhaltsbereich --- */
.tplge_content {
  float: left;
  width: 55%;
}

.tplge_contentIn {
  width: 98%;
  text-align: left;
  padding: 0 5px;
  margin: 5px auto 5px;
}

.tplge_contentIn img {
  width: 32%;
  margin: 0;
}

/* --------------------------------------------------- Rechte Menuspalte --- */
.tplge_sidebarNav {
  float: right;
  width: 20%;
}

.tplge_sidebarNavIn {
  width: 98%;
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0 5px;
  margin: 10px auto 5px;
}

.docmenu-mobile {
  display: none;
}

.docmenu-all {
  display: initial;
}

.footer-mobile {
  display: none;
}

.footer-normal {
  display: initial;
  font-size: .8em;
}

}

/* ---------------------- Large devices (laptops/desktops, 992px and up) --- */
/* --------------------------------------------- Media (min-width: 992px --- */
@media only screen and (min-width: 992px) {

/*.tplge_sitename {
  background-color: #8888ff;
}
/* ---------------------------------------------------------- Seitenname --- */
.tplge_sitename {
  padding: 10px 0 5px 0;
  margin: 0 auto;
}

.tplge_sitename h1 {
  font-size: 3vw;
  font-weight: 800;
}

.tplge_sitename h2 {
  font-size: 1.5vw;
  font-weight: 800;
}

.tplge_sitename h3 {
  font-size: 1.7vw;
  font-weight: 500;
}

/* ----------------------------------------------------------- Advent Info --- */
.adventinfo {
  width: 60%;
}

/* ---------------------------------------------------- Linke Newsspalte --- */
.NewsInfo {
  width: 20%;
}

/* ------------------------------------------------ Mitte Inhaltsbereich --- */
.tplge_content {
  width: 60%;
}

/* --------------------------------------------------- Rechte Menuspalte --- */
.tplge_sidebarNav {
  width: 20%;
}

}

/* --------------------- Large devices (laptops/desktops, 1200px and up) --- */
/* -------------------------------------------- Media (min-width: 1200px --- */
@media only screen and (min-width: 1200px) {

/*.tplge_sitename {
  background-color: #cccccc;
}
/* ---------------------------------------------------------- Seitenname --- */
.tplge_sitename h1 {
  font-size: 3.5vw;
  font-weight: 800;
  letter-spacing: 5px;
}

.tplge_sitename h2 {
  font-size: 1.3vw;
  font-weight: 800;
}

.tplge_sitename h3 {
  font-size: 1.1vw;
  font-weight: 100;
  margin-top: 10px;
}

.adventinfo {
  width: 50%;
}

/* ------------------------------------------------- Test-Farben EIN/AUS --- */
/*
@media only screen and (max-width: 320px) {
.tplge_sitename {
  background-color: #ff8888;
}
}
@media only screen and (min-width: 321px) {
.tplge_sitename {
  background-color: #ff0000;
}
}
@media only screen and (min-width: 600px) {
.tplge_sitename {
  background-color: yellow;
}
}
@media only screen and (min-width: 768px) {
.tplge_sitename {
  background-color: green;
}
}
@media only screen and (min-width: 992px) {
.tplge_sitename {
  background-color: blue;
}
}
@media only screen and (min-width: 1200px) {
.tplge_sitename {
  background-color: #00ff00;
}
}
*/