/* CSS Document */

/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&display=swap'); */
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

body {padding:0; margin:0; background-color:#ffebe0; font-size:16px; color:#2c383a; font-family: 'Lato', sans-serif; text-align:center;	overflow: -moz-scrollbars-vertical; padding:30px;
} /* background-color:#cee5e8 */
a img {border:0}
p, h1, h2, h3 {margin:0}
h4 {font-size:16px; color:#2c383a;line-height: 140%;}
a {color:#fe7632; 
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}
a:focus, a:hover {color:#63989f;}
p {margin-top:16px; line-height: 140%;}
ul, ol {margin-top:0;}
strong {font-weight: 900;}
/* Colors */
.bg01 {background-color:#80c5ce}  /* #fe7632 */
.bg02 {background-color:#f7fbfb}
.bg03 {background-color:#80c5ce}
.bg04 {background-color:#ff7728}
/* end Colors */
/* Layout */
/*#container {position:absolute; top:50%; left:50%; height:508px; width:920px; margin:-254px 0 0 -460px;}*/
#container, #footer { position:relative; margin:0; width:100%; max-width: 1200px; min-height:92vh; margin-left:auto; margin-right: auto; padding-bottom:30px; text-align: left;border-bottom: 5px solid #fe7632;}
#navi {/*position:absolute; top:12px; left:92px;*/ padding:0; width:100%; min-height:90px;color:#FFF;padding:10px 48px;line-height: 1em;font-weight: 300;}
#navi a {display: block; font-weight: 300; color:#FFF;position: absolute;right:40px;top:10px;}
#navi h2 {color:#FFF;font-weight: 400;}
#navi a:hover, #navi a:hover h2 {color:#f7fbfb;;text-decoration: none;}
#bildleiste {/*position:absolute; top:160px; left:0;*/ width:100%; clear:left; margin-bottom:0; text-align: left; border-bottom: 5px solid #fe7632;
}
a.pk-button, a.pk-button h2 {position: realtive; display: block;right:auto;width:inherit;}
.dunkel {color:#2c383a;}
a.pk-button:hover {color: #80c5ce; text-decoration: none;}
#navi a img, a.pk-button img {
    -webkit-filter: grayscale(0) brightness(1);
    filter: grayscale(0) brightness(1);
    -webkit-transition: filter 0.5s ease-in-out;
    -moz-transition: filter 0.5s ease-in-out;
    -o-transition: filter 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out;
}
#navi a:hover img {
    -webkit-filter: grayscale(1) brightness(10);
    filter: grayscale(1) brightness(10);
}
a.pk-button:hover img {
    -webkit-filter: hue-rotate(185deg) saturate(2.5) brightness(1.15);
    filter: hue-rotate(185deg) saturate(2.5) brightness(1.15);
}
#footer {
    padding-left:60px;min-height: inherit;border-bottom: none;padding-bottom: 0;
}
#header {
    position: relative; overflow: hidden; min-height:300px; height:auto; /*border-bottom: 2px solid #fe7632; */background-size: 100% auto; background-position: 50% 10%;
}
/* ##### Start Einrückungen ###### */
.e4 {margin-left: 4em;}
.e6 {margin-left: 6em;}
.e8 {margin-left: 8em;}
.e10 {margin-left: 10em;}
.e12 {margin-left: 12em;}
.e14 {margin-left: 14em;}
/* ##### Ende Einrückungen ###### */
#content {padding:1em;}
.headerbild {width:100%; height:auto;}
/*#metanavi, #submenu, #leftcol, #rightcol {position:absolute; top:260px}*/
#bildleiste img {
    width:10%; height: auto; margin:0; padding:0;
}
#responsivmenu {width:100%;float:left; height:100%; margin-bottom:80px;}
#metanavi {/*left:10px;*/ width:92px; float:left; margin-bottom:80px;}
#submenu {width:11%; float:left;}
/*#subnavi {width:20%; float:left; padding-right:2%; margin-top:30px; padding-top:16px;min-height:200px;}*/
#subnavi {z-index: 100;}
h1 {position:absolute; left:19.5%; bottom: -0.16em; font-weight: 900;font-size: 3.1em; 
	text-transform:uppercase;
    letter-spacing: 0.1em;
    color: #FFF;
    text-shadow: #555 0em 0em .2em;
}
h3{margin-bottom:4px;font-weight: 900;text-transform:uppercase;color:#63989f;}
/* end Layout */
/* Navigation */
#navi ul {margin:0; padding:0; list-style:none}
#navi ul li a {
	padding:0 0 .3636em 0;
	line-height:1.3636em;
}
html>body #navi ul li a {padding:.1818em 0}
#metanavi a {
	/*width:76px; 
	line-height:150%*/
	text-align:right;
	padding-bottom:4px;
	width:90px;
}
/*.navi a {
	display:block; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#fff; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase
}
.navi a:hover {color:#80c5ce}*/
.startseite .navStartseite, .ueberuns .navUeberuns, .praxisleitung .navPraxisleitung, .team .navTeam, .praxis .navPraxis, .kundenstimmen .navKundenstimmen, .video1 .navVideo1, .video2 .navVideo2, .video3 .navVideo3, .video4 .navVideo4, .video5 .navVideo5, .kooperationspartner .navKooperationspartner, .kooperationspraxis .navKooperationspraxis, .stoerungsbilder .navStoerungsbilder, .sprachentwicklungsstoerung .navSprachentwicklungsstoerung, .aussprachestoerung .navAussprachestoerung, .myofunktionelle-stoerung .navMyofunktionelle-stoerung, .late-talker .navLate-talker, .sprachstoerung .navSprachstoerung, .autismus .navAutismus, .lrs .navLrs, .cmd .navCmd, .aphasie .navAphasie, .dysarthrie .navDysarthrie, .dysphagie .navDysphagie, .stimmstoerung .navStimmstoerung, .stottern .navStottern, .fuetterstoerung .navFuetterstoerung, .veroeffentlichungen .navVeroeffentlichungen, .materialveroeffentlichungen .navMaterialveroeffentlichungen, .vsl .navVsl, .vsl-uebungsmappe .navVsl-uebungsmappe, .graphofit .navGraphofit, .graphofit-uebungsmappen .navGraphofit-uebungsmappen, .aumyo .navAumyo, .zunge-ahoi .navZunge-ahoi, .schlaue-gesicht .navSchlaue-gesicht, .familiengeschichten .navFamiliengeschichten, .vokal-total .navVokal-total, .fachpublikationen .navFachpublikationen, .kostenuebernahme .navKostenuebernahme, .kontakt .navKontakt, .sonstiges .navSonstiges, .vortraege .navVortraege, .info-kgs .navInfo-kgs, .info-fortbildungen .navInfo-fortbildungen, .info-logopaedie .navInfo-logopaedie, .belohnungstiere .navBelohnungstiere, .stellenangebote .navStellenangebote, .links .navLinks, .impressum .navImpressum, .datenschutzerklaerung .navDatenschutzerklaerung {font-weight: 900; color:#c00; cursor: default; }
/* end Navigation */
/* Components */
/*#bildleiste img{margin-right:-4px}*/
#content ul,
#content ul {
	list-style:square;
}
#content ::marker,
#content ::marker {
	color: #fe7632;
}
html>body #content ul,
html>body #content ul {
	margin:0 0 -.0625em 16px;
	padding-left:0
}
/* end Components */

