@charset "UTF-8";

/*
@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}
*/







/* header und scrolling */

html {
	scroll-padding-top: 60px; /* height of sticky header */
}
@media (min-width:992px){
	html {
		scroll-padding-top: 80px; /* height of sticky header */
	}
}

#body header a {
	border-bottom:0;
}


#body header #headeroben {
	max-width: 100%;
	height:60px;
	margin-left:0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding:10px 0;
	transition: box-shadow .3s ease,background-color .3s ease,min-height .3s ease,transform .3s ease;
	/*padding-left: 1rem;
    padding-right: 1rem;*/
}

@media (min-width:992px){
	#body header #headeroben {
		height:100px;
		padding:25px 0;
		margin-top: 0;
		margin-bottom: 0;
	}
}


#body.floatingheader #headeroben {
	/* box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.102); */
    box-shadow: 0 0 1rem #0003;
}

/* sticky header fixes */

header.sticky-top {
	background:#fff;
}
@media print {
    header.sticky-top {
		position:relative;
	}
	#body.floatingheader #headeroben {
		box-shadow:none;
	}
}
.scrolled-down{
	/* transform:translateY(-100%); */
	top:-100px;
	transition: all .5s ease-in-out;
}
.scrolled-up{
	top:0;
	/* transform:translateY(0); */
	transition: all 0.3s ease-in-out;
}







/* logo  */
#logo,#logo-menu {
    height: 35px;
    padding-top: 5px;
}
@media (min-width:320px){
	#logo,#logo-menu {
		height: 40px;
		padding-top:0;
	}
}
@media (min-width:992px){
	#logo,#logo-menu {
		height: 50px;
	}
}

@media (max-width:768px){
	body.searchform-opened #logo,
	body.searchform-opened #logo-menu {
		display:none
	}
}

/* IE11 Hack */
@media all and (-ms-high-contrast:none){
	#logo,	#logo-menu {
		width: 231px;
		height:50px;
	}
}





#body header .navbar {
	padding:0;
}


#body header .navbar-brand {
	padding:0;
	margin:0;
}

header nav.container .container-fluid {
	padding:0;
}


.nav-wrapper {
	margin-top: 0;
}

/* @media (min-width:768px){ */
@media (min-width:992px){
	.nav-wrapper {
		margin-top: 4px;
	}
}


.main-menu-icon {
	font-size:1.375rem;
	text-decoration: none;
	color:rgb(45,45,45);
}

.main-menu-icon {
    height: 38px;
    width: 38px;
}


.main-menu-icon img {
     width: 38px;
   height: 38px;
}



.eyeable-icon {
	display:none;
	margin-right: 22px;
}

.eyeable-icon img {
    height: 32px;
}



/* translation */
.cnw_langauge_select_header small {
	color:var(--muted);
}
.cnw_translationbox {
	display:none;
}



/* suche */
.searchform{
	width:380px;
	max-width: 380px;
	overflow:hidden;
}


.searchform.opened {
	position: relative;
    max-width: 100%;
	max-width: calc(100vw - 74px);
	border-bottom: 2px solid var(--red);
}


.innersearch{
	width:calc(100vw - 5rem);
}

@media (min-width:576px){
	.innersearch{
		width:300px;
	}
}

.searchform input {
	border:0;
	outline: none !important;
	font-size: 1.25rem;
    width: calc(100% - 3rem);
    line-height: 3rem;
}
.searchform input::placeholder {
	color:#AFAAA5;
}


.searchform button {
   -webkit-appearance: none;
    -moz-appearance: none;
	background: transparent;
	border:0;
	padding:0;
	margin:0;
	float:right;
}
@media (min-width:576px){
	.searchform.opened  button {
		margin-top: 0.5rem;
	}
}


.search-submit-icon {
	height: 27px;
    width: 33px;
    padding-top: 5px;
}



/* .searchform button.abschicken {
	position: absolute;
	top: 1px;
	right: -17px;
}
 */


.opened #search-icon {
	display:none;
}
fron.searchform.collapsed div,
form.searchform.collapsed div {
	display:none;
}

 

/* hauptmenü */
#mainmenu {

}

/* menu toggle */
.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}



.navbar-toggler span {
  display: block;
  background-color: #4f4f4f;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}





/* hide header in edit mode */
/* dieses css sollte nur in das cms edit mode css, nicht hier hin*/
body.EDIT nav.breadcrumb,
body.EDIT nav.breadcrumb-wrapper,
body.EDIT .eilstart,
body.EDIT #headeroben .navbar .container .nav-wrapper{
	display:none !important
}
body.EDIT .sticky-top {
    position: relative;
    z-index: 1;
}

body.EDIT .sharebox,
body.EDIT footer,
body.EDIT .sticky-top,
body.EDIT #headeroben,
body.EDIT #headeroben .navbar .container,
body.EDIT #headeroben .navbar .container a {
	display: none !important;
}
body.EDIT #headeroben{
    height: 80px;
}