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

/* Farbwerte
rosa FF8674
blau 003b5c
*/

html {
}

body {
font-size: 12px;
font-family: 'Open Sans', Verdana, Helvetica, Arial, Sans-Serif;
color:black;
padding:0px;
margin:0px;
background-color: #F9F6F0;
background-color: white;
scroll-behavior: smooth;
}



.hide {
display:none;
}

a {color:#e2001a;}
a:visited {color:#e2001a;}
a:hover {color: #564b47;}
a:active { color:#000000;}

.red {
color:#e2001a;}

/* ------------- H1-H5 Überschriften Styling ---------- */

h1 {
font-size: 15px;
padding:5px 15px;
margin:0px;
}

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


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.4em;
line-height: 1.7em;
border-bottom: 0px solid #474747;
}


#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;
  margin: 0em;
  padding: 5px 20px 7px 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;
}

/* ----------Kopfzeile-------------- */

#topbackground.smallm {
height: 130px;
//transition: height 500ms;
position: fixed;
z-index: 8;
}

#topbackground {
   background: white;
   padding: 0px;
   border-bottom: 0px solid #e5e5e5;
   margin: 0px;
   width: 100%;
   height: 450px;
   position: absolute;
   top: 0px;
   z-index: 5;
   left: 0px;
   opacity: 1;
   //box-shadow: 0 4px 4px -2px rgba(0,0,0,0.1);
   }

@media screen and (max-height:801px) {
	#topbackground {
	height: 330px;
	}
}


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

#logo {
top: 60px;
left: 150px;
width: 166px;
height: 100px;
position: fixed;
display:block;
z-index:10;
text-align: center;
padding: 0px;
margin: 0px;
border: 0px;
transition: top 500ms;
}

@media screen and (max-height:801px) {
	#logo {
	top: 60px;
	}
}

@media screen and (max-width:1055px) {
	#logo {
	left: 100px;
	}
}


#logo a img {
height: 100px;
width: auto;
border: 0px;
}

#logo a img {
transition: height 500ms, width 500ms;
}

#logo.smallm {
top: 27px;
}

#logo.smallm a img {
height: 80px;
width: auto;
border: 0px;
}

#logo a {
text-decoration:none;
display:block;
}

*html #logo {
position: absolute;
}

#logomobile{
display:none;}

#description {
display: none;}


#logo.indexpage {
	top: calc(50vH - 100px);
left: calc(50vW - 166px);
width: 166px;
height: 100px;
position: fixed;
display:block;
	width: 332px;
height: 200px;
}

#logo.indexpage a img {
height: 200px;
width: auto;
border: 0px;
}

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

/*
#factboxcontainer {
top: 250px;
right: 150px;
width: 700px;
height: auto;
position: absolute;
z-index:8;
transition: top 500ms;
text-align: left;
display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 15px;
  align-items: center;
border: 1px solid black;
}

@media screen and (max-height:801px) {
	#factboxcontainer {
	top: 150px;
	}
}
*/

/*
.factbox {
padding: 5px;
margin: 0px;
font-family: 'Quicksand', Helvetica, Times, Verdana, sans-serif;
font-weight: 500;
font-size: 1.25em;
color: #003B5C;	
}

#fboxleft {
	float: left;
	text-align: center;
}
#fboxright {
	float: right;
	text-align: center;
}

#fboxleft img, #fboxright img {
width:35px;
height: 35px;
}

#fboxcenter {
border: 0px solid #FF8674;
border-top: 0;
border-bottom: 0;
}

#fboxcenter a {
	color: #FF8674; 
}

#fboxcenter a:hover {
	color: #003B5C;
text-decoration-color: #FF8674;	
}
*/

#factboxwrapper {
top: 250px;
right: 150px;
width: 700px;
height: auto;
position: absolute;
z-index:8;
transition: top 500ms;
}

@media screen and (max-height:801px) {
	#factboxwrapper {
	top: 150px;
	}
}

@media screen and (max-width:1605px) {
	#factboxwrapper {
	width: 580px;
	right: 80px;
	}
}

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

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

@media screen and (max-width:1605px) {
	.main-factgallery {
	width: 430px;
	right: 30px;
	}
}

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

@media screen and (max-width:1605px) {
	.factgallery-cell {
	font-size: 1.4em;
	}
}

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

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

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


#factboxwrapper.indexpage {
	display: none;
}

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

#menu {
position: fixed;
right: 0px;
top: 0px;
width: 100%;
width: calc(100% - 390px);
//height: 75px;
height: 95px;
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: rgb(209, 209, 209); */
 /* Fall-back for browsers that don't support rgba */
/*background: rgba(255, 255, 255, .85); */
background: white;
text-align: center;
/*-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.4);
*/
}

/*
#menuboxleft {
float: left;
left: 0px;
top: 0px;
height: 95px;
width: 370px;
background: transparent;
color: white;
opacity: 1;
text-align: right;
font-size: 1.4em;
font-weight: 400;
z-index: 10;
text-transform: uppercase;
}

#menuboxleft div.centertext {
margin-right: 76px;
margin-top: 15px;
}

#menuboxleft div.centertext a{
text-decoration:none;
color: #303030;
}
*/

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



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


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

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

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

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

}

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

div.menuitem span.ausbildung {
font-weight:normal;
font-size: 0.9em;
display:none;}

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

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



#menu.indexpage {
	display: none;
}


/* --------- Sprachwechsler -----------*/

#sprachwechsler {
top: -2px;
right: 10px;
width: auto;
height: 20px;
position: fixed;
display:block;
z-index:10;
text-align: right;
padding: 0px;
margin: 0px;
border: 0px;
font-size: 1.1em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
}

#sprachwechsler div.wpml-ls-statics-shortcode_actions ul li a {
margin: 0px 2px 0px 2px;
padding: 2px 2px 3px 2px;
}

#sprachwechsler div.wpml-ls-statics-shortcode_actions ul li a:hover {
border-bottom: 2px solid black;
}
#sprachwechsler div.wpml-ls-statics-shortcode_actions ul li a span.wpml-ls-native {
color: #3e3e3e;
}

#sprachwechsler div.wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language a span.wpml-ls-native {
font-weight: 700;
color: black;
}


/* ---------- Suchfeld -------------- */
#suchfeld {
position: fixed;
right: 10px;
top: 150px;
z-index: 8;
transition: top 500ms;
visibility: visible;
}

#suchfeld.smallm {
position: fixed;
top: 90px;
z-index: 8;
}



#searchform {
margin-top: 0px;
margin-left: 15px;
font-size: 1.0em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
padding: 0px 0px 0px 0px;
}

#search_submit {
color: black;
background: white;
border: 1px solid black;
font-size: 1.0em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 400;
padding: 3px 3px 1px 3px;
display: none;
}

#searchform p #s {
height: 22px;
vertical-align: top;
padding: 3px 3px 1px 3px;
border: 0px;
border-bottom: 2px solid #4a4a4a;
box-shadow: 0 4px 4px -2px rgba(0,0,0,0.1);
}

