body{
	color: #4f4f4f;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 25px;
}

a {
	text-decoration: none;
	font-weight: 400;
	color: #4f4f4f;
}
#main{
	width: 98%;
	padding-left: 5%;
}
#right {
  padding-right: 0;
  width: 28%;
}
strong{
	font-weight: 600;
}

/*Aufbau Header*/

header{
	min-height: 130px;
}
header {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  background: #fff;
  z-index: 999;
  	border-bottom: 5px solid #23ad7b;
}

.logo {
	float: left;
	padding-left: 90px;
	padding-top: 0;
	height: 110px;
	padding-bottom: 25px;
	margin-top: -36px;
}

.social-media {
  width: 100%;
  height: 30px;
  margin-left: 30px;
}
.social-inner{
	display: grid;
	justify-content: end;	
	padding-right: 5%;
}
/*Menue*/
.mod_mobile_menu, .mod_mobile_slider{
	display: none;
}
.mod_destop_slider{
	display: block;
}
@media only screen and (max-width: 1050px) {
	header{
		height: 110px;	
	}
	#stage {
		margin-top: -50px;
	}
	.mod_mobile_menu, .mod_mobile_slider{
		display: block;
	}
	.mod_destop_slider{
	display: none;
	}
	.main-nav{
		display: none;
	}
	/*#stage{
		display: none;
	}*/
	.mod_rocksolid_slider{
	height: 300px;
	}
	.logo-mobile{
		display: flex;
		justify-content: center;
		align-items: center;	
		margin-top: -50px;	   
	}
	#header{
		border-bottom: 5px solid #23ad7b;
		margin-bottom: 50px;
	}
	.menue-icon::before{
		font-family: 'FontAwesome';
		content: "\f0c9 ";
		padding-left: 30px;
		font-size: 2.5em;
		color: #23ad7b;	
	}
	.social-media {
		display: none;
	}
	.mod_rocksolid_slider {
  height: 83vh;
	}
}
@media only screen and (max-width: 1340px) {
	header{
		height: 140px;
	}
	#main-navigation{
		width: 100% !important;
		float: left !important;
		margin-top: -30px !important;
	}
	.mod_navigation ul {
		margin-right: 0% !important;
		color: #23ad7b !important;
		float: left !important;
	}
	.logo {
	  height: 100px;
	  padding-bottom: 25px;
	  margin-top: -50px;
	  width: auto;
	}
}
#main-navigation{
	margin-top: 20px;
	width: 80%;
	float: right;
}
.mod_navigation ul{
	margin-right: 2%;
	color:#23ad7b;	
	float: right;
}
.mod_navigation ul.level_1 span.active {
   display:block;
}
.mod_navigation ul.level_1 span.active:hover,
.mod_navigation ul.level_1 span.active:focus,
.mod_navigation ul.level_1 span.active:active {
   color:#FFFFFF;
} 
.mod_navigation ul.level_1 li {
   float:left;
	list-style: none;
   margin:0 4px 3px;
   padding:5px 10px;
} 
.mod_navigation ul li:hover,
.mod_navigation ul li:active,
.mod_navigation ul li:focus {
   /*background-color: #AE5500;*/
}
.mod_navigation ul.level_1 li a {
   display:block;
   color:#3e3c3c;
   text-decoration:none;
   text-align:center;
}
.mod_navigation ul.level_1 li:hover a,
.mod_navigation ul.level_1 li:active a,
.mod_navigation ul.level_1 li:focus a {
   color:#3e3c3c;
}
/*Submenue*/
.mod_navigation ul li:hover ul.level_2,
.mod_navigation ul li:active ul.level_2,
.mod_navigation ul li:focus ul.level_2 {
   margin:5px 0 0 -10px;
	color:#3e3c3c; 
}
.mod_navigation ul.level_2{
   	width:10vw;
	z-index: 200;
	position:absolute;
	display:block;
	margin-left:-99999px;
    padding:4px;
	color:#4b4c48;
	background-color: #fff;
}
.mod_navigation ul.level_2 li.first a,.mod_navigation ul.level_2 li a,.mod_navigation ul.level_2 li.last a{
	color:#3e3c3c;
}
.mod_navigation ul.level_2 li.first{
	background-color:#fff;
	color:#3e3c3c;
	background-repeat:no-repeat;
}
 .mod_navigation ul.level_2 li.last{
	background-color:#fff;
	 color:#3e3c3c;
	background-repeat:no-repeat;
	 padding-bottom: 7px;
}
.mod_navigation ul.level_2 span.active {
   text-align:center;
   display:block;
   color:#3e3c3c;
}
.mod_navigation ul.level_2 li {
   margin:0;
   background-color:#fff;
	background-repeat:no-repeat;
	color:#4b4c48;  
	width:100%;
}
.mod_navigation ul.level_2{
	width: 150px;
}
.mod_navigation ul.level_2 li a, .mod_navigation ul.level_2 li.active {
   display:block;
   color:#23ad7b;
   text-align:left;
   padding: 3px 0 3px 20px;
   background-color: transparent;
}
.mod_navigation ul.level_2 li.sibling {
	display:block;
	text-align:left;
	padding: 3px 0 3px 0;
}
.mod_navigation ul.level_2 span.active:hover,
.mod_navigation ul.level_2 span.active:focus,
.mod_navigation ul.level_2 span.active:active {
   color:#23ad7b;
}
.mod_navigation ul.level_2 li a:hover,
.mod_navigation ul.level_2 li a:active,
.mod_navigation ul.level_2 li a:focus {
   color:#4b4c48;
}
/*Stage*/
#stage{
	height: 83vh;
}
/*Container*/
#container {
	border-bottom: 15px solid #ae2526;
}
/*Slider*/
.mod_rocksolid_slider{
	border-bottom: 5px solid #ae2526;
}
@media only screen and (max-width: 1000px) {
	.mod_rocksolid_slider{
	height: 300px;
	}
}
.mod_rocksolid_slider{
	height: 83vh;
}
/*Handball.net*/

