@font-face {
font-family: 'Delius';
font-style: normal;
font-weight: 400;
src: url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.eot); src: local('Delius-Regular'),
url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.woff2) format('woff2'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.woff) format('woff'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.ttf) format('truetype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/delius-v9-latin-regular.svg#Delius) format('svg'); } @font-face {
font-family: 'Asap';
font-style: normal;
font-weight: 400;
src: url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.eot); src: local('Asap Regular'), local('Asap-Regular'),
url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.woff2) format('woff2'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.woff) format('woff'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.ttf) format('truetype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-regular.svg#Asap) format('svg'); } @font-face {
font-family: 'Asap';
font-style: normal;
font-weight: 700;
src: url(//www.annaschule-moenchengladbach.de/fonts/asap-v10-latin-700.eot); src: local('Asap Bold'), local('Asap-Bold'),
url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-700.woff2) format('woff2'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-700.woff) format('woff'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-700.ttf) format('truetype'), url(https://www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/fonts/asap-v10-latin-700.svg#Asap) format('svg'); } * { padding: 0; 
margin: 0;
outline: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
body {
font-family: 'Asap';
font-size: 100%;
-webkit-text-size-adjust: 100%;
color: #000;
background: #fff;
text-align: center;
}
.left {
float: left;
}
.right {
float: right;
}
.clearbox:after {
content: '';
display: block;
clear: both;
}
.clear {
clear: both;}
strong {
font-weight: 700 !important;
}
.blueborder {border: 5px solid #e6e8f2;}
.greyborder {border: 5px solid #f2f2f2;} h1, h2, h3 {
color: #2f7fb4;
font-weight: 400;
text-transform: none;
font-family: 'Delius', Arial;
clear: both;
}
h1 {
margin-top: 55px !important;
margin-bottom: 25px !important;
font-size: 2.1em; font-size: 2.1rem;
}
h2 {
margin-bottom: 1.2em; margin-bottom: 1.2rem; font-size: 1.6em; font-size: 1.6rem;
}
h2.center {text-align: center;margin: 55px 0 35px 0;}
p+h2,ul+h2 {padding-top: 15px;}
h3 {
font-size: 1.2em; font-size: 1.2rem;
margin-top: 2.0rem;
margin-bottom: 1.2em; margin-bottom: 1.0rem;
color: #000;
}
h2+h3 {margin-top: 1.2rem;}
p, ul {
line-height: 1.5em; line-height: 1.5rem;
margin-bottom: 0.75em; margin-bottom: 0.75rem;
font-size: 0.9em; font-size: 0.9rem;
}
#content a {
text-decoration: none;
color: #2f7fb4;
border-bottom: 1px solid #fff;
}
#content a:hover, #content a:focus, #content a:active {
color: #2f7fb4;} #wrapper {
max-width: 1000px;
background: #fff;
margin: 0 auto;
text-align: left;
}
#header {
text-align: center;
background: #fff;
padding-bottom: 0; }
#header-wrapper {
max-width: 1000px;
margin: 0 auto;
}
#header-wrapper:after {
content: '';
display: block;
clear: both;
}
#logo {
padding: 10px 0 15px 15px;
float: left;
width: 15%;
text-align: left;
box-sizing: border-box;
}
#headline-top {
padding: 10px 0;
background: #e6e8f2;
}
#headline-top p {
margin-bottom: 0;
text-align: right;
padding-right: 2.5%;
font-size: 0.9em;
}
#headline-top-wrapper {
max-width: 1000px;
margin: 0 auto;
}
#headline-top p span {
font-style: italic;
font-size: 0.8em;
} #sidebar {
width: 23%;
float: right;
border-left: 3px dashed #E7E1D9;
padding-left: 3%;
}
#sidebar ul {
margin-left: 0 !important;
}
#sidebar li {
list-style-type: none;
margin-bottom: 27px;
}
#sidebar li li {
margin-bottom: 5px;
}
#sidebar h2 {
padding-top: 0;
font-size: 1.3em;
padding-bottom: 5px;
border-bottom: 3px dashed #E7E1D9;
}
#sidebar ul {
margin-bottom: 35px;
margin-left: 0 !important;
}
#sidebar li a {
color: #000;
text-decoration: none;
}
#sidebar li span {
font-size: 0.85em;
font-style: italic;
display: block;
margin-bottom: 10px;
}
#sidebar img {
width: 90% !important;
height: auto;
}
#sidebar .blue {
padding: 15px;
background: #e6e8f2;
}
#sidebar .blue h3 {margin-top: 0;} #map iframe {width: 100% !important;} #content {
padding: 0 15px;
}
#content ul,
#content ol {
margin-left: 15px;
line-height: 1.5em; line-height: 1.5rem;
margin-bottom: 0.75em; margin-bottom: 0.75rem;
} .single #content,
.unterseite #content {
padding-top: 35px;
padding-bottom: 35px;
}
.single #content h1,
.unterseite #content h1 {
margin-top: 0 !important;
}
.single .entry,
.unterseite .entry {
width: 70%;
margin-right: 3.5%;
float: left;
}
.blog .leftblog {
width: 70%;
float: left;
}
.blog .leftblog h2 {
margin-top: 0;
}
.blog .leftblog .entry {
margin-bottom: 55px;
}
.blog .leftblog .more-link,
#content a.more-link {
background: #2f7fb4;
color: #fff;
padding: 4px 10px 5px 10px;
display: block;
display: inline-block;
margin-top: 5px;
}
.start #content a.more-link {
margin-top: 20px;
}
.blog .leftblog .more-link:hover,
#content a.more-link:hover {
border-bottom: 0;
}
.blog .leftblog h2 {
margin-bottom: 5px;
}
.blog .leftblog .date {
font-style: italic;
font-size: 0.8em;
color: #999;
} .artikelbild {
text-align: center;
}
.artikelbild img {
width: 80%;
height: auto;
border: 5px solid #e6e8f2;
margin: 10px auto 25px auto;
} #content a.titlelink {border-bottom: none; text-decoration: none; color: #2f7fb4;} .artikelbild-small img {
float: right;
width: 40%;
height: auto;
margin: 0 0 25px 25px;
border: 5px solid #e6e8f2;
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}
.leftblog .entry:nth-of-type(2n+2) .artikelbild-small img {
float: left;
margin: 0 25px 25px 0;
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
} div.seitenbild img {
width: 100%;
border: 5px solid #e6e8f2;
height: auto;
margin: 35px 0 0 0;
box-sizing: border-box;
} #call {
margin: 0 auto;
padding: 25px 7.5%;
}
#call p {
float: left;
width: 50%;
text-align: center;
font-size: 1.0em; font-size: 1.2rem;
line-height: 2.0;
}
#call p a {
color: #fff;
border-bottom: none;
}
#call img {
vertical-align: middle;
margin-right: 15px;
}
#call img.padding-bottom {
padding-bottom: 5px;
} div.border-image {
height: 5px;
background: url(//www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/img/bar.png);
background-repeat: repeat;
} #footer-wrapper {
background: #e6e8f2;
background: url(//www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/img/raben-pattern-grau.jpg);
}	
#footer {
max-width: 1000px;
margin: 0 auto;
padding: 80px 0;
}
#footer div.col-left div {
float: left;
width: 50%;
}
#footer p {
font-size: 0.9em; font-size: 0.9rem;
}
#footer h3 {
margin-top: 0;
}
#footer a {color: #000;text-decoration: none;}
#footer1, #footer2 {
float: left;
width: 35%;
text-align: left;
}
#footer1 {
margin-left: 12.5%;
}
#footer2 {
margin-left: 5%;
}
#footer2 ul li {
list-style-type: none;
margin-bottom: 10px;
font-size: 0.9em; font-size: 0.9rem;
}
#footer2 ul li a {
text-decoration: none;
color: #000;
}
#footer2 span.post-date {display: block; font-style: italic;} p.button {
display: inline-block;
margin: 15px 0;
}
p.button a {
color: #fff;
padding: 7px 15px;
text-decoration: none;
background: #2f7fb4;
} div.video {
position: relative;
width: 100%;
height: auto;
padding-bottom: 55%;
margin: 35px 0;
}
div.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} .wpcf7-form input,
.wpcf7-form textarea {
border: 1px solid #2f7fb4;
padding: 5px 10px;
box-sizing: border-box;
width: 100%;
font-family: 'Asap', 'Myriad Pro', 'Helvetica', sans-serif;
font-size: 1.0em;
}
.wpcf7-acceptance input {
width: auto !important;
}
span.wpcf7-list-item  {
margin-left: 0 !important;
}
.wpcf7-form .wpcf7-submit {
padding: 10px 15px;
cursor: pointer;
background: #2f7fb4;
color: #fff;
font-size: 1.0em;
font-family: 'Asap', 'Myriad Pro', 'Helvetica', sans-serif;
border-radius: 4px;
display: inline;
width: auto;
float: right;
} .vc_row { } #content ul.recent-posts {
margin: 0 0 50px 0;
} ul.recent-posts li {
float: left;
width: 30%;
list-style-type: none;
}
ul.recent-posts li:nth-child(2) {
margin: 0 5%;
}
ul.recent-posts li img {
width: 100%;
height: auto;
margin-bottom: 15px;
border: 5px solid #e6e8f2;
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
ul.recent-posts li:nth-child(2) img {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
}
ul.recent-posts li:nth-child(3) img {
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
}
ul.recent-posts li a {
text-decoration: none;
color: #2f7fb4;
}
ul.recent-posts span.date {
font-size: 0.9em;
font-style: italic;
display: block;
margin-bottom: 10px;
}
ul.recent-posts li h3 {
margin-top: 15px;
}
#content .iconboxen h3 {margin-top: 0;} dd {
padding-bottom: 15px;
}
div.tribe-events-single-section {
border: 5px solid #e6e8f2;
margin-bottom: 25px;
}
a.tribe-events-gcal, a.tribe-events-ical {
float: none !important; 
margin-bottom: 15px;
}
#tribe-events .tribe-events-button, .tribe-events-button {
background-color: #f0f0f0 !important;
color: #474747 !important;
}
#tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
background-color: #c0c0c0 !important;
}
form#tribe-bar-form {display: none !important;}
h2.tribe-events-page-title {text-align: left !important;} div.vc_single_image-wrapper {
border: 5px solid #e6e8f2;
}
img.alignright {
border: 5px solid #e6e8f2;
float: right;
margin: 0 0 20px 20px !important;
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
}
img.alignleft {
border: 5px solid #e6e8f2;
float: left;
margin: 0 25px 20px 0 !important;
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
img.nobordertransform {
border: none !important;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
img.size-large {max-width: 100%; width: 100%;height: auto;border: 5px solid #e6e8f2;box-sizing: border-box; }
p.pp_description {display: none !important;}  div#responsive_menu_pro {
font-family: 'Delius', Arial;
text-align: left;
}
li#menu-item-586 a {padding-right: 0;}
#responsive_menu_pro_menu {margin-top: 20px;}
#responsive_menu_pro li.current-page-parent > a,
#responsive_menu_pro li.current-menu-item a,
#responsive_menu_pro li.current-menu-parent a {color: #2f7fb4 !important;}
#responsive_menu_pro li a:hover {color: #2f7fb4 !important;}
#responsive_menu_pro_title {font-size: 1.4em !important;}
@media only screen and ( min-width : 700px ) {
#responsive_menu_pro {
height: 70px;
width: 85%;
float: right;
}
#responsive_menu_pro_menu {
padding-right: 2.5% !important;
}
#responsive_menu_pro_menu a {
font-size: 15px !important;
}
#responsive_menu_pro_menu ul a {
font-weight: 400 !important;
text-transform: none !important;
font-size: 14px !important;
color: #2f7fb4 !important;
}
}
@media only screen and (max-width: 950px) and (min-width: 701px) {
#logo {
padding: 10px 0 15px 2.5%;
float: left;
width: 97.5%;
}
div#responsive_menu_pro {
width: 100%;
margin-top: 0;
}
#responsive_menu_pro_menu {
float: left !important;
padding-left: 2.5%;
margin-top: 0 !important;	
}
}
@media only screen and (max-width: 850px) and (min-width: 701px){
#responsive_menu_pro_menu a {padding: 0 7px !important;}
}
@media only screen and (max-width: 850px){
#footer1, #footer2 {
width: 90%;
}
#footer1 {
margin-left: 5%;
margin-bottom: 30px;
}
#footer2 {
margin-left: 5%;
}
}
@media only screen and (max-width: 760px){
.wpb_single_image {padding-top: 25px !important;}
}
@media only screen and (max-width: 700px){
#logo {
padding: 10px 0 15px 2.5%;
float: left;
width: 25%;
text-align: left;
}
#sidebar {
width: 100%;
float: none;
border-left: none;
padding-left: 0;
margin-top: 35px;
}
#sidebar ul {
margin-left: 0 !important;
}
.single .entry,
.unterseite .entry {
width: 100%;
margin-right: 0;
float: none;
}
.blog .leftblog {
width: 100%;
margin-bottom: 5px;
}
#sidebar img.full {
width: 50% !important;
}
}
@media only screen and (max-width: 550px){
#logo img {
width: 90%;
}
ul.recent-posts li {
float: left;
width: 100%;
list-style-type: none;
padding-bottom: 25px;
}
ul.recent-posts li:nth-child(2) {
margin: 0;
}
ul.recent-posts li img {
margin-top: 15px;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-webkit-transform: none !important;
}
}
@media only screen and (max-width: 535px){
.gallery-item img {
width: 80%;
height: auto;
}
#gallery-3 .gallery-item,
#gallery-4 .gallery-item {
width: 50% !important;
}
br {
clear: none !important;
}
#headline-top p span {
display: none;
}
.wpb_single_image .vc_single_image-wrapper {margin-bottom: 20px;}
img.alignright, img.alignleft {width: 100%; box-sizing: border-box; height: auto;}
}
@media only screen and (max-width: 300px){
#gallery-3 .gallery-item,
#gallery-4 .gallery-item {
width: 100% !important;
}
}
@media only screen and (min-width: 700px){
#content {
min-height: 700px;
}
}	
img.size-full {width: 100%; max-width: 100%; box-sizing: border-box;height: auto;}
div#pattern {background: url(//www.annaschule-moenchengladbach.de/wp-content/themes/annaschule/img/pattern-raben.jpg);}
div.blueborder {border: 5px solid #e6e8f2;}
div.blueborder .wpb_content_element,
div.greyborder .wpb_content_element {margin-bottom: 0;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {display: block !important;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
width: 100% !important;
}