/* 
	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: #d97f0b;
    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;
}









.cookie-consent-container {
 position:fixed;
 z-index:999999;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background-color:rgba(0,0,0,0.50);
 font-weight:300;
 font-size:16px;
 color:#4d4d4d;
 line-height:1.5
}
.cookie-consent-container .detail {
 visibility:hidden;
 opacity:0;
 height:0;
 width:0;
 overflow:hidden;
 transition:all .5s ease-in-out
}
.cookie-consent-container .detail.open {
 height:auto;
 width:100%;
 visibility:visible;
 opacity:1;
 overflow:auto;
 display:block;
 margin-bottom:15px;
 font-size:1rem;
 transition:all .5s ease-in-out
}
.cookie-consent-container .text-center {
 text-align:center
}
.cookie-consent-container p {
 margin:0 0 15px 0
}
.cookie-consent-container a,
.cookie-consent-container a:visited,
.cookie-consent-container a:active,
.cookie-consent-container a:focus,
.cookie-consent-container a:focus:active {
 color:#999;
 text-decoration:none
}
.cookie-consent-container a:hover,
.cookie-consent-container a:visited:hover,
.cookie-consent-container a:active:hover,
.cookie-consent-container a:focus:hover,
.cookie-consent-container a:focus:active:hover {
 color:#000;
 transition:all .5s ease-in-out
}
.cookie-consent-container a.show-details,
.cookie-consent-container a:visited.show-details,
.cookie-consent-container a:active.show-details,
.cookie-consent-container a:focus.show-details,
.cookie-consent-container a:focus:active.show-details {
 display:block;
 position:relative;
 padding-right:20px;
font-size: 12px;
 margin-bottom:25px
}
@media all and (min-width:660px) {
 .cookie-consent-container a.show-details,
 .cookie-consent-container a:visited.show-details,
 .cookie-consent-container a:active.show-details,
 .cookie-consent-container a:focus.show-details,
 .cookie-consent-container a:focus:active.show-details {
  margin-bottom:15px
 }
}
.cookie-consent-container a.show-details:after,
.cookie-consent-container a:visited.show-details:after,
.cookie-consent-container a:active.show-details:after,
.cookie-consent-container a:focus.show-details:after,
.cookie-consent-container a:focus:active.show-details:after {
 content:"";
 width:0;
 height:0;
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
 border-style:solid;
 border-width:4px 4px 0 4px;
 border-color:#999 transparent transparent transparent;
 margin:7px 0 0 5px;
 position:absolute;
 top:0
}
.cookie-consent-container a.show-details:hover:after,
.cookie-consent-container a:visited.show-details:hover:after,
.cookie-consent-container a:active.show-details:hover:after,
.cookie-consent-container a:focus.show-details:hover:after,
.cookie-consent-container a:focus:active.show-details:hover:after {
 transition:all .5s ease-in-out;
 border-color:#000 transparent transparent transparent
}
.cookie-consent-container a.show-details .less,
.cookie-consent-container a:visited.show-details .less,
.cookie-consent-container a:active.show-details .less,
.cookie-consent-container a:focus.show-details .less,
.cookie-consent-container a:focus:active.show-details .less {
 display:none
}
.cookie-consent-container a.show-details.open .more,
.cookie-consent-container a:visited.show-details.open .more,
.cookie-consent-container a:active.show-details.open .more,
.cookie-consent-container a:focus.show-details.open .more,
.cookie-consent-container a:focus:active.show-details.open .more {
 display:none
}
.cookie-consent-container a.show-details.open .less,
.cookie-consent-container a:visited.show-details.open .less,
.cookie-consent-container a:active.show-details.open .less,
.cookie-consent-container a:focus.show-details.open .less,
.cookie-consent-container a:focus:active.show-details.open .less {
 display:inline-block
}
.cookie-consent-container a.show-details.open:after,
.cookie-consent-container a:visited.show-details.open:after,
.cookie-consent-container a:active.show-details.open:after,
.cookie-consent-container a:focus.show-details.open:after,
.cookie-consent-container a:focus:active.show-details.open:after {
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(1800deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg)
}
.cookie-consent-container .label {
 color:#4d4d4d;
 font-size:14px;
 font-weight:300;
 display:inline-block;
 margin:0 0 12px 0;
 position:relative;
 padding:0 0 0 30px;
 line-height:1.5;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.cookie-consent-container .label.partially-checked .checkmark {
 background-color:#008d00
}
.cookie-consent-container .label.partially-checked .checkmark:after {
 display:none
}
.cookie-consent-container .label input {
 position:absolute;
 opacity:0;
 cursor:pointer;
 height:0;
 width:0
}
.cookie-consent-container .label input:checked~.checkmark {
 background-color:#a29382
}
.cookie-consent-container .label input:checked~.checkmark:after {
 display:block
}
.cookie-consent-container .label input:disabled:checked~.checkmark {
 opacity:.6
}
.cookie-consent-container .label .checkmark {
 position:absolute;
 top:0;
 left:0;
 height:22px;
 width:22px;
 background:#eee;
 border:1px solid #bfbfbf
}
.cookie-consent-container .label .checkmark:after {
 content:"";
 position:absolute;
 display:none;
 left:6px;
 top:0;
 width:7px;
 height:15px;
 border:solid #fff;
 border-width:0 2px 2px 0;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.cookie-consent-container .consent-modal {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 max-width:500px;
 width:90%;
 height:590px;
 max-height:calc(100vh - 50px);
 min-height:295px;
 margin:auto;
 padding:1em;
 background-color:#fff;
 overflow-y:auto;
 box-shadow:0 0 5px #000;
 border-radius:5px;
 transition:all .5s ease-in-out;
    border-bottom: 10px solid #a29382;
}
@media all and (min-width:500px) {
 .cookie-consent-container .consent-modal {
  height:320px
 }
}
@media all and (min-width:900px) {
 .cookie-consent-container .consent-modal {
  height:320px;
  max-height:calc(100vh - 100px)
 }
}
.cookie-consent-container .consent-modal .option-wrapper {
 background:#eee;
 padding:15px;
 margin-bottom:15px
}
.cookie-consent-container .consent-modal .option-wrapper:last-child {
 margin-bottom:0
}
.cookie-consent-container .consent-modal .option-wrapper p:last-child {
 margin-bottom:0
}
.cookie-consent-container .consent-modal .option-wrapper .option-headline {
 text-transform:uppercase;
 letter-spacing:1px;
 font-size:1.25rem;
 font-weight:400
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {
 margin-bottom:10px;
 border-bottom:2px solid #afafaf
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper:last-child {
 margin-bottom:0
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {
 border-bottom:1px solid #ddd;
 padding:7px 10px 3px;
 font-size:.875rem
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail:last-child {
 border-bottom:none;
 padding-bottom:6px
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option {
 background:#dedede;
 font-size:1rem;
 font-weight:400;
 transition:all ease-in-out .5s
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover {
 background:#d4d0d0;
 transition:all ease-in-out .5s
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover~.option-detail {
 background:#f3f3f3;
 transition:all ease-in-out .5s
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label {
 color:#4d4d4d;
 text-align:left;
 font-weight:400
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
 font-weight:400;
 width:100%;
 text-align:left;
 display:inline-block;
 vertical-align:top
}
@media all and (min-width:500px) {
 .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-title {
  width:30%
 }
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
 width:100%;
 display:inline-block;
 vertical-align:top
}
@media all and (min-width:500px) {
 .cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail .option-value {
  width:69%
 }
}
.cookie-consent-container .consent-modal .option-wrapper .label {
 margin-bottom:0;
 padding:0 20px 0 0;
 width:100%
}
.cookie-consent-container .consent-modal .option-wrapper .label .checkmark {
 right:0;
 left:inherit;
 background:#eee;
 border:1px solid #bfbfbf
}
.cookie-consent-container .consent-modal .option-wrapper .label input:checked~.checkmark {
 background-color:#008d00
}
.cookie-consent-container .consent-modal .cookie-headline {
 line-height:1.5;
 margin:0 0 15px 0;
 color:#4d4d4d;
 display:block;
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
}
.cookie-consent-container .consent-modal.open {
 max-width:750px;
 height:calc(100vh - 50px)
}
.cookie-consent-container .consent-modal .options {
 list-style:none;
 margin:0 0 15px 0;
 padding:0
}
.cookie-consent-container .consent-modal .options li {
 margin-bottom:5px
}
@media all and (min-width:500px) {
 .cookie-consent-container .consent-modal .options li {
  width:49%;
  display:inline-block
 }
}
.cookie-consent-container .consent-modal .footer-links {
 display:block;
 width:100%;
 line-height:90%
}
.cookie-consent-container .buttons {
 margin-bottom:25px
}
@media all and (min-width:660px) {
 .cookie-consent-container .buttons {
  margin-bottom:15px
 }
}
.cookie-consent-container .buttons .btn {
 font-size:14px;
 padding:11px 10px;
 cursor:pointer;
 border-radius:3px;
 width:100%;
 max-width:370px;
 text-align:center;
 font-weight:300;
 clear:both;
 text-transform:uppercase;
 letter-spacing:1px;
 line-height:100%
}
.cookie-consent-container .buttons .btn:hover {
 transition:all .5s ease-in-out
}
.cookie-consent-container .buttons .btn--primary {
 background:#a29382;
 color:#fff;
 border:2px solid #a29382;
 margin-bottom:10px
}
.cookie-consent-container .buttons .btn--primary:hover {
 background:#a77f23;
 border:2px solid #a77f23;
}
.cookie-consent-container .buttons .btn--secondary {
background: #a29382;
color: #999;
border: 2px solid #999;
opacity: .5;
color: #fff;
font-weight: bold;
}
.cookie-consent-container .buttons .btn--secondary:hover {
 background:transparent;
 color:#999;
 opacity:1
}
.cookie-consent-settings {
 margin-bottom:10px
}
.cookie-consent-settings .detail {
 visibility:hidden;
 opacity:0;
 height:0;
 width:0;
 overflow:hidden;
 transition:all .5s ease-in-out
}
.cookie-consent-settings .detail.open {
 height:auto;
 width:100%;
 visibility:visible;
 opacity:1;
 overflow:auto;
 display:block;
 margin-bottom:15px;
 font-size:1rem;
 transition:all .5s ease-in-out
}