.edit .navi a {
color:#006
}
#logo {float:right; margin:20px 30px;}
.clear {clear:both;}

#subnavi ul, #wordcloud ul {margin:0; padding:0; list-style:none;}
#subnavi li a, #wordcloud li a {
    padding: 0.25em 1em;
    font-size: 0.8em;
	display:block;
	font-weight:900; 
	text-decoration:none; 
	text-transform:uppercase;
    -webkit-transition: transform 0.5s, color 0.3s;
    -moz-transition: transform 0.5s, color 0.3s;
    -o-transition: transform 0.5s, color 0.3s;
    transition: transform 0.5s, color 0.3s;
}
#wordcloud li a {
	padding: 0.5em 1.5em;
    float:left;
}
#wordcloud li a:focus, #wordcloud li a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#subnavi a{
padding-bottom:12px
}
#subnavi a:hover, #subnavi a.selected, #navi .selected a, #metanavi a.selected {color:#80c5ce}
#speziale {position:relative;}
#speziale #subnavi {width:800px;}
#speziale #subnavi li {position:relative; margin-left: 50px; float:left; top:20px;}
#speziale #subnavi li a { font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

.slidertext {
    /*position: absolute; */
    padding: 1.5em 1.5em 1.5em 3.75em;
    /*color: #FFF;
    left:0; right: 0; bottom: 0; 
    /*background-color: rgba(61,94,98,0.9);*/
}

img.logo {

    animation: einblenden 3.5s;
    -moz-animation: einblenden 3.5s; /* Für Firefox */
    -webkit-animation: einblenden 3.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 3.5s; /* Für Opera */
}
.zia-logo {
    height:72px; 
    width: auto; 
    vertical-align: baseline
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}





@media print {
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
}




