/*
Theme Name: fokusleiste22
Theme URI: none
Description: template fuer fokusleiste.com
Author: Dominik Stegmayer
Author URI: http://www.stegmayer.eu
as of: 15.03.2023

MOBILE
*/

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-600 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/fonts/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}




html {
   height: auto;
} 
  
body {
margin:0;padding:0;border:0;
  font-family : 'Quicksand', 'Open Sans', Tahoma, verdana, Arial, Helvetica, sans-serif;
  color: black;
  text-rendering: optimizeLegibility;
background-color: #fff;
font-size: 16px;
  }  
  
h2 {
font-weight: regular;
padding: 5px 5px 5px 0px;
margin: 5px 15px 10px 0px;
color: #e2001a;
}


h3{
font-weight: bold;
padding: 5px 15px;
margin:0px;
color: #e2001a;
text-decoration: underline;
}

#inhalt h3{
font-weight: 700;
padding: 5px 5px 5px 0px;
margin: 5px 15px 10px 15px;
color: #00b1eb;
color: #FF8674;
color: #003b5c;
background: transparent;
text-decoration: none;
font-size: 1.3em;
line-height: 1.5em;
border-bottom: 0px solid #474747;
}

#inhalt h3.kursheadline {
  	color: #003b5c;
	padding: 5px 5px 5px 0px;
	margin: 5px 15px 10px 10px;
 	background: transparent;
	border-bottom: 5px solid #FF8674;
}

#inhalt h3 mark {
  color: #003b5c;
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.5em 0.2em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(241, 231, 64, 0.4),
    rgba(241, 231, 64, 0.99) 4%,
    rgba(241, 231, 64, 0.6)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: none;
}


#inhalt h3.klammer {
  color: #003b5c;
  text-align: center;
  font-size: 1.2em;
line-height: 1.4em;
  margin: 0em;
  padding: 10px 20px 10px 20px;
margin: 5px 15px 10px 15px;
  //border-radius: 0.5em 0.2em;
  background: transparent;
  background-image: url(images/klammer_links.png), url(images/klammer_rechts.png);
  background-position: left top, right top;
  background-size: contain;
  background-repeat: no-repeat, no-repeat;
}


#inhalt h4{
font-weight: 700;
padding: 5px 5px 5px 0px;
margin: 5px 15px 10px 15px;
color: #00b1eb;
color: #FF8674;
color: #003b5c;
background: transparent;
text-decoration: none;
font-size: 1.2em;
line-height: 1.2em;
border-bottom: 0px solid #474747;
}

#inhalt h4 a {
padding-top: 100px;
margin-top: -100px;
}

#inhalt h5{
font-weight: bold;
padding: 5px 5px 5px 0px;
margin: 5px 15px 10px 15px;
color: black;
background: transparent;
text-decoration: none;
font-size: 1.05em;
border-bottom: 2px solid #474747;
border-bottom: 2px solid #00b1eb;
}


/* -------- header ----------*/

img{
    max-width:100%;
    height:auto;
    }



.imgzentriert {
text-align: center;
}


#topcontainermobile {
top: 0px;
width: 100%;
height: auto;
background-color: white;
z-index: 15;
margin-bottom: 0px;
}

body.id1 #topcontainermobile {
	display:display;
}

/*
@media screen and (orientation: portrait) and (max-device-width: 700px) {
	body.id15 #topcontainermobile,
	body.id28 #topcontainermobile,
	body.id39 #topcontainermobile,
	body.id46 #topcontainermobile,
	body.id90 #topcontainermobile {
	margin-bottom: 100px;	
	}
}
*/

/* ----------logo-------------- */

#logo {
	margin-top: 30px;
margin-bottom: 30px;
width: auto;
background: none;
font-family: 'Open Sans', 'Lato', Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
margin-left: 15px;
text-align: left;
font-size: 1.4em;
font-weight: 400;
z-index: 12;
text-transform: uppercase;
color: #303030;
}

#logo a:link, #logo a:visited {
text-decoration:none;
color: #083a93;
color: #303030;
background-color: none;
text-align: left;
display: block;
width: auto;
}

#logo a p {
text-align: left;
background-color: ;
} 

#logo table#logotable {
	background-color: transparent;
text-align: left;
width: 32%;
min-width: 100px;
max-width:500px;
	z-index: 12;
}


