/* 
	3-iQ Typo3 specials
	
 */

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

.align-right{text-align:right}
.align-center{text-align:center;}	
.align-left{text-align:left;}	
.align-justify{text-align:justify}


/* ------------------------------------------------------------ *\
	Eigene Abstände davor und danach 3-iQ
\* ------------------------------------------------------------ */

.frame-space-before-abstand10 {padding-top:10px}
.frame-space-before-abstand15 {padding-top:15px}
.frame-space-before-abstand20 {padding-top:20px}
.frame-space-before-abstand25 {padding-top:25px}
.frame-space-before-abstand30 {padding-top:30px}
.frame-space-before-abstand35 {padding-top:35px}
.frame-space-before-abstand40 {padding-top:40px}
.frame-space-before-abstand45 {padding-top:45px}
.frame-space-before-abstand50 {padding-top:50px}

.frame-space-after-abstand10 {padding-bottom:10px}
.frame-space-after-abstand15 {padding-bottom:15px}
.frame-space-after-abstand20 {padding-bottom:20px}
.frame-space-after-abstand25 {padding-bottom:25px}
.frame-space-after-abstand30 {padding-bottom:30px}
.frame-space-after-abstand35 {padding-bottom:35px}
.frame-space-after-abstand40 {padding-bottom:40px}
.frame-space-after-abstand45 {padding-bottom:45px}
.frame-space-after-abstand50 {padding-bottom:50px}



/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

p.mehrbuttonlinks{ padding:10px 0 5px 0; }
.mehrbuttonlinks a:link, .mehrbuttonlinks a:visited{
background:#115d2d; color:#fff; text-transform: none; position:relative; padding:4px 12px 5px 29px; text-align:left;text-decoration: none; transition:all 0.5s ease; 
}
.mehrbuttonlinks a:hover, .mehrbuttonlinks a:active  {
color:#fff; text-transform: none;opacity: 0.7;filter: alpha(opacity=70);transition:all 0.5s ease; 
}
.mehrbuttonlinks a:before {
content: "\f054";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;
/*--adjust as necessary--*/
color: #fff;font-size: 17px; padding-right: 0.5em; position: absolute;top: 2px;left: 8px;
}
.mehrbuttonlinks.gka a:before {top: 5px;}



.mehrbuttonlinks.gka a::before {
    content: "\f1b9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 13px;
    padding-right: 0.5em;
    position: absolute;
    top: 6px;
    left: 8px;
}



p.rundbuttonrot{ margin: 5px 5px 0 0;}
.rundbuttonrot a:link, .rundbuttonrot a:visited{
	border-color: #007e97 !important; 
	color: #fff; 
	background-color: #007e97; 
	display: inline-block;
	padding: 3px 11px;
	font-weight: 600;
	position: relative;
	border: 2px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
	overflow: hidden;
	border-radius: 0 0px 0px 0;
	vertical-align: middle;
}
.rundbuttonrot a:hover, .rundbuttonrot a:active  {
	color: #007e97; 
	background-color: #fff; 
	text-decoration: none
}

p.rundbuttonschwarz{ margin: 5px 5px 0 0;}
.rundbuttonschwarz a:link, .rundbuttonschwarz a:visited{
	border-color: #000 !important; 
	color: #fff; 
	background-color: #000; 
	display: inline-block;
	padding: 3px 11px;
	font-weight: 600;
	position: relative;
	border: 2px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
	overflow: hidden;
	border-radius: 0 0px 0px 0;
	vertical-align: middle;
	font-size:13px
}
.rundbuttonschwarz a:hover, .rundbuttonschwarz a:active  {
	color: #000; 
	background-color: #fff; 
	text-decoration: none
}


/* ------------------------------------------------------------ *\
	3-iQ Animated in 3iq-t3iq.css, 3iq-t3iq.js, waypoints.js, animated.css, page.ts, 0068_layouts-frames.ts files in vendor
\* ------------------------------------------------------------ */
.os-animation{ opacity: 0;}
.os-animation.animated{  opacity: 1;}

/* ------------------------------------------------------------ *\
	Aufzaehlungen
\* ------------------------------------------------------------ */

.musteraufzaehlung ul,
.musteraufzaehlung ul li {

  list-style: none;
}

.musteraufzaehlung ul {
  margin: 0 0 1.5em 1.5em;
}

.musteraufzaehlung ul li:before {
  content: '\f04d';
  font-family: 'FontAwesome';
  float: left;
  font-size:8px;
  margin-left: -2em;
  color: #115d2d;
  padding-top:7px;
}

/* ------------------------------------------------------------ *\
	Rahmenkontur Bilder
\* ------------------------------------------------------------ */
.ce-border img {
	border:1px solid #ccc
}

/* ------------------------------------------------------------ *\
	Powermail
\* ------------------------------------------------------------ */
.tx-powermail h3, .tx-powermail legend{
	display:none}
	
img.powermail_captchaimage {margin-top:15px}

/* ------------------------------------------------------------ *\
	Sprachen
\* ------------------------------------------------------------ */

.flaggen {float:right; margin-left:20px;}

/* Default style sheet for SrLanguageMenu */

