/* Eigene RESPONSIVE Styles als Ergänzung zu JANGO (hjl/iu) */

/* Erweiterung des Templates (ggf. in separates Stylesheetfile auslagern) :: */


/* -------- BOOTSTRAP ADD-ONS & ADJUSTMENTS ----------------------------------------------------- */

.row.nogutter {
  margin-left: 0;
  margin-right: 0;
}
.row.nogutter > div[class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.container-fluid.nogutter {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
@media (min-width: 1400px) {
  .container-wide, .container-extra-wide {
	width: 1370px;
  }
}
@media (min-width: 1680px) {
  .container-extra-wide {
	width: 1650px;
  }
}


  /* Zusätzlicher BS-Mediaport <= 425px == xxs (http://stackoverflow.com/a/28414478) */
@media (min-width: 0px) and (max-width: 425px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
	float: left;
  }
  .col-xxs-12 {
	width: 100%;
  }
  .col-xxs-11 {
	width: 91.66666667%;
  }
  .col-xxs-10 {
	width: 83.33333333%;
  }
  .col-xxs-9 {
	width: 75%;
  }
  .col-xxs-8 {
	width: 66.66666667%;
  }
  .col-xxs-7 {
	width: 58.33333333%;
  }
  .col-xxs-6 {
	width: 50%;
  }
  .col-xxs-5 {
	width: 41.66666667%;
  }
  .col-xxs-4 {
	width: 33.33333333%;
  }
  .col-xxs-3 {
	width: 25%;
  }
  .col-xxs-2 {
	width: 16.66666667%;
  }
  .col-xxs-1 {
	width: 8.33333333%;
  }
  .col-xxs-pull-12 {
	right: 100%;
  }
  .col-xxs-pull-11 {
	right: 91.66666667%;
  }
  .col-xxs-pull-10 {
	right: 83.33333333%;
  }
  .col-xxs-pull-9 {
	right: 75%;
  }
  .col-xxs-pull-8 {
	right: 66.66666667%;
  }
  .col-xxs-pull-7 {
	right: 58.33333333%;
  }
  .col-xxs-pull-6 {
	right: 50%;
  }
  .col-xxs-pull-5 {
	right: 41.66666667%;
  }
  .col-xxs-pull-4 {
	right: 33.33333333%;
  }
  .col-xxs-pull-3 {
	right: 25%;
  }
  .col-xxs-pull-2 {
	right: 16.66666667%;
  }
  .col-xxs-pull-1 {
	right: 8.33333333%;
  }
  .col-xxs-pull-0 {
	right: 0%;
  }
  .col-xxs-push-12 {
	left: 100%;
  }
  .col-xxs-push-11 {
	left: 91.66666667%;
  }
  .col-xxs-push-10 {
	left: 83.33333333%;
  }
  .col-xxs-push-9 {
	left: 75%;
  }
  .col-xxs-push-8 {
	left: 66.66666667%;
  }
  .col-xxs-push-7 {
	left: 58.33333333%;
  }
  .col-xxs-push-6 {
	left: 50%;
  }
  .col-xxs-push-5 {
	left: 41.66666667%;
  }
  .col-xxs-push-4 {
	left: 33.33333333%;
  }
  .col-xxs-push-3 {
	left: 25%;
  }
  .col-xxs-push-2 {
	left: 16.66666667%;
  }
  .col-xxs-push-1 {
	left: 8.33333333%;
  }
  .col-xxs-push-0 {
	left: 0%;
  }
  .col-xxs-offset-12 {
	margin-left: 100%;
  }
  .col-xxs-offset-11 {
	margin-left: 91.66666667%;
  }
  .col-xxs-offset-10 {
	margin-left: 83.33333333%;
  }
  .col-xxs-offset-9 {
	margin-left: 75%;
  }
  .col-xxs-offset-8 {
	margin-left: 66.66666667%;
  }
  .col-xxs-offset-7 {
	margin-left: 58.33333333%;
  }
  .col-xxs-offset-6 {
	margin-left: 50%;
  }
  .col-xxs-offset-5 {
	margin-left: 41.66666667%;
  }
  .col-xxs-offset-4 {
	margin-left: 33.33333333%;
  }
  .col-xxs-offset-3 {
	margin-left: 25%;
  }
  .col-xxs-offset-2 {
	margin-left: 16.66666667%;
  }
  .col-xxs-offset-1 {
	margin-left: 8.33333333%;
  }
  .col-xxs-offset-0 {
	margin-left: 0%;
  }

  .hidden-xxs {
	display: none !important;
  }

}



/* Spezifische Styles (bleiben hier) :: */

@media (min-width: 768px) {

  .form-horizontal .control-label {
	text-align: left;
  }
  .powermail_fieldwrap_type_submit {
	float: left;
  }
  .powermail_fieldwrap_type_submit input {
	margin-left: 5px;
  }

}

@media (min-width: 992px) {

  .c-layout-header .c-brand {
	margin: 15px 0 10px 0;
  }
  .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
	margin: 3px 0 3px 0;
  }

  .c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
	margin-top: 135px;
  }

  .c-mega-menu ul ul li a {
	overflow: hidden;
  }
  .c-mega-menu ul ul ul.c-pull-left {
	margin-left: 0px !important;
  }
  .c-mega-menu ul ul ul.c-pull-right {
	margin-right: 0px !important;
  }

  /* Unter bestimmten Bedingungen Text zweispaltig anzeigen */
  .c-layout-page > div:not(.ge-box-two-cols):not(.ge-box-three-cols):not(.ge-box-four-cols):not(.ce-tabscontent):not(.ce-togglecontent) .col-md-12 .ce-textmedia:not(.ce-right):not(.ce-left) .ce-bodytext,
  .c-layout-page > div:not(.ge-box-two-cols):not(.ge-box-three-cols):not(.ge-box-four-cols):not(.ce-tabscontent):not(.ce-togglecontent) .col-md-12 .ce-textmedia.no-image .ce-bodytext {
	  /* Anzahl Spalten */
	-webkit-column-count: 2;
	-moz-column-count: 2;  
	column-count: 2;
	  /* Spaltenabstand */
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;  
  }  
  .c-layout-page > div:not(.ge-box-two-cols):not(.ge-box-three-cols):not(.ge-box-four-cols):not(.ce-tabscontent):not(.ce-togglecontent) .col-md-12 .ce-textmedia:not(.ce-right):not(.ce-left) .ce-bodytext > p,
  .c-layout-page > div:not(.ge-box-two-cols):not(.ge-box-three-cols):not(.ge-box-four-cols):not(.ce-tabscontent):not(.ce-togglecontent) .col-md-12 .ce-textmedia.no-image .ce-bodytext > p {
	  /* Kein Umbruch innerhalb eines Elements (i.d.R. <p>) */
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	break-inside: avoid-column;
	overflow: hidden;
  }

  .c-content-feature-4 .container {
	padding: 50px 0px;
  }
  .c-content-feature-4 .c-feature-content {
	width: 35%;
  }

  .c-layout-footer-4 .logo {
	height: 65px;  
	margin-bottom: 40px;
  }
  .c-layout-footer-4 .c-mobile-logo,
  .c-layout-footer-7 .c-mobile-logo {
	display: none;
  }
  .c-layout-footer-4 .footer-4-half-no-contactform .navbar-right {
	min-height: 440px;
  }
  .c-layout-footer-7 .logo {
	height: 65px; 
	float: left;
	margin-bottom: 40px;
  }
  .c-layout-footer-7.footer-7.with-contactform .logo {
	margin-right: 50px; 
  }
  .c-layout-footer-7.footer-7-no-contactform .footer-contact {
	float: left;  
	margin-left: 50px;
  }
  .c-layout-footer-7.footer-7-no-contactform .footer-social {
	float: right;
  }

}