@media (orientation: landscape) {
#logo table#logotable {
width: 20%;
min-width: 50px;
max-width: 500px;
margin-left: 5vW;
	z-index: 12;
}
}


#logo img {
width: 100%;
}



/*
#logoindexpage {
width: 332px;
width: 40vW;
max-width: 500px;
height: auto;
top: calc(50vH - 150px);
left: 30vW;
left: max(30vW, calc(50vW - 250px)); 
position: fixed;
display:block;
margin-left: 0px;
	z-index: 12;
}

#logoindexpage.oben {
top: 13%;
}

#logoindexpage a img {
width: 332px;
width: 40vW; 
height: auto;
border: 0px;
}
*/


/* -------------- Toggle Menu ------------------ */
/* source: http://jsfiddle.net/gSPqX/1/ */

input + label {position: fixed;}
input:checked + label {position: absolute;}
//input + label:after { content: " \2715"; }
input + label { background-image: url(images/menuicon_x3.png); background-size: contain; background-repeat: no-repeat;}
//input:checked + label:after { content: " \2630"; }
input:checked + label { background-image: url(images/menuicon_burger3b.png); background-size: contain; background-repeat: no-repeat;}
input + label + div {display:display;}
input:checked + label + div {display:none;}

label {
    //background-color: #00b0e6;
	background-color: white;
    /*box-shadow: inset 0 2px 3px rgba(255,255,255,0.2), inset 0 -2px 3px rgba(0,0,0,0.2);*/
    border-radius: 0px;
    font-size: 3.0em;
    display: inline-block;
    padding: 2px 5px;
    cursor: pointer;
	margin: 5px 5px 10px 10px; 
	color: #003B5C;
	position: absolute;
	top: 32px;
	right: 8px;
	z-index: 15;
	transition: 1000ms 50ms ease-in;
	width:0.9em; 
	height:0.9em;
}



/* --- End Toggle Menu --- */

input#cb.letgo + label {position: absolute;}





/* -------------- menu ------------------- */

/*
#menu {
position: relative;
left: 0px;
top: 0px;
width: 100%;
//height: 75px;
height: auto;
padding: 0px;
z-index: 9;
font-family: 'Quicksand', Tahoma, Verdana, Arial, Helvetica, Times, Verdana, sans-serif;
font-weight: 400;
font-size: 1em;
color: white;
background: transparent;
text-align: center;
}
*/

#menu {
position: relative;
	/*position: fixed;
	top: 15vH;
	left: 0px;
	z-index: 14;*/
width: 100%;
//background: #FF8674;
background: white;
height: auto;
//height: 100vH;
//height: calc(100vH - (32vW * 0.6) - 60px);
min-height: 160px;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-bottom: 40px;
color: #FF8674;
	font-family: 'Quicksand', Tahoma, Verdana, Arial, Helvetica, Times, Verdana, sans-serif;
font-weight: 400;
font-size: 1.3em;
	transition: 1000ms 50ms ease-in;
}

@media (orientation: landscape) {
	#menu {
	min-height: 90px;
	}
	
}

body.id15 #menu,
body.id39 #menu,
body.id28 #menu,
body.id46 #menu,
body.id90 #menu {
	min-height: 260px;
}

@media (orientation: landscape) {
	body.id15 #menu,
	body.id39 #menu,
	body.id28 #menu,
	body.id46 #menu,
	body.id90 #menu {
		min-height: 140px;
	}	
}


#menu #menuboxright {
position: absolute;
top: 10px;
left: 0px;
padding-right: 10px;
padding-left: 17px;
margin-right: 10px;
height: auto;
width: auto;
color: white;
background: transparent;
z-index: 9;
text-align: left;
opacity: 1;
}

@media (orientation: landscape) {
	#menu #menuboxright {
		left: 5vW;
	}	
}

/*
#menu #menuboxright.sticky {
top: 0px;
width: 100%;
opacity: 1;
background: white;
}
*/

#menu #menuboxright div.menuitem {
margin-top: 0px;
margin-left: 0px;
margin-right: 1px;
margin-bottom: 5px;
padding: 0px;
list-style-type: none;
display: block;
width: auto;
height: auto;
text-align: left;
vertical-align: top;
background: white;
}

@media (orientation: landscape) {
	#menu #menuboxright div.menuitem {
		display: inline-block;
		margin-bottom: 10px;
		margin-right: 4px;
	}	
}

