/* ================= Styles of top-level elements */

html {
	background-color: white;
	font-family:sans-serif;
    scroll-behavior: smooth;
}

html,body {
    height: 100%;
    width: 100%;
}

h1 {
	font-size: 2rem!important;
}

h2 {
	font-size: 1.3rem!important;
	font-weight: bold!important;
}

h3 {
	font-size: 1.2rem!important;
    font-weight: bold!important;
}

h4 {
    font-size: 1.0rem!important;
	font-weight: bold!important;
}

h5 {
    font-size: 1.2rem!important;
    font-style: italic;
}

.flex-container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.deko_line {
    height: 0.5rem;
}

div.pagerow {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#header, div#footer {
	clear: both;
}
div#header {
	display: block;
	z-index:20;
}

.header .navbar-text {
	margin-bottom: 0;
}

@media(max-width: 30rem) {
	.btn {
        display:none;
	}
	html {
        font-size: 80%!important;
    }
    div#body {
        margin-left: 0px!important;
    }
    h1 {
        font-size: 1.5rem!important;
    }
    .insertion {
        margin-left: 10px!important;
    }

}
@media(min-width: 30rem) {
    .menu_phone {
        display:none;
    }
}

.menu_phone {
    color: #000000;
    font-size: 1.2rem!important;
    font-weight: 400;
}

.private {
	background-color: #eeeeee;
	color: #666666;
}


/* ======================= Styles of custom site classes */

p.tags {
	font-size: 70%;
	/*font-style: italic;*/
	color: #cccccc;
}

/* Balanced tables (two equal column width, used in docs) */

table.balanced {
	border-collapse: collapse;
	border-bottom: 	2px solid #888888;
	border-top: 	2px solid #888888;
}

.balanced th {
	padding-top:0.7ex;
	padding-bottom:0.7ex;
}

.balanced td {
	padding: 0.7ex;
	width: 50%;
	border: 1px solid #888888;
}


/* ================= Colors ================= */

a {
    color: #818a91;
}
a:hover {
    color:#0056b3;
}

.dark-grey-1 {
    background-color: #3E4551 !important; /* stylish-color-dark */
}
.dark-grey-2 {
    background-color: #212121 !important; /* elegant-color */
}

.krise_yellow {
    background-color: #ffdb1e;
}

.krise_black {
    background: #000000;
}

.krise_pink {
    background-color: #cd00cd;
}

/* ================= Taken from mdb ================= */
body {
    font-family: Roboto,sans-serif;
}

body, h1, h2, h3, h4, h5, h6 {
    font-weight: 350;
}
.btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;
}
.btn:active,
.btn:focus,
.btn:hover {
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    outline:0
}
.btn:not([disabled]):not(.disabled).active,
.btn:not([disabled]):not(.disabled):active {
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}


a {
    cursor:pointer;
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
a:hover {
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
a.disabled:hover,
a:disabled:hover {
    color:#007bff
}
footer.page-footer .footer-copyright {
    overflow:hidden;
    background-color:rgba(0,0,0, 0.2);
    color:rgba(255,255,255,.6)
}
footer.page-footer a {
    color:rgba(255,255,255,.6)
}
footer.page-footer a:hover {
    text-decoration: underline;
}
.font-small {
    font-size: .9rem;
}
.insertion {
    font-size: .9rem;
    margin-left: 20px;
}