.hb-embed{
	font-size: 1em !important;
}
.hb-embed__schedule .hb-embed__schedule-list .hb-embed__schedule-list-grouped-item .hb-embed__schedule-list-item{
	margin-bottom: -20px !important;
}
.hb-embed__schedule-list-item-date{
	font-weight: 600 !important;
	color: #23ad7b !important;
}
.hb-embed__title-container{
	display: none !important;
}
.hb-embed__schedule .hb-embed__schedule-list .hb-embed__schedule-list-grouped-item .hb-embed__schedule-list-item-date{
	border-bottom: 1px solid #ae2526 !important;
}
.hb-embed__table thead th {
  border-bottom: 2px solid #ae2526 !important;
}
.hb-embed__btn.hb-embed__btn-primary {
  background-color: #ae2526 !important;
  border: 1px solid #ae2526 !important;
  color: #fff;
}
/*Abteilungsübersicht*/
.section {
	margin: 50px 0 0;
	display: flex;
  	flex-wrap: wrap;
	justify-content: center;
}
.section > div{
  	width: 350px;
	margin: 25px 25px;
	padding: 10px 0;
	-webkit-box-shadow: 2px 11px 13px 2px rgba(75,73,70,0.25); 
	box-shadow: 2px 11px 13px 2px rgba(75,73,70,0.25);
	text-align: center;
	min-height: 400px;
}
.section_team_trainingtime{
	margin-top: 15px;
}
.section_team_mail{
	margin-bottom: 15px;
}
/*Sponsoren Liste + normale Linklisten*/
.ce_hyperlink_flex  {
	margin: 50px 0 0;
	display: flex;
  	flex-wrap: wrap;
	justify-content: center;
}
.ce_hyperlink_flex > div {
  	width: 350px;
  	margin: 2%;
	padding-bottom: 30px;
}
/*Sponsoren Rudel*/
.sponsor-box{
	display: flex;
	margin-bottom: 20px;
	border-left: 1px solid #23ad7b;
	border-bottom: 1px solid #23ad7b;
	padding: 15px;
	width: 500px;
	height: 240px;
}
.sponsor-box > div {
  margin: 10px;
  padding: 20px;
}
.sponsor-image{

}
.sponsor-info{

}
.sponsor-image img{
	width: 100%;
	margin: auto;
	display: flex;
	text-align: center;
	background-color: #fff;
}
.sponsor-headline > h2{
	text-align: center;
}
.sponsor-sector{
}
.sponsor-plz{
}
.sponsor-since{
}
.sponsor-link button{
	margin: auto;
	display: flex;
	text-align: center;
	color: #fff;
}
.sponsor-link button a{
	color: #fff;
}
.sponsor-link button a:hover{
	color: #23ad7b;
}
/*Content*/
.mod_eventlist, .ce_text, .ce_download, .mod_mitglieder, .ce_form, .bread-navi-content,.ce_image, .ce_downloads{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.footer-text{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
.ce_image img{
    display: block;
    margin: 0 auto;
}

.mod_eventlist .teaser, .mod_eventlist .more{
	margin-left: 20px;
}
.more ::before {
	font-family: 'FontAwesome';
	content: "\f101 ";
	padding-left: 3px;
	padding-right: 4px;
	color: #23ad7b;
}
.more a:hover{
	color:#23ad7b;
}
.more a:hover::before{
	color: #ae2526;
}
.mod_eventlist .more a {
	text-decoration: none;
	color: #034694;
}
.ce_download{
	margin-bottom: 50px;
}
h1, h2, h2 a,h3, h3 a, h4{
	font-family: 'Raleway', sans-serif;
	line-height: 35px;
	font-size: 25px;
	text-decoration: none;
}
.green-headline h2, .green-headline h2 a, .green-headline, .green-headline a, .green-headline h1, .green-headline h1 a, .green-headline{
  background: #23ad7b;
  color: #fff;
  width: 50%;
  font-size: 1.7em;
  padding: 3px 0px 3px 50px;
  text-decoration: none;
}
.green-headline-large h2, .green-headline-large h2 a, .green-headline-large, .green-headline-large a, .abt_info_box{
  background: #23ad7b;
  color: #fff;
  width: 95%;
  font-size: 1.7em;
  padding: 3px 0px 3px 50px;
  text-decoration: none;
}
h4{
	font-size: 20px;
}
/*Teamleitung*/
.vorstand {
	margin: 50px 0 0;
	display: flex;
  	flex-wrap: wrap;
	justify-content: center;
}
.vorstand > div {
  	width: 235px;
	margin: 25px 25px;
	padding: 10px 5px 1px 5px;
	-webkit-box-shadow: 2px 11px 13px 2px rgba(75,73,70,0.25); 
	box-shadow: 2px 11px 13px 2px rgba(75,73,70,0.25);
	text-align: center;
}
.vorstand > div:hover {
	-webkit-box-shadow: 2px 11px 13px 2px rgba(32, 22, 8, 0.32); 
	box-shadow: 2px 11px 13px 2px rrgba(32, 22, 8, 0.32);
}

.vorstand a::before {
	content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #339C3C;
    font-size: 14px;
    margin-left: -18px;
	margin-top: 1px;
    position: absolute;
    cursor: pointer;
}
.vorstand a{
	margin-left: 20px;
}
/*Mannschaften*/
/*Jugend + Senioren Boxen*/
.overview-infobox h2{
	margin-top: 5px;
	margin-bottom: 2px;
}
.mail-link:hover {
	background-color:#23ad7b;
	color: #fff;
}

/*close über uns*/
#ui-id-1.active::after, #ui-id-3.active::after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #339C3C;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    margin-top: -49px;
    margin-left: 300px;
    cursor: pointer;
}
 #ui-id-1.ui-state-default::after, #ui-id-3.ui-state-default::after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #339C3C;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    margin-left: 300px;
    cursor: pointer;
    width: 100px;
    margin-top: -49px;
}
/*close*/
.ce_accordion .active::after, .handorgel__header--open button:after    {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #339C3C;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    margin-left: 10px;
	margin-top: 2px;
    cursor: pointer;
}
.ui-state-default::after, .handorgel__header button:after{
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #339C3C;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    margin-left: 10px;
	margin-top: 2px;
    cursor: pointer;
    width: 100px;
}
#handorgel2 {
	margin-top: 22px;
}
#impressum h2::after, #datenschutz h2::after{
	display: none;
}
h2 a, .ce_text h2, .ce_form h2, .ce_text h1,#termine-seminare-detail h1{
	/*padding-left:10px;	*/
}
.ce_text ul {
	margin-top: 30px;
}
.ce_text ul li, .mod_article ul li{
	list-style-type: none;
	margin-left: -20px;
}
.ce_text li:before, .mod_article li:before{
   font-family: 'FontAwesome';
   content: "\f054";
   padding-right: 3px;
}
.download-element li:before{
	display: none;
}
/*Formular*/

