@charset "utf-8";

@media only screen and (max-width:1450px) {
	#responsive {
		position:fixed; top:0; right:0; left:0; max-width:200px; height:30px; z-index:50; display:block; margin:0 auto;
		background-color:rgba(0,0,0,.7); color:#fff; font-size:13px; text-align:center; line-height:30px;
	}
	#responsive:before { content:''; }

	/*Seitebreite*/
	#siteheader_top, #siteheader .content, #dsmain, #sitefooter, #impressum { margin-left: 25px; margin-right: 25px; }

	/*Quicklinks*/
	#dsmenus > li.quicklinks > ul { padding-right:25px; }

	/*Ajaxdiv*/
	#ajaxdiv { width:auto; }
	#ajaxdiv .gallery-wrapper .cis-gallery { top:10px; right:10px; bottom:10px; left:10px; }
	#ajaxdiv .popupheader a.ajaxclose { margin-top:10px; }
	#ajaxdiv .popupbody .text { padding-right:10px; }

}

@media (max-width:1399px){

	/*Rows*/
		.row.header { font-size:14px; }

}

@media only screen and (max-width:1100px) {
	#dsmenus > li { margin-left:5px; }

	/*Partner*/
	#dscolumn1_2 .cpartner.view .row .col.address { padding-right:5px; }
	#dscolumn1_2 .cpartner.view .row .icons { position:relative; bottom:auto; right:auto; padding:0 5px 5px 5px; text-align:right; }
	#dscolumn1_2 .cpartner.view .row .icons > div { float:none; display:inline-block; }
	#dscolumn1_2 .cpartner.view .row .icons > div:not(:last-of-type) { margin-right:0; }

	/*Team*/
	#dscolumn2_2 .cteam.viewue .item .options > div a.btn.in { width:30px; padding:0; }
	#dscolumn2_2 .cteam.viewue .item .options > div a.btn.in > .fa { padding-right:0; }
	#dscolumn2_2 .cteam.viewue .item .options > div a.btn.in > span { display:none; }

	/*Search*/
	.csearch.view .searchpanel > form > div,
	.csearch.view .item,
	.csearch.view .paging > div { width:50%; }
}

@media (max-width:1366px){
	#responsive:before { content:'iPad Pro Landscape'; }

	.item .box { cursor:pointer; }

	/*#logo { padding:18px 0 10px; }
	#logo { width:180px; }*/
	#dsmenus > li > a { font-size:15px; font-size:1.5rem; }

	#dscolumn1_2 .f1_col1of2:not(.spamfilter), #dscolumn1_2 .f1_col2of2:not(.spamfilter) { float:none; width:auto; padding:0; }
}

@media only screen and (max-width:1024px) {
	#responsive:before { content:'iPad Landscape'; }

	/*Seitebreite & Dropmenu & Hädermenü */
	#siteheader_top, #siteheader .content, #dsmain, #sitefooter, #impressum { margin-left: 15px; margin-right: 15px; }
	#dropmenu > div { padding:15px; }
	#dsmenus > li.quicklinks > ul { padding-right:15px; }

	/*Searchpanel*/
	.searchpanel > form > div { width:33.333%; }

	/*Items*/
	.item { width:33.333%; }

}

@media only screen and (min-width:1024px) {

	/*Navigation / Inhalt muss sichtbar sein*/
	#nav { display:block !important; }
	#dsmain { display:block !important; }

}

