/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/INTERNET/fonts/oswald-v48-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}





/*** BILDER - GALERIE NEBENEINANDER MOBILE START + RAHMEN IN TYPO3 V11 ***/
@media screen and (max-width: 1200px) {
	.frame-GALERIEMOBILE .ce-gallery .ce-column { margin: 0; width: 100%; box-sizing: border-box; }
	.frame-GALERIEMOBILE .ce-gallery img, .frame-GALERIEMOBILE .ce-gallery picture, .frame-GALERIEMOBILE .ce-gallery figure { width: 100%; height: auto; padding: 5px; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="3"] .ce-column { width: 33%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; }
	}
@media screen and (max-width: 640px) {
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="2"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="3"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; }
	.frame-GALERIEMOBILE .ce-gallery[data-ce-columns="5"] .ce-column { width: 100%; }
	}
/*** BILDER - GALERIE NEBENEINANDER MOBILE ENDE + RAHMEN IN TYPO3 ***/





/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #555555;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #555555;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }




body { font-family: "Source Sans Pro", Verdana, sans-serif; margin: 0; padding: 0; }



/*** FONT PATH  ***/

@font-face {
font-family: "Font Awesome 5 Free";
font-weight: normal;
font-style : normal;
       src : url(/fileadmin/INTERNET/fontawesome/fa-solid-900.eot);
       src : url(/fileadmin/INTERNET/fontawesome/fa-solid-900.eot) format("embedded-opentype"),
             url(/fileadmin/INTERNET/fontawesome/fa-solid-900.woff2) format("woff2"),
             url(/fileadmin/INTERNET/fontawesome/fa-solid-900.woff) format("woff"),
             url(/fileadmin/INTERNET/fontawesome/fa-solid-900.ttf) format("truetype"),
             url(/fileadmin/INTERNET/fontawesome/fa-solid-900.svg) format("svg");
}





