@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

	:root{
		font-weight:400;
		font-size:16px; 
		line-height:24px;
		--fontcolor: #000000;
		--primary-1: #5A2572;
		--primary-2: #0099CD;
		--primary-3: #FFFFFF;
		--secondary-1: #2E2672;
		--secondary-3: #462672;
		--copyright-background: rgba(0, 0, 0, 0.5);
	}
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {  }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:1.125rem;
	line-height:2rem;
    color:var(--fontcolor);
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  header h1,header h2,header h3,header h4,header h5,header h6 {
    font-weight:700;
	hyphens:auto;
    color:var(--primary-1);
    margin:0 0 1rem;
  }

  header h1, h1 { font-size:3.5rem; line-height:4.375rem; margin:2.8rem 0 1.4rem 0; }                       /* 30px */
  header h2, h2 { font-size:3rem; line-height:3.5rem; margin:2rem 0 1rem 0; }                       /* 24px */
  header h3, h3 { font-size:2.5rem; line-height:3rem; margin:1.75rem 0 0.875rem 0; }                       /* 18px */
  header h4, h4 { font-size:2rem; line-height:2.5rem; margin:1.5rem 0 0.75rem 0; }                    /* 16px */
  header h5, h5 { font-size:1.5rem; line-height:2rem; margin:1.25rem 0 0.625rem 0; }                    /* 14px */
  header h6, h6 { font-size:1.3rem; line-height:1.8rem; margin:1rem 0 0.5rem 0; }                    /* 14px */
  
  .trailer.blueBackground h1, .trailer.blueBackground h2, .trailer.blueBackground h3, .trailer.blueBackground h4, .trailer.blueBackground h5, .trailer.blueBackground h6{ color:#FFFFFF; text-shadow:2px 2px #000000; }
  
  footer#page-footer h2{ font-size:19.5px; font-size:1.21875rem;; color:#FFFFFF; line-height:1.333333; margin-top:0; }
	@media(min-width:800px){ footer#page-footer h2{ margin-bottom:20px; }}
	@media(min-width:1024px){ footer#page-footer h2{ font-size:24px; font-size:1.5rem; }}

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  /*ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }*/
  main ul { list-style:none; display:flex; flex-direction:column; gap:1rem; margin-bottom:2.5rem; margin-top:2.5rem; padding-left:1.75rem; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; }
  main li{ font-size:1.125rem; margin-left:1rem; display:list-item; text-align:-webkit-match-parent; }
  ul ul { list-style-type:circle; margin-bottom:0; }
  
  main ul li:before{ 
    content: "•";
    color: var(--primary-1);
    font-weight: 900;
    padding-right: 1rem;
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    margin-left: -1.9rem;
	width:0.4em;
  }
  
  /* Vorteile */
  main .frame-layout-103 ul{ list-style-type:none; }
  main .frame-layout-103 ul li{ padding-left:1.3em; margin-bottom:0.8em; font-size:125%; }
  main .frame-layout-103 ul li:before{ content:'+'; color:#1C9CD9; margin-left:-1.9rem; display:inline-block; width:0.4em; font-weight:bold; padding-right:1rem; vertical-align:baseline; }
  
  /* News */
  .news ul.f3-widget-paginator{ flex-direction:row; }
  .news ul.f3-widget-paginator li{ background-color:var(--primary-3); border:1px solid var(--primary-1); color:var(--primary-1); padding:0 0.3em; }
  .news ul.f3-widget-paginator li::before{ content:""; }
  .news ul.f3-widget-paginator li.current{ color:var(--primary-3): background-color:var(--primary-1);  }

  ol { list-style:none; counter-reset:item; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }
  
  ol li:before{
	  content: counter(item) ". ";
    counter-increment: item;
    color: var(--primary-1);
    font-weight: 700;
    padding-right: 1rem;
    margin-left: -1.7rem;
    display: inline-block
  }

  li { margin-left:0.8em; line-height:1.5em; font-size:120%; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
  
  footer#page-footer .internal ul{ padding-left:0; margin-top:10px; margin-bottom:0; list-style-type:none; margin-left:0; }
	@media(min-width:800px){ footer#page-footer .internal ul{ display:inline-block; padding-left:8px; margin-top:10px; }}
  footer#page-footer .internal ul li{ list-style-type:none; margin-top:0; margin-left:0; margin-bottom:12px}
  
  footer#page-footer .social-media ul{display:inline-block; padding-left:0; clear:both; float:none; margin-left:46px; }
	@media(min-width:800px){ footer#page-footer .social-media ul{clear:none; margin-left:0;}}
  footer#page-footer .social-media ul li{ margin-bottom:28px; list-style-type:none; }
	@media(min-width:800px){ footer#page-footer .social-media ul li{float:left; padding-left:0; margin-right:100px; margin-bottom:15px; }}
	
  footer#page-footer .service-links ul{ display:inline-block; padding-left:0; margin-left:80px; }
	@media(min-width:800px){ footer#page-footer .service-links ul{margin-left:0;}}
  footer#page-footer .service-links ul li{ list-style-type:none; padding-left:0px; padding-right:0px; margin-bottom:25px; clear:both; float:none; }
	@media(min-width:800px){ footer#page-footer .service-links ul li{float:left; clear:none; padding-right:36px; margin-bottom:25px;}}
  footer#page-footer .partner-links ul{ display:inline-block; padding-left:0; }
	@media(min-width:1024px){ footer#page-footer .partner-links ul{ display:table; }}
  footer#page-footer .partner-links ul li{ list-style-type:none; float:left; padding:26px 10px 16px 10px; }
	@media(min-width:1024px){ footer#page-footer .partner-links ul li{ float:none; display:table-cell; vertical-align:middle; }}

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
  .trailer.blueBackground p{ color:#FFFFFF; }
  footer#page-footer p{ color:#FFFFFF; font-size:1.125rem; line-height:1.5; font-weight:normal; marign-bottom:24px; }
  
  .align-right, .text-end{ text-align:right; }
  .text-center{ text-align:center; }
  #slogan{ font-size:2.3em; font-weight:bold; color:#1C9CD9; text-indent:-2.3em; padding-left:2.3em; margin-bottom:1vw; }
  .small{ font-size:0.8em; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; font-size:2.1em; }

  strong,b { font-weight:bold; color:var(--primary-2); }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }
  .news-list-item hr{ margin:0; }
  
  .frame-layout-4{ text-align:center; }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:var(--secondary-1); text-decoration:none; background:transparent; }
  .trailer.blueBackground a{ color:var(--primary-3); }
  
  /* externe Links */
  a[href^="http://"]:not([href*="sozialstation-mosbach.de"]), a[href^="https://"]:not([href*="sozialstation-mosbach.de"]){ position:relative; padding-right:0; }
  a[href^="http://"]:not([href*="sozialstation-mosbach.de"]):after, a[href^="https://"]:not([href*="sozialstation-mosbach.de"]):after{ content:url('/typo3conf/ext/msm_szm_tmpl/Resources/Public/Grafik/icon-link-button-small.svg'); height:100%; width:100%; margin-left:0.25rem; transition:transform ease-out .2s; }
  footer#page-footer a[href^="http://"]:not([href*="sozialstation-mosbach.de"]):after, footer#page-footer a[href^="https://"]:not([href*="sozialstation-mosbach.de"]):after{ content:"";}


  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus,
  a:hover,
  a:active { text-decoration:underline; text-underline-offset:0.2rem; background:transparent; color:var(--secondary-1); }
  
  .color-violet-1 a, .color-violet-2 a, .color-violet-3 a, .color-violet-4 a{ color:#FFFFFF; }
  
  footer#page-footer .internal .link-wrapper{ margin-top:22px; margin-left:4px; }
	@media(min-width:800px){ footer#page-footer .internal .link-wrapper{ margin-left:0; }}
  footer#page-footer .internal .link-wrapper a{ display:inline-block; position:relative; letter-spacing:0.05em; }
  footer#page-footer .internal .link-wrapper a:hover, footer#page-footer .internal .link-wrapper a:focus, footer#page-footer .internal .link-wrapper a:active{ text-decoration:none; background:none; }
  footer#page-footer .internal .link-wrapper a .icon-link{ font-size:18px; font-size:1.125rem; line-height:1.5; font-weight:bold; border-bottom:1px solid transparent; margin-left:32px; padding-left:0; }
  footer#page-footer .internal .link-wrapper a:hover .icon-link, footer#page-footer .internal .link-wrapper a:focus .icon-link, footer#page-footer .internal .link-wrapper a:active .icon-link{ color:white; border-bottom: 1px solid #FFFFFF; }
  footer#page-footer .internal .link-wrapper a .icon-link.internal{ display:inline; }
  footer#page-footer .internal .link-wrapper a .icon-link.internal::before{ content:url('../../Grafik/icon-internal-white.png'); position:absolute; left:0; top:2px; }
  footer#page-footer .internal .link-wrapper a:hover .icon-link.internal::before, footer#page-footer .internal .link-wrapper a:focus .icon-link.internal::before, footer#page-footer .internal .link-wrapper a:active .icon-link.internal::before{ content:url('../../Grafik/icon-internal-white_hover.png'); }
  
  footer#page-footer .social-media ul li a:hover{ background:none; text-underline:none; outline:none; }
  footer#page-footer .social-media ul li a:hover i::before{ content:"\f08e"; font-family:"Font Awesome 6 Free"; font-weight:900; }
  footer#page-footer .service-links ul li a{ font-weight:bold; }
  
  footer#page-footer .partner-links ul li{ padding:0; margin-left:0; }
	@media(min-width:800px){ footer#page-footer .partner-links ul li{padding:26px 10px 16px 10px; margin-left:0.8em; }}
  footer#page-footer .partner-links ul li a{ display:inline-block; border-bottom:2px solid transparent; padding:0 18px 12px 18px; }
  footer#page-footer .partner-links ul li a:hover{ border-bottom:2px solid #502572; background:none; }


  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  img{ vertical-align:middle; }

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

  .flexible{ height:auto; max-width:100%; margin-bottom:0; }
  * html .flexible{ width: 98%; }

  figcaption, figcaption.csc-textpic-caption, .news-img-caption{ position:absolute; padding:0.25rem; margin:0; background-color:var(--copyright-background); color:var(--primary-3)!important; line-height:0.875rem; font-size:0.875rem; }
  .news-img-wrap .news-img-caption{ right:unset; left:0; top:unset; bottom:0; }

  .news-related-image{ width:38%; float:left; margin-right:1em; }
  .news .article .news-img-wrap .mediaelement a{ padding:0; border:none; }
  .news-single .article .news-single-img .news-img-wrap{ width:auto; margin:0; position:relative; }
  .news-single-img{ width:38%; float:left; margin-right:2em; }
  .news-single-imgcaption{ font-size:0.8em; color:#1C9CD9; }
  .news-list-image{ width:15%; float:left; margin-right:2em; }

  .ce-textpic.ce-left .ce-gallery, .ce-textpic.ce-right .ce-gallery{ width:48%; }
  .ce-intext.ce-right .ce-gallery{ margin-left: 50px; }
  .ce-intext.ce-left .ce-gallery{ margin-right: 50px; }

  .ce-row.column-3 .ce-column{ width:30%; }
  
  .frame-layout-icon .ce-gallery .ce-row .ce-column{ width:40%; margin-left:30%; }
  
  @media(max-width:450px){ .ce-gallery{ width:100%; float:none!important; } }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note{ background:#D3EAFB; color:#000; border:2px #D3EAFB solid; padding:10px; margin-bottom:1em; }
  .note.frame-layout-101{ background:var(--secondary-3); color:var(--primary-3); border:2px var(--secondary-3) solid; }
  .important{ background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning{ background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
  .success{ background:#80B94E; color:#333333; border:2px #427811 solid; padding:10px; margin-bottom:1em; }
  .error{ background:#FFD9D9; color:#FF0000; border:2px #FF0000 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

  .lila{ color:#50267E; }

  .frame-layout-1{ border:1px #50267E solid; background:#D4D0DE; margin-bottom:5.5em; padding:0.8em; }
  .inner{ margin:0.3em; background:#D4D0DE; padding:0.5em; }

  .version1{ padding:2em; }
  .version1 .news-list-date{ background-color:#e5f6fd; float:right; padding:3px; right:0; }
  .version2{ background:#e5f6fd; padding:2em; }
  .version2 .news-list-date{ background-color:#FFFFFF; float:right; padding:3px; right:0; }
  
  .hidden{ display:none!important; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border:1px #e0e0e0 solid; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th, thead th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border:1px solid #e0e0e0; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#fff8f8; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Icons
  */
  .icon{ margin-right:2em; margin-bottom:1em; display:block; }
	@media(min-width:640px){ .icon{display:inline-block; }}
  .icon:before{ background-repeat:no-repeat; background-position:center; vertical-align:middle; background-size:contain; width:1.5em; height:1.5em; margin-right:0.3em; content:''; display:inline-block; }
  .icon:after{ position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 5px 10px; border-radius: 4px; white-space: nowrap; font-size: 12px; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
  .icon:hover::after{ opacity:1;}
  
  .icon.anstellungsart:before{ background-image:url('../../Icons/anstellungsart.svg'); }
  .icon.anstellungsart:after{ content:'Anstellungsart'; }
  .icon.arbeitszeit:before{ background-image:url('../../Icons/arbeitszeit.svg'); }
  .icon.schichtdienst:before{ background-image:url('../../Icons/schichtdienst.svg'); }
  .icon.urlaub:before{ background-image:url('../../Icons/urlaub.svg'); }
  .icon.region:before{ background-image:url('../../Icons/ort.svg'); }
  .icon.befristung:before{ background-image:url('../../Icons/befristung.svg'); }
  .icon.besonderheiten:before{ background-image:url('../../Icons/extras.svg'); }
  .icon.bezahlung:before{ background-image:url('../../Icons/gehalt.svg'); }
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */
  .ansprechpartner #maillink{ text-align:center; padding:0.5em; }
  .ansprechpartner #mailform{ display:none; }
  
  .contact__elements-container{ gap:1rem; disply:flex; flex-direction:column; align-items:center; max-width:61.5rem; }
  @media(min-width:640px){ .contact__elements-container{}}
  @media(min-width:960px){ .contact__elements-container{ gap:2rem; flex-direction:row; align-items:flex-start; flex-wrap:wrap; max-width:100%; } }
  .contact__element{ display:flex; flex-direction:column; align-items:center; }
  .contact__element.with-image:not(:last-child){ margin-bottom:2rem; flex-direction:column; }
	@media(min-width:60rem){ .contact__element.with-image{ align-items:center; justify-content:flex-end; margin-left:auto; flex-direction:row; }}
  .contact__image{ display:block; object-position:50% 50%; width:21.25rem; height:21.25rem; z-index:1; max-width:100%; max-height:100%; aspect-ratio:1/1; margin-left:auto; margin-right:auto; position:relative; }
	@media(min-width:640px){ .contact__image{ max-width:calc(100vw - 3rem); max-height:calc(100vw - 3rem); }}
	@media(min-width:960px){ .contact__image{ display:inline; margin-right:-4rem; margin-left:0; margin-bottom:0; } }
  .ym-g38 .contact__image{ width:15rem; height:15rem; }
  .ym-g50 .contact__image{ width:16rem; height:16rem; }
  .contact__details{ display:flex; background-color:var(--secondary-3); flex-direction:column; width:100%; height:auto; padding:1.5rem; padding-top:4.5rem; color:var(--primary-3); }
	@media(min-width:640px){ .contact__details{  } }
	@media(min-width:960px){ .contact__details{ padding-top:1.5rem; } }
  .ym-g38 .contact__details{ width:22.225rem; max-width:100%; min-height:22.225rem; }
  .ym-g50 .contact__details{ width:25rem; max-width:100%; min-height:25rem; }
  .contact__element.with-image .contact__element.with-image .contact__details{ padding-top:4.5rem; }
	@media(min-width:40rem){ .contact__element.with-image .contact__details{ padding:4.625rem 3rem; width:29.7rem; min-height:29.7rem;} .ym-g38 .contact__element.with-image .contact__details{ width:16.5rem; min-height:16.5rem; } .ym-g50 .contact__element.with-image .contact__details{ width:20.5rem; min-height:16.5rem; }}
	@media(min-width:60rem){ .contact__element.with-image .contact__details{ padding:3.5rem 2.25rem 3.5rem 6rem; width:31.75rem; min-height:31.75rem;} .ym-g38 .contact__element.with-image .contact__details{ width:16.5rem; min-height:16.5rem; } .ym-g50 .contact__element.with-image .contact__details{ width:22.5rem; min-height:22.5rem; }}
  .contact__details h4{ color:var(--primary-3); }
  .contact__details p{ margin-bottom:2rem; }
  .contact__details__element:not(:last-child){ margin-bottom:1.5rem; }
  .contact__details__element{ color:var(--primary-3); display:flex; align-items:flex-start; gap:0.5rem; font-weight:700; }
  a.contact__details__element:hover{ color:var(--primary-3); text-decoration:underline; }

  .lazyOwl{ height: auto; margin-bottom: 0; max-width: 100%; }
  
  footer#page-footer .social-media ul li a i{ vertical-align:top; }
  .fa{ text-style:normal; }
  .fa-rss::before{ content:"\f09e";}
  footer#page-footer .social-media ul li a i span{ border-bottom:1px solid transparent; font-size:18px; font-size:1.125rem; line-height:1.5; font-weight:400; margin-left:34px; padding-top:5px; display:inline-block; font-family:'Open Sans', Helvetica, Arial, sans-serif; }
	@media(min-width:800px){ footer#page-footer .social-media ul li a i span{font-weight:bold; margin-left:20px; padding-top:0; }}
  footer#page-footer .social-media ul li a i span:hover{ border-bottom-color:#FFFFFF; }
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */
  .news .article .news-img-wrap{ float:none; margin:0; width:100%; }
  .news .article .news-img-wrap a{ float:none; padding:0; border:none; }
  .news .article .news-img-wrap img{ float:none; }
  
  
  
  /* #####  Share ##### */
  .share ul{ display:inline; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
  .share li{ min-width:110px; max-width:160px; width:auto; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; height:38px; box-sizing:border-box; overflow:hidden; }
  .share li:before{ content:none; }
  .share li.share-button{ border:1px solid #dddddd; margin-right:1.8%; float:left; margin-bottom:10px; }
  .share .share-button a{ background-color:#FFFFFF; position:relative; display:block; text-decoration:none; box-sizing:border-box; }
  .share .share-button a:hover{ background-color:#eee; }
  .share .share-button.facebook a{ color:#3b5998; }
  .share .share-button.linkedin a{ color:#0077b5; }
  .share .share-button.xing a{ color:#126567; }
  .share .share-button.whatsapp a{ color:#5cbe4a; }
  .share .share-button.telegram a{ color:#08c; }
  .share .share-button.mail a{ color:#999; }
  .share .share-button .fab{ width:30px; line-height:30px; text-align:center; font-size:19px; vertical-align:middle; padding-left:5px; }
  .share .share-button .share_text{ text-indent:0; display:inline; padding-left:8px; line-height:30px; vertical-align:middle; }
  
  /* ### Youtubevideo ### */
  .youtubevideo .youtubevideo-gdpr-note{ max-width:90%; font-weight:normal; font-size:90%; }
  
  /* ### Counter ### */
  .ce-counter{ border:none; }
  .ce-counter .number{ color:var(--primary-1); }
  .ce-counter hr{ border-top:none; margin-bottom:0; margin-top:0; }
  .ce-counter .h2{ font-size:1.4rem; }

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */
}

/* Anweisungen nur für große Bildschirme */
@media (min-width: 500px){
   #slogan{ text-align:center; text-indent:0; }
}