/* 
rosa: #E8BFC2
*/



body {
  font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;  
}

p  {
  font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size:18px;
}
@media (max-width: 1023px) {
	p {
  font-size:16px;
	}	
}

a {
  color:black;
  text-decoration:underline
}
a:hover {
  color: #b78488;
  text-decoration:none
}


li  {
  font-size:18px;
}
@media (max-width: 1023px) {
	li {
  font-size:16px;
	}	
}



h1,
h3,
h4,
h5,
h6 {
  font-family: 'Crete Round', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;  
}

h1 {
 	 font-family: 'Crete Round', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 font-weight:400;
 	 font-size:3.5em;
	 color:black;
}

@media (max-width: 1023px) {
	h1 {
 	 font-size:2.5em;
	}	
}




h2 {
 	 font-family: 'Crete Round', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 margin-bottom:20px;
 	 font-weight:400;
 	 font-size:2.6em;
	 color:black;
}
@media (max-width: 1023px) {
	h2 {
 	 font-size:2.0em;
	}	
}

h3 {
 	 font-family: 'Crete Round', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 margin-top:30px;
 	 margin-bottom:20px;
	 color:black;
}





.open-sans {
 	 font-family:'open sans' sans-serif;
}





.parent-oben {
	background: url('../bilder/inci-start-neu-2.jpg') no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	display: flex;	
	align-items: flex-end;	/* wenn unten ausgerichtet, dann: align-items: flex-end 
	/* oder justify-content: flex-end;  ---- falls zentriert, dann: place-items: center */
    /* Optional: Höhe des Containers definieren, falls nötig */
	height:100vh;
	height:100vh;
    }

@media (max-width: 992px) {
.parent-oben {
	height:70vh;
  }
}

.parent-inci {
	background: url('../bilder/inci-start-3.jpg') no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	display: flex;	
	place-items: center;	/* wenn es unten ausgerichtet sein soll, dann: align-items: flex-end 
	/* oder justify-content: flex-end; */
    /* Optional: Höhe des Containers definieren, falls nötig */
	height:100vh;
	height:70vh;
    }

@media (max-width: 992px) {
.parent-inci {
	height:60vh;
  }
}




.titeltext-top {
 	 font-family: 'Crete Round', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ffffff;
	line-height:120%;
	font-size:38px;
	font-weight:400;
	margin:auto;

}
@media (max-width: 1023px) {
	.titeltext-top {
	 	 font-size:25px;
	}
}





/* Margin unter Breakpoint seitlich 0px Rand und kein Überstand im Container */
.kasten-weiss {
	background-color:white; 
	margin-bottom:30px;
	padding:25px;
	margin:5px;
	border-radius:5px
}	
/* schaltet über Breakpoint auf 5px seitlich um */
@media (min-width: 992px) {
  .kasten-weiss {
  }
}

.kasten-weiss a {
	color:black; 
	text-decoration:none
}	
.kasten-weiss a:hover {
	color:#6baff3; 
	text-decoration:none
}	


/* Bild oben */


.hintergrund-bild-start-2 {
	background: url('../bilder/Inci-beratung-breit.jpg') no-repeat top center;
	width: 100vw;
	height:70vh;
	min-width:100%;
	min-height:100%;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
  }
@media (max-width: 992px) {
.hintergrund-bild-start-2 {
	width: 50vw;
	height:50vh;
  }
}

.hintergrund-bild-start-3 {
	background: url('../bilder/Inci-cranio-breit.jpg') no-repeat top center;
	width: 100vw;
	height:70vh;
	min-width:100%;
	min-height:100%;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
  }
@media (max-width: 992px) {
.hintergrund-bild-start-3 {
	width: 50vw;
	height:50vh;
  }
}



.hintergrund-bild-start-2-fixed {
	background: url('../bilder/inci-start-3.jpg') no-repeat top center;
	width: 100vw;
	height:60vh;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
		background-attachment:fixed

  }
@media (max-width: 992px) {
.hintergrund-bild-start-2 {
	width: 50vw;
  }
}

.hintergrund-bild-start-2-beweglich {
	background: url('../bilder/inci-start-3-unscharf.jpg') no-repeat top center;
	width: 100vw;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;

  }

