/*unbedingt austauschen*/
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 300;
	src: url('full/Figtree-300.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 400;
	src: url('full/Figtree-400.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 500;
	src: url('full/Figtree-500.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 600;
	src: url('full/Figtree-600.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 700;
	src: url('full/Figtree-700.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 800;
	src: url('full/Figtree-800.woff') format('woff');
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 900;
	src: url('full/Figtree-900.woff') format('woff');  font-style: normal
}


/**/
.site{ --cassiopeia-color-primary: #008dab !important;
	--cassiopeia-color-hover: #027891 !important;
	--link-color: #008dab !important;
	font-family: "Figtree", sans-serif;
}

::-moz-selection { 
   color:#fff; 
   background:#008dab; 
   text-shadow: none; 
}

::selection { 
   color:#fff; 
   background:#008dab; 
   text-shadow: none; 
}


body{
	min-width:350px;
}

#topmenu{
	background:none;
	padding-top:10px;
}

#topmenu .nav-item{
	height:1.8rem;
	background-color: #647287;
	padding:0;
	margin:0 1px;
	border-radius: 20px 8px 0 0;
	box-shadow: 0px 0px 4px black;
}

#topmenu .nav-link{
	height:0.3em;
	padding: 0.0rem 0.5rem 0.0rem 0.8rem;}

#topmenu li.active{
	background-color: #717e91;
}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after{
  background:none;
}

header{
	background-color:#717e91 !important;	
	background-image:none !important;
	height:120px;
}

.landingpage header{
  height: auto;
}

.landingpage #header2{
  height: auto;
}

#header1{
	height:38px;
	background-color:#008dab !important;
}

#header1 .custom{
}

#header1 .mod-menu, #header2 .mod-menu{
	flex-direction: unset;
}

#header2{
	background-color:#717e91 !important; 
	/*background-image: url(../images/madeingermany.png);*/
	background-repeat: no-repeat;
	height:90px; 
	position: relative;
}

.header2{
}

#header2 .custom{
	padding-top:22px;
}

#header2 .mod-menu{
	padding-top:17px;
}

#header2 .nav-item {
	display:inline;
	padding: 0 0.1em;
	font-weight: 600;
}

li.divider:hover:after{
	background:none !important;
}

.brand-cont{
	position:absolute;
	max-width:inherit;
	top:0;
	left:50%;
	margin-left:-125px;
	top:7px;
}

.navbar-brand{
	transform: scale(0.65);
	margin-top:-18px;
	margin-left:auto;
	margin-right:auto;
	z-index:200;
}

.landingpage .navbar-brand{
	transform: scale(0.7);
	margin-top:-18px;
}

.brand-logo{
}

/*BANNER*/

.container-banner .banner-overlay .overlay{
	background-image:url(../images/hero.png);
	background-size: contain;
	background-color:rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: bottom;
	justify-content: normal;
}

.gruppe .container-banner .banner-overlay .overlay{
	background-image:url(../../../../../images/banners/chefs.png);
	background-size: cover;
	background-color:rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: top;
	justify-content: normal;
}

.container-banner .banner-overlay{
	height:80vh;
	min-height:640px;
	background-position: bottom;
	/*background-size: contain;*/
}

.landingpage .container-banner{
  margin:0 !important;
}

.overlay .nav-fill .nav-item{
  margin:0 2rem;
}

.overlay .nav-fill .nav-item .nav-link{
  background-color:#fff;
  text-transform:uppercase;
}

#back-top{
	position: fixed;
}

#contentarea{
	padding-top:0.5rem;
}

#contentarea{
	padding-top:0rem;
}

.hasbanner #contentarea{
	padding-top:inherit;
}

.container-bottom-b{
	flex-direction:column !important;
}

.footer{
	background-image: none;
}

.footer .grid-child{
	flex-direction:unset !important;
}

#footer1{
	background-color: #717e91;
}

