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

html {
    width:100%;
    height: 100%;
    display: table;
}

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

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





.tb_small{
color:pink;
display:block;
}

.tb_medium{
display:none;
}

@media only screen and (min-width: 769px){
	.tb_small{
	display:none;
	}

	.tb_medium{
	color:yellow;
	display:block;
	}
}

.hyphenate{
hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;
}







/*
@media only screen and (min-width: 769px){
	.hyphenate{
	hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;
	}
}
*/

.inv{
display:none;
}

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


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

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


.logo{
margin:0px 20px;
}

@media only screen and (min-width: 1025px){
	.logo{
	margin:0px 0px;
	}	
}



.logo_wrapper{
position:absolute;
width:40%;
z-index:88;
padding:0px;
top: 12px;
left: 12px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */	
	.logo_wrapper{
	width:100%;
	top:40px;
	left:auto;
	}
}

.logo_wrapper  div{
margin:auto;
height:20px;
max-width: 982px;
}





.nopadding{
padding:auto;
}

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

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


.oben_0{
background-color:#890018;
height:313px;
}

.oben_0 a img{
margin-top:142px;
}

.oben{
background-color:#353737;
height:47px;
font-family:'DIN_C_neu';
color:pink;
}

.oben_0 , .oben{
display:none;
}

@media only screen and (min-width: 769px){
	.oben_0 , .oben{
	display:block;
	}
}


aside{
display:block;
}

@media only screen and (min-width: 769px){
	aside{
	display:none;
	}
}

.wrapper_beratung{
text-align: right;
padding-top: 237px;
}


.beratung{
color:#D099A3;
font-size:14px;
}

.navi_top{
border:0;
}

.navi_top a{
display: inline-block;
height: 46px;
line-height: 46px;
font-size: 20px;
t_ext-decoration: none ! important;
color: #6F7070 ! important;
font-family: 'DIN_C_neu';
letter-spacing: 0px;
margin-top: 1px;
border-right: 1px solid #6F7070;
padding: 0px 25px 0px 25px;
}

.navi_top a:focus , .navi_top a:hover , .navi_top a:active{
color:#FFF ! important;
}

/*
.navi_top a.firstlink{
padding: 0px 20px 0px 20px;
b_order-right: 2px solid pink;
}


@media only screen and (min-width: 1025px){
	.navi_top a.firstlink{
	padding: 0px 20px 0px 0px;
	b_order-right: 2px solid #f03;
	}
}
*/




.menu_wrapper_mobile{
background-color:#890018;
height:82px;
background-image:url('img/up_mobile_4.gif');
background-repeat: no-repeat;
background-position: left center;
}

.wrapper_header {
display: block;
position: relative;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
max-height: 400px;
}

.wrapper_header {
padding-bottom: 56%;
}

@media only screen and (min-width: 40.063em){	/* NOT A SMARTPHONE */
	.wrapper_header {
	padding-bottom: 46%;
	}
}

.bg_1_mobile{
background-image:url('orbit_images/UtePaul_1_mobile_2023.jpg');
background-size:cover;
margin-bottom:16px;
}

@media only screen and (min-width: 40.063em){	/* NOT A SMARTPHONE */
	.bg_1_mobile{
	b_ackground-color:yellow;
	background-image:none;
	}
}


/* Unterseiten,. alle nicht ganz so hoch */
.bg_1 , .bg_2 , .bg_3 , .bg_4 , .bg_5 , .bg_6 , .bg_7 , .bg_8{
b_ackground-color:pink;
padding-bottom: 26%;
}


.bg_1{
b_ackground-image:url('orbit_images/bg1.jpg');
}

.bg_2{
background-image:url('orbit_images/bg2.jpg');
}

.bg_3{
background-image:url('orbit_images/bg3.jpg');
}

.bg_4{
background-image:url('orbit_images/bg4.jpg');
}

.bg_5{
background-image:url('orbit_images/bg5.jpg');
}

.bg_6{
background-image:url('orbit_images/bg6.jpg');
}

.bg_7{
background-image:url('orbit_images/bg7.jpg');
}

.bg_8{
background-image:url('orbit_images/bg8.jpg');
}

.bg_9{
background-image:url('orbit_images/bg9.jpg');
}

.row{
max-width: 1024px;
}

.row_teaserbox{
max-width:1040px;
}

.teaserbox{
padding: 8px;
}
	
.teaserbox{
border-left:8px solid #FFF;
border-right:8px solid #FFF;
color: #BBBB ! important;
font-size:12px;
line-height:16px;
padding:8px;
h_eight:120px;
margin-top: 0px;
min-height:auto;
}

