#mybyte_media_cookiehinweis {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 12px;
    line-height: 125%;
    margin: 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 999999;
	right: 0;
	display: none;
}

#mybyte_media_cookiesettings {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 10px;
    line-height: 125%;
    margin: 10px;
    padding: 10px;
    position: fixed;
    z-index: 999999;
	right: 0;
	display: none;
	cursor: pointer;
}

#mybyte_media_cookiehinweis_close {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
	margin: 0;
    text-align: center;
}

#mybyte_media_cookiehinweis_save {
    background: #dedede none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    margin: 0;
	margin-top: 10px;
    text-align: center;
}

#mybyte_media_cookiehinweis_mehrinfos {
	text-decoration: underline;
}

.vc_btn3.vc_btn3-color-white,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat,
.vc_btn3.vc_btn3-color-white:hover,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover

{
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 700;
    padding: 10px 25px;
}


.active_logo:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 50%;
    height: 5px;
    top: -67px;
    left: 25%;
}

.logos img {
cursor: pointer;
}


.hide {
  display: none;
  min-height: 230px;
}

#intro {
  display: block;
}


#generate-slideout-menu {
  width: 200px; 
}

.gp-icon svg {
    height: 2em;
    width: 2em;
    top: .125em;
    position: relative;
    fill: currentColor;
}



.inside-navigation .menu-toggle {
    z-index: 2;
    position: absolute;
    right: 0;
    top: -80px;
}


@media (max-width: 600px) {
div#n2-ss-3 .n2-font-3bc03a9771383447ebae04f8c27fb8be-paragraph {
 font-size: 500% !important; 
}  
  
  div.n2-ss-item-content .n2-font-d0ba6555d3e9da56e1eb4f502ad1483c-paragraph {
    width: 360px !important; 
    font-size: 400% !important;
   	margin-left: -35px !important;
  }
}



@media (max-width: 600px) {
  #custom_html-2 {
    margin-left: -100px; 
  }
}

@media (min-width: 601px) and (max-width: 1200px ) {
   #custom_html-2 {
    margin-left: -100px; 
  }
}

.top-bar a {
 font-weight: 500;
  margin-left: 105px; 
}


h2 {
  	font-style: italic;
    letter-spacing: 2.3px;
}

h3 {
  font-style: italic; 
}


/*CSS für die Navigation (Verhalten nur Bildschirmen >=1200px) */

@media only screen and (min-width: 1200px) {
  .site-logo {
  position: absolute;
  margin-top: 120px; 
  }
  
  #primary-menu {
    margin-top: -10px; 
  }
  #menu-item-344 {
  margin-left: 350px; 
}
  .main-navigation, .main-navigation ul ul{
  margin-top: 70px; 
}
}



@media (max-width: 1082px) {
  
#media_image-3 {
	display: none; 
}
}

@media (min-width: 1083px) {
  #media_image-4 {
    display: none; 
  }
}



/* CSS für den Footer (Generell) */ 
@media (min-width: 600px) {
  #custom_html-3 h2 {
  width: 476px
}
  
  #custom_html-4 p {
  width: 431px
}
}

#footer-widgets .grid-container a,
#footer-widgets .grid-container a:hover,
#footer-widgets .grid-container a:active,
#footer-widgets .grid-container a:focus {
  text-transform: uppercase; 
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2.4px;
  color: #FFFAFA;
}


#media_image-3 {
  position: absolute;
  z-index: 1; 
  width: 495px;
  height: auto;
  margin-top: -35px; 
}


#menu-footer li {
  margin: 0px 70px 0px 7px; 
}

.footer-icons {
    position: absolute;
    margin-left: 560px;
    margin-top: -20px;
}

@media (max-width: 600px) {  
  #menu-footer li {
    margin: 0px 20px 0px 0px !important; 
  }
  .leerer-bereich {
    min-height: 10px; 
  }
  .footer-icons {
    position: relative;
    margin-left: 0px; 
  }
}

@media (max-width: 1083px) {
  #menu-footer li {
    margin: 0px 20px 0px 0px !important; 
  }
  .leerer-bereich {
    min-height: 20px; 
  }
 
  .footer-icons {
    position: relative;
    margin-left: 0px;  
  }
}




/*CSS Flo Ende */


.vc_row[data-vc-full-width]
{
  overflow: visible;
}

x.logoactive:before {
    background: #fff;
    content: '';
    position: absolute;
    width: 50%;
  	left: 25%;
    height: 5px;
    top: -70px;
}

.page-id-152.separate-containers .inside-article,
.page-id-150.separate-containers .inside-article,
.page-id-11.separate-containers .inside-article
{
  padding-top: 0;
}

.separate-containers .site-main
{
  margin-top: 0;
}

.phone_header {
    background: url(https://xn--sportsfreunde-rhn-f0b.de/wp-content/uploads/2021/05/telefon.svg);
    width: 27px;
    height: 43px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
  	margin-left: 12px;
}

.phone_number {
    padding-left: 50px;
    margin-top: 13px;
    display: inline-block;
}

.headerstroke
{
	
    -webkit-text-stroke: 2px #000;
  	text-transform: uppercase !important;
  	margin-top: 70px !important; 
}

.stroke h2 {
    -webkit-text-stroke: 2px #cba145;
    position: relative;
    text-transform: uppercase;
    color: transparent;
    top: -123px;
    font-weight: 800;
    font-style: italic;
    margin: 0 auto;
  	font-size: 149px; 
}

.introtext {
  margin-top: -140px;
}




@media (min-width: 768px) and (max-width: 1188px) {
  

  .stroke h2 {
     font-size: 90px;
     top: -88px;
  }
  
  h1 {
    font-size: 60px;
  }
  
}
@media (max-width: 768px) {
  .stroke h2 {
     top: -68px;
      font-size: 58px;
  }
  
  .introtext {
    margin-top: -100px;
}
}

@media (max-width: 400px) {

  .stroke h2 {
     font-size: 50px;
     top: -64px;
  }
  
  h1 {
    font-size: 20px;
  }
  
.phone_number {
    padding-left: 36px;
  }
  
  .phone_header
  {
    margin-left: 5px;
  }
  
  
  .introtext {
    margin-top: -100px;
}
}