html {
  scroll-behavior: smooth;
}

img {
  border: 0;
  vertical-align: bottom;
  display: inline-block;
  max-width: 100%;
  height: auto;
  width: auto;
}

a, .button {
  transition:  color .3s, background-color .3s, box-shadow .3s, border-color .3s;
}

p, ul, ol {
  margin-bottom: 1em;
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

a[href^="mailto"],
a[href^="tel"] {
  -webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;
  white-space: nowrap;
}
a[href^="tel"]:hover {
  color: inherit;
}

.selectall {
  -webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;
}
.nobreak {
  white-space: nowrap;
}

a.button, .button a,
[type='submit'] {
  display: inline-block;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  margin-right: 0;
  margin-left: 0;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  cursor: pointer;
}

a.button:hover, .button a:hover {
  box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);
}
a.button:focus, .button a:focus {
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}
a.button:active, .button a:active {
  box-shadow: inset 1px 2px 7px 0 rgba(0,0,0,0.6);
}

.button+.button {
  margin-top: 2em;
}
.contextual {
  min-width: 26px;
}

.tabs.primary {
  background-color: #f9f9f9
}

.form-text,
.form-email,
.form-textarea {
  padding: 15px;
  display: block;
  width: 100%;
}
form label {
  font-weight: bold;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 15px;
}

.node--unpublished {
    padding: 30px;
}
.node--unpublished:before {
  content: "Seite ist nicht veröffentlicht";
  display: block;
  width: 100%;
  padding: 30px;
  color: red;
  text-align: center;
  font-size: 200%;
  opacity: .2;
  text-transform: uppercase;
  font-weight: bold;
}

.node header {
  position: relative;
}
#header {
  position: fixed;
  top: 0;
  z-index: 9;
  margin-top: 0;
  transition: margin-top 0.5s;
  width: 100%;
}

.toolbar-fixed #header {
  top: 80px;
}

.responsive-logo .logo-full {
  display: none;
}

.float-right {
    float: right;
    max-width: 50%; /*  TEST */
}

.image-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hide-mobile {
  display: none;
}

.bigger {
  font-size: 115%;
  line-height: 1.6;
}

.shadow {
  box-shadow: 0 0 20px 0px rgba(0,0,0,.2);
}

.border {
  border: 2px solid;
}

.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}


.full-align,
.vertical-align {
  position: relative;
}
.full-align>.to-align,
.vertical-align>.to-align {
  position: absolute;
}
.full-align>.to-align {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-align>.to-align {
  top: 50%;
  transform: translateY(-50%);
}

.align-right, .align-left {
  float: none;
}
.flexbox {
  hyphens: auto;
}

.more-link {
  text-align:left;
  margin:0;
}

.maintenance-page {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.maintenance-page img {
  height: 120px;
}
.maintenance-page .name-and-slogan {
  display: none;
}
.messages {
  margin: 1em auto;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
/* ratio 4x3 */
.iframe-wrapper.ratio4x3 {
  padding-bottom: 75%;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
iframe {
  max-width: 100%;
}


.block-views-blockcopyright-block td {
  padding: 0 15px 10px 0;
}




@media screen and (min-width:768px) {
  .hide-mobile {
    display: initial;
  }
  .hide-desktop {
    display: none;
  }
  .responsive-logo .logo-full {
    display: inline-block;
  }
  .responsive-logo .logo-mobile {
    display: none;
  }

}

@media screen and (min-width:1024px) {
  .align-right {
    float: right;
  }
  .align-left {
    float: left;
  }
}