#menu #menuboxright div.menuitem:first-child {
margin-left: 0px;
}

#menu #menuboxright div.menuitem:last-child {
margin-right: 2px;}

#menu #menuboxright div.menuitem a{
color: #003B5C;
padding: 2px 2px 2px 1px;
margin: 0px 0px 0px 0px;
text-transform: none;
border-bottom: 2px solid transparent;
background: white;
text-align: left;
display: block;
height: auto;
text-decoration: none;
font-size: 0.9em;
font-weight: 600;
}

#menu #menuboxright div.menuitem:first-child a{
padding-left: 1px;
}


#menu #menuboxright div.menuitem a:hover{
color: white;
color: #003B5C;
background: transparent;
border-bottom: 2px solid #003B5C;
}

/*
@media screen and (max-width:1055px) {
	#menu {
	width: calc(100% - 420px);
	}
	#menu #menuboxright div.menuitem {
	margin-bottom: 5px;
	}
	#menu.smallm #menuboxright {
	top: 20px;
	}
}
*/

/* ---level 1--- */

@media (orientation: portrait) {
	span.mobilebreaker {
		display: none;
	}
}

#menu #menuboxright div.menuitem.level1active a{
color: white;
color: #003B5C;
text-decoration: none;
background: transparent;
border-bottom: 2px solid #FF8674;
}

#menu #menuboxright div.menuitem.level1parent a{
color: white;
color: #003B5C;
text-decoration: none;
background: transparent;
border-bottom: 2px solid #003B5C;
}

/* ------ level 2 ---- */
#menu2container {
position: relative;
padding-right: 0px;
padding-left: 0px;
margin-top: 10px;
margin-right: 10px;
height: auto;
width: 100%;
color: white;
background: transparent;
z-index: 9;
text-align: left;
opacity: 1;
}

@media (orientation: landscape) {
	#menu2container {
		margin-top: 5px;
	}	
}

#menu2container div.menulevel2item {
margin: 0px 5px 8px 1px;
padding: 0px;
list-style-type: none;
display: block;
width: auto;
height: auto;
text-align: left;
vertical-align: top;
background: white;
font-size: 0.7em;
font-weight: 600;
}

@media (orientation: landscape) {
	#menu2container div.menulevel2item {
		display: inline-block;
	}	
}

#menu2container div.menulevel2item a{
color: white;
color: #FF8674;
text-decoration: none;
background: transparent;
}

#menu2container div.menulevel2item:hover a{
color: white;
color: #003B5C;
text-decoration: none;
background: transparent;
border-bottom: 2px solid #FF8674;
}

#menu2container div.menulevel2item.level2active a{
color: white;
color: #003B5C;
text-decoration: none;
background: #003B5C;
background: transparent;
border-bottom: 2px solid #FF8674;
}

/* ------------- social media buttons ---------- */

#socialmediabuttons {
	position: absolute;
	z-index: 11;
	bottom: 15px;
	right: 20px;
	width: auto;
	height: 25px;
	
}

@media screen and (max-width:1055px) {
	#socialmediabuttons {
		top: 8px;
	}
}

#socialmediabuttons a{
	margin-left: 15px;
	
}

#socialmediabuttons a:hover img{
	filter: brightness(0.1);
}


/* ------------------- WRAPPER --------------------------------*/

#wrapper {
position: relative;
width: 100%;
height: auto;
margin-top: 0px;
padding: 0px;
border-bottom: 0px;
}


/* ----------------- Inhaltbanner --------------------- */


#blackmobile {
position: relative;
width: 100%;
background: #130401;
height: auto;
margin: 0px;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 4px;
padding-bottom: 4px;
color: #FF8674;
	text-align: center;
}

#inhaltbanner {
position: relative;
width: 100%;
background: #003B5C;
height: 30vH;
min-height: 200px;
margin: 0px;
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
color: #FF8674;
}

body.id270 #inhaltbanner {
	display:none;
}

.main-gallery {
	//height: 400px;
	height: 30vH;
	min-height: 200px;
	margin-left: 15px;
	margin-right: 15px;
	background: #003B5C;
}

.gallery-cell {
  height: 100%;
width: auto;
  margin-right: 20px;
}

.gallery-cell img {
	height: 100%;
width: auto;
}

#wrapper #inhaltbanner .main-gallery .gallery-cell img{
	max-width: none;
	width: auto;
}

