/* CODE BY TOF twoonefour.de */

@font-face {
  font-family: 'bebas_neueregular';
  src: url('../font/BebasNeue-webfont.eot');
  src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/BebasNeue-webfont.woff') format('woff'),
       url('../font/BebasNeue-webfont.ttf') format('truetype'),
       url('../font/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* roboto-mono-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-mono-v23-latin-regular.woff2') format('woff2');
}


body, html {
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12px;
  color:#6d6d6d;
  width:100%;
}

/* GLOBAL */

header {
  height:0px;
}

#Logo {
  width: 280px;
  margin: auto;
  display: block;
  position: relative;
  top: -177px;
  left: -149px;
}

.path-frontpage #Logo {
  left:-134px;
}


#Logo img {
  width:280px !important;
  height:147px !important;
}

#block-brandingderwebsite a {
  display:none;
}

#block-elacesportmodels-page-title h1 {
  text-transform:uppercase;
  font-family:'bebas_neueregular';
  font-size:50px;
  letter-spacing:1px;
  font-weight:normal;
  background:#2c2c2c;
  padding:3px 20px 3px 114px;
  color:white;
  display:inline-block;
  margin:0px 0 30px -115px;
}

.path-men #block-elacesportmodels-page-title h1, .path-women #block-elacesportmodels-page-title h1 {
  margin:0px 0 30px -112px;
}

.path-frontpage #block-elacesportmodels-page-title h1 {
  padding:0;
}

#block-elacesportmodels-local-tasks {
  position:absolute;
  right:0;
  top:-100px;
}

#block-elacesportmodels-local-tasks li {
  list-style:none;
  background:black;
  padding:10px 20px;
  margin-bottom:3px;
}

#block-elacesportmodels-local-tasks li a {
  color:white;
  text-decoration:none;
  text-transform:uppercase;
}


/* DESIGN */

header {
  height:45px;
}

#Wrapper, #block-brandingderwebsite {
  width:730px;
  background:white;
  padding:25px 25px 105px 25px;
  margin:auto;
  position:relative;
  left:90px;
}

#Wrapper {
  margin-top:-3px;
}

#block-brandingderwebsite {
  padding-bottom:175px;
}

.path-frontpage #Wrapper {
  margin-top:-25px;
}


#block-elacesportmodels-main-menu {
  width: 200px;
  margin: auto;
  position: relative;
  right: 432px;
  top: 166px;
  z-index: 1;
  text-align:right;
}

#block-elacesportmodels-main-menu li {
  list-style:none;
}

#block-elacesportmodels-main-menu li:nth-child(2) {
  background:url(../img/x.png) no-repeat 80px 9px;
}

#block-elacesportmodels-main-menu li a {
  color:#0aa8d0;
  text-transform:uppercase;
  font-family:'bebas_neueregular';
  font-size:30px;
  letter-spacing:1px;
  font-weight:normal;
  text-decoration:none;
}

#block-elacesportmodels-main-menu li a:hover {
  color:#0aa8d0;
}

#block-headermenu {
  position:absolute;
  bottom:15px;
  right:15px;
  font-size:10px;
}

#block-headermenu ul li {
  float:left;
  list-style:none;
  margin-right:10px;
}

#block-headermenu li a {
  color:grey;
  text-decoration:none;
}

/* START */

.view-startseite {
  display:flex;
}

.view-startseite .views-row {
  float:left;
  width:152px;
  height:152px;
  margin:0 15px 20px 15px;
  box-shadow:4px 4px 5px #ebebeb;
}

.view-startseite .views-row:hover {
  box-shadow:4px 4px 5px #ccc;
}

/* MODELUEBERSICHT */

.mub {
  margin:0 0 25px 0;
}

.mub ul {
  padding:0;
  margin:10px 13px 6px 13px;
}

.mub li {
  list-style:none;
}

.mub .views-field-title {
  margin:0 0 0 20px;
  text-transform:uppercase;
  font-family:'bebas_neueregular';
  font-size:20px;
  letter-spacing:1px;
  font-weight:normal;
  text-decoration:none;
}

.mub .views-field-title a {
  text-decoration:none;
  color:#6d6d6d;
}

.mub img {
  border:4px solid #fff;
}

.mub img:hover {
  border: 4px solid #0aa8d0;
}

.pager__items {
  margin:16px;
  padding:0;
}

.pager__item {
  float:left;
  list-style:none;
  margin-right:20px;
}

.pager__item a {
  font-family:'bebas_neueregular';
  font-size:20px;
  text-decoration:none;
  color:#0aa8d0;
}  

.pager__item a:hover {
  color:#2c2c2c;
}

