
/* iPad Pro */
@media (min-device-width:1024px) and (max-device-width:1100px) and (orientation:portrait) {

}


/* iPad hochkant */
@media (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) {

	video {
		height: 100%;
		background-position: right;
	}

	.navbar-toggle {
		display: block;		
		padding: 15px;	
		background: #303030;
		right: 50px;
		top: 0;
		border-radius: 0;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-collapse,
	.navbar-collapse.collapse {
		position: absolute;
		width: 100%;
		top: 65px;
		left: 0;
	}

	#block-nodeblock-217 {
		position: absolute;
		right: 0;
	}

	.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.collapse.in {
		display: block !important;
	}

	.navbar-collapse nav {
		background: #2c2c2c;
	}

	#block-menu-block-1 {
		position: relative;
	  top: inherit;
	  right: inherit;
	  left: 0;
	  width: 100%;
	}

	.menu-block-1 ul.nav {
		display: block;
	}

	.menu-block-1 .nav li {
		float: none;
		width: 100%;
	}

	.menu-block-1 .nav li a {
		padding: 20px 15px;
		color: #fff;
		text-align: center;
	}

	.menu-block-1 .dropdown-menu {
		min-width: 100%;
	}

	.menu-block-1 .nav li ul li:hover a, 
	.menu-block-1 .nav li ul li.active-trail a {
		background: #083e6d;
	}

	.newsfront .view-aktuelle-meldungen .slick-slider {
		padding-left: 15px;
		padding-right: 15px;
	}

	.newsfront .view-aktuelle-meldungen .slick-slide {
		height: 230px;
	}

	.newsfront .view-aktuelle-meldungen .slick-slide .slide__content {
		height: 210px;
	}

	.landratsamt .right, 
	.wirtschaft .right {
		height: auto;
		padding-bottom: 50px;
	}

	.landratsamt .right .inner, 
	.wirtschaft .right .inner {
		margin-top: 50px;
		margin-left: 0;
	}

	.landratsamt .left .bg, 
	.wirtschaft .left .bg {
		height: 465px;
	}

	.landratsamt .left:after,
	.wirtschaft .left:after {
		background-size: 40%;
	}

	#block-views-popular-block-2 .view-popular .views-row {
		display: inline;
	}

	.front .mapstartpage-right, 
	.front .mapstartpage-left {
		padding-right: 15px;
		padding-left: 0;
	}

	.view-aemter-uebersicht .left, 
	.view-search .left, .view-search-db .left {
		display: none;
	}

	.view-aemter-uebersicht .views-field-title a, 
	.view-search .views-field-title a, 
	.view-search-db .views-field-title a, 
	.view-search-db .views-field-views-conditional a {
		padding-top: 10px;
	}

	.view-aemter-uebersicht .right, 
	.view-search .right, 
	.view-search-db .right {
		padding-bottom: 15px;
	}

	.searchbar form#views-exposed-form-search-page button, 
	.front form#views-exposed-form-search-db-page button, 
	.searchbar form#views-exposed-form-search-db-page button {
		top: 8px;
		height: 59px;
	}
}

/* iPad quer */
@media (max-width:1100px) and (min-width:768px) and (orientation:landscape) {
	/*.front .page {
		height: 100vh;
	}*/

	a.logo {
		margin: 0 0 0 30px;
	}

	.navbar-collapse.collapse {
		left: 255px;
	}

	video {
		height: 100%;
	}

	.region-contactbar {
		position: relative;
		z-index: 1000;
	}

	.landratsamt .right .inner, 
	.wirtschaft .right .inner {
		margin-left: 0;
		margin-top: 30px;
	}

	.view-aemter-uebersicht .right, 
	.view-search .right, 
	.view-search-db .right {
		padding-left: 60px;
	}

	.main-container .col-sm-3, 
	.main-container .col-sm-9 {
		padding-right: 15px;
	}

	.counter {
		width: 210px;
	}

	.page-node-180 #readspeaker_button1 {
		display: none;
	}

	.region-sidebar-first .block-menu li a {
		font-size: 1.3vw;
	}

	.searchbar form#views-exposed-form-search-page button, 
	.front form#views-exposed-form-search-db-page button, 
	.searchbar form#views-exposed-form-search-db-page button {
		top: 8px;
		height: 59px;
	}

	.front .mapstartpage-left {
		padding-left: 0;
	}


}


@media (max-width: 1130px) {
  .region-sidebar-first .block-menu li {
    max-width: 220px;
    margin-right: -10px;    
  }
}