#footer1 p{
	margin-bottom:0;
}

#footer2{
	margin-top:0;
	background-color:#008dab;
}

#footer1 .grid-child{
	margin-top:20px;
	margin-bottom:20px;
	padding-top:0;
	padding-bottom:0;
	padding-left:1em;
}

#footer2 .grid-child{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:1em;
}

#footer2 .grid-child ul li a{
	color:white !important;
}

#footer2 .grid-child ul li a:hover{
	color:white !important;
}

.landingpage #footer1{
  margin-top:0 !important;
}

.anschriftfooter{
	padding-left:10px !important;
}

.display-1, .display-2, .display-3{
	color:#008dab;
}

.display-2{
	font-weight:300;
	line-height:0.8;
}

.display-1{
	font-weight:700;
	line-height:0.9;
}

.card-header{
	background-color: #dbdfe3 !important;
}

h3.card-header{
	font-size:1.2rem !important;
	font-weight:400;
}

h4.card-header{
	font-weight:400 !important;
}

.card-body li ul li a{
  font-weight:400 !important;
}

.card-body li.parent a{
  font-weight:800;
}

.service .card .item-content{
  padding:1em;
}

.referenzbild img{
  width:inherit !important;
  height:inherit !important;
}

.breadcrumb{
	border-radius:calc(0.25rem - 1px);
	background-color: #dbdfe3;
	color:black;
}

.breadcrumb a{
	color:black;
}

.breadcrumb a:hover{
	color:black;
    text-decoration:none
}

.breadcrumb-item:before{
	color:black !important;
}

.breadcrumb-item.active{
	color: black;
}

.capitowelt{
	width:24%;
}

#content-contain{
	position: absolute;
	margin-top:-160px;
	height:0;
}

.registration fieldset{
  margin:0;
}

/*TYPO*/

h1{
	font-weight:600;
	padding-bottom:0.6em;
	color: #008dab;
}

h2{
	font-weight:600;
	padding-bottom:1.1em;
	color: #008dab;
}

p{
	font-weight: 300;
	font-size: 1.2em;
	line-height:1.2em;
	padding-bottom:1.1em;
}

strong{
	font-weight: 700;
}

ul.category-module{
	margin-bottom:0 !important;
}

ul.category-module li{
	list-style-type: "\25BA \0020" !important;
	margin-left:20px;
	color: #dbdfe3;
}

ul.category-module li a{
	font-weight:600 !important;
}

.mod-login__posttext p{
	font-size:0.9em;
	margin-bottom:0.3em;
}

.text-primary{
  color: #008dab !important;
}

.groupclaim{
    font-size: calc(2.6vw);
    font-weight: 100;
    /*text-transform: uppercase;*/
    margin-top:60px;
}

/*BLOG*/

.hiddenblog .com-content-category-blog__items .com-content-category-blog__item{
	padding:1rem;
}

.hiddenblog .com-content-category-blog__items .com-content-category-blog__item .item-content{
	padding-bottom:20px;
}

.hiddenblog .com-content-category-blog__items .com-content-category-blog__item .readmore{
	position:absolute;
	bottom:20px;
}

.item-page figure{
	margin-top: -80px;
}

.service .item-page figure{
	margin-top: -40px !important;
}

.item-page figure.item-image img{
	height:504px;
	width:300px;
}

.com-content-article__body li{
	margin-bottom:10px !important;
}

#baby{
	margin-right:20px;
}


/*ACCORDION*/

.accordion-button:focus{
	box-shadow: none !important;
}

.accordion-button:not(.collapsed){
	color:white !important;
	background-color: #008dab !important;
}

.accordion-button{
	background-color: #717e91 !important;
	font-size: 1.6em;
	text-align: left;
	font-weight:300;
	color:white;
}

.accordion-button:hover{
	background-color: #008dab !important;
	color:white;
}


.accordion-button:after{
	/*background-image: none !important;*/
}

