@charset "utf-8";
a:visited, a:link, a:active{ color: black; text-decoration: none;} 
@media screen and (max-width: 4500px) and (min-width: 1101px) {

    html,
    body {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

    body {
        background:#E1001E url('../images/main_bg3.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
    #main {
        width: 1100px;
        height: auto;
        margin: 0 auto;
        clear: both;
    }
    #main_title{
        font-family: "Stick";
        color: white;
        float: left;
        clear: both;
        font-size: 62px;
        margin-left: 30px;    
        margin-top: 200px;
    }
    #main_text1{
        width: 370px;
        font-family: "Stick";
        color: #F7DA11;
        float: left;
        clear: both;
        font-size: 22px;
        margin-left: 30px;    
        margin-top:0px;
    }
    #line{
        width: 1100px;
        height: 10px;
        background: white;
        float: left;
        clear: both;
        margin-top: 32px;
        border-radius: 5px;
    }
    #booklet_img1{
        width: 640px;
        height: 2049px;
        background: url('../images/booklet115a.png');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 230px;
        margin-top: 55px;
        float: left;
        clear: both;
    }
    #line2{
        width: 1100px;
        height: 10px;
        background: white;
        float: left;
        clear: both;
        margin-top: 18px;
        border-radius: 5px;
    }
    #booklet_img2{
        width: 640px;
        height: 2047px;
        background: url('../images/booklet114a.png');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 230px;
        margin-top: 55px;
        float: left;
        clear: both;
    }
    #bottom_inner{
        width: 1100px;
        height: auto;
        margin: 0 auto;
    }
    #bottom {
        width: 100%;
        height: 194px;
        background: url('../images/bg_bottom.jpg');
        clear: both;
        margin: 0 auto;
    }
     #kontakt_disclaimer{
        text-align: center;
        font-family: "Stick";
        color: white;
        font-size: 18px;  
        width: 1040px;
        margin-left: 30px;
         margin-top: 30px;
         float: left;
        clear: both;
    }
}
@media screen and (max-width: 1100px) and (min-width: 200px) {
    html, body {
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	body {
		background:#E1001E url('../images/mobile_bg3.jpg');
		background-repeat:no-repeat;
		background-position:center top;
	}
    #main{
		width:320px;
		height:1000px;
		margin:0 auto;

	}
    #main_title{
        width: 100%;
        text-align: center;
        font-family: "Stick";
        color: white;
        float: left;
        clear: both;
        font-size: 62px;
        margin-left: 0px;    
        margin-top: 190px;
    }
    #main_text1{
        width: 300px;
        font-family: "Stick";
        color: #F7DA11;
        float: left;
        clear: both;
        font-size: 18px;
        text-align: center;
        margin-left: 10px;    
        margin-top:0px;
    }
    #line{
        width: 320px;
        height: 10px;
        background: white;
        float: left;
        clear: both;
        margin-top: 32px;
        border-radius: 5px;
    }
    #line2{
        width: 320px;
        height: 10px;
        background: white;
        float: left;
        clear: both;
        margin-top: 20px;
        border-radius: 5px;
    }
    #booklet_img1{
        width: 320px;
        height: 1024.5px;
        background: url('../images/booklet115a.png');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 0px;
        margin-top: 40px;
        float: left;
        clear: both;
    }
    #booklet_img2{
        width: 320px;
        height:1023.5px;
        background: url('../images/booklet114a.png');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 0px;
        margin-top: 37px;
        float: left;
        clear: both;
    }
    #bottom_inner{
        width: 320px;
        height: auto;
        margin: 0 auto;
    }
    #bottom {
        width: 100%;
        height: 251px;
        background: url('../images/bg_bottom_mobile.jpg');
        clear: both;
        margin: 0 auto;
    }
    #kontakt_disclaimer{
        text-align: center;
        font-family: "Stick";
        color: white;
        float: left;
        font-size: 12px;
        margin-left: 10px;    
        margin-top: 20px;
        width: 300px;
    }
}