@import url(//db.onlinewebfonts.com/c/f553f76be5b3c4dca00ce10de01689a9?family=Rusticana);

@font-face {font-family: "Rusticana";
    src: url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.eot");
    src: url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/f553f76be5b3c4dca00ce10de01689a9.svg#Rusticana") format("svg");
}


body {
	font-family: Sans-serif, Times, serif, sans-serif, Arial, Helvetica;
	/* font-family: Rusticana; */
	font-size: 1.2em; /*1vw*/
	/* margin: 2em; */
	/* margin:30px; */
	
	
/* Source: https://www.onlinewebfonts.com/download/b2fe238150c5ed266f4c260c5da1b40c */	



	/* background: skyblue;    */
	/* background: linear-gradient(#d6a060, #b67a49); */
     /*  background: linear-gradient(#d6a060, #b67a49);
     background-repeat: repeat-y; */
    
	/*
	background: rgba(228, 250, 250, 1);
	background: #d8a965;*/
	

	/* background-image: url("../images/background2.png");  */

    /*
    
    background-repeat: repeat-y;
    background-size: contain;
    background-size: 100% 100%;
    */
	}
	
h1, h2, h3, .navigation {
	font-family: Rusticana;
	}	

.flexdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
    margin: 0px;
	margin: .5em;

	/* background: skyblue;    */
	background: linear-gradient(#d6a060, #b67a49);
    /* background: rgba(228, 250, 250, 1); */

    /*
    background-image: url("./images/background1.png");
    background-repeat: repeat-y;
    background-size: contain;
    background-size: 100% 100%;
    */
	}

/* unvisited link */
a:link {
	color: #6e3c27;
}

/* visited link */
a:visited {
	color: #6e3c27;
}

/* mouse over link */
a:hover {
	color: white;
}

/* selected link */
a:active {
	color: #a35a3b;
}

.flex-container {
	display: flex;
	border: 2px dotted;
	margin-bottom: 1em;
    flex-wrap: wrap;
	/* width:200px; */
	margin-left:240px;

    background: rgba(228, 250, 250, 0.2);   /* #fff; */
}

.vorne  {
  justify-content: flex-start;
}

.mittig {
  justify-content: center;
}

.sticky-header {
	justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100%; */
	margin: 20px;
	background: rgba(228, 250, 250, 0.2);   /* #fff; */
    z-index: 100000;
}

.verteilt1 {
  justify-content: space-between;
}

.verteilt2 {
  justify-content: space-around;
}

.flex-item {
	margin: .25em;
	padding: .25em;
/*	border: 1px solid;
	border-color: rgba(220, 220, 220, 0.5);
	border-radius: 1 .5em .5em;
	background: rgba(100, 220, 220, 0.1); */
}

.row {
	flex-direction: row;
}

.column {
	flex-direction: column;
}


p.flex-item {
	font-weight: bold;
	text-align: center;
}

.flex-paragraf {
	border: 0px none;
	margin: .5em;
	padding: .5em;
	/* background: rgba(220, 220, 220, 0.1); */
}

/*
.flex-item:nth-of-type(2) {
	background: #fdfcf3;
}

.flex-item:nth-of-type(3) {
	background: #ebf5d7;
}

.flex-item:nth-of-type(4) {
	background: #e6f2f7;
}

.flex-item:nth-of-type(5) {
	background: hsla(277, 53%, 73%,0.3) ;
}
*/

/*
table {
  border-collapse: collapse;
  border: 0px solid black;
}

th,td {
  border: 0px solid black;
}
*/

.topimage {
    background-image: url("../images/werkzeug.png");
    background-size: cover;
	border-radius:10px;
	background-position: center;
    /* background-size: 100% 100%; */
}

.paperimage {
    background-image: url("../images/background.jpg");
    /* background-size: contain; */ /*background-size: 100% 100%;*/
	/* padding:40px; */
	
    /* background-size: 100% 100%; */
}