@media only screen and (min-width: 40.063em){
.teaserbox{
padding:0px;
border-left:8px solid transparent;
border-right:8px solid transparent;
h_eight:120px;
m_argin-top: -182px;
margin-top:-198px;
min-height:175px;
}
}

@media only screen and (min-width: 40.063em){
	.teaserbox{
	padding:0px;
	}
}

.teaserbox div{
background:#353737;
color: #999! important;
font-size:11px;
line-height:16px;
padding:16px;
}

.teaserbox a{
display:block;
line-height:34px;
padding-left:16px;
background:#890018;
height:34px;
color:#A53D4F ! important;
font-weight:bold;
}

.teaserbox a:focus , .teaserbox a:hover , .teaserbox a:active  {
color:#B35B6B ! important;
}


.teaserbox div h5{
color:#FFF;
margin:0px 0px 10px 0px;
padding:0;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
}

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


@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;
}

}


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

.implinks{
height:34px;
line-height:34px;
background: #333;
text-align:center;
color:#FFF;
width: auto;
}
	
@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.implinks{
	text-align:right;
	width: 318px;
	}
}

.implinks a{
text-decoration:none;
color:#FFF ! important;
margin:0px 0px;
}

@media only screen and (min-width:1025px){	/* NOT a tablet */
	.implinks a{
	margin:0px 15px;
	}
}

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



.tb_footer{
border-bottom:1px solid #666;
color:#484848;
padding-top:52px;
padding-bottom:44px;
background-repeat:no-repeat;
background-position: 65px 215px;
min-height:261px;
m_ax-width:982px;
}

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




	
.tb_footer_bottom{
padding:19px;
}

.tb_footer_bottom div, .tb_footer_bottom div a{
font-size:12px;
}

footer div , footer div a{
color:#999 ! important;
}


#map{
height:306px;
width:100%;
background-color:#333;
b_ackground-image:url('img/map.png');
b_ackground-repeat:no-repeat;
b_ackground-size:cover;
margin:20px 0px;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
#map{
margin:0px 0px;
}
}

.navi_top a.navi_first{
padding-left:15px;
}

@media only screen and (min-width: 1025px){	/* NOT a Tablet */
.navi_top a.navi_first{
padding-left:0px;
}
}

.up_small{
background-image:none;
}

@media only screen and (min-width:769px){	/* NOT a tablet-portrait */
	.up_small{
	background-image:url('img/UtePaul_small_3.png');
	background-repeat:no-repeat;
	background-position:top right;
	}
}


form{
padding:0;
margin:0;
}

input , textarea{
background:#C3C3C3;
}

input[type="text"]{
margin: 0px 0px 10px 0px;
border-width:0px ! important;
background:#C3C3C3;
}

textarea{
margin-bottom:10px;
}



.submitbutton{
display:block;
text-align:center;
width:100%;
height: 26px ! important;
line-height:26px;
background:#701021;
border:0;
text-decoration:none;
font-style:italic;
color:#A9707A ! important;
text-decoration:none;
}

.submitbutton:link,.submitbutton:visited{
color:#A9707A ! important;
}

.submitbutton:focus,.submitbutton:hover,.submitbutton:active{
color:#FFFFFF ! important;
}

.nopadding-left{
padding-left:0px;
}

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


.footerpadding{
padding-left: 15px;
padding-right: 15px;
}

.padding_inputs_l{
padding-left:15px;
padding-right:15px;
}

.padding_inputs_r{
padding-left:15px;
padding-right:15px;
}

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

.padding_inputs_r{
padding-left:7px;
padding-right:15px;
}
}




	
/*
input[type="text"].kalenderfeld , input[type="date"].kalenderfeld{
width:90px ! important;
float:left;
margin:0px 12px 0px 4px;
b_ackground:yellow;
border:0px solid #fff;
}
*/


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

	.footer_box{
	min-height:261px;
	margin-bottom:auto;
	}
}



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

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


/*
.tb_footer a{
color:#484848 ! important;
}
*/













.abst_20{
height:20px;
}

.abst_30{
height:30px;
}

.abst_40{
height:40px;
background:#FFF;
}


.freitext{
font-size:14px;
line-height:24px;
}

.freitext a{
color:#222 ! important;
}

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

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




.footer_bv{
display:block;
background:#333;
width:100%;
bottom:0px;
h_eight:60px;
h_eight:120px;
p_osition:absolute;
}

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

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












.social{
display:block;
width:38px;
height:38px;
b_ackground-color: #ff0e0e;
background-repeat:no-repeat;
float:right;
margin-left:10px;
margin-top:20px;
}

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

