@font-face {
font-family: 'GT-Walsheim-Regular';
src: url('fonts/GT-Walsheim-Regular.woff2') format('woff2'),
url('fonts/GT-Walsheim-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}



/*
h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
}
*/
	
html {
    width:100%;
    height: 100%;
    display: table;
}

body {
    width:100%;
    display:table-cell;
	color:#001;
}

body {
background-color:#FFF;
font-family: Arial, sans-serif;
font-size:14px;
}

html, body {
    margin: 0px;
    padding: 0px;
}

.inv{
display:none;
}

*{
font-family: Arial, sans-serif;
font-size: 18px;
}


.row{
b_ackground:orange;
m_ax-width:900px;
max-width:100%;
padding-left:20px;
padding-right:20px;
}



@media only screen and (min-width:1025px){	/* biggest */
	.row{
	b_ackground:yellow;
	max-width:1040px;
	padding-left:0px;
	padding-right:0px;
	}
}

.wrapper_kachel{
max-width:1140px;
padding:0px;
}


.row img{
width:100%;
}	

/*
-----------------------------------------------------------
*/

.oben{
position:absolute;
width:100%;
max-width:100%;
top:0px;
z-index:40;
padding-top:36px;
}


.oben .row{
max-width:100%;
}


.logo{
display: block;
float:left;
width: 226px;
height: 26px;
m_argin: 0px 90px;
margin:-4px 0px;
margin-left:5rem;
b_ackground-color:yellow;

background-image:url('img/svg/logo_sarah_4.svg');
background-repeat:no-repeat;
background-size:226px auto;

}

.logo_mobile{
display: block;
float: left;
width: 190px;
height: auto;
background-image: url(img/svg/logo_mobile_1.svg);
background-repeat: no-repeat;
background-size: 190px auto;
margin: 20px 20px;
}


.logo_mobile_weiss{
background-image: url(img/svg/logo_mobile_1_weiss.svg);
}


.logo_mobile_blau{
background-image: url(img/svg/logo_mobile_1.svg);
}



.logo_weiss{
background-position: 0px 0px;
}

.logo_blau{
background-position: 0px -26px;
}

.inner-wrap {
background-color:#FFF;
}


.nopadding_0{
padding:0px;
}

.nopadding{
padding:auto;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.nopadding{
	padding:0px;
	}
}


.button_plan{
    display: block;
    padding: 5px 5px 5px 10px;
    color: #000 ! important;	
	background:#E8D6A6;
    position: absolute;
	height:28px;
	width: calc(100% - 40px);
	bottom:auto;
}


@media only screen and (min-width: 769px){
	.button_plan{
	width: calc(100% - 20px);
	bottom: 0px;
	}
}






.navi_top , .navi_top a{
display: inline-block;
height: 23px;
line-height: 25px;
font-size: 15px;	/* was:12 */
text-decoration: none;
color: #FFF;
letter-spacing: 0px;
margin-top: 0px 0px;
}

.navi_top ul li a{
padding: 0px 16px;
}



.navi_top a.farbe_weiss:focus , .navi_top a.farbe_weiss:hover , .navi_top a.farbe_weiss:active{
c_olor:#FFF ! important;
c_olor:#939597 ! important;
text-decoration:underline;
}

.navi_top a.farbe_blau:focus , .navi_top a.farbe_blau:hover , .navi_top a.farbe_blau:active{
c_olor:#939597 ! important;
text-decoration:underline;
}



span.farbe_weiss{
color:#FFF;
}

span.farbe_blau{
color:#939597;
}

.navi_top ul li a.farbe_weiss{
color:#FFF;
}

.navi_top ul li a.farbe_blau{
color:#1a4264;
}


.navi_top{
border:0;
}


.wrapper_header {
display: block;
position: relative;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
z-index:30;
}




/*
------------------------------------------------------------------
*/

@media only screen and (min-width: 40.063em){

.top-bar-section ul li{
background:none;
}

.top-bar-section li:not(.has-form) a:not(.button){
padding: 0px 30px 0px 30px;
}

.top-bar-section ul li > a{
padding: 0px 30px 0px 30px;
}

}

/*
------------------------------------------------------------------
*/

.top-bar{
background:url('img/blacky_4.png');
}


.top-bar-section li:not(.has-form) a:not(.button){
background:none;
}




.top-bar-section li.active:not(.has-form) a:not(.button) {
padding: 0px 30px 0px 30px;
line-height: 2.8125rem;
color: #000;
b_ackground:#FFCC00;
}

.tb_footer{
c_olor:#484848;
padding-bottom:24px;
padding-left:0;
padding-right:0;
display:block;
position:relative;
padding-top:40px;
text-align:center;
margin:auto;
}


.tb_footer{
max-width:600px;
}

@media only screen and (min-width: 1025px){	/* bei echt grossen screens... */
	.tb_footer{
	max-width:800px;
	}
}

@media only screen and (min-width: 1540px){	/* bei echt grossen screens... */
	.tb_footer{
	max-width:1040px;
	}
}


@media only screen and (min-width: 1306px){	/* break, sonst laufen social icons in die Kontaktlinks!... */
	.tb_footer{
	text-align:right;
	}
}



.tb_footer_aussen{
display:block;
width:50%;
}

.aussen_left{
float:left;
text-align:left;
padding:0rem 0rem 0rem 2rem;
}

.aussen_right{
float:right;
text-align:right;
padding: 0rem 2rem 0rem 0rem;
}

@media only screen and (min-width: 1025px){	/* NOT a Smartphone */
.aussen_left{
padding:0rem 0rem 0rem 5rem;
}

.aussen_right{
padding:0rem 5rem 0rem 0rem;
}
}


.tb_footer div *{
font-size: 13px;
}
	




.nopadding_left{
padding-left:20px;
padding-right:20px;
}

.nopadding_right{
padding-right:20px;
padding-left:20px;
}

.footer_box{
b_order-right:0px solid #666;
min-height:auto;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */

.nopadding_left{
padding-left:0px;
padding-right:20px;
}

.nopadding_right{
padding-right:0px;
padding-left:20px;
}

.footer_box{
margin-bottom:auto;
}

}

.implink{
font-size:15px;
margin-left:30px;
margin-right:0px;
text-decoration:none ! important;
}


.implink_mobile{
font-size:15px;
margin-left:10px;
margin-right:10px;
text-decoration:none ! important;
}

.footer_mobile{
text-align:center;
}

.footer_mobile a.social{
margin:0px 15px ! important;
}


.copy{
font-size:15px;
}

ul,li{
padding:0;
margin:0;
list-style-type:none;
}

aside ul{
line-height: 34px;
}
	
aside ul li a{
letter-spacing: 0px;
font-size: 16px;
font-weight: lighter;
}

.right-off-canvas-menu{
b_ackground:#000;
background:#1a4264;
o_pacity:0.8;
width: 9.0rem;
}

form{
padding:0;
margin:0;
}

input[type="text"].miniform , textarea.miniform{
width:100%;
height: 26px ! important;
background:#ECDDB6;
border: 0;
box-shadow:none;
margin:2px 0px;
}

textarea.miniform{
height: 79px ! important;
}

.submitbutton{
display:block;
text-align:center;
width:100%;
height: 26px ! important;
line-height:26px;
background:#EFE3C3;
border:0;
text-decoration:none;
}



.abst_10{
height:10px;
}

.abst_20{
height:20px;
}

.abst_30{
height:30px;
}

/* abst_40 siehe unten! */

.abst_60{
height:60px;
}

.abst_60_mobile{
height:0px;
b_ackground:orange;
}

@media only screen and (min-width: 40.063em){
	.abst_60_mobile{
	height:60px;
	}
}



button, .button {
display:block;
width:100%;
}




.footer_bv{
display:block;
width:100%;
bottom:0px;
border-top:2px solid #1a4264;
}

.footer_bv a:link,.footer_bv a:visited{
text-decoration:none;
}

.footer_bv a:focus,.footer_bv a:hover,.footer_bv a:active{
text-decoration:underline;
}





h5{
font-size:21px;
}




@media only screen and (orientation:portrait) {

	.top-bar-section li:not(.has-form) a:not(.button){
	padding: 0px 20px 0px 20px;
	line-height: 2.8125rem;
	color: #FFCC00;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
	padding: 0px 20px 0px 20px;
	line-height: 2.8125rem;
	color: #000;
	}

}







@media only screen and (min-width: 40.063em){
.top-bar-section li:not(.has-form) a:not(.button):hover {
/* background-color: #ff0e0e; */
background: #919191;
}
}

.social{
display:inline-block;
height:26px;
background-repeat:no-repeat;
margin-top:10px;
background-size: 100% 100%;
}

.social{
margin-left:11px;
margin-right:11px;
}


@media only screen and (min-width: 40.063em){	/* not a Smartphone */
	.social{
	margin-top:-3px;
	margin-left:25px;
	margin-right:0px;
	}
}




.social_facebook{
width: 16px;
height: 30px;
background-size: 16px auto;
background-image: url(img/svg/icon_facebook_3.svg);
background-position: 0px 0px;
}






.social_facebook:focus , .social_facebook:hover , .social_facebook:active{
background-position: 0px -30px;
}

.social_linkedin{
width: 24px;
height: 23px;
background-size: 24px auto;
background-image: url(img/svg/icon_linkedin_3.svg);
background-position: 0px 0px;
}

.social_linkedin:focus , .social_linkedin:hover , .social_linkedin:active{
background-position: 0px -23px;
}

.social_xing{
width: 26px;
height: 29px;
background-size: 26px auto;
background-image: url(img/svg/icon_xing_3.svg);
background-position: 0px 0px;
}

.social_xing:focus , .social_xing:hover , .social_xing:active{
background-position: 0px -30px;
}

.social_socialgate{
width: 31px;
height: 33px;
b_ackground:red;
background-size: 31px auto;
background-image: url(img/icon_socialgate.png);
background-position: 0px 0px;
}






.text_right_center{
text-align:center;
}

.text_left_center{
text-align:center;
}

@media only screen and (min-width: 415px){	/* NOT a Smartphone */
.text_right_center{
text-align:right;
}

.text_left_center{
text-align:left;
}
}


ul.mobile_navi , ul.mobile_navi li{
list-style-type:none;
margin:80px 0px 0px 0px;
padding:0;
}
	
ul.mobile_navi li{
m_argin: 10px 0px 10px 20px;
margin: 14px 0px 10px 0px;
text-align: center;
}
	
ul.mobile_navi li a{
font-size:14px;
color:#FFF;
}






.burger{
width:38px;
height:38px;
position:absolute;
right:0px;
b_ackground-color:yellow;
margin: 10px 10px;
background-image:url('img/icon_burger_7.png');
background-repeat:no-repeat;
b_ackground-position:center center;
}

.burger_weiss{
background-position:0px 0px;
}

.burger_blau{
background-position:-38px 0px;
}


.burger_b{
background-image:url('img/off_7.png');
}







.contentbox_left{
padding-left:20px;
padding-right:20px;
}

.contentbox_right{
padding-left:0px;
}

.contentbox_left_a{
padding-left:0px;
padding-right:0px;
}

.contentbox_right_a{
padding-left:20px;
padding-right:20px;
}

.contentbox_vb{
padding-left:20px;
padding-right:20px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.contentbox_left{
	padding-left:0px;
	padding-right:10px;
	}

	.contentbox_right{
	padding-left:10px;
	}
	
	.contentbox_left_a{
	padding-left:0px;
	padding-right:10px;
	}

	.contentbox_right_a{
	padding-left:10px;
	}	
	
	.contentbox_vb{
	padding-left:0px;
	padding-right:0px;
	}
}


.vollebreite{
width:100%;
}

.vollehoehe{
/* fuer mobile, wegen popup! */
height:1100px;
}

@media only screen and (min-width: 321px){
	.vollehoehe{
	height:890px;
	}
}

@media only screen and (min-width: 429px){
	.vollehoehe{
	height:100vh;
	}
}

/* bei leistungen und ueber mich */
.vollehoehe_2{
height:100vh;
}

.slider_wrapper{
display:block;
width:100%;
background:#EEE;
position:relative;
overflow:hidden;
}

.main_image{
position:absolute;
display:block;
top:0px;
width:100%;
background-color:#CCC;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

.main_image_1{
background-image:url('orbit_images/SJ_Header_Home_Meer_tinypng.jpg');
}

.main_image_3{
background-image:url('orbit_images/SJ_Header_Home_Wiese_tinypng.jpg');
}

.main_image_2{
background-image:url('orbit_images/SJ_Header_Home_Wald_tinypng.jpg');
}



.main_image_leistungen{
background-image:url('orbit_images/SJ_Header_Leistungen_tinypng.jpg');
}

.main_image_uebermich{
background-image:url('orbit_images/SJ_Header_Ueber_mich_tinypng.jpg');
}

.caption_TB{
font-size:20px;
b_ackground-color: red;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;	
text-align:center;
max-width:80%;
}	

/*
.caption_TB{
height: 200px;
}

@media only screen and (min-width: 1025px){
	.caption_TB{
	height: 100px;
	}
}
*/


/* ACHTUNG */

.main_image{
display:table;
}

.caption_TB{
height:auto;
display:table-cell;
position:relative;
vertical-align:middle;
padding:0px 30px;
}

/* ACHTUNG */

.caption_TB h3, .caption_TB span{
color:#FFF;
}

.caption_TB h3.farbe_blau , .caption_TB span.farbe_blau{
color:#1a4264;
}

.caption_TB h3{
c_olor:yellow;
font-size: 32px;
line-height: 42px;
}

@media only screen and (min-width: 769px){	/* NOT a Smartphone */
	.caption_TB h3{
	c_olor:pink;
	font-size: 48px;
    line-height: 58px;
	}
}

.go_left , .go_right{
display:none;
width: 16px;
height: 32px;
position: absolute;
top:0;
bottom: 0;
margin: auto 30px;
background-repeat:no-repeat;
background-size: 16px 64px;
background-position:0px 0px;
}

 .go_right{
background-image:url('img/slider_r2.png');
right:0px;
}

.go_left{
background-image:url('img/slider_l2.png');
left:0px;
}

.blau_sliders{
background-position: 0px -32px;
}

.blau_sliders_down{
background-position: 0px -17px;
}


.go_down{
display:none;
    width: 30px;
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 30px auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-image:url('img/slider_down2.png');
}

.go_down{
}

@media only screen and (min-width: 769px){	/* NOT a Smartphone */
	.go_left , .go_right , .go_down{
	display:block;
	}
}
/* ------------------------------------------------------ */




.text_center{
padding:0px;
}


.text_center_inner{
width:100%;
padding-left:20px;
font-family:'adobe-caslon-pro';
}

@media only screen and (min-width: 1024px){	/* NOT a Smartphone */
	.text_center_inner{
	width:94%;
	padding-left:0px;
	}
}


.text_center_inner{
padding-bottom:20px;
border-bottom:2px solid #1a4264;
}

@media only screen and (min-width: 641px){	/* NOT a Smartphone */
.text_center_inner{
padding-bottom:0px;
border-bottom:0px solid #1a4264;
}
}

.inner_pic{
border-top:70px solid transparent;
}

@media only screen and (min-width: 641px){	/* NOT a Smartphone */
	.inner_pic{
	border-top:0px solid transparent;
	}
}

.text_center_inner h4{
m_argin:40px 0px 20px 0px;    
margin: 68px 0px 30px 0px;
}

.text_center_inner h4{
line-height:auto;
}

@media only screen and (min-width: 1025px){
.text_center_inner h4{
line-height:0px;
}
}


.typicalpadding{
padding:80px 100px;
text-align:center;
}


.typical_text_padding{
padding: 78px 30px 76px 30px;
text-align:center;
font-family:'adobe-caslon-pro';
font-size: 20px;
line-height: 28px;
}

@media only screen and (min-width: 768px){	/* NOT a Smartphone */
	.typical_text_padding{
	padding: 78px 190px 76px 190px;
	text-align:center;
	}
}

.text_padding_leistungen{
color:#1A4264;
text-align:left;
font-family:'adobe-caslon-pro';
font-weight: normal;
font-style: normal;
font-size:17px;
line-height: 23px;
}



.text_padding_leistungen{
padding: 24px 30px 0px 30px;
b_ackground:orange;
}

@media only screen and (min-width: 640px){	/* NOT a Smartphone */
	.text_padding_leistungen{
	padding: 84px 0px 76px 0px;
	}
}

.row_leistungen{
max-width:920px;
}

@media only screen and (min-width: 1025px){
	.row_leistungen{
	max-width:1140px;
	}
}
	
.text_padding_leistungen_h3_wrapper{
padding-top:46px;
}		
		
@media only screen and (min-width: 640px){	/* NOT a Smartphone */
	.text_padding_leistungen_h3_wrapper{
	padding-top:76px;
	}	
}

	
.text_padding_leistungen h3{
font-size:35px;
color:#1A4264;
line-height: 45px;
margin-top:1px;
background-color:#FFF;
}

.strich{
display:inline-block;
width:40px;
height:20px;
background-image:url('img/strich_3.png');
background-repeat: no-repeat;
background-position: 0px -4px
}

/*
.text_padding_leistungen h3.pferde{
b_ackground-position: 30px 8px;
}

@media only screen and (min-width: 1025px){
	.text_padding_leistungen h3{
	b_ackground-image:url('img/strich_3.png');
	}
}
*/

.text_padding_leistungen h3 span{
font-size:35px;
color:#1A4264;
line-height: 45px;
margin-top:1px;
background:#FFF;
font-family: 'adobe-caslon-pro';
padding:0px 0px 0px 10px;
}

.text_padding_leistungen h3 span.h3teil1{
color:#1A4264;
font-size: 35px ! important;
line-height: 45px ! important;
font-family: 'GT-Walsheim-Regular';
padding:0px 10px 0px 0px;
}


.slogan_mitte{
color:#1A4264;
background:#F4EDE6;
border-top:20px solid #fff;
border-bottom:20px solid #fff;
}

.slogan_mitte_padding{
b_ackground:red;
padding: 72px 20px 72px 20px;
}

@media only screen and (min-width: 768px){	/* NOT a Smartphone */
	.slogan_mitte_padding{
	padding: 72px 250px 72px 250px;
	}
}


.slogan_mitte_padding h3{
font-size: 35px;
line-height: 45px;
margin-bottom: 11px;	
}



.kachel{
display:table;
background-repeat:no-repeat;
background-position:center;
height:320px;
background-size:cover;
}

@media only screen and (min-width: 1025px){	/* bigger than ipad landscape */
	.kachel{
	background-size:100%;
	}
}

.k1{
background-image:url('img/bereich_1.jpg');
}

.k2{
background-image:url('img/bereich_2.jpg');
}

.k3{
background-image:url('img/bereich_3.jpg');
}

.k4{
background-image:url('img/bereich_4.jpg');
}

.k5{
background-image:url('img/bereich_5.jpg');
}

.k6{
background-image:url('img/bereich_6c.jpg');
}


.kachel .caption_TB h3{
margin-bottom:0rem;
font-size: 28px;
line-height: 48px;
margin-bottom: -14px;
}



.mobilepadding_leistungen{
padding-bottom:60px;
}

.mobilepadding_leistungen{
padding-bottom:60px;
}



h1, h2, h3, h4, h5, h6, span, div, a {
color:#1a4264;
c_olor:red;
}

h1, h2, h3, h4, h5, h6{
font-family:'adobe-caslon-pro';
}


.blau h3 , .blau span{
color:#1a4264;
c_olor:red;
}

h3{	/* ACHTUNG */
font-size: 40px;
line-height:48px;
margin-bottom:13px;
}

    
	
	
h4{
font-family: 'GT-Walsheim-Regular';
font-size: 16px;
}

@media only screen and (min-width: 1025px){	/* bigger than ipad landscape */
	h4{
	font-size:19px;	/* laenger passt nicht! */
	}
}

a.mehr {
display: block;
width:62px;
margin-top:12px;
margin-bottom:12px;
color:#1a4264;
}

a.mehr:focus , a.mehr:hover , a.mehr:active{
color:#939597;
}

a.implink:focus , a.implink:hover , a.implink:active{
color:#939597;
}


body, div , span , a{
font-family: 'GT-Walsheim-Regular';
}

.row_borders{
max-width:1140px;
}

.row_borders div{
padding:0px 0px 0px 0px;
}

@media only screen and (min-width: 641px){
	.row_borders div{
	padding: 0px 10px 0px 20px;
	}
}



@media only screen and (min-width: 1024px){
	.row_borders div{
	padding:0px 20px 0px 0px;
	}
}


.row_borders div div{
b_ackground:cyan;
margin:0px;
border-bottom:2px solid #1a4264;
}
	
/*
.logo_2{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8%2BCjw%0AhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy%0A1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9I%0Amh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2Ny%0AZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE%0A5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcm%0AcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sb%0AnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2Rp%0APSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICA%0AgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2%0ANhcGUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9IkViZW5lXzEiCiAgIHg9IjBweCIKICAgeT0iM%0AHB4IgogICB2aWV3Qm94PSIwIDAgMjQgODgiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlu%0Aa3NjYXBlOnZlcnNpb249IjAuNDcgcjIyNTgzIgogICB3aWR0aD0iMTAwJSIKICAgaGVpZ2h0PSI%0AxMDAlIgogICBzb2RpcG9kaTpkb2NuYW1lPSJpY29uX2ZhY2Vib29rLnN2ZyI%2BPG1ldGFkYXRhCi%0AAgIGlkPSJtZXRhZGF0YTE5Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgcmRmOmFib3V0PSIiP%0AjxkYzpmb3JtYXQ%2BaW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgIHJk%0AZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8%2BPGR%0AjOnRpdGxlPjwvZGM6dGl0bGU%2BPC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCi%0AAgIGlkPSJkZWZzMTciPjxpbmtzY2FwZTpwZXJzcGVjdGl2ZQogICAgIHNvZGlwb2RpOnR5cGU9I%0Amlua3NjYXBlOnBlcnNwM2QiCiAgICAgaW5rc2NhcGU6dnBfeD0iMCA6IDI4My40NjQ1IDogMSIK%0AICAgICBpbmtzY2FwZTp2cF95PSIwIDogMTAwMCA6IDAiCiAgICAgaW5rc2NhcGU6dnBfej0iNTY%0A2LjkyOSA6IDI4My40NjQ1IDogMSIKICAgICBpbmtzY2FwZTpwZXJzcDNkLW9yaWdpbj0iMjgzLj%0AQ2NDUgOiAxODguOTc2MzMgOiAxIgogICAgIGlkPSJwZXJzcGVjdGl2ZTIxIiAvPjxpbmtzY2FwZ%0ATpwZXJzcGVjdGl2ZQogICAgIGlkPSJwZXJzcGVjdGl2ZTI4MjYiCiAgICAgaW5rc2NhcGU6cGVy%0Ac3AzZC1vcmlnaW49IjAuNSA6IDAuMzMzMzMzMzMgOiAxIgogICAgIGlua3NjYXBlOnZwX3o9IjE%0AgOiAwLjUgOiAxIgogICAgIGlua3NjYXBlOnZwX3k9IjAgOiAxMDAwIDogMCIKICAgICBpbmtzY2%0AFwZTp2cF94PSIwIDogMC41IDogMSIKICAgICBzb2RpcG9kaTp0eXBlPSJpbmtzY2FwZTpwZXJzc%0ADNkIiAvPjxjbGlwUGF0aAogICAgIGlkPSJTVkdJRF8yXy0xIj48dXNlCiAgICAgICB4bGluazpo%0AcmVmPSIjU1ZHSURfMV8tNCIKICAgICAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICAgICA%0AgaWQ9InVzZTExLTciCiAgICAgICB4PSIwIgogICAgICAgeT0iMCIKICAgICAgIHdpZHRoPSI1Nj%0AYuOTI5MDIiCiAgICAgICBoZWlnaHQ9IjU2Ni45MjkwMiIgLz48L2NsaXBQYXRoPjwvZGVmcz48c%0A29kaXBvZGk6bmFtZWR2aWV3CiAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgYm9yZGVyY29sb3I9%0AIiM2NjY2NjYiCiAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiA%0AgIGdyaWR0b2xlcmFuY2U9IjEwIgogICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgIGlua3NjYXBlOn%0ABhZ2VvcGFjaXR5PSIwIgogICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICBpbmtzY2FwZTp3a%0AW5kb3ctd2lkdGg9IjEyMDUiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY3NSIKICAgaWQ9%0AIm5hbWVkdmlldzE1IgogICBzaG93Z3JpZD0iZmFsc2UiCiAgIGlua3NjYXBlOnpvb209IjMuMzM%0AwMjIzIgogICBpbmtzY2FwZTpjeD0iMjMuNTc4OTIyIgogICBpbmtzY2FwZTpjeT0iMzQuNTk3Nj%0AgxIgogICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgaW5rc2NhcGU6d2luZG93LXk9IjAiCiAgI%0AGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9%0AIkViZW5lXzEiIC8%2BCjxnCiAgIGlkPSJnMyIKICAgdHJhbnNmb3JtPSJtYXRyaXgoMC41NzI5MTY%0A2NiwwLDAsMC41NzI5MTY2NiwtMTUwLjEwNDE2LC05Ni4zMjM5MSkiCiAgIHN0eWxlPSJmaWxsOi%0ANmZjMzMDAiPgoJPGcKICAgaWQ9Imc1IgogICBzdHlsZT0iZmlsbDojZmYzMzAwIj4KCQk8ZGVmc%0AwogICBpZD0iZGVmczciPgoJCQk8cmVjdAogICBpZD0iU1ZHSURfMV8iCiAgIHg9IjI2MiIKICAg%0AeT0iMjQ0LjkyOSIKICAgd2lkdGg9IjQyIgogICBoZWlnaHQ9Ijc2LjkwMiIgLz4KCQk8L2RlZnM%0A%2BCgkJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8yXyI%2BCgkJCTx1c2UKICAgeGxpbms6aHJlZj0iI1%0ANWR0lEXzFfIgogICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZSIKICAgaWQ9InVzZTExIgogICB4P%0ASIwIgogICB5PSIwIgogICB3aWR0aD0iNTY2LjkyOTAyIgogICBoZWlnaHQ9IjU2Ni45MjkwMiIg%0ALz4KCQk8L2NsaXBQYXRoPgoJCTxwYXRoCiAgIHN0eWxlPSJmaWxsOiNmZjMzMDAiCiAgIGQ9Im0%0AgMzAyLjAxMiwyNDQuODQ2IC05Ljk3MywtMC4wMTUgYyAtMTEuMjAzLDAgLTE4LjQ0NSw3LjQyOS%0AAtMTguNDQ1LDE4LjkyNSB2IDguNzI3IGggLTEwLjAyOCBjIC0wLjg2MywwIC0xLjU2NiwwLjY5O%0ASAtMS41NjYsMS41NjYgdiAxMi42NDUgYyAwLDAuODYzIDAuNzAzLDEuNTY2IDEuNTY2LDEuNTY2%0AIGggMTAuMDI4IHYgMzEuOTAzIGMgMCwwLjg2MyAwLjcwMywxLjU2NiAxLjU3LDEuNTY2IGggMTM%0AuMDc4IGMgMC44NjcsMCAxLjU3LC0wLjcwMyAxLjU3LC0xLjU2NiBWIDI4OC4yNiBoIDExLjcyMy%0ABjIDAuODY3LDAgMS41NjcsLTAuNzAzIDEuNTY3LC0xLjU2NiBsIDAuMDA3LC0xMi42NDUgYyAwL%0AC0wLjQxNCAtMC4xNjgsLTAuODEyIC0wLjQ2MSwtMS4xMDkgLTAuMjkzLC0wLjI5MyAtMC42OTEs%0ALTAuNDU3IC0xLjEwOSwtMC40NTcgaCAtMTEuNzI3IHYgLTcuMzk4IGMgMCwtMy41NTUgMC44NDg%0AsLTUuMzYgNS40NzcsLTUuMzYgbCA2LjcxOSwtMC4wMDQgYyAwLjg2NywwIDEuNTY2LC0wLjcwMy%0AAxLjU2NiwtMS41NjYgdiAtMTEuNzM4IGMgMCwtMC44NjggLTAuNjk5LC0xLjU2NyAtMS41NjIsL%0ATEuNTcxIGwgMCwwIHogbSAwLDAiCiAgIGlkPSJwYXRoMTMiCiAgIGNsaXAtcGF0aD0idXJsKCNT%0AVkdJRF8yXykiIC8%2BCgk8L2c%2BCjwvZz4KPGcKICAgaWQ9ImczLTQiCiAgIHRyYW5zZm9ybT0ibWF%0A0cml4KDAuNTcyOTE2NjYsMCwwLDAuNTcyOTE2NjYsLTE1MC4xMDQxNiwtMTQwLjMyMzkpIj48Zw%0AogICAgIGlkPSJnNS0wIj48ZGVmcwogICAgICAgaWQ9ImRlZnM3LTkiPjxyZWN0CiAgICAgICAgI%0AGlkPSJTVkdJRF8xXy00IgogICAgICAgICB4PSIyNjIiCiAgICAgICAgIHk9IjI0NC45MjkiCiAg%0AICAgICAgIHdpZHRoPSI0MiIKICAgICAgICAgaGVpZ2h0PSI3Ni45MDIiIC8%2BPC9kZWZzPjxjbGl%0AwUGF0aAogICAgICAgaWQ9ImNsaXBQYXRoMjgzNiI%2BPHVzZQogICAgICAgICB4bGluazpocmVmPS%0AIjU1ZHSURfMV8tNCIKICAgICAgICAgc3R5bGU9Im92ZXJmbG93OnZpc2libGUiCiAgICAgICAgI%0AGlkPSJ1c2UyODM4IgogICAgICAgICB4PSIwIgogICAgICAgICB5PSIwIgogICAgICAgICB3aWR0%0AaD0iNTY2LjkyOTAyIgogICAgICAgICBoZWlnaHQ9IjU2Ni45MjkwMiIgLz48L2NsaXBQYXRoPjx%0AwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojMWE0MjY0IgogICAgICAgZD0ibSAzMDIuMDEyLDI0NC%0A44NDYgLTkuOTczLC0wLjAxNSBjIC0xMS4yMDMsMCAtMTguNDQ1LDcuNDI5IC0xOC40NDUsMTguO%0ATI1IHYgOC43MjcgaCAtMTAuMDI4IGMgLTAuODYzLDAgLTEuNTY2LDAuNjk5IC0xLjU2NiwxLjU2%0ANiB2IDEyLjY0NSBjIDAsMC44NjMgMC43MDMsMS41NjYgMS41NjYsMS41NjYgaCAxMC4wMjggdiA%0AzMS45MDMgYyAwLDAuODYzIDAuNzAzLDEuNTY2IDEuNTcsMS41NjYgaCAxMy4wNzggYyAwLjg2Ny%0AwwIDEuNTcsLTAuNzAzIDEuNTcsLTEuNTY2IFYgMjg4LjI2IGggMTEuNzIzIGMgMC44NjcsMCAxL%0AjU2NywtMC43MDMgMS41NjcsLTEuNTY2IGwgMC4wMDcsLTEyLjY0NSBjIDAsLTAuNDE0IC0wLjE2%0AOCwtMC44MTIgLTAuNDYxLC0xLjEwOSAtMC4yOTMsLTAuMjkzIC0wLjY5MSwtMC40NTcgLTEuMTA%0A5LC0wLjQ1NyBoIC0xMS43MjcgdiAtNy4zOTggYyAwLC0zLjU1NSAwLjg0OCwtNS4zNiA1LjQ3Ny%0AwtNS4zNiBsIDYuNzE5LC0wLjAwNCBjIDAuODY3LDAgMS41NjYsLTAuNzAzIDEuNTY2LC0xLjU2N%0AiB2IC0xMS43MzggYyAwLC0wLjg2OCAtMC42OTksLTEuNTY3IC0xLjU2MiwtMS41NzEgbCAwLDAg%0AeiBtIDAsMCIKICAgICAgIGlkPSJwYXRoMTMtOCIKICAgICAgIGNsaXAtcGF0aD0idXJsKCNTVkd%0AJRF8yXy0xKSIgLz48L2c%2BPC9nPjwvc3ZnPg%3D%3D);
background-size:auto 100px;
background-repeat:no-repeat; 
}
*/
	
.ref_mobile div img{
display:block;
width:75%;
margin:20px auto;
b_order:2px solid orange;
}


.mobile_balken{	
display: block;
width: 100%;
height: 60px;
}

	
.offcanvas-overlap-left .right-off-canvas-menu {
position:fixed;
}
	


.change_color_1{
height: 60px;
position: absolute;
width: 100%;
}
	
.social_video{    
position: absolute;
display: block;
b_ackground-color: blue;
background-repeat:no-repeat;

right: 20px;
l_eft: 80%;
width: 30px;
height: 30px;
background-size:30px 30px;
}	

.social_video{  
top: 45px;
}

@media only screen and (min-width: 481px){
.social_video{  
top: 60px;
}
}


@media only screen and (min-width: 1025px){
.social_video{  
top: 122px;
}
}

.v_itunes{
background-image:url('img/icon_itunes.png');
margin-top: 0px;
}

.v_spotify{
background-image:url('img/icon_spotify.png');
margin-top: 50px;
}

.v_youtube{
background-image:url('img/icon_youtube.png');
margin-top: 100px;
}
 
.v_play{
background-image:url('img/icon_play.png');
margin-top: 150px;
}

.show_mobile{
display:block;
}

.show_desktop{
display:none;
}

@media only screen and (min-width: 1025px){
	.show_mobile{
	display:none;
	}
	.show_desktop{
	display:block;
	}
	
.social_video{    
left: 80%;
width: 40px;
height: 40px;
background-size:40px 40px;
}
	
.v_itunes{
background-image:url('img/icon_itunes.png');
margin-top: 50px;
}

.v_spotify{
background-image:url('img/icon_spotify.png');
margin-top: 110px;
}

.v_youtube{
background-image:url('img/icon_youtube.png');
margin-top: 170px;
}
 
.v_play{
background-image:url('img/icon_play.png');
margin-top: 230px;
}	
}


.hyphenate{
/* color:pink ! important; */
hyphens: auto; 
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
-ms-hyphens: auto;
}

.popup_window{
position: relative;
display: block;
background-color:#1a4264;
margin: 120px auto;
max-width: 80%;
width: 80%;
color:#FFF;
padding:40px 40px 40px 40px;
font-size: 17px;
line-height: 23px;
}

.popup_window{
/* MOBILE ! */
max-width: 90%;
width: 90%;
font-size: 15px;
line-height: 20px;
margin: 0px auto 0px auto;
}

@media only screen and (min-width: 769px){
	.popup_window{
	margin: 120px auto;
	max-width: 80%;
	width: 80%;
	font-size: 17px;
	line-height: 23px;
	}
}


.caslon_intro{
/* MOBILE ! */
color:#FFF;
font-size:15px ! important;
}

@media only screen and (min-width: 769px){
	.caslon_intro{
	color:#FFF;
	font-size:17px ! important;	
	}
}

.popup_off{
position: absolute;
display: block;
width:32px;
height:32px;
right:10px;
top:10px;
background-image:url('img/icon_close1.png');
background-repeat;no-repeat;
}
/* ------------------------------------------------------ */





.navi_top, .navi_top a {
    display: inline-block;
    height: 23px;
    line-height: 25px;
    font-size: 15px;
    text-decoration: none;
    color: #FFF;
    letter-spacing: 0px;
    m_argin-top: 0px 0px;
    margin: 0px 20px;
}


#logo_2022{
display:block;
margin: 0px auto 48px auto;
text-align:center;
}

#logo_2022 img{
width:362px;
height:auto;
}





.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */