body {
 background-color: #ffffff; 
 color: #336699;
}

.wrapper {
  display: grid;
 #grid-column: 1 / 2;
  grid-template-columns: 150px auto;
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  font-family: sans-serif;
} 

.container {
 #grid-column: 1 / 2;
  grid-template-columns: 150px auto;
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  font-family: sans-serif;
} 

.logo {
  grid-column: 1 ;
  grid-row: 1;
  height: 100px;
  width:  150px;
} 

.kop {
  grid-column: 2 ;
  grid-column-end: auto;
  grid-row: 1;
 #background-color: red;
  font-size: large;
  font-weight: bold;
  height: 100px;
  align-self: right;
} 

.bar {
  grid-column: 1 ;
  grid-row: 2;
 #background-color: green;
  width:  150px;
} 

.content {
  grid-column: 2 ;
  grid-column-end: auto;
  grid-row: 2;
  float: left;
 #background-color: yellow;
 #padding: 150px;
 #height: 100%;
 #width:  100%;
}