#searchform p #search_submit_image {
height: 20px;
width: 20px;
background: white;
vertical-align: top;
padding: 3px;
border-bottom: 2px solid #4a4a4a;
box-shadow: 0 4px 4px -2px rgba(0,0,0,0.1);
}

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

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

@media screen and (max-width:1100px) {
	#searchform p #s {
	opacity: 0.3;
	}
	#searchform p #s:active,
	#searchform p #s:hover {
	opacity: 1;
	border: 1px solid black;
	}

}

@media screen and (max-width:900px) {
	#suchfeld {
	visibility: hidden;
	display: none;
	}
	#searchform {
	display: none;
	}
}	

/* ---------- Kategoriebutton rechts -------------- */
#kategoriebutton a{
position: fixed;
right: 20px;
top:190px;
z-index: 8;
transition: top 500ms;
visibility: visible;
background: #4a4a4a;
color: white;
font-size: 1.2em;
padding: 4px 5px 4px 10px;
text-decoration: none;
}

#kategoriebutton a.smallm {
position: fixed;
top: 130px;
z-index: 8;
}


#kategoriebutton a:hover{
background: #222222;
}

@media screen and (max-width:1100px) {
	#kategoriebutton a {
	display:none;
	}
}

/* ---------- Stichwortbutton rechts -------------- */
#stichwortbutton a{
position: fixed;
right: 20px;
top: 227px;
z-index: 8;
transition: top 500ms;
visibility: visible;
background: #4a4a4a;
color: white;
font-size: 1.2em;
padding: 4px 5px 4px 10px;
text-decoration: none;
}

#stichwortbutton a.smallm {
position: fixed;
top: 169px;
z-index: 8;
}


#stichwortbutton a:hover{
background: #222222;
}

@media screen and (max-width:1100px) {
	#stichwortbutton a {
	display:none;
	}
}




/* ----------bannerimage  page or article -------------- */

#bannerimage {
position: relative;
top: 90px;
left: 0px;
width: 100%;
height: auto;
max-height: 40vH;
overflow: hidden;
z-index: 7;
background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}


@media screen and (max-height:801px) {
	#bannerimage {
	max-height: 40vH;
	top: 60px;
	}
}	

#bannerimage img {
	width: 100%;
	height: auto;
	object-fit: cover;
	position: relative;
object-position: center center;
margin: 0;
  //-webkit-filter: grayscale(0.6);
  //filter: grayscale(0.65);

    -webkit-transition: all 500ms ;
    -moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}

body.id13 #bannerimage img,
body.id15 #bannerimage img {
  //-webkit-filter: grayscale(0.01);
  //filter: grayscale(0.01);
}

#bannerimage:hover img{
  //-webkit-filter: grayscale(0.01);
  //filter: grayscale(0.01);
}


@media screen and (max-height:801px) {
	#bannerimage img {
		width: 100%;
		height: auto;
		object-fit: cover;
		position: relative;
		//top: -9vH;
	}
}	


div.slogan {
position: absolute;
width: auto;
max-width: 50%;
height: auto;
z-index: 3;
font-size: 1.3em;
line-height: 1.7em;
font-weight: 700;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
padding: 4px 10px 4px 10px;
text-align: right;
}

@media screen and (min-width:1590px) {
	div.slogan {
	font-size: 1.6em;
	line-height: 2.0em;
	max-width: 100%;
	}
}

div.slogan.one {
bottom: 70px;
right: 0px;
background: #00b1eb;
color: white;
margin-bottom: 15px;
opacity: 1;
box-shadow: 0px 0px 5px 0px rgba(70, 70, 70, 0.6);
}

@media screen and (min-width:1590px) {
div.slogan.one {
bottom: 90px;
}
}

div.slogan.two {
bottom: 40px;
right: 0px;
background-color:rgba(64, 64, 64, 0.5);
color: white;
font-weight: 400;
opacity: 1;
box-shadow: 0px 0px 5px 0px rgba(70, 70, 70, 0.6);
}

/* ------------------- Slider Startseite ------------------------- */

#slidergerman,
#sliderenglish {
position: relative;
top: 80px;
margin-bottom: 40px;
width: 100%;
max-height: calc(100vH - 250px);
overflow: hidden;
}

body.id217 #slidergerman {
max-height: calc(100vH - 150px);
margin-bottom: 0px;
}

@media screen and (max-height:801px) and (orientation: landscape) {
	#slidergerman,
	#sliderenglish {
	max-height: calc(100vH - 160px);
	top: 10px;
	}

	#slidergerman div.n2-ss-slide-backgrounds,
	#sliderenglish div.n2-ss-slide-backgrounds {
	max-height: calc(100vH - 20px);
	top: 65px;
	}

	.n2-ss-control-bullet {
	margin-bottom: 20px;
	}

}


.metaslider #metaslider_container_3724 #metaslider_3724 ul li .caption-wrap,
.metaslider #metaslider_container_4015 #metaslider_4015 ul li .caption-wrap {
position: absolute;
bottom: auto;
top: calc(100vH - 400px);
right: 20px;
left: auto;
width: auto;
height: auto;
background: transparent;
z-index: 100;
opacity: 1;
}

@media (orientation: portrait) {
	.metaslider #metaslider_container_3724 #metaslider_3724 ul li .caption-wrap,
	.metaslider #metaslider_container_4015 #metaslider_4015 ul li .caption-wrap {
		top: 25vH;
	}
}

.metaslider .cs-title,
.metaslider .caption {
position: relative;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    left: auto;
background: transparent;
font-size: 1.5em;
font-weight: 700;
font-family: 'Open Sans', Arial, sans serif;
line-height: 2.1em;
margin: 9px;
opacity: 1;
text-align: right;
z-index: 9999;
}

.metaslider .flexslider .slides p {
margin: none;
;}

.metaslider .caption p a{
padding:3px 5px 3px 5px;
margin: 17px;
margin-top: 20px;
	background: #00b1eb;
opacity: 1;
text-align: right;
width: auto;
text-decoration: none;
color: white;
z-index: 9999;
}

.metaslider .caption p a.morelink {
background: white;
color: black;
opacity: 1;
z-index: 9999;
}

/* arrows */

.metaslider-3724 .flexslider .flex-direction-nav .flex-prev,
.metaslider-4015 .flexslider .flex-direction-nav .flex-prev {
top: 40%;
top: 40vH;
}

.metaslider-3724 .flexslider .flex-direction-nav .flex-next,
.metaslider-4015 .flexslider .flex-direction-nav .flex-next {
top: 40%;
top: 40vH;
}

@media screen and (max-height:1500px) and (orientation: portrait) {
	.metaslider-3724 .flexslider .flex-direction-nav .flex-prev,
	.metaslider-4015 .flexslider .flex-direction-nav .flex-prev {
	top: 25%;
	top: 25vH;
	}

	.metaslider-3724 .flexslider .flex-direction-nav .flex-next,
	.metaslider-4015 .flexslider .flex-direction-nav .flex-next {
	top: 25%;
	top: 25vH;
	}
}