/*Formulare Checkbox Hack*/
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
    font-family: Fontawesome;
    display: inline-block;
    padding-right: 3.75px;
    min-width: 1em;
}
input[type="checkbox"] + label::before {
    content: "\f096";
}
input[type="checkbox"]:checked + label::before {
    content: "\f046";
}
input[type="checkbox"], input[type="radio"] {
    position: absolute;
    left: -1000em;
}
form{
	width: 90%;
}
#ctrl_22, .checkbox_container, fieldset {
    margin-bottom: 20px;
	border: 0;
}
input[type="text"], input[type="email"], input[type="tel"],input[type="submit"],input[type="number"]{
	color:#5f5f5f;
	width: 100%;
	height: 40px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #fafafa;
	border: 1px solid #85A3AE;
}
input[type="tel"]{
	margin-left: 0;
	margin-bottom: 20px;
}
input[type="submit"]{
	width: 100%;
	color: #fff;
	background-color: #5f5f5f;
	margin-left: auto;
	margin-right: auto;
	height: 45px;
	border: 1px solid #5f5f5f;
}
input[type="submit"]:hover{
	width: 100%;
	color: #5f5f5f;
	background-color: #d7ee96;
	margin-left: auto;
	margin-right: auto;
}
textarea {
	color: #5f5f5f;
	background-color: #fafafa;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	padding: 20px;
	margin-left: 0;
	width: 95%;
	height: 150px;
	margin-bottom: 20px;
	border: 1px solid #85A3AE;
}
select {	
	width: 310px;
	height: 45px;
	margin-bottom: 20px;
}
button {
	background: #23ad7b;
	color: #fff;
	width: 100px;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	padding: 5px 10px;
	border: 1px solid #23ad7b;
}
button:hover{
	color: #23ad7b;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #23ad7b;
}