.social_fb{
background-image:url('img_cdn/icon_facebook.png');
}

.social_yt{
background-image:url('img_cdn/icon_youtube.png');
}



.top_mobile{
display:block;
background-color:#890018;
height:82px;
background-image:url('img/up_mobile_4.gif');
background-repeat: no-repeat;
background-position: left center;
}

@media only screen and (min-width: 769px){	
	.top_mobile{
	display:none;
	}
}

.right-off-canvas-menu {
width: 22.0rem;
}

a.unterpunkt{
padding-left:20px;
}

ul.mobile_navi , ul.mobile_navi li{
list-style-type:none;
margin:0;
padding:0;
}
	
ul.mobile_navi li{
margin: 10px 0px 10px 20px;
}
	
ul.mobile_navi li a{
color:#FFF;
}

ul.mobile_navi li a:focus{
color:#FFCC00;
}



.burger{
d_isplay:block ! important;
width:38px;
height:38px;
b_ackground:yellow;
b_ackground-position:right 12px;
float:right;
background-repeat:no-repeat;
margin-top:39px;
}

.burger_a{
b_ackground:yellow;
background-image:url('img/icon_burger_wh.png');
background-repeat:no-repeat;
background-position:center center;
}

.burger_b{
b_ackground:orange;
background-image:url('img/icon_off.png');
background-repeat:no-repeat;
background-position:center center;
}







.orbit-container .orbit-slide-number span{
display:none;
}

.vollebreite{
width:100%;
}

table{
width:100%;
background:none;
margin-bottom:0px;
margin-top:10px;
border: solid 0px #DDDDDD;
table-layout: auto;
border-spacing:0;
}
	
tr{
background:none ! important;
}	

td , th{
padding:0:
}

td{
padding:1px 0px ! important;
line-height:1.5 ! important;
color:#999 ! important;
}

h2{
margin: 0px 0px 20px 0px;
padding:0px;
c_olor:green;
font-size:22px;
font-weight:bold;
}

.crumbs{
font-size:14px;
color:#999;
padding:10px 0px 10px 0px;
text-transform:uppercase;
}

.navi_top a.aktiv{
color:#FFF ! important;
}

.list_wrapper{
background:#e3e3e3;
margin: 30px 0px;
padding:20px;
h_eight:100px;
m_in-height: 138px;
border:1px solid #890018;
width:100%;
}

ul.leistungen{
list-style-position:outside;
margin:0px 0px 0px 0px;
padding:0px;
padding-left:10px;
}

@media only screen and (min-width:376px){	/* not a Smartphone */	
	ul.leistungen{
	padding-left:30px;
	}
}

ul.leistungen li {
display: list-item;
margin: 0px;
font-size: 14px;
line-height: 24px;
padding-left: 20px;
list-style-type: disc;
m_argin-left: 30px;
b_ackground: red;
}

.bild_ute_paul{
float:right;
width:100%;
}

@media only screen and (min-width:376px){	/* not a Smartphone */
	.bild_ute_paul{
	width:auto;
	}
}

.einv_check {
display: block;
width: 20px;
height: 14px;
float: left;
padding-top: 2px;
}

.servicelink{
text-decoration:underline;
}

.document{
background-color:#EEE;
padding:10px 30px;
border-bottom:1px solid #FFF;
}

.doc_pdf{
background-image:url('img/icon_pdf.gif');
background-repeat:no-repeat;
background-position: left center;
}


.covidbutton {
position: absolute;
width: 180px;
height: 180px;
background-image: url(img/button.png);
background-size: 100% auto;
top: 390px;
right:17%;
z-index: 91;
display:none;
}


@media only screen and (min-width: 941px){	/* not a Smartphone */
	.covidbutton {
	display:block;
	}
}

/* NEU 2020 */

.menu_wrapper_mobile{
background-color:#890018;
height:82px;
background-image:url('img/up_mobile_4.gif');
background-repeat: no-repeat;
background-position: left center;
display:block;
}

.bg_1_mobile{
b_ackground-color:orange;
background-image:url('orbit_images/UtePaul_1_mobile_2023.jpg');
background-size:cover;
margin-bottom:16px;
}

.orbit-for-big{
b_ackground:blue;
display:none;
}

@media only screen and (min-width:769px){
	.menu_wrapper_mobile{
	display:none;
	}
	.bg_1_mobile{
	b_ackground-color:yellow;
	background-image:none;
	}
	.orbit-for-big{
	b_ackground:blue;
	display:block;
	}
}

