@import url('nav.css');
@import url('module.css');
@import url('frontendedit.css');
@font-face {font-family: "Crimson_Pro"; src: url("../fonts/Crimson_Pro/CrimsonPro-VariableFont_wght.ttf");}
@font-face {font-family: "Open Sans"; src: url("../fonts/OpenSans-Regular.ttf");}

/* Buttons bearbeiten, drucken usw. ausblenden */
.icons .btn-group {display: none;}

h1, h2, h3 {color: rgba(0, 48, 86,1); font-family: 'Crimson_Pro', serif; font-weight: 500;}
h1, .aside h1 {font-size: 2.5em;}
h2, .aside h2 {font-size: 1.7em;}
h3, .aside h3 {font-size: 1.2em; border-bottom: 1px solid rgba(0, 48, 86,1);}

.left {float: left;}
.right {float: right;}
.blog-item {clear: both;}
.grundriss {max-width: 400px;}
blockquote {padding: 10px 20px; /* margin: 0 0 20px; */ border-left: 5px solid rgba(0, 48, 86,.5); background-color: rgba(0, 48, 86,.1);}

a {text-decoration: none; border-bottom: dotted 1px gray; color: rgba(0, 48, 86,1);}
a:hover {border-bottom: solid 1px; color: gray;}
img {max-width: 100%; heigth: auto; transition: transform 0.8s;}
img:hover {transform: scale(1.02, 1.02);}

.multicolumn {
    column-count: 3;
    column-gap: 1em;
}

nav a:hover {border: none;}
#container, .cont {
    max-width: 1210px;
    margin: 0 auto;
  background-color: white;
 /* border: 1px solid #93246f;*/
}
#main {
  padding: 0 1em;
  display: flex;
  flex-flow: column;
}

body {
  background-color: rgba(252, 252, 252,1);
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 14px;
}

/*** Fotos (figure) ***/
.caption {font-size: .8em; font-style: italic;}

.item-image img {max-width: 100%; height: auto;}
.items-row, .items-leading {
    background: none repeat scroll 0 0 rgb(250,250,250);
    margin-bottom: 15px;
    padding: 10px;
}

.items-more {clear: both;}
.items-more a {
    padding: 1em;
    display: block;
    font-size: ;
    text-decoration: none;
    border: none;
    background-color: rgba(0, 48, 86,.1);
    margin-bottom: .3em;
  transition: .3s;
}
.items-more a:hover {color: rgba(0, 48, 86,1); background-color: white; }

.blog-featured .items-row {
	padding: 0 .5em;
    border-bottom: 2px solid lightgray;
   /* background-color: beige;
    background: linear-gradient(to bottom, rgba(253,253,236,1) 0%, rgba(244,243,205,1) 100%); */
  overflow: auto;
}
.blog-featured .item-image {margin-right: 1em; width: 120px;}

/* Module */

header {position: relative;}
header .h-txt-bmg {position:absolute; left: 8em; top: 1em;}
header .h-txt-ddg {position:absolute; right: 8em; top: 2.4em;}
.h-txt-bmg img {max-width: 100%; margin-right: 1em;}
.h-txt-ddg img {max-width: 100%; margin-left: 8em;}

  .header1 {display: flex;}  
  a .header-logo {max-height: 17em;}
.header a {border: none; margin: 0 auto;}
  .header-title {font-size: 1.4em; text-align: center;}
  .header-inner {display: flex;}

.aside .moduletable{
    background-color: rgba(147,36,111,1);
    color: white;
    margin: 1em 0;
    padding: 0.3em 1em;
  box-shadow: 0 3px 5px gray;
}
.aside .moduletable h1, .aside .moduletable h2, .aside .moduletable h3 {color: white;}
.aside a, footer a {text-decoration: none; border-bottom: dotted 1px white; color: white;}
.aside .moduletable li {padding: .5em 0; display: flex;}
.aside .moduletable ul {margin: 0; padding: 0;}
.aside a:hover, footer a:hover {border-bottom: solid 1px; color: black;}


footer .userdata {margin: 1em 0;}
footer .control-group {margin: 0 0 .5em 0;}
footer .moduletable_login {margin-right: 1em;}
footer .controls input {float: right; margin-left: 1em;}
footer .f-kontakt {width: 193px;}

.h-logo img {margin: 5px 1em;}
footer h2 {color: white; margin: 0;}

.article-info {display: none; font-size: .8em; background: rgba(0, 48, 86,.05); padding: .5em; margin: 0 0 1em 0;}
.article-info-term {display: none;}
.article-info dd {flex-flow: row; margin: 0 1em 0 0; border-right: 1px solid green; padding-right: 1em; flex: 0 1 auto}

.ListWohn {clear: both; font-size: smaller;}
.ListWohn ul {display: flex; padding: 0;}
.ListWohn li {display: block; flex: 0 0 auto; margin: .5em;}
.ListWohn a {padding: .5em; background-color: lightgray;}
.ListWohn a.active, .ListWohn a:hover {background-color: rgba(0,48,86,1); color: white;}
@media (max-width: 72em){
  .ListWohn ul {display: flex; padding: 0; flex-flow: column;}
  .ListWohn li {margin-bottom: 1em;}
}

/*** Hero-wrapper 
.hero-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -9999;
}
.stretch {
  height: auto;
  background: #F72B2B;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
  margin-top: 45em;
}
.stretch h1 {
  padding: 20px;
}***/

/*
.kopfbild img {max-width: 100%; position: relative;}
.moduletable.kopfbild {margin: 0 0 2em;}

.jumbotron {
    text-align: center;
    position: relative;
    top: 20%;
    margin: -200px auto 0 auto;
    padding: 0;
    font-weight: bold;
    color: white;
  text-shadow: 0px 0px 3px #000000;
}
.jumbotron h1 {color: white; text-shadow: 0px 0px 3px #000000;}
*/

