@media (max-width: 1000px) {
	
		
	#head {
		background: #fff;
		position: relative;
	}

	
	#menue, #logo  {
		width: 50%;
	}

	#header {
		margin-top: 0px;
	}
	
	

	
	
	 .mob_button {
        display: block;
    }
    /* -- Mobile Navi -- */

    .mob_button span::after, .mob_button span::before {
        transform: translateZ(0px);
    }

    .mob_button {
        width: 50px;
        height: 50px;
        background: #ff9c26;
        cursor: pointer;
        white-space: nowrap;
        margin: 0;
        position: absolute;
        top: 80px;
        left: 20px;
		z-index:10;
    }

    .mob_button span {
        background-color: #FFF;
        height: 3px;
        left: 12px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        transition: background-color 0.3s ease 0.3s;
        width: 25px;
    }

    .mob_button span::after, .mob_button span::before {
        backface-visibility: hidden;
        background-color: #fff;
        content: "";
        height: 3px;
        position: absolute;
        transform: translateZ(0px);
        transition: transform 0.3s ease 0.3s;
        width: 100%;
        display: block;
    }

    .mob_button span::before {
        transform: translateY(-8px);
    }
    .mob_button span::after {
        transform: translateY(8px);
    }

    .mobnavvisible.mob_button span {
        background-color: transparent;
    }

    .mobnavvisible.mob_button span::before {
        transform: translateY(0px) rotate(-45deg);
    }

    .mobnavvisible.mob_button span::after {
        transform: translateY(0px) rotate(45deg);
    }
	
	
	

	
	
	/*********** Mobile Navi ************/
	#menue ul{
		position: absolute;
		display: none;
		z-index:5;
		float: left;
		width: 100% !important;
		text-align: right;
		background-color: #fff;
        margin-top: 0 !important;
        top: 130px;
		padding: 30px 0 20px 0;
        left: 0;
		border-bottom: 5px solid #ff9b39;
    }

	#menue ul li {
		width: 100%;
		float: left;
		clear: both;
        text-align: center;
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px dotted grey;
    }
	
	#menue ul li:last-child{
		width: 100%;
		float: left;
		clear: both;
        text-align: center;
        margin: 0;
        padding: 10px  0 0;
        border-bottom: none;
    }
    #menue ul li a {
        display: block;
        width: 100%;
        padding: 5px 0;  
    }
	

	#menue li ul.hnavisub {
		position: relative !important;
		float:left;
		display: none;
		top: 0px !important;
		left: 0px !important;
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
	}
	
	.hnavisub li {
		border-bottom: none !important;
	}
	
	/* aktiver punkt */
		
	#menue li.act span {
		color: #ff9b39 !important;
	}
	
	
	#menue li.act ul.hnavisub {
		display:block !important;
	}
	
	
	#menue li ul.hnavisub {
		display:none !important;
	}
    	
		
		
	


	h1, h2 {
		font-size:30px;
		text-align:center;
		font-weight: 400;
	}
.col-50 h1, .col-50 h2,
	h1+h2, h4 {
		font-size:24px;
		font-weight:400;
	}


	h3 {
		font-size: 20px;
		font-weight: bold;
	}

	
.leistungen #header ul li, .leistungen #header ul li:first-child, .leistungen #header ul li:last-child, .leistungen #header ul li:hover{
	font-size:13px;
	width: 30%;
	margin: 0 1% 1% 1%;
	}
		
    
	



	
	
}











@media (max-width: 800px) {
	
	.mob_button {
		top: 40px;
	}

	#quicklinks, .owl-nav {
		display:none;
	}
	
	
	#content .rahmen {
		margin: 20px auto 80px auto;
	}
	
	
	.fixedheader {
		background-repeat: no-repeat;
		background-attachment: inherit !important;
		background-size: cover;
		height:250px;
	}

	
	
	.orangerbg {
		padding-bottom:30px !important;
	}

	
	#footer .col-25, .col-40, .col-60,
	.tx_cn-columns .row .col-50 {
		float:left;
		clear:left;
		width:100% !important;
		height: auto !important;
	}
	
	
	.startseite .grauerbg li {
    font-size: 16px;

}

	h1, h2 {
		font-size:24px;
		text-align:center;
		font-weight: 400;
	}
	
	.col-50 h1, .col-50 h2,
	h1+h2, h4 {
		font-size:24px;
		font-weight:400;
	}


	h3 {
		font-size: 20px;
		font-weight: bold;
	}

	.tx_cn-columns .row {
		height: auto !important;
	}
	
	
	.contenttable td {
		vertical-align: top;
		padding: 0 10px 0 0px;
		width: 100%;
		float: left;
		clear: left;
	}
	
	.tx_cn-multicontent.dunkelgrauerbg  {
		width: 96% !important;
		padding: 0% 2%;
	}
	#content .grauerbg .rahmen,
	.ui-accordion {    
    width: 95%;
	max-width: 98%;
	}
	
	
	#content .col-50 .rahmen,
	#content .tx_cn-columns .grauerbg .rahmen {
		margin: 0px !important;
		padding: 2% !important;
	}
	
	.leistungen #header ul.fixed {
    position: absolute;
	}
	
	/*Ärztenetz Logo */
	#footer #c159 {
		position: absolute;
		right: 0px;
		left: auto;
		bottom: 30px;
		z-index: 2;
		width: 200px;
	}
	
	#footer .dunkelgrauerbg ul {
		margin: 30px 0 0 0;
	}
	#footer .dunkelgrauerbg li {
		font-size:14px;
	}
	
	
	
	 #footer .col-25:first-child .rahmen, #footer .rahmen {
		font-size:16px;
	}
	
	
	#footer .col-25:first-child{
		border-bottom: 1px dotted white;
		margin: 0 0 30px 0;
		padding-bottom:40px;
	}
	
	/* Ärzte auf Startseite*/
	.startseite .ce-gallery[data-ce-columns="5"] .ce-column {
		width:45%;
		margin: 0 2% 10% 0;
	}
	
	
	.startseite .ce-gallery[data-ce-columns="5"] .ce-column:nth-child(3), .startseite .ce-gallery[data-ce-columns="5"] .ce-column:nth-child(5) {
		clear:left;
	}

		
	.startseite .ce-gallery[data-ce-columns="5"] .ce-column img{
		width: 100%;
		height: auto;
	}
	


	.team #content .ce-column {
		width:45%;
		margin: 0 2% 10% 0;
	}
	
	
	
	.team #content figure,
	.team  #content .ce-column img{
		width: 100%;
		height: auto;
	}
	
	
	.startseite .grauerbg li,
	.startseite li,
	.leistungen .bgbild li, .leistungen .col-50 li, .leistungen .orangerbg li, .leistungen .dunkelgrauerbg li {
		font-size: 18px;
		margin: 0 0 0 20px;

	}

	#content.aerzte {
		margin: 0px 0 0 0;
	}
	
	.unterseite .frame.default .ce-textpic .ce-bodytext
	{
		clear:left;
		float:left;
	}
}