/* MODELDETAIL */

#block-views-block-modeleigenschaften-block-1, #block-views-block-modeleigenschaften-block-2 {
  float:left;
  width:320px;
  text-transform:uppercase;
  font-family:'bebas_neueregular';
  font-size:18px;
  letter-spacing:1px;
}

#block-views-block-modeleigenschaften-block-2 { 
  width:408px;
}

#block-views-block-modeleigenschaften-block-1 .views-label,#block-views-block-modeleigenschaften-block-2 .views-label {
  float:left;
  color:#0aa8d0;
  margin:0 6px 0 0;
}

.view-modeldetailraster {
  clear:both;
  position:relative;
  top:60px;
}

.masonry-layout .masonry-item {
  margin-bottom:10px;
}

#cboxContent, .cboxPhoto {
  border-radius:0 !important;
 -webkit-border-radius: 0 !important;
 -moz-border-radius: 0 !important;
}

#cboxTitle, #cboxCurrent {
  display:none !important;
}

#cboxContent, #colorbox {
  background:none !important;
  box-shadow:none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow:none !important;
}

#cboxClose {
  top:-7px;
  right:-27px;
}

#cboxClose:hover {
  background-position: 0 -64px;
}

#block-views-block-tester-block-1 .view-content, #block-views-block-tester-block-1 h2 {
  display:none;
}

#block-views-block-tester-block-1 .view-header {
  display: inline-block;
  position: absolute;
  right: 45px;
  top:40px;
}

.user-logged-in #block-views-block-tester-block-1 .view-header {
  top:-112px;
}

#block-views-block-tester-block-1 .view-header a { 
  color:white;
  text-decoration:none;
  font-family:'bebas_neueregular';
  font-size:25px;
  padding: 16px 30px !important;
  background: #0aa8d0;
}

#block-views-block-tester-block-1 .view-header a:hover {
  background:#2c2c2c;
}

/* WEBFORM */

#webform-submission-become-a-model-node-12-add-form {
   margin-top:45px;
}

#webform-submission-become-a-model-node-12-add-form  #edit-submit {
  background:#0aa8d0;
  padding:20px 35px;
  color:white;
  margin-top:40px;
  border:none;
  cursor:pointer;
}

.webform-submission-form label {
  font-family:'bebas_neueregular';
  font-size:28px;
  color:#0aa8d0;
}

.webform-flex--container label, .form-item-weitere-sportarten label, .js-form-type-managed-file label, label.option {
  font-size:22px;
}

.webform-submission-form .form-item {
  margin-top:20px;
}

.webform-submission-form input, .webform-submission-form select {
  padding:8px 0;
}

.webform-submission-form label {
  margin-bottom:5px;
}

.form-item-e-mail-e-mail, #edit-weitere-sportarten, #edit-hast-du-noch-eine-nachricht-an-uns- {
  margin-bottom:50px !important;
}

#edit-weitere-sportarten, #edit-hast-du-noch-eine-nachricht-an-uns- {
  width:724px;
}

.webform-confirmation__back {
  display:none;
}

/* N23 */

body { background:white;   font-family: 'Roboto Mono';}

#block-socialmedia { position:absolute; top:70px; right:30px;}

.SMIc { width:22px; display:inline-block;}

.SMIc img { width:100%; background:white; border:2px solid white; border-radius:6px;}

.path-women #block-elacesportmodels-main-menu li a,.path-men #block-elacesportmodels-main-menu li a,  #block-elacesportmodels-main-menu li a { font-size:21px; letter-spacing:2px; color:grey; background:#ffffff; padding:5px 19px; border-radius:15px; }

.path-women, .path-men { background:white;}

.path-women header, header {height:192px;}

.path-women #Wrapper, .path-women #block-brandingderwebsite,  #Wrapper,  #block-brandingderwebsite { width: 95%; margin:auto; position:unset; max-width:1200px; padding:0;}

.path-women #Logo,  #Logo { position:unset; padding-top:20px;}

.path-women #block-elacesportmodels-main-menu,  #block-elacesportmodels-main-menu { position:unset;width:100%; text-align:center; height:50px;}

.path-women #block-elacesportmodels-main-menu ul,  #block-elacesportmodels-main-menu ul { display:inline-block; margin:auto; padding:0;}

.path-women #block-elacesportmodels-main-menu li, #block-elacesportmodels-main-menu li { float:left; margin:0 5px;}

.path-women .views-view-grid .views-col,.path-suchen .views-view-grid .views-col,.path-_you  .views-view-grid .views-col,  .path-men .views-view-grid .views-col { float: left; width: calc(100%/5 - 4px);}

