@media screen and (max-width:600px) {
	#cwrapper{ margin-top:-10px; }
	
	.violet{ font-weight:bold; }
    .nav_active{ border-bottom:2px solid #FFFFF }
    .nav_black_active{ border-bottom:2px solid #000000; }
    .nav_black { color: #000000; }
    .nav_black:hover{ border-bottom:2px solid #000000; }
    .nav_white { color: #FFFFFF; }
    .nav_white:hover{ border-bottom:2px solid #FFFFFF; }
	
    .info{
		font-size:17px;
		line-height:24px;
	}
	
    .dnav {
        font-size:24px;
        line-height:30px;
        font-weight:bold;
    }
    
    .dnav.karte{ margin-bottom:2px;}
    .dnav.karte.nav_active:hover{ margin-bottom:2px; }
    .karte:hover{ margin-bottom:0px; }
    
    .dnav.impressum{
        font-size:15px;
        left:26px;
    }
    .nav_black:hover{ border-bottom:3px solid #000000; }
    .nav_white:hover{ border-bottom:3px solid #FFFFFF; }
		
    #monde13intro{
        font-size:44px;
        left:15px;
        top:15px;
    }

    #ititle{ padding-bottom:15px;}
    
    .vcircle{
        width:35px;
        height:35px;
        border:2px solid #4c0fe0;
        border-radius:40px;
        display:inline-block;
        margin-top:-14px;
    }
    
    .vcircleinner{
        font-size:20px;
        text-align:center;
        width:30px;
        height:30px;
        margin:5px;
        margin-left:3px;
        margin-top:3px;
    }
    
    .arrleft{
        width:16px;
        height:16px;
        border-left:2px solid #000000;
        border-bottom:2px solid #000000;
        transform: rotate(45deg);
        cursor:pointer;
    }

    .arrright{
        width:16px;
        height:16px;
        border-right:2px solid #000000;
        border-top:2px solid #000000;
        transform: rotate(45deg);
    }
    
    .alwrap,.arwrap{ padding-top:6px; }
    
    #navigation{ margin-top:23px; }
    #navinner{ width:140px;}
    #route{ margin-top:-20px;}
    #routeinner{
        width:95%;
        font-size:15px;
    }
    
    .icontent{ font-size:18px; }

    .headline,.headline2{
        font-size:22px;
        text-underline-offset: 7px; 
        text-decoration-thickness:1px; 
    }
    .headline2{
        font-size:20px;
        margin-bottom:10px;
    }
    .fliesstext{ font-size:17px; }
    .pcontent.fliesstext{ font-size:18px; }
    
    #en.lang_active_white_underline,#de.lang_active_white_underline,#en.lang_active_white_underlinet>a,#de.lang_active_white_underline>a{
        color:#FFFFFF !important;
    }
    
}

@media screen and (min-width:601px) and (max-width:767px) {

	#cwrapper{ margin-top:-10px; }
	
	.violet{ font-weight:bold; }
    .nav_active{ border-bottom:2px solid #FFFFF }
    .nav_black_active{ border-bottom:2px solid #000000; }
    .nav_black { color: #000000; }
    .nav_black:hover{ border-bottom:2px solid #000000; }
    .nav_white { color: #FFFFFF; }
    .nav_white:hover{ border-bottom:2px solid #FFFFFF; }
	
    .info{
		font-size:16px;
		line-height:24px;
	}
	
    .dnav {
        font-size:24px;
        line-height:30px;
        font-weight:bold;
    }
    .dnav.impressum{
        font-size:15px;
        left:26px;
    }
    .nav_black:hover{ border-bottom:3px solid #000000; }
    .nav_white:hover{ border-bottom:3px solid #FFFFFF; }
		
    #monde13intro{
        font-size:44px;
        left:15px;
        top:15px;
    }

    #ititle{ padding-bottom:15px;}
    
    .vcircle{
        width:35px;
        height:35px;
        border:2px solid #9e28ff;
        border-radius:40px;
        display:inline-block;
        margin-top:-14px;
    }
    
    .vcircleinner{
        font-size:20px;
        text-align:center;
        width:30px;
        height:30px;
        margin:5px;
        margin-left:3px;
        margin-top:3px;
    }
    
    .arrleft{
        width:16px;
        height:16px;
        border-left:2px solid #000000;
        border-bottom:2px solid #000000;
        transform: rotate(45deg);
        cursor:pointer;
    }

    .arrright{
        width:16px;
        height:16px;
        border-right:2px solid #000000;
        border-top:2px solid #000000;
        transform: rotate(45deg);
    }
    
    .alwrap,.arwrap{ padding-top:6px; }
    
    #navigation{ margin-top:23px; }
    #navinner{ width:140px;}
    #route{ margin-top:-20px;}
    #routeinner{
        width:95%;
        font-size:15px;
    }
    
    .icontent{ font-size:18px; }

    .headline,.headline2{
        font-size:22px;
        text-underline-offset: 7px; 
        text-decoration-thickness:1px; 
    }
    .headline2{
        font-size:20px;
        margin-bottom:10px;
    }
    .fliesstext{ font-size:17px; }
    .pcontent.fliesstext{ font-size:18px; }
    #en.lang_active_violet,#de.lang_active_violet,#en.lang_active_violet>a,#de.lang_active_violet>a{
        color:#FFFFFF !important;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .icontent{ font-size:18px; }

    .headline,.headline2{
        font-size:23px;
        text-underline-offset: 7px; 
        text-decoration-thickness:1px; 
    }
    .headline2{
        margin-bottom:10px;
    }
    .fliesstext{ font-size:17px; }
    .pcontent.fliesstext{ font-size:18px; }
    
    .nav_active{ border-bottom:2px solid #FFFFFF !important; }
    .nav_black_active{ border-bottom:2px solid #000000; }
    .nav_black { color: #000000; }
    .nav_black:hover{ border-bottom:2px solid #000000; }
    .nav_white { color: #FFFFFF; }
    .nav_white:hover{ border-bottom:2px solid #FFFFFF; }
	
    .info{
		font-size:17px;
		line-height:24px;
	}
	
    .dnav {
        font-size:30px;
        line-height:35px;
        font-weight:500;
    }
    
    .dnav.karte{ margin-bottom:2px; }
    .karte:hover{ margin-bottom:0px; }
    .dnav.karte.nav_active:hover{ margin-bottom:2px; }
    
    .dnav.impressum{
        font-size:15px;
        left:26px;
    }
    
    #en.lang_active_violet,#de.lang_active_violet,#en.lang_active_violet>a,#de.lang_active_violet>a{
        color:#FFFFFF !important;
    }
    
    .vcircleinner{
        margin-top:4px;
        margin-left:5px;
    }
}

@media screen and (min-width:1201px) and (max-width:1705px) {
     #projekt{
		position:absolute;
		width:60%;
		height:75%;
		left:50%;
		top:15%;
		margin-left:-30%;
		display:none;
		overflow:auto;
        padding-right:10px;
    }

    .phead{
		width:100%;
		font-size:36px;
		margin-bottom: 10px;
		padding-bottom:10px;
    }

    .pcontent{
		padding-right:10px;
		scrollbar-color: #FFFFFF transparent;
		scrollbar-width: thin;
    }
    .headline2{
         font-size:30px; 
    }
    
    .monde13{ display:block; }
    .monde13sm{ display:none; }
    .vcircleinner{
        margin-top:4px;
        margin-left:6px;
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    #content.fliesstext{
        font-size: 18.5px;
        line-height:1.4;
        letter-spacing: 0.02em;  
    }
    .headline2{
        font-size:32px;
    }
    .dnav{
        font-size:42px;
    }
}


/* for retina displays */

/* 192 dpi (ppi gibts in css nicht) */
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
    screen and (-min--moz-device-pixel-ratio: 2), (min-resolution: 192dpi)
    screen and (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi)
    screen and (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    
}