.metaslider.metaslider-3724 .flexslider .flex-direction-nav .flex-prev:hover,
.metaslider.metaslider-4015 .flexslider .flex-direction-nav .flex-prev:hover {
		background-color: #00b1eb;
}

.metaslider.metaslider-3724 .flexslider .flex-direction-nav .flex-next:hover,
.metaslider.metaslider-4015 .flexslider .flex-direction-nav .flex-next:hover {
		background-color: #00b1eb;
}


.metaslider .flexslider:hover .flex-next {
    opacity: 1;
    right: 5px;
}
.metaslider .flexslider:hover .flex-prev {
    opacity: 1;
    left: 5px;
}

/* bullets */

.metaslider .flex-direction-nav a{
text-decoration:none;
display:block;
width:60px;
height:60px;
margin:-20px 0 0;
position:absolute;
top:40%;
opacity:1;
}


ol.flex-control-nav.flex-control-paging {
position: absolute;
top: calc(100vH - 305px);
color: white;
z-index: 100;
width: 300px;
}


.metaslider .flex-control-paging li a{
width:22px;
height:22px;
display:block;
background: white;
cursor:pointer;
text-indent:-9999px;
-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
box-shadow:inset 0 0 3px rgba(0,0,0,.3);
border-radius:25px;
border: 1px solid silver;
}

.metaslider .flex-control-paging li a:hover{
background: #00b1eb;
border: 1px solid #00b1eb;
}

.metaslider .flex-control-paging li a.flex-active{
background: #00b1eb;
cursor:default;
border: 1px solid #00b1eb;
}

@media screen and (max-height:801px) {
	ol.flex-control-nav.flex-control-paging {
	top: calc(100vH - 215px);
	}
	.metaslider #metaslider_container_3724 #metaslider_3724 ul li .caption-wrap,
	.metaslider #metaslider_container_4015 #metaslider_4015 ul li .caption-wrap {
	position: absolute;
	bottom: auto;
	top: calc(100vH - 310px);
	}
}

@media screen and (max-height:1500px) and (orientation: portrait) {
	ol.flex-control-nav.flex-control-paging {
	top: 90%;
	}
}
@media screen and (max-width:1024px) and (orientation: landscape) {
	ol.flex-control-nav.flex-control-paging {
	top: 90%;
	}
}


/* ----------container zentriert das layout-------------- */


#wrapper {
position: relative;
margin: 0 auto;
width: 100%;
top: 450px;
height: auto;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
z-index: 6;
background: #F9F6F0;

}

@media screen and (max-height:801px) {
	#wrapper {
	top: 330px;
	}
}





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

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

.main-gallery {
	height: 500px;
	margin-left: 30px;
	margin-right: 30px;
}

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

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

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

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

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
filter: blur(0.5rem);
}

#inhalt_heading {
position: relative;
top: 0px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 10px;
width: auto;
max-width: 810px;
//max-width: 1100px;
height: auto;
color: #FF8674;
padding: 5px 0px 5px 5px;
font-size: 1.2em;
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;
line-height: 1.7em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align: left;
background: transparent;
z-index: 10;
border-bottom: 0px solid #FF8674;

/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/
}

@media screen and (max-height:801px) {
	#inhalt_heading {
	margin-bottom: 5px;
	}
}

body.id37 #inhalt_heading {
max-width: 1100px;
}

body.id214 #inhalt_heading {
}

body.id217 #inhalt_heading {
display:none;
}

#inhalt_heading h2{
color: black;
color:#FF8674;
color:#003B5C;
text-decoration: none;
padding: 5px 5px 5px 12px;
border-bottom: 0px;
display:block;
font-size: 2em;
font-weight: 700;
}

#inhalt_excerpt {
position: relative;
top: 0px;
margin: 0 auto;
margin-top: -10px;
margin-bottom: 20px;
width: auto;
max-width: 820px;
//max-width: 1100px;
height: auto;
color: black;
padding: 5px 0px 5px 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.7em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align: left;
background: #fff;
z-index: 10;
border-left: 4px solid #e2001a;

/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/
}

@media screen and (max-height:801px) {
	#inhalt_excerpt {
	margin-bottom: 5px;
	}
}


body.id37 #inhalt_excerpt {
max-width: 1100px;
}


#inhalt {
position: relative;
top: 10px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 20px;
width: auto;
max-width: 810px;
//max-width: 1090px;
height: auto;
color: black;
padding: 16px 7px 10px 7px;
font-size: 1.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: 500;
line-height: 1.7em;
//letter-spacing: 0.0em;
word-spacing: 0.00em;
text-align:justify;
background: transparent;

/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/
}




body.id360 #inhalt {
max-width: 69%;
max-width: calc(68% + 10px);
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

@media screen and (max-width:1200px) {
	body.id360 #inhalt {
	max-width: 80%;
	}
}	

@media screen and (min-width:1650px) {
	body.id360 #inhalt {
	max-width: 1140px;
	}
}	


body.id214 #inhalt {
}

body.id217 #inhalt {
display:none;
}

body.id37 #inhalt {
display:none;
}

body.cat_tag #inhalt{
display:none;
}

#inhalt #inhalt_heading {
background-color: white;
}


/* ------------------------  Contact Form wpcf7------------------------ */


.contactform_footer {
position: relative;
top: 10px;
margin: 0 auto;
margin-top: 20px;
width: auto;
max-width: 820px;
height: auto;
color: black;
padding: 0px 0px 0px 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.7em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:justify;
background: white;

/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13); 
*/
}

body.cat_tag .contactform_footer {
max-width: 1100px;
}


body.id37 .contactform_footer {
max-width: 1100px;
}

.contactform_headline {
border-bottom: 6px solid #e2001a;
padding: 16px 0px 10px 0px;
font-size: 1.4em;
font-weight: 700;
}

.contactform_headline:hover {
cursor: pointer;
border-bottom: 6px solid #00b1eb;
}


.contactform_headline p i.fa-chevron-down {
color: black;
}

.contactform_headline:hover p i.fa-chevron-down {
color: #00b1eb;
}

.contactform_content {
border-top: 4px solid white;
padding: 16px 0px 10px 0px;
width: 100%;
background: white;
margin: 0px;
}

.hideit {
transform: rotate(180deg);
}


.contactform_footer input.wpcf7-text {
width: 100%;
width: calc(100% - 15px);
height: 1.6em;
border: 3px solid #e5e5e5;
padding: 3px; 
font-size: 1.2em;
}

.contactform_footer input.wpcf7-text:focus {
border: 3px solid #bcbcbc;
}

.contactform_footer input.wpcf7-quiz {
width: 25%;
height: 1.6em;
border: 3px solid #e5e5e5;
padding: 3px; 
font-size: 1.2em;
}

.contactform_footer textarea.wpcf7-textarea {
width: 100%;
width: calc(100% - 15px);
height: 6em;
border: 3px solid #e5e5e5;
padding: 3px; 
font-size: 1.2em;}

.contactform_footer textarea.wpcf7-textarea:focus {
border: 3px solid #bcbcbc;
}