@media only screen and (max-width:1023px) {
	#responsive:before { content:'iPad Portrait'; }
	html { font-size: 65% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

	#dssubbody { min-height:55vh; }

	/*Siteheader*/
	#siteheader { padding:0 0 10px; }
	#siteheader_top { padding:10px 0; }
	#siteheader_top a[data-req="#searchcontainer"] { float:right; margin-right:0; }
	#siteheader_bottom:after { background-color:transparent; }
	#teamviewer { display:none; }

	/*Seitebreite & Dropmenu & Hädermenü */
	#siteheader_top, #siteheader .content, #dsmain, #sitefooter, #impressum { margin-left: 10px; margin-right: 10px; }
	#dropmenu > div { padding:10px; }
	#dsmenus > li.quicklinks > ul { padding-right:10px; }

	/*Slider*/
	.cslider { margin-bottom:20px; }

	/*Logo*/
	#logo { padding:14px 0; }
	#logo { width:auto; }

	/*Menutrigger*/
	#menutrigger {
		position:relative; float:right; display:block; margin:5px 0 0 0;
		cursor:pointer; z-index:3; width:50px; height:50px; line-height:50px; overflow:hidden;
		-webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s;
		-o-transition:background .4s; transition:background .4s;
	}
	#menutrigger span {
		position:absolute; left:5px; width:40px; height:4px; background-color:#684c35;
		-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;
		-webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s;
	}
	#menutrigger span.line1 { top:10px; }
	#menutrigger span.line2 { top:22px; }
	#menutrigger span.line3 { top:22px; }
	#menutrigger span.line4 { top:34px; }
	#menutrigger.open span.line2 {
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
	}
	#menutrigger.open span.line3 {
		-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
	#menutrigger.open span.line1, #menutrigger.open span.line4  { opacity:0; filter:alpha(opacity=0); }

	/*Navigation*/
	#nav-wrapper { float:none; clear:both; background-color:#684c35;}
	#nav { display:none; }
	#dsmenus > li { float:none; margin-left:0; }
	#dsmenus > li > a { border-top:1px #fff dashed; color:#fff; line-height:25px; }
	#dsmenus > li > ul { position:relative; top:auto; left:auto; min-width:0; border-bottom:0; }
	#dsmenus li.fixwidth:after {
		position:absolute; width:40px; height:40px; line-height:50px; top:0; right:0; bottom:0; left:auto; text-align:center;
		font-family:FontAwesome; content:"\f107"; font-size:18px; font-size:1.8rem; color:#fff;
	}
	#dsmenus li.fixwidth.dsmenu_active:after,
	#dsmenus li.fixwidth.running:after,
	#dsmenus li.fixwidth.open:after {
		transform:rotate(-90deg); height:50px;
	}
	#dsmenus li.dsmenu_active > ul,
	#dsmenus li.dssubmenu_active > ul { display:block !important; }
	#dsmenus > li.fixwidth.dsmenu_active > a:before { border-bottom-color:#fff; bottom:0; }

	/*Navigation > Quicklinks*/
	#dsmenus > li.quicklinks { position:relative; }
	#dsmenus > li.quicklinks > a { display:none; }
	#dsmenus > li.quicklinks > ul {
		position:relative; top:auto; right:auto; left:auto; display:none; padding-top:0; padding-right:0; text-align:left; height:auto !important;
	}
	#dsmenus > li.quicklinks > ul > li { float:none; display:block; margin-left:0; }
	#dsmenus > li.quicklinks > ul > li > a { font-size:17px; font-size:1.7rem; color:#fff; font-weight:600; border-top:1px #fff dashed; }
	#dsmenus > li.quicklinks > ul > li:hover > a { color:#ccc; }
	#dsmenus > li.quicklinks > ul > li.dssubmenu_active > a { color:#fff; font-weight:400; }
	#dsmenus > li.quicklinks > ul > li > ul {
		position:relative; top:auto; left:auto; min-width:0; width:100%; border-color:#ccc; border-top:0; border-bottom:0;
	}
	#dsmenus > li.quicklinks > ul > li > ul a { color:#684c35; }
	#dsmenus > li.quicklinks > ul > li.fixwidth.dssubmenu_active > a:before,
	#dsmenus > li.quicklinks > ul > li.fixwidth:hover > a:before { border-bottom-color:#fff; bottom:0; }

	/*Inhalt*/
	#dsmain { padding-top:130px; }

	/*Footer*/
	#address { margin-left:-10px; }
	#address > div { padding:0 0 0 10px; }
	#address > div.col.first { width:40%; padding-right:0; }
	#address > div.col { width:30%; padding-right:0; }

	/*Ajaxdiv*/
	#ajaxdiv { height:auto; top:10px !important; right:10px; bottom:10px; left:10px; overflow:auto; -webkit-overflow-scrolling:touch; }
	#ajaxdiv > div { padding-top:50px; padding-right:0; }
	#ajaxdiv .gallery-wrapper { height:0; padding-bottom:55%; }
	#ajaxdiv .popupcontent { position:static; top:auto; right:auto; bottom:auto; width:auto; }
	#ajaxdiv .popupheader { position:absolute; top:10px; right:10px; left:10px; width:auto; height:auto; }
	#ajaxdiv .popupheader a.ajaxclose { margin-top:0; }
	#ajaxdiv .popupbody { position:relative; top:auto; bottom:auto; right:auto; width:auto; }
	#ajaxdiv .popupbody .text { padding-left:10px; }

	/*Ajaxdiv > Thumbnails 'absolute' positionieren*/
	#ajaxdiv > div.thumbnails .gallery-wrapper .cis-gallery .thumbnail-navigation { bottom:-90px; }
	#ajaxdiv > div.thumbnails .popupcontent { padding-top:80px; }

	#dropmenu .col1of2, #dropmenu .col2of2 { float:none; width:auto; }
	#dropmenu .col1of2 { padding-right:0; }
	#dropmenu .col2of2 { padding-left:0; }
	#dropmenu .col1of2 button { float:none; width:100%; }

	/*Login > Profil*/
	.clogin.profil { height:200px; padding-bottom:0; }
	.clogin.profil .content { right:10px; bottom:10px; left:10px; }
	.clogin.profil .f1_col2of2 { text-align:right; }
	.clogin.profil .userbutton { position:static; margin-top:10px; padding-top:10px; }
	.clogin.profil .userbutton > div { padding-left:10px; }
	.clogin.profil .userbutton > div.profil { padding-right:15px; padding-left:0; }

	/*Extranet-Buttons*/
	#extranet_buttons > div { float:none; width:auto; }
	#extranet_buttons > div#button_3 { margin-bottom:20px; }

	/*Searchpanel*/
	.searchpanel > form { margin-left:-15px; }
	.searchpanel > form > div { width:50%; padding:0 0 20px 15px; }
	.searchpanel > form > div.select { width:100%; padding-bottom:10px; }

	/*Items*/
	.items { margin-left:-15px; }
	.item { margin-bottom:15px; width:50%; }
	.item .box { margin-left:15px; }

	/*Paging*/
	.paging { margin-left:-15px; }
	.paging > div { width:50%; padding-left:15px; }

	/*Formular*/
	.f1_col1of2, .f1_col2of2, .f1_col1of2.spamfilter, .f1_col2of2.spamfilter { float:none; width:auto; padding:0; }
	.f1_spamfilter { padding-left:180px; }
	.f1_spamfilter > label { text-align:center; padding:0 10px; }
	.f1_spamfilter > label:before { content:"\f062"; float:left; }
	.f1_spamfilter > label:after { content:"\f062"; font-family:FontAwesome; float:right; }

	.custominput.append.checkbox { padding-right:55px; }

	#dscolumn2_2 .f1_row button { float:none; width:100%; margin-bottom:10px; }
	#dscolumn2_2 .f1_row a.btn { float:none; display:block; }

	/*Slider*/
	.cslider .cis-contentslider .nav-points { right:10px; bottom:10px; left:10px; }
	.cslider .cis-contentslider .content > div .line { padding:0 10px; }
	.cslider .cis-contentslider .content > div .line1 { bottom:120px; }
	.cslider .cis-contentslider .content > div .line2 { bottom:70px; }

	/*Picasa*/
	.cpicasalow .paging { margin-left:0; }
	.cpicasalow .paging > div { float:none; width:auto; padding-left:0; }
	#dscolumn1_2 .paging > div { width:auto; }

	/*Team*/
	.cteam.viewue .item .content { height:auto; padding-left:10px; }
	.cteam.viewue .item .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:120px; }

	/*News*/
	.cnews.viewue .cis-contentslider { height:235px; }
	.cnews.viewue .cis-contentslider .slide { padding-left:0; }
	.cnews.viewue .cis-contentslider .placeholder { position:relative; top:auto; left:auto; width:auto; height:120px; margin-bottom:10px; }

	/*Search*/
	.csearch.view .results { margin-left:-15px; }
	.csearch.view .item .box { margin-left:15px; }

	/*Extranet - Patientendossier*/
	.cpatient.viewdet .row .col { width:30%; }
	.cpatient.viewdet .row .col.title { width:34%; }
	.cpatient.viewdet .row .col.size { width:18%; }
	.cpatient.viewdet .row .col.date { width:18%; }
	.cpatient.viewdet .row .col.file { width:34%; }

	/*Extranet > Praxisdossier*/
	.cpraxis.view .row .col { width:30%; }
	.cpraxis.view .row .col.title { width:34%; }
	.cpraxis.view .row .col.size { width:18%; }
	.cpraxis.view .row .col.date { width:18%; }
	.cpraxis.view .row .col.file { display:none; }

	/*Extranet > Neuer Auftrag*/
	.csoap.form .checkboxCheck.kiefer > div.first { padding-left:0; }
	.csoap.form .checkboxCheck.kiefer > div.last { padding-right:0; }
	.csoap.form #div_orthodontie .checkboxCheck.kiefer > div { width:12.5%; }

	/*Shadowbox*/
	#sb-wrapper { top:10px !important; right:10px !important; bottom:10px !important; left:10px !important; width:auto !important; }
	#sb-title { display:none !important; }
	#sb-wrapper-inner { height:100% !important; }
	#sb-info { position:absolute; bottom:0; right:0; left:0; }
	#sb-body img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; }
	#sb-caption { display:none; }
	#sb-info, #sb-info-inner { min-height:34px; line-height:34px; }
	#sb-counter { padding-left:20px; box-sizing:border-box; }
}