#ctrl_24, .cffs-25{
	border: 0;
}
/*News*/
.mod_newslist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    max-width: 1300px;
    margin: 0 auto;
}
.layout_latest {
    flex: 0 0 400px;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    background-color: #ffffff;
    border: 1px solid #23ad7b;
    /*border-radius: 8px;*/
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 15px;
}
.layout_latest h2{
	background-color: #23ad7b;
	margin-top: -7px;
}
.layout_latest h2 a{
		color: #fff;
}
.layout_latest::after {
    background-color: #23ad7b; 
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0);
    width: 160px;
}
/*Icons News Startseite*/
.category_1 h2::before, .category_2 h2::before, .category_3 h2::before, .category_4 h2::before, .category_5 h2::before, .category_6 h2::before, .category_7 h2::before{
	font-family: 'FontAwesome';
	font-size: 21px;
	font-weight:200;
	padding-left: 3px;
	padding-right: 6px;
	color: #fff;
}
.category_1 h2::before, .category_1 .info::before {
	content: "\f086 ";
}
.category_2 h2::before, .category_2 .info::before {
	content: "\e4e1 ";
}
.category_3 h2::before, .category_3 .info::before {
	content: "\e548 ";
}
.category_4 h2::before, .category_4 .info::before {
	content: "\f1ea ";
}
.category_5 h2::before, .category_5 .info::before {
	content: "\f1ea ";
}
.category_6 h2::before, .category_6 .info::before {
	content: "\f133 ";
}
.category_7 h2::before, .category_7 .info::before {
	content: "\f0a1 ";
}
/*Kalender*/
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
  background-color: #23ad7b;
  border-color: var(--fc-button-active-border-color);
  color: var(--fc-button-text-color);
}
.fc .fc-button-primary {
  background-color: #23ad7b;
  border-color: var(--fc-button-border-color);
  color: var(--fc-button-text-color);
}
.fc .fc-button-primary {
  background-color: #23ad7b;
  border-color: var(--fc-button-border-color);
  color: var(--fc-button-text-color);
}
.fc .fc-button-primary:disabled {
  background-color: #23ad7b;
  border-color: var(--fc-button-border-color);
  color: var(--fc-button-text-color);
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}
.fc .fc-button{
	width: auto;
}
.mod_fullcalendar h2{
	font-size: 0.8em;
	display:none;
}
.fc .fc-toolbar-title {
  font-size: 0.8em;
  margin: 0px;
  display:block;
}
@media only screen and (max-width: 1000px) {
	.mod_newslist{
		display: block;
	}
	#main {
	  width: 95%;
	  padding-left: 5%;
	}
	#right {
	  margin-right: 0;
	  width: 95%;
	  padding-right: 5%;
	}
	#container {
	  padding-right: 5%;
	}
	.footer-content{
		padding-right: 20px;
	}
}
/*Mobile Switch*/
.mobil{
	display: none;
}
/*Karte*/
.map_section{
	min-height: 500px;
}
/*Galerie verstecken der Galerie*/
.ce_gallery {
    display: none;
}
#cboxCurrent{
	display: none !important;
}
#cboxOverlay {
    background: #000;
    opacity: 1 !important;
    filter: alpha(opacity = 100);
}
/*Cookiebar*/
.mod_cookieconsent .palette .item{
	border: 0 !important;
}
/*Custom Elements */
.kundenmeinung{
	width: 100%;
}
.kundenname{
}
.kundenname span{
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	padding-bottom: 10px;
	padding-right: 5px;
}
.kundenname_links{
 float: left;
}
.kundenname_rechts{
 	float: right;
	padding-right: 5px;
}
.ce_rsce_kundenmeinungen{
	border-bottom: 1px solid rgb(175,163,111);
}
/*Slide Elemente Portfolio*/

