@charset "UTF-8";

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html{
    height: 100%;
    font-size: 100%;
}

body {
background-color: #e4dcbd;
color: #271806;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2rem;
text-decoration: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

a{
font-size: 1rem;
text-align: center;
font-weight: bold;
color: #271806;
}

a:hover {
text-decoration: none;
}
h1,
h2 {
color: #271806;
font-weight: bold;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}

img {
border:0px;
}

img a {
border:0px;
}
.nav  {
position:absolute;
text-align: center;
font-size: 1.0em;
font-weight: bold;
width:15%;
padding-top:2em;
left:0;
float:left;
}
.navakt{
font-size: 1.0em;
font-weight: bold;
color: #7d7874;
}
/* Column container */
.row {
    position:relative;
    left: 15%;
    width: 80%;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.bild {
      flex: 48%;
      background-color: #e6e6e6;
        padding:3px;
        border: 1px solid black;
        /* text-align:center; */
}
.bild img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            max-width:100%;
            
}
/* Main column */
.info {
    flex: 48%;
    background-color: #e5e5e5;
    padding:3px;
    border:1px solid #271806;
    text-align:center;
}
#oben   {
    color: #000;
    font-weight: bold;
    text-align: center;
    width:100%;
}

#copyright {
position:absolute;
top:-20px;
}
#copyright a{
border:0px;
font-size:0.25;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #000;
}

#copyright a:hover{
font-weight:bold;
}
#mail a:link{
color: #271806;
font-size:0.5em;
font-weight:normal;
}
#mail a:visited{
color: #271806;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.5em;
font-weight:normal;
border-bottom: 1pt;
border-left: 0pt;
border-right:0pt;
}
#mail a:hover{
color: #271806;
font-size:0.5em;
}
#unten {
color: #271806;
text-align: center;
font-size:0.9em;
width:100%;
margin-bottom:1rem;
}
#unten a{
font-size: 1.1em;
color:#271806;
}

@media (max-device-width: 768px) {

a{
    font-weight: normal;
}
h1{
    font-size: 1.5em;
}
h2 {
	font-size:1.25em;
}
.navakt,
.nav {
	font-size: 0.8em;
    line-height: 1em;
}

.row {
        left: 18%;
        width:80%;
        flex-direction: column;
    }
.bild {
    flex: 80%;
    background-color: #e6e6e6;
        padding:5px;
        border: 1pt solid #000;
		
}
.bild img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
	height: auto;
}
/* Main column */
.info {
    flex: 80%;
/*     background-color: #e6e6e6;
        padding:5px;
        border:1pt solid black;
		font-size: 0.75rem; */
}
}