@charset "UTF-8";
/* CSS Document */

/*allmänt*/
.w100 {
	width: 100%;
}
.w500 {
	width: 50%;
}
.img_w24 img {
	border: 1px solid lightgrey;

}
.img_w24 {
	width: 24%;
	height: 24%;
	margin-top: 0.25%;
}
@media (max-width:768px) {
	.img_w24 {
	width: 48%;
	height: 48%;
}
}
@media (max-width:450px) {
	.img_w24 {
	width: 95%;
	height: 95%;
	margin:  2% auto 0 auto;
}
}

.standardbox {
	padding: 0 0.25% 0.25% 0.25%;
}
/* 3 spalter 25% 50% 25% */
.spalt1-3, .spalt2-3, .spalt3-3 {
	padding: 2% 0;
}
.spalt1-3, .spalt3-3 {
	flex-basis: 1%;
	flex-grow: 3;
	margin: 0;
}
.spalt2-3 {
	flex-basis: 1%;
	flex-grow: 8;
	padding-right: 2%;
}
.spalt1-3 .img-2-spalt {
	padding: 0 5% 0 0;
	width: 100%;
}
.spalt1-3 .img-3-spalt {
	padding: 0 5% 0 0;
	width: 90%;
}
.spalt1-3 {
	flex-grow: 5;
	margin: 0 2% 0 0;
}
.spalt1-2-3 {
	flex-direction: row;
}

@media (max-width:1024px) {
.spalt1-3 {
	/*order: 1;*/
	flex-basis: 1%;
	flex-grow: 2;
	width: 100%;
}
.spalt1-3 .img-2-spalt {
	max-width: 350px;
	padding: 0;
}
.spalt1-3 .img-3-spalt {
	width: 100%;
	max-width: 350px;
	padding: 0;
}
.spalt2-3 {
	/*order: 3;*/
	flex-basis: auto;
	flex-grow: 0;
	margin: 0;
	width: 70%;
}
.spalt3-3 {
	/*order: 2;*/
	/*flex-grow: auto;*/
	flex-basis: auto;
	padding-left: 0;
	width: 100%;
}
}

@media (max-width:640px) {
.spalt1-2-3 {
	flex-direction: column;
}
.spalt1-3, .spalt2-3, .spalt3-3 {
	width: 100%;
	padding-left: 0;
}
.spalt1-3 {
	order: 1;/*flex-basis:33%;
		flex-grow: 1;*/
}
.spalt1-3 .img-2-spalt {
	width: 100%;
}
.spalt2-3 {
	order: 2;/*flex-basis:auto;
		flex-grow: 1;*/
}
.spalt3-3 {
	order: 3;/*flex-grow: 2;
		flex-basis: auto;*/
}
}
/* flex */
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
/* container */
/* display: flex; */
/* flex-direction: row | row-reverse | column | column-reverse; */
/* flex-wrap: nowrap | wrap | wrap-reverse; */
/* flex-flow: <‘flex-direction’> || <‘flex-wrap’> */
/* justify-content: flex-start | flex-end | center | space-between | space-around; */
/* align-items: flex-start | flex-end | center | baseline | stretch; */
/* align-content: flex-start | flex-end | center | space-between | space-around | stretch; */
/**/
/* item */
/* order: <integer>; */
/* flex-grow: <number>; *//* default 0 */ 
/* flex-shrink: <number>; *//* default 1 */
/* flex-basis: <length> | auto; *//* default auto */
/* flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] */
/* align-self: auto | flex-start | flex-end | center | baseline | stretch; */
/**/
.flex {
	-webkit-display: flex;
	display: flex;
}
.flexwrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexcolumn {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flexrow {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.flex-row-column-1024 {
	flex-direction: row;
	flex-grow: 1;
	width: 100%;
}

@media (max-width:1024px) {
.flex-row-column-1024 {
	flex-direction: column;
}
}
.flex-row-column-850 {
	flex-direction: row;
	width: 100%;
}

@media (max-width:850px) {
.flex-row-column-850 {
	flex-direction: column;
}
}
.flex-row-column-450 {
	flex-direction: row;
	width: 50%;
}

@media (max-width:850px) {
	.flex-row-column-450 {
	flex-direction: row;
	width: 100%;
}
}

@media (max-width:450px) {
.flex-row-column-450 {
	flex-direction: column;
}
}
.flex-row-column-450-2 {
	flex-direction: row;
	width: 50%;
}

@media (max-width:1024px) {
	.flex-row-column-450-2 {
	flex-direction: row;
	width: 100%;
}
}

@media (max-width:450px) {
.flex-row-column-450-2 {
	flex-direction: column;
}
}
.flex-row-column-450-100 {
	flex-direction: row;
	width: 100%;
}

@media (min-width:851px) {
	.flex-row-column-450-100 {
	flex-direction: row;
	width: 100%;
}
}

@media (max-width:450px) {
.flex-row-column-450-100 {
	flex-direction: column;
	/*padding: 0 10px*/
}
}
.flex-row-column-450-border {
	flex-direction: row;
	border: 1px solid lightgrey;
	border-radius: 4px;
	margin: 0.25%;
	width: 100%;
}

@media (max-width:450px) {
.flex-row-column-450-border {
	flex-direction: column;
}
}
.flex-center {
	justify-content: center;
}
.flex-space-between {
	justify-content: space-between;
}
.flex-space-around {
	justify-content: space-around;
}
.flexalignstart {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flexaligncenter {
	-webkit-align-items: center;
	align-items: center;
}
.flexalignend {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.flexjustifystart {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flexjustifyend {
	justify-content: flex-end;
}
/*.flexbasis1 {
	-webkit-flex-basis: 1;
	flex-basis: 1;
}
*//*align-content: flex-start | flex-end | center | space-between | space-around | stretch;*/
.flex-stretch {
	align-content: stretch;
}
.flex-grow-1 {
	flex-grow: 1;
}
.flex-grow-2 {
	flex-grow: 2;
}