.path-women .mub img,.path-suchen .mub img, .path-men .mub img, .path-_you .mub img { width:100%; height:auto;}

.path-women .mub .views-field-title, .path-men .mub .views-field-title { font-size:24px;}

.path-women #block-elacesportmodels-page-title h1, .path-men #block-elacesportmodels-page-title h1,  #block-elacesportmodels-page-title h1 { font-size:75px; letter-spacing:12px;padding:0; color:#2c2c2c; background:none; margin:20px 0 30px 10px;}

.path-women .view-filters, .path-men .view-filters  { position:absolute; top:5px;}

.path-women #block-elacesportmodels-page-title, #block-elacesportmodels-page-title  { width:100%; text-align:center;}

 .view-modeldetailraster { margin:auto; width:733px;}

.view-display-id-block_3 {  border:4px solid grey; clear:both; width:90%; margin:auto; padding:20px;}

#block-views-block-modeleigenschaften-block-3 { text-transform: uppercase; font-family: 'bebas_neueregular'; font-size: 18px; letter-spacing: 1px;}

#block-views-block-modeleigenschaften-block-3 .views-label { color: #0aa8d0; }

#block-views-block-modeleigenschaften-block-3 .views-row { display:inline-block; text-align:center;}

#block-views-block-modeleigenschaften-block-3 .views-row .views-field { text-align:center; display:inline-block; margin:10px;}

 #block-views-block-modeleigenschaften-block-1,  #block-views-block-modeleigenschaften-block-2 { display:none;}

 #block-views-block-tester-block-1 .view-header { position:fixed; right:0; top:48%; z-index:100;}

 #block-elacesportmodels-views-block-modeldetailraster-block-1 {display:none;}
 
.masonry-item {}

.masonry-item img {  margin-bottom:5px; }

#block-headermenu { position:unset; text-align:center; margin:87px 0 30px 0;}

#block-headermenu ul { display:inline-block;}

.view-startseite {width:742px; margin:auto;}

.view-startseite .views-row { width:calc(733px/3 - 89px);}

.view-startseite .views-row img { width:100%; height:auto;}

.page-node-type-page #block-elacesportmodels-content, .page-node-type-seitebgimage #block-elacesportmodels-content { width:80%; margin:auto; text-align:center;}

.page-node-type-referenzen #block-elacesportmodels-content { text-align:center;}

.page-node-type-webform p { text-align:center; width:85%; margin:auto;}

.page-node-type-seitebgimage #block-elacesportmodels-content img { width:100%; height:auto; z-index:-1; position:fixed; left:0; top:0;}

.page-node-type-seitebgimage { background:none;}

.page-node-type-seitebgimage #Wrapper, .page-node-type-seitebgimage #block-brandingderwebsite  { background:#ffffffe3;}

.path-_you .mub .field-content { margin:10px 13px 6px 13px;}

.path-_you .mub .views-field-title { margin:0; font-size:24px;}

#block-elacesportmodels-content p a { color:#05a7d6;} 