.contactform_footer input.wpcf7-submit {
height: 1.9em;
padding: 6px;
background: #86C440;
font-weight: 700;
font-size: 1.1em;
font-color: white;
border: 0px;
margin-top: 20px;
margin-bottom: 10px;
}

.contactform_footer input.wpcf7-submit:hover {
cursor: pointer;
background: #71b229;
}

.contactform_content a {
font-size: 1.2em;
font-weight: 700;
color: #00b1eb;
}

.contactform_content a:hover {
color: #e2001a;
}

/* -------------------------- Newsgrid on Newspage ------------------------- */

#footernewswrapper {
position: relative;
top: 30px;
margin: 0 auto;
margin-top: 10px;
width: auto;
max-width: 69%;
max-width: calc(68% + 10px);
height: auto;
color: black;
padding: 25px 7px 15px 7px;
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.7em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:justify;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top: 20px solid #00b1eb;
}

@media screen and (max-width:1200px) {
	#footernewswrapper {
	max-width: 80%;
	}
}	

@media screen and (min-width:1650px) {
	#footernewswrapper {
	max-width: 1140px;
	}
}	

.newsgrid {
  display: grid;
  width: auto;
  background-color: transparent;
  padding: 5px;
  grid-gap: 20px;
  grid-gap: 60px 20px;
grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
}

.newsgrid a.newspost {
  width: 250px;
  height: auto;
  overflow: hidden;
  border: 0;
  padding: 5px 5px 10px 5px;
  text-align: left;
  text-decoration: none;
  background: #fff;
  color: black;
/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/
}


@supports not (display: grid) {

  .newsgrid {
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-center;
    height: auto;
    padding: 5px;
  }

  .newsgrid a.newspost {
    min-height: 25px;
	height: auto;
    margin: 20px;
  }
}

.newsgrid a.newspost:hover {
/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
*/
}

.newsgrid a.newspost h3.news {
display: inline;
color: black;
text-decoration: none;
padding: 3px 3px 2px 1px;
margin-left: 3px;
border-bottom: 2px solid #00b1eb;
font-size: 1.1em;
line-height: 1.7em;
}

.newsgrid a.newspost:hover h3.news  {
border-bottom: 2px solid #e2001a;
}

.newsgrid a.newspost h3.news div {
display: inline-block;
    padding-left: 0em;
    margin-right: 5px;
    text-indent:0em;
width: 93%;
}

.newsgrid a.newspost p.spaceline{
font-size: 0.7em;
line-height: 0.7em;
}

#inhalt .newsgrid a.newspost img.attachment-splash-desk {
border: 6px solid #ededed;
}

#footernewswrapper .newsgrid a.newspost img.attachment-splash-desk {
margin: 5px 3px 5px 3px;
border: 6px solid #ededed;
}

.newsgrid a.newspost .newspost_content {
color: black;
background: white;
text-decoration: none;
text-align: left;
padding: 3px 3px 3px 1px;
margin-left: 3px;
}

.newsgrid a.newspost .newsgrid .newspost_content span.weiter {
border-bottom: 2px solid #D1D1D1;
}

.newsgrid a.newspost:hover .newspost_content span.weiter {
//border-bottom: 2px solid #e2001a;
}

.newsgrid a.newspost .newspost_content span.weiter i {
color: white;
background: #EDEDED;
font-size: 1em;
padding: 3px;
}
.newsgrid a.newspost:hover .newspost_content span.weiter i {
color: #e2001a;
font-size: 1em;
}

.newsgrid a.newspost .newspost_content span.content_date {
color: #C4C4C4;
text-decoration: none;
text-align: left;
margin-left: 0px;
padding-left: 0px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */

.newsgrid {
text-align:left;
}
	.newsgrid  a.newspost {
		background-color: white;
		display: inline-block;
		width: 250px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
 
}

#moreposts {
background-color: #00b1eb;
padding: 5px;
width: 200px;
height: auto;
margin: 20px auto;
border: 2px solid white;
text-align: center;
font-weight: bold;
color: white;
cursor: pointer;
}

#moreposts:hover {
cursor: pointer;
}

div.newsgrid a.newspost:nth-child(n+13) {
display: none;
}

/* ------------------- Newsgrid on Startseite ------------------------- */

#steuerberater {
position: relative;
top: -20px;
margin: 0px auto;
margin-top: 0px;
width: auto;
max-width: 820px;
height: auto;
color: #787878;
padding: 0px;
font-size: 2.2em;
font-family: 'Open Sans', 'Lato', Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: 700;
line-height: 1.9em;
letter-spacing: 0.1em;
word-spacing: 0.05em;
text-align: center;
background: white;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(auto-fit, 820px);
justify-content: center;
align-items: start;
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
}

#steuerberater:hover {
color: #00b1eb;
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
}

#steuerberater a {
text-decoration: none;
color: inherit;}

span.mobwrap {
display: none;
}

#start_newscontainer {
position: relative;
}

#start_newscontainer .start_newsgrid {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 840px;
height: auto;
color: black;
padding: 0px 0px 5px 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.9em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align: left;
clear:both;
background: none;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
align-items: start;
}


@media screen and (max-height:801px) {
	#start_newscontainer .start_newsgrid {
	top: -70px;
	}
	#steuerberater {
	top: -90px;
	}
}

@media screen and (max-width: 840px) {
	#steuerberater {
	max-width: 540px;
	}
}

.start_newsgrid a.start_newspost {
  width: 260px;
  height: 200px;
  overflow: hidden;
  border: 0;
  padding: 0px 0px 0px 0px;
  text-align: left;
  text-decoration: none;
  background: #fff;
  color: black;
/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/

background-repeat: no-repeat;
background-position: center center;
//background-attachment: fixed;
background-size: cover;
}

.start_newsgrid a.start_newspost.one {
  width: 540px;
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
//height: 438px;
}

.start_newsgrid a.start_newspost.two {
  width: 540px;
  grid-column: 1 / span 2;
  grid-row: 2 / span 1;
//display: none;
}

.start_newsgrid a.start_newspost.four div.newspost_content{
//font-size: 1.0em;
//line-height: 1.3em;
}


@supports not (display: grid) {

	#start_newscontainer .start_newsgrid {
	width: auto;
background: ;
max-width: 880px;
	}
  
  #start_newscontainer .start_newsgrid {
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
    height: auto;
    padding: 5px;
  }

  #start_newscontainer .start_newsgrid a.start_newspost {
    min-height: 25px;
    height: 200px;
    margin: 10px;
display: inline-block;
  }

}


.start_newsgrid a.start_newspost:hover {
/*-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
*/
}

.start_newsgrid a.start_newspost:hover h3.news  {
border-bottom: 2px solid #e2001a;
}

.start_newsgrid a.start_newspost h3.news {
display: inline;
color: black;
text-decoration: none;
padding: 3px 3px 2px 1px;
margin-left: 3px;
border-bottom: 2px solid #00b1eb;
font-size: 1.1em;
line-height: 1.9em;
}

.start_newsgrid a.start_newspost:hover h3.news {
border-bottom: 2px solid #e2001a;
}

