html, body, p { font-size: 20px;
line-height: 28px;
font-weight: normal;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
html, body, p {  
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
html, body, p {  
font-size: 16px;
line-height: 20px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
html, body, p {  
font-size: 15px;
line-height: 19px;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
html, body, p {  
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 576px) {
html, body, p {  
font-size: 12px;
line-height: 16px;
}
}
h1 {
font-family: 'Barlow-bold', sans-serif;
font-size: 2rem;
margin-bottom: 2rem;
text-transform: uppercase;
}
h2 {
font-family: 'Barlow-bold', sans-serif;
font-size: 2rem;
margin-bottom: 2rem;
text-transform: uppercase;
}
h3 {  
font-family: 'Barlow-bold', sans-serif;
font-size: 1.5rem;
margin-bottom: 2rem;
}
h4 {
font-family: 'Barlow-bold', sans-serif;
font-size: 1rem;
}
h5 {
font-size: 1rem;
font-weight: bold;
color: magenta !important;
} body {  
background-color: white;  	
color: rgb(64,64,64); }
H1, H2, h3, H4 {
color: rgb(164,189,228); }
#MyHeader button.navbar-toggler { }
#MyHeader button.navbar-toggler .navbar-toggler-icon {  }
a, a:hover, a:link, a:active, a:visited, a:focus {
color: rgb(64,64,64); text-decoration: underline;
}
.hg1 {
background-color:white;
}
.hg2 {
background-color:black;
}
.hg3 {
background-color:magenta;
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0 transparent;
}     .container.blockcontainer,
.container-fluid.blockcontainer
{
padding-top: 5rem;
padding-bottom: 5rem;
}
.img_maxwidth {
width: 100%;
height: auto;
object-fit: cover;
}
.myhidden {
display: none;
}
.unsichtbar {
margin-top: -10rem;
padding-bottom: 10rem;
}
.unsichtbar_intern {
margin-top: -15rem;
padding-bottom: 15rem;
} #MyHeader .navbar-header {
position: relative;
}
#MyHeader button.navbar-toggler {
position: absolute;
padding-top: 1.5rem;
right: 0;
top: 0;
}
#MyHeader.headersmall button.navbar-toggler {
padding-top: 0.1rem;
}
@media screen and (min-width: 768px) {
span.navbar-toggler-icon {
display: none;
}
}
@media screen and (max-width: 767px) {
.navbar-toggler { }
.navbar-toggler:focus {
box-shadow: 0 0 0 0;
}
span.navbar-toggler-icon {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="rgba(51, 51, 51, 1)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22" /></svg>');
width: 2.5rem;
height: 2.5rem;	
background-size: 90%;
border: 1px solid white;
border-radius: 5px;
}
.headersmall .navbar-header {
height: 3rem;
} .nav-link {
font-size: 0.8rem;
text-align: left;
}
}   .headersmall .MyBrand > img#logo_large,
.headerlarge .MyBrand > img#logo_small {
display: none !important;
}
.headerlarge .MyBrand > img#logo_large,
.headersmall .MyBrand > img#logo_small {
display: inline-block !important;
}
.MyBrand > img {
width: 100%;
}   .MyTrenner {
width: 40%;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
margin-bottom: 2rem;
border-top-style: solid;
border-top-width: 2px;
opacity: 1;
} .headerlarge .MyBrandColumn, 
.headersmall .MyBrandColumn {
transition: padding .5s ease-in-out;	
position: relative;
}   footer img {
}       div.collapse-x {
padding: 1rem 0 2rem 0;
}
div.mycollapsetext {
margin: 1rem 0;
}
a.myswitch {
color: blue;
text-decoration: none;
}
a.myswitch:after { 
content: "↓";
display: inline-block;
margin-left: 0.5rem; }
a.myswitch.collapsed:after { 
content: "→";
display: inline-block; }
.block_blau_ecke h1,
.block_blau_ecke h2 {
margin-top: 2rem;
}
.block_blau_ecke {
background-image: linear-gradient(to bottom, rgba(180,201,232, 0.30) , rgba( 73,124,169,0.3)) !important;   
padding: 0 0 3rem 0;
}
.block_blau_ecke:before {
content: '';
background-image: url(//german-grammar-compact.com/wp-content/themes/GG_2024_V1_1/images/Ecke.png);
background-repeat: no-repeat;
background-size: 6rem;
background-position: 0 0rem;
display: inline-block;
margin-left: 0rem;
height: 10rem;
width: 7rem;
position: absolute;
}
@media screen and (max-width: 576px) {
.block_blau_ecke:before {
background-size: 4rem;
height: 6rem;
width: 4rem;
}
}
.block_blau_ecke > * {
margin-top: 4rem;
}
.block_blau_ecke .myblock-inner .row {
margin-bottom: 2rem;
}
.block_blau_ecke hr {
border-top: 3px dotted rgb( 0,54,111 ); margin: 0 0 2rem 0;
}
.stimmen_zitat {
text-align: center;
}
.stimmen_autor {
margin-top: 1.5rem;
text-align: center;
}
.MyBrenner_background {
width: 100%;
}
.MyBrenner_overlay {
width: 23%;
}
.MyOverlayContainer {
text-align: center;
position: absolute;
top: 4.4%;
right: 4%;
bottom: 0;
}
#menu-footermenu {
text-align: right;
list-style-type: none;
}
.content-headerbox {
margin-bottom: 5rem !important;
}
a:link,
a:hover,
a:focus {
color: rgb( 0,54,111 ); text-decoration: none;
}
a.myswitch {
font-size: 0.9rem;
}
.myblock ul {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.myblock ul li {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
#MyStimmen .carousel-item {
height: 11rem;
}
.zrk-btn {
position: absolute;
right: 15px;
top: 3px;
}
.zrk-btn > a {
color: white;
}
#hamburgermenu-icon {
position: absolute;
top: 60px;
right: 15px;
}
#menu-ankermenu-1 a {
color: rgb( 0,54,111 ); }
#hamburgermenu-icon a {
color: rgb( 73,124,169 ); }
#hamburgermenu-icon:hover a {
color: rgb( 0,54,111 ); }
#ankermenu {
top: 100px;
right: 0px;
position: absolute;
margin: 10px 0px 0px;
background-image: linear-gradient(to bottom, rgba(180,201,232, 0.30) , rgba( 73,124,169,0.3)) !important;
background-image: linear-gradient(to bottom, rgba(232,239,248, 0.90) , rgba( 200,216,229,0.9)) !important; 
right: 0px;
}
#ankermenu ul {
text-align: right;
list-style-type: none;
margin: 15px;
} a.headerlink {
color: rgb( 73,124,169 ); }
a.headerlink:hover {
color: white;  			
}html, body, p {  
font-family: 'Arial', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
html, body, p {  
font-size: 15px;
line-height: 22px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
html, body, p {  
font-size: 14px;
line-height: 20px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
html, body, p {  
font-size: 13px;
line-height: 18px;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
html, body, p {  
font-size: 12px;
line-height: 16px;
}
.nav-link {
font-size: 1.6rem;
}    
}
@media screen and (max-width: 576px) {
html, body, p {  
font-size: 11px;
line-height: 16px;
}
.nav-link {
font-size: 1.4rem;
}    
}
h1, h2, h3, h4 {
text-transform: initial;	
}
h1, h2 {
font-family: 'Arial', sans-serif;
font-weight: normal;
}
h3 {
font-family: 'Arial', sans-serif;
font-size: 1.5rem;
}
h4 {
font-size: 1.5rem;
} .seminarframe-text {
color: rgb( 64, 64, 64 );
}
.widgettitel,
h1, h2, h3, h4,
.navbar a {
color: #238819; }
.textwidget a,
.textwidget {
color: white;
}
.hg0 {
background-color: transparent; }
.hg1 {
background-color: #D7F3FD;
}
.hg2 {
background-color: rgb( 242, 241, 236 ); }
.hg3 {
background-color: rgb( 217, 212, 200 ); }
.hg4,
#footerbar {
background-color:  #444444;
}
#footerbar a:link, 
#footerbar a:visited, 
#footerbar a:hover, 
#footerbar a:focus {
color: white;
text-decoration: none;
} li {
line-height: 2rem;
}
.MitLinie {
border-bottom: #238819 solid 2px;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1, h2 {
margin-bottom: 3rem;
}
h3 {
margin-bottom: 1.5rem;
}
h3.abstand_oben {
margin-top: 2rem;
}
blockquote {
margin: 0rem 6rem 2rem 6rem;
}
blockquote p {
font-size: 2.5rem;
font-weight: bold;
font-style: italic;
color: #00AFF0;
line-height: 3.1rem;
}
blockquote:before {
display: inline-block;
margin-left: -6rem;
width: 5rem;
height: 5rem;
content: ' ';
background-image: url(https://deutsche-grammatik-kompakt.de/wp-content/uploads/2025/07/Anfuehrungsstriche_1.png);
background-repeat: no-repeat;
background-size: contain;
float: left;
opacity: 0.7;
}
blockquote:after {
display: inline-block;
margin-right: -6rem;
width: 5rem;
height: 5rem;
margin-top: -4rem;
content: ' ';
background-image: url(https://deutsche-grammatik-kompakt.de/wp-content/uploads/2025/07/Anfuehrungsstriche_1.png);
background-repeat: no-repeat;
background-size: contain;
float: right;
opacity: 0.7;
}
blockquote p:before,
blockquote p:after
{
display:none;
} @media screen and (min-width: 768px) {
div.navbar-header {
display: none;
}
}
@media screen and (max-width: 767px) {
}
#menuzeile {
background-color: rgba( 255, 255, 255, 0.9 );
// opacity: 0.9;
}
#menuzeile .navbar {
padding-right: 1rem;
}
#logo_large {
padding: 1.5rem 1rem 1.5rem 0;
}
#logo_small {
padding: 0rem;
margin: 1rem;
width: 4rem;
}
.MyBrand > img {
width: 68%;
}
#menu-hauptmenu .menu-item {
margin-left: 2rem;
}
#menu-hauptmenu .active {
border-bottom: #238819 solid 3px;
} #headerpuffer {
height: 8rem;
}  .ct-image.seiten-banner .mySpalte0 {
padding: 0;
}
.ct-image.seiten-banner.mitgliederseite .mySpalte0 {
position: relative;
}
.ct-image.seiten-banner.mitgliederseite .mySpalte0 h1 {
position: absolute;
top: 4rem;
left: 0rem;
color: white;
padding: 1rem;
background-color: rgba(54, 155, 44, 0.8);
}
.ct-bild_2sp_text .mySpalte0 {
margin-bottom: 1rem;
}
.ct-kachelmenu .seitenlinktext {
background-color: #238819; padding: 1rem;
color: white;
text-align: center;
}
.ct-kachelmenu .myKachel {
padding-top: calc(var(--bs-gutter-x) * .5);
padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.ct-seminarliste .seminarframe {
margin-top: 5rem;
padding-top: 2rem;
border-top: #238819 solid 1px; }
.ct-accordion .myAccordion {
list-style-type: none;
margin: 0;
padding: 0;
}
.ct-accordion .myAccordion li {
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 4rem;
}
.ct-accordion .myAccordion li .myaccordion_Seite {
margin-top: 0.5rem;
margin-left: 2rem;
}
.ct-accordion .myAccordion li > a {
}
.ct-accordion .myAccordion li a:before {
margin-left: -4rem;
float: left;
content: '-';
font-size: 2.5rem;
font-weight: bold;
text-align: left;
}
.ct-accordion .myAccordion li a.collapsed:before {
content: '+';
}
.ct-text .bildcaption p {
font-size: 0.8rem;
}
.ct-download .mySpalte0 {
border-top: 2px solid #238819; padding-top: 2rem;
}
.ct-zeitstrahlliste .myDownloadBild,
.ct-download .myDownloadBild {
width: 100%;
height: auto;
}
.ct-zeitstrahlliste .myCollapse_Seite, 
.ct-download .myCollapse_Seite {
padding-top: 2rem;
}
.ct-zeitstrahlliste .dokumentframe-text > h3 {
margin-bottom: 0.5rem;
}
.ct-zeitstrahlliste .dokumentframe {
margin-bottom: 2px;
}
.ct-zeitstrahlliste .dokumentframe-text {
border-left: lightgray solid 4px;
padding-bottom: 3rem;
padding-left: 3rem;
position: relative;
}
.ct-zeitstrahlliste .dokumentframe-text::before {
content: 'o';
position: absolute;
left: -0.8rem;
color: #238819; transform: rotate(-90deg);
font-size: 1.6rem;
font-weight: bold;
top: 0.25rem;
}
.ct-2sp_text .mySpalte1 {
padding-right: 3rem;	
}
.ct-slide .slidecaption {
vertical-align: top;
height: 3rem;
}
.ct-slide .carousel-indicators {
margin-bottom: 4rem;
}
.ct-textslide .carousel-inner {
height : 15rem;
}
.ct-textslide .carousel-indicators button {
background-color: #00AFF0;
height: 5px;
} @media screen and (max-width: 575px) {
.imagespalte {
text-align: center;
}
#block-DieAutorin.ct-2sp_text .mySpalte1 {
padding-right: 0rem;
}
}
#block-impressum h2,
#block-datenschutz h2 {
margin-top: 5rem;
} #footerbar {
padding: 5rem 0;
}
#menu-schnellzugriff,
#menu-information {
list-style-type: square;
margin: 0;
padding: 0 0 0 2rem;
font-size: 2rem;
color: #238819;
}
#menu-schnellzugriff li>a,
#menu-information li>a {
font-size: 1rem;
color: white;
vertical-align: middle;
line-height: 2rem;
}
.widgettitel {
font-size: 1.5rem;
margin-bottom: 1rem;
}