.schriftverlauf {
	background-image:linear-gradient(to right, #cc0000, #ffbc47);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}

.hintergrund-rosa  {
background-color:#E8BFC2;
}



/* Text zentriert auf Bild oben */

.text-auf-bild-container {
    margin:50px 20px; 
    text-align: center;
}


.text-auf-bild-inhalt{
	padding: 20px;
	/* Container horizontal mittig platzieren */
    margin: auto;
}

.text-auf-bild-gross {
  font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ffffff;
	line-height:100%;
	font-size:60px;
	font-weight:600;
  	margin: 140px 0px 20px 0px;
  	padding: 0px;
  	text-align:right
}
.text-auf-bild-klein {
  font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#ffffff;
	font-size:40px;
	font-weight:400;
  	margin: 0px 0px 140px 0px;
  	padding:0px;
  	  	text-align:right

}
@media (max-width: 1023px) {
	.text-auf-bild-gross {
		font-size:30px;
	}	
	.text-auf-bild-klein {
		font-size:20px
	}	
}


.aufblenden {
  animation-name: animate-pop;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-duration: 1.3s;
  animation-delay: 0.5s;
}
@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

.rotiert {
  transition: transform 1.8s ease-in-out;
}
.rotiert:hover {
  transform: rotate(360deg);
}

.bildgross {
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.bildgross:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}



.icon {
	width:90px;
	height:90px;
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease; 
	margin:20px 0px;
}
.icon:hover {
	transform: scale(1.2);
 }

.btn-rosa {
  --bs-btn-color:#fff;
  --bs-btn-bg: #E8BFC2;
  --bs-btn-border-color:white;
  --bs-btn-hover-color: #E8BFC2;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #fff;
  font-size:1.1em;
  padding-left:20px;
  padding-right:20px;
  font-weight:400;
  border:3px solid #fff;  
  border-radius:50px;
}

.btn-weiss {
  color:#E8BFC2;
  background-color:white;
  --bs-btn-border-color: #E8BFC2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:#E8BFC2;
  --bs-btn-hover-border-color: #fff;
  font-size:1.1em;
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
  font-weight:400;
  border:3px solid #E8BFC2;  
  border-radius:50px;
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease; 
}
.btn-weiss a {
	color:#E8BFC2;
  --bs-btn-hover-color:#E8BFC2;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #fff;
  text-decoration:none
}
.btn-weiss a:hover {
	color:white;
  text-decoration:none
}


.btn-rosa {
  --bs-btn-color:white;
  --bs-btn-bg:#E8BFC2;
  --bs-btn-border-color:#E8BFC2;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:transparent;
  --bs-btn-hover-border-color:#E8BFC2;
  font-size:1.1em;
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
  font-weight:400;
  border:3px solid #E8BFC2;  
  border-radius:50px;
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease; 
}
.btn-rosa a {
	color:white;
  --bs-btn-hover-color:#E8BFC2;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #fff;
  text-decoration:none
}
.btn-rosa a:hover {
	color:#E8BFC2;
  text-decoration:none
}

.btn-black {
  color:white;
  background-color:black;
  --bs-btn-border-color: #E8BFC2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:#E8BFC2;
  --bs-btn-hover-border-color: #fff;
  font-size:1.1em;
  margin-top:20px;
  padding-left:20px;
  padding-right:20px;
  font-weight:400;
  border:3px solid black;  
  border-radius:50px;
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease; 
}
.btn-black a {
	color:white;
  --bs-btn-hover-color:#E8BFC2;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #fff;
  text-decoration:none
}
.btn-black a:hover {
	color:white;
  text-decoration:none
}





.referenzbilder {
 	margin:20px 0px;
 	-webkit-border-radius: 8px;
  	-moz-border-radius: 8px;
  	-khtml-border-radius: 8px;
  	border-radius: 8px;
  	-webkit-box-shadow: 0px 0px 8px #373737; 
	-moz-box-shadow: 0px 0px 8px #373737;  
	box-shadow: 0px 0px 8px #373737; 

 	}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  outline: none;
  cursor: pointer;
  padding: 5px;;
  border-radius:5px;
  -webkit-transition-property: all; 
  -webkit-transition-duration: 0.6s; 
  -webkit-transition-timing-function: ease; 
}
#myBtn:hover {
  background-color: white;  
  border:2px solid white;

}

.footer {
	background-color:#E8BFC2;
    color:#974c10;
 }
.footer a {
    color:#ffffff;
 }