/*
.custom_hor {display: flex; background: rgba(0,109,193,0.05); margin-bottom; 2em; justify-content: flex-start;}
.custom_hor_pic_left, .custom_hor_pic_right {width: 33%; margin: 0; padding: 0; flex: 2 1 0;}
.custom_hor_pic_right {order: 5;}
.custom_hor_pic_left img, .custom_hor_pic_right img {max-width: 100%; height: auto;}
.custom_hor_txt {margin: 0 0 0 2em; padding: 1em 0; flex: 3 1 0;}
.custom_hor_txt h2 {margin: 0 0 1em 0;}
*/


/* Benutzerprofil */
.dl-horizontal {display: flex; flex-flow: column;}
#users-profile-core dd, #users-profile-custom-actionlogs dd {margin: 0 0 .5em 5em; padding: .5em;}
#users-profile-core dt, #users-profile-custom-actionlogs dt {font-weight: bold; color: rgba(147,36,111,1);}

.profile-edit .control-group, .login .control-group {margin-bottom: 1em;}
.profile-edit .control-label {font-weight: bold;}
/* Ende Benutzerprofil */


.moduletable_login h2 {margin-bottom: 1em;}
.login-greeting {margin-bottom: 1em;}
.logout-button {padding: .5em; background: red; border-radius: 5px;}
._logoff {color: red; font-weight: bold; background: yellow;}


.content {flex: 7;}

.flexcontent {display: flex; flex-flow: column;}

.kopfmenu ul {background-color: gold;}
.kopfmenu .nav-child li {background-color: orangered;}
.kopfmenu li {/**display: inline-block;**/ float:left; background-color: orange; margin-right: 5px;}

.message {background-color: #F2F5A9;}
.header {/*background-color: #009fe3; min-height: 215px;*/ display: inline;
/*background-image: url(../images/rasen1024x115.jpg);*/
}
.debug {background-color: darkgray;}
.banner {/*background-color: gray;*/}
.breadcrumb {background-color: white; display: inline-flex; width: 100%; margin: 0.5em 0; color: rgba(147,36,111,1); font-size: .85em}
.breadcrumb li {list-style-type: none;}
.pos00 {/*background-color: yellowgreen;margin: 0 0 3em 0;*/ display: flex;}
.pos01 {background-color: thistle;}
.pos02 {/*background-color: tan;*/}
.pos03 {background-color: teal;}
.pos04 {background-color: orchid;}
.pos05 {background-color: peachpuff;}
.pos06 {background-color: peru;}
.pos07 {background-color: pink;}
.pos08 {background-color: powderblue;}
.pos09 {background-color: sandybrown;}
.pos10 {background-color: khaki;}
.pos11 {background-color: lightblue;}
.pos12 {background-color: goldenrod;}
.pos13 {background-color: indianred;}
.pos14 {/*background-color: ivory;*/}
.fusszeile {background-color: rgba(147,36,111,1);}
.component {background-color: mintcream;}
footer {background-color: rgba(0, 48, 86,1); padding: 1em; display: flex; color: white; flex-wrap: wrap; justify-content: space-between; /*background: url(../images/msg-hintergrund-2019.jpg)repeat;*/ min-height: 13em; margin-top: 2em;}

.footer-below {margin: 1em 0;}

/* Pagination */
.pagination {background-color:rgba(0, 48, 86,.05); padding: 5px;color: rgba( 0, 48, 86,1); margin: 15px 0; display: flex;}
.pagination a {color: rgba( 0, 48, 86,1);}
.pagination ul { display: flex; flex-flow: wrap row; margin: 0;}
/* .pagination li {display: inline; padding: 0 20px; margin: 0; border-right: 1px solid white;}*/
.counter {float: right; margin: 0 1em;}
.pagination ul > li {display: inline; padding: 1em; background: rgba(255,255,255,.6); border-radius: 7px; margin: .2em;}
.pagination ul > li a {/*padding: 1em;*/ border: none;}
.pagination ul > li:hover {border: none; background: rgba(255,255,255,.3)}
.icon-angle-left::before{display: inline-block; content: "<";}
.icon-angle-double-left::before{display: inline-block; content: "<<";}
.icon-angle-right::before{display: inline-block; content: ">";}
.icon-angle-double-right::before{display: inline-block; content: ">>";}
.disabled {display: none;}

@media (max-width: 39.9em){
  
  header .h-txt-bmg {position:absolute; top: 1em;}
  header .h-txt-ddg {position:absolute; left: 80px; top: 2.4em;}
  .h-txt-bmg img {max-width: 90%; margin-right: 1em;}
  .h-txt-ddg img {max-width: 95%; margin-left: 0em;}
  .header1 {flex-flow: column;}
  .multicolumn {
    column-count: 2;
    column-gap: 1em;
}
  @media (max-width: 25em){
    .multicolumn {
    column-count: 1;
    column-gap: 1em;
}
  }
  
}
@media (min-width: 40em){
  #main {
    flex-flow: row;
    padding: 0 2em;
    justify-content: space-between;
  }
	aside.aside {
    width: 220px;
    margin-left: 1em;
  }
  header .h-txt-bmg {position:absolute; left: 12em; top: 1em;}
  header .h-txt-ddg {position:absolute; right: 3em; top: 2.4em;}
  
  .article-info {display: flex;}
  
}

figure.left.item-image {max-width: 100%;}
@media (max-width: 34em){
  .left {float: none;}
  .footer-element-1, .footer-element-2, .footer-element-3 { width: 100%;}
  
}
@media (min-width: 50em){
  figure.left.item-image {width: 15.6em;}
}
@media (min-width: 62em){
  figure.left.item-image {width: 25em;}
}