.tx-srlanguagemenu, .tx-srlanguagemenu .links-list-header {
    font-family: Verdana, sans-serif;
    line-height: 100%;
    margin-top: 4px;
	
}
.clearb {clear:both}
.flaggen {display:block; }
.tx-srlanguagemenu.tx-srlanguagemenu-flags{
	float:right; padding-right:10px; padding-bottom:0px;}


.tx-srlanguagemenu,
.tx-srlanguagemenu .links-list-header {
	font-family: Verdana, sans-serif;
	line-height: 100%;

	padding: 0;
	text-indent: 0;
}
.tx-srlanguagemenu .CUR,
.tx-srlanguagemenu .CUROHNE,
.tx-srlanguagemenu .NO,
.tx-srlanguagemenu .INACT {
	float: left;
	font-size: .8em;
	margin: 0 5px;
}
.tx-srlanguagemenu .CUR a,
.tx-srlanguagemenu .NO a,
.tx-srlanguagemenu .INACT a {
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
.tx-srlanguagemenu .CUR a:focus,
.tx-srlanguagemenu .CUR a:hover,
.tx-srlanguagemenu .CUR a:active,
.tx-srlanguagemenu .NO a:focus,
.tx-srlanguagemenu .NO a:hover,
.tx-srlanguagemenu .NO a:active,
.tx-srlanguagemenu .INACT a:focus,
.tx-srlanguagemenu .INACT a:hover,
.tx-srlanguagemenu .INACT a:active {
	color: #333333;
}
.tx-srlanguagemenu .CUR a.flag:before,
.tx-srlanguagemenu .CUR a.linked-language:before {
	content: url(../Images/current.png);
	padding-right: 3px;
}

.tx-srlanguagemenu-links .SPC:before {
	content: "|";
	padding-right: 3px;
}
.tx-srlanguagemenu .tx-srlanguagemenu-flag-linked,
.tx-srlanguagemenu .tx-srlanguagemenu-flag-unlinked {
	height: 17px;
	width: 23px;
}
.tx-srlanguagemenu img.tx-srlanguagemenu-flag-unlinked {
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE */
	-webkit-filter: grayscale(1); /* Old WebKit */
}
.tx-srlanguagemenu fieldset {
}
.tx-srlanguagemenu fieldset legend {
	/*background: url(../Images/language.png) no-repeat 2px 50%;
	padding: 0 2px 2px 20px;*/
}
.tx-srlanguagemenu fieldset label {
	display: none;
}
.tx-srlanguagemenu fieldset img.tx-srlanguagemenu-language-icon {
	margin-right: 3px;
	vertical-align: middle;
}
.tx-srlanguagemenu fieldset select {
	background-color: #009933;
	color: white;
	font-size: .8em;
}
.tx-srlanguagemenu fieldset option {
	padding: 2px 5px 0 2px;
}

.tx-srlanguagemenu .CUR a.flag::before, .tx-srlanguagemenu .CUR a.linked-language::before {
display:none;
}




/* Coockie Abstand unten
------------------------------------ */
body.cookie-padding {
    padding-bottom: 50px !important
}


@media (max-width: 991px) {
body.cookie-padding {
    padding-bottom: 80px !important
}


}
@media (max-width: 420px) {
body.cookie-padding {
    padding-bottom: 80px !important
}

}


/* Suchergebnisseite
------------------------------------ */
.tx-indexedsearch-browsebox {margin-top:40px}
.tx-indexedsearch-res {margin-top:20px}
.tx-indexedsearch-text-item-size,
.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-text-item-mtime {display: none}

.form-control {border-radius:0}
.checkbox label, .radio label {
    font-weight: 300;
}
label {
    font-weight: 300;
}



.anchorsize {position:absolute; top:-100px;}
@media(max-width: 990px) {	.anchorsize {position:absolute; top:-170px;}}
@media(max-width: 766px) {	.anchorsize {position:absolute; top:-60px;}}


/* Erweiterung fuer Bootstrap 4 bei mobile view
------------------------------------ */

@media(max-width: 854px) {
	.col-1 {    width: 8.33333333% !important;}
	.col-2 {    width: 16.66666667% !important;}
	.col-3 {    width: 25% !important;}
	.col-4 {    width: 33.3333333% !important;}
	.col-5 {    width: 41.66666667% !important;}
	.col-6 {    width: 50% !important;}
	.col-7 {    width: 58.33333333% !important;}
	.col-8 {    width: 66.66666667% !important;}
	.col-9 {    width: 75%!important;}
	.col-10 {    width: 83.33333333%!important;}
	.col-11 {    width: 91.66666667% !important;}
	.col-12{    width: 100% !important;}
	.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    float: left;
}
}

.servicebox{background:rgba(255, 255, 255, 0.82);padding:6px 0 5px 0; margin-bottom:25px}
.servicebox.hellebox{background:#eff6ef;}
.servicebox h2 {text-align:center; margin:12px; font-size:24px; text-align:center; color:#004450 !important;font-weight:400 !important}
.servicebox h2:after {display:none}
.servicebox p {text-align:center; padding:8px 10px 8px 10px; color:#525d61 }



.cc_container .cc_btn, .cc_container .cc_btn:visited {  color: #fff;
background-color: #a94f00;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}