.CoMail { border:2px solid #05a7d6; border-radius:7px; text-decoration:none; padding:15px 15px; margin-top:15px; display:inline-block; width:240px;}

.CoMail:hover { text-decoration:underline;}

.page-node-1076 #block-elacesportmodels-page-title { display:none;}

.page-node-1076 #Wrapper,.page-node-1076 #block-brandingderwebsite { background:none !important;}

.page-node-1076 h1 { font-family:'bebas_neueregular'; font-size:calc(40px + (180 - 70) * ((100vw - 300px) / (1600 - 300))); animation: color-change 5s infinite;}

@keyframes color-change {
  0% { color: white; }
  50% { color: #ffb800; }
  100% { color: #05a7d6; }

}

.page-node-1076 #block-elacesportmodels-content { margin-top:-60px;}

#StDr { display:inline-block; width:100%; margin:-48px auto 0 auto; padding:0;}

#StDr li {display:inline-block;}

#StDr li a{ display:block;   font-family:'bebas_neueregular'; text-decoration:none; font-size:calc(25px + (75 - 70) * ((100vw - 300px) / (1600 - 300))); background:#ffffffb0; color:#2c2c2c; padding:38px 19px;border-radius:31px; width:calc(168px + (78 - 70) * ((100vw - 300px) / (1600 - 300)));}

#StDr li a:hover { color:#05a7d6;}

#block-views-block-tester-block-2 .view-content, #block-views-block-tester-block-2 h2 { display:none;}

#block-views-block-tester-block-2 .view-header a {  color:white; text-decoration:none; font-family:'bebas_neueregular'; font-size:25px; padding: 16px 30px !important;background: #0aa8d0;}

#block-views-block-tester-block-2 .view-header {position: fixed; right: 0; top: 48%;  z-index: 100; }

.user-logged-in #block-views-block-tester-block-1 .view-header { top:48%;}

#block-elacesportmodels-local-tasks { top:100px;}

.path-women22 .js-form-item {width:200px; float:left;}

#block-specialmenu8 { position:fixed; bottom:0; width:100%;left:0;}

#block-specialmenu8 ul#SpecialMenu8 { display:inline-block; width:100%;background:black; margin:0; padding:15px; }

#block-specialmenu8 ul#SpecialMenu8 li { display:inline-block; float:left; margin:0 10px;}

#block-specialmenu8 ul#SpecialMenu8 li a { text-decoration:none; color:white; text-transform:uppercase;}

.path-listen-uebersicht .view-id-listen_uebersicht  .views-view-grid { display:none;}

.path-listen-uebersicht .view-id-listen_uebersicht .view-content { text-align:center; margin-top:30px;}

.path-listen-uebersicht .view-id-listen_uebersicht .view-content h3 { display:inline-block; margin:43px 10px;}

.path-listen-uebersicht .view-id-listen_uebersicht .view-content h3 a { padding:30px 50px; background:black; text-decoration:none; color:white; border-radius:17px;}

.path-listen-uebersicht .view-id-listen_uebersicht .view-content h3 a:hover { background:#05a7d6;}

.vbo-view-form .js-form-item-select-all { display:none;}

.path-suchen #edit-field-sportarten-sport-2-target-id--wrapper .js-form-item, .path-suchen  .form-checkboxes .form-checkboxes .js-form-item { margin-right:15px; padding:5px 0;}

.path-suchen #edit-field-sportarten-sport-2-target-id--wrapper label, .path-suchen .form-checkboxes .form-checkboxes label { font-size:12px; margin-left:-6px;} 

.path-suchen .form-actions input { border:none; padding:7px 40px; margin:30px 0; background:#05a7d6; color:white;} 

.path-suchen .form-checkboxes .form-checkboxes { border:1px solid black; display:inline-block; padding:7px;}

.path-suchen summary { cursor:pointer;}

.page-node-1104 #block-elacesportmodels-content ul { list-style:inline-block;}

.page-node-1104 #block-elacesportmodels-content ul li { list-style: none; display: inline-block; padding: 8px; border: none; margin: 3px; border-radius: 15px; border-color: #b9b9b9;   font-family:'bebas_neueregular'; color:#2c2c2c; font-size:21px;}


@media only screen and (max-width: 600px) {
.path-women .views-view-grid .views-col { float: left; width: calc(100%/2 - 4px);}
.path-men .views-view-grid .views-col { float: left; width: calc(100%/2 - 4px);}
.path-_you .views-view-grid .views-col { float: left; width: calc(100%/2 - 4px);}
.view-display-id-block_3 { width:85%; padding:10px;}
#block-views-block-tester-block-1 .view-header { position:fixed; right:0; top:350px;}
#block-views-block-tester-block-1 .view-header a { padding:10px 20px !important}
#block-socialmedia { top:5px; right:5px;}
.path-women #block-elacesportmodels-main-menu li a,.path-men #block-elacesportmodels-main-menu li a,  #block-elacesportmodels-main-menu li a { font-size:18px;  padding:5px 8px;}
.path-women #block-elacesportmodels-page-title h1, .path-men #block-elacesportmodels-page-title h1,  #block-elacesportmodels-page-title h1 { font-size:35px;}
}

@media only screen and (max-width: 735px) {
 .view-modeldetailraster { margin:auto; width:501px;}
 .view-modeldetailraster .view-content { margin-left:9px;}
 .masonry-item { }
#StDr li { margin:10px 0;}
.page-node-1076 #block-elacesportmodels-content { margin-top:-40px;}
#StDr { margin-top:-25px;}
.page-node-1076 h1 { font-size:calc(70px + (400 - 70) * ((100vw - 300px) / (1600 - 300))); }
.page-node-1076 #block-elacesportmodels-content img { height:100vh; width:auto;}

}

@media only screen and (max-width: 450px) {
 .view-modeldetailraster { margin:auto; width:241px;}
 .view-modeldetailraster .view-content { margin-left:4px;}
 .masonry-item { }
.path-women .views-view-grid .views-col { float: left; width: calc(100%/1 );}
.path-men .views-view-grid .views-col { float: left; width: calc(100%/1);}
.path-_you .views-view-grid .views-col { float: left; width: calc(100%/1);}



}