/* CSS Document */

/* 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}
/* 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%; height:90px;color:#FFF;padding:10px 40px;line-height: 1em;font-weight: 300;}
#navi a {display: block; font-weight: 300; color:#FFF;position: absolute;right:40px;}
#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; 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; }









@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 ###### */
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .navbar {font-size: 0.8em;}
    /*#header { height:400px; }*/
}
@media all and (min-width: 768px) and (max-width: 1000px) {
    .navbar {font-size: 0.7em;}
    h1 {left:48px; font-size: 2em;}
    /*#header { height:400px; }*/
}
/* 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;
}
.navbar-nav > li > a { /* Anpassung */
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 5px solid rgba(254, 118, 50, 0);
}
.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: #90dde7;
    border-bottom: 5px solid rgba(254, 118, 50, 1);
}
.navbar-default { /* Anpassung */
    border: 0 ;
}
.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: #90dde7;
}
.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;
}*/