/*=================================== */
	/* Main CSS Dokument                  */
	/*=================================== */ 

       .container h1 {
			margin-top: 2.5rem;
            font-family: 'Montserrat Alternates', sans-serif;
           	color: #A6A292;
			font-size: 225%;
			top: 0;
			right: 0;
        }
		
		.container h2 {
            font-family: 'Montserrat Alternates', sans-serif;
            font-size: 350%;
            margin-top: 2.5rem;
			top: 0;
			right: 0;
		}

        .container .kategorie h3 {
            font-family: 'Montserrat Alternates', sans-serif;
            color: #A6A292;
            font-size: 240%;
        }

        .container .kategorie p {
            margin-top: 0.5rem;
            font-weight: bold;
            font-size: 135%;
            font-family: 'Montserrat', sans-serif;
            color: black;
			line-height: 1.5;
			
        }

        .container .kategorie ul {
            margin-top: 1rem;
            font-size: 120%;
            font-family: 'Montserrat', sans-serif;
            color: black;
            padding-left: 1em;
        }

        .container {
            max-width: 1300px;
            margin:auto;
            overflow:auto;
            padding: 0 2rem;
            border: 0.1px solid #F2F2F2;
            border-radius: .25rem;
            -webkit-box-shadow: 1px 1px 2px 2px rgba(33,33,33,0.3);
            box-shadow: 1px 1px 2px 2px rgba(33,33,33,0.3);
			margin-bottom: 2.5rem;
            background: rgba(242,242,242, .7);
        }

        .container img {
            max-width: 100%;
            height: auto;
        }

        .container .kategorie {
            display: -ms-grid;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            background: #F2F2F2;
            margin-bottom: 2rem;
            border: 0.1px solid #F2F2F2;
            border-radius: .25rem;
            -webkit-box-shadow: 1px 1px 2px 2px rgba(33,33,33,0.3);
            box-shadow: 1px 1px 2px 2px rgba(33,33,33,0.3);
            overflow: hidden;
        }

        .container .kategorie img {
            
        }
        .container .kategorie > div {
            padding: 2rem;
        }
        .container .kategorie:nth-child(even) img {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

	/*=================================== */
	/*             Responsiv              */
	/*=================================== */

    @media screen and (max-width: 1360px){
        .container {
            max-width: 1160px;
        }
        .container h2 {
            font-size: 300%;
            margin-top: 2.2rem;
		}
        .container .kategorie h3 {
            font-size: 220%;
        }
        .container .kategorie p {
            font-size: 130%;
        }
        .container h1 {
			font-size: 220%;
        }
    }

    @media screen and (max-width: 1190px){
        .container {
            max-width: 992px;
        }
        .container h2 {
            font-size: 250%;
            margin-top: 2rem;
		}
        .container .kategorie h3 {
            font-size: 200%;
        }
        .container .kategorie p {
            font-size: 110%;
        }
        .container .kategorie ul {
            font-size: 100%;
        }
        .container h1 {
			font-size: 180%;
        }
    }

    @media screen and (max-width: 996px){
        .container .kategorie {
            display:block;
        }
        .container img {
            max-width: 100%;
            height: auto;
        }
        .container h2 {
            font-size: 300%;
            margin-top: 1.5rem;
		}
        .container .kategorie h3 {
            font-size: 220%;
        }
        .container .kategorie p {
            font-size: 130%;
        }
        .container .kategorie ul {
            font-size: 120%;
        }
        .container h1 {
			font-size: 220%;
        }
    }

    @media screen and (max-width: 413px){
        .container h2 {
            font-size: 250%;
            margin-top: 1rem;
		}
        .container .kategorie h3 {
            font-size: 200%;
        }
        .container .kategorie p {
            font-size: 110%;
        }
       .container .kategorie ul {
            font-size: 100%;
        }
        .container h1 {
			font-size: 180%;
        }
    }
    @media screen and (max-width: 375px){
        .container h2 {
            font-size: 200%;
            margin-top: 0.5rem;
		}
        .container .kategorie h3 {
            font-size: 150%;
        }
        .container .kategorie p {
            font-size: 80%;
        }
        .container .kategorie ul {
            font-size: 70%;
        }
        .container h1 {
			font-size: 130%;
        }
    }
    @media screen and (max-width: 300px){
        .container h2 {
            font-size: 150%;
            margin-top: 0rem;
		}
        .container .kategorie h3 {
            font-size: 100%;
        }
        .container .kategorie p {
            font-size: 70%;
        }
        .container h1 {
			font-size: 90%;
        }
        .container .kategorie ul {
            font-size: 85%;
        }
    }