.corp-container, #wpfront-notification-bar div.wpfront-message {   max-width: 1580px; }
#wpfront-notification-bar div.wpfront-message { padding: 0 15px; font-size: 0.8em; }

body, button, input, optgroup, select, textarea { font-size: 20px;   line-height: 1.5; }

.site-header .site-branding { text-align: center; }
.site-header .site-branding .site-title { font-size: 14px; }

#masthead .corp-container {		margin: 0 auto;		padding: 0;		max-height: 120px; }

.site-header {  padding: 25px 0 0 0;  border: none; }
.site-header .site-branding {		text-align: left;		max-width: 40%;		padding: 0 20px;		z-index: 100; }
.site-header .site-branding .custom-logo-wrapper {  padding-bottom: 6px; }
.site-header .site-header-inner { align-items: flex-start; }


.no-header-margin .masthead-sentinel { top: 0 !important;   position: absolute; }

.contact-info {  position: absolute;  top: -10px;   right: 20px; font-size: 0.8em;   width: 820px; max-width: 80%; }

.menu-hauptmenue-container { }
.main-navigation { margin-top: 50px; }
.main-navigation ul li { font-size: 1.2rem; margin: 5px; padding: 10px 15px 5px 15px; text-transform: none; background: #426430; }
.main-navigation ul .children, .main-navigation ul .sub-menu { top: 40px; left: 0px; padding-top: 10px; }

.rightbox h3 { text-align: right; }
.clear { clear: both; }

.site-footer .panel-row-style .panel-background-overlay { background-repeat: no-repeat; max-height: 300px; top: auto;  height: 300px; }
.site-footer a { text-decoration: underline;}
/* .site-footer a:hover { font-size: 1.1rem;   transition: all 0.3s ease-in-out 0.2s;} */
.site-footer .widget .widget-title ~ *, .site-footer .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ *, .widget-area .widget .widget-title ~ *, .widget-area .widget .wp-block-group__inner-container :is(h1, h2, h3, h4, h5, h6) ~ * {   font-size: 15px; }

.site-header img, .site-footer img {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } 
/* #homeslider img { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; opacity: 0.75; } */
#homeslider img { width: 200px; max-width: 30vw; }

h1, h1.entry-title { font-size: 36px; line-height: 1.0; }
h2 { font-size: 32px; line-height: 1.0; }
h3, h3.widget-title { font-size: 28px; line-height: 1.0; }
h4 { font-size: 26px; line-height: 1.0; }
h5 { font-size: 24px; line-height: 1.0; }
h6 { font-size: 22px; line-height: 1.0; }

.padding-5 { padding: 5%; }


.greenbutton a { padding: 10px 15px; }
.greenbutton:hover { transform: scale(1.2); transition: all 1s ease; }

.rmp-menu-item.mobile-menu-icon { display: inline-flex; align-items: center; height: 50px; }
.rmp-menu-item.mobile-menu-icon1 { width: 50px !important; margin-left: 5px !important; }
.rmp-menu-item.mobile-menu-icon2 { width: 80px !important; }
.rmp-menu-item.mobile-menu-icon a { padding-right: 5% !important; }
.rmp-menu-item-link { padding: 0 5% !important; text-transform: uppercase; }
.rmp-menu-item.mobile-menu-icon .rmp-menu-item-link { height: 40px !important; margin-top: 20px; }
.rmp-menu-item.mobile-menu-icon img { padding: 5px; }
/* .rmp-menu-item.mobile-menu-icon1 .rmp-menu-item-link { text-align: right !important; }
.rmp-menu-item.mobile-menu-icon3 .rmp-menu-item-link { text-align: left !important; } */
.single-post li#rmp-menu-item-515 a, .rmp-menu-item.current-page-parent .rmp-menu-item-link, .rmp-menu-item.current-page-ancestor .rmp-menu-item-link { color: #c90019 !important;}


.floating-menu .far::before, .floating-menu .fas::before { content: none; }
.floating-menu .fm-bar li .fm-icon {  background-size: 45px;  background-repeat: no-repeat;  background-position: center;}
.floating-menu .fm-bar li:first-child .fm-icon {   background-image: url('https://www.kreuzbergschule-bonn.de/wp-content/uploads/2026/06/elternnachricht.png'); }
.floating-menu .fm-bar li:nth-child(n+2) .fm-icon {  background-image: url('https://www.kreuzbergschule-bonn.de/wp-content/uploads/2026/06/logineo-logo.png'); }

article figure.float:nth-of-type(2n) {
  float: left;
  max-width: 50%;
  padding: 0 40px 40px 0;
}

article figure.float:nth-of-type(2n+1) {
  float: right;
  max-width: 50%;
  padding: 0 0 40px 40px;
}

.blog-layout-grid article { background: #d2ddb9 !important;  padding: 5px; }
.blog-layout-grid article .corp-content-wrapper { background: #d2ddb9 !important; }
.blog-layout-grid article .entry-title {  font-size: 24px; }
.blog-layout-grid article h2.entry-title a { color: #000000 !important; }
.blog-layout-grid article .entry-meta { font-size: 13px; }
.blog-layout-grid article .entry-meta span { color: #626262; }
.blog-layout-grid article .entry-content { font-size: 18px; color: #2d2d2d; }
.blog-layout-grid article img { max-width: 480px; margin: 0 auto; }
#aktuelles .sow-blog-layout-grid .sow-blog-posts article { background: #d2ddb9 !important; padding: 5px; }
#aktuelles .sow-blog-layout-grid .sow-blog-posts article .sow-entry-header .sow-entry-title { hyphens: auto; }

.sow-blog-posts .sow-entry-content p { text-align: justify; }

.download { text-align: center; background: #d2ddb9 !important; padding: 30px 10px 10px; height: 100%; }
.download button { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  margin-top: 20px; }
.download button a { color: #fff; }
.download h4 { margin: 0; }
.download p { line-height: 1.2; }
.download .datei { padding: 20px 0; }

.wp-block-gallery.has-nested-images figure.wp-block-image {  flex-grow: inherit;}

.imagerow .panel-grid-cell-mobile-last { display: flex; gap: 2em; }

#leitbild .panel-cell-style { display: flex; flex-flow: column; }
#leitbild .panel-grid-cell:first-of-type .panel-last-child { margin-top: auto !important; }


#links .sow-social-media-button { padding: 0 0.2em !important; margin: 0 !important; width: auto !important; }
#links .sow-icon-image { width: 1.5em; height: 1.5em; }
#links .sow-social-media-button-Logineo-0 .sow-icon-image { width: 2.5em; }

#download-logos img { width: 300px; }

.termin { display: flex; flex-flow: row; border-bottom: 1px dashed #000; padding: 5px 0; }
.termindatum { width: 49%; margin-right: 1%; }
.termintitel { width: 50%; }
.monat { background: #426430; color: #fff; padding: 5px 10px; margin-bottom: 5px; font-size: 1.2em; font-weight: 700; }

button.vaswitch {  background-color: transparent;  padding: 0;  transition: 0.4s;	color: #426430;}
button.vaswitch.active, button.vaswitch:hover {  background-color: transparent;	color: #426430; }
.vadetails {  padding: 0;  display: none;   overflow: hidden;	background: transparent;		padding: 5px;		font-size: 16px; }
.vadetails p { margin: 0 0 10px 0; }



.rmp-menu-additional-content a { color: #fff; }


@media (max-width: 1690px) and (min-width: 769px) {
		#content .corp-container { padding-left: 100px; }
}

@media (max-width: 1240px) {
		#mobile-menu-button  { display: none !important; }
		.contact-info p, .contact-info h1 { font-size: 0.8em !important; }
}

@media (max-width: 1240px) and (min-width: 769px) {
#rmp_menu_trigger-568 { margin-top: 60px !important; }
}

@media (max-width: 768px) and (min-width: 481px) {
#rmp_menu_trigger-568 { margin-top: 80px !important; }
}


@media (max-width: 768px) {
		
		body, button, input, optgroup, select, textarea { font-size: 16px;  }	
		h1, h1.entry-title { font-size: 29px; }
    h2 { font-size: 26px;  }
    h3, h3.widget-title { font-size: 24px;  }
    h4 { font-size: 22px; }
    h5 { font-size: 20px; }
    h6 { font-size: 18px;  }
  article figure.float {     float: none !important;     max-width: 100% !important;     padding: 0 !important;     margin: 0 0 40px 0 !important;   }
		.contact-info { max-width: 50%; }
		.right-on-top { flex-direction: column-reverse; }
  .comment-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous {    float: left;  }		
  .comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next {    float: right;    text-align: right; }
		#aktuelles .sow-blog-layout-grid .sow-blog-posts article .sow-entry-content, .blog-layout-grid .entry-content { font-size: 16px; }
		.blog-layout-grid article {    width: 100%;   }
		.blog-layout-grid article:nth-of-type(2n+1) {    margin-right: 0;  }
		
}

@media (max-width: 480px) {
		.contact-info { display: none; }
		.site-header .site-branding { max-width: 50%; }
		#masthead .corp-container { max-height: 91px; }
		#rmp_menu_trigger-568 { top: 30px; }
}