.bounceInRight{
    margin-left: 5vw;
}
.bounceInLeft{
    margin-left: 5vw;
}
.rsts-next{
	background-image: url("arrow-right-2x.png") !important;
	background-size: 32px 32px;
    background-repeat: no-repeat;
	border: 1px solid #327fb4; 
	top: -45px;
	right: 10px !important;
	}
	.rsts-prev{
	background-image: url("arrow-left-2x.png") !important;
	background-size: 32px 32px;
    background-repeat: no-repeat;
	border: 1px solid #327fb4;
	top: -45px;
	right: 45px !important;
	}
.rsts-slide-image {
	height: 650px;
}
#portfolio .rsts-slide-image
{
	height: 250px;
}
/*CSS PopUp*/
.popup-container {
  display: inline-block;
  .popup-button {
    line-height: 19px;
    color: #23ad7b;   
    border-radius: 50%;
    display: block;
    cursor: pointer;
    &:hover {
      background: #fff;
    }
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 52, 0.9);
    z-index: 10;
    //display: none;
    opacity: 0;
    visibility: hidden;
    transition: 250ms all;
    .popup-inner {
      width: 50%;
      box-sizing: border-box;
      padding: 20px;
      background: #fff;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 150%;
      transition: 250ms all;
	  border: 1px solid #23ad7b;
      .popup-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        h6 {
          font-size: 18px;
          font-weight: 500;
        }
        .popup-close-btn {
          cursor: pointer;
          background: #eee;
          display: block;
          line-height: 30px;
          padding: 0 15px;
          font-size: 14px;
          color: #222;
          border-radius: 3px;
        }
      }
      .popup-content {
        ul {
          li {
            margin-bottom: 10px;
            &:last-child {
              margin-bottom: 0;
            }
            input {
              width: 100%;
              border: 1px solid #ddd;
              border-radius: 3px;
              line-height: 34px;
              padding: 0 15px;
              font-size: 14px;
              box-sizing: border-box;
            }
            button {
              width: 100%;
              line-height: 34px;
              background: #666;
              color: #fff;
              cursor: pointer;
              border-radius: 3px;
              border: none;
              font-size: 14px;
              &:hover {
                background: #444;
              }
            }
          }
        }
      }
    }
    .transparent-label {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      cursor: pointer;
    }
  }
  >input {
    display: none;
    &:checked + .popup {
      opacity: 1;
      visibility: visible;
      .popup-inner {
        top: 50%;
      }
    }
  }
}
@media only screen and (max-width: 1000px) {
/*CSS PopUp*/
.popup-container {
  display: inline-block;
  .popup-button {
    line-height: 19px;
    color: #23ad7b;   
    border-radius: 50%;
    display: block;
    cursor: pointer;
    &:hover {
      background: #fff;
    }
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 52, 0.9);
    z-index: 10;
    //display: none;
    opacity: 0;
    visibility: hidden;
    transition: 250ms all;
    .popup-inner {
      width: 95%;
      box-sizing: border-box;
      padding: 20px;
      background: #fff;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 150%;
      transition: 250ms all;
	  border: 1px solid #23ad7b;
      .popup-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: -35px;
        h6 {
          font-size: 1.2em;
          font-weight: 500;
        }
        .popup-close-btn {
          cursor: pointer;
          background: #eee;
          display: block;
          line-height: 30px;
          padding: 0 15px;
          font-size: 14px;
          color: #222;
          border-radius: 3px;
        }
      }
      .popup-content {
		  font-size: 0.9em;
        ul {
          li {
            margin-bottom: 10px;
            &:last-child {
              margin-bottom: 0;
            }
            input {
              width: 100%;
              border: 1px solid #ddd;
              border-radius: 3px;
              line-height: 34px;
              padding: 0 15px;
              font-size: 14px;
              box-sizing: border-box;
            }
            button {
              width: 100%;
              line-height: 34px;
              background: #666;
              background: #666;
              color: #fff;
              cursor: pointer;
              border-radius: 3px;
              border: none;
              font-size: 14px;
              &:hover {
                background: #444;
              }
            }
          }
        }
      }
    }
    .transparent-label {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      cursor: pointer;
    }
  }
  >input {
    display: none;
    &:checked + .popup {
      opacity: 1;
      visibility: visible;
      .popup-inner {
        top: 60%;
      }
    }
  }
}
}
/*Footer*/
#footer{
	color:#fff;
	border-top: 30px solid #23ad7b;
}
#footer .inside{
	background-color: #5f5f5f;
	padding-bottom: 30px;
	padding-top: 30px;
	margin-top:0;
}
#footer .right{
	padding-right: 40px;	
}
#footer a {
	color:#fff;
}
#footer ul{
	margin-top: 5px;
}
#footer ul li{
	list-style: none;
	line-height: 22px;
}
#footer p {
	line-height: 15px;
}
#footer .rs-column.-large-col-2-1{
/*	width: 50%;
	margin: 0;*/
}
.footer-menue-left, .footer-menue-right{
	width: 50%;
	float: left;
}
/*Content*/
.mod_article{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
/*Media Query*/
@media only screen /*Tablett hochkannt*/
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (orientation : portrait)
{
   header{
		/*height: 0px !important;*/
	} 
    
    #home{
	background-image: url('../layout/bg/BG-iPad.jpg');
	background-size: cover;
	background-position: left bottom;
	height: 90vh;
	position: relative;
    }
    #zur-person .image_container{
        margin-bottom: 350px !important;
    }
    .textelement, .content-box{
		max-width: 750px;
		padding-left: 10px;
		padding-right: 10px;
	}
    	.rsts-slide-image {
	height: 250px;
	}
    /*Menu*/
    .logo {
    float: left;
    padding-left: 0px;
    padding-top: 10px;
    height: 55px;
    width: 1px;
}
    .mod_megamenu {
    width: 804px;
    float: left;
    margin-top: 17px;
    margin-left: -37px;
    }
    .mod_megamenu ul {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 0%;
    }
    .mod_megamenu ul li {

    display: inline;
    list-style-type: none;
    padding-right: 0px;
    padding-left: 0px;
    }
    .mod_megamenu a {
    text-decoration: none;
    color: #5f4a49;
    padding-left: 3px;
    }
    
}
@media only screen /*Tablett quer*/
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape){
	
	header{
		/*height: 0px !important;*/
	}
	
    #zur-person .image_container{
        margin-bottom: 350px !important;
    }
    
	.mod_megamenu {
		width: 100%;
		float: right;
		margin-top: -50px;
	}
	.mod_megamenu ul {
    /*margin-right: 1%;*/
    float: right;
    text-transform: uppercase;
	}
	.mod_megamenu ul li {
    padding-right: 10px;
    padding-left: 10px;
	}
	
	.rsts-slide-image {
	height: 250px;
	}
	.mod_eventlist, .ce_text, .ce_download, .mod_mitglieder, .ce_form, .bread-navi-content, .ce_image, .footer-text {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
	}
	.ce_text .first {
    	margin-left: 115px;
	}
	p{
		padding-right:10px;
	}
	
	.img-circel img{
	border-radius: 50%;
	width: 200px !important;
	height: 200px !important;
	}
	#home h1{
	font-size: 3em;
	}
	#home img {
    padding-top: 55vh;
	}
	.home-img{
		display: block; 
		margin-left: auto; 
		margin-right: auto;
		height: auto;
		width: 100px;
	}
	.content-box {
    float: left;
    margin-bottom: 0;
	}
	.textelement, .content-box{
		max-width: 750px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

@media only screen and (max-height: 800px){
    #home img {
    	padding-top: 50vh;
	}
	.home-img{
		width: 100px !important;
	}
	#home h1{
		font-size: 3em;
	}
}	
@media only screen and (max-width: 380px){
	.mod_megamenu ul {
	  margin-top: -7px;
	  margin-right: 2%;
	  float: right;
	  text-transform: uppercase;
	  font-size: 0.9em;
	}
	 .mod_megamenu ul li {
	  display: inline;
	  list-style-type: none;
	  padding-right: 0px;
	  padding-left: 0px;
	}
	#article-1 {
		display: none;
	}
	.textelement, .content-box, .ce_text {
		width: 95%;
		padding: 0 5px;
		font-size: 0.95em;
	}
	.headline-behandlungsangebot h2 {
		font-size: 1.2em;	
	}
	.ui-state-default::after {
		margin-left: 326px;
	}
	.textelement-accordion {
		width: 95%;
	}
	.footer-text {
		width: 95%;
	}
	.mod_eventlist, .ce_text, .ce_download, .mod_mitglieder, .ce_form, .bread-navi-content, .ce_image, .ce_downloads {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
	}
.ce_text ul li {
  list-style-type: none;
  margin-left: -45px;

	}
	form {
		width: 95%;
	}
	textarea {
		width: 90%;
	}
	.footer-info, .footer-menue {
		width: 100%;
		float: left;
	}
	#footer p {
		line-height: 17px;
	}
	#footer .inside {
	  background-color: #5f5f5f;
	  padding-top: 30px;
	  padding-bottom: 30px;
	  margin-top: 0;
	  min-height: 320px;
}
}
@media only screen /*Tablett hochkannt*/
    and (max-device-width : 500px) {
	#stage, .mod_rocksolid_slider {
		  height: 45vh;
		}	
	#header {
		margin-bottom: 0px;
	}
	
	}