@media only screen and (max-width:954px) {

	/*Slider & Google Maps*/
	.cslider .cis-contentslider, .cmaps.view { height:280px; padding-bottom:0; }
}

@media only screen and (max-width:767px) {
	#responsive:before { content:'iPhone 6 Landscape'; }
	html { font-size:75% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape*/ }

	/*Header*/
	#dssiteheader { position:relative; top:auto; right:auto; left:auto; }
	#dssiteheader.dropmenu { max-height:none; overflow:hidden; }

	/*Dropmenu*/
	#dropmenu .col1of2, #dropmenu .col2of2 { float:none; width:auto; padding:0; }
	#dropmenu .col1of2 { padding-bottom:10px; }

	/*Inhalt*/
	#dsmain { padding-top:0; }
	#dscolumn1_2, #dscolumn2_2,
	.half #dscolumn1_2, .half #dscolumn2_2 { float:none; width:auto; padding:0; }

	/*Footer*/
	#address > div.col, #address > div.col.first { float:none; width:auto; }
	#address > div.col > div:not(.street):not(.city) { display:none; }
	#mobilefooter { display:block; margin-left:-10px; padding-top:15px; }
	#mobilefooter:after { content:''; display:block; clear:both; }
	#mobilefooter a:hover { color:#fff; }
	#mobilefooter > div { float:left; width:33.333%; padding:0 0 0 10px; box-sizing:border-box; }
	#mobilefooter > div > a.btn { display:block; color:#ccc; line-height:40px; padding:0; border:1px #ccc solid; }
	#mobilefooter > div > a.btn:hover { color:#fff; }
	#mobilefooter > div > a.btn:before { font-family:FontAwesome; }
	#mobilefooter > div > a.btn.phone:before { content:"\f095"; }
	#mobilefooter > div > a.btn.email:before { content:"\f003"; }
	#mobilefooter > div > a.btn.map:before { content:"\f278"; }

	#createdby { float:none; display:block; clear:both; text-align:center; }

	#scrolltop { line-height:36px; }

	/*Ajaxdiv*/
	#ajaxdiv { top:0 !important; right:0; bottom:0; left:0; }
	#ajaxdiv .cis-gallery .overflow .inner-content .image-content .image.noScaleFormat { background-size:cover; }

	/*Extranet > Userinfo*/
	.clogin.profil .userinfo { padding-left:10px; }
	.clogin.profil .userinfo > .placeholder { display:none; }
	.clogin.profil .userbutton { margin-left:0; }
	.clogin.profil .userbutton > div.profil { padding-right:10px; }
	.clogin.profil .userbutton > div.logout { padding-left:10px; }

	/*Extranet > Buttons*/
	#extranet_buttons > div { float:left; width:50%; }
	#extranet_buttons > div#button_3 { margin-bottom:0; }


	/*Items*/
	.item .options > div a.btn.in > span { display:none; }

	/*Team*/
	.cteam.viewue .item .content { height:100px; padding-left:200px; }
	.cteam.viewue .item .placeholder { position:absolute; top:10px; bottom:10px; left:10px; width:180px; height:auto; }

	/*News*/
	.cnews.viewue .cis-contentslider { height:124px; height:12.4rem; }
	.cnews.viewue .cis-contentslider .slide { padding-left:185px; }
	.cnews.viewue .cis-contentslider .placeholder { position:absolute; top:0; left:0; width:170px; height:100%; margin-bottom:0; }

	/*Partner*/
	.cpartner.view .row .col.address { padding-right:110px; }
	.cpartner.view .row .icons .btn.phone { width:30px; padding:0; }
	.cpartner.view .row .icons .btn.phone > .fa { padding-right:0; }
	.cpartner.view .row .icons .btn.phone > span { display:none; }

	/*Search*/
	.csearch.view .item { width:100%; }

	/*Downloads*/
	.cdownload ul.dslinklist_0 li { float:none; width:auto; }

	/*Contentslider*/
	.cis-contentslider .navigation div { line-height:36px; }

	/*Row*/
	.row.header { display:none; }
	.row .col { position:relative; float:none; width:auto !important; padding-left:160px; text-align:left !important; padding-right:5px !important; }
	.row .col > span.hidden { position:absolute; left:5px; width:150px; display:block; font-weight:700; }

	/*Extranet > Patientendossier*/
	.cpatient .row .icons { top:auto; bottom:5px; }
	.cpatient.viewdet .row { padding-right:0; padding-bottom:40px; }
	.cpatient.viewdet .row .col.file { display:block; }

	/*Extranet > Neuer Auftrag*/
	.csoap.form .checkboxCheck.kiefer > div {}
	.csoap.form .toggle_ok .custominput.append,
	.csoap.form .toggle_uk .custominput.append,
	.csoap.form .toggle_ok_uk .custominput.append,
	.csoap.form #div_orthodontie .custominput.append { padding-right:0; }
	.csoap.form .custominput label.toggle_all:last-of-type { display:block; position:relative; top:auto; right:auto; width:auto; }
	.csoap.form .checkboxCheck.kiefer > div > label { min-height:10px; }
	.csoap.form .checkboxCheck.kiefer > div > label:before { width:14px; height:14px; line-height:14px; font-size:12px; }
}

