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

        #rechtliches-top-balken {
            height: 9vh;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #F2F2F2;
            padding: 2.5rem;
            -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);
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-family: 'Montserrat Alternates', sans-serif;
            font-weight: bold;
            font-size: 150%;
            text-align: center;
        }

        .imp_container {
            max-width:1300px;
            margin:auto;
            overflow:auto;
            padding: 0 2rem;
            background: #F2F2F2;
            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;
        }

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

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

        .impressum p {
            font: bold;
            font-size: 125%;
            font-family: 'Montserrat', sans-serif;
            color: black;
			line-height: 1.5;
        }

        .impressum a {
            font: bold;
            font-size: 100%;
            font-family: 'Montserrat', sans-serif;
            color: black;
			line-height: 1.5;
        }

        .footer-boden-rechtliches {
            color: black;
            height: 5.5vh;
            width: 100%;
            text-align: center;
            position: relative;
            bottom:0px;
            left:0px;
            padding-top: 20px;
            background-color: #F2F2F2;
            font-size: 100%;
            font-family: 'Kaisei HarunoUmi', serif;
}

	/*=================================== */
	/* 934px responsiv */
	/*=================================== */


    @media screen and (max-width: 1360px){
        .imp_container {
            max-width: 1160px;
        }
        .imp_container h2 {
            font-size: 210%;
		}
        .imp_container .kategorie h3 {
            font-size: 210%;
        }
        .imp_container .kategorie p {
            font-size: 120%;
        }
        .imp_container h1 {
			font-size: 190%;
        }
    }

    @media screen and (max-width: 1190px){
        .imp_container {
            max-width: 992px;
        }
        .imp_container h2 {
            font-size: 200%;
		}
        .imp_container .kategorie h3 {
            font-size: 200%;
        }
        .imp_container .kategorie p {
            font-size: 110%;
        }
        .imp_container h1 {
			font-size: 180%;
        }
    }

    @media screen and (max-width: 996px){
        .imp_container {
            max-width: 774px;
        }
        .imp_container h2 {
            font-size: 210%;
		}
        .imp_container .kategorie h3 {
            font-size: 210%;
        }
        .imp_container .kategorie p {
            font-size: 130%;
        }
        .imp_container h1 {
			font-size: 200%;
        }

        /* top-balken style */
        #rechtliches-top-balken {
            height:16vh;
            display: block;			   
            top:0rem;
            right:0rem;
            padding: 0rem;
        }
    }
    @media screen and (max-width: 512px){
        .imp_container h2 {
            font-size: 180%;
		}
        .imp_container .kategorie h3 {
            font-size: 180%;
        }
        .imp_container .kategorie p {
            font-size: 110%;
        }
        .imp_container h1 {
			font-size: 170%;
        }
    }
    @media screen and (max-width: 375px){
        .imp_container h2 {
            font-size: 160%;
		}
        .imp_container .kategorie h3 {
            font-size: 160%;
        }
        .imp_container .kategorie p {
            font-size: 100%;
        }
        .imp_container h1 {
			font-size: 150%;
        }
    }
    @media screen and (max-width: 300px){
        .imp_container h2 {
            font-size: 150%;
		}
        .imp_container .kategorie h3 {
            font-size: 150%;
        }
        .imp_container .kategorie p {
            font-size: 90%;
        }
        .imp_container h1 {
			font-size: 140%;
        }
    }