/* # https://www.mediaevent.de/html/html-section-header.html */
/* https://www.mediaevent.de/css/media-queries.html */
/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-size:100%;
}
a {
	color:#007c8a;
}
a:visited {
	color:#009caa;
}

h1 { font-size:150%; color:#008c9a; }
h2 { font-size:110%; color:#008c9a; }
h6 { color:#ff0000; font-size:90%; }

col_white{
	color:#fff;
}
col_green{
	color:#009caa;
}


article {
	max-width: 1200px;
        margin: 0 auto;
}

header {
	width:100%;
	background-color:#f0f0f0;
	background-color:#009caa;
}
nav {
	max-width: 1200px;
	margin:0 auto;
}
nav a {
	color:#f0f0f0;
}
nav a:visited {
	color:#f0f0f0;
}


.subnav {
	background-color:#eaeaff;
	margin-top:5px;
	text-align:center;
}
.subnav a {
	color:#303030;
}
.subnav button {
	margin:3px;
	padding:0 3px 0 3px;
}
.subnav a:visited {
	color:#303030;
}


.standard-gradient {
   background-image: linear-gradient(
      to bottom,
      #B4D5D8,
      #eaeaea);
}

.chatdescription {
	font-size:100%;
	padding:5px;
	margin-top:10px;
	font-weight:bold;
	color:#009caa;
}
.register_box {
	padding:5px;
	font-size:80%;
	color:#fff;
	background-color:#009caa;
	border-radius:10px;
}

.sblog {
	color:#009caa;
	padding:15px;
	margin:0px 2px 5px 0px;;
	border:1px dotted #303030;   

   border-radius:10px;	
   background-image: linear-gradient(
      to bottom,
      #B4D5D8,
      #efefef);
}

.infobox {
	color:#009caa;
	padding:15px;
	margin:0px 2px 5px 0px;;
	border:1px dotted #303030;   

   border-radius:10px;	
   background-image: linear-gradient(
      to bottom,
      #B4D5D8,
      #efefef);
}

.bldrahmen{
	display:flex;
	background-color:#e0e0e0;
}

.bldrahmen_img {
	margin:2px;
	max-height:100px;
}

.galkachel{
    width:23%;
    margin:1%;
    min-height:150px;
    font-size:90%;
    border:1px dotted #303030;   
    border-radius:10px;	
    background-image: linear-gradient(
      to bottom,
      #B4D5D8,
      #efefef);
}

ul{
        margin-left:20px;
}


.flex { display:flex; }
.flex_wrap { flex-wrap:wrap; }
.flex_around { justify-content:space-around; }
.flex_space { justify-content:space-between; }



/*@media only screen and ( min-width: 440px ) and ( max-width: 1400px ) {*/
/*
@media (min-width: 1280px ) {
    article {
        max-width: 1100px;
        margin: 0 auto;
    }
}
*/

@media only screen and ( min-width: 950px ) {
    /* breites Browserfenster */
    body { background-color: #f0f0aa;}

    .articleflex {
    	display:flex;
	width: 100%;
	max-width:1200px;
    }

    .spl {
	width:49%;
	padding:1%;
	background-color:#ffffea; 
    }
    .spr {
	width:49%;
	padding:1%;
	background-color:#eaffff; 
    }
    .splblog {
	width:39%;
	padding:1%;
	background-color:#ffff80; 
    }
    .sprblog {
	width:59%;
	padding:1%;
	background-color:#80ffff; 
    }
}

@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
    body { background-color: #d0e0d0;}

    .articleflex {
	width: 100%;
    }

    .spl,.splblog {
	width:100%;
    }
    .spr.splblog {
	width:100%;
    }

    .galkachel {
    	width:50%;
    }
}

@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
    /* Tablets und mittlere Bildschirme */
    body { background-color: #ff8080;}
    .articleflex {
    	display:flex;
	width: 100%;
	max-width:900px;
    }

    .spl,.splblog {
	width:100%;
    }
    .spr,.sprblog {
	width:100%;
    }
}



/*    body { background-color: grey;}*/