.main-gallery .flickity-prev-next-button {
  background: #FF8674;
  opacity: 100;
  color: #003B5C;
}

/* position outside */
.main-gallery .flickity-prev-next-button.previous {
  left: -10px;
}
.main-gallery .flickity-prev-next-button.next {
  right: -10px;
}



/* ------------- Factbox --------- */


#factboxwrapper {
position: relative;
width: 100%;
height: auto;
margin: auto;
margin-top: 0px;
padding-top: 30px;
padding-bottom: 10px;
transition: top 500ms;
z-index:8;
background: transparent;
background: #F9F6F0;
}

body.id270 #factboxwrapper {
	display:none;
}

/*
@media screen and (max-width:1605px) {
	#factboxwrapper {
	width: 100%;
	right: 0px;
	}
}

@media screen and (max-width:800px) {
	#factboxwrapper {
	width: 580px;
	right: 0px;
	}
}
*/

.main-factgallery {
	width: 600px;
	height: 150px;
	color: black;
	z-index: 11;
	background: transparent;
	margin: 0 auto;
}

@media screen and (max-width:800px) {
	.main-factgallery {
	max-width: 450px;
	width: calc(70vW - 20px);
	}
}

.factgallery-cell {
  height: 100%;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  	color: black;
	font-family: 'Quicksand', Helvetica, Times, Verdana, sans-serif;
font-weight: 500;
font-size: 1.0em;
color: #003B5C;
}



.factgallery-cell img {
	height: 100%;
	width: auto;
}

/* position outside */
.main-factgallery .flickity-prev-next-button.previous {
  top: 50px;
  left: -55px;
}
.main-factgallery .flickity-prev-next-button.next {
  top: 50px;
  right: -50px;
}

.main-factgallery .flickity-prev-next-button {
  background: transparent;
  opacity: 100;
  color: #003B5C;
}

.main-factgallery .flickity-prev-next-button:hover {
  opacity: 100;
  color: #003B5C;
}



/* -----------------Inhalt mobile--------------------- */


#inhalt {
position: relative;
background: #F9F6F0;
height: auto;
padding: 5px;
padding-top: 13px;
z-index:3;
color: black;
width: auto;
font-size: 1em;
font-family: 'Quicksand', 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 500;
line-height: 1.6em;
//letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:left;
}


body.cat_tag #inhalt{
display:none;
}

#inhalt p {
padding-left: 10px;
padding-right: 10px;}

#inhalt table{
padding: 5px;
margin: 5px 5px 5px 15px;
border-collapse: collapse;
border: 1px solid #EDEDED;
}

#inhalt table td {
border-collapse: collapse;
vertical-align: top;
border: 1px solid #EDEDED;
text-align: left;
}


#inhalt_heading {
width: 100%;
border-bottom: 0px solid #FF8674;
background: #F9F6F0;
font-family: 'Quicksand', 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
}


#inhalt_heading h2{
width: auto;
margin: 0px 0px 0px 0px;
color:#003B5C;
text-decoration: none;
padding: 5px 0px 5px 15px;
border-top: 0px solid #FF8674;
border-bottom: 0px;
display:block;
font-size: 1.5em;
}


#inhalt_excerpt {
width: auto;
border-left: 4px solid #e2001a;
background: white;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
margin-bottom: 10px;
font-size: 0.95em;
line-height: 1.3em;
}

#inhalt_excerpt p {
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}

#inhalt ul{
margin-left: 20px;
margin-right: 10px;
padding-left: 22px;
list-style-image: url(images/pfeil_small4.png);
list-style-image: url(images/aufzaehlungszeichen2.gif);
text-transform: none;
color: black;
}
#inhalt ul li {
padding-bottom: 5px;
}

#inhalt a:link, #inhalt a:visited {
color: #003b5c;
font-weight: 700;
border-bottom: 2px solid #FF8674;
text-decoration: none;
}

#inhalt a:hover, #inhalt a:active {
color: #003b5c;
border-bottom: 2px solid #003b5c;
}

#inhalt img {
border: 9px solid #fff;
width: 100%;
max-width: calc(100% - 20px);
height: auto;
margin: 7px 3px 7px 0px;
}


span.videoviewagain {
display:none;
}

#inhalt img#collage {
display: none;
visibility: hidden;}