@media (min-width: 1800px) {
  .c-content-feature-4 .c-content-left.c-diagonal, .c-content-feature-4 .c-content-right.c-diagonal {
	max-width: 55vw;
  }
}

@media (min-width: 2600px) {
  .c-content-feature-4 .c-content-left.c-diagonal, .c-content-feature-4 .c-content-right.c-diagonal {
	max-width: 52vw;
  }
}

@media (max-width: 1200px) {

  .c-content-feature-13 .c-feature-13-container {
	padding: 50px;
  }

}

@media (max-width: 991px) {

  .c-layout-header .c-brand {
	margin-top: 0px;
	margin-bottom: 5px;
  }
  .c-layout-header .c-brand .c-desktop-logo, .c-layout-header .c-brand .c-desktop-logo-inverse, .c-layout-header .c-brand .c-mobile-logo {
	margin-top: 5px;
	max-height: 55px;
  }

  /* Topbar und -Toggler */

  .c-layout-header .c-topbar {
	min-height: 35px;
  }
  .c-layout-header-topbar-collapse .c-layout-header .c-brand > .c-topbar-toggler {
	display: block;
	position: absolute;
	right: 50px;
	top: 23px;
  }
  .c-layout-header.c-layout-header-default-mobile .c-brand > .c-topbar-toggler > i, .c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler > i, .c-layout-header.c-layout-header-default-mobile .c-brand > .c-cart-toggler > i {
	color: #999;
	font-size: 17px;
  }
  .c-layout-header-topbar-collapse.c-topbar-expanded.c-layout-header-fixed.c-layout-header-mobile-fixed:not(.c-layout-header-fullscreen) .c-layout-page {
	margin-top: 100px;
  }


  /* Mobile Mainmenu */

  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
	padding: 0 0 15px;
  }
  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu.c-menu-type-inline > li > h3 > a {
	font-size: inherit;
	color: inherit !important;
  }
  .c-layout-header.c-layout-header-onepage .c-navbar .c-mega-menu.c-mega-menu-dark-mobile,
  .c-layout-header.c-layout-header-onepage .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu,
  .c-layout-header.c-layout-header-default-mobile .c-navbar .c-mega-menu.c-mega-menu-dark-mobile,
  .c-layout-header.c-layout-header-default-mobile .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
	background: rgba(255,255,255,0.95);
	box-shadow: 0 10px 10px -10px rgba(128,128,128,0.5);
  }
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link,
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:focus {
	font-size: 16px;
	color: #444;
	border-bottom: 1px solid #ccc;
  }
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li:last-child > .c-link, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li:last-child > .c-link:focus {
	border-bottom: none;
  }
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:hover,
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li.c-active > .c-link {
	background: rgba(55, 55, 55, 0.93) !important;
	color: white !important;
  }
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
	color: #555;
	border-bottom: 1px solid #e2e2e2;
  }
  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a > .c-arrow, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle > .c-arrow {
	font-size: 20px;
  }
  .c-layout-header .c-navbar .c-mega-menu .c-link.dropdown-toggle:only-child > .c-toggler {
	display: none !important;
  }
  .c-layout-header .c-navbar .c-mega-menu {
	padding: 5px 10px 0px;
  }

	/* Login im Mobile Mainmenu */

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-btn {
	border-color: #555;
	color: #555;
  }

  /* Breadcrumbs */

  .c-layout-breadcrumbs-1.c-bgimage {
	padding: 40px 0;
  }

  .c-content-feature-13 .c-feature-13-container {
	padding: 50px 30px;
  }

  /* Contentelemente */

  .ce-gallery.columns-4 .ce-column {
	width: 50%;
  }

  /* EXT:news */

  .news-single .news-related {
	width: 100%;
	display: block;
  }

  /* EXT:powermail: Formular im Footer (footer-4) */

  .c-layout-footer.c-layout-footer-4 .c-footer .c-feedback h3 {
	color: #666;
  }
  .c-layout-footer.c-layout-footer-4 .c-btn-border-2x.c-btn-white {
	border-color: #666;
	color: #666;
  }
  .c-layout-footer.c-layout-footer-4 .c-btn-border-2x.c-btn-white:hover {
	background: #666;
	color: white;
  }
  .c-layout-footer .navbar-right a {
	/* color: #333; */
  }
  .c-layout-footer.c-layout-footer-4 .c-footer .c-feedback form .form-control {
	color: white;
	border-color: #888;
	background: #888;
  }
  .c-layout-footer.c-layout-footer-4 .c-footer .c-feedback form .form-control:focus {
	background: #999;
  }
  .c-layout-footer.c-layout-footer-4 .btn.c-btn-border-2x.c-btn-uppercase.btn-lg {
	border-color: #888;
	color: #888;
  }
  .c-layout-footer.c-layout-footer-4 .btn.c-btn-border-2x.c-btn-uppercase.btn-lg:hover {  
	background: #888;
  }

  /* Footer (footer-4) und (footer-7) */

  .c-layout-footer.c-layout-footer-4.c-bg-footer-8 {
	background-position: left center;
	background-size: cover;
  }
  .c-layout-footer-4 .logo,
  .c-layout-footer-7 .logo { 
	height: 65px;
	margin-bottom: 35px;
  }
  .c-layout-footer-4 .c-desktop-logo,
  .c-layout-footer-7 .c-desktop-logo {
	display: none;
  }
  .c-layout-footer.c-layout-footer-4.c-bg-footer-8.footer-4-no-contactform {
	background-size: auto 200%;
  }

}