@media only screen and (max-width:666px) {
	#responsive:before { content:'iPhone 5 Landscape'; }

	/*Partner*/
	.cpartner.view .row .col.address { padding-right:5px; }
	.cpartner.view .row .icons { position:relative; bottom:auto; right:auto; padding:0 5px 5px 5px; text-align:right; }
	.cpartner.view .row .icons > div { float:none; display:inline-block; }
	.cpartner.view .row .icons > div:not(:last-of-type) { margin-right:0; }

	#copyright { float:none; display:block; text-align:center; }
	#copyright:after { display:none; }
	#bottomlinks { float:none; padding:0; text-align:center; }
	#bottomlinks > li { float:none; display:inline-block; }

	/*Slider*/
	.cslider .cis-contentslider .content > div .line { display:none; }

}


@media only screen and (max-width:567px) {
	#responsive:before { content:'iPhone 4 Landscape'; }

	/*Footer*/
	#impressum { text-align:center; }
	#copyright, #createdby { float:none; display:block; }

	/*Items*/
	.items { margin-left:0; }
	.item { width:100%; }
	.item .box { margin-left:0; }

	/*Paging*/
	.paging { margin-left:0; padding-top:10px; }
	.paging > div { width:100%; padding-left:0; padding-top:10px; }

	/*Team*/
	.cteam.viewue .item .content { height:auto; padding-left:10px; }
	.cteam.viewue .item .placeholder { position:relative; top:auto; bottom:auto; left:auto; width:auto; height:120px; }

	/*News*/
	.cnews.viewue .cis-contentslider { height:180px; height:18rem; }
	.cnews.viewue .cis-contentslider .slide { padding-left:0; }
	.cnews.viewue .cis-contentslider .placeholder {
		position:relative; top:auto; left:auto; width:auto; height:100px; height:10rem; margin-bottom:5px; margin-bottom:0.5rem;
	}

	/*Search*/
	.csearch.view .results { margin-left:0; }
	.csearch.view .item .box { margin-left:0; }

}

