.frame img{
    border-radius: 15px;
    box-shadow: 8px 8px 40px rgb(34, 46, 62);
}

.markprominent {
font-size: 40px;
}

@font-face {
    font-family: 'ropa_soft_proregular';
    src: url('../themes/fonts/ropasoftpro-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-size: 18px;

}

@font-face {
    font-family: 'ropa_soft_promedium';
    src: url('../themes/fonts/ropasoftpro-medium-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-size: 18px;

}

    /* 
        In die Guide.Yaml bei den Fonts
        'ropa_soft_proregular,sans-serif': 'roparegular (sans-serif)'            
        'ropa_soft_promedium,sans-serif': 'ropamedium (sans-serif)'  


        system\typemill\author\css\output.css

        .bg-teal-600 {
          --tw-bg-opacity: 1;
          background-color: #A61648;
        }
     */

.f5{
    font-size:1.125rem;
}

.f5-ns{
    font-size:1.125rem;
}

.f5-m{
    font-size:1.125rem;
}

.f5-l{
    font-size:1.125rem;
}

#content-nav a {
    font-size: 1.125rem;
}

span.toolbar-icon svg.icon.baseline.icon-user {
    display:none;
}


.notice1{
    background-color: #A0ADBD;
    border-radius: 10px;
}

.notice2{
    background-color: #d9d5cf;
    border-radius: 10px;
}

.notice3{
    background-color: #222e3e;
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
}

.notice4{
    background-color: #A61648;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
}

hr {
    border: 0;
    margin: 1.35em auto;
    max-width: 100%;
    background-position: 50%;
    box-sizing: border-box;
    height: 3px;
    color: #222e3e;
    background: -moz-linear-gradient(left, rgba(34, 46, 62,0) 0%, rgba(34, 46, 62,0.5) 10%, rgba(34, 46, 62,1) 50%, rgba(34, 46, 62,0.5) 90%, rgba(34, 46, 62,0) 100%); 
    background: -webkit-linear-gradient(left, rgba(34, 46, 62,0) 0%,rgba(34, 46, 62,0.5) 10%,rgba(34, 46, 62,1) 50%,rgba(34, 46, 62,0.5) 90%,rgba(34, 46, 62,0) 100%); 
    background: linear-gradient(left, rgba(34, 46, 62,0) 0%,rgba(34, 46, 62,0.5) 10%,rgba(34, 46, 62,1) 50%,rgba(34, 46, 62,0.5) 90%,rgba(34, 46, 62,0) 100%); 
  }
  
img {
    border-radius: 10px;
}

img.h2.mr2{
    height: auto;
    width: 300px;
}

.nav-list .level-1 a{
    font-weight: 700;
}

.nav-list .level-2 a{
    font-weight: 300;
}

.left-column .nav-list .active a{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


.left-column .nav-list li:not(.active) > a {
    background-color: rgba(0,0,0,0);
    border-color:  rgba(0,0,0,0);
}


.left-column .nav-list li:not(.active) a:hover{
    border-radius: 10px;
    background-color: #edf0f4;
    border-color:  #A61648;
}

#bottompager a {
    color:#222e3e;
    font-weight: 500;
}

/* Dark Theme */

[data-theme='dark'] .notice1{
    border-color: #a61648;
}

[data-theme='dark'] .notice2{
    border-color: #a61648;
}

[data-theme='dark'] .notice3{
    background-color: #fff;
    color: #222e3e;
    font-weight: 500;
    border-radius: 10px;
    border-left: 0px solid;
}

[data-theme='dark'] .notice4{
    border-left: 0px solid;
}

[data-theme='dark'] #bottompager a {
    color:#fff;
    font-weight: 500;
}

[data-theme='dark']  a {
    color: #fff;
}

[data-theme='dark']  img.h2.mr2{
    height: auto;
    width: 300px;
    background-color: #fff;
}


[data-theme='dark']   .left-column .nav-list .active a{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: RGBA(160, 173, 189, 0.4); 
}



[data-theme='dark'] .left-column .nav-list li:not(.active) > a {
    background-color: rgba(0,0,0,0);
    border-color:  rgba(0,0,0,0);
}


[data-theme='dark'] .left-column .nav-list li:not(.active) a:hover{
    border-radius: 10px;
    background-color: RGBA(160, 173, 189, 0.4);
    border-color:  #A61648;
}

[data-theme='dark'] hr {
    border: 0;
    margin: 1.35em auto;
    max-width: 100%;
    background-position: 50%;
    box-sizing: border-box;
    height: 3px;
    color: #222e3e;
    background: -moz-linear-gradient(left, rgba(192, 185, 175,0) 0%, rgba(192, 185, 175,0.5) 10%, rgba(192, 185, 175,1) 50%, rgba(192, 185, 175,0.5) 90%, rgba(192, 185, 175,0) 100%); 
    background: -webkit-linear-gradient(left, rgba(192, 185, 175,0) 0%,rgba(192, 185, 175,0.5) 10%,rgba(192, 185, 175,1) 50%,rgba(192, 185, 175,0.5) 90%,rgba(192, 185, 175,0) 100%); 
    background: linear-gradient(left, rgba(192, 185, 175,0) 0%,rgba(192, 185, 175,0.5) 10%,rgba(192, 185, 175,1) 50%,rgba(192, 185, 175,0.5) 90%,rgba(192, 185, 175,0) 100%); 
}


.bg-teal-600{
    background-color: #A61648 !Important;
}

.red { color: red;}

footer a{
color: #fff;
}