#inhalt #mitarbeiterfotos img.portraitfoto {
width: 100%;
height: auto;
margin-top: 15px;
margin-right: 0px;
margin-left: 0px;
border: 1px solid silver;
}

.content{
border-bottom: 3px solid #DFDFDF;
padding: 0px;
padding-bottom:7px;
margin-bottom:20px;
}

span.content_date{
padding-left: 0px;
color: #9b9b9b;
}

span.recentfive p{
margin:0px 0px 0px 10px;
padding:0px;
}

span.recentfive a{
margin:0px;
margin-left: 15px;
text-decoration:none;
padding:0px;
}

span.nounderscore a{
margin:0px;
text-decoration:none;
padding:0px;
}

p {
padding: 0px 5px 1px 5px;
margin:0px;
}


#inhalt p span.artikelquelle {
line-height: 2.0em;
font-size: small;
}


#map_canvas1 {
width:85%; 
height:350px;
}




/* --------------- Addthis Leiste ---------------------- */

#addthisleiste {
position: relative;
width: 100%;
background: transparent;
height: auto;
margin-top: 40px;
z-index: 5;
text-align:left;
border-top: 2px solid #4a4a4a;
}

#addthiscontent {
position: relative;
margin: 0px 15px 5px 15px;
width: auto;
max-width: 100%;
height: auto;
color: #4a4a4a;
padding: 5px 0px 9px 0px;
font-size: 1.2em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
line-height: 1.0em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
z-index: 5;
}

div.addthis_sharing_toolbox {
display: inline-block;
margin-right: 10px;
margin-top: 18px;
z-index: 5;
}




/* --------------- SLOGAN INDEX PAGE Fokusleiste will... ---------------------- */
#sloganindexpage {
position: relative;
width: 100%;
background: #003B5C;
height: auto;
margin: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 20px;
}

body.id1 #impressum {
	display:display;
}

#sloganindexpage {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 0px;
width: auto;
height: auto;
color: #003B5C;
color: #FF8674;
color: #fff;
padding: 25px 5px 22px 5px;
font-size: 1.0em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 500;
line-height: 1.0em;
letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:left;
border-bottom: 0px solid white;
}

#sloganindexpage h3.klammer {
  color: white;
  text-align: center;
	text-decoration: none;
  font-size: 1.2em;
line-height: 1.4em;
  margin: 0em;
  padding: 10px 20px 10px 20px;
margin: 5px 15px 10px 15px;
  //border-radius: 0.5em 0.2em;
  background: transparent;
  background-image: url(images/klammer_links.png), url(images/klammer_rechts.png);
  background-position: left top, right top;
  background-size: contain;
  background-repeat: no-repeat, no-repeat;
}

#sloganindexpage a{
color: #003B5C;
color: #FF8674;
color: #fff;
text-decoration: none;
}

#sloganindexpage a:hover{
color: #003B5C;
color: #FF8674;
color: #fff;
border-bottom: 2px solid #003B5C;
border-bottom: 2px solid #FF8674;
border-bottom: 2px solid #fff;
}

/* ------- FAQ Button ----- */
#inhalt #faqs {
	display: none;
}

input#faqswitch:checked + div#faqs {
  display: none;
	visibility: hidden;
}

input#faqknopf {
	height: 25px;
	width: 25px;
}


/* ---------------- Kurs buchen button ----------------------- */

#inhalt .buchen {
	display: flex;
	align-items:center;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	
}
#inhalt .buchen a {
	width: auto;
	min-height: 90px;
	background: #003B5C;
	border: 5px solid #003B5C;
	border-radius: 20px;
	color: white;
	padding: 5px 10px 5px 10px;
	margin-left: 0px;
	font-size: 1.8em;
	line-height: 1.5em;
}

#inhalt .buchen a:hover,
#inhalt .buchen a:active {
	border: 5px solid #FF8674;
}

#inhalt .buchen a img.playbutton {
	border: 0px;
	height: 70px;
	width: 70px;
	float: left;
	padding-right: 10px;
}

/* --------------- Webinarbanner ---------------------- */

#webinarbanner {
position: relative;
width: 100%;
background: #FF8674;
height: auto;
min-height: 250px;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-bottom: 30px;
color: #FF8674;
}

body.id1 #webinarbanner {
	display:display;
}

#webinarcontent {
position: relative;
width: auto;
height: auto;
margin: 0px;
padding: 20px;
color: #FF8674;
color: #003B5C;
font-size: 2.5em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 600;
line-height: 1.1em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
border-bottom: 0px solid white;
}

