#themenTable .bild {
    width: 305px;
}
@media (min-width: 980px){
    #kontakt {
        display: grid;
        grid-template-areas: "titel" "email" "team" "unterTitel" "endschuldigung";
        text-align: center;

    }

    #kontakt #titel {
        grid-area: titel;
        font-size: 130%;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #kontakt #email {
        margin-bottom: 30px;
    }
    _:-ms-lang(x),
    _:-webkit-full-screen, #kontakt #email img{
        padding-left: 14em;
    }
    #kontakt #email img{
      align-self: center;
      margin-right: 10px;
    }
    _:-ms-lang(x),
    _:-webkit-full-screen,#kontakt #email a{
        margin-left: 14em;
    }

    #kontakt #email a {
    }
    #kontakt #team {
        grid-area: team;
        display: grid;
        display: -ms-grid;
		grid-template-columns: 5% 30% 30% 30% 5%;
		-ms-grid-columns: 5% 30% 30% 30% 5%;
        grid-template-areas: ". markus laura torsten .";
        margin-bottom: 10px;
    }
    #kontakt #markus{
        grid-area: markus;
        -ms-grid-column: 2;
        grid-column: 2;
    }
    #kontakt #laura{
        grid-area: laura;
        -ms-grid-column: 3;
        grid-column: 3;
    }
    #kontakt #torsten{
        grid-area: torsten;
        -ms-grid-column: 4;
        grid-column: 4;
    }
    #kontakt #unterTitel {
        grid-area: unterTitel;
        margin-bottom: 10px;
    }
    #kontakt #endschuldigung{
        grid-area: endschuldigung;
        margin-bottom: 10px;
    }
    #kontakt #team img {
        width: 60%;
    }
    form {
        background: white;
    }
    #programmheftSeite1{
        width: 27%;
        float:right;
    }
    .workshopDescription {
        background-color: #FBE5D6;
    }
    .workshopDescription ul {
        list-style: none;
    }
    .ueberschrift {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .mitBild {
        display:grid;
        grid-template-areas: "text text text" ". bild .";
        grid-template-columns: 43% 33% 23%;
    }
    .mitBild .text {
        grid-area: text;
    }
    .mitBild img {
        grid-area: bild;
    }
    #themenTable img {
        width: 14em;
    }
    ul.strich {
        list-style: none;
        margin-left: 0;
        padding-left: 1em;
    }
    ul.strich > li:before {
        display: inline-block;
        content: "-";
        width: 1em;
        margin-left: -1em;
    }
    ul.strich li {
        margin-bottom: 0.5em;
    }
    #trainingsprogramm{
        background-color: #f2f2f2;
        padding: 1px 15px 1em;
        display: grid;
        grid-template-areas: "text text""text2 text2""text3 ratte""text4 text4";
    }
    #trainingsprogramm p:nth-child(1){
        grid-area: text;
        margin-bottom: -0.5em;
    }
    #trainingsprogramm p:nth-child(2){
        grid-area: text2;
        margin-bottom: -0.5em;
    }
    #trainingsprogramm p:nth-child(3){
        grid-area: text3;
        margin-bottom: -0.5em;
    }
    #trainingsprogramm p:nth-child(4){
        grid-area: text4;
        margin-bottom: -0.5em;
    }
    .container img:nth-of-type(1) {
        grid-row: 2; }
    .container .header:nth-of-type(2) {
        grid-row: 3;
        align-self: end; }
    .container img:nth-of-type(2) {
        grid-row: 4; }
    .container .dauer {
        grid-row: 5; }
    .container .header, .container input, .container .dauer {
        justify-self: center;
        text-align: center; }
    .container .titelThemenTable-buttonThemenTable {
        display: grid;
        grid-column: 3;
        grid-row: 3; }
    
    /*# sourceMappingURL=style.css.map */

    
    /*# sourceMappingURL=style.css.map */

    
    /*# sourceMappingURL=style.css.map */

    
    /*# sourceMappingURL=style.css.map */

    
    /*# sourceMappingURL=style.css.map */

}