.start_newsgrid a.start_newspost h3.news div {
display: inline-block;
    padding-left: 0em;
    margin-right: 5px;
    text-indent:0em;
width: 93%;
}

.start_newsgrid a.start_newspost p.spaceline{
font-size: 0.7em;
line-height: 0.7em;
}


#start_newscontainer .start_newsgrid .newsgrid a.newspost .newspost_content {
color: black;
background: white;
text-decoration: none;
text-align: left;
padding: 3px 3px 3px 1px;
margin-left: 3px;
}

.start_newsgrid a.start_newspost div.newspost_content {
color: black;
background: rgba(255,255,255,0.3);
text-decoration: none;
text-align: left;
padding: 3px 3px 3px 1px;
margin-left: 5px;
margin-top: 5px;
line-height: 1.6em;
}

.start_newsgrid a.start_newspost .newspost_content span.weiter {
border-bottom: 2px solid #D1D1D1;
margin-left: 2px;
}

.start_newsgrid a.start_newspost:hover .newspost_content span.weiter {
border-bottom: 2px solid #e2001a;
}

.start_newsgrid a.start_newspost .newspost_content span.content_date {
color: #C4C4C4;
text-decoration: none;
text-align: left;
margin-left: 5px;
padding-left: 0px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */

#steuerberater {
max-width: 780px;
margin: 0px auto;
}


#start_newscontainer .start_newsgrid {
padding: 0px 0px 5px 0px;
left: 30px;
}

.start_newsgrid a.start_newspost {
background-color: white;
display: inline-block;
width: 250px;
margin-right: 10px;
margin-bottom: 10px;
}
 
.start_newsgrid a.start_newspost.one {
	width: 515px;
	margin-right: 10px;
}

.start_newsgrid a.start_newspost.two {
	width: 515px;
	margin-right: 10px;
} 
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 840px) {
	#steuerberater {
	display: none;
	}
}

/* ------------------------------ */


#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 a.telefon {
text-decoration:none;
color:black;
}

#inhalt a[name]:not([href]) {
    padding-top: 110px;
    margin-top: -110px;
}

#inhalt a[name]:not([href]):before {
    display: block;
    content: " ";
    padding-top: 110px;
    margin-top: -110px;
    visibility: hidden;
}

#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 ul{
margin-left: 20px;
margin-right: 10px;
padding-left: 22px;
list-style-image: url(images/aufzaehlungszeichen2.gif);
text-transform: none;
color: black;
}
#inhalt ul li {
padding-bottom: 5px;
}

#inhalt ul.smallerlist li {
padding-bottom: 0px;
padding-top: 0px;
}

#inhalt ol {
	margin-right: 10px;
}

#inhalt .content{
margin-left: 0px;
border-bottom: 2px solid #DFDFDF;
padding: 0px;
padding-bottom:7px;
margin-bottom:30px;
}

#inhalt .content p {
margin-left:0px;}


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

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

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

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

p {
padding: 0px 10px 0px 15px;
margin:0px;
}

img.wp-image-1292, img.wp-image-1295 {
}

.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:1em;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{
padding: 5px 10px;
margin:0px;
}

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

#inhalt img.alignleft {
margin-right: 7px;
}

#inhalt form table img {
border: 1px solid silver;
width: auto;
max-width: inherit;
height: auto;
margin: 1px;
}

#inhalt #mitarbeiterfotos{
display: none;
visibility: hidden;
}

#inhalt #mitarbeiterfotos img.portraitfoto {
display: none;
visibility: hidden;
}


.wpcf7 {
color: #626262;}

/*---------------newsletter----------------*/

#inhalt_menu.newsletter{
border-bottom:3px solid gray;
columns: 2;
vertical-align: top;
text-align: left;
padding-bottom: 7px;


}

#inhalt_menu.newsletter ul {
margin-top: 0px;
}

#inhalt .newsletter_artikel h1{
text-transform: uppercase;
color: white;
background-color: #00bbe5;
margin-left: 5px; 
width: 200px;
padding-left: 10px;
}

#inhalt .newsletter_artikel h2 {
text-transform: uppercase;
text-decoration: none;
padding-bottom:5px;
margin-left: 5px;
}

#inhalt .newsletter_artikel h3 {
font-weight: bold;
color: black;
text-decoration: none;
margin-left: 5px;
margin-top: 5px;
}

#inhalt .newsletter_artikel h4 {
font-weight: bold;
color: black;
text-decoration: none;
padding-left: 15px;
}

#inhalt .newsletter_artikel {
border-bottom: 0px solid #00bbe5;
}

#inhalt .newsletter_artikel ul.newsletter_themen{
list-style-type: none;
left: 0px;
padding: 0px;
padding-left: 15px;
}

#inhalt .newsletter_artikel ul.newsletter_themen li {
list-style-type: none;
left: 0px;
padding-left: 15px;
}

#inhalt .newsletter_artikel p img{
padding: 5px 0px 5px 0px;
border:0px;
}

#inhalt .newsletter_artikel a.nachoben {
font-weight: bold;
color: white;
background-color: #00bbe5;
padding: 2px;
}

#inhalt .newsletter_artikel a.nachoben:hover {
background-color: #e2001a;
}

#inhalt span.untermstrich {
text-decoration: none;
border-bottom: 2px solid #00b1eb;
padding-right: 10px;}


#inhalt a[rel~="slb"] img {
border: 5px solid #DADADA;
}

#inhalt a[rel~="slb"]:hover img {
border: 5px solid #00b1eb;
}

#inhalt div.newsletter_artikel #inhalt.ZMSTextarea {
border: 0;
width: auto;
height: auto;
left: 0px;
}

#inhalt div.newsletter_artikel p a.newsprint{
text-decoration:none;
color: black;
}

#inhalt div.newsletter_artikel p a.newsprint img{
padding:0px;
margin:0px;
}

#inhalt div.newsletter_artikel p a.newsprint span.printtext{
visibility: hidden;
}
#inhalt div.newsletter_artikel p a.newsprint:hover span.printtext{
visibility: visible;
}

#inhalt div.newsletter_artikel div.newstrennung,
div.newstrennung {
height: 40px;
width: auto;
margin: 0px -7px 20px -7px;
display: block;
position: relative;
background-color: #EDEDED;
z-index: 99;
display: ;
}

#inhalt div.artikelwrap {
background-color: orange;
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
margin-bottom: 20px;
}

/*------------ Quizz ------------------------*/

.frage {
}

.toggle {
display:none;
border:#ddd solid 1px;
margin-top:0px;
padding:10px;
width:520px;
font-family: Arial;
font-size: 10pt;
background-color: #2E2E2E;
color: #424242;
color: white;
margin-left: 15px;
}


.loesungsbutton {
border: #ddd solid 1px;
width:280px;
background-color: #00bbe5;
color: white;
display: block;
font-weight: bold;
text-decoration: none;
padding: 2px;
margin-left: 15px;
margin-bottom: 10px;
cursor: pointer;
}

.loesungsbutton:hover {
cursor: pointer;}

