@charset "UTF-8";
#hexInput {
color: #000000;
}
.fancybox-bg {
background: !important;
}
.dsgvoyoutube_red_container {
background-color:#fbe4e4;
padding: 20px;
}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Helvetica Neue, Arial, sans-serif;
height: 100%;
left: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s, visibility 0s linear 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s, visibility 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
text-align: center;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide--image {
overflow: visible;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px 6px 0;
}
.fancybox-slide--iframe {
padding: 44px 44px 0;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0 0 6px;
max-width: 100%;
overflow: auto;
padding: 0;
padding: 24px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
margin: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--html .fancybox-content {
margin-bottom: 6px;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
margin: 0;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
height: calc(100% - 44px);
margin-bottom: 44px;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
vertical-align: top;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
outline: none;
padding: 10px;
transition: color 0.2s;
vertical-align: top;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
color: #fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
}
.fancybox-button svg {
display: block;
overflow: visible;
position: relative;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: transparent;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
display: none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
fill: currentColor;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-navigation .fancybox-button {
height: 38px;
opacity: 0;
padding: 6px;
position: absolute;
top: 50%;
width: 38px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
transition: opacity 0.25s, visibility 0s, color 0.25s;
}
.fancybox-navigation .fancybox-button:after {
content: "";
left: -25px;
padding: 50px;
position: absolute;
top: -25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 6px;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #555;
cursor: pointer;
height: 44px;
margin: 0;
padding: 6px;
position: absolute;
right: 0;
top: 0;
width: 44px;
z-index: 9999;
}
.fancybox-close-small svg {
fill: transparent;
opacity: 0.8;
stroke: currentColor;
stroke-width: 1.5;
transition: stroke 0.1s;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:hover svg {
opacity: 1;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
color: #ccc;
padding: 5px;
right: -12px;
top: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
background: transparent;
color: #fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
}
.fancybox-caption {
bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px;
right: 0;
}
.fancybox-caption:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -25px;
z-index: -1;
}
.fancybox-caption:after {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
content: "";
display: block;
left: 44px;
position: absolute;
right: 44px;
top: 0;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
-webkit-animation: a 0.8s infinite linear;
animation: a 0.8s infinite linear;
background: transparent;
border: 6px solid hsla(0, 0%, 39%, 0.5);
border-radius: 100%;
border-top-color: #fff;
height: 60px;
left: 50%;
margin: -30px 0 0 -30px;
opacity: 0.6;
padding: 0;
position: absolute;
top: 50%;
width: 60px;
z-index: 99999;
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #fff;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs > ul {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.fancybox-thumbs > ul > li:before {
border: 4px solid #4ea7f9;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px);
}
}
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} 
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;  }
html, body {
height: 100%;
width: 100%; }
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
margin: 0;   background: linear-gradient(to right, #00756e, #350b73, #0c0218);
color: #fff;
font: 17px/1.9 'Assistant', "Helvetica Neue", Helvetica, Sans-Serif;
} 
body:after {
content: "";
display: table;
clear: both; } .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#00feef;
text-decoration:none;
overflow-wrap: break-word;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}   .header {
}  .logo {
}
.logo-img {
} .nav {
margin-left: 10em;
}
.contentpadding {padding: 4em 2em 8em 1em;} .sidebar {
padding-top: 4em;
}
.widget {background: #0c021855; padding: 1px 10px 10px; margin-top: 10px;} .footer {     height:6.25em;
padding: 3em 1em 0 1em;
z-index: 9;
position: relative; 
font-size: 0.9em;}
.footer a {
cursor: pointer; color: #fff; }
.footer .section {
padding: 0; }
}    @font-face {
font-family: 'PT Sans Narrow';
font-style: normal;
font-weight: 400;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.eot); src: local('PT Sans Narrow'), local('PTSans-Narrow'),
url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.woff2) format('woff2'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.woff) format('woff'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.ttf) format('truetype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/pt-sans-narrow-v10-latin-regular.svg#PTSansNarrow) format('svg'); } @font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 100;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.eot); src: local('Heebo Thin'), local('Heebo-Thin'),
url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.eot?#iefix) format('embedded-opentype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.woff2) format('woff2'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.woff) format('woff'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.ttf) format('truetype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-100.svg#Heebo) format('svg'); } @font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 300;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.eot); src: local('Heebo Light'), local('Heebo-Light'),
url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.woff2) format('woff2'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.woff) format('woff'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.ttf) format('truetype'), url(//www.musiklehrervereinigung.de/wp-content/themes/fonts/heebo-v4-latin-300.svg#Heebo) format('svg'); } @font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 200;
src: url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.eot); src: local('Assistant ExtraLight'), local('Assistant-ExtraLight'),
url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.woff2) format('woff2'), url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.woff) format('woff'), url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.ttf) format('truetype'), url(//www.musiklehrervereinigung.de/fonts/assistant-v3-latin-200.svg#Assistant) format('svg'); } @font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 300;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.eot); src: local('Assistant Light'), local('Assistant-Light'),
url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.woff2) format('woff2'), url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.woff) format('woff'), url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.ttf) format('truetype'), url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/assistant-v3-latin-300.svg#Assistant) format('svg'); } @media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.tag .wp-caption {
background:transparent;
border:0px;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;}
body {
margin: 0; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
progress {
vertical-align: baseline; }
template, [hidden] {
display: none; }
a {
background-color: transparent; }
a:active, a:hover {
outline-width: 0; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
b, strong {
font-weight: inherit; }
b, strong {
font-weight: bolder; }
dfn {
font-style: italic; }
mark {
background-color: #ff0;
color: #000; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
svg:not(:root) {
overflow: hidden; }
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; } hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
button, input, select, textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button, input, select {
overflow: visible; }
button, input, select, textarea {
margin: 0; }
button, select {
text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
cursor: pointer; }
[disabled] {
cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
button:-moz-focusring, input:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
textarea {
overflow: auto; }
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
[class*='col-'] {
float: left; }
.col-1-3 {
width: 32%;
margin-right: 1%; }
.col-2-3 {
width: 66.66%; }
.col-1-2 {
width: 50%; }
.col-1-4 {
width: 25%; }
.col-3-4 {
width: 75%; }
.col-1-5 {
width: 20%; }
.col-1-8 {
width: 12.5%; }
.autogrid {
display: table;
table-layout: fixed;
width: 100%; }
.col {
width: auto;
display: table-cell;
vertical-align: top; }
@media screen and (max-width: 720px) {
[class*='col-'], .col {
width: 100%; 
margin-right: 0px;}
.col {
display: block; } }
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
img {
height: auto;
border-radius: 0.15em; }
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
font-family: 'Assistant';
line-height: 1.2; 
font-variant: all-small-caps;}
h1, h2, h3, h4, h5, h6, p, ul, ol {
margin: 1rem 0 1rem; overflow-wrap: break-word;}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar p, .sidebar ul, .sidebar ol {
margin: 0; }
h1 {font-size: 3em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.4em;}
.sidebar h3 {font-size: 1.7em; margin: 5px 0; color: #00756e}
h5 {font-style: italic;}
ul, ol {
padding: 0; }
li {
list-style: none; }
a {
color: #c9282e;
text-decoration: none;
outline: 0; }
a:hover {
color: #00feef;
transition: color 200ms ease-in-out; }
a:focus {
outline: none; }
blockquote {
margin: 1em 0;
padding: 0 1em;
border-left: 0.4em solid #EEE; }
hr {
border: none;
background: #EEE;
clear: both;
margin: 1.5em auto;
height: 1px; }
hr.half {
width: 50%; }
hr.small {
width: 5em; }
pre {
white-space: pre-wrap;
word-break: break-all; }
code {
color: #333;
font-family: "Monaco", Menlo, Courier;
font-size: 0.7em;
background: #EEE;
padding: 0.9em 0.8em;
margin: 0 0.3em 0 0.2em;
border-radius: 0.15em;
display: inline-block;
word-break: break-word; }
p code {
display: inline;
padding: 0.1em 0.4em 0.1em 0.3em;
margin: 0 0.3em 0 0; }
dl {
display: table;
width: 100%; }
dt, dd {
display: table-cell;
vertical-align: top;
float: left;
clear: both; }
dt {
color: #666;
font-size: 0.85em; }
dd {
color: black;
font-weight: 400;
padding-bottom: 0.3em; }
dd:after {
content: " "; }
dd i {
margin: 0 1em 0 0; }
.contents {
background: white;
min-height: 24em; }
.row, main {
clear: both;
width: 100%; }
.section, section { margin: 0 auto;
width: 88%; }
@media screen and (min-width: 1440px) {
.section, section {
width: 88%; } }
@media screen and (min-width: 1680px) {
.section, section {
width: 80%; } }
@media screen and (max-width: 1300px) {
.section, section {
width: 100%; } }
.btn {
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent;
border-radius: 0.15em;
border: 1px solid #666;
box-shadow: none;
color: #666;
cursor: pointer;
display: inline-block;
font-size: 1.05em;
height: auto;
line-height: 1;
margin: 0;
outline: none;
padding: 0.76em 1.5em;
text-align: center;
text-decoration: none;
user-select: none;
white-space: nowrap; }
.btn:hover {
border-color: #666; }
.btn.solid, .btn:hover {
color: #FFF;
background: #666; }
.btn.white {
color: #FFF;
border-color: #FFF; }
.btn.white.solid, .btn.white:hover {
color: #000;
background: #FFF; }
.btn.gray-light {
color: #BBB;
border-color: #BBB; }
.btn.gray-light.solid, .btn.gray-light:hover {
color: #666;
background: #BBB; }
.btn.gray-dark {
color: #333;
border-color: #333; }
.btn.gray-dark.solid, .btn.gray-dark:hover {
color: #FFF;
background: #333; }
.btn.black {
color: #000;
border-color: #000; }
.btn.black.solid, .btn.black:hover {
color: #FFF;
background: #000; }
.btn.red {
color: #C9282E;
border-color: #C9282E; }
.btn.red.solid, .btn.red:hover {
color: #FFF;
background: #C9282E; }
.btn.orange {
color: #E16E00;
border-color: #E16E00; }
.btn.orange.solid, .btn.orange:hover {
color: #FFF;
background: #E16E00; }
.btn.yellow {
color: #D5B778;
border-color: #D5B778; }
.btn.yellow.solid, .btn.yellow:hover {
color: #FFF;
background: #D5B778; }
.btn.blue {
color: #5A9FC8;
border-color: #5A9FC8; }
.btn.blue.solid, .btn.blue:hover {
color: #FFF;
background: #5A9FC8; }
.btn.green {
color: #6BAF56;
border-color: #6BAF56; }
.btn.green.solid, .btn.green:hover {
color: #FFF;
background: #6BAF56; }
.btn.solid:hover, .btn.solid:active {
opacity: 0.8; }
.btn.no-outline {
border-color: transparent; }
.btn.large {
font-size: 1.2em;
padding: 0.8em 1.7em;
word-wrap: normal; }
.btn.small {
padding: 0.5em 0.9em;
font-size: 0.9em; }
.btn.tiny {
padding: 0.3em 0.8em;
font-size: 0.8em; }
.btn.round {
border-radius: 99em; }
.btn:hover {
transition: all 200ms ease-in-out;
opacity: 0.8; }
.btn:disabled, .btn.disabled, .btn:disabled:hover, .btn.disabled:hover {
cursor: default;
background-color: #BBB !important;
border-color: #BBB !important;
color: #666 !important;
opacity: 0.2; }
@-moz-document url-prefix() {
.btn {
padding: 0.78em 1.5em; } }
.footer {
padding: 3em 1em;}
.footer hr {
background: rgba(0, 0, 0, 0.1); }
.footer ul {
list-style: none;
margin: 0;
padding: 0; }
.footer li {
display: inline;
padding: 0 0.5em; }
.footer a {
display: inline-block;
line-height: 3; }
.footer a:hover {}
@media screen and (max-width: 667px) {
.footer li, .footer a {
display: block; }
.footer a {
padding: 1em;
line-height: 2; }
.footer .line {
display: none; } }
.full-width-forms .btn {
padding-left: 0.5em;
padding-right: 0.5em; }
.full-width-forms .btn:not([type='checkbox']):not([type='radio']),
.full-width-forms a:not([type='checkbox']):not([type='radio']),
.full-width-forms button:not([type='checkbox']):not([type='radio']),
.full-width-forms submit:not([type='checkbox']):not([type='radio']),
.full-width-forms select:not([type='checkbox']):not([type='radio']),
.full-width-forms textarea:not([type='checkbox']):not([type='radio']),
.full-width-forms input:not([type='checkbox']):not([type='radio']) {
width: 100%; }
fieldset {
border-radius: 0.15em;
border: 1px solid #f5f5f5;
margin: 1em 0; }
fieldset legend {
font-weight: 400;
padding: 0 0.25em; }
input, select, textarea, button, .btn {
margin-bottom: 1px; }
input, select, textarea {
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0.15em;
border: 1px solid #EEE;
background-color: #FFF;
box-shadow: none;
color: #fff;
display: block;
font-size: inherit;
outline: none;
padding: 0.49em 0.5em; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
border-color: #666;
transition: all 200ms ease-in-out;
background-color: #F8F8F8; }
input:focus, select:focus, textarea:focus {
border-color: #666; }
textarea {
padding: 0.5em; }
select {
background-size: 1em;
background-repeat: no-repeat;
background-position: 99% 50%;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M11.4 20.8h26.8L24.8 0 11.4 20.8m26.8 8.4H11.4L24.8 50l13.4-20.8"/></svg>');
line-height: 1.1;
padding: 0.78em 0.5em;
padding-right: 1.4em; }
input:not(.btn):not([type='checkbox']):not([type='radio']) {
min-height: 2.7em; }
input[type='file'] {
background-color: #FFF;
width: 100%;
font-size: 12px;
padding: 1.02em 0.5em; }
input[type='range'] {
padding: 0.87em 0.1em; }
input[type='range']:focus {
outline: 0; }
input[type='search'] {
box-sizing: border-box !important;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
appearance: none; }
input[type='checkbox'], input[type='radio'] {
background-color: #FFF;
border: 1px solid #888;
display: inline-block;
height: 1em;
margin: 0 0.3em -0.1em 0;
padding: 0;
position: relative;
top: 0;
width: 1em;
overflow: hidden; }
input[type='checkbox']:checked, input[type='radio']:checked {
background-color: #C9282E;
border-color: #C9282E; }
input[type='checkbox']:disabled, input[type='radio']:disabled {
opacity: 0.3; }
input[type='checkbox'] {
border-radius: 0.15em; }
input[type='checkbox']:checked {
background-size: 1em;
background-repeat: no-repeat;
background-position: 99% 50%;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><style type="text/css">.st0{fill:#fff;}</style><path class="st0" d="M44.3 12.2l-2.5-2.6-24 24.3-9.1-9.1-2.5 2.5 10.4 10.4c.4.4.9.7 1.3.7.3 0 .8-.3 1.2-.7l25.2-25.5z"/></svg>');
border: none; }
input[type='radio'] {
border-radius: 99em; }
input[type='radio']:checked:before {
color: white;
content: " ";
height: 1em;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 1em; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input:not(.btn):not([type='checkbox']):not([type='radio']), select, textarea {
min-height: 2.7em; } }
@-moz-document url-prefix() {
input[type='file'] {
padding: 1em 0.5em; }
select {
padding: 0.641em 0.5em; }
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
transition: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
select {
padding: 0.65em 0.5em;
padding-right: 0.5em; }
input[type='file']::-ms-value {
background: #FFF; }
input[type='file']::-ms-value, input[type='file']::-ms-value {
box-shadow: none;
border: 0; }
input[type='range'] {
border-color: transparent; } }
.header { background: linear-gradient(#0a0042, #000021) ;   height:6.25em;
padding: 3em 1em 0 1em;
z-index: 9;
position: relative; 
font-size: 1.1em;}
.header a {
cursor: pointer; }
.header .section {
padding: 0; }
.header .logo { float: left;
padding: 0; }
.header .logo svg { height: 5.8em;
margin: -1.8em 0;
max-width: none;}
.header .logo a path { fill: #00feef!important;}
.header .logo a:hover path {
background: none; fill: #ffffff!important;}
.menu {margin-left: 1em;}
.menu li {
float: left; }
.menu a {
color: #fff;
display: block;
font-size: 1em;
font-variant: all-small-caps;
font-weight: 700;
line-height: 1.8;
padding: 0.2em 0.8em;}
.menu a:hover, .menu a.here {
opacity: 0.75; }
.menu ul {
padding: 0; }
.menu ul li {
float: right; }
.menu ul li:first-child a {
padding-top: 1em; }
.menu ul li:last-child a {
padding-bottom: 1em; }
.menu ul a {
line-height: 1;
padding: 0.7em 1.5em; }
.dropdown-with-avatar {
margin-right: 1em;
padding: 0.35em; }
.dropdown-with-avatar:hover .dropdown-icon {
opacity: 1; }
.dropdown-with-avatar ul {
margin-top: 1px;
left: -7em;
text-align: right; }
.dropdown-with-avatar .avatar {
display: inline-block;
max-height: 3em;
position: relative;
top: 0.25em; }
.dropdown-with-avatar .dropdown-icon {
-webkit-filter: invert(1);
margin: 0 0.2em;
opacity: 0.75;
position: absolute;
top: 1.7em;
width: 1em; }
nav ul {
padding: 0;
margin: 0; }
nav ul li {
display: inline;
float: left;
position: relative; }
nav ul li ul {
left: 0;
top: 100%; }
nav ul ul {
display: none;
background: linear-gradient(#000021,#0a0042);
box-shadow: 0px 0px 10px #00feef; }
nav li:hover > ul {
display: block;
position: absolute;
width: 12.5em;
z-index: 9000; }
nav li:hover > ul li {
width: 100%; }
nav ul ul li:hover > ul {
left: auto;
right: -12.5em;
top: 0; }
#menu-toggle-label, #menu-toggle {
display: none; }
.header-center nav {
display: inline-block; }
.header-center .menu {
position: absolute;
right: 0; }
.header-center .section {
text-align: center;
padding: 0; }
.header-center .logo img {
margin-left: 0; }
@media screen and (max-width: 1000px) {
.header .section {
width: 100%; }
.header [type='checkbox'] {
transition: none !important; }
.icon-menu {
display: block;
position: absolute;
top: 0;
right: 0;
height: 6.25em;
width: 6.25em;
z-index: -1;
background-position: 50%;
background-repeat: no-repeat;
background-size: 2em;
background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M0,91.2v20.5h512V91.2H0z M0,244.8v20.5h512v-20.5H0z M0,398.4v20.5h512v-20.5H0z" fill="white"/></svg>'); }
#menu-toggle-label {
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none;
cursor: pointer;
display: block;
height: 6.2em;
margin: 0;
outline: none;
position: absolute;
right: 0;
user-select: none;
width: 6.6em;}
#menu-toggle:checked + .icon-menu {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M44.4 7.7l-2.1-2.1L25 22.9 7.7 5.6 5.6 7.7 22.9 25 5.6 42.3l2.1 2.1L25 27.1l17.3 17.3 2.1-2.1L27.1 25 44.4 7.7z" fill="white" /></svg>');
background-color: rgba(0, 0, 42, 0.02);}
.menu {
position: relative; }
.menu * {
float: none;
margin: 0; }
.menu i {
display: none; }
.menu li {
background: none;
padding: 0; }
.menu ul {
padding: 0; }
.menu a {   text-align: right;  }
.dropdown-with-avatar ul {
left: 0;
right: 0; }
.dropdown-with-avatar .avatar, .dropdown-with-avatar .dropdown-icon {
display: none; }
nav {
height: 6.25em;}
nav a {
padding: 1em; }
nav a.logo {
border-bottom: 0; }
nav ul li ul {
display: block; }
nav ul li {
border-right: none;
display: block;
float: left;
width: 100%;
text-align: center; }
nav > ul {
clear: both;
display: none; }
nav > input:checked ~ ul {
display: block;
opacity: 0.8;
position: absolute;
top: 6.25em;
background: #010025; }
nav li:hover ul {
position: relative;
width: auto; }
nav ul ul li:hover > ul {
left: auto;
right: auto;
top: auto; } }
.hero {
color: #FFF;
background: #A8002D;
background: linear-gradient(to bottom right, #C9282E, #A60052); }
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
margin: 0;
line-height: 1.3; }
.hero h1 {
font-size: 3em; }
.hero h2 {
font-size: 1.8em; }
.hero h3 {
font-size: 1.6em; }
.hero h4 {
font-size: 1.4em; }
.hero h5 {
font-size: 1.2em; }
.hero h6 {
font-size: 1em; }
.hero .section {
padding: 5em 1.5em; }
@media screen and (max-width: 667px) {
.hero .section {
padding: 4em 1em; }
.hero h1 {
font-size: 2.4em; } }
.load {
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: loading;
-webkit-animation-timing-function: linear;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-name: loading;
-moz-animation-timing-function: linear;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: loading;
animation-timing-function: linear;
border-radius: 99em;
border: 3px solid #DDD;
border-left-color: #666;
display: inline-block;
height: 2em;
width: 2em; }
.load.smallest {
width: 9px;
height: 9px;
border-width: 1px; }
.load.small {
width: 16px;
height: 16px;
border-width: 2px; }
.load.large {
width: 48px;
height: 48px;
border-width: 4px; }
@keyframes loading {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@-webkit-keyframes loading {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes loading {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
.notice {
background: linear-gradient(to right, #00756e, #A08, #0c0218);
text-align: center; }
.notice .section {
position: relative;
padding: 1em; }
.notice-message {
display: table;
width: 100%; }
.notice-text,
.notice-dismiss {
display: table-cell;
vertical-align: left; 
font-weight: 600;
color:#ffbaf1;
}
.notice-text a {color:#fff;}
.notice-dismiss {
width: 3em; }
.notice-dismiss img {
cursor: pointer;
width: 2em;
height: 2em;
float: right; }
.notice-dismiss img:hover {
opacity: 0.7; }
.pagination {
margin: 1em 0;
padding: 1em;
text-align: center; }
.pagination a, .pagination .current, .pagination .next_page, .pagination .previous_page {
background: transparent;
border-radius: 99em;
border: 1px solid #BBB;
color: #666;
display: inline-block;
font-size: 1em;
margin: 0.5%;
min-height: 2.6em;
padding: 0.4em 1em; }
.pagination a.current, .pagination a:hover, .pagination .current.current, .pagination .current:hover, .pagination .next_page.current, .pagination .next_page:hover, .pagination .previous_page.current, .pagination .previous_page:hover {
background: #BBB;
color: #FFF;
transition: all 200ms ease-in-out; }
.pagination .next_page, .pagination .previous_page {
min-width: 9em; }
@media screen and (max-width: 667px) {
.pagination a, .pagination .current, .pagination .gap {
margin: 0 1em 1em 0; }
.pagination .next_page, .pagination .previous_page {
width: 9em;
display: block;
margin: 0 auto 1em auto; } }
table {
width: 100%; border-spacing: 0;
border-collapse: separate; }
th {
font-weight: 400;
color: #000;
text-align: left; }
tr:nth-child(odd) {background-color:rgba(0, 0, 0, 0.2);}
td.tabelle_links {width: 40%;font-variant: all-small-caps;font-weight:700;}
@media screen and (max-width: 667px) {
td.tabelle_links {width: 100%;}
}
td.tabelle_links h3, td.tabelle_links h2 {margin-top:0px; padding-top: 0px;line-height:1em;}
td ul {margin: 0rem;}
td, th {
padding: 0.5em;
text-align: left;
vertical-align: top; }
tfoot tr {
border-bottom: 0; }
@media screen and (max-width: 667px) {
tr, td, th {
display: block; }
tr {
padding: 1em;
border-top: 1px solid #EEE; }
tr:first-child {
border-top: 0; }
thead {
display: none; }
td {
clear: both;
border: none; }
td, th {
padding: 0.25em 0; } }
.tabs-block {
background: transparent;
border-bottom: 1px solid #EEE; }
.tabs-block .col {
text-align: center;
position: relative; }
.tabs-block .col:last-child {
border-right: 0; }
.tabs-block .col:hover, .tabs-block .col.here {
background: #EEE;
transition: all 200ms ease-in-out; }
.tabs-block a {
width: 100%;
display: inline-block;
padding: 0.5em;
color: #444; }
.tabs {
display: inline-block;
list-style: none;
margin: 1em 0;
padding: 0;
width: 100%; }
.tabs a {
border-radius: 0.15em;
border: 1px solid transparent;
padding: 0.65em 1em;
color: #444; }
.tabs li {
display: inline-block;
padding: 0 0.5%; }
.tabs li:hover a, .tabs li.here a {
transition: all 200ms ease-in-out;
background: #EEE; }
.tabs ul {
padding: 0; }
.tabs.round li a {
border-radius: 99em; }
@media screen and (max-width: 860px) {
.tabs-block a, .tabs a {
margin: 0.5% 0;
padding: 0.65em 0.5em;
display: block;
text-align: center; }
.tabs-block {
border-bottom: 0; }
.tabs li {
display: block;
padding: 0; } }
.highlight code {
width: 100%; }
.hll {
background-color: #f8f8f8;
border: 1px solid #ccc;
padding: 6px 10px;
border-radius: 3px; }
.c {
color: #999988;
font-style: italic; }
.err {
color: #a61717;
background-color: #e3d2d2; }
.k, .o {
font-weight: bold; }
.cm {
color: #999988;
font-style: italic; }
.cp {
color: #999999;
font-weight: bold; }
.c1 {
color: #999988;
font-style: italic; }
.cs {
color: #999999;
font-weight: bold;
font-style: italic; }
.gd {
color: #000000;
background-color: #ffdddd; }
.gd .x {
color: #000000;
background-color: #ffaaaa; }
.ge {
font-style: italic; }
.gr {
color: #aa0000; }
.gh {
color: #999999; }
.gi {
color: #000000;
background-color: #ddffdd; }
.gi .x {
color: #000000;
background-color: #aaffaa; }
.go {
color: #888888; }
.gp {
color: #555555; }
.gs {
font-weight: bold; }
.gu {
color: #800080;
font-weight: bold; }
.gt {
color: #aa0000; }
.kc, .kd, .kn, .kp, .kr {
font-weight: bold; }
.kt {
color: #445588;
font-weight: bold; }
.m {
color: #009999; }
.s {
color: #dd1144; }
.n {
color: #333333; }
.na {
color: teal; }
.nb {
color: #0086b3; }
.nc {
color: #445588;
font-weight: bold; }
.no {
color: teal; }
.ni {
color: purple; }
.ne, .nf {
color: #990000;
font-weight: bold; }
.nn {
color: #555555; }
.nt {
color: navy; }
.nv {
color: teal; }
.ow {
font-weight: bold; }
.w {
color: #bbbbbb; }
.mf, .mh, .mi, .mo {
color: #009999; }
.sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
color: #dd1144; }
.sr {
color: #009926; }
.s1 {
color: #dd1144; }
.ss {
color: #990073; }
.bp {
color: #999999; }
.vc, .vg, .vi {
color: teal; }
.il {
color: #009999; }
.gc {
color: #999;
background-color: #EAF2F5; }
ul.list, ol.list {
padding-left: 1em; }
ul.list li, ol.list li {
padding-bottom: 0.5em; }
ul.list li {
list-style: disc; }
ul.list ul {
margin-top: 0; }
ul.list ul li {
list-style: circle; }
ol.list li {
list-style: decimal; }
ol.list ul {
margin-bottom: 0; }
ol.list ul li {
list-style: circle; }
ul li {list-style: inside disc;}
table ul li {list-style: none;}
.align-left {
text-align: left; }
.align-right {
text-align: right; }
.break-word {
word-break: break-all; }
.thin {
font-weight: 100; }
.uppercase {
text-transform: uppercase; }
.no-wrap {
white-space: nowrap; }
.no-text-margins * {
margin: 0; }
.no-margin-top {
margin-top: 0; }
.no-margin-bottom {
margin-bottom: 0; }
.no-first-last *:first-child {
margin-top: 0; }
.no-first-last *:last-child {
margin-bottom: 0; }
.light-text *, .light-text a {
color: white; }
.light-text a:hover {
text-decoration: underline; }
.narrow {
max-width: 34em;
margin: 0 auto; }
.narrow-large {
max-width: 40em;
margin: 0 auto; }
.narrow-small {
max-width: 20em;
margin: 0 auto; }
.auto {
margin: 0 auto; }
.block {
display: block; }
.center {
text-align: center; }
.clear {
clear: both; }
.float-left {
float: left; }
.float-right {
float: right; }
.inline {
display: inline; }
.inline-block {
display: inline-block; }
.padding {
padding: 1em; }
.checkbox, .radio {
display: block;
line-height: 2.2; }
.box {
border-radius: 0.15em;
border: 1px solid #ddd;
margin: 1em 0;
padding: 1em; }
.disabled {
color: #BBB; }
.radius {
border-radius: 0.15em; }
.round {
border-radius: 99em; }
.gray {
color: #666; }
.gray-medium {
color: #999; }
.gray-light {
color: #BBB; }
.gray-lighter {
color: #EEE; }
.gray-lightest {
color: #F9F9F9; }
.bg {
background: #F9F9F9; }
.bg-white {
background: #FFF; }
.bg-default {
background: #4B99CB;
background: linear-gradient(to bottom right, #4B99CB, #91E1B9); }
.bg-black {
background: #252525;
background: linear-gradient(to bottom right, #222, #333); }
.bg-gray {
background: #9A9A9A;
background: linear-gradient(to bottom right, #888, #CCC); }
.bg-blue {
background: #1C6AB9;
background: linear-gradient(to bottom right, #25639A, #1F9CEA); }
.bg-red {
background: #A8002D;
background: linear-gradient(to bottom right, #C9282E, #A60052); }
.bg-orange {
background: #EE495C;
background: linear-gradient(to bottom right, #EE495C, #F09259); }
.bg-green {
background: #52BB5C;
background: linear-gradient(to bottom right, #73B558, #45D093); }
.opacity-1 {
opacity: 0.1; }
.opacity-2 {
opacity: 0.2; }
.opacity-3 {
opacity: 0.3; }
.opacity-4 {
opacity: 0.4; }
.opacity-5 {
opacity: 0.5; }
.opacity-6 {
opacity: 0.6; }
.opacity-7 {
opacity: 0.7; }
.opacity-8 {
opacity: 0.8; }
.opacity-9 {
opacity: 0.9; }
.opaque {
opacity: 1; }
.hide {
display: none; }
.show {
display: block; }
.full {
width: 100%; }
.space:after {
content: " "; }
.x2 {
font-size: 2em; }
.x3 {
font-size: 3em; }
.x4 {
font-size: 4em; }
.x5 {
font-size: 5em; }
.same-width {
text-align: center;
width: 2em;
display: inline-block; }
img {
height: auto; }
img.smallest {
width: 1em; }
img.smaller {
width: 2em; }
img.small {
width: 3em; }
img.medium {
width: 4em; }
img.large {
width: 5em; }
img.larger {
width: 6em; }
img.largest {
width: 7em; }
.padded [class*='col-'], .padded .col {
padding-left: 2%;
padding-right: 2%; }
.right-padded [class*='col-'], .right-padded .col {
padding-right: 2%; }
@media screen and (max-width: 860px) {
.right-padded [class*='col-'], .right-padded .col {
padding: 0; } }
@media screen and (max-width: 667px) {
.space, .hide-on-mobile {
display: none; }
.responsive {
width: 100%; } }
@media screen and (max-width: 334px) {
.responsive-portrait {
width: 100%; } }
.boxed-image,
.boxed-action,
.boxed-meta {
position: absolute; }
.boxed-image,
.boxed-action {
top: 0;
left: 0;
right: 0;
bottom: 0; }
.boxed-image {
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.boxed-meta {
bottom: 0;
z-index: 1; }
.boxed-action {
opacity: 0;
padding: 20% 0 0;
z-index: 2; }
.boxed {
padding-top: 80%;
position: relative;
text-align: center; }
.boxed:hover .boxed-action {
background: rgba(255, 255, 255, 0.7);
opacity: 1;
transition: all 200ms ease-in-out; }
@media screen and (max-width: 1080px) {
.boxed-backgrounds [class*='col-'] {
width: 50%; }
.boxed-backgrounds .clear {
display: none; } }
@media screen and (max-width: 667px) {
.boxed-backgrounds [class*='col-'] {
width: 100%; } }
.boxed-text {
position: relative; }
.boxed-text [class*='bg-'] {
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.boxed-text .boxed-text-outer {
position: relative;
top: 0;
padding-bottom: 30%; }
.boxed-text .boxed-text-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1em;
color: #FFF; }
.boxed-text .boxed-text-content * {
margin: 0; }
.boxed-text .boxed-text-content:after {
content: ""; }
.boxed-text .boxed-text-content:hover {
background: rgba(0, 0, 0, 0.3);
transition: all 200ms ease-in-out; }
.post-type-archive-galerie .feed-cards {
display: flex;
flex-wrap: wrap;}
@media screen and (max-width: 667px) {
.boxed-text .filler {
padding-bottom: 80%; } }
.feed-card {
background-color:rgba(0, 0, 0, 0.1);
box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.05);
padding: 1em;
margin: 0.3em; }
.feed-card img {
border-radius: 0;
height: auto;
width: 100%; }
.feed-card * {
margin: 0.2em 0; }
.bordered-list {
margin: 0; }
.bordered-list a {
display: block;
padding: 1em; }
.bordered-list li {
border-top: 1px solid #eee; }
.bordered-list li:first-child {
border-top: 0; }
.bordered-list .here {
background: #fff; } .contentpadding a, .contentpadding table a:hover {color:#00feef;}
.contentpadding table a, .mlv_kasten a {color:#fff;}
.die-musiklehrervereinigung .current-menu-item a, 
.die-musiklehrervereinigung h2,
.menu-item-53 a:hover { color: #00feef; }
a:hover * {fill: #ffffff!important;}
.post-type-archive-lehrer .menu-item-object-lehrer a, 
.single-lehrer .menu-item-object-lehrer a, 
.post-type-archive-lehrer .contentpadding a:hover,  
.mlv_lehrer a:hover, 
.single-lehrer .contentpadding a,
.post-type-archive-lehrer .contentpadding h3 a,
.menu-item-49 a:hover { color: #f1a10c; } .mlv_lehrer {background-color:rgba(242, 166, 11,0.3);}
.mlv_lehrer a {color: #fff}
.single-lehrer .btn { background: #f1a10c}
.faecher .current-menu-item a, 
.category .menu-item-44 a, 
.faecher .contentpadding h2 a, 
.faecher .contentpadding a:hover, 
.category .contentpadding a:hover, 
.mlv_faecher a:hover,
.menu-item-44 a:hover,
.category .contentpadding h2 { color: #FF55DD; }
.category .contentpadding h3 a, .faecher .contentpadding h3 a { color: #fff; }  .mlv_faecher {background-color:rgba(255, 85, 221, 0.3);} .category .btn { background: #d748bb;}
.orte .current-menu-item a, 
.orte h2, 
.tag .menu-item-43 a, 
.orte .contentpadding a:hover,  
.tag .contentpadding a:hover, 
.contentpadding .mlv_orte a:hover, 
.orte .contentpadding h2 a,
.tag .contentpadding h2,
.menu-item-43 a:hover { color: #e15459; }
.tag .contentpadding h3 a, .orte .contentpadding h3 a  { color: #fff; } .tag .btn { background: #ff5599;}
.mlv_orte {background-color:rgba(201, 40, 46, 0.3);}  .post-type-archive-veranstaltungen .menu-item-object-veranstaltungen a, 
.single-veranstaltungen .menu-item-object-veranstaltungen a, 
.post-type-archive-veranstaltungen .contentpadding a:hover,  
.single-veranstaltungen .contentpadding a:hover,
.menu-item-59 a:hover,
.post-type-archive-veranstaltungen .contentpadding h2,
.single-veranstaltungen h1 a { color: #f1a10c; } .post-type-archive-veranstaltungen .contentpadding a {color: #fff}
.veranstaltung_datum {text-align:right; padding-right: 20px; border-right: 1px #fff solid;}
.veranstaltung_datum strong {
display: block;
font-weight: 700;
line-height: 1.2; 
font-size: 1.8em;
font-variant: all-small-caps;
margin: 1rem -20px 1rem 0;
color: #ffffff;
background: #f1a10c;
padding: 0.2rem;}
.veranstaltung_inhalt {padding-left: 20px;}
.post-type-archive-galerie .menu-item-object-galerie a, 
.single-galerie .menu-item-object-galerie a, 
.post-type-archive-galerie .contentpadding a,  
.single-galerie .contentpadding a,
.menu-item-75 a:hover { color: #e15459; } .kontakt .current-menu-item a, 
.kontakt .contentpadding h3,
.menu-item-81 a:hover { color: #00feef; }
.kontakt .contentpadding a {color: #00feef};
.kontakt .contentpadding a:hover {color: #fff;} .teachers-union-dixie-band .current-menu-item a, 
.teachers-union-dixie-band .contentpadding h3,
.menu-item-383 a:hover { color: #ff6e00; }
.teachers-union-dixie-band .contentpadding a {color: #ff6e00};
.teachers-union-dixie-band .contentpadding a:hover {color: #fff;} .mlv_kasten {padding:10px;}
.mlv_kasten h3 {margin-top: 0px;}
.contentpadding a:hover.btn, .contentpadding a.btn {color: #fff!important;font-weight:600; white-space: normal;}
td.tabelle_links h3 a, td.tabelle_links h3 {color:#00ccff}
.date {font-family: 'Assistant'; font-weight: 700;}
.querlinks {background-color:rgba(0, 0, 0, 0.1); padding: 10px} #custom_html-2 img {display:block; float:left; height: 44px; margin-right: 10px; margin-top: 10px;}
#custom_html-2 a:hover {cursor: pointer;} #wpb_widget-2 h3 a {color:#f1a10c;}
#wpb_widget-2 * {line-height: 1;}
#wpb_widget-2 article {border-left: 5px #f1a10c solid; padding-left: 10px;}  @font-face {
font-display: swap; font-family: 'Limelight';
font-style: normal;
font-weight: 400;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/limelight-v19-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Poiret One';
font-style: normal;
font-weight: 400;
src: url(//www.musiklehrervereinigung.de/wp-content/themes/mlv/fonts/poiret-one-v16-latin-regular.woff2) format('woff2'); }
.teachers-union-dixie-gang {
background: linear-gradient(to right, #796d65, #b1b2b5, #565762);
}
.teachers-union-dixie-gang .header .logo a path {
fill: #fff !important;
}
.teachers-union-dixie-gang main section {
border: 10px #d00000 solid;
background-color: #ffeee8;
color: #111111;
margin: 0 auto;
font-family: "Poiret One";
}
.teachers-union-dixie-gang main section p, .teachers-union-dixie-gang main section li {
font-size: 1.1em;
}
.teachers-union-dixie-gang main section .col-3-3 {
border: 10px #0202a6 solid;
margin: 10px!important;
width:auto;
}
.teachers-union-dixie-gang h1 {
font-family: "Limelight";
color: #d00000;
text-shadow: 3px 3px #0202a6;
font-size: 4em;
text-align:center
}
@media screen and (max-width: 667px) {
.teachers-union-dixie-gang h1 {
font-size: 2em;
text-shadow: 1px 1px #0202a6;
}
}
.teachers-union-dixie-gang h2,  .teachers-union-dixie-gang h3 {
font-family: "Limelight";
font-size: 1.7em;
}
.teachers-union-dixie-gang main a {
color: #0202a6;
}
.teachers-union-dixie-gang figure {
margin: 1em 0;
}
.teachers-union-dixie-gang .contentpadding {
padding: 2em;
}