@media screen {
/* These are standard sIFR styles... do not modify */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	
	.sIFR-hasFlash h1 {
		visibility: hidden;
	}
	
	.sIFR-hasFlash h2 {
		visibility: hidden;
		letter-spacing: -9px;
		font-size: 55px;
	}
	
	.sIFR-hasFlash h3 {
		visibility: hidden;
		/*letter-spacing: -6px;*/
		font-size: 35px;
	}
	
	.sIFR-hasFlash h4 {
		visibility: hidden;
		letter-spacing: -5px;
		font-size: 21px;
	}
	
	.sIFR-hasFlash h5#pullquote {
		letter-spacing: -4px;
		visibility: hidden;
		font-size: 24px;
	}
}
@media all and (max-width: 1200px) {
    h1 {font-size: 2.5em; }
}
@media all and (max-width: 1000px) {
    #subnavi, .col-md-6, .col-md-10, h3 {clear: both;}
    h3::before {content:'\A';white-space: pre;}
    #wordcloud h3::before {content:'';white-space:inherit;}
}
@media all and (max-width: 800px) {
    body {padding: 0;}
    #responsivmenu {width:100%; float:none; height:auto; padding-right:0; margin-bottom:80px;}
    /*#leftcol, #rightcol, #subnavi {width:90%; float:none; padding-right:2%; padding-left:13%; margin-top:15px; min-height: inherit;}*/
    h1 {left:48px; font-size: 1.6em;}
    h3 {font-size: 1.3em;}
    #container { min-height:95vh; } 
    #subnavi li a {float:left; padding-left:0; padding-right:2em;}
    /*#header { height:350px; }*/
    /* ##### Start Einrückungen ###### */
.e4, .e6, .e8, .e10, .e12, .e14 {margin-left: 0;}
/* ##### Ende Einrückungen ###### */
    .slidertext {
    padding: 1em 1em 1em 2.5em;
}
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .navbar {font-size: 1em;}
    /*#header { height:400px; }*/
}
@media all and (min-width: 768px) and (max-width: 1000px) {
    .navbar {font-size: 0.9em;}
    h1 {left:48px; font-size: 2em;}
    /*#header { height:400px; }*/
}

@media (max-width: 767px) { /* Anpassung */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #FFF;
}
    .zia-logo {
    height:60px; 
}
}
@media (max-width: 500px) { /* Anpassung */

    #header {
    min-height:150px; 
}
}
/* Navbar Multi Level */
/* .container {padding-right: 0;padding-left: 0;}  Anpassung */
/* .navbar-collapse {padding-right: 0;padding-left: 0;}  Anpassung */
.navbar { /* Anpassung */
    border-radius: 0;
    min-height: 45px;
    margin-bottom: 0;
}
.navbar-nav {
    margin: 0px -15px;
}
.navbar-nav > li > a { /* Anpassung */
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 5px solid rgba(99, 152, 159, 0);
}
.navbar-nav > li > .dropdown-menu {/* Anpassung */
    margin-top: 2px;
}
.navbar-default .navbar-nav > li > a { /* Anpassung */
    color: #FFF;
    background-color: transparent;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}
nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { /* Anpassung */
    color: #2c383a;
    background-color: #ffa571;
    border-bottom: 5px solid rgba(99, 152, 159, 1);
}
.navbar-default { /* Anpassung */
    border: 0 ;
    border-bottom: 2px solid rgba(99, 152, 159, 1);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { /* Anpassung */
    color: #2c383a;
    background-color: #ffa571;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { /* Anpassung */
    color: #FFF;
    background-color: #fe7632;
    border-bottom: 5px solid rgba(254, 118, 50, 0);
}
.navbar-default .navbar-toggle .icon-bar { /* Anpassung */
    background-color: #FFF;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* Navbar 
li.nav-item {list-style: none; width:auto;margin:0.2em 1em}
.navbar {border-radius: 0; height:auto; min-height: 35px; }
.navbar-collapse {overflow: visible; height:auto; -webkit-scrollbar: none; }
.navbar a:hover {text-decoration: none;}
.dropdown-item {color:#2c383a;margin:0 1em;}
a.dropdown-item:hover {color:#fe7632;background:none; }
.navbar-nav {padding-left:0;}
.navbar-toggler {display: none;}
.navbar-nav > li > .dropdown-menu {margin-top:8px;}
.navbar-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='20' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    border: 0 none;
    background-color: transparent;
    background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .navbar-toggler {
      display:block;
    width: auto;
      height:30px;
      width:30px;
      float:left;
    }  
} */
/* Underline Effect
.nav-item {
  position: relative;
}

.navbar-collapse ul li a.nav-link:before {
    position: absolute;
    bottom: -5px; 
    left: 0;
    width: 100%;
    height: 5px;
    background: transparent;
    content: '';
    opacity: 0;
    -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.navbar-collapse ul li:hover a.nav-link:before {
	opacity: 1;
	-ms-transform: translateY(8px);
	-webkit-transform: translateY(8px);
	transform: translateY(8px); /* transform: translateY(0px); 
	bottom: 0px;
	background: #fe7632;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #fe7632;
}

.dropdown-menu {
  border: 0px;
}*/

/* flickity */
.carousel-cell {
    width:100%;
    height: auto;
}
/* transition height change 
.flickity-viewport {
  transition: height 0.2s;
}*/