div.webinarfloat {
	margin-left: -10px;
}

@media (orientation: landscape) {
	#webinarcontent {
		min-height: 300px;
	}
	div.webinarfloat {
		margin-left: 0px;
		float:left;
		padding-right: 45px;	
		min-height: 450px;
		padding-bottom: 15px;
	}
	
	div.webinarfloat img{
		max-width: 50vW;
	}
	
}

div.webinarnofloat {
margin-top: 50px;
padding-left: 20px;
}

div.webinarnofloat a {
	color: #003B5C;
	text-decoration: none;
}
div.webinarnofloat a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 2px solid white;
}


/* --------------- Masterclassbanner ---------------------- */

#masterclassbanner {
position: relative;
width: 100%;
background: #FF8674;
height: auto;
min-height: 250px;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-bottom: 30px;
color: #FF8674;
border-top: 4px solid white;
}

body.id1 #masterclassbanner {
	display:display;
}

#masterclasscontent {
position: relative;
width: auto;
height: auto;
margin: 0px;
padding: 20px;
color: #FF8674;
color: #003B5C;
font-size: 2.5em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 600;
line-height: 1.1em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
border-bottom: 0px solid white;
}

div.masterclassfloat {
	margin-left: -10px;
}

div.masterclassfloat a img {
border: 4px solid #003B5C;
border-radius: 10px;
filter: brightness(1.1);
}


@media (orientation: landscape) {
	#masterclasscontent {
		min-height: 300px;
	}
	div.masterclassfloat {
		margin-left: 0px;
		float:left;
		padding-right: 45px;	
		min-height: 450px;
		padding-bottom: 15px;
	}
	
	div.masterclassfloat img{
		max-width: 50vW;
	}
	
}

div.masterclassnofloat {
margin-top: 50px;
padding-left: 20px;
}

div.masterclassnofloat a {
	color: #003B5C;
	text-decoration: none;
}
div.masterclassnofloat a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 2px solid white;
}


/* --------------- ÖFB Leiste ---------------------- */
#oefbleiste {
position: relative;
width: 100%;
background: #f9f6f0;
height: auto;
min-height: 170px;
margin: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

body.id1 #oefbleiste {
	display: display;
}

#oefbleistecontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 0px;
width: auto;
height: auto;
color: black;
padding: 20px 7px 5px 20px;
font-size: 1.0em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 500;
line-height: 1.0em;
letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:left;
border-bottom: 0px solid white;
}

div.oefbleistefloat {
float:left;
padding-right: 30px;	
padding-bottom: 10px;
}

div.oefbleistefloat:nth-of-type(2) {
	padding-top:10px;
}

#oefbleiste a {
color: black;
text-decoration: none;
border-bottom: 2px solid #f9f6f0;
}

#oefbleiste a:hover {
color: black;
border-bottom: 2px solid black;
}




/* --------------- Impressum ---------------------- */
#impressum {
position: relative;
width: 100%;
background: #003B5C;
height: auto;
margin: 0px;
margin-top: 0px;
padding-top: 15px;
padding-bottom: 0px;
}

body.id1 #impressum {
	display:display;
}

#impressumcontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
height: auto;
color: #003B5C;
color: #FF8674;
color: #fff;
padding: 20px 7px 5px 20px;
font-size: 1.0em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 500;
line-height: 1.0em;
letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:left;
border-bottom: 0px solid white;
}

div.impressumfloat {
float:left;
padding-right: 30px;	
padding-bottom: 30px;	
}

div.impressumnofloat {
float:none;
display: inline-block;
margin-top: 0px;	
}

div.impressumnofloat p.doublespace{
	line-height: 2em;
}

#impressum a{
color: #003B5C;
color: #FF8674;
color: #fff;
text-decoration: none;
}

#impressum a:hover{
color: #003B5C;
color: #FF8674;
color: #fff;
border-bottom: 2px solid #003B5C;
border-bottom: 2px solid #FF8674;
border-bottom: 2px solid #fff;
}



#sidebar,
#dost,
#sitemap{
display:none;}

.hide{
visibility: hidden;
display:none;
max-height: 300px;
}


/* --------------- Förderung Leiste ---------------------- */

#foerderungleiste {
position: relative;
width: 100%;
background: #003B5C;
height: auto;
min-height: 240px;
margin: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