ul.quizz{
list-style-type:upper-alpha;
}

.close{
background-color: orange;
display: inline;
text-decoration: none;
color: black;
padding: 2px;
margin-left: 15px;
cursor:pointer;
}

.close:hover {
cursor: pointer;
}

.regular{
font-weight: normal;}

/*------------print button ------------------------*/

#inhalt p a.print-link {
margin: 20px 5px 10px 0px;
color: #ADADAD;
}

#inhalt p a.print-link:hover {
margin: 20px 5px 10px 0px;
color: #e2001a;
}


#inhalt p a.print-link img#print-button {
border: none;
padding: 0px 5px 0px 0px;
margin-bottom: -2px;
margin-left: 0px;
width: 24px;
height: auto;
}

/*------------sitemap------------------------*/

ul.page-list, ul.children, ul.page-list a, ul.children a {
list-style-type: none;
text-decoration:none;
}

/* -----------footer--------------------------- */



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


/*------------maybewrong-----------------*/

#maybewrong {
position: absolute;
top:0px;
left:0px;
background: #00b1eb;
color: white;
width: 100vw;
height: auto;
z-index:10;
font-weight: bold;
opacity: 0.9;
}

#maybewrong a {
color: white;
text-decoration:underline;
text-align: center;
display:block;
padding: 8px 0px 8px 0px;
border: 3px solid #00b1eb;
z-index:11;
font-size: 1.8em;
}


/*------------button print-----------------*/

#printbutton{
position: relative;
left: 12px;
width: 90px;
height: 30px;
bottom: 0px;
padding: 5px;
z-index: 6;
font-family:  Verdana, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
background: ;
color: black;
text-decoration:none;
}

#printbutton a {
text-decoration:none;
color: black;
}

#printbutton a span.printtext{
visibility: hidden;
}

#printbutton a:hover span.printtext{
visibility: visible;
}


/*------------button nachoben-----------------*/

#nachoben {
position: fixed;
right: 10px;
bottom: 25px;
width: 120px;
height: 30px;
padding: 0px;
z-index: 30;
font-size: 1.2em;
font-family: 'Open sans', Arial, Verdana, sans-serif;
background: ;
color: black;
text-decoration:none;
display: display;
}

body.Home #nachoben {
display:none;
}

#nachoben a {
text-decoration:none;
color: #919191;
}

#nachoben a span.nachobentext{
visibility: hidden;
}

#nachoben a:hover span.nachobentext{
visibility: visible;
}



/* --------------------- ONLINE RECHNER --------------------- */

div.rechnermailing {
background-color: #00b1eb;
width: 70%;
margin: 0px 0px 20px 20px;
display: none;
color: white;
border: 5px solid #86C440;
border-radius: 10px;
padding: 4px;
}

div.rechnermailing span.kontaktdaten {
width: 120px;
display:inline-block;
}

form#formularkontakt p.kontaktformitem {
margin-bottom: 3px;
}

form#formularkontakt p span.kontaktdaten {
color: #666666;
}

#company {
display: none;}

#fragefeld {
border: 0;
margin-left: 30px;
padding-bottom: 5px;
width: 200px;
height: auto;
}

#fragefeld img, #inhalt form table a img.fragebild {
border: 0;
}

#fragefeld img:hover {
background: url(https://demo.diegutachter.at/wp-content/uploads/2015/02/sticker_frage_ergebnisse_shadow.jpg) no-repeat;
background-size: 200px 162px;
}

div.rechnermailing div.frageteil {

display:none;
}  

div.rechnermailing div.frageteil input,  
div.rechnermailing div.frageteil textarea{  
border: 1px solid black;
margin-bottom: 2px;
}

div.rechnermailing input#absenden {
border:1px solid black; 
padding:0px; 
margin-left:10px; 
background-color: #9ACD32; 
height: 30px; 
width:80px;
font-weight:bold; 
color:black;
}

span.rechner_header{
color: white;
background: #00b1eb;
padding: 2px;
font-weight: bold;
}

form[name="formular"] table td {vertical-align: top;}
form[name="formular"] table {background-color: #F3F3F3; padding: 5px 3px 5px 3px;}

.result {background-color:white; border:1px solid silver; color: grey; text-align: right; }
.resultbig {background-color:white; border:1px solid silver; color: black; text-align: right;}
.resulttop {border-top: 1px solid black;}
.resultsum {border-bottom: 3px double black;}
.eingabe {background-color:#4FD9FF; border:1px solid silver; text-align: right;}
.hinweis { background-color:white; border:0px; color: red; font-weight: bold; text-align: left; }
.result.bold {color: black;}

select.eingabe option:checked{
font-weight: bold;
}


#fragefeld,
img.fragebild {
display:none;
}


/* --------------- 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: 2px;
margin-left: 15px;
margin-right: 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;
}



/* --------------- Sloganbild Startseite --------------- */

#sloganindexpage {
position: relative;
top: 0px;
margin: 0 auto;
margin-top: 40px;
width: 100%;
height: auto;
max-height: 800px;
background: #00b1eb;
border:0px;
Z-index: 9;

display: ;

}

body.id217 #sloganindexpage {
margin-top: -40px;
}

#sloganindexpage img {
width: 100%;
height: inherit;
max-height: 800px;
overflow: hidden;}


#sloganindexpage div.textoverlay_slogan {
position: absolute;
text-align: center;
color: white;
top: 45%;
Z-index: 10;
width: 100%;}


#sloganindexpage div.textoverlay_slogan p {
text-align: center;
font-size: 3em;
line-height: 1.0em;
text-transform: uppercase;
}

#sloganindexpage div.textoverlay_slogan p img {
text-align: center;
width: 464px;
height: auto;
}

#sloganindexpage div.textoverlay_slogan p img:hover {
  -webkit-filter: invert(1);
  filter: invert(1);
transition: filter 0.2s;
}


/* --------------- Addthis Leiste ---------------------- */
#addthisleiste {
position: relative;
width: 100%;
background: transparent;
border-top: 2px solid #4a4a4a;
height: 70px;
margin-top: 40px;
z-index: 5;
}

#addthiscontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 0px;
width: auto;
max-width: 830px;
height: auto;
color: #4a4a4a;
padding: 0px 7px 5px 1px;
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.7em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:justify;
z-index: 5;
}

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

/* ----------------------- Google Maps -------------------- */

#mapindexpage {
position: relative;
top: 0px;
margin: 0px;
margin-top: 20px;
width: 100%;
height: 60vH;
max-height: 700px;
min-height: 400px;
background: #00b1eb;
border-top: 10px solid #00b1eb;
border-bottom: 10px solid #00b1eb;
padding-bottom:0px;
z-index: 4;
}

body.id2 #mapindexpage, 
body.id98 #mapindexpage {
position: relative;
top: 80px;
left: 0px;
width: 100%;
height: 60vH;
min-height: auto;
max-height: 60vH;
overflow: hidden;
z-index: 7;
background: none;
border: 0px;
margin: 0px;
margin-top: 0px;
}