.footer a:hover {
    color:black;
 }


/* 
FORMMAILER
*/


.dis-icon {
 padding: 10px;
 color: #C7C7C7;
 min-width: 40px;
 text-align: center;
 font-size: 1em;
}
.dis-icon-left {
 color: #C7C7C7;
 min-width: 40px;
 text-align: center;
 font-size: 1em;
}
.dis-input-container {position: relative !important;}
.dis-input-container label i {position: absolute !important;left: auto !important;top: calc(50% - 0.5em) !important;}
.dis-input-container input {position: initial !important;padding: 8px 4px 8px 40px !important;}
@media print {
#page_top div[id^='page_'] {
  display: inline !important;
 } 
}
.fds-1, .table *, .table2 * {box-sizing: border-box;}
a.dwflink:link {text-decoration: underline; color: #0000FF}
a.dwflink:visited {text-decoration: underline; color: #0000FF}
a.dwflink:hover {text-decoration: underline; color: #0000FF}
.tis_width {
 width:100% !important;
}
.font-big {
 font-family: 'Verdana', sans-serif;
 font-size:20px; font-weight:bold;
 color:#000000;
}
.font-small {
 font-family: 'Verdana', sans-serif;
 font-size:10px; font-weight:normal;
 color:#000000;
}
.lb-1 {
 display: block;
 margin:0.4rem 0;
}
table * .align {
 display: table-cell;
}
.col2 {width:30%;
}
.col8 {width:4.998%;}
.col8_r {width:11.661999999999999%;}
.col10 {width:6%;}
.col10_r {width:14%;}
.col12 {width:7.5%;}
.col12_r {width:17.5%;}
.col16 {width:9.996%;}
.col16_r {width:23.333999999999996%;}
.col16fx {width:16.66%;}
.col20 {width:20%;}
.col25 {width:15%;}
.col25_r {width:35%;}
.col25fx {width:25%;}
.col33 {width:33.33%;}
.col50 {width:50%;}
.table {
 margin-left:auto;
 width:90%;
 margin-right: auto;
 border-spacing:1px;
 background-color:transparent;
 letter-spacing:normal;
}
.table2 {
 background-color:transparent;
 width:100%;
 border-collapse:collapse;
}
.head {
 padding:3px;
 background-color:transparent;
}
.main {
 padding:3px;
 background-color:transparent;
 font-family: 'Verdana', sans-serif;
 font-size:16px; font-weight:normal;
 color:#000000;
}
.foot {
 padding:3px;
 background-color:transparent;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#FFFFFF;
 color:#000000;
 font-family: 'Verdana', sans-serif;
 font-size:18px;
 font-weight: normal;
 border : 1px solid #858585;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 7px;
 position:relative;
 letter-spacing:normal;
}
.input {
 background-color:#FFFFFF;
 color:#000000;
 font-family: 'Verdana', sans-serif;
 border : 1px solid #858585;
 font-size:18px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 8px;
 position:relative;
 vertical-align:middle;
 letter-spacing:normal;
}
.select {
 background-color:#FFFFFF;
 color:#000000;
 font-family: 'Verdana', sans-serif;
 border : 1px solid #858585;
 font-size:18px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
 padding: 7px;
 position:relative;
 vertical-align:middle;
 letter-spacing:normal;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
 border : 1px solid #B0B0B0;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(176,176,176,0.75);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(176,176,176,0.75);
}
.button_send {
 cursor: pointer;
 padding:12px 20px;
 margin:20px 0;
 display:inline;
 text-decoration:none;
 border-radius:50px;
 -webkit-border-radius:50px;
 position:relative;
 background-color:#E8BFC2;
 color:#ffffff;
 font-size:18px;
 font-weight:400;
 border : 3px solid #FFFFFF;
 min-width : 200px;
 letter-spacing:normal;
 	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.4s; 
	-webkit-transition-timing-function: ease; 

}
.button:hover, .button:focus {
 border : 1px solid #EEEEEE;
 color:#000000;
 text-decoration:none;
 background: #DEDEDE;
}
.button_send:hover, .button_send:focus {
 border : 3px solid #E8BFC2;
 color:#000000;
 text-decoration:none;
 background: #ffffff;
}
.radio_v {
 display: block;
 position: relative;
}
.radio_h {
 display: inline;
 position: relative;
 margin-right:8px;
}