body.id1 #foerderungleiste {
	display: display;
}

#foerderungleistecontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 0px;
width: auto;
height: auto;
color: white;
padding: 50px 7px 5px 20px;
font-size: 1.0em;
font-family: 'Quicksand', "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 500;
line-height: 1.0em;
letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:left;
		border-top: 4px solid white;
}

div.foerderungleistefloat {
float:left;
padding-right: 30px;	
padding-bottom: 10px;

}

div.foerderungleistefloat:nth-of-type(2) {
	padding-top:10px;
}

#foerderungleiste a {
color: white;
text-decoration: none;
border-bottom: 2px solid #f9f6f0;
}

#foerderungleiste a:hover {
color: white;
border-bottom: 2px solid black;
}


/* --------------- Video ---------------------- */
div.youtube {
position: relative;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 56.21%; /* 16:9 Aspect Ratio */
padding-top: 0px;
height: 0;
margin-bottom: 10px;
border: 7px solid #00b1eb;
}

div.youtube iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%!important;
height: 100%!important;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}


/* --------------- Video Index page --------------- */
#videoframe {
  position: fixed;
  left: 0px;
  top: 0px;
  width: calc(100% - 90px); 
  height: calc(100% - 90px); 
  border: 45px solid white;
  border: 45px solid #003b5c;
  z-index: 10;
	display: none;
}

/*
#myVideo {
  position: fixed;
  right: 0;
  top: 0;
  width: 100vW; 
  height: auto; 
filter: blur(0.4rem);
}
*/


.container {
   position: relative;
   margin-top: 20px;
   height: 40vh;
   width: 100vw;
   margin: 0 auto;
   background: #fff;
   padding: 0px;
	border: 0px;
}

@media (orientation: landscape) {
	.container {
   height: 100vh;
   width: 100vw;
	}
}

video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  padding: 0px;
  transform: translate(-50%, -50%);
  //filter: blur(0.4rem) contrast(1);
	border: 0px;

  &::-webkit-media-controls {
     display:none !important;
  }
}



video.fullscreen.bw {
	filter: blur(0.4rem) grayscale(1) contrast(1.2);

}




#weiterbuttonindexpage a{
text-align: center;
  background: #FF8674;
	border-radius: 40px;
  position: fixed;
  bottom: 100px;
  right: 100px;
  margin: 0 auto;
  width: 80px;
  height: 80px;
font-size: 4em;
font-family: 'Quicksand', 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 700;
color: #003b5c;
display: block;
z-index: 12;
	text-decoration: none;
  }

#weiterbuttonindexpage a:hover{
	text-decoration: none;
	color: white;
	
}

#weiterbuttonindexpage.weiss a {
	background: white;
}

#weiterbuttonindexpage.weiss a:hover {
	background: #003b5c;
}


#promovideocontainer {
	border-top: 15px solid #003b5c;
border-bottom: 15px solid #003b5c;
}


/* --------------- end Video index page  --------------- */

/* ---------- Suchfeld -------------- */

h2.suchergtitel {
margin-left: 0px;
padding-top: 15px;
}

p.linkquelle {
color: gray;
border-bottom: 2px solid #DFDFDF;
padding-top: 2px;
padding-bottom:15px;}



/* --------------------- Cookie Notice ------------------- */
.cookie-notice-container {
border-top: 1px solid #6E6E6E;
padding-top: 14px;
padding-bottom: 14px;
}

.cookie-notice-container span#cn-notice-text {width: 90vW;
display: block;
margin-bottom: 5px;}


a.cn-button {
padding: 3px 6px 3px 6px;
background-color: white;
color: black;
text-decoration: none;
font-weight: 700;
font-size: 1.0em;
opacity: 1;
border: 1px solid transparent;
}

a#cn-accept-cookie {
background-color: #86c440;
}

a.cn-button:hover {
border: 1px solid black;
}

/* ------- Description ------------- */
#description {
	display: none;
}

/* --------------------------- Link PDF Icon ------------------------ */

#inhalt a[href$=".pdf"]::before {
    background-image: url(https://www.fokusleiste.com/wp-content/themes/fokusleiste2022/images/pdf-fileblue.svg);
    background-size: contain;
    content:"";
    display: inline-block;
    vertical-align: top;
    width: 1.4em;
    height: 1.4em;
margin-bottom: 1px;
}