@media (max-width: 767px) {

   /* Breadcrumbs */
  .c-layout-breadcrumbs-1.c-subtitle {
	padding: 15px 0;
  }
  .c-layout-breadcrumbs-1.c-bgimage {
	padding: 30px 0;
  }
  .c-layout-breadcrumbs-1 .c-page-breadcrumbs {
	margin-top: 0px;
	line-height: 12px;
  }
  .c-layout-breadcrumbs-1 .c-page-breadcrumbs a {
	line-height: 16px;
  }

  .ce-intext .ce-gallery {
	max-width: none;
	width: 100%;
	margin: 0px;
  }
  .ce-intext .ce-bodytext {
	clear: both;
  }

  .ce-gallery.columns-2 .ce-column { width: 100%; }
  .ce-gallery.columns-2 .ce-row figure { margin: 0; }
  .ce-gallery.columns-3 .ce-column { width: 100%; }
  .ce-gallery.columns-3 .ce-row figure { margin: 0; } 
  .ce-gallery.columns-4 .ce-column { width: 100%; }
  .ce-gallery.columns-4 .ce-row figure { margin: 0; } 

  .c-content-feature-1 .c-icon-image {
	height: 50px;
  }
  .c-content-line-icon {
	transform: scale(0.85);
  }
  .c-content-feature-1 > h3 {
	margin: 20px 0 15px 0;
  }

  .c-content-feature-13 .c-feature-13-container {
	padding: 40px 15px;
  }

  .rev_slider .tparrows { display: none !important; }

  /* EXT: news + cal */
  .news-single .news-body-media, 
  .cal-event-details .cal-details-images {
	max-width: 100%;
	width: 100% !important;
	margin-left: 0;
  }

}

@media (max-width: 480px) {

  /* Breadcrumbs */
  .c-layout-breadcrumbs-1.c-subtitle {
	padding: 5px 0;
  }
  .c-layout-breadcrumbs-1.c-bgimage {
	padding: 10px 0;
  }
  .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {
	padding-top: 0;
  }

  .ge-box-bgimage, .c-bg-parallax {
	background-attachment: scroll;
  }

  .c-content-person-1.c-option-2 .c-body {
	padding: 30px 5px;
  }

  .c-content-feature-13 .c-feature-13-container {
	padding: 20px 0px;
  }

  .footer-contact p {
	/* padding: 0px 0px 0px 15px;
	width: 90%; */
  }

}

/* Bild neben Text schräg (Desktop Smartphone hochkant) */
@media (max-width: 425px) and (orientation: portrait) {
  .c-content-feature-4 .c-bg-parallax {
	background-size: auto 100vh !important;
  }
  .c-content-feature-4 .c-bg-parallax.c-content-left {
	/* background-position: bottom 200px center !important; */
  }
}