@media screen and (max-height:801px) {
	body.id60 #mapindexpage, 
	body.id478 #mapindexpage,
	body.id364 #mapindexpage,
	body.id486 #mapindexpage {
	top: 100px;
	}
}

#map_canvas1, #map_canvas2{
width:98%; 
height:300px;
left: 10px;
}

/* --------------- Next Topic Leiste ---------------------- */

div.nexttopic {
position: relative;
width: 100%;
background: transparent;
height: auto;
margin:0px;
margin-top: 0px;
}

div.nexttopic div.stichwortheadline {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 840px;
height: auto;
color: black;
padding: 0px 7px 7px 5px;
font-size: 1.4em;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
text-decoration: none;
}


div.nexttopic div.stichwortheadline h2 {
text-decoration:none;
}

div.nexttopic div.stichwortheadline h2 span{
background: black;
color: white;
width: auto;
text-decoration: none;
padding: 7px 15px 7px 7px;
}

#nexttopiccontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 840px;
height: auto;
color: black;
padding: 0px 7px 5px 7px;
font-size: 1.4em;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
align-items: start;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

body.cat_tag #nexttopiccontent {
max-width: 1120px;
}

.nexttopic a.next_page_item {
background: white;
color: #747575;
text-decoration:none;
font-size: 0.9em;
min-width: 150px;
width: 260px;
height: 350px;
padding-bottom: 5px;

/*-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.13);
*/
}

.nexttopic a.next_page_item:hover {
/*
-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.30);
*/
color: black;
}


@media screen and (min-width:830px) {
.nexttopic a.next_page_item:nth-last-child(n+1):nth-last-child(-n+3):first-child, .nexttopic a.next_page_item:nth-last-child(n+1):nth-last-child(-n+3):first-child ~ a.next_page_item {
margin-left: 0px;
}
}


.nexttopic a.next_page_item div.next_page h2 {
color: #00b1eb;
color: black;
background: #00b1eb;
background: white;
border-bottom: 3px solid #00b1eb;
border-bottom: 4px solid black;
text-decoration: none;
height: auto;
font-size: 1.1em;
font-weight: 700;
line-height: 1.3em;
padding-left: 1px;
margin: 0px 14px 5px 14px;
z-index: 15;
}

.nexttopic a.next_page_item div.next_page:hover h2 {
border-bottom: 4px solid #e2001a;
}

.nexttopic a.next_page_item div.next_page p {
font-size: 1.0em;
padding-left: 20px;
padding-bottom: 3px;
margin-left: -5px;
}

.nexttopic a.next_page_item div.next_page img{
width: calc(100% - 30px);
height: auto;
height: 150px;
padding: 0px 15px 0px 15px;
margin: 15px 0px 0px 0px;
z-index: 14;
}

.nexttopic a.next_page_item:hover img {
filter: contrast(1.1);
overflow: hidden;
}

.nexttopic a.next_page_item div.next_page span.weiterlesen {
text-decoration: none;
margin-left: 0px;
border-bottom: 2px solid #D1D1D1;
}

.nexttopic a.next_page_item div.next_page:hover span.weiterlesen {
text-decoration: none;
border-bottom: 2px solid #e2001a;
}


@supports not (display: grid) {

  div.nexttopic {
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
	align-items: left;
	align-content: flex-start;
    height: auto;
    padding: 0px;
  }

  div.nexttopic #nexttopiccontent {
	display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: left;
    height: auto;
    padding: 0px 0px 0px 15px;
	width: 840px;
	}

  .nexttopic a.next_page_item {
		background-color: white;
		display: inline-block;
		width: 260px;
		height: 355px;
		margin-right: 15px;
		margin-bottom: 15px;
		vertical-align: top;
  }

  div.nexttopic #nexttopiccontent a.next_page_item {
		background-color: white;
		display: inline-block;
		width: 260px;
		height: 355px;
		margin-right: 20px;
		margin-bottom: 15px;
		vertical-align: top;
  }

}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */

	div.nexttopic {
		padding: 0px;
	}

	#nexttopiccontent {
		width: 90%;
		max-width: 840px;
	}

	.nexttopic a.next_page_item {
		background-color: white;
		display: inline-block;
		width: 250px;
		height: 310px;
		margin-right: 10px;
		margin-bottom: 10px;
		vertical-align: top;
}

	div.nexttopic #leistungenindexpage-content {
	left: 30px;
	}

}

/* --------------- Next Topic - Leistungen Startseite --------------- */

div.nexttopic #leistungenindexpage-content {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 40px;
width: auto;
//max-width: 840px;
max-width: 1120px;
height: auto;
color: black;
padding: 0px 7px 5px 7px;
font-size: 1.4em;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
align-items: start;
}

body.id664 div.nexttopic #leistungenindexpage-content, 
body.id669 div.nexttopic #leistungenindexpage-content,
body.id672 div.nexttopic #leistungenindexpage-content,
body.id677 div.nexttopic #leistungenindexpage-content,
body.id680 div.nexttopic #leistungenindexpage-content,
body.id684 div.nexttopic #leistungenindexpage-content {
max-width: 840px;
}

@supports not (display: grid) {
	div.nexttopic #leistungenindexpage-content {
	padding-left: 20px;
	}
}

/* -------------- Footer Categories ------------- */
div.stichwortheadline {
position: relative;
margin: 0px auto;
margin-top: 50px;
width: auto;
max-width: 840px;
//max-width: 1120px;
height: auto;
color: black;
padding: 0px 5px 7px 5px;
font-size: 1.4em;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
text-decoration: none;
}

body.cat_tag div.stichwortheadline {
max-width: 1120px;
}

div.stichwortheadline h2 {
text-decoration:none;
}

div.stichwortheadline h2 span{
background: black;
color: white;
width: auto;
text-decoration: none;
padding: 7px 15px 7px 5px;
}

div.categoryblock {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 10px;
width: auto;
max-width: 840px;
height: auto;
color: black;
padding: 0px 5px 5px 5px;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
align-items: start;
	word-wrap: break-word;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

body.cat_tag div.categoryblock {
max-width: 1120px;
}

div.categoryblock a.categorylink {
background: white;
color: #747575;
text-decoration:none;
font-size: 0.9em;
min-width: 150px;
width: 260px;
height: 130px;
padding-bottom: 5px;
padding: 0px;
}

@supports not (display: grid) {

  div.categoryblock {
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
    height: auto;
    padding: 5px 0px 5px 20px;
	max-width: 1120px;
  }

  div.categoryblock a.categorylink {
	margin: 10px 20px 10px 0px;
  }
}


div.categoryblock a.categorylink h2{
border-bottom: 5px solid black;
text-decoration:none;
color: black;
padding: 2px 2px 5px 0px;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
min-height:2.5em;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	word-wrap: break-word; 
}

div.categoryblock a.categorylink p{
text-decoration:none;
color: #757575;
padding: 5px 2px 5px 1px;
margin-left: 5px;
}

div.categoryblock a.categorylink:hover h2{
border-bottom: 5px solid #e2001a;
}

/* -------------- Footer Stichworte ------------- */

div.stichwortblock {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 10px;
width: auto;
//max-width: 840px;
max-width: 1120px;
height: auto;
color: black;
padding: 0px 7px 5px 7px;
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.2em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align:left;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, 260px);
justify-content: center;
align-items: start;
}