.accordion-item{
	margin-bottom:1.6rem;
}

.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button{
	border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button{
	border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.accordion .card-header a{
	text-decoration:none !important;
}

.accordion .card-header a:hover{
	text-decoration:underline !important;
}

/*TABELLEN*/

thead{
	font-weight:600;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--table-accent-bg: #dbdfe3 !important;
}

.technisch .table-responsive-sm{
	font-size:0.9em !important;
}

.technisch p{
	font-size:0.9em !important;
}


/*select fü Welt-Menü*/
#footer1 .custom-select, #footer1 .form-select{
	background-color: #008dab !important;
}

#footer1 .custom-select:focus, #footer1 .form-select:focus{
	box-shadow: 0 0 0 0.25rem rgba(255,255,255,.25);
}

h3{
	font-weight:300;
}

/*Content-Gedöns*/

figure.newsflash-image{
	padding:0.8em;
	margin:0;
}

figure.newsflash-image figcaption{
	font-style: italic;
}

/*LANDINGPAGE*/
.btn-landing{
  margin: 0.5rem;
 border-color: #008dab;
 border-width: 2px;
  text-transform:uppercase;
}



/*#footer1 .custom-select option:hover, #footer1 .form-select option:hover,
#footer1 .custom-select option:checked, #footer1 .form-select option:checked,
#footer1 .custom-select option:before, #footer1 .form-select option:before{
	background-color: #008dab !important;
}

option:hover{
  color: rgb(246, 250, 0);
  background-color: rgb(5, 26, 1);
}*/


/*MEDIA QUERIES*/
@media only screen and (min-width: 1352px) {
	#contentarea .container-component{
		padding-left:8px !important;
	}
	#contentarea .sidebar-right{
		margin-right:8px !important;
	}
	.landingpage .container-banner .banner-overlay{
		min-height:1200px;
	}
	
}


@media only screen and (max-width: 768px) {
	.container-banner .banner-overlay{
		height:60vh;
		min-height:360px;
		background-position: bottom;
		background-attachment: unset;
		/*background-size: contain;*/
	}
	
	.item-page figure{
		margin-top: -20px;
		width:100%;
	}

}

@media only screen and (max-width: 1290px) {
	.navbar-brand{
		transform: scale(0.6);
		margin-top:-25px;
	}
}

@media only screen and (min-width: 1291px) {
	.front .navbar-brand{
	transform: scale(1.0);
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}

}


@media only screen and (max-width: 1290px) {
	header{
		height:auto;
	}

  .landingpage .header{
    height:inherit !important;
  }
	#header1{
		height:auto;
		/*min-height:55px;*/
	}
	#header2 .navbar-toggler{
		position: absolute;
		top: 8px;
		right: 15px;
      	z-index:2;
	}
	#header2{
		background-image: none;
		height:inherit;
		min-height:80px;
	}
	#header2 nav{
		width:100%;
	}
	#header2 .mod-menu{
		flex-direction: column !important;
		padding-top:60px;
	}
	#header2 .nav-item{
		padding:0.1em;
	}
	.container-header .navbar-brand{
	}
	.brand-logo{
	}
	.navbar-brand{
		transform: scale(0.6);
		margin-top:-25px;
	}

  .landingpage .navbar-brand{
	transform: scale(0.7);
	margin-top:-18px;
}


	.capitowelt{
		width:50%;
	}
	
	
	#content-contain{
	margin-top:-20px;
	}
	
	#contentarea{
	padding-top:0rem;
	}

	.item-page figure{
		margin-top: -20px;
	}
	
	#baby{
		width:100%;
	}



}

@media only screen and (max-width: 480px) {
	.container-banner .banner-overlay{
		height:50vh;
		min-height:160px;
		background-position: bottom;
		background-attachment: unset;
}
}



/*TO DO

header1 height mobile anpassen
header2 auch
breakpoint-klassen für menüs feintunen
FONT einbinden
FOOTER