/* -----------------------------------------------------------------------------
  rapidCMS V4.3 Screen Styles (responsive)
  CSS-Modul: Layout
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
  VARIABLEN
----------------------------------------------------------------------------- */

:root {

  --text1: #444444;
  --text2: #606060;
  --blau:  #7092be; /* #299ddc; #ff0000; #cb2027 */
  --blau2:  #4d74a8;

}

/* -----------------------------------------------------------------------------
  IMPORTE
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//fonts.googleapis.com/css?family=Six+Caps);
----------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Prata);

/* -----------------------------------------------------------------------------
  OVERRIDES
----------------------------------------------------------------------------- */

.no-border { border: 0; }
.hidden { display: none; }

.grid { max-width: 1140px; padding-left: 0; padding-right: 0; margin-top: 0; background: none; }

h1 { font: normal 30px arial, verdana, sans-serif; color: var(--text2); padding-left: 16px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
h2 { font-size: 16px; font-weight: bold; padding: 0; margin: 6px 0; }
h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 4px 0; }
h4 { font-size: 10px; font-weight: bold; padding: 0; margin: 4px 0; }
h5 { font-size: 10px; font-weight: normal; padding: 0; margin: 0; margin-bottom: 4px }

nav.standard.mainmenu { margin: 0px; background: none; width: 100%; }
nav.standard.mainmenu ul li { list-style: none;	float: left; margin-right: 0px; }
nav.standard.mainmenu ul a { display: block; color: #fff; background: #000;  }
nav.standard.mainmenu ul li a { padding: 12px 20px; text-decoration: none; font-size: 16px; color: #fff; }
nav.standard.mainmenu ul a:hover { background: var(--blau); color: #fff; }
nav.standard.mainmenu ul {  background: #000; border: none; padding-left: 0px;}
nav.standard.mainmenu ul ul { background: #666; }
nav.standard.mainmenu ul ul li { width: 180px; }
nav.standard.mainmenu ul ul li a { padding: 10px 16px; text-decoration: none; font-size: 13px; color: #fff; }

nav.standard.mainmenu2 { margin: 0px; background: none; width: auto; }
nav.standard.mainmenu2 ul {  background: none; border: none; padding-left: 0px; padding-top: 42px;}
nav.standard.mainmenu2 ul li { list-style: none;	float: left; margin-right: 0px; }
nav.standard.mainmenu2 ul a { display: block; color: #fff; background: #000;  }
nav.standard.mainmenu2 ul li a { padding: 4px 6px; text-decoration: none; font-size: 13px; color: #fff; margin-right: 12px;}
nav.standard.mainmenu2 ul a:hover { background: var(--blau); color: #fff; }
nav.standard.mainmenu2 ul ul { background: #666; padding-top: 1px; }
nav.standard.mainmenu2 ul ul li { width: 180px; }
nav.standard.mainmenu2 ul ul li a { padding: 10px 16px; text-decoration: none; font-size: 13px; color: #fff; }

nav.simple ul li a { font-size: 11px; color: #999;}

nav.simple.topthema  { padding-top: 16px; padding-left: 20px; }
nav.simple.topthema ul li { margin-right: 16px; }
nav.simple.topthema ul li a { font-family: Prata; font-size: 16px; color: #666;}
nav.simple.topthema ul li a:hover { color: var(--blau);}
nav.simple.topthema ul li.aktiv a { color: var(--blau);}

nav.simple.rubrik  { padding-left: 16px; padding-top: 16px; padding-bottom: 4px; }
nav.simple.rubrik ul li { margin-right: 0px; }
nav.simple.rubrik ul li a { font-size: 14px; line-height: 24px; color: #999; border: none; border-bottom: 1px solid #ddd; background: #efefef; padding: 4px 8px; }
nav.simple.rubrik ul li a:hover { color: #000;}
nav.simple.rubrik ul li.aktiv a { color: red;}

a { text-decoration: underline; color: #666; }
a:hover { color: var(--blau); }

img.wallpaper { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed;	top: 0;	left: 0; z-index: -999999; }
*html img.wallpaper{position:absolute;}

/*

.centerline { display: flex; line-height: 1em; color: #555; margin-bottom: 16px; text-decoration: none; font-size: 18px; font-weight: normal; }
.centerline.small { font-size: 14px; }
.centerline.big { font-size: 24px; margin-top: 20px; }
.centerline a { text-decoration: none; }
a.centerline { color: var(--logo);  }
.centerline::before { content: ''; display: inline-block; flex-grow: 1; margin-top: 0.5em; background: #ddd; height: 1px; margin-right: 10px; margin-left: 0px; }
.centerline::after { content: ''; display: inline-block; flex-grow: 1; margin-top: 0.5em; background: #ddd; height: 1px; margin-right: 0px; margin-left: 10px; }

*/

.centerline { text-align: center; margin-bottom: 20px; margin-top: 20px; text-decoration: none; font-size: 18px; font-weight: normal; color: #555; }
.centerline:before, .centerline:after {
  background-color: #ddd;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.centerline:before { right: 0.5em; margin-left: -50%; }
.centerline:after { left: 0.5em; margin-right: -50%; }

.centerline.small { font-size: 14px; }
.centerline.big { font-size: 24px; margin-top: 20px; }
.centerline a { text-decoration: none; color: #555; }
.centerline a:hover { text-decoration: underline; color: var(--blau); }

/* -----------------------------------------------------------------------------
  LAYOUT
----------------------------------------------------------------------------- */

body {
  margin: 0;
  padding: 0 0 0 0;
  color: var(--text1);
  background: #fff;
  font: normal 15px 'Arial', sans-serif;
  line-height: 20px;
}

.toplogo {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.toplogo .inner {
  width: 360px;
  margin: 0 auto;
  margin-top: 0%;
}

.logo2 { float: left; width: 160px; }
.logo-wrapper { text-align: center !Important; }

.head, .head img { margin: 0; padding: 0; max-height: 140px;}

/* Home */

.home-timeline { display: block; }
.ht-box { border: 1px solid #ddd; display: inline-block; width: 100%; text-decoration: none; }
.ht-box div { background: transparent; margin-top: 10px; margin-bottom: 10px; padding: 0 4px; }
.ht-box:hover { background: var(--blau); color: #fff !Important; }

.menu1 { background: #000; width: 100%; height: 64px; overflow: visible; margin-top: -10px; padding-top: 5px;}
  .social-icons { float: right; padding-top: 8px; padding-right: 8px; }
  .social-icons a { display: block; float: right; padding: 4px; width: 24px; height: 24px; background: none; color: #777; margin-right: 5px; text-align: center;}
  .social-icons a:hover { background: var(--blau); color: #fff;}
  .social-icons a i { font-size: 16px; }

.menu2 { background: #fff; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.1); box-shadow: 0px 5px 10px rgba(0,0,0,.1); }
/*
  .menu2 div.logo { padding-top: 0px; padding-left: 8px; }
  .menu2 div.logo img { margin-bottom: 8px; }
  .menu2 div.logo a { font-size: 18px; line-height: 48px; padding-left: 12px; text-decoration: none; color: #000;}
*/
  .menu2 div.logo { padding-top: 0px; padding-left: 8px; }
  .menu2 div.logo a { font-size: 44px; line-height: 48px; padding-left: 12px; text-decoration: none; color: #000;}
  .menu2 div.suche { padding-top: 10px; }

section.homeslider { background: #fff;}

header { background: #fff; margin: 0; padding: 0; padding-bottom: 30px;}

.content { background: #fff; padding-bottom: 30px; min-height: 400px; margin-left: 10px; margin-right: 10px; }
.hometheme { padding-bottom: 8px; margin-top: 30px;}
.content_section { background: #fff; }

.theme_carousel { margin-bottom: 8px; }

a.themetitle {
  text-decoration: none;
  font-family: "Prata";
  font-size: 36px;
  font-weight: 100 !important;
  text-align: center;
  display: block;
  width: 100%;
  height: 254px;
  background: #000;
  color: var(--blau);
  padding: 0;
  padding-top: 190px;

}
a.themetitle:hover { color: #ddd; }

a.themebox {
  border: 1px solid #ddd;
  margin: 0 8px 10px 0;
  color: #000;
  text-decoration: none;
}
a.themebox .themebox_info { font-size: 12px; color: #999; padding: 8px; line-height: 16px; text-align: center; }
a.themebox h2 { font-size: 13px; color: #000; margin-bottom: 0; padding-bottom: 0; text-align: center; position: relative; bottom: 6px; }
a.themebox h3 { font-size: 10px; color: #000;}
a.themebox:hover { background: var(--blau); color: #fff;}
a.themebox:hover h2, a.themebox:hover h3 { color: #fff;}
a.themebox:hover .themebox_info { color: #ddd;}
.themebox_info span.kurzinfo { font-size: 13px; color: #999; text-align: center; }
.themebox_info span.alias { font-size: 12px; margin-top: 2px; margin-bottom: 2px; }

.topbio {
  background: #000;
  color: #fff;
  margin-bottom: 8px;
  padding: 10px;
}
.topbio h2 {
  margin: 0 0 12px 0;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  font: normal 20px prata;
  color: var(--blau);
}
.topbio p {
  color: #999;
}

ol.circles-list {
  list-style-type: none;
  margin: 0;
  margin-left: 20px;
  padding: 0;
  padding-top: 16px;
  counter-reset: li-counter;
}
ol.circles-list a {
  text-decoration: none;
  color: #999;
  font-size: 16px;
  text-align: left;
}

ol.circles-list a li{
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  line-height: 18px;
}
ol.circles-list a li span {
  color: #666;
  display: inline;
  margin-left: 12px;
}
ol.circles-list a li:before {
  position: absolute;
  top: 0;
  left: -1.20em;
  width: 1.2em;
  height: 1.2em;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  color: #000;
  border: 3px solid #c5c5c5;
  border-radius: 50%;
  background-color: #999;
  content: counter(li-counter);
  counter-increment: li-counter;
}
ol.circles-list a:hover li span,
ol.circles-list a:hover li:before,
ol.circles-list a:hover li,
ol.circles-list a:hover * {
  color: #fff;
}


.topsonder {
  background: #000;
  color: #fff;
  margin-bottom: 8px;
  padding: 10px;
}

.topsonder h2 {
  margin: 0 0 12px 0;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
  font: normal 20px prata;
  color: var(--blau);
}

a.topsonder_seite { text-decoration: none; color: #999; font-size: 12px; padding: 6px;}
a.topsonder_seite:hover { background: #333; }
a.topsonder_seite h3 { font-size: 15px; color: var(--blau);}

<style>

/* Biografien */

.bio-content { width: 100%; padding-top: 20px; }
.bio-thema { display: inline-block; }

.tb { display: inline-block; padding: 0; color: #555; text-decoration: none; padding-right: 30px; font-size: 14px; margin-bottom: 10px !Important; margin-top: 10px !Important; }
.tb:hover { color: #555; }

.tb img { float: left; margin-right: 10px; margin-bottom: 0px; max-width: 120px; }
.tb h2 { color: var(--blau2); text-decoration: none; font-weight: bold; margin-top: 0; margin-bottom: 0px !Important; font-size: 15px !Important; }
.tb:hover h2 { color: var(--blau); text-decoration: underline; }
.bio-content .column { margin-bottom: 20px; }


/* Biografie */

.biografie { background: #fff; margin-bottom: 8px; padding-bottom: 20px; }
.bio-title { font: normal 38px arial, verdana, sans-serif; color: var(--text2); padding-left: 16px; padding-bottom: 5px;}
.biografie .h1under { font: bold 48px 'Lato', arial, verdana, sans-serif; color: #ddd; padding-left: 10px; margin-bottom: 20px;}
.biografie .bio_info { padding-left: 12px; color: #666; }
/* .biografie .bio_info p { font-size: 12px; } */

.biografie .toptitel { font-size: 12px; color: red; margin-bottom: 0px; }
.biografie small { font-size: 10px; color: #999; font-style: italic; }
.biografie .bio_bild { border: 1px solid #ddd; padding: 0px; margin-top: 0px; }
.biografie .bio_bild img { margin-top: 0px; margin-left: 0px; }
.biografie .bio_anreisser {  padding-left: 10px; padding-right: 160px; margin-bottom: 40px;}
.biografie .bio_infotext { color: #666; padding-right: 160px !important; }
.biografie blockquote { font-size: 16px; }
.biografie .bio_steck { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.biografie .bio_bild .bio_steck p { font-size: 12px; color: #999; margin: 0 !Important; margin-bottom: 3px !Important; }
.biografie .bio_bild .bio_steck p.plus { margin-bottom: 10px !Important; }
.biografie .bio_bild .bio_steck p span.pre { display: block; width: 100px; float: left; font-size: 13px; }
.biografie .bio_bild .bio_steck p span.blue { display: block; font-size: 13px; color: var(--blau); }


.biografie .bio_nav { margin-left: 0; }
.biografie .bio_nav ul { margin-top: 40px; list-style: none; }
.biografie .bio_nav ul a > li { color: #000; width: 40px; height: 40px; border: 1px solid #ddd; text-align: center; margin-bottom: 10px; line-height: 30px;}
.biografie .bio_nav ul a { color: #000; }
.biografie .bio_nav ul a:hover > li { background: #efefef; }

.biografie ul.tabs              { margin:10px 0 -1px 0;  padding:0;  width:100%; border-bottom:1px solid #e5e5e5;  float:left;  font-size:0; }
.biografie ul.tabs.left         { text-align:left; }
.biografie ul.tabs.center       { text-align:center; }
.biografie ul.tabs.right        { text-align:right; }
.biografie ul.tabs.right li     { margin:0 0 0 -2px; }
.biografie ul.tabs li           { list-style-type:none;  margin:0 -2px 0 0;  padding:0;  display:inline-block;  *display:inline;position:relative;  top:0;  left:0;  *top:1px;zoom:1; }
.biografie ul.tabs li a         { text-decoration:none;  color:#666;  display:inline-block;  padding:9px 15px;  position:relative;  top:0;  left:0;  line-height:100%;  background:#f5f5f5;  -webkit-box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  -moz-box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  box-shadow:inset 0px -3px 3px rgba(0,0,0,0.03);  font-size:0.9em;  zoom:1; }
.biografie ul.tabs li a:hover   { background:var(--blau); color: #fff;}
.biografie ul.tabs li.current a { position:relative;  top:1px;  left:0;  background:#fff;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none;  color:#222; }
.biografie .tab-content         { border: none; background:#fff;  clear:both;  padding: 0px;  margin: 10px 0 40px 0;}

.biografie .werbeblock { border: 1px solid #ddd; padding: 10px; margin-top: 8px; }
.biografie a.pnlink { border: 1px solid #ddd; padding: 10px; margin-top: 8px; text-decoration: none; background: var(--blau); color: #fff; }
.biografie a.pnlink:hover { background: #4f76ac; color: #fff; }
.biografie a.pnlink i { font-size: 18px; margin: 0 10px;}

/*Tabs current */

.current {color:red;}

/* Seiten / Rankings */
.seiten a.seite { color: #333; padding: 16px; text-decoration: none; }
.seiten a.seite:hover { background: var(--blau); color: #fff;}
.seiten a.seite .kat { color: red; margin-bottom: 0;}
.seiten a.seite h2 { font: normal 22px 'Lato', arial, verdana, sans-serif; color: #000; }
.seiten a.seite small { font-size: 10px; color: #999; font-style: italic; }

/* Seite / Ranking */
a.ranking_bio { color: #000; text-decoration: none; padding: 16px; }
a.ranking_bio:hover { background: #efefef; }
.ranking_text { color: #666;}
div.sstext hr { height:1px; width:414px; color:#CCCCCC; margin: 6px 0 6px 0; padding: 0;}
.ranking_pos { width: 54px; height: 48px; display: block; border: 1px solid #ddd; line-height: 32px; font-size: 28px; background: #333; color: #fff; padding: 8px; }
.ranking_info { color: #666; }
.ranking_info h2 { font: normal 22px 'georgia', arial, verdana, sans-serif; color: #000; }

.seiten a.sseite { border: 1px solid #ddd; text-decoration: none; color: #000; padding: 5px 10px;}
.seiten a.sseite:hover { background: var(--blau); color: #fff;}

/* Themen */
.themeninfo { padding-left: 20px; }
.themen.title { border-bottom: 1px solid #ddd;  }
.themen.kopf { margin-bottom: 0px; }
.themen .themabox { display: inline-block; margin: 0 6px 6px 0;padding: 8px 12px; color: #000; text-align: center; border: 1px solid #ddd; text-decoration: none; font-weight: normal; }
.themen .themabox:hover { background: var(--blau); color: #fff; }
.themen .themabox.current { background: var(--blau); color: #fff; }
.themen h2 { font: normal 24px 'Lato', arial, verdana, sans-serif; color: #000; padding-left: 10px; border: none; padding-bottom: 5px; }
.themen_bio.caption { background: #fff; border: 1px solid #ddd; padding: 3px; max-width: 100%; display: inline-block; height: auto; text-decoration: none; color: #666; line-height: 22px;}
.themen_bio.caption:hover { background: var(--blau); border: 1px solid #ddd; padding: 3px; max-width: 100%; display: inline-block; height: auto; text-decoration: none; color: #fff; line-height: 22px;}
.themen_bio.caption img { display: block; padding: 0; margin: 0; width: 100%; height: auto; }
.themen_bio.caption span { display: block; margin-top: 3px; font-size: 0.8em; color: #666; padding: 0px 5px; }
.themen_bio2 { border: 1px solid #ddd; text-decoration: none; color: #333; padding: 5px 10px; font-weight: bold; line-height: 22px;}
.themen_bio2 span { color: #666; font-size: 12px; font-weight: normal;}
.themen_bio2:hover { background: var(--blau); color: #fff;  }
.themen_bio2:hover span { color: #ddd;}

/* Thema */
/* Timeline */
.timeline h2 { font: normal 28px 'Lato', arial, verdana, sans-serif; color: #000; padding-left: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.timeline ul { list-style: none; }
.timeline ul li { display: inline; float: left; margin-right: 8px; margin-bottom: 8px; }
.timeline ul li a { color: #000; text-decoration: none; border: 1px solid #ddd; padding: 4px 8px; background: #efefef; }
.timeline ul li a:hover { background: var(--blau); color: #fff; }
/* Kontakt */
.kontakt { padding: 20px; }
/* Nominierung */

/* Footer */

.footer1 { background: #2e2e2e; min-height: 100px; margin-bottom: 0px; font-size: 12px; color: #fff;}
.footer1 h4 { font-size: 13px; font-weight: bold; color: #ddd; text-align: left;}
.footer1 ul { list-style: none; margin-left: 0; }
.footer1 ul li { margin: 0; padding: 0;}
.footer1 ul li a { font-size: 12px; color: #bbb; text-decoration: none; margin: 0; padding: 0;}
.footer1 ul li a:hover { color: #fff; text-decoration: underline; }


.footer2 { background: #000; height: 50px; color: #666; font-size: 12px; line-height: 37px;}
.footer2 div { padding: 0 0px; }
.footer2 a {text-decoration: none;}

.footertxt { font-size: 13px; color: #999; }

.footfill {
  background: #000;
  height: 100px;
}

/* Sticky Box */
.fixed    { position: fixed; top: 0; }
.bottom   { position: absolute; top: auto; bottom: 10px; }


.pagination.pagi1 { list-style: none; margin: 0 auto; padding: 0; padding-top: 15px;}
.pagination.pagi1 li { display: inline-block; border: 1px solid #ddd; padding: 0; margin-right: 4px; }
.pagination.pagi1 li a { text-decoration: none; color: #333; padding: 4px 6px; font-size: 12px;}
.pagination.pagi1 li a:hover { background: #efefef; }
.pagination.pagi1 li.arrow a { font-size: 16px; }
.pagination.pagi1 li.current a { font-weight: bold; }

.pagination.pagi2 {
  margin: 6px 0 4px 0;
  padding:0px;
  height:100%;
  overflow:hidden;
  font-size: 12px;
  list-style-type:none;
}
.pagination.pagi2 li {
  display: inline-block;
  margin:0px;
  padding:0px;
  margin-left: 3px;
  padding-bottom:1px;
}

.pagination.pagi2 li:first-child {
  margin-left:0px;
}

.pagination.pagi2 li a {
  display:block;
  text-decoration:none;
  color:#707070;
  background:#FFFFFF;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:solid 1px #DCDCDC;
  padding:4px 8px;
  margin-bottom: 3px;
}

.pagination.pagi2 li a:hover,
.pagination.pagi2 li.current a {
  color:#FFFFFF;
  text-shadow:0px 1px #3C3C3C;
  border-color:#202020;
  background:#525252;
  background:-moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252);
  background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252));
}
.sonderseite { padding-left: 140px; padding-right: 140px; }

.bild-copyright { text-align: right; font-size: 11px; color: #999; padding: 0; padding-right: 8px; margin: 0; margin-top: -6px;}

#footer-cookie, #footer-cookie *{box-sizing:border-box;}
#footer-cookie{display:none;  position:fixed;  bottom:0px;  left:0px;  width:100%;  height:60px;  padding-left:30px;  padding-right:30px;  line-height:60px;  background:#303030;  color:#fff;  z-index:9999;}
#footer-cookie a{color:#fff;}
#footer-cookie #description{float:left;}
#footer-cookie #accept{float:right;}
#footer-cookie #accept a{border:1px solid #fff;  padding:5px 10px;  text-decoration:none;}
@media (max-width:1200px){#footer-cookie{padding-top:30px;    padding-bottom:30px;    line-height:inherit;    height:auto;  }
#footer-cookie #description{width:100%;  }
#footer-cookie #accept{width:100%;    margin-top:15px;  }
#footer-cookie #accept a{width:100%;    display:block;    text-align:center;  }
}