div.stichwortblock a.categorylink {
background: white;
color: #747575;
text-decoration:none;
font-size: 0.9em;
min-width: 150px;
width: 260px;
height: 50px;
max-height: auto;
padding-bottom: 5px;
padding: 0px;
}

@supports not (display: grid) {

  div.stichwortblock {
    display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
    height: auto;
    padding: 5px 0px 5px 20px;
	max-width: 1120px;
  }

  div.stichwortblock a.categorylink {
	margin: 10px 20px 10px 0px;
  }
}


div.stichwortblock a.categorylink h2{
border-bottom: 0px solid black;
text-decoration:none;
color: black;
padding: 2px 2px 5px 0px;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
}

div.stichwortblock a.categorylink:hover h2{
border-bottom: 5px solid #e2001a;
}

/* --------------- Footer Menu Leiste ---------------------- */
#footermenu {
position: relative;
width: 100%;
background-color: #363636;
height: auto;
margin: 0px;
margin-top: 40px;
padding-top: 15px;
padding-bottom: 30px;
}

#footermenu .footermenucontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 1200px;
height: auto;
padding: 0px 0px 5px 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.9em;
letter-spacing: 0.0em;
word-spacing: 0.05em;
text-align: left;
clear:both;
background: none;
	display: grid;
	grid-gap: 0px 20px;
	grid-template-columns: repeat(auto-fit, minmax(170px, 260px));
justify-content: center;
align-items: start;
}

@media screen and (max-width: 1100px){
	#footermenu .footermenucontent {
	grid-template-columns: repeat(2, minmax(170px, 260px));
	}
	#footermenu .footermenucontent.linetwo {
	grid-template-columns: repeat(2, minmax(170px, 240px));
	}
}

#footermenu .footermenucontent.linetwo {
background: none;}


#footermenu .footermenucontent .footermenu_cat {
background: none;
font-size: 0.9em;
margin: 10px 0px 0px 0px;
width: auto;
min-width: 150px;
padding: 5px;
list-style-type: none;
text-align: left;
}



#footermenu .footermenucontent.linetwo .footermenu_cat {
grid-column-start: 1;
grid-column-end: 5;
column-count: 4;
column-width: 250px;
column-gap: 30px;
  }

@media screen and (max-width: 1100px){
	#footermenu  .footermenucontent.linetwo .footermenu_cat {
		grid-column-start: 1;
		grid-column-end: 5;
		column-count: 2;
		column-width: 200px;
		column-gap: 30px;
  		}
}

#footermenu .footermenucontent.linetwo .footermenu_cat.title {
width: 100%;
grid-column-start: 1;
grid-column-end: 5;
column-count: 1;
}

@media screen and (max-width: 1100px){
	#footermenu .footermenucontent.linetwo .footermenu_cat.title {
	grid-column-start: 1;
	grid-column-end: 5;
	column-count: 1;
	}
}

#footermenu .footermenucontent.linetwo {
margin-top: 10px;
}

#footermenu .footermenucontent.linetwo .footermenu_cat:nth-of-type(2) {
margin-top: -5px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */

#footermenu .footermenucontent {
}

	#footermenu .footermenucontent:nth-of-type(1) .footermenu_cat {
		display: inline-block;	
		float: left;
		min-width: 200px;
		width: calc(25% - 25px);
		margin-right: 20px;
	}

#footermenu .footermenucontent:nth-of-type(1) .footermenu_cat:nth-of-type(4) {
margin-right: 0px;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


		#footermenu .footermenucontent.linetwo .footermenu_cat:nth-of-type(2) {
		margin-top: -10px;}
	}


@supports not (display: grid) {
#footermenu .footermenucontent {
}

	#footermenu .footermenucontent:nth-of-type(1) .footermenu_cat {
		display: inline-block;	
		float: left;
		min-width: 200px;
		width: calc(25% - 25px);
		margin-right: 20px;
	}

#footermenu .footermenucontent:nth-of-type(1) .footermenu_cat:nth-of-type(4) {
margin-right: 0px;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


		#footermenu .footermenucontent.linetwo .footermenu_cat:nth-of-type(2) {
		margin-top: -10px;}
}

.footermenu_cat a {
color: #DEDEDE;
color: white;
text-decoration: none;
}

.footermenu_cat a:hover {
color: #e2001a;
color: #00b1eb;
text-decoration: none;
}

.footermenu_cat .cat_title {
font-size: 1.2em;
font-weight: 700;
color: #00b1eb;
border-bottom: 2px solid #00b1eb;
margin-bottom: 6px;
}

.footermenu_cat .cat_title a {
color: #00b1eb;
}

.footermenu_cat .cat_title a:hover {
color: white;
}


#footermenu .footermenucontent .footermenu_cat li.page_item_has_children ul.children {
font-size: 1.0em;
line-height: 1.2em;
list-style-position: outside;    
list-style-type: disc; /* Remove HTML bullets */
list-style-type:none;
margin:0px;
padding: 0px;
}

#footermenu .footermenucontent .footermenu_cat li.page_item_has_children ul.children li {
list-style-image: url(images/pfeil_small4.png);
list-style-image: none;
list-style-position: outside;
padding-left: 0px;
margin-left: 0px;
    text-indent: -0.65em;
    padding-left: 0.65em; 
margin-bottom: 5px;
}


#footermenu .footermenucontent.linetwo .footermenu_cat li a {
font-weight: 700;
}

#footermenu .footermenucontent .footermenu_cat li.page_item_has_children ul.children li a {
color: #d6d6d6;
font-weight: 400;
}
#footermenu .footermenucontent .footermenu_cat li.page_item_has_children ul.children li a:hover {
color: #00b1eb;
font-weight: 400;
}


#footermenu .footermenucontent .footermenu_cat li.page_item_has_children ul.children li:before {
	content: "\002D" " ";
	color: white;
}

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

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

#webinarcontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 830px;
height: auto;
color: #FF8674;
color: #003B5C;
padding: 20px 7px 5px 0px;
font-size: 3em;
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;
}

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

#impressumcontent {
position: relative;
top: 0px;
margin: 0px auto;
margin-top: 20px;
width: auto;
max-width: 830px;
height: auto;
color: #003B5C;
color: #FF8674;
color: #fff;
padding: 20px 7px 5px 0px;
font-size: 1.3em;
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.impressumfloat {
float:left;
padding-right: 30px;	
}

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

#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;
}

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

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;
}

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

#inhalt a[href$=".pdf"]::before {
    background-image: url(https://www.diegutachter.at/wp-content/themes/diega19/images/pdf-file.svg);
    background-size: contain;
    content:"";
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
margin-bottom: 2px;
}


/* --- Stichworte deaktivieren  siehe auch single und pagepart ---- */
#stichwortbutton,
div.stichwortheadline.stichwort,
div.stichwortblock {
display:none;
}