@media (max-width: 991px) {
	a.logo {
    margin: 0;
  }   

  .region-sidebar-first {
    float: none;
  }

  .region-sidebar-first .block-menu li {
    width: 100%;
    max-width:100%;
  }

  .main-container .col-sm-9 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  
  .entityform .group-left {
    padding-right: 0;
  }

  .entityform .group-right {
    padding-left: 0;
  }
  
}

@media (max-width: 767px) {

	video {
		width: auto;
		height: 100%;
	}

	.headmainvid {
		top: 0;
		height: 250px;
	}

	.front header {
		height: auto;
	}

	h2 {
  	white-space: pre-line;
    word-break: break-word;
	}

	.front .field-name-body h2 {
		font-size: 7vw;
	}

	.not-front header {
		height: 35vh;
	}

	a.logo {
    margin: 0 0 0 25px;;
  }   

	h1.page-header {
		font-size: 7vw;
	}

	.navbar-toggle {
  	position: absolute;
		top: 10px;
  	right: 5px;
		background: #303030;
  	z-index: 10;
  	border-radius: 0;
  	transition: top 0.3s;
    display: block;
	}

	.fixed .navbar-toggle {
		top: 5px;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-collapse,
	.navbar-collapse.collapse {
	  margin-top: 65px;
	  left: 0;
	  width: 100%;
	  z-index: 2000;
	  top: inherit;
	  padding-left: 0;
    margin-left: 0;
    border: 4px green;
	}

	.navbar-collapse.collapsing {
    left: 15px;
    position: relative;
    margin: -15px;
    padding: -15px;
    margin-top: 0px;
  } 

  #navbar .main .container {
    padding: 0;
  }  

	.fixed .navbar-collapse, 
	.fixed .navbar-collapse.collapse {
		margin-top: 59px;
	}

	.menu-block-1 ul.nav {
		display: block;
		overflow: hidden;
	}

	.menu-block-1 .nav li a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 15px;
		transition: none;
	}

	.menu-block-1 .nav li {
		width: 100%;
	}

	.menu-block-1 .dropdown-menu {
		width: 100%;
    position: relative;
	}

	.down {
		bottom: 50%;
		z-index: 10;
		display: none;
	}

	.menu-block-1 .nav li:hover a, 
	.menu-block-1 .nav li:focus a, 
	.menu-block-1 .nav li.active-trail a, 
	.menu-block-1 li:hover li a:hover, 
	.nav>li>a:hover, .nav>li>a:focus {
		
	}

	.menu-block-1 .nav li ul li:hover a, 
	.menu-block-1 .nav li ul li.active-trail a {
		background: #083e6d;
	}

	nav {
		background: rgba(0,0,0,0.9);
		margin-top: 0;
	}

	.fixed a.logo {
		width: 100%;
		margin-left: 0;
	}

	.fixed a.logo {
		height: 60px;
	}

	.fixed img#logo {
		margin-left: 25px;
		transform: scale(0.7);
		margin-top: -4px;
	}

	#block-views-slider-block,
	#block-views-slider-block-1, 
	.view-slider .views-slideshow-cycle-main-frame, 
	.view-slider .views-slideshow-cycle-main-frame-row {
		max-height: 25vh;
	}

	.searchbar {
		min-height: auto;
		margin-top: 0;
		padding: 25px 0;
	}

	.front .search,
	.front form#views-exposed-form-search-db-page {
		width: 100%;
	}

	#block-multiblock-3 .views-exposed-form .views-exposed-widget {
		width: 100%;
	}

	.front form#views-exposed-form-search-db-page input {
		width: 85%;
		font-size: 14px;
	}

	.front form#views-exposed-form-search-db-page button {
		right: 0;
	}

	.front .search {
		bottom: 0;
		background: #fff;
		position: relative;
		overflow: hidden;
	}

	.front .search:before {
		display: none;
	}

	.front .search.open {
		height: 65%;
		z-index: 10;
		background: rgba(255,255,255,0.95);
	}

	.front .search h2 {
		font-size: 28px;
	}

	.mostsearchedphrases.open {
		height: auto;
	}

	.mostsearched,
	.mostsearched-close {
		font-size: 14px;
	}

	#block-views-popular-block .view-popular .views-row a {
		font-size: 12px;
	}

	.newsfront h2 {
		font-size: 28px;
	}

	.newsfront .view-aktuelle-meldungen .slick-slider {
		padding: 0;
	}

	.landratsamt .right .inner, 
	.wirtschaft .right .inner {
		margin-top: 30px;
		margin-left: 0;
	}

	.landratsamt .left .bg, 
	.wirtschaft .left .bg {
		height: 255px;
	}

	.landratsamt .right, 
	.wirtschaft .right {
		height: auto;
	}

	.wirtschaft .left:after,
	.landratsamt .left:after {
		background-size: 60%;
	}

	.landratsamt .right a.linkbox, 
	.wirtschaft .right a.linkbox {
		padding: 10px 10px 10px 90px;
	}

	.landratsamt .right a.linkbox h3, 
	.wirtschaft .right a.linkbox h3 {
		font-size: 6vw;
		margin-bottom: 10px;
	}

	.landratsamt .right a.linkbox p, 
	.wirtschaft .right a.linkbox p {
		font-size: 4vw;
	}

	#block-views-popular-block-2 .view-popular .views-row {
		border: 0;
		padding-bottom: 15px;
	}

	.front .container-fluid.kontakt {
		padding: initial;
	}

	.front .mapstartpage-right, 
	.front .mapstartpage-left {
		padding-right: 15px;
	}

	.main-container {
    float: left;
    width: 100%;
	}

	.front .main-container {
		padding: 0 15px;
	}

	.searchbar form#views-exposed-form-search-db-page {
		width: 100%;
	}

	.searchbar form#views-exposed-form-search-db-page input {
		width: 85%;
	}

	.searchbar form#views-exposed-form-search-db-page input::placeholder {
		font-size: 14px;
	}

	.view-aemter-uebersicht .right {
		padding-right: 5px;
	}

	.view-aemter-uebersicht .views-row, 
	.view-search .views-row, .view-search-db .views-row {
		padding-bottom: 20px;
	}

	.view-aemter-uebersicht .views-field-field-uebersichtsbild div {
		display: none;
	}

	.view-aemter-uebersicht .views-field-field-suchbegriffe-node p {
		font-size: 12px;
		white-space: normal;
	}

	.view-aemter-uebersicht .views-field-title a {
		font-size: 5.5vw;
		margin-top: 15px;
	}

	.view-aemter-uebersicht .right .views-field-body span, 
	.search .right .views-field-body span {
		font-size: 4vw;
	}

	.node-pressemitteilung.node-teaser, 
	.node-veranstaltung.node-teaser, 
	.node-baustelle.node-teaser, 
	.node-stellenangebot.node-teaser {
		max-height: inherit;
	}

	.node-teaser .field-name-field-presse-bild, 
	.node-teaser .field-name-field-veranstaltung-bild, 
	.node-teaser .field-name-field-baustelle-bild, 
	.node-teaser .field-name-field-stellenangebot-bild {
		float: none;
	}

	.view-einrichtungen .views-field-title {
		font-size: 16px;
	}

	.menu-block-2 li a {
		padding: 8px 5px;
	}

	.menu-block-2 li a:after {
		top: 13px;
	}

	.menu-block-2 li.last a:after {
		display: none;
	}

	.entityform .group-left {
		padding: 0;
	}

	.entityform .group-right {
		padding: 0;
	}

	.site-footer {
		height: auto;
	}

  .region-sidebar-first {
    float: none;
  }  
    
  #block-nodeblock-217 {
    display: none;
  }

  #block-menu-menu-untermenue-aktuelles, 
  #block-menu-menu-untermenue-landkreis, 
  #block-menu-menu-untermenue-wirtschaft, 
  #block-menu-menu-untermenue-aktuelles,
  .region-sidebar-first  {
    display: none;
  }

  .view-search-db .left {
  	display: none;
  }

  .view-aemter-uebersicht .right,
  .view-search .right,
  .view-search-db .right {
  	padding-top: 10px;
  	padding-right: 10px;
  }

  .view-aemter-uebersicht .right .views-field-body, 
  .view-search .right .views-field-body, 
  .view-search-db .right .views-field-body {
  	font-size: 14px;
  }

  .view-search-db .views-field-field-suchbegriffe-node p {
    word-break: break-word;
    white-space: inherit;
  }

  a.link-extern {
  	font-size: 14px;
  }

  .node-pressemitteilung .field-name-title-field h3,
  .node-veranstaltung.node-teaser h3,
  .view-baustellen h3,
  .view-stellenangebote h3,
  #node-179 .field-name-body h3,
  .pane-views-amt-formulare-tab-block h3 {
  	font-size: 6vw;
    white-space: pre-wrap;
  }

  .view-amt-links-tab a {
  	font-size: 4vw;
  	height: auto;
  	line-height: 32px;
  }

  .view-amt-links-tab a:before {
  	height: 100%;
  	background-position: center;
  }

  .view-amt-formulare-tab a {
  	font-size: 4vw;
  }

  #block-views-popular-block-2 .view-popular .views-field-title a {
  	font-size: 5vw;
  }

  .view-popular .views-field-body {
  	font-size: 4vw;
  }

  .front .mapstartpage-right {
  	display: none;
  }

  .faq {
  	position: relative;
  	margin-bottom: 50px;
  }

  #block-views-popular-block-2 .view-popular .views-row {
  	display: none;
  }

  #block-views-popular-block-2 .view-popular .views-row.views-row-1,
  #block-views-popular-block-2 .view-popular .views-row.views-row-2 {
  	display: block;
  }

  .faq .showmore {
  	display: block;
  }

  .faq.open #block-views-popular-block-2 .view-popular .views-row {
  	display: block;
  }

  .faq.open .showmore {
  	display: none;
  }

  .page-node-169 .field-name-body a {
  	display: block;
  	text-align: center;
  	margin-bottom: 15px;
  }

  ::placeholder {
  	font-size: 4vw;
  }

  ul.facetapi-search-api-glossary.tabs {
  	text-align: center;
  }
	
	.tabs li {
		margin-bottom: 10px;
		width: 32px;
		text-align: center;
	}

	.newsfront .view-aktuelle-meldungen .slick-next,
	.newsfront .view-aktuelle-meldungen .slick-prev {
		display: none !important;
	}

	.page-node-156 .field-name-body img {
		width: 100% !important;
	}

	.page-node-156 .field-name-body table td {
		font-size: 14px;
	}

	.node-pressemitteilung .datekatwrap,
	.node-pressemitteilung .field-name-title-field,
	.node-pressemitteilung .field-name-body {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Newsticker */

	.newsticker {
		width: 100%;
		padding: 0;
		overflow: hidden;
	}

	.newsticker .liScroll-container {
		width: 100%;
		overflow: hidden;
		height: 50px;
	}

	.newsticker .liScroll-container .mask {
		width: 100vw;
		left: 0;
	}

	.newsticker .view-newsticker a {
		font-size: 16px;
	}

	/* Header Contact */	

	#block-nodeblock-217 {
	  position: absolute;
	  top: 0;
	  right: 90px;
	  display: block;
	  z-index: 100;
	  float: none;
  }


}

