/* <!-- MAGENTA DEALGENERATOR: HEX = #E6007E --> */

/* Anything BUT the Microsoft Edge Browser or Internet Explorer (Safari 9+, Chrome 28+. Firefox 22+) */
/* Microsoft Edge Browser */
@supports ((-ms-ime-align:auto)) { .notedge { background-color:#800;color:#fff; }
.item1 { display:none;}
.item2 { display:none;}
.item3 { display:none;}
.item4 { display:none;}
.item5 { display:none;}
.item6 { display:none;}
.item7 { display:none;}
.item8 { display:none;}
.item9 { display:none;}
.item10 { display:none;}
.item11 { display:none;}
.item12 { display:none;}
.item13 { display:none;}
.item14 { display:none;}
.item15 { display:none;}
.item16 { display:none;}
.item17 { display:none;}
.item18 { display:none;}
.item19 { display:none;}
.item20 { display:none;}
.ex3   { display:none;}
 }
 
 /* Internet Explorer 9+ */
 @media screen and (min-width:0\0) and (min-resolution:+72dpi) { 
.item1 { display:none;}
.item2 { display:none;}
.item3 { display:none;}
.item4 { display:none;}
.item5 { display:none;}
.item6 { display:none;}
.item7 { display:none;}
.item8 { display:none;}
.item9 { display:none;}
.item10 { display:none;}
.item11 { display:none;}
.item12 { display:none;}
.item13 { display:none;}
.item14 { display:none;}
.item15 { display:none;}
.item16 { display:none;}
.item17 { display:none;}
.item18 { display:none;}
.item19 { display:none;}
.item20 { display:none;}
.ex3   { display:none;} 
.topnav   { display:none;}
}



 
 @supports (not (-ms-ime-align:auto)) { 
 
.edge { display:none;}


body {
    background-color: #FFFFFF;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 20px;
	color: #000000
	
}

.item1 { grid-area: header; background-color: #E6007E; color: #fff; min-height:69px;}
.item2 { 
	grid-area: tagesdeals; 
	display: grid;
	grid-gap: 20px;
	grid: 'tgs1 tgs2 tgs3';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.item3 { 
	grid-area: austausch; 
	display: grid;
	grid-gap: 20px;
	grid: 'at1 at2';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.item4 {
	grid-area: deals;
	display: grid;
	grid-gap: 10px;
	grid: 
		'deal1 deal2 deal3 deal4'
		'deal5 deal6 deal7 deal8';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.item5 { grid-area: partnerlinks; background-color: #444; color: #fff; min-height:69px; margin-top: 20px;}
.item6 { grid-area: tgs1; background-color: #DBFFFF; color: #000; min-height:69px; padding: 15px;}
.item7 { grid-area: tgs2; background-color: #C6EDFF; color: #000; min-height:69px; padding: 15px;}
.item8 { grid-area: tgs3; background-color: #D1C6E8; color: #000; min-height:69px; padding: 15px;}
.item9 { grid-area: at1; background-color: #E6007E; color: #000; min-height:69px; padding: 15px;}
.item10 { grid-area: at2; background-color: #E6007E; color: #000; min-height:69px; padding: 15px;}
.item11 { grid-area: deal1; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item12 { grid-area: deal2; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item13 { grid-area: deal3; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item14 { grid-area: deal4; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item15 { grid-area: deal5; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item16 { grid-area: deal6; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item17 { grid-area: deal7; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item18 { grid-area: deal8; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item19 { grid-area: rborder; background-color: #fff; color: #000;}
.item20 { grid-area: lborder; background-color: #fff; color: #000;}


.grid-container {
  display: grid;
  grid:
    'header  header header'
    'lborder tagesdeals rborder'
    'lborder austausch rborder'
    'lborder deals rborder'
	'lborder partnerlinks rborder';
  grid-gap: 0px;
  /* background-color: #eeeeee; */
  padding: 0px;
  grid-template-columns: auto 1200px auto;
}


@media (max-width: 1199px) {
	
.item1 { grid-area: header; background-color: #E6007E; color: #fff; min-height:69px;}
.item2 { 
	grid-area: tagesdeals; 
	display: grid;
	grid-gap: 10px;
	grid: 
		'tgs1'
		'tgs2'
		'tgs3';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.item3 { 
	grid-area: austausch; 
	display: grid;
	grid-gap: 10px;
	grid: 
		'at1' 
		'at2';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.item4 {
	grid-area: deals;
	display: grid;
	grid-gap: 10px;
	grid: 
		'deal1'
		'deal2'
		'deal3'
		'deal4'
		'deal5'
		'deal6'
		'deal7'
		'deal8';
	background-color: #fff; color: #000; min-height:69px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.item5 { grid-area: partnerlinks; background-color: #444; color: #fff; min-height:69px; margin-top: 20px;}
.item6 { grid-area: tgs1; background-color: #DBFFFF; color: #000; min-height:69px; padding: 15px;}
.item7 { grid-area: tgs2; background-color: #C6EDFF; color: #000; min-height:69px; padding: 15px;}
.item8 { grid-area: tgs3; background-color: #D1C6E8; color: #000; min-height:69px; padding: 15px;}
.item9 { grid-area: at1; background-color: #E6007E; color: #000; min-height:69px; padding: 15px;}
.item10 { grid-area: at2; background-color: #E6007E; color: #000; min-height:69px; padding: 15px;}
.item11 { grid-area: deal1; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item12 { grid-area: deal2; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item13 { grid-area: deal3; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item14 { grid-area: deal4; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item15 { grid-area: deal5; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item16 { grid-area: deal6; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item17 { grid-area: deal7; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item18 { grid-area: deal8; background-color: #dcdcdc; color: #000; min-height:69px; padding: 15px;}
.item19 { grid-area: rborder; background-color: #fff; color: #000; display:none;}
.item20 { grid-area: lborder; background-color: #fff; color: #000; display:none;}

.grid-container {
  display: grid;
  grid:
    'header'
    'tagesdeals'
    'austausch'
    'deals'
	'partnerlinks';
  grid-gap: 0px;
  /* background-color: #eeeeee; */
  padding: 0px;
}	
	
}

}