@media only screen and (max-width:479px) {
	#responsive:before { content:'iPhone 6 Portrait'; }

	/*Searchpanel*/
	.searchpanel > form { margin-left:0; padding-bottom:10px; }
	.searchpanel > form > div { float:none; width:auto; padding:0 0 10px 0; }
	.searchpanel > form > div.button { width:auto; }

	/*Formular*/
	.custominput, #dropmenu .custominput { padding-left:0; }
	.custominput > label { position:static; top:auto; left:auto; width:auto; margin-bottom:4px; }
	.custominput > div { padding-left:0; }
	.f1_spamfilter { padding-left:0; }
	.f1_row button { float:none; width:100%; }

	/*Ajaxdiv*/
	#ajaxdiv .f1_row a.btn { float:none; width:auto; display:block; margin-bottom:10px; }
	#ajaxdiv .gallery-wrapper { height:0; padding-bottom:80%; }
	#ajaxdiv .gallery-wrapper .cis-gallery .overflow .inner-content .image-content .image { background-position: center center; }

	/*Picasa*/
	.cpicasalow .grid { margin-left:0; }
	.cpicasalow .thumbnail { width:50%; height:110px; }
	.cpicasalow .thumbnail.big,
	#dscolumn1_2 .cpicasalow .thumbnail.big { float:none; width:auto; height:110px; padding-left:0; }

	/*Extranet > Profil*/
	.clogin.profil .content .angemeldet_als { display:none; }
	.clogin.profil .userbutton > div { float:none; width:auto; }
	.clogin.profil .userbutton > div.profil { padding-right:0; padding-bottom:10px;}
	.clogin.profil .userbutton > div.logout { padding-left:0; }

	/*Extranet - Buttons*/
	#extranet_buttons > div { float:none; width:auto; }
	#extranet_buttons > div#button_3 { margin-bottom:20px; }

	/*Search*/
	.csearch.view .searchpanel { margin-bottom:0; }
	.csearch.view .searchpanel > form > div { padding-bottom:10px; }
	.csearch.view .searchpanel > form > div,
	.csearch.view .paging > div { width:100%; }

	/*Extranet > Patientendossier*/
	.row .col { padding-left:5px; }
	.row .col > span.hidden { position:static; left:auto; width:auto; }
}

@media only screen and (max-width:374px) {
	#responsive:before { content:'iPhone 4/5 Portrait'; }

	#siteheader_top a[data-req="#searchcontainer"] span { display:none; }

	#address { font-size:13px; font-size:1.3rem; line-height:23px; line-height:2.3rem; }

}