/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) {
	body,
	p,
	li {
		font-size: 4.5vw;
	}

	.front .search.open {
		height: 90vh;
		z-index: 10;
	}

	.searchbar form#views-exposed-form-search-db-page input::placeholder {
		font-size: 12px;
		padding-top: 7px;
	}

	#breadcrumb {
		margin-top: 10px;
  }

  h2 {
  	font-size: 7vw;
  }

  .node-type-amt .sidebar_second {
  	margin-top: 25px;
  }

  .view-amt-links-tab a {
  	line-height: 36px;
  }

  .view-amt-formulare-tab a {
  	height: auto;
  }

  .view-amt-links-tab .views-field-field-datei a:before {
  	height: 100%;
  }

  .view-amt-links-tab h3,
  .pane-views-amt-formulare-tab-block h3 {
  	font-size: 5vw;
  }

  .view-Ansprechpartner-aemter .views-field-nothing a {
  	display: block;
  }

  .view-ansprechpartner.view-display-id-block_3 .views-field-field-anschrift p {
  	font-size: 4.5vw;
  }

  .footertop .col-1, 
  .footertop .col-2, 
  .footertop .col-3, 
  .footertop .col-4 {
  	font-size: 4.5vw;
  }

  .searchbar {
  	padding: 25px 0 10px 0;
  }

  .searchbar form#views-exposed-form-search-db-page button {
  	right: 0;
  }

  .view-search-db .views-field-views-conditional a {
  	font-size: 6vw;
  }

  .front form#views-exposed-form-search-db-page button,
  #views-exposed-form-search-db-page button {
  	top: 7px;
  }

  #views-exposed-form-search-db-page input#edit-t, 
  #views-exposed-form-search-ansprechpartner-page input#edit-t {
  	border-right: 0;
  }

	.view-aemter-uebersicht .views-field-field-suchbegriffe-node p:after, 
	.view-search-db .views-field-field-suchbegriffe-node p:after {
		display: none;
	}

	#block-nodeblock-217 {
		right: 70px;
	}

	a.logo {
		margin: 0 0 0 10px;
	}

}

@media (max-width:1200px) {
  header#navbar .container {
    width: 100%;
  }
}

@media (max-width:1135px) {
  #block-block-1, #block-text-resize-0 {
    display: none;
  }
}
  
@media (min-width:1135px) {  
  .navbar-collapse.collapse {
    width: 655px;
    left: 236px;
  }
}


@media (max-width:905px) {  
  
}