/*** GRIDELEMNTS BASIS-BREITE UEBERSCHREIBEN max-width:1140px ***/
@media (min-width: 1200px) {
  .container { 
	max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px; }
}
  

  
/*** MAXIMALE BREITE WEBSEITE ***/
#MAXWEBSITEBGFARBE { overflow: hidden; background-color: #e2e7eb; width: 100%; clear: both; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; }
#MAXWEBSITEMITTE  { position: relative; }
.MAXWEBSITEINHALT { background-color: #fff; max-width: 1980px !important; margin-right: auto; margin-left: auto; }
#INHALTOBENSTARTLINE, #INHALTOBENBG { max-width: 1980px; }



/*** HINTERGRUNDBILDER DESKTOP ***/
#HINTERGRUNDBILDERDESKTOP { position: relative; top: 0; z-index: 2; width: 100%; clear: both; display: inline-block; height: auto; min-height: 65px; margin-right: auto; margin-left: auto; }

/*** INHALTOBEN ***/
#INHALTOBENBG { background-color: #fff; position: fixed; top: 0; z-index: 500; width: 100%; clear: both; display: inline-block; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; border-top: 1px solid #6f6f6f; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }
#INHALTOBEN { background-color: #fff; max-width: 1500px; height: auto; margin-right: auto; margin-left: auto; }
.LOGOLI { z-index: 525; position: relative; float: left; margin-top: 15px; margin-bottom: 12px; display: block; }
.LOGORE { z-index: 525; position: relative; float: right; margin-top: 15px; margin-bottom: 10px; display: block; }

/*** NAVIGATION ***/
.NAVIGATIONINHALT { max-width: 1300px; margin-right: auto; margin-left: auto; }
#NAVIGATION { font-size: 0.6em; position: relative; z-index: 550; float: right; max-width: 1300px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 45px; }

/*** HEADER ***/
#HEADERINH { z-index: 25; position: relative; width: 100%; clear: both; height: auto; margin: 0 auto 15px; padding-top: 0; padding-bottom: 0; display: inline-block; }
.HEADER { margin: 0 auto 15px; }
.HEADER img {  }


/*** INHALT-CONTENT ***/
.INHALTCONTENT { z-index: 30; position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1200px; margin-right: auto; margin-left: auto; }


/*** IMPORT POS 0 ***/
.CONTENIMPLEFT { width: 65%; display: inline-block; }
/*** IMPORT POS 2 ***/
.CONTENIMPRIGHT { width: 30%; float: right; display: inline-block; }
/*** IMPORT POS 3 ***/
.CONTENIMPPOSDREI { color: #959595; font-size: 0.8em; text-align: center; overflow:hidden; margin-right: auto; margin-left: auto; }
/*** IMPORT POS 1 ***/
.CONTENIMPPOSEINS { overflow:hidden; margin-right: auto; margin-left: auto; }



/*** MEHRSPALTER INHALT+ ***/
.MSPEINSPALTER { position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }


/*** 50% 50% - MEHRSPALTER XXL - FORMATIERUNG BILDER + TEXT ***/
.MSPFUENFZIGXXL .ce-gallery { margin-bottom: 0px !important; }
.MSPFUENFZIGXXL p, .MSPFUENFZIGXXL h1, .MSPFUENFZIGXXL h2, .MSPFUENFZIGXXL h3 { padding: 20px; }



/*** TEXTE CONTENT ***/
.CONTENT { color: #0c0c0c; font-size: 1.15em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; line-height: 1.6em; }
.CONTENT p {  }
.CONTENT a:link, .CONTENT a:visited { color: #c20607 !important; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li { margin-bottom: 20px; padding-left: 21px; }
.CONTENT ul   { padding-left: 0; border-width: 0; list-style: none; display: block; }
.CONTENT ul li {  }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #c20607;
	text-decoration: none; }
.CONTENT li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f138'; padding-right: 5px; color: #c20607; font-size: 0.7em; margin-left: -20px; }
.CONTENT li ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f101'; padding-right: 5px; color: #000; font-size: 0.7em; margin-left: -20px; }
.CONTENT li a:hover {
	color: #b6b6b6;
	text-decoration: none; }
.CONTENT a img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.CONTENT a img:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}​

/*** TEXTE CONTENT SILBENTRENNUNG ***/

.CONTENT {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}



/*** TEXTE CONTENT CENTER ***/
.text-center { text-align: center !important; }

/*** RTE FIRSTLETTER ***/
.FIRSTLETTER:first-letter { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-style: normal; float:left; margin:0 2px 0 0; padding:7px 1px 0 0; font-size:3.5em; color:#820044;}




/*** RTE ANFRAGEBUTTON ***/
.ANFRAGEBUTTON { font-size: 1em; margin-top: 15px; padding-top: 7px; padding-bottom: 7px; }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; }
.ANFRAGEBUTTON {
	background-color:#c20607;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1em;
	padding:12px 25px;
	text-decoration:none;
}
.ANFRAGEBUTTON:hover a:link { color: #fff !important; }
.ANFRAGEBUTTON:hover { background-color:#b8b8b8; }
.ANFRAGEBUTTON:active { position:relative; top:1px; }
.ANFRAGEBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}
.ANFRAGEBUTTON a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f061'; padding-left: 10px; }


/*** RTE ACTION-BUTTON ***/
.ACTIONBUTTON { font-size: 1em; margin-top: 10px; padding-top: 7px; padding-bottom: 7px; border: solid 1px #0080c8; }
.ACTIONBUTTON a:link, .ACTIONBUTTON a:visited { color: #c20607 !important; }
.ACTIONBUTTON { color: #000 !important; background-color:#f1f1f1; border-radius:0px; display:inline-block; cursor:pointer; font-size:1em; padding:12px 25px; text-decoration:none; }
.ACTIONBUTTON:hover a:link { color: #5d5d5d !important; }
.ACTIONBUTTON:hover { background-color:#f1f1f1; }
.ACTIONBUTTON:active { position:relative; top:1px; }
.ACTIONBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}



/*** RTE TEASER-BUTTON - WEISS ***/
.TEASERBUTTON { font-size: 1em; padding-top: 7px; padding-bottom: 7px; }
.TEASERBUTTON a:link, .TEASERBUTTON a:visited { color: #fff !important; }
.TEASERBUTTON { 
	background-color:transparent; 
	border-radius:8px; 
	display:inline-block; 
	cursor:pointer; 
	color:#fff; 
	font-size:1em; 
	padding:12px 25px; 
	text-decoration:none; 
	border: solid 1px; }
.TEASERBUTTON:hover a:link { color: #fff !important; }
.TEASERBUTTON:hover { background-color:#c20607; }
.TEASERBUTTON:active { position:relative; top:1px; }
.TEASERBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}
.TEASERBUTTON a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f061'; padding-left: 10px; }



/* *** CSC-TEXTPIC-CAPTION *** */
figcaption.csc-textpic-caption   { font-size: 0.8em; color: #bfbfbf; line-height: 1.8em; text-align: center; position: relative; width: 100%; padding-top: 1px; padding-bottom: 1px; }
figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #757575; text-decoration: none; }
figcaption.csc-textpic-caption a:hover  { color: #d9d9d9; text-decoration: none; }



/*** RAHMEN - FORMULAR UNTEN ***/
.frame-KURZFORMULAR { margin-top: 25px; border-top: 2px dotted #838383; }
.frame-KURZFORMULAR .powermail_legend { overflow: hidden; display: none; }


/*** RAHMEN - DOPPELRAHMEN + NACH OBEN ***/
.frame-DEKORAHMENOBEN { background-color: #fff; position: relative; top: -60px; width: 70%; z-index: 1500; margin-right: 15%; margin-bottom: 0; margin-left: 15%; padding-top: 2em; padding-bottom: 2em; border: solid 1px #acacac; }
.frame-DEKORAHMENOBEN { outline: solid 15px #fff; }
@media screen and (max-width: 1200px) {
.frame-DEKORAHMENOBEN { position: relative; top: -5px; width: 96%; margin-left: 3%; clear: both; margin-right: 3%; margin-bottom: 35px; outline: solid 1px #fff; }
 }

/*** RAHMEN BOX WEISS ***/
.frame-BOXWEISSSCHATTEN { background-color: #fff; margin-bottom: 10px; padding: 20px 15px 10px; border: solid 1px #d3d3d3; }
.frame-BOXWEISSSCHATTEN p { font-size: 1em; }


/*** RAHMEN BOX TS INFOS  ***/
.frame-BOXINFOS { background-color: #fff; min-height: 300px; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-left: 1px dotted #474747; }
.frame-BOXINFOS p { font-size: 1em; }

/*** RAHMEN BOXEN RECHTS ***/
.frame-BOXENRECHTS { color: #5c5c5c; background-color: #f3f3f3; width: 97%; margin-top: 30px; margin-bottom: 20px; padding: 15px; border: solid 5px #fff; }
.frame-BOXENRECHTS p { color: #5c5c5c; }
.frame-BOXENRECHTS { 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

/*** RAHMEN BILDER RUND ***/
.frame-BILDERRUND img { border-radius: 50%; }

/*** RAHMEN SCHATTEN SLIDER  ***/
.frame-SCHATTENUNTEN { margin-bottom: 15px; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }


/*** RAHMEN SCHATTEN CONTENT ***/
.frame-CONTENTSCHATTEN { background-color: #fff; margin-bottom: 35px; padding: 10px 60px 5px 10px; border-color: #ccc #c20607 #ccc #ccc; border-style: solid; border-width: 1px 5px 1px 1px; }


/*** RAHMEN BOX TXT WEISS ***/
.frame-BOXTEXTWEISS { color: #fff !important; }
.frame-BOXTEXTWEISS a:link, .frame-BOXTEXTWEISS a:visited { color: #fff; }
.frame-BOXTEXTWEISS p, .frame-BOXTEXTWEISS p .fa { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #fff !important; }
.frame-BOXTEXTWEISS h1, .frame-BOXTEXTWEISS h2, .frame-BOXTEXTWEISS h3, .frame-BOXTEXTWEISS h4 { color: #fff !important; }



/*** RAHMEN BOX LINIE LINKS BR ***/
.frame-BOXLINIELINKS { margin-top: 35px; margin-bottom: 35px; padding-top: 15px; padding-bottom: 5px; padding-left: 30px; border-color: #ccc #ccc #ccc #0080c8; border-style: solid; border-width: 1px 1px 1px 3px; }
@media screen and (max-width: 1200px) {
.frame-BOXLINIELINKS {  }
}


/*** RAHMEN VIDEOFRAME ***/
.frame-VIDEOFRAME { text-align: center; position: relative; }
.frame-VIDEOFRAME iframe {box-sizing: border-box; text-align: center; position: relative; width: 100%; max-width: 560px; border: solid 2px #fff; }



/*** BREADCRUMP ***/
#BREADCRUMPINH { background-color: #fff; text-align: center; z-index: 45; position: relative; height: auto; margin-top: 30px; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #8e8e8e; order-top-style: solid; }
.BREADCRUMP { color: #666; font-size: 0.9em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-align: center; letter-spacing: 1px; max-width: 1200px; margin: 0 auto; }
.BREADCRUMP a:link, .BREADCRUMP a:visited { color: #6a6a6a; text-decoration: none; }


/*** FOOTER ***/
#FOOTER { background-color: #282727; z-index: 55; position: relative; overflow: hidden; margin-bottom: 0; padding-top: 40px; padding-bottom: 20px; }
.footer-inner { max-width: 1200px; margin-right: auto; margin-left: auto; }
.footer-inner p { color: #fff; font-size: 1.2em; line-height: 1.5em; margin-top: 0; padding-top: 0; }
.footer-inner a:link, .footer-inner a:visited { color: #fff; text-decoration: none; }
.footer-inner a:hover { color: #e0e0e0; }
.footer-inner hr {
  clear: both;
  margin: 15px 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }




/***SUBNAVIGATION RENDERING SITEMAP ***/
.SUBMENUESITEMAP { font-size: 1em; position: relative; width: 100%; float: left; margin-bottom: 20px; display: block; }
.SUBMENUESITEMAP ul    {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.2em;
	text-decoration: none;
	list-style-type: none;
	display: block;
	padding: 0;
	clear: both        ;
	margin: 0; }
.SUBMENUESITEMAP li    {
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	clear: both      }
.SUBMENUESITEMAP ul li a:link, .SUBMENUESITEMAP ul li a:visited { color: #787878; font-weight: normal; background: #fff url(/fileadmin/INTERNET/Bilder/ML-NORM.png) no-repeat left center; text-decoration: none; display: block; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; }
.SUBMENUESITEMAP ul li a:hover { color: #bd0006; font-weight: normal; background: #fff url(/fileadmin/INTERNET/Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP .active a:link { color: #484e52; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }



/**** UEBERSCHRIFTEN ********/
h1   /* SI HEAD  */ { color: #525b60; font-size: 2.2em; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
h2   /* SI SUB  */ { color: #292b2c; font-size: 2em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
h3   /* SI ICON */ { color: #000; font-size: 2em; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0;}
h4   /* SI SUB KLEIN */ { color: #c20607; font-size: 1.8em; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
h5   /* SI DETAILS */ { color: #c20607; display: flex; font-size: 1.2em; font-family: Oswald, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; text-transform: uppercase; letter-spacing: 3px; margin-top: 0; margin-bottom: 30px; padding-top: 10px; padding-right: 20px; padding-bottom: 0; }
h5::after { background-image: url(/fileadmin/INTERNET/Bilder/h5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; content: " "; margin-left: 1rem; flex: 1 1 1px; }

.UBFARBE  /* FARBIG */ { font-family: "Source Sans Pro", sans-serif; font-weight: 600; color: #000; font-size: 1.2em; line-height: 1.1em; text-transform: uppercase; text-align: center; margin-bottom: 0; padding-top: 13px; padding-bottom: 13px; }
.UBFARBE .fa { color: #fff; }
.UBFOOTER /*  FOOTER LINIE LINKS */ { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #fff; font-size: 1.3em; line-height: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 1px solid #fff; }
.UBSUBMENUE /*  SUBMENUE  */ { color: #fff; font-size: 1.1em; font-family: Source Sans Pro, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-color: #979797; text-decoration: none; margin: 0; padding: 4px 10px 8px 15px; }


/**** LINIE DANACH *****/
.divider hr, hr {
  clear: both;
  margin: 10px 0;
  padding: 0;
  border-bottom: 2px solid #3a3a3a;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }


/* *** PRELOADER 2023 ****/
#PRELOADER { background-image: url(/fileadmin/INTERNET/Bilder/loader.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: absolute; z-index: 120001; width: 100%; height: 100%; } 
#PRELOADER { background-color: rgba(255, 255, 255, 0.8);  }


/* *** POWERMAIL 2025 + BOOSTRAP ****/
.CONTACTFORM {  }
.powermail_legend { font-size: 0.8em; }
.powermail_fieldwrap .control-label { font-size: 0.95em; color: #292b2c; margin-top: 10px; }
.powermail_fieldwrap .checkbox { font-size: 0.9em; line-height: 1.3em; }
.powermail_fieldwrap .col-sm-10 { max-width: initial; }

.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap { margin-block-start: 0rem !important; }
.tx-powermail .row+.row { margin-block-start: 1.5rem !important; }


.powermail_label  /* Schrift Style */ { color: #5f5f5f !important; font-family: "Source Sans Pro", sans-serif; font-weight: 400;  }
.powermail_input { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; background-color: #f2f2f2;  }
.powermail_textarea { font-family: "Source Sans Pro", sans-serif; color: #000; background-color: #f2f2f2; height: 150px; }
.powermail_select { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; background-color: #f2f2f2; }
.btn-primary  /* Absende Button */ { color: #fff; font-size: 1em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; background-color: #606060; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #1c4790; cursor: pointer; display: block; }
.btn-primary:hover  { color: #fff; background-color: #a7a7a7; text-align: center; border: solid 1px #393939; }
.tx-powermail h3 { display: none; visibility: hidden; }
.mandatory { color: #de0000; }
.powermail_input, .powermail_textarea, .powermail_select, .powermail_submit { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/*** SCROLL TO TOP ***/
.scrollToTop { width:50px; height:50px; text-align:center; background-image: url(/fileadmin/INTERNET/Bilder/SCROLL-TO-TOP.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; position:fixed; right:0; bottom: 50px; z-index: 100; padding: 0; display:none; }
.scrollToTop:hover {
	text-decoration:none;
}


/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { width:80px; height:80px; text-align:center; text-decoration: none; position:fixed; top: 300px; right:0; z-index: 999; visibility: visible; }
#EINKLINKERRECHTS a img { -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }
#EINKLINKERRECHTS a:hover img { opacity: .6; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }





/*** START HINWEISE ZU COOKIES ***/
#cookie { color: #6e6e6e; text-align:left; position:fixed; bottom:70px; z-index:12000; font-family: arial; background-color: #fff; text-decoration: none; min-width: 180px; max-width: 220px; margin-bottom: 0; margin-left: 20px; padding: 20px; border-left: 6px solid #a0814b; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); opacity: 0.95; filter: alpha(opacity =95); }
.cookieTitle { font-size: 14px; font-weight: bold; padding-bottom: 10px; display: block; }
.cookieHinweis { font-size: 11px; font-weight: normal; padding-bottom: 10px; display: block; }
.cookieButton { font-size: 11px; background-color: #f6f6f6; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #c4c4c4; cursor:pointer; display: block; }
.cookieButton a:link, .cookieButton a:visited { color: #5d5d5d; text-decoration: none; }
.cookieButton:hover  { background-color: #e5e5e5; text-align: center; }
.cookieCloseButton { color: #fff; font-size: 11px; font-weight: bold; background-color: #7f7f7f !important; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #8b8b8b; cursor:pointer; display: block; }
.cookieCloseButton a:link, .cookieCloseButton a:visited { color: #fff; text-decoration: none; }
.cookieCloseButton:hover { background-color: #007f20 !important; text-align: center; }
.cookieCloseButton .fa { color: #fff; font-size: 15px; }
@media screen and (max-width: 768px) {
#cookie { min-width: 180px; max-width: 180px; bottom:50px; margin-left: 0; padding: 15px 5px 15px 10px;  }
}
/*** ENDE HINWEISE ZU COOKIES ***/





/*** VIDEO SLIDER MOBILE ***/
.responsive-video {
max-width: 100%;  
height: auto;  
}




/* media querie handhelds less than 1024px */
@media screen and (max-width: 1024px) {
/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { display: none; overflow: hidden; }
}



/* media querie handhelds less than MAX-WIDTH 1200px */
@media screen and (max-width: 1200px) {
	
	body { background-image: none; }
	
	/*** RAHMEN FUER SIEGEL PROVEN EXPERT ***/
	.frame-RAHMENSIEGELPROVEN { position: relative; top: 0; left: 0; width: 190px; height: auto; z-index: 1444; clear: both; max-width: 190px; margin-bottom: 30px; margin-left: 30%; padding-top: 15px; }

	
	/* *** CSC-TEXTPIC-CAPTION *** */
	figcaption.csc-textpic-caption   { font-size: 0.9em; color: #a3a3a3; line-height: 1.8em; background-color: #fff; text-align: left; position: relative; width: 100%; margin-top: 2px; margin-bottom: 2px; padding-top: 1px; padding-bottom: 1px; }
	figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #a3a3a3; background-color: #fff; text-decoration: none; }
	figcaption.csc-textpic-caption a:hover  { color: #a3a3a3; background-color: #fff; text-decoration: none; }

	/*** HINTERGRUNDBILDER DESKTOP ***/
	#HINTERGRUNDBILDERDESKTOP { min-height: 1px; }
	
	/*** INHALTOBEN INFO-LEISTE ***/
	#INHALTOBENSTARTLINE { overflow: hidden; position: relative; }
	.INHALTOBENLINKS { text-align: center; position: relative; float: none; clear: both; }
	.INHALTOBENRECHTS { text-align: center; position: relative; float: none; clear: both; }

	/*** INHALTOBEN ***/
	#INHALTOBENBG { position: relative; top: 0; z-index: 500; }
	
	/***SUBNAVIGATION RENDERING SITEMAP ***/
    .SUBMENUESITEMAP { width: 100%; }

	/*** UEBERSCHRIFTEN ***/
	h1  { font-size: 1.4em; letter-spacing: 3px; }
	h3  { font-size: 1.1em; clear: both; }
	h4  { font-size: 1em; }

	/*** Navigation - LOGO ***/
	#NAVIGATION { position: absolut; top: 10; z-index: 510; font-size: 0.7em; width: 100%; height: auto; float: left; min-height: 35px; max-width: 1200px; margin: 0; padding: 0; display: block; }
	.NAVIGATIONINHALT { margin-top: 0px; padding-top: 5px; }
	.LOGOLI { width: 100%; float: none; clear: both; margin-top: 10px; margin-bottom: 10px; padding-right: 0%; padding-left: 0%;  }
	.LOGORE { text-align: center; width: 90%; float: none; clear: both; margin-top: 5px; margin-bottom: 5px; padding-right: 5%; padding-left: 5%; }
	.LOGORE p, .LOGORE h1, .LOGORE h2, .LOGORE h3 { text-align: center !important; }

	/*** HEADER ***/
	#HEADERINH { background-image: none; width: 100%; height: auto; min-height: 100%; margin-top: 0; margin-bottom: 0; }
	.HEADER img { width: 100%; padding-top: 5px; }

	/*** BREADCRUMP ***/
	#BREADCRUMPINH { width: 100%; float: none; margin: 10px auto 0; padding-top: 5px; padding-right: 0%; padding-left: 0%; }
	.BREADCRUMP { font-size: 0.8em; font-family: 'Source Sans Pro', sans-serif; text-align: center; min-height: 20px; max-width: 1200px; padding: 2%; }

	/*** CONTENT MOBILE ***/
	.MAXWIDTHCONTENT { width: 100%; float: none; margin-right: auto; margin-left: auto; }

	/*** FOOTER ***/
	#FOOTER { color: #fff; width: 100%; float: none; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0%; padding-left: 0%; border-top: 0 none transparent; }
	.footer-inner { width: 96%; padding-right: 2%; padding-left: 2%; color: #fff; float: none; padding-top: 40px; }
	
	/*** MOBILDE HIDDEN ***/
	.MOBILEHIDDEN {display: none !important; overflow: hidden !important; }

}







/* Accordion [START] */
.css-accordion {
	overflow: hidden;
}

.css-accordion .tab {
	width: 100%;
	overflow: hidden;
}

.css-accordion .tab-label {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	border-bottom: 1px solid #004588;
	padding: 15px 0 0;
}

.css-accordion .tab-label:hover h3 {
	text-decoration: underline;
}

.css-accordion .tab-label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.css-accordion .tab-content {
	background: white;
	max-height: 0;
	color: #2c3e50;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	overflow: hidden;
}

.css-accordion input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.css-accordion input:checked + .tab-header .tab-label::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.css-accordion input:checked ~ .tab-content {
	max-height: 100vh;
	padding: 1em 0;
	overflow: initial;
}
/* Accordion [END] */






/* Tab Element */
.tab .nav {
	border-bottom: 3px solid #4c606b;
}

.tab .nav li {
	background-image: none;
	padding-left: 0;
	margin: 0;
}

.tab .nav li .nav-link {
	position: relative;
	border-top: 3px solid #4c606b;
	border-radius: 0;
	color: #94aab7;
}

.tab .nav li .nav-link.active {
	background-color: #4c606b;
	color: #ffffff;
}

@media screen and (min-width: 992px) {
	.tab .nav li .nav-link {
		height: 110px;
	}

	.tab .nav li .nav-link.active::after {
		content: '';
		position: absolute;
		top: -3px;
		right: -30px;
		left: 100%;
		bottom: -3px;
		z-index: 1;
		background-color: #4c606b;
	}

	.tab .nav li .nav-link.active .arrow {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 56px 56px 56px 0;
		border-color: transparent #94aab7 transparent transparent;
		position: absolute;
		z-index: 2;
		top: -3px;
		right: -30px;
	}
}

.tab .tab-content {
	background-color: #94aab7;
	color: #ffffff;
}

.tab .tab-content h1,
.tab .tab-content h2,
.tab .tab-content h3,
.tab .tab-content h4,
.tab .tab-content h5,
.tab .tab-content h6 {
	color: #ffffff;
}

@media screen and (max-width: 991px) {
	.tab-link-mobile {
		border-top: 3px solid #4c606b;
		cursor: pointer;
	}

	.tab-link-mobile.active-mobile .fas {
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.tab .tab-content {
		border-bottom: 3px solid #4c606b;
	}
}



