/** Logo auch auf kleinen Displays zeigen */
@media (min-width: 300px) {
    .brand-title {
      color: white !important;
      display: block;
      font-family: "Ubuntu", sans-serif;
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.25rem;
      margin-inline: 5px;
      text-decoration: none !important;
    }
}
.brand-img {
    margin-inline-end: 0;
    text-align: center;
    width: auto;
}
  

/** Mobile Navigation - Höhe anpassen 
.hd--sticky.mn--sticky.mn--max .mainnav .mainnav__inner {
  height: calc( 100vh + 3.125rem);
  top: 0;
}*/

/** Headeranpassung 
.header__inner {
    height: 4.125rem;
}*/

/** Headeranpassung - Sidebar rechts verschieben 
.sb--pinned .sidebar {
    top: 4.125rem;
}*/

/** .boxed-layout {max-width: 1400px !important;} */
.bg-img {
    background-image: url("/typo3conf/ext/t3verslextemplate/Resources/Public/ext/boxed-bg/pattern-1.jpg") !important;
}

a:link {text-decoration: none;} 
a:link:hover{text-decoration:none;}

/** Nifty Anpassungen */
/** Scrollbare Card für Fullscreen-Variante in 1col-Sidebar.html */
.scrollcard {
    overflow-y: auto;
    scrollbar-color: black;
}

/** Akkordion (Bedingungen) */
.accordion-body {
    padding-left: 0.7rem;
    padding-right: 0rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-size:.9rem;
}
/** Unterschiedliche Farben */
.gesetze-abs > .accordion-item > .accordion-header > button.accordion-button {
    color: #fbfbfb;
    background-color: #182f46;
}
.gesetze-kap > .accordion-item > .accordion-header > button.accordion-button {
    color: #fbfbfb;
    background-color: #2a4764;
}
.gesetze-par > .accordion-item > .accordion-header > button.accordion-button {
    color: #fbfbfb;
    background-color: #466a8e;
}
.accordion-button {
    color: #fff;
    background-color: #182f46;
    font-size:.9rem;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #182f46;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #25476a;
    outline: 0;
    box-shadow: none;
  }
  .accordion-item {
    background-color: transparent;
  }
  .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: .4375rem;
    border-top-right-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
    border-bottom-right-radius: .4375rem;
  }

/** YOUTUBE Video Container */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/** Kleine Displays */
@media screen and (max-width: 1200px) {
    /** Überschrift page-title verkleinern (Original im Template = 2 rem) */
    .page-title {font-size: 1.5rem !important;}
}
@media screen and (min-width: 1200px) {
    /** Sidebar rechts breiter mit Klasse .extbreit */
    .sb--pinned .content__boxed.extbreit {
        padding-right: 25rem;
    }
    .sb--pinned .sidebar.extbreit {
        width: 25rem;
    }
}

/** Klickbarer Text / Kopieren */
.clickable {
    cursor: pointer;
}
.copy-animation {
    animation-name: fadeOut;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    color:red;
}
.copied-message {
    display: none;
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;display: none;}
}

/* Google Fonts local */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/typo3conf/ext/t3verslextemplate/Resources/Public/ext/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}